.zong-men-directory[data-v-222f2794]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden}.header[data-v-222f2794] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-222f2794] .t-icon{font-size:20px;cursor:pointer}.content[data-v-222f2794]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.search-wrapper[data-v-222f2794]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-radius:0 0 8px 8px;padding:12px;margin-bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-wrapper .back-icon[data-v-222f2794]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.search-wrapper .back-icon[data-v-222f2794]:hover{color:#3b82f6}.search-wrapper .back-icon[data-v-222f2794]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.search-wrapper[data-v-222f2794] .t-search{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;width:100%}.search-wrapper .search-stats[data-v-222f2794]{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}.search-wrapper .search-stats .stats-text[data-v-222f2794]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-wrapper .search-stats .clear-btn[data-v-222f2794]{color:#0052d9;cursor:pointer;font-size:12px}.search-wrapper .search-stats .clear-btn[data-v-222f2794]:hover{text-decoration:underline}.search-results[data-v-222f2794]{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.search-list[data-v-222f2794]{padding:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-result-item[data-v-222f2794]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px;margin-bottom:8px;background-color:#f9f9f9;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.search-result-item[data-v-222f2794]:hover{background-color:#f0f0f0;-webkit-transform:translateX(4px);transform:translateX(4px)}.search-result-item[data-v-222f2794]:last-child{margin-bottom:0}.search-result-item .result-content[data-v-222f2794]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.search-result-item .result-name[data-v-222f2794]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-all}.search-result-item .result-name[data-v-222f2794] .highlight{color:#0052d9;background-color:#e0edff;padding:2px 4px;border-radius:2px;font-weight:600}.search-result-item .result-path[data-v-222f2794]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item[data-v-222f2794] .t-icon{color:#999;margin-left:8px;-webkit-flex-shrink:0;flex-shrink:0}.load-more[data-v-222f2794]{margin-top:16px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.load-more[data-v-222f2794] .t-button{min-height:36px}.load-more[data-v-222f2794] .t-loading{padding:12px 0}.no-more[data-v-222f2794]{text-align:center;padding:16px 0;color:#999;font-size:13px}.no-more span[data-v-222f2794]{display:inline-block;padding:0 16px;position:relative}.no-more span[data-v-222f2794]::before,.no-more span[data-v-222f2794]::after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#e0e0e0}.no-more span[data-v-222f2794]::before{right:100%;margin-right:8px}.no-more span[data-v-222f2794]::after{left:100%;margin-left:8px}.directory-content[data-v-222f2794]{position:fixed;top:70px;left:0;right:0;bottom:60px;display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:0 12px;overflow:hidden;-webkit-overflow-scrolling:touch}.left-catalog[data-v-222f2794]{width:45%;min-width:150px;background-color:#fafafa;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.left-catalog[data-v-222f2794]::-webkit-scrollbar{display:none}.right-article-wrapper[data-v-222f2794]{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.right-article-wrapper>.add-btn[data-v-222f2794]{position:absolute;top:0;right:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:2px;padding:4px 8px;font-size:12px;color:#0052d9;cursor:pointer;border-radius:0 8px 0 6px;-webkit-transition:all .2s ease;transition:all .2s ease;background:rgba(0,82,217,.06)}.right-article-wrapper>.add-btn[data-v-222f2794] .t-icon{font-size:14px}.right-article-wrapper>.add-btn span[data-v-222f2794]{font-weight:400}.right-article-wrapper>.add-btn[data-v-222f2794]:active{background:rgba(0,82,217,.12);box-shadow:0 0 0 2px rgba(0,82,217,.15)}.right-article-list[data-v-222f2794]{-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:12px;scrollbar-width:none;-ms-overflow-style:none}.right-article-list[data-v-222f2794]::-webkit-scrollbar{display:none}.article-cards[data-v-222f2794]{width:100%}.empty-state[data-v-222f2794]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:40px 20px;color:#999;min-height:200px;margin:0 auto}.empty-state[data-v-222f2794] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-222f2794]{font-size:14px;margin:0}.map-content[data-v-222f2794]{height:calc(100vh - 120px);margin-top:16px;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width: 768px){.directory-content[data-v-222f2794]{gap:8px}.left-catalog[data-v-222f2794]{width:40%;min-width:130px}.right-article-list[data-v-222f2794]{padding:8px}}@-webkit-keyframes fadeInUp-222f2794{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-222f2794{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left-catalog[data-v-222f2794] .catalog-tree-item{-webkit-animation:fadeInUp-222f2794 .3s ease-out forwards;animation:fadeInUp-222f2794 .3s ease-out forwards;opacity:0}.article-cards[data-v-222f2794] .article-card{-webkit-animation:fadeInUp-222f2794 .3s ease-out forwards;animation:fadeInUp-222f2794 .3s ease-out forwards;opacity:0}@-webkit-keyframes skeleton-loading-222f2794{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton-loading-222f2794{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-222f2794]{background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-222f2794 1.5s infinite;animation:skeleton-loading-222f2794 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item[data-v-222f2794]{padding:10px 12px;margin:6px 8px;background:#fff;border-radius:6px}.left-catalog>.skeleton-item .skeleton-title[data-v-222f2794]{height:16px;width:70%;margin-bottom:8px;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-222f2794 1.5s infinite;animation:skeleton-loading-222f2794 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item .skeleton-desc[data-v-222f2794]{height:12px;width:50%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-222f2794 1.5s infinite;animation:skeleton-loading-222f2794 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card[data-v-222f2794]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;padding:8px;margin-bottom:8px;background:#fafafa;border-radius:8px}.skeleton-cards .skeleton-card .skeleton-cover[data-v-222f2794]{width:48px;height:48px;border-radius:6px;-webkit-flex-shrink:0;flex-shrink:0;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-222f2794 1.5s infinite;animation:skeleton-loading-222f2794 1.5s infinite}.skeleton-cards .skeleton-card .skeleton-content[data-v-222f2794]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-title[data-v-222f2794]{height:14px;width:80%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-222f2794 1.5s infinite;animation:skeleton-loading-222f2794 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc[data-v-222f2794]{height:12px;width:100%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-222f2794 1.5s infinite;animation:skeleton-loading-222f2794 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc.short[data-v-222f2794]{width:60%}
.zong-men-settings[data-v-02e4ac77]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5}.header[data-v-02e4ac77] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-02e4ac77] .t-icon{font-size:20px;cursor:pointer}.content[data-v-02e4ac77]{padding:16px}.settings-card[data-v-02e4ac77]{background-color:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden}.settings-card[data-v-02e4ac77]:last-child{margin-bottom:0}.settings-card[data-v-02e4ac77] .t-cell{padding:16px}.settings-card[data-v-02e4ac77] .t-cell::after{left:16px;right:16px}
.surname-selector[data-v-4ff672b1]{width:100%;padding:20px}.surname-selector .selector-container[data-v-4ff672b1]{background:#fff;border-radius:12px;padding:20px}.surname-selector .selector-container .selector-title[data-v-4ff672b1]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.surname-selector .selector-container .selector-dropdown[data-v-4ff672b1]{margin-bottom:20px}.surname-selector .selector-container .manual-input-section .input-container[data-v-4ff672b1]{margin-bottom:20px;position:relative}.surname-selector .selector-container .manual-input-section .input-container .edit-icon[data-v-4ff672b1]{cursor:pointer;color:#0052d9;font-size:18px}.surname-selector .selector-container .manual-input-section .input-container .edit-icon[data-v-4ff672b1]:hover{color:#003480}.surname-selector .selector-container .common-surnames .common-title[data-v-4ff672b1]{font-size:16px;font-weight:500;color:#333;margin-bottom:15px}.surname-selector .selector-container .common-surnames .surname-search[data-v-4ff672b1]{margin-bottom:15px}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1] .t-input{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:6px}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1] .t-input:focus{border-color:#0052d9;box-shadow:0 0 0 2px rgba(0,82,217,.2)}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1] .t-button{border-radius:6px}.surname-selector .selector-container .common-surnames .surname-search[data-v-4ff672b1] .t-input{border-radius:6px}.surname-selector .selector-container .common-surnames .surname-search[data-v-4ff672b1] .t-input:focus{border-color:#0052d9;box-shadow:0 0 0 2px rgba(0,82,217,.2)}.surname-selector .selector-container .common-surnames .surname-grid[data-v-4ff672b1]{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:60px;background:-webkit-linear-gradient(315deg, #a37c5a 0%, #b88f6e 100%);background:linear-gradient(135deg, #a37c5a 0%, #b88f6e 100%);border:1px solid #8b6f5a;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-radial-gradient(30% 30%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px),-webkit-radial-gradient(70% 70%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px),-webkit-radial-gradient(50% 20%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px);background-image:radial-gradient(circle at 30% 30%, rgba(139, 69, 19, 0.1) 1px, transparent 1px),radial-gradient(circle at 70% 70%, rgba(139, 69, 19, 0.1) 1px, transparent 1px),radial-gradient(circle at 50% 20%, rgba(139, 69, 19, 0.1) 1px, transparent 1px);background-size:15px 15px,12px 12px,8px 8px;opacity:.1}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item .oracle-bone-content[data-v-4ff672b1]{font-size:20px;font-weight:bold;color:#d4af37;text-shadow:1px 1px 0 #8b4513,1px 1px 0 rgba(0,0,0,.3);z-index:1;letter-spacing:2px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item:hover .oracle-bone-content[data-v-4ff672b1]{color:#e6c052;text-shadow:1px 1px 0 #8b4513,1px 1px 0 rgba(0,0,0,.4)}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item.active[data-v-4ff672b1]{box-shadow:0 0 0 2px #d4af37;-webkit-transform:scale(1.05);transform:scale(1.05)}.surname-selector .selector-container .common-surnames .load-more-container[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:20px}.surname-selector .selector-container .common-surnames .load-more-container[data-v-4ff672b1] .t-button{width:120px}.surname-selector .selector-container .common-surnames .no-more-container[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:20px}.surname-selector .selector-container .common-surnames .no-more-container .no-more-text[data-v-4ff672b1]{color:#999;font-size:14px}@media(max-width: 768px){.surname-selector[data-v-4ff672b1]{padding:15px}.surname-selector .selector-container[data-v-4ff672b1]{padding:15px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style[data-v-4ff672b1]{grid-template-columns:repeat(4, 1fr);gap:8px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]{height:50px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item .oracle-bone-content[data-v-4ff672b1]{font-size:18px}}
.add-button-container[data-v-4c22e7d8]{position:fixed;bottom:0;left:0;right:0;padding:20px 16px;background:#fff;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.dialog-content[data-v-4c22e7d8]{padding:20px 0}.generation-input[data-v-4c22e7d8],.index-input[data-v-4c22e7d8]{width:100%;margin-bottom:15px}.index-input[data-v-4c22e7d8]{opacity:1}.content[data-v-4c22e7d8]{padding-top:calc(env(safe-area-inset-top) + 64px);padding-bottom:calc(60px + env(safe-area-inset-bottom));overflow-y:auto;height:calc(100vh - 30px - 20px);-webkit-overflow-scrolling:touch}.generation-list[data-v-4c22e7d8]{min-height:100%;overflow-y:auto;height:calc(100vh - 30px - 20px);-webkit-overflow-scrolling:touch}.generation-list[data-v-4c22e7d8] .t-cell.is-ancestor{background-color:#fffbf0;border-left:3px solid #ff9800}.generation-list[data-v-4c22e7d8] .t-cell.is-ancestor:hover{background-color:#fff3e0}.generation-list[data-v-4c22e7d8] .t-cell .t-cell__title{font-size:18px;font-weight:bold;color:#333}.generation-list[data-v-4c22e7d8] .t-cell .t-cell__title::before{margin-right:8px;color:#d4af37}.generation-list[data-v-4c22e7d8] .t-cell .t-cell__note{font-size:20px;font-weight:bold;color:#8b4513}.load-more[data-v-4c22e7d8],.no-more[data-v-4c22e7d8]{text-align:center;padding:15px 0;color:#999;font-size:14px}.load-more[data-v-4c22e7d8]{color:#1890ff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.load-more[data-v-4c22e7d8]:active{opacity:.8}.delete-button-wrapper[data-v-4c22e7d8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:5px 10px;color:red;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:10px;overflow:hidden}.nameBox[data-v-4c22e7d8]{padding-right:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.nameBox .ancestor-tag[data-v-4c22e7d8]{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;color:#fff;background:-webkit-linear-gradient(315deg, #ff9800 0%, #f57c00 100%);background:linear-gradient(135deg, #ff9800 0%, #f57c00 100%);border-radius:10px;line-height:1.4;box-shadow:0 1px 3px rgba(255,152,0,.3);white-space:nowrap}.delete-button-in-dialog[data-v-4c22e7d8]{margin-top:10px;width:100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.move-icons[data-v-4c22e7d8]{display:-webkit-box;display:-webkit-flex;display:flex;padding-right:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.move-icon[data-v-4c22e7d8]{font-size:20px;color:#999;cursor:pointer}.move-icon.icon-disabled[data-v-4c22e7d8]{color:#ccc;cursor:not-allowed}
.zongmen-hierarchy[data-v-569a8444]{height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5f5f5}.page-header[data-v-569a8444] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content[data-v-569a8444]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-top:5px;height:calc(100vh - 60px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.row-item[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;margin-bottom:5px}.row-item[data-v-569a8444]:last-child{margin-bottom:0}.left-axis[data-v-569a8444]{width:65px;background-color:#fff;border-right:1px solid #eee}.left-axis .axis-item[data-v-569a8444]{padding:8px 4px;text-align:center;font-size:11px;color:#666;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.left-axis .axis-item.active[data-v-569a8444]{background-color:#e6f7ff;color:#1890ff;font-weight:bold;border-left:3px solid #1890ff}.left-axis .axis-item[data-v-569a8444]:last-child{border-bottom:none}.left-axis .axis-item[data-v-569a8444]:hover{background-color:#f9f9f9}.right-content[data-v-569a8444]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:hidden;overflow-x:auto;padding:3px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.right-content[data-v-569a8444]::-webkit-scrollbar{display:none}.right-content[data-v-569a8444]{-ms-overflow-style:none;scrollbar-width:none}.generation-section[data-v-569a8444]{margin-bottom:0}.generation-section .generation-content[data-v-569a8444]{padding:2px 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.generation-title[data-v-569a8444]{font-size:13px;font-weight:bold;text-align:center;padding:4px;background-color:#e6f7ff;color:#1890ff;border-radius:6px}.person-group[data-v-569a8444]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px}.person-group[data-v-569a8444]:last-child{margin-right:0}.couple-card[data-v-569a8444]{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:5px;margin-bottom:5px}.couple-card[data-v-569a8444]:last-child{margin-bottom:0}.couple-card[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-width:180px}.couple-card.single-person[data-v-569a8444]{min-width:90px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.couple-card.single-person .person-card[data-v-569a8444]{width:100%}.person-card[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:4px 0}.person-card[data-v-569a8444]:first-child{padding-top:0}.person-card[data-v-569a8444]:last-child{padding-bottom:0}.person-card.vertical[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:48%;padding:4px;margin:0;border-radius:3px;background-color:#fafafa}.person-card.vertical .avatar-container[data-v-569a8444]{margin-right:0;margin-bottom:3px}.person-card.vertical .avatar-container .avatar[data-v-569a8444]{width:35px;height:35px}.person-card.vertical .person-info[data-v-569a8444]{text-align:center}.person-card.vertical .person-info .person-name[data-v-569a8444]{font-size:11px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card.vertical .person-info .person-details .gender[data-v-569a8444]{font-size:7px;padding:1px 2px}.person-card.vertical[data-v-569a8444]:first-child{padding-top:4px}.person-card.vertical[data-v-569a8444]:last-child{padding-bottom:4px}.person-card.vertical[data-v-569a8444]:hover{background-color:#f0f0f0}.person-card.horizontal[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:48%;padding:4px;margin:0;border-radius:3px;background-color:#fafafa;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.person-card.horizontal .avatar-container[data-v-569a8444]{margin-right:0;margin-bottom:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.person-card.horizontal .avatar-container .avatar[data-v-569a8444]{width:40px;height:40px}.person-card.horizontal .person-info[data-v-569a8444]{text-align:center;width:100%}.person-card.horizontal .person-info .person-name[data-v-569a8444]{font-size:11px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card.horizontal .person-info .person-details[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.person-card.horizontal .person-info .person-details .gender[data-v-569a8444]{font-size:7px;padding:1px 2px}.person-card.horizontal[data-v-569a8444]:first-child{padding-top:4px}.person-card.horizontal[data-v-569a8444]:last-child{padding-bottom:4px}.person-card.horizontal[data-v-569a8444]:hover{background-color:#e6f7ff;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.person-card.horizontal[data-v-569a8444]:active{-webkit-transform:translateY(0);transform:translateY(0);background-color:#bae7ff}.couple-card.single-person .person-card.horizontal[data-v-569a8444]{width:100%}.avatar-container[data-v-569a8444]{margin-right:0;margin-bottom:3px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.avatar-container .avatar[data-v-569a8444]{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid #f0f0f0}.avatar-container .master-badge[data-v-569a8444]{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#ff4d4f;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:2}.person-info[data-v-569a8444]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.person-name[data-v-569a8444]{font-size:13px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-details[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.person-details .gender[data-v-569a8444]{font-size:9px;padding:1px 3px;border-radius:2px}.person-details .gender.male[data-v-569a8444]{background-color:#e6f7ff;color:#1890ff}.person-details .gender.female[data-v-569a8444]{background-color:#fff0f6;color:#eb2f96}@media(max-width: 768px){.left-axis[data-v-569a8444]{width:55px;font-size:9px}.avatar[data-v-569a8444]{width:30px;height:30px}.person-name[data-v-569a8444]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis-item[data-v-569a8444]{height:90px}.row-item[data-v-569a8444]{margin-bottom:3px}.right-content[data-v-569a8444]{padding:2px}.person-group[data-v-569a8444]{margin-right:6px}.couple-card[data-v-569a8444]{padding:4px;margin-bottom:4px}}.nowrap[data-v-569a8444]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-icon[data-v-569a8444]{font-size:20px;color:#0052d9}.loading-more[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px;color:#666}.loading-more[data-v-569a8444] .t-loading{margin-right:8px}.no-more-data[data-v-569a8444]{text-align:center;padding:15px;color:#999;font-size:14px}.refresh-icon[data-v-569a8444]{cursor:pointer}.nowrap[data-v-569a8444]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-icon[data-v-569a8444]{font-size:20px;color:#0052d9;cursor:pointer}.loading-more[data-v-569a8444]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px;color:#666}.loading-more[data-v-569a8444] .t-loading{margin-right:8px}.no-more-data[data-v-569a8444]{text-align:center;padding:15px;color:#999;font-size:14px}
.zong-men-directory[data-v-2dac7a7a]{padding-bottom:44px;min-height:100vh;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden}.header[data-v-2dac7a7a] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-2dac7a7a] .t-icon{font-size:20px;cursor:pointer}.content[data-v-2dac7a7a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.search-wrapper[data-v-2dac7a7a]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-radius:0 0 8px 8px;padding:12px;margin-bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-wrapper .back-icon[data-v-2dac7a7a]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.search-wrapper .back-icon[data-v-2dac7a7a]:hover{color:#3b82f6}.search-wrapper .back-icon[data-v-2dac7a7a]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.search-wrapper[data-v-2dac7a7a] .t-search{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;width:100%}.search-wrapper .search-stats[data-v-2dac7a7a]{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}.search-wrapper .search-stats .stats-text[data-v-2dac7a7a]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-wrapper .search-stats .clear-btn[data-v-2dac7a7a]{color:#0052d9;cursor:pointer;font-size:12px}.search-wrapper .search-stats .clear-btn[data-v-2dac7a7a]:hover{text-decoration:underline}.search-results[data-v-2dac7a7a]{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.search-list[data-v-2dac7a7a]{padding:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-result-item[data-v-2dac7a7a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px;margin-bottom:8px;background-color:#f9f9f9;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.search-result-item[data-v-2dac7a7a]:hover{background-color:#f0f0f0;-webkit-transform:translateX(4px);transform:translateX(4px)}.search-result-item[data-v-2dac7a7a]:last-child{margin-bottom:0}.search-result-item .result-content[data-v-2dac7a7a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.search-result-item .result-name[data-v-2dac7a7a]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-all}.search-result-item .result-name[data-v-2dac7a7a] .highlight{color:#0052d9;background-color:#e0edff;padding:2px 4px;border-radius:2px;font-weight:600}.search-result-item .result-path[data-v-2dac7a7a]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item[data-v-2dac7a7a] .t-icon{color:#999;margin-left:8px;-webkit-flex-shrink:0;flex-shrink:0}.load-more[data-v-2dac7a7a]{margin-top:16px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.load-more[data-v-2dac7a7a] .t-button{min-height:36px}.load-more[data-v-2dac7a7a] .t-loading{padding:12px 0}.no-more[data-v-2dac7a7a]{text-align:center;padding:16px 0;color:#999;font-size:13px}.no-more span[data-v-2dac7a7a]{display:inline-block;padding:0 16px;position:relative}.no-more span[data-v-2dac7a7a]::before,.no-more span[data-v-2dac7a7a]::after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#e0e0e0}.no-more span[data-v-2dac7a7a]::before{right:100%;margin-right:8px}.no-more span[data-v-2dac7a7a]::after{left:100%;margin-left:8px}.directory-content[data-v-2dac7a7a]{position:fixed;top:70px;left:0;right:0;bottom:60px;display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:0 12px;overflow:hidden;-webkit-overflow-scrolling:touch}.left-catalog[data-v-2dac7a7a]{width:45%;min-width:150px;background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.left-catalog[data-v-2dac7a7a]::-webkit-scrollbar{display:none}.right-article-wrapper[data-v-2dac7a7a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.right-article-wrapper>.add-btn[data-v-2dac7a7a]{position:absolute;top:0;right:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:2px;padding:4px 8px;font-size:12px;color:#0052d9;cursor:pointer;border-radius:0 8px 0 6px;-webkit-transition:all .2s ease;transition:all .2s ease;background:rgba(0,82,217,.06)}.right-article-wrapper>.add-btn[data-v-2dac7a7a] .t-icon{font-size:14px}.right-article-wrapper>.add-btn span[data-v-2dac7a7a]{font-weight:400}.right-article-wrapper>.add-btn[data-v-2dac7a7a]:active{background:rgba(0,82,217,.12);box-shadow:0 0 0 2px rgba(0,82,217,.15)}.right-article-list[data-v-2dac7a7a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:12px;scrollbar-width:none;-ms-overflow-style:none}.right-article-list[data-v-2dac7a7a]::-webkit-scrollbar{display:none}.article-cards[data-v-2dac7a7a]{width:100%}.empty-state[data-v-2dac7a7a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:40px 20px;color:#999;min-height:200px;margin:0 auto}.empty-state[data-v-2dac7a7a] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-2dac7a7a]{font-size:14px;margin:0}.map-content[data-v-2dac7a7a]{height:calc(100vh - 120px);margin-top:16px;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width: 768px){.directory-content[data-v-2dac7a7a]{gap:8px}.left-catalog[data-v-2dac7a7a]{width:40%;min-width:130px}.right-article-list[data-v-2dac7a7a]{padding:8px}}@-webkit-keyframes fadeInUp-2dac7a7a{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-2dac7a7a{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left-catalog[data-v-2dac7a7a] .catalog-tree-item{-webkit-animation:fadeInUp-2dac7a7a .3s ease-out forwards;animation:fadeInUp-2dac7a7a .3s ease-out forwards;opacity:0}.article-cards[data-v-2dac7a7a] .article-card{-webkit-animation:fadeInUp-2dac7a7a .3s ease-out forwards;animation:fadeInUp-2dac7a7a .3s ease-out forwards;opacity:0}@-webkit-keyframes skeleton-loading-2dac7a7a{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton-loading-2dac7a7a{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-2dac7a7a]{background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-2dac7a7a 1.5s infinite;animation:skeleton-loading-2dac7a7a 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item[data-v-2dac7a7a]{padding:10px 12px;margin:6px 8px;background:#fff;border-radius:6px}.left-catalog>.skeleton-item .skeleton-title[data-v-2dac7a7a]{height:16px;width:70%;margin-bottom:8px;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-2dac7a7a 1.5s infinite;animation:skeleton-loading-2dac7a7a 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item .skeleton-desc[data-v-2dac7a7a]{height:12px;width:50%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-2dac7a7a 1.5s infinite;animation:skeleton-loading-2dac7a7a 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card[data-v-2dac7a7a]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;padding:8px;margin-bottom:8px;background:#fafafa;border-radius:8px}.skeleton-cards .skeleton-card .skeleton-cover[data-v-2dac7a7a]{width:48px;height:48px;border-radius:6px;-webkit-flex-shrink:0;flex-shrink:0;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-2dac7a7a 1.5s infinite;animation:skeleton-loading-2dac7a7a 1.5s infinite}.skeleton-cards .skeleton-card .skeleton-content[data-v-2dac7a7a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-title[data-v-2dac7a7a]{height:14px;width:80%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-2dac7a7a 1.5s infinite;animation:skeleton-loading-2dac7a7a 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc[data-v-2dac7a7a]{height:12px;width:100%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-2dac7a7a 1.5s infinite;animation:skeleton-loading-2dac7a7a 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc.short[data-v-2dac7a7a]{width:60%}