:root{--color-ink-900: #0A0C10;--color-ink-800: #12151C;--color-ink-700: #1A1E28;--color-ink-600: #242836;--color-ink-500: #323744;--color-ink-400: #4A4F5E;--color-ink-300: #6B7080;--color-ink-200: #9BA0AE;--color-moonwhite: #E8E6E1;--color-rice: #F5F3EF;--color-cinnabar: #D94F3D;--color-indigo: #4A6CF7;--color-gold: #D4A843;--event-war: #D94F3D;--event-politics: #4A6CF7;--event-culture: #9B6DD7;--event-economy: #D4A843;--event-person: #3D9A5F;--event-war-muted: #C07A6F;--event-politics-muted: #7B91C9;--event-culture-muted: #AE92C4;--event-economy-muted: #C4B47A;--event-person-muted: #7CAB8D;--color-success: #3D9A5F;--color-warning: #D4A843;--color-error: #D94F3D;--color-info: #4A6CF7;--dynasty-preqin: #8B5E3C;--dynasty-preqin-alt: #A67B5B;--dynasty-qinhan: #C45A3C;--dynasty-qinhan-alt: #D4724F;--dynasty-weijin: #7B8E6F;--dynasty-weijin-alt: #96A889;--dynasty-suitang: #D4A843;--dynasty-suitang-alt: #E0BE6A;--dynasty-song: #5B8C7A;--dynasty-song-alt: #74A392;--dynasty-yuan: #4A7B9D;--dynasty-yuan-alt: #6393B3;--dynasty-ming: #C75B4A;--dynasty-ming-alt: #D97463;--dynasty-qing: #3D6B5E;--dynasty-qing-alt: #5A8A7B;--dynasty-modern: #6B5B8C;--dynasty-modern-alt: #8A7AAE;--font-display: "Songti SC", "Source Han Serif SC", "STSong", Georgia, serif;--font-body: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Microsoft YaHei", monospace;--text-display-2xl: 48px;--text-display-xl: 36px;--text-display-lg: 28px;--text-display-md: 22px;--text-body-lg: 18px;--text-body-md: 15px;--text-body-sm: 13px;--text-label: 11px;--text-mono-lg: 15px;--text-mono-sm: 12px;--nav-height: 56px;--detail-panel-width: 360px;--scrollbar-height: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 14px;--duration-fast: .15s;--duration-normal: .2s;--duration-sslow: .3s;--duration-slower: .5s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .58, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-ink-900);color:var(--color-moonwhite);font-family:var(--font-body);font-size:var(--text-body-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;overflow:hidden;position:relative}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow-x:hidden;overflow-y:auto}.canvas-container::-webkit-scrollbar{width:6px}.canvas-container::-webkit-scrollbar-track{background:transparent}.canvas-container::-webkit-scrollbar-thumb{background:var(--color-ink-500);border-radius:3px}.canvas-container::-webkit-scrollbar-thumb:hover{background:var(--color-ink-400)}.timeline-canvas{display:block;width:100%;cursor:grab}.timeline-canvas.grabbing{cursor:grabbing}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:var(--space-4);height:var(--nav-height);padding:0 var(--space-6);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:#12151cd9;border-bottom:1px solid var(--color-ink-500)}.nav-logo svg{width:24px;height:24px;color:var(--color-cinnabar)}.nav-logo-text{font-family:var(--font-display);font-size:var(--text-body-md);font-weight:700;color:var(--color-moonwhite);letter-spacing:.04em}.nav-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-ink-400);pointer-events:none}.nav-search-input{height:36px;width:220px;padding:0 var(--space-3) 0 36px;border:1px solid var(--color-ink-500);border-radius:var(--radius-md);background:var(--color-ink-800);color:var(--color-moonwhite);font-family:var(--font-body);font-size:var(--text-body-sm);outline:none;transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.nav-search-input::placeholder{color:var(--color-ink-400)}.nav-search-input:focus{border-color:var(--color-indigo);box-shadow:0 0 0 2px #4a6cf733}.nav-search-results{position:absolute;top:100%;left:0;width:320px;max-height:280px;overflow-y:auto;background:var(--color-ink-700);border:1px solid var(--color-ink-500);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:40;display:none}.nav-search-results.visible{display:block}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-normal) ease}.search-result-item:hover{background:var(--color-ink-600)}.search-result-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-title{font-size:var(--text-body-sm);font-weight:500;color:var(--color-moonwhite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-year{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-300)}.nav-filters{display:flex;align-items:center;flex-shrink:0;flex-wrap:nowrap;gap:var(--space-2);margin-left:var(--space-2)}.filter-chip{height:28px;min-width:52px;padding:0 var(--space-3);border:1px solid var(--color-ink-500);border-radius:var(--radius-pill);background:transparent;color:var(--color-ink-200);font-family:var(--font-body);font-size:var(--text-label);font-weight:500;cursor:pointer;transition:all var(--duration-normal) ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);white-space:nowrap}.filter-chip:hover{border-color:var(--color-ink-400)}.filter-chip--active{border-color:currentColor;background:#ffffff0f}.filter-chip--all.filter-chip--active{color:var(--color-moonwhite)}.filter-chip--war.filter-chip--active{color:var(--event-war)}.filter-chip--politics.filter-chip--active{color:var(--event-politics)}.filter-chip--culture.filter-chip--active{color:var(--event-culture)}.filter-chip--economy.filter-chip--active{color:var(--event-economy)}.filter-chip--person.filter-chip--active{color:var(--event-person)}.filter-chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.nav-position{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.platform-notice{max-width:170px;overflow:hidden;color:var(--color-gold);font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap}.platform-user-name{color:var(--kzb-text);font-size:var(--text-body-sm);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-logout-btn,.platform-login-btn{height:30px;padding:0 var(--space-3);border:1px solid var(--color-ink-500);border-radius:var(--radius-sm);background:transparent;color:var(--color-moonwhite);font-family:var(--font-body);font-size:var(--text-label);cursor:pointer;white-space:nowrap}.platform-account button:hover,.platform-login-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.platform-account button:disabled{cursor:wait;opacity:.5}.year-jump{display:flex;align-items:center;height:30px;border:1px solid var(--color-ink-500);border-radius:var(--radius-sm);background:#0a0c1047;overflow:hidden;transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.year-jump:focus-within{border-color:var(--color-indigo);box-shadow:0 0 0 2px #4a6cf72e}.year-jump--invalid{border-color:var(--color-error);box-shadow:0 0 0 2px #d94f3d29}.year-jump-input{width:82px;height:100%;border:none;background:transparent;color:var(--color-moonwhite);font-family:var(--font-mono);font-size:var(--text-label);outline:none;padding:0 var(--space-2)}.year-jump-input::placeholder{color:var(--color-ink-400)}.year-jump-btn{height:100%;padding:0 var(--space-2);border:none;border-left:1px solid var(--color-ink-500);background:#ffffff0d;color:var(--color-ink-200);font-family:var(--font-body);font-size:var(--text-label);cursor:pointer;transition:background var(--duration-normal) ease,color var(--duration-normal) ease}.year-jump-btn:hover{background:var(--color-ink-700);color:var(--color-moonwhite)}.position-year{font-family:var(--font-mono);font-size:var(--text-mono-lg);color:var(--color-moonwhite);font-variant-numeric:tabular-nums}.position-era{font-family:var(--font-display);font-size:var(--text-body-sm);color:var(--color-ink-300)}.zoom-indicator{display:flex;align-items:center;gap:var(--space-1)}.zoom-btn{width:28px;height:28px;border:1px solid var(--color-ink-500);border-radius:var(--radius-sm);background:transparent;color:var(--color-ink-200);font-family:var(--font-mono);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) ease}.zoom-btn:hover{background:var(--color-ink-700);color:var(--color-moonwhite)}.zoom-level-text{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-300);min-width:32px;text-align:center}.zoom-level-text:before{content:"尺度 ";font-family:var(--font-body);color:var(--color-ink-400)}.map-zoom-control{position:fixed;top:72px;left:16px;z-index:18;display:grid;grid-template-columns:26px 42px;gap:8px;align-items:center;padding:10px 9px;border:1px solid rgba(74,79,94,.72);border-radius:var(--radius-lg);background:#12151cc7;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--shadow-md)}.zoom-range{width:26px;height:148px;writing-mode:vertical-lr;direction:rtl;accent-color:var(--color-cinnabar);cursor:pointer}.zoom-scale-labels{display:grid;grid-template-rows:repeat(4,1fr);height:148px;align-items:center}.zoom-scale-label{border:none;background:transparent;color:var(--color-ink-300);font-family:var(--font-body);font-size:var(--text-label);text-align:left;cursor:pointer;transition:color var(--duration-normal) ease;padding:0}.zoom-scale-label.active{color:var(--color-moonwhite);font-weight:600}.zoom-scale-label:hover{color:var(--color-moonwhite)}.axis-reset-btn{height:28px;padding:0 var(--space-3);border:1px solid var(--color-ink-500);border-radius:var(--radius-sm);background:transparent;color:var(--color-ink-200);font-family:var(--font-body);font-size:var(--text-label);cursor:pointer;transition:all var(--duration-normal) ease}.axis-reset-btn:hover{background:var(--color-ink-700);color:var(--color-moonwhite);border-color:var(--color-ink-400)}.canvas-tooltip{position:fixed;z-index:40;padding:var(--space-2) var(--space-3);background:#242836f2;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--color-ink-500);border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) ease;max-width:240px}.canvas-tooltip.visible{opacity:1}.tooltip-title{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:600;color:var(--color-moonwhite);margin-bottom:2px}.tooltip-meta{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-300)}.tooltip-type{display:inline-block;font-family:var(--font-body);font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.detail-panel{position:fixed;right:0;top:0;height:100vh;width:0;overflow:hidden;background:#1a1e28eb;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-left:1px solid var(--color-ink-500);z-index:20;transition:width var(--duration-sslow) var(--ease-out)}.detail-panel.open{width:var(--detail-panel-width)}.detail-inner{width:var(--detail-panel-width);height:100%;display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-ink-500);flex-shrink:0}.detail-header-label{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-ink-300)}.detail-close{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1f;color:var(--color-moonwhite);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) ease;font-size:18px;line-height:1}.detail-close:hover{background:#ffffff38;color:#fff}.detail-collapse-bar{display:flex;justify-content:center;padding:var(--space-2) var(--space-4)}.detail-collapse-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 16px;border:1px solid var(--color-ink-500);border-radius:var(--radius-pill);background:#d94f3d29;color:var(--color-moonwhite);font-family:var(--font-body);font-size:var(--text-label);cursor:pointer;transition:all var(--duration-normal) ease}.detail-collapse-btn:hover{background:#d94f3d47;color:var(--color-moonwhite);border-color:#d94f3da6}.detail-collapse-btn svg{width:12px;height:12px}.detail-content{flex:1;overflow-y:auto;padding:var(--space-5)}.event-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-ink-600);margin-bottom:var(--space-4);transition:background var(--duration-normal) ease}.event-card:hover{background:var(--color-ink-500)}.event-card__type-tag{display:inline-block;font-size:var(--text-label);font-weight:500;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.event-card__type-tag--war{background:#d94f3d26;color:var(--event-war)}.event-card__type-tag--politics{background:#4a6cf726;color:var(--event-politics)}.event-card__type-tag--culture{background:#9b6dd726;color:var(--event-culture)}.event-card__type-tag--economy{background:#d4a84326;color:var(--event-economy)}.event-card__type-tag--person{background:#3d9a5f26;color:var(--event-person)}.event-card__title{font-family:var(--font-display);font-size:var(--text-display-md);font-weight:600;color:var(--color-moonwhite);margin-bottom:var(--space-2);line-height:1.35}.event-card__meta{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--color-ink-300);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums}.event-card__desc{font-family:var(--font-body);font-size:var(--text-body-md);line-height:1.6;color:var(--color-ink-200)}.event-card__track-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label);color:var(--color-ink-300);margin-top:var(--space-3)}.track-dot{width:6px;height:6px;border-radius:50%}.track-dot--cn{background:var(--color-gold)}.track-dot--foreign{background:var(--color-indigo)}.child-timeline-section{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-ink-500);border-radius:var(--radius-lg);background:#12151cb8}.child-timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.child-timeline-label{font-size:var(--text-label);color:var(--color-ink-300);margin-bottom:2px}.child-timeline-title{font-size:var(--text-body-md);color:var(--color-moonwhite);line-height:1.35}.child-timeline-count{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-300)}.child-timeline-track{display:grid;gap:var(--space-2)}.child-timeline-item{width:100%;min-height:42px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;text-align:left;cursor:pointer;padding:var(--space-2);transition:background var(--duration-fast) ease}.child-timeline-item:hover{background:var(--color-ink-500)}.child-timeline-marker{width:7px;height:7px;border-radius:50%}.child-timeline-item-main{min-width:0;display:grid;gap:2px}.child-timeline-item-year{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-300)}.child-timeline-item-title{overflow:hidden;color:var(--color-moonwhite);font-size:var(--text-body-sm);text-overflow:ellipsis;white-space:nowrap}.child-timeline-item-type{font-size:var(--text-label);color:var(--color-ink-300)}.contemporaneous-section{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-ink-600)}.contemporaneous-label{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-ink-300);margin-bottom:var(--space-2)}.contemporaneous-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-ink-500);cursor:pointer}.contemporaneous-item:last-child{border-bottom:none}.contemporaneous-item:hover .contemporaneous-item-title{color:var(--color-rice)}.contemporaneous-item-row{display:flex;align-items:center;gap:var(--space-2)}.contemporaneous-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.contemporaneous-item-title{font-size:var(--text-body-sm);color:var(--color-moonwhite);transition:color var(--duration-fast) ease}.contemporaneous-item-meta{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-300);margin-top:2px;padding-left:14px}.bottom-scrollbar{position:fixed;bottom:0;left:0;right:0;height:var(--scrollbar-height);padding:0 var(--space-4);background:var(--color-ink-800);z-index:10}.scrollbar-track{position:relative;height:100%;background:var(--color-ink-700);border-radius:3px;overflow:hidden}.scrollbar-thumb{position:absolute;top:0;height:100%;border-radius:3px;background:var(--color-ink-400);min-width:40px;cursor:pointer;transition:background var(--duration-normal) ease}.scrollbar-thumb:hover{background:var(--color-ink-300)}.scrollbar-dense{position:absolute;top:0;height:100%;border-radius:3px;background:var(--color-cinnabar);pointer-events:none}.detail-content::-webkit-scrollbar{width:4px}.detail-content::-webkit-scrollbar-track{background:transparent}.detail-content::-webkit-scrollbar-thumb{background:var(--color-ink-500);border-radius:2px}.nav-search-results::-webkit-scrollbar{width:4px}.nav-search-results::-webkit-scrollbar-track{background:transparent}.nav-search-results::-webkit-scrollbar-thumb{background:var(--color-ink-500);border-radius:2px}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}.intro-overlay.hidden{opacity:0;pointer-events:none}.intro-content{text-align:center;max-width:640px;padding:40px 32px}.intro-eyebrow{display:inline-block;padding:4px 14px;background:#d977061a;color:var(--color-brand-secondary, #D97706);font-size:13px;font-weight:500;border-radius:999px;letter-spacing:.04em;margin-bottom:20px}[data-theme=dark] .intro-eyebrow{background:#eaa06d1f;color:#eca06d}.intro-title,[data-theme=light] .intro-title{font-family:var(--font-body);font-size:clamp(36px,7vw,56px);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:8px;animation:fadeInUp .8s ease forwards;opacity:0}.intro-accent{font-family:var(--font-body);font-size:clamp(16px,3vw,22px);font-weight:600;color:#0d9488;margin-bottom:16px;animation:fadeInUp .8s .1s ease forwards;opacity:0}[data-theme=dark] .intro-accent{color:#86b09d}.intro-divider{width:48px;height:2px;background:#d97706;margin:0 auto 24px;border:none;border-radius:1px;animation:fadeInUp .8s .15s ease forwards;opacity:0}.intro-subtitle,[data-theme=light] .intro-subtitle{font-size:15px;line-height:1.75;max-width:520px;margin:0 auto 32px;animation:fadeInUp .8s .2s ease forwards;opacity:0}.intro-highlights{display:flex;gap:20px;justify-content:center;margin-bottom:36px;flex-wrap:wrap;animation:fadeInUp .8s .3s ease forwards;opacity:0}.intro-highlight{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#53625b}.intro-highlight svg{width:18px;height:18px;color:#0d9488;flex-shrink:0}[data-theme=dark] .intro-highlight{color:#a8bfb5}[data-theme=dark] .intro-highlight svg{color:#86b09d}.intro-start-btn,[data-theme=light] .intro-start-btn{min-width:150px;min-height:46px;margin-top:0;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;animation:fadeInUp .8s .4s ease forwards;opacity:0}.intro-start-btn svg{width:18px;height:18px}.intro-hints,[data-theme=light] .intro-hints{margin-top:28px;display:flex;gap:24px;justify-content:center;font-size:13px;animation:fadeInUp .8s .5s ease forwards;opacity:0}.intro-hint{display:flex;align-items:center;gap:var(--space-2)}.intro-hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:var(--color-ink-600);border:1px solid var(--color-ink-500);border-radius:3px;font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-200)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-btn{width:32px;height:32px;border:1px solid var(--color-ink-500);border-radius:50%;background:transparent;color:var(--color-ink-200);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--duration-normal) ease;flex-shrink:0;line-height:1}.theme-toggle-btn:hover{background:var(--color-ink-700);color:var(--color-moonwhite)}[data-theme=light]{--color-ink-900: #F5F0E8;--color-ink-800: #FAFAF8;--color-ink-700: #FFFFFF;--color-ink-600: #F0EDE5;--color-ink-500: #D5D0C7;--color-ink-400: #9B9588;--color-ink-300: #6B6660;--color-ink-200: #4A4640;--color-moonwhite: #1a1a1a;--color-rice: #2a2a2a}[data-theme=light] body{background:var(--color-ink-900);color:#1a1a1a}[data-theme=light] .nav-bar{background:#fafaf8e0;border-bottom:1px solid #D5D0C7}[data-theme=light] .nav-logo-text{color:#1a1a1a}[data-theme=light] .nav-search-input{background:#fff;border-color:#d5d0c7;color:#1a1a1a}[data-theme=light] .nav-search-input::placeholder{color:#9b9588}[data-theme=light] .nav-search-input:focus{border-color:var(--color-indigo);box-shadow:0 0 0 2px #4a6cf726}[data-theme=light] .nav-search-results{background:#fff;border-color:#d5d0c7;box-shadow:0 4px 16px #00000014}[data-theme=light] .search-result-item:hover{background:#f0ede5}[data-theme=light] .search-result-title{color:#1a1a1a}[data-theme=light] .search-result-year{color:#9b9588}[data-theme=light] .filter-chip{border-color:#d5d0c7;color:#6b6660}[data-theme=light] .filter-chip:hover{border-color:#9b9588}[data-theme=light] .filter-chip--all.filter-chip--active{color:#1a1a1a}[data-theme=light] .year-jump{background:#fff;border-color:#d5d0c7}[data-theme=light] .year-jump:focus-within{border-color:var(--color-indigo);box-shadow:0 0 0 2px #4a6cf724}[data-theme=light] .year-jump--invalid{border-color:var(--color-error);box-shadow:0 0 0 2px #d94f3d24}[data-theme=light] .year-jump-input{color:#1a1a1a}[data-theme=light] .year-jump-input::placeholder{color:#9b9588}[data-theme=light] .year-jump-btn{border-left-color:#d5d0c7;background:#f8f6f1;color:#6b6660}[data-theme=light] .year-jump-btn:hover{background:#f0ede5;color:#1a1a1a}[data-theme=light] .zoom-btn{border-color:#d5d0c7;color:#6b6660}[data-theme=light] .zoom-btn:hover{background:#f0ede5;color:#1a1a1a}[data-theme=light] .zoom-level-text{color:#6b6660}[data-theme=light] .zoom-level-text:before{color:#9b9588}[data-theme=light] .map-zoom-control{background:#fafaf8e0;border-color:#d5d0c7;box-shadow:0 4px 16px #00000014}[data-theme=light] .zoom-scale-label{color:#6b6660}[data-theme=light] .zoom-scale-label.active,[data-theme=light] .zoom-scale-label:hover{color:#1a1a1a}[data-theme=light] .axis-reset-btn{border-color:#d5d0c7;color:#6b6660}[data-theme=light] .axis-reset-btn:hover{background:#f0ede5;color:#1a1a1a}[data-theme=light] .position-year{color:#1a1a1a}[data-theme=light] .position-era{color:#6b6660}[data-theme=light] .theme-toggle-btn{border-color:#d5d0c7;color:#6b6660}[data-theme=light] .theme-toggle-btn:hover{background:#f0ede5;color:#1a1a1a}[data-theme=light] .platform-account{color:#6b6660}[data-theme=light] .platform-account button,[data-theme=light] .platform-login-btn{border-color:#d5d0c7;color:#1a1a1a}[data-theme=light] .platform-account button:hover,[data-theme=light] .platform-login-btn:hover{border-color:#9b742a;color:#9b742a}[data-theme=light] .canvas-tooltip{background:#fffffff2;border-color:#d5d0c7;box-shadow:0 2px 12px #0000001a}[data-theme=light] .tooltip-title{color:#1a1a1a}[data-theme=light] .tooltip-meta{color:#9b9588}[data-theme=light] .detail-panel{background:#fffffff2;border-left:1px solid #D5D0C7}[data-theme=light] .detail-header{border-bottom:1px solid #D5D0C7}[data-theme=light] .detail-header-label{color:#6b6660}[data-theme=light] .detail-close{background:#00000014;color:#4a4640}[data-theme=light] .detail-close:hover{background:#00000026;color:#1a1a1a}[data-theme=light] .detail-content::-webkit-scrollbar-thumb{background:#d5d0c7}[data-theme=light] .event-card{background:#f0ede5;box-shadow:0 1px 3px #0000000a}[data-theme=light] .event-card:hover{background:#e8e4da}[data-theme=light] .event-card__title{color:#1a1a1a}[data-theme=light] .event-card__meta{color:#9b9588}[data-theme=light] .event-card__desc{color:#4a4640}[data-theme=light] .event-card__track-badge{color:#6b6660}[data-theme=light] .event-card__type-tag--war{background:#d94f3d1a}[data-theme=light] .event-card__type-tag--politics{background:#4a6cf71a}[data-theme=light] .event-card__type-tag--culture{background:#9b6dd71a}[data-theme=light] .event-card__type-tag--economy{background:#d4a8431a}[data-theme=light] .event-card__type-tag--person{background:#3d9a5f1a}[data-theme=light] .child-timeline-section{background:#f7f4ee;border-color:#d5d0c7}[data-theme=light] .child-timeline-label,[data-theme=light] .child-timeline-count,[data-theme=light] .child-timeline-item-year,[data-theme=light] .child-timeline-item-type{color:#6b6660}[data-theme=light] .child-timeline-title,[data-theme=light] .child-timeline-item-title{color:#1a1a1a}[data-theme=light] .child-timeline-item:hover{background:#e8e4da}[data-theme=light] .contemporaneous-section{background:#f0ede5}[data-theme=light] .contemporaneous-label{color:#6b6660}[data-theme=light] .contemporaneous-item{border-bottom:1px solid #D5D0C7}[data-theme=light] .contemporaneous-item:hover .contemporaneous-item-title,[data-theme=light] .contemporaneous-item-title{color:#1a1a1a}[data-theme=light] .contemporaneous-item-meta{color:#9b9588}[data-theme=light] .bottom-scrollbar{background:#f5f0e8}[data-theme=light] .scrollbar-track{background:#e8e4da}[data-theme=light] .scrollbar-thumb{background:#9b9588}[data-theme=light] .scrollbar-thumb:hover{background:#6b6660}[data-theme=light] .intro-overlay{background:radial-gradient(circle at 50% 42%,rgba(63,111,91,.06),transparent 25rem),#faf9f5f7}[data-theme=light] .intro-title{color:#1a1a1a}[data-theme=light] .intro-accent{color:#0d9488}[data-theme=light] .intro-subtitle{color:#53625b}[data-theme=light] .intro-hints{color:#66736d}[data-theme=light] .intro-hint kbd{background:#e8e4da;border-color:#d5d0c7;color:#4a4640}[data-theme=light] .canvas-container::-webkit-scrollbar-thumb{background:#d5d0c7}[data-theme=light] .canvas-container::-webkit-scrollbar-thumb:hover{background:#9b9588}[data-theme=light] .nav-search-results::-webkit-scrollbar-thumb{background:#d5d0c7}[data-theme=light] .detail-collapse-btn{background:#d5d0c780;border-color:#d5d0c7;color:#6b6660}[data-theme=light] .detail-collapse-btn:hover{background:#d5d0c7cc;color:#1a1a1a}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.intro-title,.intro-subtitle,.intro-start-btn,.intro-hints{opacity:1;transform:none}}.admin-root{width:100vw;height:100vh;overflow-y:auto;background:#0a0c10;color:var(--color-moonwhite);padding:28px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto 24px}.admin-kicker{color:var(--color-gold);font-family:var(--font-mono);font-size:var(--text-label);margin-bottom:6px}.admin-topbar h1,.admin-panel h2{font-family:var(--font-display);letter-spacing:0}.admin-topbar h1{font-size:30px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:16px;max-width:1120px;margin:0 auto}.admin-panel{max-width:1120px;margin:0 auto;padding:20px;border:1px solid var(--color-ink-500);border-radius:var(--radius-lg);background:#12151ceb;box-shadow:var(--shadow-md)}.admin-login{max-width:420px}.admin-wide{grid-column:1 / -1}.admin-panel h2{margin-bottom:16px;font-size:20px}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:8px}.admin-form span{color:var(--color-ink-300);font-size:var(--text-body-sm)}.admin-form input[type=password],.admin-form input[type=text],.admin-form input[type=number],.admin-form input[type=file],.admin-form select,.admin-form textarea{min-height:40px;border:1px solid var(--color-ink-500);border-radius:var(--radius-md);background:var(--color-ink-800);color:var(--color-moonwhite);font:inherit;padding:9px 10px}.admin-form textarea{min-height:96px;resize:vertical}.admin-event-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.admin-relation-form{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;margin-bottom:18px}.admin-field-wide{grid-column:span 2}.admin-form-actions{display:flex;align-items:end;gap:10px;grid-column:1 / -1}.admin-form-actions .admin-primary-btn,.admin-form-actions .admin-ghost-btn{min-width:120px;padding:0 14px}.admin-primary-btn,.admin-danger-btn,.admin-ghost-btn{min-height:36px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-sm);cursor:pointer;transition:opacity var(--duration-normal) ease,background var(--duration-normal) ease}.admin-primary-btn{border:none;background:var(--color-indigo);color:#fff}.admin-danger-btn{width:100%;margin-top:18px;border:none;background:var(--color-cinnabar);color:#fff}.admin-search-row{grid-template-columns:minmax(0,1fr) 96px;align-items:end;margin-bottom:12px}.admin-table-action{width:auto;min-height:30px;margin-top:0;padding:0 12px}.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-relation-event{display:grid;gap:3px;min-width:180px}.admin-relation-event strong{color:var(--color-moonwhite);font-weight:500}.admin-relation-event span{color:var(--color-ink-300);font-family:var(--font-mono);font-size:var(--text-label)}.admin-export-btn{min-height:34px;margin-bottom:12px}.admin-ghost-btn{padding:0 14px;border:1px solid var(--color-ink-500);background:transparent;color:var(--color-ink-200)}.admin-primary-btn:disabled,.admin-danger-btn:disabled,.admin-ghost-btn:disabled{cursor:not-allowed;opacity:.45}.admin-muted{color:var(--color-ink-300);line-height:1.7}.admin-error,.admin-success{margin-top:14px;font-size:var(--text-body-sm)}.admin-error{color:var(--color-error)}.admin-success{color:var(--color-success)}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-stats div{padding:14px;border-radius:var(--radius-md);background:var(--color-ink-700)}.admin-stats span{display:block;margin-bottom:4px;font-family:var(--font-mono);font-size:24px;color:var(--color-moonwhite)}.admin-stats small{color:var(--color-ink-300)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid var(--color-ink-500);text-align:left;white-space:nowrap}.admin-table th{color:var(--color-ink-300);font-weight:500}.admin-errors{display:grid;gap:8px;color:var(--color-error);font-size:var(--text-body-sm)}.admin-pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}@media(max-width:820px){.admin-root{padding:18px}.admin-grid,.admin-event-form,.admin-relation-form{grid-template-columns:1fr}.admin-field-wide{grid-column:auto}.admin-topbar{align-items:flex-start;gap:12px}}:root,[data-theme=light]{--kzb-paper: #faf9f5;--kzb-surface: #ffffff;--kzb-ink: #18332c;--kzb-text: #26352f;--kzb-primary: #3f6f5b;--kzb-primary-soft: #e8f0eb;--kzb-accent: #e98a4a;--kzb-accent-soft: #f8e8d8;--kzb-line: #dce4df;--color-ink-900: #faf9f5;--color-ink-800: #ffffff;--color-ink-700: #f5f6f2;--color-ink-600: #edf1ee;--color-ink-500: #dce4df;--color-ink-400: #9aa7a0;--color-ink-300: #718079;--color-ink-200: #53625b;--color-moonwhite: #26352f;--color-rice: #18332c;--color-cinnabar: #e98a4a;--color-indigo: #557a6a;--color-gold: #c99842;--shadow-sm: 0 1px 4px rgba(24, 51, 44, .06);--shadow-md: 0 8px 24px rgba(24, 51, 44, .08);--shadow-lg: 0 20px 54px rgba(24, 51, 44, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-display: "Songti SC", "STSong", "SimSun", serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif}[data-theme=dark]{--kzb-paper: #101713;--kzb-surface: #17211c;--kzb-ink: #f1f5f2;--kzb-text: #dce5df;--kzb-primary: #86b09d;--kzb-primary-soft: #263d33;--kzb-accent: #eca06d;--kzb-accent-soft: #493326;--kzb-line: #31433a;--color-ink-900: #0d1411;--color-ink-800: #131c17;--color-ink-700: #1a2620;--color-ink-600: #243029;--color-ink-500: #31433a;--color-ink-400: #526860;--color-ink-300: #7a9288;--color-ink-200: #a8bfb5;--color-moonwhite: #e2efe8;--color-rice: #dce5df;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 54px rgba(0, 0, 0, .4)}body,[data-theme=light] body{color:var(--kzb-text);background:radial-gradient(circle at 18% 0%,rgba(63,111,91,.07),transparent 27rem),var(--kzb-paper)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(63,111,91,.28);outline-offset:2px}.nav-bar,[data-theme=light] .nav-bar{min-height:64px;border-bottom:1px solid var(--kzb-line);background:#fffffff0;box-shadow:0 5px 24px #18332c0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-logo-text,[data-theme=light] .nav-logo-text{color:var(--kzb-ink);font-family:var(--font-body);font-weight:750;letter-spacing:.02em}.nav-logo-mark{color:var(--kzb-primary)}.nav-search-input,[data-theme=light] .nav-search-input,.year-jump,[data-theme=light] .year-jump{color:var(--kzb-text);border:1px solid var(--kzb-line);border-radius:10px;background:var(--kzb-paper)}.nav-search-input:focus,[data-theme=light] .nav-search-input:focus,.year-jump:focus-within,[data-theme=light] .year-jump:focus-within{border-color:var(--kzb-primary);box-shadow:0 0 0 3px #3f6f5b1f}.nav-search-results,[data-theme=light] .nav-search-results{border:1px solid var(--kzb-line);border-radius:12px;background:var(--kzb-surface);box-shadow:var(--shadow-lg)}.search-result-item:hover,[data-theme=light] .search-result-item:hover{background:var(--kzb-primary-soft)}.search-result-title,[data-theme=light] .search-result-title{color:var(--kzb-ink)}.search-result-year,[data-theme=light] .search-result-year{color:#718079}.filter-chip,[data-theme=light] .filter-chip,.zoom-btn,[data-theme=light] .zoom-btn,.axis-reset-btn,[data-theme=light] .axis-reset-btn,.theme-toggle-btn,[data-theme=light] .theme-toggle-btn,.platform-login-btn,[data-theme=light] .platform-login-btn{min-height:34px;color:#53625b;border-color:var(--kzb-line);border-radius:9px;background:var(--kzb-surface)}.filter-chip:hover,.filter-chip--active,[data-theme=light] .filter-chip:hover,[data-theme=light] .filter-chip--active{color:var(--kzb-primary);border-color:#afc4b9;background:var(--kzb-primary-soft)}.map-zoom-control,[data-theme=light] .map-zoom-control{border:1px solid var(--kzb-line);border-radius:14px;background:#fffffff0;box-shadow:var(--shadow-md)}.position-year,[data-theme=light] .position-year{color:var(--kzb-ink)}.position-era,.zoom-level-text,.zoom-scale-label,[data-theme=light] .position-era,[data-theme=light] .zoom-level-text,[data-theme=light] .zoom-scale-label{color:#66736d}.canvas-tooltip,[data-theme=light] .canvas-tooltip{color:var(--kzb-text);border:1px solid var(--kzb-line);border-radius:12px;background:var(--kzb-surface);box-shadow:var(--shadow-lg)}.tooltip-title,[data-theme=light] .tooltip-title{color:var(--kzb-ink)}.detail-panel,[data-theme=light] .detail-panel{border-left:1px solid var(--kzb-line);background:var(--kzb-surface);box-shadow:-16px 0 40px #18332c12}.detail-header,[data-theme=light] .detail-header{border-color:var(--kzb-line);background:#fcfcfa}.event-card,[data-theme=light] .event-card,.child-timeline-section,[data-theme=light] .child-timeline-section,.contemporaneous-section,[data-theme=light] .contemporaneous-section{border-color:var(--kzb-line);border-radius:12px;background:var(--kzb-paper)}.event-card:hover,[data-theme=light] .event-card:hover,.child-timeline-item:hover,[data-theme=light] .child-timeline-item:hover{background:var(--kzb-primary-soft)}.event-card__title,.child-timeline-title,.child-timeline-item-title,.contemporaneous-item-title,[data-theme=light] .event-card__title,[data-theme=light] .child-timeline-title,[data-theme=light] .child-timeline-item-title,[data-theme=light] .contemporaneous-item-title{color:var(--kzb-ink)}.event-card__desc,[data-theme=light] .event-card__desc{color:var(--kzb-text);line-height:1.8}.bottom-scrollbar,[data-theme=light] .bottom-scrollbar{background:#f4f3ee}.scrollbar-track,[data-theme=light] .scrollbar-track{background:var(--kzb-line)}.scrollbar-thumb,[data-theme=light] .scrollbar-thumb{background:#8fa49a}.intro-hint kbd,[data-theme=light] .intro-hint kbd{color:var(--kzb-ink);border-color:var(--kzb-line);border-radius:6px;background:var(--kzb-surface)}:root{--nav-height: 64px}.nav-bar,[data-theme=light] .nav-bar{display:flex;align-items:center;height:var(--nav-height);padding:0 20px;gap:16px;border:0;border-bottom:1px solid var(--kzb-line);border-radius:0;background:#fffffff0;box-shadow:0 4px 20px #18332c0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.nav-logo svg{width:26px;height:26px;color:#6875ff}.nav-logo-text,[data-theme=light] .nav-logo-text{font-size:18px;font-weight:800;letter-spacing:-.02em}.nav-search{position:relative;flex-shrink:0}.nav-search-input{width:200px;height:38px;border-radius:10px}.nav-filters{display:flex;align-items:center;flex-shrink:0;flex-wrap:nowrap;gap:6px}.filter-chip,[data-theme=light] .filter-chip{height:30px;border-radius:999px}.nav-position{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.position-year,[data-theme=light] .position-year{font-size:18px;font-weight:800}.year-jump{min-width:150px}.map-zoom-control,[data-theme=light] .map-zoom-control{top:calc(var(--nav-height) + 12px);border-radius:14px}.intro-start-btn:hover,[data-theme=light] .intro-start-btn:hover{color:#fff;background:#6875ff}[data-theme=dark] body{color:var(--kzb-text);background:radial-gradient(circle at 18% 0%,rgba(134,176,157,.06),transparent 27rem),var(--kzb-paper)}[data-theme=dark] .nav-bar{background:#101713eb;border-bottom-color:var(--kzb-line);box-shadow:0 4px 20px #00000040}[data-theme=dark] .nav-logo-text{color:var(--kzb-ink)}[data-theme=dark] .nav-search-input,[data-theme=dark] .year-jump{background:var(--kzb-surface);border-color:var(--kzb-line);color:var(--kzb-text)}[data-theme=dark] .nav-search-input::placeholder,[data-theme=dark] .year-jump-input::placeholder{color:#526860}[data-theme=dark] .nav-search-input:focus,[data-theme=dark] .year-jump:focus-within{border-color:var(--kzb-primary);box-shadow:0 0 0 3px #86b09d26}[data-theme=dark] .nav-search-results{background:var(--kzb-surface);border-color:var(--kzb-line)}[data-theme=dark] .search-result-item:hover{background:var(--kzb-primary-soft)}[data-theme=dark] .search-result-title{color:var(--kzb-ink)}[data-theme=dark] .filter-chip{color:#7a9288;border-color:var(--kzb-line);background:transparent}[data-theme=dark] .filter-chip:hover,[data-theme=dark] .filter-chip--active{color:var(--kzb-primary);border-color:#4a6858;background:var(--kzb-primary-soft)}[data-theme=dark] .platform-user-name{color:var(--kzb-text)}[data-theme=dark] .platform-login-btn,[data-theme=dark] .platform-logout-btn{color:var(--kzb-text);border-color:var(--kzb-line);background:transparent}[data-theme=dark] .platform-login-btn:hover,[data-theme=dark] .platform-logout-btn:hover{color:var(--kzb-primary);border-color:var(--kzb-primary)}[data-theme=dark] .theme-toggle-btn{color:#7a9288;border-color:var(--kzb-line)}[data-theme=dark] .theme-toggle-btn:hover{color:var(--kzb-ink);background:var(--kzb-surface)}[data-theme=dark] .year-jump-btn{border-left-color:var(--kzb-line);background:#ffffff0a;color:#7a9288}[data-theme=dark] .year-jump-btn:hover{background:var(--kzb-primary-soft);color:var(--kzb-ink)}[data-theme=dark] .position-year{color:var(--kzb-ink)}[data-theme=dark] .position-era,[data-theme=dark] .zoom-level-text,[data-theme=dark] .zoom-scale-label{color:#7a9288}[data-theme=dark] .zoom-level-text:before{color:#526860}[data-theme=dark] .axis-reset-btn{color:#7a9288;border-color:var(--kzb-line)}[data-theme=dark] .axis-reset-btn:hover{color:var(--kzb-ink);background:var(--kzb-surface)}[data-theme=dark] .map-zoom-control{background:#101713eb;border-color:var(--kzb-line);box-shadow:var(--shadow-md)}[data-theme=dark] .canvas-tooltip{background:var(--kzb-surface);border-color:var(--kzb-line);box-shadow:var(--shadow-md)}[data-theme=dark] .tooltip-title{color:var(--kzb-ink)}[data-theme=dark] .tooltip-meta{color:#7a9288}[data-theme=dark] .detail-panel{background:var(--kzb-surface);border-left-color:var(--kzb-line);box-shadow:-16px 0 40px #0003}[data-theme=dark] .detail-header{border-bottom-color:var(--kzb-line);background:#10171399}[data-theme=dark] .detail-header-label{color:#7a9288}[data-theme=dark] .detail-close{background:#ffffff14;color:#7a9288}[data-theme=dark] .detail-close:hover{background:#ffffff29;color:var(--kzb-ink)}[data-theme=dark] .event-card,[data-theme=dark] .child-timeline-section,[data-theme=dark] .contemporaneous-section{background:#1a262099;border-color:var(--kzb-line)}[data-theme=dark] .event-card:hover,[data-theme=dark] .child-timeline-item:hover{background:var(--kzb-primary-soft)}[data-theme=dark] .event-card__title,[data-theme=dark] .child-timeline-title,[data-theme=dark] .child-timeline-item-title,[data-theme=dark] .contemporaneous-item-title{color:var(--kzb-ink)}[data-theme=dark] .event-card__meta,[data-theme=dark] .child-timeline-item-year,[data-theme=dark] .child-timeline-item-type,[data-theme=dark] .child-timeline-label,[data-theme=dark] .child-timeline-count,[data-theme=dark] .contemporaneous-label,[data-theme=dark] .contemporaneous-item-meta{color:#7a9288}[data-theme=dark] .event-card__desc{color:var(--kzb-text)}[data-theme=dark] .event-card__track-badge{color:#7a9288}[data-theme=dark] .contemporaneous-item{border-bottom-color:var(--kzb-line)}[data-theme=dark] .contemporaneous-item:hover .contemporaneous-item-title{color:var(--kzb-primary)}[data-theme=dark] .bottom-scrollbar{background:var(--kzb-paper)}[data-theme=dark] .scrollbar-track{background:var(--kzb-line)}[data-theme=dark] .scrollbar-thumb{background:#526860}[data-theme=dark] .scrollbar-thumb:hover{background:#7a9288}[data-theme=dark] .intro-overlay{background:radial-gradient(circle at 50% 42%,rgba(134,176,157,.08),transparent 25rem),#0d1411f5}[data-theme=dark] .intro-title{color:var(--kzb-ink)}[data-theme=dark] .intro-subtitle{color:#a8bfb5}[data-theme=dark] .intro-hints{color:#526860}[data-theme=dark] .intro-hint kbd{color:var(--kzb-text);background:var(--kzb-surface);border-color:var(--kzb-line)}[data-theme=dark] .intro-start-btn{color:#e2efe8;background:var(--kzb-primary);box-shadow:0 8px 24px #86b09d40}[data-theme=dark] .intro-start-btn:hover{background:#6a9b86}[data-theme=dark] .detail-collapse-btn{background:#86b09d1f;border-color:var(--kzb-line);color:#7a9288}[data-theme=dark] .detail-collapse-btn:hover{background:#86b09d3d;color:var(--kzb-ink)}