:root{--night: #17110b;--night-2: #221a10;--ivory: #f3ead9;--ivory-dim: rgba(243, 234, 217, .62);--red: #c8392b;--red-deep: #97281d;--gold: #c9a24b;--serif: "Noto Serif SC", "STSong", "SimSun", serif;--calli: "Ma Shan Zheng", "STKaiti", "KaiTi", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--serif);color:var(--ivory);background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(201,162,75,.09),transparent 55%),radial-gradient(ellipse 70% 60% at 90% 100%,rgba(200,57,43,.08),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23f3ead9' stroke-opacity='0.03' stroke-width='2'%3E%3Cpath d='M16 64 V24 h40 v28 H28 V36 h16'/%3E%3Cpath d='M80 32 v40 H40 v-8'/%3E%3C/g%3E%3C/svg%3E"),var(--night);min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 44px;background:linear-gradient(to bottom,#0d0a06eb,#0d0a0600)}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-mark{width:40px;height:40px;filter:drop-shadow(0 2px 8px rgba(200,57,43,.45));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover .nav-mark{transform:rotate(-6deg) scale(1.06)}.nav-word{display:flex;flex-direction:column;line-height:1;gap:4px}.nav-word b{font-family:var(--calli);font-weight:400;font-size:25px;letter-spacing:.14em;color:var(--ivory);text-shadow:0 1px 6px rgba(0,0,0,.5)}.nav-word em{font-style:normal;font-size:9.5px;letter-spacing:.42em;color:var(--ivory-dim)}.nav-links{display:flex;gap:30px}.nav-links a{color:#f3ead9d1;text-decoration:none;font-size:15px;letter-spacing:.18em;padding-bottom:4px;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--red);transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover{color:#fff}.nav-links a:hover:after,.nav-links a.on:after{width:100%}.nav-links a.on{color:#fff}.strip-zone{padding:108px 5vw 0;max-width:1560px;margin:0 auto}.strip-head{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:18px}.strip-head h1{font-family:var(--calli);font-size:clamp(38px,4.2vw,56px);letter-spacing:.2em;color:var(--ivory);text-shadow:0 0 34px rgba(201,162,75,.25)}.strip-head p{font-size:13px;letter-spacing:.22em;color:var(--ivory-dim)}.strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:rgba(201,162,75,.4) transparent}.strip::-webkit-scrollbar{height:6px}.strip::-webkit-scrollbar-thumb{background:#c9a24b59;border-radius:999px}.strip::-webkit-scrollbar-track{background:#f3ead90d}.schip{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border:1px solid rgba(243,234,217,.14);border-radius:999px;background:#f3ead90a;color:var(--ivory);font-family:var(--serif);cursor:pointer;transition:all .25s}.schip:hover{border-color:#c9a24b99;background:#c9a24b14}.schip.on{border-color:var(--red);background:#c8392b29;box-shadow:0 4px 18px #c8392b40}.schip-img{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--night-2);flex:0 0 auto}.schip-img img{width:100%;height:100%;object-fit:cover;display:block}.schip-txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1}.schip-txt b{font-size:13.5px;letter-spacing:.08em;font-weight:600;white-space:nowrap}.schip-txt em{font-style:normal;font-size:10.5px;color:var(--ivory-dim);white-space:nowrap}.stage{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:28px;padding:10px 5vw 70px;max-width:1560px;margin:0 auto;align-items:start}.viewer{position:sticky;top:84px}.viewer-card{position:relative;height:calc(100vh - 120px);min-height:480px;border:1px solid rgba(201,162,75,.3);border-radius:8px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 62%,rgba(201,162,75,.12),transparent 65%),radial-gradient(ellipse 90% 70% at 50% 30%,rgba(201,162,75,.04),transparent 70%),#131009;box-shadow:0 24px 70px #00000073,inset 0 0 90px #0000008c}#gl{width:100%;height:100%;display:block;touch-action:none}.viewer-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.3em;color:var(--ivory-dim);pointer-events:none;transition:opacity .4s}.viewer-loading.done{opacity:0}.viewer-loading.error{color:var(--red)}.viewer-name{position:absolute;right:26px;top:14px;font-family:var(--calli);font-size:120px;line-height:1;color:#c9a24b12;pointer-events:none;-webkit-user-select:none;user-select:none}.viewer-hud{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(to top,rgba(13,10,6,.85),transparent)}.hud-hint{font-size:11.5px;letter-spacing:.16em;color:#f3ead980}.hud-btn{padding:7px 18px;border:1px solid rgba(201,162,75,.5);border-radius:999px;background:#130e08b3;color:var(--gold);font-family:var(--serif);font-size:12px;letter-spacing:.16em;cursor:pointer;transition:all .25s}.hud-btn:hover{background:var(--gold);color:#17110b}.info{min-width:0;padding-top:6px}.i-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.32em;color:var(--gold);border:1px solid rgba(201,162,75,.45);padding:6px 16px;border-radius:2px;margin-bottom:16px}.i-kicker i{font-style:normal;color:#c9a24b80}.info h2{font-size:clamp(26px,2.6vw,36px);font-weight:900;letter-spacing:.08em;line-height:1.4;color:#fff;margin-bottom:10px}.i-meta{font-size:13.5px;letter-spacing:.12em;color:var(--ivory-dim);margin-bottom:26px}.i-meta i{font-style:normal;margin:0 10px;color:#f3ead94d}.i-sec{margin-bottom:28px}.i-sec h3{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.3em;color:var(--gold);margin-bottom:12px}.i-sec h3 i{width:5px;height:16px;background:var(--red);border-radius:2px}.i-sec p{font-size:14px;line-height:2.05;letter-spacing:.05em;color:#f3ead9cc;text-align:justify}.figs{display:flex;flex-direction:column;gap:16px}.fig{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(243,234,217,.1);cursor:zoom-in;transition:border-color .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.fig:hover{border-color:#c9a24b80;transform:translateY(-3px);box-shadow:0 16px 40px #00000080}.fig img{width:100%;aspect-ratio:16 / 9.6;object-fit:cover;display:block;transition:transform 1.1s ease}.fig:hover img{transform:scale(1.05)}.fig figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:space-between;padding:26px 16px 12px;background:linear-gradient(to top,rgba(13,10,6,.88),transparent)}.fig figcaption b{font-size:13.5px;letter-spacing:.24em;color:var(--ivory)}.fig figcaption em{font-style:normal;font-size:11px;letter-spacing:.1em;color:#f3ead980;opacity:0;transition:opacity .3s}.fig:hover figcaption em{opacity:1}.fig-credit{font-size:10.5px;letter-spacing:.08em;color:#f3ead959;text-align:right}.i-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.a-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px 10px;border-radius:5px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .25s}.a-btn b{font-size:16px;letter-spacing:.24em;text-indent:.24em}.a-btn em{font-style:normal;font-size:11px;letter-spacing:.1em;opacity:.75}.a-btn.primary{background:var(--red);color:#fff;box-shadow:0 6px 20px #c8392b59}.a-btn.primary:hover{background:#dc4534;transform:translateY(-2px)}.a-btn.outline{border-color:#c9a24b8c;color:var(--gold);background:#c9a24b0f}.a-btn.outline:hover{background:var(--gold);color:#241b10}.a-btn.disabled{border-color:#f3ead924;color:#f3ead959;background:#f3ead908;cursor:not-allowed}.lightbox{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#080603f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;animation:lb-in .28s ease}.lightbox[hidden]{display:none}@keyframes lb-in{0%{opacity:0}}.lightbox img{max-width:92vw;max-height:84vh;border-radius:4px;box-shadow:0 30px 90px #000c}.lb-caption{font-size:13.5px;letter-spacing:.2em;color:var(--ivory-dim)}.lb-close{position:absolute;top:22px;right:26px;width:42px;height:42px;border:1px solid rgba(243,234,217,.3);border-radius:50%;background:#17110b99;color:var(--ivory);font-size:16px;cursor:pointer;transition:all .25s}.lb-close:hover{background:var(--red);border-color:var(--red)}.toast{position:fixed;left:50%;bottom:44px;transform:translate(-50%) translateY(20px);z-index:500;padding:12px 30px;background:#241b10f2;border:1px solid rgba(201,162,75,.5);border-radius:4px;color:var(--ivory);font-size:14px;letter-spacing:.2em;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.22,1,.36,1)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.footer{padding:26px;text-align:center;font-size:12.5px;letter-spacing:.24em;color:#f3ead973;background:#100b06}.footer em{display:block;margin-top:8px;font-style:normal;font-size:11px;letter-spacing:.12em;color:#f3ead94d}@media(max-width:1080px){.stage{grid-template-columns:1fr}.viewer{position:static}.viewer-card{height:62vh;min-height:380px}}@media(max-width:1024px){.nav-links{display:none}}