@import"https://fonts.loli.net/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-primary: #f5f6fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fd;--bg-glass: rgba(255, 255, 255, .95);--bg-input: #f0f2f8;--text-primary: #1a1f36;--text-secondary: #5a6282;--text-muted: #9aa3c2;--accent-blue: #4070f4;--accent-purple: #7c5cf6;--accent-pink: #e8529a;--accent-green: #12b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--gradient-primary: linear-gradient(135deg, #4070f4, #7c5cf6);--gradient-warm: linear-gradient(135deg, #f59e0b, #e8529a);--gradient-cool: linear-gradient(135deg, #12b981, #4070f4);--border-color: #e4e8f0;--border-glow: rgba(64, 112, 244, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 1px 8px rgba(0, 0, 0, .06);--shadow-glow: 0 0 0 3px rgba(64, 112, 244, .1);--shadow-float: 0 8px 32px rgba(0, 0, 0, .12);--shadow-nav: 0 1px 0 #e4e8f0, 0 2px 12px rgba(0, 0, 0, .05);--font-sans: "Inter", "Noto Sans SC", -apple-system, sans-serif;--avatar-male: #5277e8;--avatar-female: #e879a8;--info-bg: #f2f6ff;--info-border: #d8e4ff;--info-text: #31558f;--chart-label: #1a1f36;--chart-node-stroke: #ffffff;--chart-edge: rgba(72, 91, 145, .42);--chart-edge-soft: rgba(100, 120, 180, .45);--chart-canvas: #f8f9fc;--chip-bg: #eaf0fb;--chip-bg-soft: #f4f6fb;--warn-bg: #fff7ed;--warn-border: #fed7aa;--warn-text: #9a3412;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-purple)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-nav);border-top:3px solid transparent;border-image:linear-gradient(90deg,#4070f4,#7c5cf6,#e8529a) 1}.navbar-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer}.navbar-brand .brand-icon{font-size:1.3rem}.navbar-links{display:flex;align-items:center;gap:2px}.nav-link{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:#4070f40f}.nav-link.router-link-active{color:var(--accent-blue);background:#4070f414;font-weight:600}.main-content{flex:1;margin-top:56px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{border-color:#c8d3f0;box-shadow:0 4px 16px #00000014}.card-title{font-size:.95rem;font-weight:600;margin-bottom:14px;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #4070f440}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4070f459}.btn-secondary{background:#f0f2f8;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#e6e9f4;border-color:#c8d3f0}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 10px}.btn-ghost:hover{color:var(--text-primary);background:#0000000a}.btn-sm{padding:5px 12px;font-size:.8rem}.input{width:100%;padding:9px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.88rem;transition:all var(--transition-fast);outline:none}.input:focus{background:#fff;border-color:var(--accent-blue);box-shadow:var(--shadow-glow)}.input::placeholder{color:var(--text-muted)}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:12px;color:var(--text-muted);font-size:.95rem;pointer-events:none}.search-box .input{padding-left:38px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:.75rem;font-weight:500}.badge-male{background:#4070f41a;color:var(--accent-blue)}.badge-female{background:#e8529a1a;color:var(--accent-pink)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px;color:var(--text-muted)}.spinner{width:36px;height:36px;border:3px solid #e4e8f0;border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.drawer-overlay{position:fixed;inset:0;z-index:2000;background:#1a1f364d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:2001;width:380px;max-width:90vw;background:#fff;border-left:1px solid var(--border-color);box-shadow:var(--shadow-float);overflow-y:auto;animation:slideInRight .25s ease}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#fafbff}.drawer-body{padding:20px}.drawer-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.drawer-close:hover{background:#f0f2f8;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d6e8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0badc}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:50px 20px;color:var(--text-muted);text-align:center}.empty-state .empty-icon{font-size:2.5rem;opacity:.5}.footer{width:100%;padding:12px 0;margin-top:auto;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;flex-wrap:wrap}.footer-info{font-size:.75rem;color:var(--text-muted);font-weight:400}.beian-link{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);background:transparent}.beian-link:hover{color:var(--accent-blue);background:#4070f40d}@media(max-width:768px){:root{--bg-primary: #f4f6fb;--bg-input: #f0f3fa;--accent-blue: #2f54c7;--accent-purple: #7d64c9;--gradient-primary: linear-gradient(135deg, #2f54c7, #3b6fe0);--shadow-glow: 0 0 0 3px rgba(47, 84, 199, .12);--shadow-card: 0 1px 8px rgba(23, 40, 92, .07);--shadow-nav: 0 1px 0 rgba(28, 50, 118, .1);--avatar-male: #3b6fe0;--avatar-female: #c2608f;--info-bg: #eef1fb;--info-border: rgba(28, 50, 118, .14);--info-text: #2c47a8}html{background:#f4f6fb}body{overscroll-behavior-y:none}a,button,.btn,select,input{-webkit-tap-highlight-color:transparent}.btn{min-height:44px}.btn:active{transform:scale(.97)}.navbar{padding:0 12px}.drawer{width:100%;padding-bottom:env(safe-area-inset-bottom)}.drawer-close{width:44px;height:44px}}html[data-theme=dark]{--bg-primary: #14161d;--bg-secondary: #1a1e29;--bg-card: #1c202b;--bg-card-hover: #222736;--bg-glass: rgba(23, 27, 39, .95);--bg-input: #262c3a;--text-primary: #e8ecf6;--text-secondary: #aab4cf;--text-muted: #737f9f;--border-color: #2d3549;--border-glow: rgba(93, 130, 255, .3);--shadow-card: 0 1px 8px rgba(0, 0, 0, .4);--shadow-float: 0 8px 32px rgba(0, 0, 0, .55);--shadow-nav: 0 1px 0 rgba(0, 0, 0, .5), 0 2px 12px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 3px rgba(93, 130, 255, .18);--info-bg: #1d2637;--info-border: rgba(122, 152, 255, .25);--info-text: #9db8f5;--chart-label: #dfe5f5;--chart-node-stroke: #1c202b;--chart-edge: rgba(150, 170, 220, .5);--chart-edge-soft: rgba(150, 170, 220, .4);--chart-canvas: #171b26;--chip-bg: #26314a;--chip-bg-soft: #212838;--warn-bg: #3a2c14;--warn-border: rgba(245, 158, 11, .35);--warn-text: #f5b04a}html[data-theme=dark] body{background-color:var(--bg-primary)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a4258}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a5470}html[data-theme=dark] .card:hover{border-color:#3c4a72}html[data-theme=dark] .btn-secondary{background:var(--bg-input)}html[data-theme=dark] .btn-secondary:hover{background:#2f3648;border-color:#3c4a72}html[data-theme=dark] .btn-ghost:hover{background:#ffffff0f}html[data-theme=dark] .input:focus{background:var(--bg-card)}html[data-theme=dark] .spinner{border-color:#2d3549}html[data-theme=dark] .drawer,html[data-theme=dark] .drawer-header,html[data-theme=dark] .drawer-close{background:var(--bg-card)}html[data-theme=dark] .drawer-close:hover{background:var(--bg-input)}html[data-theme=dark] .navbar-brand{color:var(--text-primary)}html[data-theme=dark] .navbar-brand .brand-icon{background:var(--chip-bg)}html[data-theme=dark] .mobile-tabbar{border-top-color:#ffffff14;background:var(--bg-glass);box-shadow:0 -8px 30px #0006}html[data-theme=dark] .mobile-tab{color:var(--text-muted)}html[data-theme=dark] .mobile-tab.is-active{background:var(--chip-bg);color:#8fa8ff}html[data-theme=dark] .gen-sidebar,html[data-theme=dark] .desc-gen-sidebar,html[data-theme=dark] .gen-tag-bar,html[data-theme=dark] .confirm-dialog{background:var(--bg-card)}html[data-theme=dark] .gen-filter input{background:var(--bg-input)}html[data-theme=dark] .search-intro{border-color:var(--border-color);background:var(--bg-card);color:var(--text-primary);box-shadow:0 14px 32px #00000059}html[data-theme=dark] .search-intro .page-subtitle{color:var(--text-secondary)}html[data-theme=dark] .search-main .input{border-color:var(--border-color);background:var(--bg-card);box-shadow:0 10px 24px #0006}html[data-theme=dark] .search-intro,html[data-theme=dark] .section-title{color:var(--text-primary)}html[data-theme=dark] .result-actions .search-secondary-action{border-color:var(--border-color);background:var(--chip-bg-soft);color:#8fa8ff}html[data-theme=dark] .result-actions .search-tertiary-action{border-color:var(--border-color);background:var(--bg-input);color:var(--text-muted)}html[data-theme=dark] .focus-page{background:var(--bg-primary)}html[data-theme=dark] .focus-header,html[data-theme=dark] .focus-mode-switch,html[data-theme=dark] .focus-icon-button{background:var(--bg-card)}html[data-theme=dark] .focus-icon-button{border-color:var(--border-color);color:var(--text-primary)}html[data-theme=dark] .focus-heading strong{color:var(--text-primary)}html[data-theme=dark] .focus-mode-switch button.active{background:var(--chip-bg);color:#8fa8ff;box-shadow:inset 0 0 0 1px #8fa8ff1f}html[data-theme=dark] .focus-notice{background:var(--warn-bg);border-bottom-color:var(--warn-border);color:var(--warn-text)}html[data-theme=dark] .focus-error{background:#be123c29;border-color:#f43f5e4d;color:#fda4af}html[data-theme=dark] .focus-graph{background:radial-gradient(circle at 50% 36%,rgba(93,130,255,.12),transparent 40%),var(--chart-canvas)}html[data-theme=dark] .focus-graph-hint,html[data-theme=dark] .graph-empty{background:var(--bg-card);color:var(--text-muted);box-shadow:0 5px 18px #0006}html[data-theme=dark] .relationship-group{border-color:var(--border-color);box-shadow:0 5px 18px #00000040}html[data-theme=dark] .relationship-person{background:var(--bg-card);border-bottom-color:var(--border-color)}html[data-theme=dark] .relationship-person.is-active{background:#5d82ff1f}html[data-theme=dark] .focus-loading{background:#14161ddb}html[data-theme=dark] .focus-bottom-sheet{background:var(--bg-card);box-shadow:0 -16px 48px #0000008c}html[data-theme=dark] .sheet-handle{background:#3a4258}html[data-theme=dark] .sheet-summary span{background:var(--bg-input)}html[data-theme=dark] .explore-page{background:var(--bg-primary)}html[data-theme=dark] .explore-toolbar,html[data-theme=dark] .explore-sidebar,html[data-theme=dark] .explore-center .center-header{background:var(--bg-card)}html[data-theme=dark] .explore-toolbar .center-header{background:#171b27e6}html[data-theme=dark] .mode-tabs{background:var(--bg-input)}html[data-theme=dark] .mode-tabs button.active{background:var(--bg-card)}html[data-theme=dark] .explore-search{border-color:var(--border-color);background:var(--bg-input)}html[data-theme=dark] .search-popover{background:var(--bg-card)}html[data-theme=dark] .search-popover button:hover{background:var(--chip-bg)}html[data-theme=dark] .toolbar-action,html[data-theme=dark] .center-actions button,html[data-theme=dark] .explore-error button{background:var(--bg-card)}html[data-theme=dark] .mobile-research-button{border-color:var(--border-color);background:var(--chip-bg);color:#8fa8ff}html[data-theme=dark] .mobile-context-bar{background:var(--bg-card)}html[data-theme=dark] .mobile-sheet-header{background:var(--bg-glass)}html[data-theme=dark] .mobile-sheet-header button,html[data-theme=dark] .range-copy,html[data-theme=dark] .biography,html[data-theme=dark] .overview-branch dl div{background:var(--bg-input)}html[data-theme=dark] .generation-axis button:hover,html[data-theme=dark] .generation-axis button.active,html[data-theme=dark] .branch-list button:hover,html[data-theme=dark] .branch-list button.active{background:var(--chip-bg)}html[data-theme=dark] .branch-list button.active{border-color:#3c4a72}html[data-theme=dark] .lineage-path:before{background:var(--border-color)}html[data-theme=dark] .lineage-path li:before{border-color:#7d92c9}html[data-theme=dark] .lineage-path button.current,html[data-theme=dark] .breadcrumbs button:last-child,html[data-theme=dark] .breadcrumbs [aria-current=page],html[data-theme=dark] .branch-badge,html[data-theme=dark] .focus-marker{color:#e8a54b}html[data-theme=dark] .branch-badge,html[data-theme=dark] .focus-marker{background:var(--warn-bg)}html[data-theme=dark] .explore-graph{background-image:radial-gradient(#262c3a 1px,transparent 1px);background-color:var(--chart-canvas)}html[data-theme=dark] .center-state{background:#14161de0}html[data-theme=dark] .family-overview-card,html[data-theme=dark] .overview-branch{border-color:var(--border-color);background:var(--bg-card)}html[data-theme=dark] .overview-branch:hover{border-color:#3c4a72}html[data-theme=dark] .truncated-badge{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-text)}html[data-theme=dark] .detail-list dd{color:var(--text-primary)}html[data-theme=dark] .lineage-dot{background:var(--bg-card)}html[data-theme=dark] .lineage-self{background:#5d82ff2e;color:#8fa8ff}html[data-theme=dark] .minitree-container{background:var(--bg-input);border-color:var(--border-color)}html[data-theme=dark] .g6-minimap-container{background:var(--bg-card)}html[data-theme=dark] select{border-color:var(--border-color);background:var(--bg-input);color:var(--text-primary)}html[data-theme=dark] .explore-error{background:#be123c29;color:#fda4af}html[data-theme=dark] .share-notice{background:#10785a33;color:#6ee7b7}html[data-theme=dark] .sidebar-section select{background:var(--bg-input);color:var(--text-primary)}html[data-theme=dark] .graph-toolbar,html[data-theme=dark] .desc-header{background:var(--bg-card);border-bottom-color:var(--border-color)}html[data-theme=dark] .mobile-search-bar{background:var(--bg-card)}html[data-theme=dark] .gen-tag{background:var(--chip-bg-soft);color:var(--text-secondary)}html[data-theme=dark] .gen-item:hover{background:#5d82ff14}html[data-theme=dark] .gen-item.active{background:#5d82ff24}html[data-theme=dark] .graph-container,html[data-theme=dark] .desc-graph-container{background:radial-gradient(circle at 50% 38%,rgba(93,130,255,.1),transparent 42%),var(--chart-canvas)}html[data-theme=dark] .scope-notice{background:var(--info-bg);border-bottom-color:var(--info-border);color:var(--info-text)}html[data-theme=dark] .empty-notice{border-bottom-color:var(--border-color);background:var(--bg-card);color:var(--text-muted)}html[data-theme=dark] .error-notice{border-bottom-color:#f43f5e4d;background:#be123c29;color:#fda4af}html[data-theme=dark] .relationship-group{background:var(--bg-card)}html[data-theme=dark] .focus-mode-switch button{background:var(--bg-input)}html[data-theme=dark] .overview-stage{background:var(--bg-primary)}html[data-theme=dark] .lineage-path li:before{background:var(--bg-card)}html[data-theme=dark] .filter-badge{border-color:#8fa8ff59;background:#5d82ff24;color:#8fa8ff}.brand-title-mobile,.mobile-tabbar{display:none}.navbar-right{display:flex;align-items:center;gap:10px}.theme-toggle{display:flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-input);color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.theme-toggle:hover{border-color:var(--accent-blue);color:var(--text-primary)}.theme-toggle-icon{font-size:.95rem;line-height:1}.navbar-brand .brand-icon{display:grid;place-items:center;width:34px;height:34px}.brand-logo{display:block;width:100%;height:100%;border-radius:9px;box-shadow:0 1px 4px #2f54c747}@media(max-width:768px){.navbar{height:54px;padding:0 16px;border-top:0;box-shadow:0 1px #1c32761a}.brand-title-desktop,.desktop-navigation{display:none}.navbar-right{margin-left:auto;gap:0}.theme-toggle{padding:7px 12px;font-size:.74rem}.brand-title-mobile{display:inline}.navbar-brand{font-size:1.02rem;background:none;color:#1e2a5c;-webkit-text-fill-color:currentColor}.navbar-brand .brand-icon{display:grid;width:32px;height:32px;place-items:center}.main-content{margin-top:54px;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.footer{display:none}.mobile-tabbar{position:fixed;right:0;bottom:0;left:0;z-index:1500;display:grid;grid-template-columns:repeat(4,1fr);min-height:calc(64px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid rgba(28,50,118,.12);background:#fffffff5;box-shadow:0 -8px 30px #16265a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tab{min-width:58px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:14px;color:#68718a;font-size:.68rem;font-weight:650;-webkit-tap-highlight-color:transparent}.mobile-tab-icon{font-size:1.4rem;line-height:1}.mobile-tab.is-active{background:#eaf0fb;color:#2f54c7}.app-shell--immersive .navbar{display:none}.app-shell--immersive .main-content{margin-top:0}}