@charset "UTF-8";:root{color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",sans-serif;--bg:#080b11;--panel:#10151d;--gold:#d4b77c;--ink:#eee9df;--muted:#858e99;--line:#ffffff17;background:var(--bg);color:var(--ink);letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 18%,#243143 0,transparent 32%),#080b11}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:92px;max-width:1460px;margin:auto;padding:0 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-size:15px}.brand small{display:block;margin-top:6px;color:#727b86;font:8px Georgia,serif;letter-spacing:3px}.seal{width:38px;height:42px;border:1px solid #b89b5c;color:var(--gold);display:grid;place-items:center;font:26px STKaiti,KaiTi,serif;transform:rotate(-4deg)}#card-nav{display:flex;gap:8px}#card-nav a{width:29px;height:29px;border:1px solid #ffffff1f;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:9px Georgia,serif;color:#6f7884}#card-nav a.active{border-color:var(--gold);color:var(--gold)}.close-link{justify-self:end;text-decoration:none;color:#939aa4;font:28px/1 Georgia,serif}main{max-width:1360px;margin:auto;display:grid;grid-template-columns:39% 61%;min-height:690px}.story{padding:72px 0 40px 12%;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:var(--gold);font-size:10px;letter-spacing:3px}.eyebrow>span:first-child{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}.organization{margin:42px 0 6px;color:#bcb3a2;font:18px STKaiti,KaiTi,serif;letter-spacing:4px}.story h1{margin:0 0 22px;font:500 clamp(55px,6vw,88px)/1.05 STKaiti,KaiTi,"Songti SC",serif;white-space:nowrap}.description{max-width:380px;margin:0;color:#9aa1aa;font-size:14px;line-height:2;letter-spacing:.5px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.tags span{border:1px solid #ffffff20;padding:8px 12px;color:#aeb4bc;font-size:11px}.actions{display:flex;gap:12px;margin-top:34px}.actions button{border:1px solid #ffffff24;padding:13px 18px;font-size:11px}.actions .primary{background:var(--gold);border-color:var(--gold);color:#15130d}.actions .primary[aria-pressed=true]{background:#7f6b42;color:#fff}.actions span{margin:0 6px}.collectible{display:flex;align-items:center;gap:12px;margin-top:31px;color:#aaa497;font-size:10px;letter-spacing:1px}.collectible>span{font-size:22px;color:var(--gold)}.collectible small{display:block;margin-top:6px;color:#626b76;font:8px Georgia,serif;letter-spacing:2px}.display{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}#stage{width:100%;height:625px;position:relative;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}#stage canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font-size:12px;letter-spacing:3px;white-space:pre-wrap;text-align:center}.view-label{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:2;color:#606a76;font:8px Georgia,serif;letter-spacing:3px}.stage-hint{position:absolute;bottom:25px;display:flex;align-items:center;gap:10px;color:#777f89;font-size:10px}.stage-hint>span{font-size:17px;color:var(--gold)}.stage-hint b{color:#424a55}.stage-hint button{margin-left:14px;color:#b4a17b}.controls{max-width:1210px;margin:0 auto 34px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px}.controls>div{min-width:145px;font-size:13px;letter-spacing:2px}.controls small{display:block;margin-top:7px;color:#5e6874;font:8px Georgia,serif;letter-spacing:2px}.controls label{flex:1;min-width:140px;color:#8f97a1;font-size:10px}.controls output{float:right;color:var(--gold);font:10px Georgia,serif}input[type=range]{display:block;width:100%;height:2px;margin-top:14px;accent-color:var(--gold)}#save{padding-left:26px;border-left:1px solid var(--line);color:var(--gold);font-size:10px}@media (max-width:800px){header{height:76px;padding:0 18px;grid-template-columns:1fr auto}.brand{font-size:13px}.brand small{font-size:7px}.seal{width:32px;height:36px;font-size:22px}#card-nav{display:none}.close-link{grid-column:2}main{display:flex;flex-direction:column;min-height:auto}.story{padding:32px 22px 0}.organization{margin:22px 0 5px;font-size:16px}.story h1{font-size:58px;margin-bottom:11px}.description{font-size:12px;line-height:1.75}.tags,.collectible{display:none}.actions{margin-top:22px}.display{height:590px;margin-top:2px}#stage{height:550px}.view-label{top:11px}.stage-hint{bottom:8px}.controls{margin:8px 22px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.controls>div{grid-column:1/-1}.controls label{min-width:0}#save{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;text-align:left}}@media (max-width:390px){.story h1{font-size:50px}.display{height:535px}#stage{height:500px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.program-mark{justify-self:end;color:#777f89;font-size:11px;letter-spacing:2px}@media (max-width:800px){.program-mark{display:none}}body.embedded{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 30%,#243143 0,transparent 42%),#080b11}body.embedded header,body.embedded .story{display:none}body.embedded main{display:block;width:100%;max-width:none;height:100vh;min-height:0}body.embedded .display,body.embedded #stage{width:100%;height:100vh;min-height:0;margin:0}