:root{color-scheme:dark;--muted:#95a0a4;--accent:#dbb983;--border:#293138}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#1d272b55,transparent 50%),#0c1014;color:#edf0ed;font-family:"Microsoft YaHei","PingFang SC",sans-serif}button{font:inherit;cursor:pointer;background:transparent;border:1px solid var(--border);border-radius:5px;padding:11px 17px;color:#bec7c8;font-size:12px}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:4px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}header a{font:29px serif;letter-spacing:5px;color:#edf0ed;text-decoration:none;display:flex;align-items:center;gap:22px}header small{font:10px sans-serif;letter-spacing:3px;color:var(--muted)}header>span{font-size:11px;color:var(--muted)}header b{font-size:9px;color:var(--accent);margin-left:12px}main{max-width:1340px;margin:auto;padding:55px 40px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:18px}.intro button{white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--accent);margin:0 0 16px}h1{font-size:clamp(25px,3vw,38px);font-weight:500;letter-spacing:2px;margin:0 0 15px}.muted{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:36px}.workspace>section{min-width:0}.stage{aspect-ratio:16/9;background:#050708;border:1px solid #ffffff10;border-radius:9px 9px 0 0;overflow:hidden}#placeholder{height:100%;position:relative;background:linear-gradient(120deg,#15212b,transparent 60%),radial-gradient(ellipse at 58% 20%,#8d845055,transparent 65%),linear-gradient(125deg,#151f28,#203530 48%,#121c23)}#placeholder:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff08;pointer-events:none}.frame-label,.frame-bottom{position:absolute;left:27px;font-size:8px;letter-spacing:2.5px;color:#ffffff55}.frame-label{top:24px}.frame-bottom{bottom:22px}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 25px}.scene .eyebrow{margin:0}.scene h2{font-family:serif;font-size:clamp(23px,3vw,38px);font-weight:400;letter-spacing:6px;margin:17px 0}.scene p{max-width:390px;color:#c0c9c7;font-size:12px;line-height:1.9;margin:0 0 23px}.primary{border:1px solid #e4c99366;background:#d9bc85;color:#202725;padding:12px 23px}.primary:hover{background:#efd7ad;color:#202725}.scene small{font-size:10px;color:#a7b0ad;margin-top:12px}video{width:100%;height:100%;object-fit:contain;background:black}.player-footer{min-height:45px;padding:10px 17px;background:#171e24;border:1px solid #ffffff0a;border-top:0;border-radius:0 0 7px 7px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;gap:10px}.player-footer>span:before{content:'●';color:var(--accent);font-size:7px;margin-right:9px}#replay{border:0;color:var(--accent);font-size:11px;padding:4px;white-space:nowrap}#decision{padding:28px 0 10px;animation:appear .3s ease}#decision .eyebrow{margin-bottom:10px}#decision h2{font-size:20px;letter-spacing:1px;font-weight:500;margin:0 0 20px}#decision>.muted{margin:0 0 20px}#choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #354047;background:linear-gradient(120deg,#1b252b,#141c22);padding:19px 16px;color:#edf0ed;min-width:0;transition:transform .2s}.choice:hover{transform:translateY(-2px)}.number{font:17px Georgia;color:var(--accent);align-self:flex-start}.copy{flex:1}.choice strong{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.choice small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.arrow{color:var(--accent)}aside{border-left:1px solid var(--border);padding:3px 0 0 27px}aside>.eyebrow{font-size:9px}aside h2{font-size:19px;font-weight:400;margin:22px 0 13px}aside p{font-size:11px;color:var(--muted);line-height:1.9}#history{list-style:none;padding:0;margin:28px 0 32px}#history li{position:relative;padding:0 0 23px 24px;border-left:1px solid #35413f;margin-left:4px}#history li:last-child{padding-bottom:0;border-color:transparent}#history li:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;background:#56706a;border:1px solid #0c1014;border-radius:50%}#history li.current:before{background:var(--accent);box-shadow:0 0 0 4px #dbb98314}#history strong{display:block;font-size:12px;font-weight:400;color:#bec6c4;line-height:1.7}#history .current strong{color:var(--accent)}#history small{display:block;font-size:10px;color:#7c898c;margin-top:6px}.note{border-top:1px solid var(--border);padding-top:20px}.note>small{font-size:10px;color:#bbc4c3;letter-spacing:1px}details{margin-top:23px;border-top:1px solid var(--border);padding-top:18px}summary{font-size:11px;color:var(--accent);cursor:pointer}.file-button{display:inline-block;position:relative;overflow:hidden;font-size:11px;border:1px solid #47504d;color:#d6ddda;padding:8px 13px;border-radius:4px;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}#fileStatus{overflow-wrap:anywhere}footer{display:flex;gap:17px;align-items:center;color:#657174;border-top:1px solid #ffffff0b;margin-top:55px;padding:25px 0 30px;font:15px serif}footer span{font:10px sans-serif}footer small{margin-left:auto;font:8px sans-serif;letter-spacing:1.5px}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.workspace{grid-template-columns:1fr 220px;gap:22px}aside{padding-left:20px}main{padding:35px 25px 0}.scene p{font-size:11px;margin-bottom:12px}.scene h2{margin:10px 0}.primary{padding:10px 15px}}@media(max-width:700px){header{height:70px;padding:0 20px}header a{font-size:25px;gap:12px}header small{font-size:7px;letter-spacing:1px}header>span{font-size:9px}.workspace{grid-template-columns:1fr}.intro{align-items:flex-start}.intro button{padding:9px;font-size:10px}h1{font-size:24px;line-height:1.5}.muted{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}main{padding:28px 18px 0}.scene{padding:26px 20px}.scene h2{font-size:25px;letter-spacing:3px}.scene p{max-width:290px;line-height:1.6;font-size:10px}.frame-label{top:13px;left:15px;font-size:6px}.frame-bottom{bottom:12px;left:15px;font-size:6px}.scene .eyebrow{font-size:8px}.scene small{font-size:8px;margin-top:8px}.primary{font-size:11px;padding:8px 15px}#choices{grid-template-columns:1fr}.choice{padding:17px}#decision h2{font-size:18px}aside{border-left:0;border-top:1px solid var(--border);padding:25px 0 0}#history{display:flex;gap:15px;flex-wrap:wrap}#history li{flex:1;min-width:110px;padding-bottom:0}footer{margin-top:35px;flex-wrap:wrap}footer small{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}