:root{--bg: #fff2f6;--panel: rgba(255, 255, 255, .92);--panel2: #fff7fa;--ink: #3b2430;--ink-soft: #7a5566;--muted: #b48a9c;--pink: #ff5f8f;--pink-deep: #e83a6d;--rose: #ff8fab;--gold: #e8a838;--cyan: #5ec4b6;--blue: #6ea8ff;--line: rgba(232, 58, 109, .12);--shadow: 0 12px 40px rgba(255, 95, 143, .18);--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--sans: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Code", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.app{height:100%;display:flex;flex-direction:column}.topbar{height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(90deg,#fff7fa,#ffe4ee 45%,#ffd0e0);border-bottom:2px solid rgba(255,95,143,.25);box-shadow:0 4px 24px #ff5f8f1f;flex-shrink:0;z-index:20}.logo{font-family:var(--serif);font-size:20px;letter-spacing:.14em;color:var(--pink-deep);text-shadow:0 2px 0 #fff}.logo em{font-style:normal;background:linear-gradient(135deg,var(--pink),var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent}.rec{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--pink-deep);background:#fff;border-radius:999px;padding:4px 10px;border:1px solid var(--line);box-shadow:var(--shadow)}.rec .dot{width:8px;height:8px;border-radius:50%;background:var(--pink-deep);box-shadow:0 0 10px var(--pink);animation:blink 1.1s infinite}.rec.off{color:var(--muted)}.rec.off .dot{background:var(--muted);box-shadow:none;animation:none}@keyframes blink{50%{opacity:.35}}.top-meta{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.top-meta b{color:var(--pink-deep)}.top-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;transition:.15s ease;box-shadow:0 4px 14px #ff5f8f1a}.btn:hover{border-color:var(--pink);color:var(--pink-deep);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--pink),var(--rose));border:none;color:#fff;font-weight:700;box-shadow:0 8px 20px #ff5f8f59}.btn.ghost{background:#ffffff8c}.btn.on{border-color:var(--pink);color:var(--pink-deep);background:#ffe8f0}.layout{flex:1;min-height:0;display:grid;grid-template-columns:250px 1fr 300px;gap:12px;padding:12px;background:radial-gradient(900px 500px at 85% -10%,#ffd6e6 0%,transparent 55%),radial-gradient(700px 400px at 0% 100%,#ffe8d8 0%,transparent 50%),linear-gradient(180deg,#fff5f8,#ffeef4)}.col{min-height:0;display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.9);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-head{padding:11px 14px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:13px;letter-spacing:.1em;color:var(--pink-deep);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fff7fb,#ffeff5)}.panel-body{padding:12px;overflow:auto;min-height:0;flex:1}.tag-mini{font-family:var(--mono);font-size:10px;color:var(--ink-soft);border:1px solid var(--line);background:#fff;padding:2px 7px;border-radius:999px}.stage-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.stage{position:relative;flex:1;min-height:320px;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 50px #ff5f8f47;border:3px solid #fff}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .6s ease}.stage-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff14,#2b162873 55%,#1e0c1cb8)}.stage.private .stage-bg:after{background:linear-gradient(180deg,#1e0c1c8c,#140812d1)}.portrait-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 8% 18%;pointer-events:none;z-index:1}.portrait{width:min(28%,220px);filter:drop-shadow(0 12px 28px rgba(0,0,0,.35));transform-origin:bottom center;animation:rise .5s ease}.portrait img{width:100%;height:auto;max-height:52vh;object-fit:contain;object-position:bottom center;border-radius:18px 18px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}@keyframes rise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.lower-third{position:absolute;top:14px;left:14px;padding:10px 16px;background:linear-gradient(135deg,#fff,#ffe8f0);border-left:5px solid var(--pink);border-radius:12px;font-family:var(--serif);font-size:15px;letter-spacing:.08em;color:var(--pink-deep);z-index:5;box-shadow:var(--shadow)}.lower-third small{display:block;color:var(--ink-soft);font-family:var(--mono);font-size:10px;margin-top:2px}.camera-badge{position:absolute;top:14px;right:14px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.feed{position:relative;z-index:3;flex:1;overflow:auto;padding:72px 24px 18px;scroll-behavior:smooth}.narration{font-family:var(--serif);font-size:15.5px;line-height:1.9;color:#fff;max-width:680px;margin:0 auto 16px;white-space:pre-wrap;text-shadow:0 2px 8px rgba(0,0,0,.45)}.line-card{max-width:680px;margin:0 auto 12px;display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffffed;border:1px solid #fff;box-shadow:0 10px 28px #0000002e}.line-card .avatar{width:64px;height:80px;border-radius:14px;object-fit:cover;object-position:top center;background:linear-gradient(180deg,#ffd9e6,#ffb3c9);box-shadow:0 6px 16px #ff5f8f40}.line-card .who{font-family:var(--serif);color:var(--pink-deep);font-size:13px}.line-card .who small{display:block;color:var(--muted);font-family:var(--mono);font-size:10px}.line-card .txt{font-size:14.5px;line-height:1.7;color:var(--ink)}.user-bubble{max-width:680px;margin:0 auto 14px;text-align:right}.user-bubble span{display:inline-block;text-align:left;padding:10px 14px;border-radius:16px 16px 4px;background:linear-gradient(135deg,var(--pink),var(--rose));color:#fff;max-width:90%;line-height:1.65;font-size:14px;box-shadow:0 8px 20px #ff5f8f59}.observe-float{position:absolute;right:12px;bottom:16%;width:min(260px,34%);z-index:6;display:flex;flex-direction:column;gap:8px;pointer-events:none}.observe-card{background:#fffffff2;border:1px solid #fff;border-radius:14px;padding:10px 12px;animation:floatIn .4s ease;box-shadow:var(--shadow)}.observe-card .who{color:var(--pink-deep);font-family:var(--serif);font-size:12px;margin-bottom:4px}.observe-card .txt{font-size:12.5px;color:var(--ink);line-height:1.55}@keyframes floatIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.danmaku-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.danmaku-overlay.off{display:none}.dm{position:absolute;white-space:nowrap;font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45),0 0 8px rgba(255,95,143,.5);animation:dmFly linear forwards}.dm.cp{color:#ffd0e4}.dm.solo{color:#cfe4ff}.dm.hot{color:#ffe28a}@keyframes dmFly{0%{transform:translate(100vw)}to{transform:translate(-120%)}}.dock{border-radius:18px;background:var(--panel);border:1px solid #fff;padding:12px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;box-shadow:var(--shadow)}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid rgba(255,95,143,.25);background:linear-gradient(135deg,#fff,#ffe8f0);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:12.5px;cursor:pointer;transition:.15s;box-shadow:0 4px 12px #ff5f8f1a}.choice:hover{border-color:var(--pink);color:var(--pink-deep);transform:translateY(-1px)}.input-row{display:flex;gap:8px}.input-row textarea{flex:1;resize:none;min-height:54px;max-height:120px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);padding:12px;outline:none;line-height:1.5}.input-row textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff5f8f26}.hot-list{display:flex;flex-direction:column;gap:8px}.hot-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:14px;background:linear-gradient(135deg,#fff,#fff3f7);border:1px solid var(--line)}.hot-item .rank{font-family:var(--mono);color:var(--muted);font-size:12px}.hot-item .tag{font-size:13px;line-height:1.35}.hot-item .heat{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:6px}.heat.新{color:var(--cyan);background:#5ec4b626}.heat.热{color:var(--pink);background:#ff5f8f1f}.heat.沸{color:var(--pink-deep);background:#e83a6d24}.heat.爆{color:#fff;background:linear-gradient(135deg,var(--pink-deep),var(--pink));animation:pulse 1.3s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.fan-card{border-radius:14px;border:1px solid var(--line);padding:10px 12px;margin-bottom:8px;background:#fff}.fan-card.cp{border-left:4px solid var(--pink);background:#fff5f8}.fan-card.solo{border-left:4px solid var(--blue);background:#f5f8ff}.fan-card.sys{border-left:4px solid var(--gold);background:#fffaf0}.fan-card .meta{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:4px}.fan-card .badge{padding:1px 6px;border-radius:6px;font-size:10px;color:#fff}.badge.cp{background:var(--pink)}.badge.solo{background:var(--blue)}.fan-card .txt{font-size:12.5px;line-height:1.55;color:var(--ink)}.fan-card .votes{margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--ink-soft)}.rank-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;margin-top:8px;background:#ffe8f0}.rank-bar i{display:block;height:100%}.rank-bar .cp{background:linear-gradient(90deg,var(--pink),var(--rose))}.rank-bar .solo{background:linear-gradient(90deg,var(--blue),#9ec8ff)}.ledger-row{margin-bottom:10px}.ledger-row h4{margin:0 0 4px;font-family:var(--serif);font-size:12px;color:var(--pink-deep);letter-spacing:.06em}.ledger-row p{margin:0;font-size:12px;color:var(--ink-soft);line-height:1.55;white-space:pre-wrap}.cam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cam{aspect-ratio:16/10;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#ffe8f0);color:var(--muted);font-family:var(--mono);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.cam.active{border-color:var(--pink);color:var(--pink-deep);box-shadow:0 0 0 2px #ff5f8f40}.cam.active:after{content:"REC";position:absolute;top:4px;right:6px;color:var(--pink-deep);font-size:9px}.cam.dead{opacity:.35}.cover{height:100%;overflow:auto;padding:28px 16px 48px;display:flex;justify-content:center;background:radial-gradient(1000px 600px at 80% 0%,#ffd6e6 0%,transparent 55%),radial-gradient(800px 500px at 10% 80%,#ffe8c8 0%,transparent 50%),linear-gradient(180deg,#fff5f8,#ffe8f0)}.cover-inner{width:min(920px,100%);display:flex;flex-direction:column;gap:16px}.cover-title{font-family:var(--serif);font-size:clamp(34px,6vw,56px);letter-spacing:.2em;text-align:center;margin:8px 0 0;color:var(--pink-deep);text-shadow:0 4px 0 #fff,0 12px 30px rgba(255,95,143,.25)}.cover-title span{background:linear-gradient(135deg,var(--pink),var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent}.cover-sub{text-align:center;color:var(--ink-soft);line-height:1.85;font-size:14px;max-width:680px;margin:0 auto}.cover-card{background:var(--panel);border:1px solid #fff;border-radius:20px;padding:18px;box-shadow:var(--shadow)}.cover-card h3{margin:0 0 12px;font-family:var(--serif);color:var(--pink-deep);font-size:15px;letter-spacing:.1em}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--ink-soft)}.field input,.field select{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:10px 12px;outline:none}.id-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.id-card{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#fff5f8);border-radius:16px;padding:12px;cursor:pointer;transition:.15s}.id-card:hover,.id-card.on{border-color:var(--pink);background:#ffe8f0;transform:translateY(-2px);box-shadow:var(--shadow)}.id-card h4{margin:0 0 6px;font-family:var(--serif);color:var(--pink-deep);font-size:14px}.id-card p{margin:0;font-size:12px;color:var(--ink-soft);line-height:1.55}.knob{display:flex;gap:8px}.knob button{flex:1;border-radius:14px;border:1px solid var(--line);background:var(--panel2);padding:10px;cursor:pointer;font-size:12px}.knob button.on{border-color:var(--pink);color:var(--pink-deep);background:#ffe8f0}.err{color:var(--pink-deep);font-size:12px;padding:0 12px 8px}.settle-list{display:flex;flex-direction:column;gap:10px}.settle-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.settle-item h4{margin:0 0 6px;color:var(--pink-deep);font-family:var(--serif);font-size:13px}@media(max-width:1100px){body{overflow:auto}.layout{grid-template-columns:1fr}.col.side{display:none}.stage{min-height:55vh}}