:root{color-scheme:dark;font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0d1315;color:#edf3ef;display:grid;grid-template-columns:290px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;overflow:auto;padding:24px;background:#111a1c;border-right:1px solid #293638}aside h1{letter-spacing:.14em}input{width:100%;padding:11px;border-radius:10px;border:1px solid #344346;background:#0d1416;color:white}.section-link{width:100%;padding:12px;margin:0 0 14px;border:1px solid #4c7669;border-radius:11px;background:#17352d;color:#bdf5df;cursor:pointer;font-weight:700}.hero-link{display:flex;align-items:center;gap:10px;width:100%;padding:9px;margin:5px 0;border:0;border-radius:10px;background:transparent;color:#dce7e2;text-align:left;cursor:pointer}.hero-link:hover,.hero-link.active{background:#243336}.hero-link img{width:40px;height:40px;object-fit:contain;border-radius:8px}main{padding:32px;width:min(1200px,100%)}.hero-head{min-height:360px;border-radius:24px;padding:30px;display:flex;align-items:end;background-color:#182326;background-position:center;background-size:cover}.hero-head h1{font-size:clamp(52px,9vw,110px);line-height:.9;margin:8px 0}.muted{color:#9fb0aa}.tabs,.voice-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs button,.voice-tabs button{padding:9px 14px;border:0;border-radius:999px;background:#203033;color:#dff6ee;cursor:pointer}.voice-tabs button.active{background:#397b67;color:white}.panel,.ability{background:#141d20;border:1px solid #29383b;border-radius:18px;padding:18px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.art-card{margin:0;background:#101719;border:1px solid #29383b;border-radius:14px;overflow:hidden}.art-card img{display:block;width:100%;height:220px;object-fit:contain;background:#0b1113}.art-card figcaption{padding:9px 11px;color:#c7d4cf}.ability-head{display:flex;gap:13px;align-items:center}.ability-head img{width:72px;height:72px;object-fit:contain;background:#263538;border-radius:13px}.ability video{width:100%;border-radius:11px;background:#000}.table-wrap{max-height:430px;overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:7px;border-bottom:1px solid #263438;text-align:left}td:last-child{color:#9bd8c4}code{color:#9bd8c4}.tier{padding:8px 0;border-bottom:1px solid #263438}.voice-search{margin-bottom:12px}.voice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.voice{background:#101719;padding:9px;border-radius:10px;font-size:12px;overflow-wrap:anywhere}.voice-title{font-size:14px;color:#bdf5df}.voice audio{width:100%;margin-top:7px}.chart{width:100%;height:280px;background:#0e1719;border-radius:12px}.chart polyline{fill:none;stroke:#66d2ae;stroke-width:3}.chart line{stroke:#3b4c4f}.chart text{fill:#9fb0aa;font-size:11px}@media(max-width:800px){body{display:block}aside{position:relative;height:auto}.grid,.voice-list{grid-template-columns:1fr}main{padding:18px}}
.nav-section{padding:12px 0 18px;border-top:1px solid #293638}.nav-section>small{display:block;margin:0 0 9px;color:#7f9690;letter-spacing:.12em;text-transform:uppercase}.section-link.secondary{background:#1c272a;border-color:#35474b;color:#e0ebe7}.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:12px 0 24px}.dashboard-head h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:8px 0}.source-badge{padding:8px 11px;border:1px solid #40585a;border-radius:999px;color:#a9bbb5;white-space:nowrap}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi{background:#141d20;border:1px solid #29383b;border-radius:16px;padding:16px}.kpi strong{display:block;font-size:30px;color:#f2c66d;margin:7px 0}.kpi small{color:#8fa49d}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.section-title h2{margin:0}.timeline-controls{display:flex;gap:7px}.timeline-controls button{border:1px solid #3c5053;background:#172225;color:#cddbd6;padding:7px 10px;border-radius:9px;cursor:pointer}.timeline-controls button.active{background:#9a7435;color:#fff;border-color:#c69a4c}.timeline{overflow-x:auto;padding-bottom:10px}.timeline-inner{min-width:780px}.time-axis{position:relative;height:34px;margin-left:150px;border-bottom:1px solid #405053}.time-tick{position:absolute;bottom:-7px;transform:translateX(-50%);color:#8da19a;font-size:11px}.time-tick:before{content:'';display:block;height:9px;border-left:1px solid #405053;margin:auto}.time-lane{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;min-height:52px;border-bottom:1px solid #243236}.lane-label{font-size:13px;color:#dce9e4}.lane-track{position:relative;height:30px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#1e2d30 calc(16.666% - 1px),#1e2d30 16.666%)}.time-dot{position:absolute;top:7px;width:14px;height:14px;border-radius:50%;background:#d6a54d;border:2px solid #0d1315;transform:translateX(-50%);cursor:help}.time-dot.first{width:18px;height:18px;top:5px;background:#68c5a7}.timeline-legend{display:flex;gap:18px;flex-wrap:wrap;color:#91a59e;font-size:12px;margin:12px 0 0 150px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#68c5a7;margin-right:5px}.legend-dot.repeat{background:#d6a54d}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.rank-list,.share-list{display:grid;gap:10px}.rank-row,.share-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr 64px;gap:10px;align-items:center;font-size:13px}.bar-track{height:12px;background:#223034;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:#cf9c47;border-radius:99px}.bar-fill.alt{background:#68a9c5}.share-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hero-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.hero-card{border:1px solid #29383b;background:#141d20;border-radius:16px;padding:0;overflow:hidden;color:#edf3ef;text-align:left;cursor:pointer}.hero-card img{width:100%;height:190px;object-fit:contain;background:#101719}.hero-card div{padding:12px}.hero-card b{display:block;font-size:17px}.raw-details summary{cursor:pointer;color:#a8b9b3;padding:8px 0}.raw-details[open] summary{margin-bottom:10px}.source-note{font-size:12px;color:#849790;border-left:3px solid #526562;padding-left:10px}@media(max-width:900px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:800px){.dashboard-head{display:block}.kpi-strip{grid-template-columns:1fr 1fr}.rank-row,.share-row{grid-template-columns:110px 1fr 50px}}

.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.level-chart circle{fill:#f0c36a;stroke:#0e1719;stroke-width:2}.level-chart line{stroke:#2a393c;stroke-width:1}.level-chart polyline{stroke:#d6a54d}.section-link.active{background:#9a7435;border-color:#c69a4c;color:white}

.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;margin:0 0 18px}.filter-bar select{padding:10px 34px 10px 12px;border:1px solid #344346;border-radius:10px;background:#111a1c;color:#edf3ef}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.item-card,.unit-card{background:#141d20;border:1px solid #29383b;border-radius:17px;padding:16px}.item-head{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center}.item-head img{width:70px;height:70px;object-fit:contain;border-radius:12px;background:#0e1719}.item-head h2,.unit-card h2{margin:2px 0 4px;font-size:19px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#253538;color:#b9d5cc;font-size:12px}.tier-pill{background:#624b25;color:#ffe2a0}.item-desc{min-height:42px;color:#bdcbc6;white-space:pre-line}.stat-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.stat-chip{background:#0f181a;border-radius:9px;padding:8px;font-size:12px}.stat-chip b{display:block;color:#8fd4bd;font-size:14px;overflow-wrap:anywhere}.catalog-count{color:#8fa49d;margin:0 0 12px}.unit-groups{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.unit-groups button{padding:8px 12px;border:1px solid #3b4e51;border-radius:999px;background:#182326;color:#dce8e3;cursor:pointer}.unit-groups button.active{background:#397b67;border-color:#4fa184}.unit-meta{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 13px}.unit-section{margin-top:14px}.unit-section h3{font-size:13px;color:#d7b66c;text-transform:uppercase;letter-spacing:.08em}.unit-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.unit-stat{display:flex;justify-content:space-between;gap:8px;background:#0f181a;border-radius:8px;padding:8px;font-size:13px}.unit-stat b{color:#9bd8c4}.empty-state{grid-column:1/-1;padding:36px;text-align:center;color:#91a49e}@media(max-width:800px){.filter-bar{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.item-desc{min-height:0}}

.component-line{margin:10px 0;padding:9px 10px;border-left:3px solid #c99a48;background:#11191b;color:#dfc98f;font-size:13px}.mechanic-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.mechanic-card{display:block;padding:14px;border:1px solid #2d3e41;border-radius:13px;background:#111a1c;color:#edf3ef;text-decoration:none}.mechanic-card:hover{border-color:#6a9f8e}.mechanic-card b{display:block;margin-bottom:6px}.mechanic-card small{display:block;margin-top:9px;color:#768b84}.wide-table{min-width:980px}.wide-table th{position:sticky;top:0;background:#141d20}.boon-yes{color:#73d4b5;font-weight:700}.pickup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.pickup-card{background:#10181a;border-radius:12px;padding:13px}.pickup-card h3{margin:0 0 7px}.source-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.source-row a{color:#8ed7c0}.mechanic-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.mechanic-tabs button{padding:8px 12px;border:1px solid #3d5053;border-radius:9px;background:#172225;color:#dce8e3;cursor:pointer}.mechanic-tabs button.active{background:#397b67}.glossary-grid{columns:3 240px;column-gap:12px}.glossary-row{break-inside:avoid;display:flex;justify-content:space-between;gap:8px;padding:8px 10px;margin:0 0 7px;background:#10181a;border-radius:8px}.glossary-row code{font-size:11px}@media(max-width:800px){.glossary-grid{columns:1}.wide-table{min-width:800px}}

.map-workspace{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start}.map-stage{position:relative;display:grid;place-items:center;min-height:520px;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% 45%,#243024,#0b1113 68%);overflow:hidden}.map-stage:after{content:'';position:absolute;inset:12px;border:1px solid #506356;border-radius:50%;pointer-events:none;opacity:.45}.map-stage img{display:block;width:min(100%,650px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 34px #000b);transition:opacity .18s ease}.map-minute{position:absolute;z-index:2;left:24px;top:22px;padding:10px 14px;border:1px solid #d6a54d;border-radius:12px;background:#0c1414e8;color:#f4d58a;font-size:30px;font-weight:800;box-shadow:0 8px 24px #0008}.map-panel{position:sticky;top:18px}.map-panel h2{margin:2px 0 12px;font-size:28px}.map-event-list{display:grid;gap:10px}.map-event{border-left:4px solid #68c5a7;border-radius:10px;background:#0f181a;padding:12px}.map-event[data-kind='野怪']{border-color:#d6a54d}.map-event[data-kind='经济']{border-color:#d78b50}.map-event[data-kind='建筑'],.map-event[data-kind='兵线']{border-color:#7393d0}.map-event[data-kind='魂瓮'],.map-event[data-kind='事件']{border-color:#bd7bd4}.map-event small{display:block;color:#91a49e;margin-bottom:4px}.map-event b{display:block;margin-bottom:5px}.map-event p{margin:0;color:#c5d1cd;line-height:1.55}.map-slider-wrap{padding:18px 4px 4px}.map-slider-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.map-slider-head output{font-size:25px;color:#f0c36a;font-weight:800}.map-slider{width:100%;accent-color:#d6a54d}.map-milestones{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.map-milestones button{min-width:48px;padding:8px 10px;border:1px solid #3d5053;border-radius:9px;background:#172225;color:#dce8e3;cursor:pointer}.map-milestones button.active{background:#9a7435;border-color:#d6a54d;color:white}.map-legend{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.map-legend span{padding:5px 8px;border-radius:999px;background:#10191b;color:#aebfba;font-size:12px}.map-caption{margin-top:10px;color:#7f938c;font-size:12px}.map-caption a{color:#8ed7c0}@media(max-width:980px){.map-workspace{grid-template-columns:1fr}.map-panel{position:static}.map-stage{min-height:420px}}@media(max-width:560px){.map-stage{min-height:300px;padding:6px}.map-minute{left:12px;top:12px;font-size:22px}.map-workspace{display:block}}

.featured-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-voice{padding:14px;border:1px solid #304244;border-radius:14px;background:#10181a}.featured-voice-head{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.featured-voice-head b{display:block;color:#f0c36a}.voice-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#315e51;color:#dff9ef;font-weight:800}.voice-translation{min-height:64px;line-height:1.65;color:#e0ebe7}.featured-voice audio{width:100%;margin:7px 0}.featured-voice details{color:#91a49e}.featured-voice details p{line-height:1.55}@media(max-width:800px){.featured-voices{grid-template-columns:1fr}.voice-translation{min-height:0}}

.economy-minute-control{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center;min-width:230px}.economy-minute-control output{color:#f0c36a;font-size:22px;font-weight:800;text-align:right}.economy-minute-control input{grid-column:1/-1;accent-color:#d6a54d}.economy-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:11px}.economy-resource{padding:14px;border:1px solid #2c3d40;border-radius:14px;background:#10181a}.economy-resource-head{display:flex;justify-content:space-between;gap:8px}.economy-resource h3{margin:12px 0 6px}.economy-resource>strong{display:block;font-size:26px;color:#f0c36a}.economy-resource>small{display:block;margin-top:4px;color:#8ea29b}.economy-resource p{font-size:13px;line-height:1.5}.ultimate-row{background:#493719}.ultimate-row td:nth-child(2),.ultimate-row td:nth-child(6){color:#ffd479}.source-note a{color:#8ed7c0}@media(max-width:800px){.economy-minute-control{min-width:0;margin-top:12px}.economy-guide-grid{grid-template-columns:1fr}}