<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>永兴吴氏宗谱蕲州狮子口道靖支</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f8f9fa;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .container {
            max-width: 1400px;
            margin: 0 auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
            flex: 1;
        }
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #e9ecef;
            flex-wrap: wrap;
        }
        .header-left {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            flex: 1;
        }
        .header-right {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        h1, h2, h3, h4 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-weight: 600;
        }
        h1 {
            color: #2c3e50;
            font-size: 28px;
            margin-right: 20px;
        }
        .btn {
            display: inline-block;
            padding: 8px 16px;
            background: #3498db;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            border: none;
            cursor: pointer;
            font-size: 14px;
            margin: 5px 5px 5px 0;
            transition: all 0.3s ease;
        }
        .btn:hover {
            background: #2980b9;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        .btn-danger {
            background: #e74c3c;
        }
        .btn-danger:hover {
            background: #c0392b;
        }
        .btn-secondary {
            background: #7f8c8d;
        }
        .btn-secondary:hover {
            background: #636e72;
        }
        .btn-info {
            background: #2ecc71;
        }
        .btn-info:hover {
            background: #27ae60;
        }
        .btn-warning {
            background: #f39c12;
        }
        .btn-warning:hover {
            background: #d35400;
        }
        .btn-sm {
            padding: 5px 10px;
            font-size: 12px;
        }
        .form-group {
            margin-bottom: 20px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #2c3e50;
        }
        input[type="text"],
        input[type="date"],
        input[type="password"],
        input[type="search"],
        input[type="number"],
        textarea,
        select {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            transition: border 0.3s ease;
        }
        input:focus, textarea:focus, select:focus {
            border-color: #3498db;
            outline: none;
            box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
        }
        textarea {
            min-height: 120px;
            resize: vertical;
        }
        .actions {
            margin-top: 15px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .tree-node {
            margin: 15px 0;
            position: relative;
        }
        .person-card {
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 20px;
            background: white;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            position: relative;
            z-index: 2;
            transition: all 0.3s ease;
        }
        .person-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .person-card.small {
            padding: 12px;
        }
        .person-card.small h4 {
            margin-bottom: 8px;
            font-size: 16px;
        }
        .person-card.small p {
            margin-bottom: 5px;
            font-size: 14px;
        }
        .children-container {
            position: relative;
            margin-left: 50px;
            padding-left: 25px;
        }
        .children-line {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background-color: #3498db;
            z-index: 1;
            border-radius: 3px;
        }
        .children-nodes {
            display: flex;
            flex-direction: column;
            position: relative;
        }
        .children-nodes::before {
            content: '';
            position: absolute;
            left: -25px;
            top: -15px;
            height: 25px;
            width: 25px;
            border-left: 3px solid #3498db;
            border-bottom: 3px solid #3498db;
            border-bottom-left-radius: 10px;
        }
        .children-tree {
            margin-left: 30px;
            margin-top: 15px;
            border-left: 2px solid #e9ecef;
            padding-left: 20px;
        }
        .child-node {
            margin-bottom: 15px;
            position: relative;
        }
        .child-node::before {
            content: '';
            position: absolute;
            left: -20px;
            top: 20px;
            width: 15px;
            height: 2px;
            background: #e9ecef;
        }
        .grandchildren-container {
            margin-left: 20px;
            margin-top: 10px;
            padding-left: 15px;
            border-left: 2px dashed #e9ecef;
        }
        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 6px;
            font-weight: 500;
        }
        .alert-error {
            background: #ffebee;
            color: #c62828;
            border: 1px solid #ef9a9a;
        }
        .alert-success {
            background: #e8f5e9;
            color: #2e7d32;
            border: 1px solid #a5d6a7;
        }
        .login-form {
            max-width: 450px;
            margin: 50px auto;
            padding: 30px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }
        .login-form h2 {
            text-align: center;
            margin-bottom: 25px;
            color: #2c3e50;
        }
        .person-details {
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
        }
        .person-details h2 {
            border-bottom: 3px solid #3498db;
            padding-bottom: 15px;
            margin-bottom: 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .detail-row {
            margin-bottom: 18px;
            display: flex;
            flex-wrap: wrap;
            padding: 12px 0;
            border-bottom: 1px solid #f1f1f1;
        }
        .detail-label {
            font-weight: bold;
            width: 120px;
            flex-shrink: 0;
            color: #2c3e50;
        }
        .detail-value {
            flex-grow: 1;
            color: #555;
        }
        .login-note {
            text-align: center;
            margin-top: 20px;
            padding: 15px;
            background: #e3f2fd;
            border-radius: 6px;
            font-weight: 500;
        }
        /*.search-form {
            display: flex;
            margin: 15px 0;
            max-width: 800px;
        }*/
        .search-form input[type="search"] {
            flex: 1;
            margin-right: 10px;
            width: auto;
        }
        .search-form {
        max-width: 340px;
            margin: 25px auto; /* 修改这里:添加自动居中 */
    display: flex;
    align-items: stretch; /* 改为stretch让元素拉伸到相同高度 */
    /*margin: 15px 0;
    max-width: 800px;*/
    height: 40px; /* 设置固定高度 */
}

.search-form input[type="search"] {
    flex: 1;
    margin-right: 10px;
    width: auto;
    height: 100%; /* 继承父容器高度 */
    padding: 0 12px; /* 调整内边距 */
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.search-form button {
    height: 100%; /* 继承父容器高度 */
    padding: 0 16px;
    border: 1px solid #3498db;
    border-radius: 4px;
    background: #3498db;
    color: white;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap; /* 防止文字换行 */
}
        .search-results {
            margin-top: 20px;
        }
        .search-result-item {
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 15px;
            background: white;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        .search-result-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .announcement {
            background: #fff8e1;
            border-left: 5px solid #ffc107;
            padding: 20px;
            margin: 25px 0;
            border-radius: 8px;
            position: relative;
        }
        .announcement h3 {
            color: #ff9800;
            margin-top: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .news-container {
            margin: 25px 0;
        }
        .news-item {
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 25px;
            margin-bottom: 20px;
            background: white;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        .news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .news-item h3 {
            color: #2c3e50;
            margin-top: 0;
            border-bottom: 2px solid #f1f1f1;
            padding-bottom: 15px;
        }
        .news-meta {
            color: #7f8c8d;
            font-size: 14px;
            margin-bottom: 15px;
        }
        .news-content {
            line-height: 1.8;
            color: #555;
        }
        .pagination {
            display: flex;
            justify-content: center;
            margin: 30px 0;
            flex-wrap: wrap;
        }
        .pagination a, .pagination span {
            display: inline-block;
            padding: 10px 18px;
            margin: 5px;
            border: 1px solid #ddd;
            border-radius: 6px;
            text-decoration: none;
            color: #3498db;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        .pagination a:hover {
            background: #3498db;
            color: white;
            border-color: #3498db;
            transform: translateY(-2px);
        }
        .pagination .current {
            background: #3498db;
            color: white;
            border-color: #3498db;
        }
        .pagination .disabled {
            color: #bdc3c7;
            cursor: not-allowed;
        }
        .persons-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
            margin: 25px 0;
        }
        .person-grid-item {
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 20px;
            background: white;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            text-align: center;
        }
        .person-grid-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .person-grid-item h4 {
            margin-bottom: 10px;
            color: #2c3e50;
        }
        .person-grid-item p {
            color: #7f8c8d;
            margin-bottom: 5px;
        }
        .related-news {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 2px solid #f1f1f1;
        }
        .related-news h3 {
            color: #2c3e50;
            margin-bottom: 20px;
        }
        .footer {
            text-align: center;
            margin-top: 40px;
            padding: 20px;
            color: #7f8c8d;
            font-size: 14px;
        }
        .editor-toolbar {
            background: #f8f9fa;
            padding: 10px;
            border: 1px solid #ddd;
            border-bottom: none;
            border-radius: 4px 4px 0 0;
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }
        .editor-toolbar button {
            background: white;
            border: 1px solid #ddd;
            padding: 5px 10px;
            border-radius: 3px;
            cursor: pointer;
            font-size: 14px;
        }
        .editor-toolbar button:hover {
            background: #f1f1f1;
        }
        .html-editor {
            min-height: 200px;
            border: 1px solid #ddd;
            border-radius: 0 0 4px 4px;
            padding: 12px;
            font-family: monospace;
        }
        @media (max-width: 768px) {
            .container {
                padding: 15px;
                margin: 10px;
            }
            header {
                flex-direction: column;
                align-items: flex-start;
            }
            .header-right {
                margin-top: 15px;
                width: 100%;
                justify-content: center;
            }
            .children-container {
                margin-left: 30px;
            }
            .persons-grid {
                grid-template-columns: 1fr;
            }
            .detail-row {
                flex-direction: column;
            }
            .detail-label {
                width: 100%;
                margin-bottom: 5px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="header-left">
                <h1>永兴吴氏宗谱蕲州狮子口道靖支</h1>
            </div>
            <div class="header-right">
                <a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3F" class="btn"><i class="fa-solid fa-house-user"></i> 家谱树</a>
                <a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dnews" class="btn"><i class="fas fa-newspaper"></i> 家族动态</a>
                                    <a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dlogin" class="btn"><i class="fas fa-sign-in-alt"></i> 登录</a>
                            </div>
        </header>

        
        
                    <!--h2><i class="fas fa-tree"></i> 家谱树(首页默认展示五代)</h2-->
            
                            <div class="announcement">
                    <h3>
                        欢迎使用永兴吴氏宗谱蕲州狮子口道靖支家谱系统                                            </h3>
                    <p>本支为永兴吴氏良材公十六世仲文祖(广济)在蕲春的后代延续宗谱记录。<br />
<br />
蕲春(蕲州)原派:廷若希元伯,尚友景先涵。立见同履庆,存心兆必延。<br />
<br />
武穴(广济)原派:世仁让开业,存心定有天。家和长迪吉,毓庆懋承先。<br />
<br />
阳新(永兴)原派:著作高风远、永兴世泽长、诗书承祖训、礼让绍家光、唐宋文章盛、元明继述昌,孝思惟锡类、兰桂庆腾芳。<br />
<br />
蕲春武穴续世派:由斯方遂意,遵循如式传;中正培本厚,效作应常绵。善学增荣耀,谦恭继祖贤。谱光明汉献,良范启宗联。<br />
<br />
注:己巳(1989年)冬广济十四户,蕲州七户代表协商联合统一宗派,广济十四户原字派“家和长迪吉”五字等于蕲州七户“存心兆必延”,七户用完“延”接十四户原派“毓俊茂承前”,以后就俱用续世派:由斯方遂意等八句四十字。 如您和以上字辈相同,可在本系统查询自己先祖的信息。</p>
                </div>
                
                        
                            <div class="persons-grid">
                    <h3 style="grid-column: 1 / -1; margin-bottom: 0;">家族人物</h3>
                                            <div class="person-grid-item">
                            <h4><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D1">良材</a></h4>
                                                            <p>字号: 字廷用,号万春,别号洞天主人。</p>
                                                                                        <p>永兴吴氏始祖</p>
                                                                                        <!--p>出生: 848-10-06</p-->
                                                    </div>
                                            <div class="person-grid-item">
                            <h4><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D4">璞</a></h4>
                                                            <p>字号: 从庆或器之</p>
                                                                                        <p>璞公</p>
                                                                                </div>
                                            <div class="person-grid-item">
                            <h4><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D34">道靖</a></h4>
                                                            <p>字号: 讳静</p>
                                                                                        <p>蕲春狮子吴姓始祖</p>
                                                                                </div>
                                            <div class="person-grid-item">
                            <h4><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D20">仲文</a></h4>
                                                            <p>字号: 朝宗</p>
                                                                                        <p>蕲州广济等诸吴始祖</p>
                                                                                </div>
                    
                </div>
                        
            
            <h2><i class="fas fa-tree"></i> 家谱树(首页默认展示五代)</h2>
                            <div class="tree-container">
                    <div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D1">良材</a> <small>〔永兴吴氏始祖〕</small></h3><p>字号: 字廷用,号万春,别号洞天主人。</p><p>出生: 848-10-06 / 唐·大中2年 @ 先祖原籍江苏吴江,复迁华亭(上海松江),后徙汴(开封),祖父如海因官迁山东临淄,后避兵燹徙金陵(南京)。</p><p>逝世: 904</p></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D2">煜</a></h3><p>字号: 宗之</p></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D4">璞</a> <small>〔璞公〕</small></h3><p>字号: 从庆或器之</p></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D6">延盛</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D7">延福</a></h3></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D8">再想</a></h3><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D8" class="btn"><!--i class="fa-solid fa-users-line"></i><i class="fa-solid fa-people-pulling"></i--><i class="fa-solid fa-arrow-right"></i> </a></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D42">再收</a></h3><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D42" class="btn"><!--i class="fa-solid fa-users-line"></i><i class="fa-solid fa-people-pulling"></i--><i class="fa-solid fa-arrow-right"></i> </a></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D43">再评</a></h3><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D43" class="btn"><!--i class="fa-solid fa-users-line"></i><i class="fa-solid fa-people-pulling"></i--><i class="fa-solid fa-arrow-right"></i> </a></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D44">再议</a></h3><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D44" class="btn"><!--i class="fa-solid fa-users-line"></i><i class="fa-solid fa-people-pulling"></i--><i class="fa-solid fa-arrow-right"></i> </a></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D5">璟</a></h3></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D51">延昭</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D52">延寿</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D53">延祖</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D54">延世</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D55">延庆</a></h3></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D3">烨</a></h3></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D45">瑗</a></h3></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D47">延章</a></h3></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D46">嘉</a></h3></div><div class="children-container"><div class="children-line"></div><div class="children-nodes"><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D48">虔</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D49">坎</a></h3></div></div><div class="tree-node"><div class="person-card"><h3><!--i class="fa-solid fa-person"></i--><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dview%26id%3D50">巽</a></h3></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div><a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Faction%3Dadd" class="btn btn-info"><i class="fas fa-plus"></i></a></div></div></div>                </div>
                        
                <div class="search-form">
                    <form method="GET" action="">
                        <input type="hidden" name="action" value="search">
                        <input type="search" name="q" placeholder="输入关键词..." value="">
                        <button type="submit" class="btn"><i class="fas fa-search"></i> 查找</button>
                    </form>
                </div>
        <div class="footer">
            <p>© 2026 永兴吴氏宗谱蕲州狮子口道靖支</p>
            <p>本系统用于家族谱系管理与展示,因数据量过大,缓慢更新中,如有疑问和数据提供联系1336341988#QQ.COM</p>
        </div>
    </div>
    <script>
                function formatText(startTag, endTag = '') {
                    const textarea = document.getElementById('news_content');
                    const start = textarea.selectionStart;
                    const end = textarea.selectionEnd;
                    const selectedText = textarea.value.substring(start, end);
                    
                    if (endTag === '<br>') {
                        textarea.value = textarea.value.substring(0, start) + startTag + textarea.value.substring(end);
                    } else {
                        textarea.value = textarea.value.substring(0, start) + startTag + selectedText + endTag + textarea.value.substring(end);
                    }
                    
                    textarea.focus();
                    
                    if (endTag) {
                        textarea.setSelectionRange(start + startTag.length, start + startTag.length + selectedText.length);
                    } else {
                        textarea.setSelectionRange(start + startTag.length, start + startTag.length);
                    }
                }
                
                function addLink() {
                    const url = prompt('请输入链接URL:', 'https://');
                    if (url) {
                        const text = prompt('请输入链接文本:', '链接文本');
                        formatText('<a href="' + url + '">', '</a>');
                        
                        const textarea = document.getElementById('news_content');
                        const start = textarea.selectionStart;
                        const end = textarea.selectionEnd;
                        
                        if (text) {
                            textarea.value = textarea.value.substring(0, start) + text + textarea.value.substring(end);
                            textarea.setSelectionRange(start, start + text.length);
                        }
                        
                        textarea.focus();
                    }
                }
                
                function addImage() {
                    const url = prompt('请输入图片URL:', 'https://');
                    if (url) {
                        const alt = prompt('请输入图片替代文本:', '图片描述');
                        formatText('<img src="' + url + '" alt="' + (alt || '') + '" style="max-width: 100%;">');
                    }
                }
                </script>
</body>
</html>