:root{color-scheme:dark;font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;background:#100e0c;color:#ebe4d8;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--paper: rgba(22, 18, 14, .78);--ink: #ebe4d8;--muted: #9a9084;--line: rgba(232, 210, 170, .14);--line-strong: rgba(232, 210, 170, .22);--shadow: 0 22px 56px rgba(0, 0, 0, .5);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .36);--serif: "Songti SC", "Noto Serif SC", "Iowan Old Style", "Baskerville", Georgia, serif;--note: "Kaiti SC", "STKaiti", "KaiTi", "Bradley Hand", cursive;--gold: #c9a56a;--stage: #12100e;--hud-blur: blur(18px) saturate(1.15);--hud-inset: 12px;--left-panel-width: min(320px, 30vw);--plaque-height: 280px;--plaque-gap: 12px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;height:100%;overflow:hidden;background:var(--stage)}button,a,input{font:inherit}button{border:0;color:inherit}a{color:inherit;text-decoration:none}.app-shell{--accent-soft: color-mix(in srgb, var(--accent) 20%, rgba(16, 12, 8, .88));position:relative;width:100%;height:100%;overflow:hidden;background:var(--stage)}.stage-fullscreen{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 45%,rgba(201,165,106,.08),transparent 55%),var(--stage)}.stage-fullscreen .cell-canvas{width:100%!important;height:100%!important;cursor:grab}.stage-fullscreen .cell-canvas.is-native-asset{filter:brightness(1.02) saturate(1.08) contrast(1.04)}.stage-fullscreen .cell-canvas:active{cursor:grabbing}.hud-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.hud-layer>*{pointer-events:auto}.hud-layer .stage-hint{pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px 16px;background:linear-gradient(180deg,rgba(10,8,6,.72),transparent)}.brand-block{display:flex;align-items:center;min-width:0;gap:14px;animation:rise-in .52s ease both}.brand-orb{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;border:1px solid var(--line-strong);box-shadow:var(--shadow-soft),0 0 0 3px #c9a56a0f}.brand-orb img{width:100%;height:100%;object-fit:cover}.brand-block h1{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.4rem);font-weight:500;line-height:1;letter-spacing:.02em;color:#f3ebdc;text-shadow:0 2px 18px rgba(0,0,0,.55)}.brand-block p{display:inline-flex;align-items:center;margin:6px 0 0;color:var(--gold);font-family:var(--note);font-size:1.05rem;font-weight:600;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.topbar-tag{display:grid;gap:2px;text-align:right;flex:0 0 auto}.topbar-tag span{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.5)}.topbar-tag em{font-style:normal;font-size:.9rem;color:var(--muted)}.left-stack{position:absolute;top:92px;left:var(--hud-inset);bottom:var(--hud-inset);z-index:4;display:flex;flex-direction:column;gap:var(--plaque-gap);width:var(--left-panel-width);min-height:0;animation:rise-in .56s ease both}.right-rail{position:absolute;top:92px;right:var(--hud-inset);bottom:var(--hud-inset);z-index:4;display:flex;flex-direction:column;gap:14px;width:var(--left-panel-width);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,165,106,.35) transparent;animation:rise-in .56s ease both}.panel{flex:0 0 auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,240,210,.05),transparent 42%),var(--paper);box-shadow:var(--shadow-soft);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur)}.left-stack .cell-type-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:12px}.details-panel{flex:0 0 auto}.story-panel,.qa-panel{flex:1 1 auto;min-height:0;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed var(--line);color:var(--gold);font-family:var(--note);font-size:1.05rem;font-weight:700;letter-spacing:.04em}.panel-heading span{display:inline-flex;align-items:center;min-width:0;gap:8px}.cell-list{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,165,106,.35) transparent}.cell-row{display:flex;flex:0 0 auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 10px;cursor:pointer;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.cell-row:hover,.cell-row.is-active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);box-shadow:0 12px 28px #00000047}.cell-row-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}.cell-row-copy strong{overflow:hidden;font-family:var(--serif);font-size:1.08rem;font-weight:600;line-height:1.15;color:#f0e8d8;text-overflow:ellipsis;white-space:nowrap}.cell-row-copy span{overflow:hidden;color:var(--muted);font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.mini-cell{position:relative;display:block;width:46px;height:46px;flex:0 0 auto;border-radius:8px;background:#241e18;box-shadow:inset 0 0 0 1px var(--line)}.mini-cell.has-preview{overflow:hidden;background:#1c1713;box-shadow:inset 0 0 0 1px var(--line),0 8px 16px #00000059}.mini-cell.has-preview img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:saturate(1.05) brightness(.96)}.era-badge{flex:0 0 auto;margin-left:auto;min-width:28px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 75%,#fff);font-family:var(--serif);font-size:.88rem;font-weight:600;text-align:center}.color-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 3px #ffffff14}.artifact-plaque{position:relative;top:auto;left:auto;bottom:auto;z-index:1;display:flex;flex:0 0 var(--plaque-height);flex-direction:column;width:100%;height:var(--plaque-height);max-width:none;padding:14px 16px 16px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,240,210,.05),transparent 50%),var(--paper);box-shadow:var(--shadow-soft);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur);transform:none}.plaque-step{display:inline-block;flex:0 0 auto;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 80%,#fff);font-size:.94rem;font-weight:600;letter-spacing:.04em;color:var(--gold);font-family:var(--note);font-size:1.05rem}.artifact-plaque h2{margin:0;flex:0 0 auto;font-family:var(--serif);font-size:1.9rem;font-weight:500;line-height:1.05;color:#f5edd8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plaque-type{margin:4px 0 0;flex:0 0 auto;color:color-mix(in srgb,var(--gold) 70%,#fff);font-family:var(--serif);font-size:1.02rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plaque-intro{margin:8px 0 10px;flex:1 1 auto;min-height:0;color:#ebe4d8c7;font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.plaque-meta{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px 16px;margin-top:auto}.plaque-meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.plaque-label{color:var(--muted);font-size:.8rem;letter-spacing:.05em}.plaque-value{color:#e8dfd0;font-size:.95rem;font-weight:500}.plaque-value.is-abroad{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.abroad-tag{padding:2px 8px;border-radius:999px;background:#d2605829;color:#e8928a;font-size:.78rem;font-style:normal;font-weight:600}.stage-toolbar{position:absolute;left:auto;right:var(--hud-inset);bottom:var(--hud-inset);z-index:5;display:flex;align-items:center;transform:none;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:var(--shadow-soft);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur)}.stage-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:8px;padding:0 16px;cursor:pointer;border-right:1px solid var(--line);background:transparent;color:#ebe4d8d1;white-space:nowrap;transition:background .16s ease,color .16s ease}.stage-toolbar button:last-child{border-right:0}.stage-toolbar button:hover,.stage-toolbar button.is-active{color:color-mix(in srgb,var(--accent) 70%,#fff);background:var(--accent-soft)}.stage-hint{position:absolute;left:50%;bottom:var(--hud-inset);z-index:3;display:flex;align-items:center;gap:8px;margin:0;color:#ebe4d86b;font-size:.9rem;transform:translate(-50%);text-shadow:0 2px 10px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.stage-hint svg{flex:0 0 auto;opacity:.7}.detail-heading button{display:grid;place-items:center;width:34px;height:34px;cursor:pointer;color:color-mix(in srgb,var(--accent) 65%,#e8b4c4);background:transparent;transition:color .16s ease,transform .16s ease}.detail-heading button:hover{transform:scale(1.06)}.detail-hero{margin-bottom:14px}.detail-hero.no-orb{display:block;padding-left:2px}.detail-hero.no-orb p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-hero h3{margin:0;overflow-wrap:anywhere;font-family:var(--serif);font-size:1.75rem;line-height:1.05;color:#f3ead8}.detail-hero p{margin:6px 0 0;color:#ebe4d88c;font-family:var(--serif);font-size:1.05rem;font-style:italic}.part-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.part-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#ebe4d8ad;font-size:.94rem;cursor:pointer;transition:all .16s ease}.part-tab:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.part-tab.is-active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 80%,#fff);font-weight:600}.part-note{margin:12px 0 0;color:#ebe4d8c7;font-size:.98rem;line-height:1.7}.story-panel{padding:18px}.story-text{margin:0 0 12px;color:#ebe4d8d6;font-size:1rem;line-height:1.85;text-align:justify}.story-text:last-child{margin-bottom:0}.qa-panel{padding:18px 18px 10px}.qa-list{display:grid;gap:2px}.qa-item{border-bottom:1px solid var(--line)}.qa-item:last-child{border-bottom:none}.qa-question{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 0;border:none;background:transparent;color:#ebe4d8;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:color .16s ease}.qa-question:hover{color:color-mix(in srgb,var(--accent) 75%,#fff)}.qa-question svg{flex:0 0 auto;color:#ebe4d859;transition:transform .2s ease,color .16s ease}.qa-question svg.is-open{transform:rotate(180deg);color:var(--accent)}.qa-answer{margin:0;padding:0 0 14px;color:#ebe4d8b8;font-size:.96rem;line-height:1.8;animation:fade-in .22s ease both}.model-loader{pointer-events:none}.model-loader>div{display:grid;width:260px;gap:10px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#1a1612eb;box-shadow:var(--shadow-soft);color:#ebe4d8;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.model-loader span,.model-loader em{color:var(--muted);font-size:.94rem;font-style:normal}.model-loader strong{font-family:var(--serif);font-size:1.24rem;line-height:1.05}.model-loader i{position:relative;display:block;height:8px;overflow:hidden;border-radius:999px;background:#e8d2aa1f}.model-loader b{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.toast{position:fixed;z-index:40;right:24px;bottom:24px;max-width:360px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:#1c1814f0;box-shadow:var(--shadow);color:#ebe4d8;animation:rise-in .18s ease both;pointer-events:none}.mobile-artifact-switcher{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.artifact-plaque{animation:rise-in .52s ease both}@keyframes rise-in-x{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){:root{--left-panel-width: min(280px, 32vw)}.left-stack,.right-rail{top:84px}.plaque-intro{-webkit-line-clamp:2}}@media(max-width:960px){.left-stack{display:none}.right-rail{inset:auto 12px 0;width:auto;max-height:42vh;padding-bottom:12px}.stage-toolbar{right:12px;left:auto;bottom:calc(42vh + 12px)}.stage-hint{display:none}.mobile-artifact-switcher{position:absolute;top:72px;left:0;right:0;z-index:6;display:flex;gap:10px;padding:8px 12px;overflow-x:auto;background:linear-gradient(180deg,rgba(10,8,6,.55),transparent);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-artifact-switcher::-webkit-scrollbar{display:none}.mobile-artifact-switcher button{display:grid;grid-template-columns:40px minmax(72px,1fr);align-items:center;gap:8px;flex:0 0 auto;min-width:140px;min-height:56px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:#ebe4d8;text-align:left;backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur)}.mobile-artifact-switcher button.is-active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 80%,#fff)}.mobile-artifact-switcher .mini-cell{width:40px;height:40px}.mobile-artifact-switcher span:last-child{display:grid;min-width:0;gap:2px}.mobile-artifact-switcher strong{overflow:hidden;font-size:.86rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.mobile-artifact-switcher em{font-family:var(--serif);font-size:.74rem;font-style:normal;opacity:.72}}@media(max-width:720px){.topbar{padding:12px 14px 10px}.brand-orb{width:42px;height:42px}.brand-block h1{font-size:1.35rem}.brand-block p,.topbar-tag{display:none}.right-rail{max-height:38vh}.stage-toolbar{left:12px;right:12px;bottom:calc(38vh + 12px);transform:none;width:auto;overflow-x:auto}.stage-toolbar button{flex:1 0 auto;min-height:42px;padding:0 12px;font-size:.84rem}.stage-hint{display:none}.detail-hero.no-orb p{white-space:normal}}