:root{--bg:#080a12;--panel:rgba(17,20,34,.82);--line:rgba(255,255,255,.1);--text:#f5f2ea;--muted:#969bac;--gold:#e0bd78;--violet:#947af5;--soft:rgba(148,122,245,.12)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}body{overflow-x:hidden}.aurora{position:fixed;width:50vw;height:50vw;filter:blur(110px);border-radius:50%;opacity:.12;pointer-events:none}.aurora.one{background:#7662ff;left:-20vw;top:-25vw}.aurora.two{background:#d49e49;right:-25vw;bottom:-30vw}button,a,input,textarea,select{font:inherit}button,a{cursor:pointer}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:4vw;position:relative;z-index:5;background:rgba(8,10,18,.74);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand span{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:10px;color:var(--gold);font-family:serif;font-size:22px}.brand b{letter-spacing:2px}nav{display:flex;gap:26px;flex:1}nav a,.head-actions a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:"";display:block;height:1px;background:var(--gold);margin-top:8px}.head-actions{display:flex;gap:10px;align-items:center}.head-actions button,.head-actions a,.section-title button,.back,.room-actions>*{border:1px solid var(--line);background:transparent;color:var(--text);padding:9px 14px;border-radius:10px}.lobby{max-width:1280px;margin:auto;padding:80px 32px}.hero{text-align:center;max-width:850px;margin:30px auto 110px}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:4px;color:var(--gold)}.hero h1{font-family:Georgia,"Noto Serif SC",serif;font-weight:400;font-size:60px;line-height:1.18;margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:var(--muted);font-size:18px;line-height:1.8}.primary{border:0;color:#16110a;background:linear-gradient(135deg,#f1d495,#c89c50);font-weight:700;border-radius:12px}.large{padding:15px 25px;margin-top:22px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-title h2{font-size:28px;margin:8px 0 0}.section-title span{color:var(--muted);font-size:11px;letter-spacing:3px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.room-card{min-height:210px;border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));position:relative;overflow:hidden}.room-card:before{content:"";position:absolute;inset:0;background:var(--cover) center/cover;opacity:.12}.room-card>*{position:relative}.room-card span{color:var(--gold);font-size:12px}.room-card h3{font-size:21px;margin:38px 0 8px}.room-card p{color:var(--muted);font-size:13px}.room-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.room-card button{border:1px solid var(--gold);background:transparent;color:var(--gold);border-radius:9px;padding:8px 12px}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:50px}.room-view{height:calc(100vh - 72px);padding:20px 2.5vw 26px}.room-top{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.room-top h1{margin:4px 0;font-family:Georgia,"Noto Serif SC",serif}.room-top span,.room-top small{color:var(--muted);font-size:12px}.back{padding:6px 10px;margin-right:12px}.mode-state{border:1px solid var(--line);border-radius:30px;padding:10px 18px;display:flex;gap:8px;align-items:center}.mode-state i{width:7px;height:7px;border-radius:50%;background:#62e0a4;box-shadow:0 0 12px #62e0a4}.mode-state b{font-size:13px}.room-actions{display:flex;gap:8px;justify-content:flex-end}.room-actions a{text-decoration:none}.room-layout{height:calc(100% - 90px);display:grid;grid-template-columns:230px minmax(420px,1fr) 250px;gap:14px}.cast-panel,.dialogue,.control-panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);border-radius:20px;overflow:hidden}.cast-panel,.control-panel{padding:22px}.cast-panel h2,.control-panel h2{margin:8px 0}.cast-panel>p{font-size:12px;color:var(--muted)}.cast-list{display:grid;gap:10px;margin-top:22px}.cast{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.035);color:var(--text);text-align:left;width:100%}.cast:hover{border-color:rgba(224,189,120,.5)}.cast.speaking{border-color:var(--gold);box-shadow:0 0 24px rgba(224,189,120,.18)}.cast.thinking img{animation:breathe 1.2s infinite}.cast img,.cast .avatar{width:46px;height:46px;object-fit:cover;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--gold);font-weight:700}.cast b,.cast small{display:block}.cast small{font-size:11px;color:var(--muted);margin-top:3px}.bond-note{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.dialogue{display:flex;flex-direction:column}.scene-backdrop{height:120px;flex:none;padding:22px 28px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(8,10,18,.9),rgba(8,10,18,.2)),var(--cover) center/cover}.scene-backdrop span{color:var(--gold);font-size:11px;letter-spacing:2px}.scene-backdrop p{margin:7px 0 0;font-size:13px;color:#d6d5da}.messages{flex:1;overflow-y:auto;padding:24px 28px;scroll-behavior:smooth}.message{display:grid;grid-template-columns:42px 1fr;gap:12px;max-width:78%;margin:0 0 20px}.message.user{margin-left:auto;grid-template-columns:1fr 42px}.message.user .bubble{order:1;background:rgba(148,122,245,.16)}.message.user .msg-avatar{order:2}.msg-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--soft);display:grid;place-items:center;color:var(--gold)}.bubble{border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:12px 15px;background:rgba(255,255,255,.045)}.user .bubble{border-radius:16px 4px 16px 16px}.bubble header{height:auto;padding:0;border:0;background:none;display:flex;gap:8px}.bubble header b{font-size:13px}.bubble header span{font-size:10px;color:var(--gold)}.bubble p{white-space:pre-wrap;line-height:1.7;margin:7px 0 0;font-size:14px}.bubble small{color:var(--muted);font-size:10px}.thinking{padding:8px 28px;color:var(--muted);font-size:12px}.thinking i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px;animation:breathe 1s infinite}.composer{margin:0 20px 18px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr 46px;padding:10px;background:rgba(0,0,0,.18)}.composer textarea{resize:none;border:0;outline:0;background:transparent;color:var(--text);padding:4px 8px;max-height:100px}.composer>button{border:0;border-radius:12px;background:var(--gold);font-size:22px}.composer-meta{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:8px 8px 0}.mode-card{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;margin:10px 0;cursor:pointer}.mode-card:has(input:checked){border-color:var(--gold);background:rgba(224,189,120,.08)}.mode-card b,.mode-card small{display:block}.mode-card small{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.4}.auto-button,.danger{width:100%;padding:12px;border-radius:11px;margin-top:12px}.danger{border:1px solid #d56d78;color:#f19aa2;background:transparent}.round-progress{margin:18px 0}.round-progress>div{height:3px;background:linear-gradient(90deg,var(--gold) var(--progress,0%),rgba(255,255,255,.1) 0);border-radius:5px}.round-progress span{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:8px}.control-panel article{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.control-panel article p{color:var(--muted);font-size:11px;line-height:1.7}.modal{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.7);display:none;place-items:center;padding:24px}.modal.open{display:grid}.modal-card{width:min(850px,94vw);max-height:90vh;overflow:auto;background:#111420;border:1px solid var(--line);border-radius:24px;padding:30px;position:relative}.modal-card .close{position:absolute;right:20px;top:16px;border:0;background:transparent;color:var(--text);font-size:25px}.modal-card h2{font-size:30px;margin:8px 0 16px}.steps{display:flex;gap:25px;color:var(--muted);font-size:11px;margin-bottom:25px}.modal-card label:not(.choice):not(.member){display:grid;gap:8px;color:var(--muted);font-size:12px}.modal-card input,.modal-card textarea,.modal-card select{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:10px;padding:11px;outline:0}.field-title{display:flex;justify-content:space-between;margin:24px 0 10px}.field-title button{border:0;background:none;color:var(--gold)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.choice:has(input:checked){border-color:var(--gold);background:rgba(224,189,120,.08)}.choice input,.member input{display:none}.choice b,.choice small{display:block}.choice small{color:var(--muted);font-size:10px;margin-top:5px}.member-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-height:230px;overflow:auto}.member{border:1px solid var(--line);padding:10px;border-radius:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.member:has(input:checked){border-color:var(--violet);background:var(--soft)}.member img,.member i{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--soft);display:grid;place-items:center;font-style:normal}.member b,.member small{display:block;font-size:12px}.member small{color:var(--muted);font-size:9px}.new-scene{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px}.new-scene textarea{min-height:70px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.submit{width:100%;padding:14px}.form-error{color:#ef8791;min-height:18px;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#eee;color:#111;padding:11px 18px;border-radius:10px;z-index:30;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}body.light{--bg:#f4f1ea;--panel:rgba(255,255,255,.86);--line:rgba(27,25,34,.12);--text:#22202a;--muted:#706d78;--soft:rgba(107,82,192,.1)}body.light header{background:rgba(244,241,234,.78)}body.light .modal-card{background:#f7f4ed}@keyframes breathe{50%{transform:scale(1.08);filter:brightness(1.25)}}@media(max-width:1000px){nav{display:none}.room-layout{grid-template-columns:180px 1fr}.control-panel{position:fixed;right:20px;bottom:20px;width:250px;z-index:4}.room-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.room-view:before{content:"多人场景剧场目前仅支持 PC 端体验";position:fixed;inset:72px 0 0;background:var(--bg);z-index:10;display:grid;place-items:center}.room-grid,.choice-grid,.member-choices{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}}