{"id":172,"url":"https:\/\/web.daaee.cn\/.\/bak\/family_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 }\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 .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 textarea {\n width: 100%;\n padding: 8px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px; \/* \u589e\u52a0\u5b57\u4f53\u5927\u5c0f\u6539\u5584\u79fb\u52a8\u7aef\u4f53\u9a8c *\/\n }\n textarea {\n min-height: 100px;\n }\n .actions {\n margin-top: 10px;\n }\n .tree-node {\n margin: 10px 0;\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 }\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 @media (max-width: 768px) {\n .detail-row {\n flex-direction: column;\n }\n .detail-label {\n width: 100%;\n margin-bottom: 5px;\n }\n .tree-node {\n margin-left: 10px !important;\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 }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\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\" style=\"margin-left: 0px;\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D1\">\u6cf0\u4f2f<\/a><\/h3><p>\u51fa\u751f: 2025-09-03 @ \u897f\u5c90<\/p><p>\u901d\u4e16: 2025-09-03<\/p><\/div><div class=\"tree-node\" style=\"margin-left: 30px;\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D2\">\u53e4\u516c\u4eb6\u7236<\/a><\/h3><p>\u5b57\u53f7: \u4eb6<\/p><\/div><div class=\"tree-node\" style=\"margin-left: 60px;\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D3\">\u5b63\u5386<\/a><\/h3><\/div><div class=\"tree-node\" style=\"margin-left: 90px;\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D5\">\u767e\u5ea6<\/a><\/h3><\/div><\/div><\/div><\/div><div class=\"tree-node\" style=\"margin-left: 30px;\"><div class=\"person-card\"><h3><a href=\"?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D4\">\u5eb7\u5b9a<\/a><\/h3><\/div><\/div><\/div> <\/div>\n <\/div>\n<\/body>\n<\/html>"}