{"id":267,"url":"https:\/\/web.daaee.cn\/.\/bak\/tree.php","title":"\u6811\u72b6\u5bb6\u8c31\u7cfb\u7edf","content":"\n\n\n \n \n \u6811\u72b6\u5bb6\u8c31\u7cfb\u7edf<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n body {\n font-family: 'Microsoft YaHei', sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f4f4f4;\n padding: 20px;\n }\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 1px solid #eee;\n flex-wrap: wrap;\n }\n .header-left {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n h1, h2, h3 {\n color: #333;\n margin-bottom: 15px;\n }\n .btn {\n display: inline-block;\n padding: 8px 16px;\n background: #4CAF50;\n color: white;\n text-decoration: none;\n border-radius: 4px;\n border: none;\n cursor: pointer;\n font-size: 14px;\n margin: 5px 5px 5px 0;\n }\n .btn-danger {\n background: #f44336;\n }\n .btn-secondary {\n background: #777;\n }\n .btn-info {\n background: #2196F3;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n input[type=\"text\"],\n input[type=\"date\"],\n input[type=\"password\"],\n input[type=\"search\"],\n textarea {\n width: 100%;\n padding: 8px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n }\n textarea {\n min-height: 100px;\n }\n .actions {\n margin-top: 10px;\n }\n .tree-node {\n margin: 10px 0;\n position: relative;\n }\n .person-card {\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 15px;\n background: white;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n position: relative;\n z-index: 2;\n }\n .children-container {\n position: relative;\n margin-left: 40px;\n padding-left: 20px;\n }\n .children-line {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 2px;\n background-color: #4CAF50;\n z-index: 1;\n }\n .children-nodes {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n .children-nodes::before {\n content: '';\n position: absolute;\n left: -20px;\n top: -10px;\n height: 20px;\n width: 20px;\n border-left: 2px solid #4CAF50;\n border-bottom: 2px solid #4CAF50;\n border-bottom-left-radius: 8px;\n }\n .alert {\n padding: 10px;\n margin-bottom: 15px;\n border-radius: 4px;\n }\n .alert-error {\n background: #ffebee;\n color: #c62828;\n border: 1px solid #ef9a9a;\n }\n .alert-success {\n background: #e8f5e9;\n color: #2e7d32;\n border: 1px solid #a5d6a7;\n }\n .login-form {\n max-width: 400px;\n margin: 50px auto;\n padding: 20px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n .login-form h2 {\n text-align: center;\n margin-bottom: 20px;\n }\n .person-details {\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n .person-details h2 {\n border-bottom: 2px solid #4CAF50;\n padding-bottom: 10px;\n margin-bottom: 20px;\n }\n .detail-row {\n margin-bottom: 15px;\n display: flex;\n flex-wrap: wrap;\n }\n .detail-label {\n font-weight: bold;\n width: 100px;\n flex-shrink: 0;\n }\n .detail-value {\n flex-grow: 1;\n }\n .login-note {\n text-align: center;\n margin-top: 20px;\n padding: 10px;\n background: #e3f2fd;\n border-radius: 4px;\n }\n .search-form {\n display: flex;\n margin: 15px 0;\n }\n .search-form input {\n flex-grow: 1;\n margin-right: 10px;\n }\n .search-results {\n margin-top: 20px;\n }\n .search-result-item {\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 15px;\n margin-bottom: 10px;\n background: white;\n }\n @media (max-width: 768px) {\n .detail-row {\n flex-direction: column;\n }\n .detail-label {\n width: 100%;\n margin-bottom: 5px;\n }\n .children-container {\n margin-left: 20px;\n }\n .btn {\n display: block;\n width: 100%;\n text-align: center;\n margin: 5px 0;\n }\n header {\n flex-direction: column;\n text-align: center;\n }\n header h1 {\n margin-bottom: 10px;\n }\n .header-left {\n flex-direction: column;\n width: 100%;\n }\n .search-form {\n flex-direction: column;\n }\n .search-form input {\n margin-right: 0;\n margin-bottom: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <div class=\"header-left\">\n <h1>\u6811\u72b6\u5bb6\u8c31\u7cfb\u7edf<\/h1>\n <form method=\"GET\" action=\"\" class=\"search-form\">\n <input type=\"hidden\" name=\"action\" value=\"search\">\n <input type=\"search\" name=\"q\" placeholder=\"\u641c\u7d22\u4eba\u7269\u540d\u79f0\u3001\u5b57\u53f7\u6216\u7b80\u4ecb...\" value=\"\">\n <button type=\"submit\" class=\"btn btn-info\">\u641c\u7d22<\/button>\n <\/form>\n <\/div>\n <div>\n <a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dlogin\" class=\"btn\">\u767b\u5f55<\/a>\n <\/div>\n <\/header>\n \n \n \n <h2>\u5bb6\u8c31\u6811<\/h2>\n <div class=\"login-note\">\n <p>\u8bf7<a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dlogin\">\u767b\u5f55<\/a>\u540e\u6dfb\u52a0\u6216\u4fee\u6539\u5bb6\u8c31\u4fe1\u606f<\/p>\n <\/div>\n <div class=\"tree\">\n <div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D1\">\u5f20\u6c0f\u5148\u7956<\/a><\/h3><p>\u5b57\u53f7: \u5fb7\u660e<\/p><p>\u51fa\u751f: 1800-05-10 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1880-03-15<\/p><\/div><div class=\"children-container\"><div class=\"children-line\"><\/div><div class=\"children-nodes\"><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D2\">\u5f20\u5927\u5c71<\/a><\/h3><p>\u5b57\u53f7: \u5b8f\u4f1f<\/p><p>\u51fa\u751f: 1825-08-20 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1902-11-05<\/p><\/div><div class=\"children-container\"><div class=\"children-line\"><\/div><div class=\"children-nodes\"><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D4\">\u5f20\u7231\u56fd<\/a><\/h3><p>\u5b57\u53f7: \u56fd\u680b<\/p><p>\u51fa\u751f: 1850-11-30 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1923-04-18<\/p><\/div><div class=\"children-container\"><div class=\"children-line\"><\/div><div class=\"children-nodes\"><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D6\">\u5f20\u5efa\u534e<\/a><\/h3><p>\u5b57\u53f7: \u5efa\u4e1a<\/p><p>\u51fa\u751f: 1875-03-12 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1950-08-25<\/p><\/div><\/div><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D7\">\u5f20\u5efa\u56fd<\/a><\/h3><p>\u5b57\u53f7: \u5efa\u90a6<\/p><p>\u51fa\u751f: 1878-07-18 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1955-12-30<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D5\">\u5f20\u7231\u6c11<\/a><\/h3><p>\u5b57\u53f7: \u56fd\u6c11<\/p><p>\u51fa\u751f: 1853-06-25 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1928-09-12<\/p><\/div><div class=\"children-container\"><div class=\"children-line\"><\/div><div class=\"children-nodes\"><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D8\">\u5f20\u5efa\u519b<\/a><\/h3><p>\u5b57\u53f7: \u5efa\u5e73<\/p><p>\u51fa\u751f: 1880-11-05 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1960-02-14<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"tree-node\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D3\">\u5f20\u5c0f\u5c71<\/a><\/h3><p>\u5b57\u53f7: \u5b8f\u4f1f<\/p><p>\u51fa\u751f: 1828-02-15 @ \u5c71\u897f\u592a\u539f<\/p><p>\u901d\u4e16: 1905-07-22<\/p><\/div><\/div><\/div><\/div><\/div> <\/div>\n <\/div>\n<\/body>\n<\/html>"}