/* ActChoo BP · H5 · 新增场景样式 */
/* ================= 通用 ================= */
.kk{position:absolute;left:64px;top:72px;display:flex;align-items:center;gap:10px;z-index:3}
.kk .k{font:500 10px/1 var(--mono);letter-spacing:.28em;color:var(--signal);text-transform:uppercase;margin-right:4px}
.stt{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 9px;border-radius:5px;font:600 9.5px var(--sans);letter-spacing:.03em;white-space:nowrap}
.stt::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.stt.live{color:var(--signal);background:var(--signal-dim);box-shadow:inset 0 0 0 1px rgba(91,228,155,.3)}
.stt.part{color:var(--amber);background:rgba(242,193,78,.1);box-shadow:inset 0 0 0 1px rgba(242,193,78,.3)}
.stt.plan{color:#c9c7c2;background:rgba(243,241,236,.05);box-shadow:inset 0 0 0 1px var(--line-2)}
.lead{font:400 15px/1.85 var(--sans);color:#a9a9ae}
.lead b{color:var(--paper);font-weight:600}
.small{font:400 12px/1.7 var(--sans);color:var(--mute)}
.sl{position:absolute;width:420px}
.sl .it{display:flex;gap:16px;margin-bottom:22px;opacity:.32;transition:opacity .5s}
.sl .it.on{opacity:1}
.sl .n{flex:none;font:900 18px/1.3 var(--serif);color:var(--signal)}
.sl h4{font:900 24px/1.25 var(--serif);margin-bottom:5px}
.sl p{font:400 13px/1.7 var(--sans);color:#9d9da3}
#stage button{font-family:inherit}

/* 片头闸门 */
#gate{z-index:120;visibility:visible;background:#050506;display:grid;place-items:center}
#gate.gone{display:none}
#gate .g-in{text-align:center}
.g-k{font:500 10px var(--mono);letter-spacing:.3em;color:var(--mute)}
.g-t{font:900 30px var(--serif);margin:26px 0 34px;letter-spacing:.04em}
.g-b{pointer-events:auto;cursor:pointer;border:0;height:56px;padding:0 34px;border-radius:16px;background:var(--paper);color:var(--ink);font:700 16px var(--sans);letter-spacing:.06em;animation:gpulse 2.2s ease-out infinite}
@keyframes gpulse{0%{box-shadow:0 0 0 0 rgba(243,241,236,.35)}100%{box-shadow:0 0 0 22px rgba(243,241,236,0)}}
.g-s{margin-top:26px;font:500 9px var(--mono);letter-spacing:.24em;color:var(--mute-2)}
/* 声音按钮 */
.meta .br{display:flex;align-items:center;gap:16px}
.snd{pointer-events:auto;cursor:pointer;display:flex;align-items:flex-end;gap:2px;height:12px;padding:0;background:none;border:0}
.snd i{width:2px;background:rgba(243,241,236,.7);height:4px;animation:eq 1s ease-in-out infinite}
.snd i:nth-child(2){animation-delay:.2s}.snd i:nth-child(3){animation-delay:.45s}.snd i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:3px}50%{height:12px}}
.snd.off i{animation:none;height:2px;background:rgba(243,241,236,.3)}

/* ================= 现象 ================= */
.x2-shade{position:absolute;left:0;top:0;bottom:0;width:640px;background:linear-gradient(90deg,#08080a 70%,rgba(8,8,10,0));z-index:1}
.x2 .kk,.x2 .abs,.x2-h{z-index:2}
.x2-h{font:900 104px/1.08 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.x2-h em{font-style:normal;color:var(--signal);text-shadow:0 0 40px rgba(91,228,155,.4)}
.x2-eq{display:flex;align-items:center;gap:12px;font:900 30px var(--serif)}
.x2-eq i{font-style:normal;color:var(--mute-2)}
.x2-eq em{font-style:normal;color:var(--signal);font-size:40px;margin:0 6px}
.x2-eq s{text-decoration:none;color:var(--mute);position:relative}
.x2-eq s::after{content:'';position:absolute;left:-6px;right:-6px;top:52%;height:4px;background:var(--alarm);transform:scaleX(var(--k,0));transform-origin:0 50%}
.x2-ph{position:absolute;left:850px;top:92px;width:270px;height:560px;border-radius:44px;padding:9px;background:#000;box-shadow:0 0 0 1px #2b2b2f,0 40px 80px -20px rgba(0,0,0,.9);z-index:0}
.x2-ph .scr{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden}
.x2-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.x2-ph img.lo{image-rendering:pixelated}
.x2-ph .q{position:absolute;left:14px;top:18px;font:700 10px var(--mono);letter-spacing:.14em;padding:4px 8px;border-radius:5px;background:rgba(0,0,0,.6);z-index:2}
.x2-ph .rail2{position:absolute;right:12px;bottom:60px;display:flex;flex-direction:column;gap:14px;z-index:2;font:600 10px var(--sans);text-align:center}
.x2-ph .rail2 span{display:flex;flex-direction:column;align-items:center;gap:3px;text-shadow:0 1px 6px #000}
.x2-ph .rail2 b{font:600 11px var(--mono)}
.x2-meter{position:absolute;top:210px;width:70px;text-align:center;z-index:2}
.x2-meter .bar{width:14px;height:300px;margin:0 auto 12px;border-radius:7px;background:rgba(243,241,236,.07);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.x2-meter .bar i{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:7px}
.x2-meter .bar.sig i{background:var(--signal);box-shadow:0 0 18px var(--signal)}
.x2-meter b{display:block;font:900 15px var(--serif)}
.x2-meter small{font:500 8px var(--mono);letter-spacing:.2em;color:var(--mute)}

/* ================= 答案 ================= */
.x4-big{position:absolute;left:0;right:0;top:132px;display:flex;justify-content:center;align-items:center;gap:30px;font:900 112px/1.1 var(--serif)}
.x4-big em{font-style:normal;color:var(--signal);font-size:72px}
.x4-sub{left:0;right:0;top:282px;text-align:center;font:400 17px/1.7 var(--sans);color:#a9a9ae}
.x4-sub b{color:var(--paper);font-weight:600}
.x4-pl{position:absolute;left:64px;right:64px;top:366px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pl{position:relative;padding-top:22px}
.pl .ln{position:absolute;left:0;right:0;top:0;height:2px;background:var(--paper);transform-origin:0 50%}
.pl .pn{font:500 10px var(--mono);letter-spacing:.22em;color:var(--signal)}
.pl h4{font:900 32px/1.2 var(--serif);margin:12px 0 10px}
.pl p{font:400 13.5px/1.75 var(--sans);color:#9d9da3}
.x4-q{left:0;right:0;top:604px;text-align:center;font:900 24px var(--serif)}
.x4-q em{font-style:normal;color:var(--signal)}

/* ================= 目标用户 ================= */
.ps{position:absolute;top:196px;width:560px;height:384px;border-radius:22px;padding:28px 30px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--line-2)}
.ps-h{display:flex;align-items:center;gap:20px}
.ps .av{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--paper),0 0 0 6px rgba(243,241,236,.08)}
.ps .cls{width:96px;height:96px;flex:none}
.ps .tg{font:500 10px var(--mono);letter-spacing:.22em;color:var(--signal)}
.ps h3{font:900 32px/1.2 var(--serif);margin-top:8px}
.ps .qt{font:900 21px/1.6 var(--serif);color:#d8d6d0;margin:26px 0 22px}
.ps ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.ps li{font:500 14px var(--sans);color:#bdbdc2;padding-left:18px;position:relative}
.ps li::before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(--signal)}
.x5-no{left:64px;top:612px;display:flex;align-items:center;gap:22px;font:500 13px var(--sans);color:var(--mute)}
.x5-no s{text-decoration:none;position:relative;font:900 20px var(--serif);color:var(--mute-2)}
.x5-no s .st{position:absolute;left:-4px;right:-4px;top:52%;height:2px;background:var(--alarm);transform-origin:0 50%}

/* ================= AI 导演 ================= */
.pol{position:absolute;left:560px;top:176px;width:400px;padding:12px 12px 46px;background:#f3f1ec;border-radius:4px;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);transform-origin:50% 0}
.pol .ph{position:relative;width:376px;height:250px;overflow:hidden;background:#222}
.pol img{width:100%;height:100%;object-fit:cover}
.pol .cap{position:absolute;left:16px;bottom:14px;font:600 13px var(--sans);color:#3d3d42}
.fb{position:absolute;border:2px solid var(--signal);border-radius:4px;box-shadow:0 0 12px rgba(91,228,155,.5)}
.fb b{position:absolute;left:-2px;top:-20px;font:700 9.5px var(--sans);background:var(--signal);color:var(--ink);padding:2px 6px;border-radius:3px;white-space:nowrap}
.reel{position:absolute;left:996px;top:214px;width:220px}
.reel .win{height:186px;overflow:hidden;border-radius:16px;position:relative;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2)}
.reel .win::before{content:'';position:absolute;left:8px;right:8px;top:62px;height:62px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--signal);background:var(--signal-dim);z-index:1}
.reel .win::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b0b0c 0,transparent 30%,transparent 70%,#0b0b0c 100%);z-index:2;pointer-events:none}
.reel .list{position:absolute;left:0;right:0;top:0}
.reel .list div{height:62px;display:flex;align-items:center;justify-content:center;font:900 30px var(--serif);position:relative;z-index:1}
.reel .lbl{display:block;margin-top:10px;text-align:center;font:500 9px var(--mono);letter-spacing:.22em;color:var(--mute)}
.post{position:absolute;left:560px;top:176px;width:240px;height:380px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line-2),0 30px 60px -20px rgba(0,0,0,.9)}
.post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:brightness(.7)}
.post .ov{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 60%)}
.post h3{font:900 30px/1.2 var(--serif);margin:10px 0 8px}
.post .ov .chip{align-self:flex-start}
.post .mono{font-size:8.5px;letter-spacing:.12em;color:#bdbdc2}

/* ================= 成长 ================= */
.x8-200{right:64px;top:80px;display:flex;align-items:center;gap:14px;text-align:left}
.x8-200 b{font:900 72px/1 var(--serif);color:var(--signal)}
.x8-200 span{font:500 13px/1.6 var(--sans);color:var(--mute)}
.x8-lv{position:absolute;left:96px;top:196px;width:380px;height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.x8-lv small{font:500 10px var(--mono);letter-spacing:.3em;color:var(--mute)}
.x8-lv b{font:900 150px/1 var(--serif);margin:6px 0}
.x8-lv span{font:900 20px var(--serif);color:var(--signal)}
.x8-lv.flash b{animation:lvf .8s ease-out}
@keyframes lvf{0%{transform:scale(1.25);color:var(--signal);text-shadow:0 0 40px var(--signal)}100%{transform:none}}
.bub{position:absolute;left:390px;top:186px;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--paper);color:var(--ink);font:500 13px var(--sans);white-space:nowrap;transform-origin:0 100%}
.bub b{display:block;font:500 9px var(--mono);letter-spacing:.2em;color:var(--mute-2);margin-bottom:3px}
.x8-lb{font:500 9.5px var(--mono);letter-spacing:.24em;color:var(--mute)}
#x8pal{display:flex;gap:10px}
#x8pal i{width:52px;height:40px;border-radius:10px;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;place-items:center;transition:background .5s,box-shadow .5s,transform .5s}
#x8pal i.on{transform:translateY(-3px)}
#x8pal i svg,#x8rule svg{width:13px;height:13px;stroke:var(--mute-2);fill:none;stroke-width:2}
#x8rule{display:flex;gap:10px}
#x8rule span{width:98px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font:700 14px var(--sans);color:var(--mute-2);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);transition:all .5s}
#x8rule span.on{color:var(--ink);background:var(--paper);box-shadow:none}
.ach{display:flex;align-items:center;gap:14px;height:48px;padding:0 16px;margin-bottom:8px;border-radius:12px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.ach .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--signal-dim);color:var(--signal)}
.ach .ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}
.ach b{font:700 15px var(--sans)}
.ach>span:not(.ic){font:400 12px var(--sans);color:var(--mute);flex:1}
.ach .ic{flex:none}
.ach em{font:600 11px var(--mono);font-style:normal;color:var(--signal)}

/* ================= 画框皮肤 ================= */
.x9-names{position:absolute;left:64px;top:262px;width:480px;height:150px;overflow:hidden}
.x9-names .list div{height:150px;display:flex;flex-direction:column;justify-content:center}
.x9-names b{font:900 76px/1.1 var(--serif)}
.x9-names span{font:500 12px var(--mono);letter-spacing:.3em;color:var(--signal);margin-top:6px}
.x9-idx{left:64px;top:430px;font:500 11px var(--mono);letter-spacing:.24em;color:var(--mute)}
.x9-f{position:absolute;left:600px;top:176px;width:560px;height:370px}
.x9-f .img{position:absolute;inset:18px;overflow:hidden;border-radius:6px}
.x9-f .img img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.sk{position:absolute;inset:0;opacity:0;pointer-events:none}
.sk .t{position:absolute;left:28px;bottom:28px;font:700 10px var(--mono);letter-spacing:.2em;padding:4px 8px;border-radius:4px}
.sk1{border-radius:6px;box-shadow:inset 0 0 0 3px #ff2bd6,inset 0 0 26px rgba(255,43,214,.6),0 0 30px rgba(255,43,214,.55),0 0 0 10px rgba(0,0,0,0),0 0 0 11px #00f0ff;
 clip-path:polygon(0 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.sk1::after{content:'';position:absolute;inset:18px;background:repeating-linear-gradient(0deg,rgba(0,240,255,.07) 0 2px,transparent 2px 4px);mix-blend-mode:screen}
.sk1 .t{background:#ff2bd6;color:#0b0b0c}
.sk2{border:18px solid #8f1a1a;border-radius:4px;box-shadow:inset 0 0 0 3px #d4a64a,0 0 0 2px #d4a64a}
.sk2 .top{position:absolute;left:-18px;right:-18px;top:-18px;height:18px;background:radial-gradient(circle at 50% 100%,transparent 6px,#d4a64a 7px,transparent 8px,transparent 10px,#d4a64a 11px,transparent 12px) 0 0/22px 11px,#8f1a1a}
.sk2 .t{background:#d4a64a;color:#3a0b0b;left:10px;bottom:10px}
.sk3{border:18px solid #34343a;border-radius:2px;box-shadow:inset 0 0 0 2px #55555c,0 0 0 1px #55555c}
.sk3::before{content:'';position:absolute;left:-12px;right:-12px;top:-12px;height:6px;background:radial-gradient(circle,#8a8a90 2.4px,transparent 3px) 0 0/26px 6px}
.sk3::after{content:'';position:absolute;left:-12px;right:-12px;bottom:-12px;height:6px;background:radial-gradient(circle,#8a8a90 2.4px,transparent 3px) 0 0/26px 6px}
.sk3 .hz{position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(-45deg,#F2C14E 0 10px,#0b0b0c 10px 20px)}
.sk3 .t{background:#F2C14E;color:#0b0b0c;bottom:24px;left:10px}
.sk4{border:16px solid #a8752e;border-radius:10px;border-image:linear-gradient(135deg,#7a4e17,#e6c27a 30%,#8a5a1c 55%,#d9b065 80%,#6b4313) 1;box-shadow:inset 0 0 0 2px #e6c27a}
.sk4 .g{position:absolute;width:64px;height:64px}
.sk4 .g1{left:-40px;top:-40px}.sk4 .g2{right:-40px;bottom:-40px}
.sk4 .t{background:#e6c27a;color:#3b2508;left:10px;bottom:10px}
.sk5::before{content:'';position:absolute;inset:6px;border:1px solid rgba(243,241,236,.5)}
.sk5 .c{position:absolute;width:26px;height:26px;border:0 solid #F3F1EC}
.sk5 .c1{left:0;top:0;border-top-width:3px;border-left-width:3px}.sk5 .c2{right:0;top:0;border-top-width:3px;border-right-width:3px}
.sk5 .c3{left:0;bottom:0;border-bottom-width:3px;border-left-width:3px}.sk5 .c4{right:0;bottom:0;border-bottom-width:3px;border-right-width:3px}
.sk5 .t{background:rgba(11,11,12,.7);color:#F3F1EC;box-shadow:inset 0 0 0 1px rgba(243,241,236,.4)}
.x9-ways{left:600px;top:586px;display:flex;gap:12px}
.x9-ways .w{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;font:600 14px var(--sans);background:rgba(243,241,236,.06);box-shadow:inset 0 0 0 1px var(--line-2)}
.x9-ways .ico{color:var(--signal)}

/* ================= 契约 · 团队画布 ================= */
.x10-t{position:absolute;left:64px;top:190px;width:440px}
.x10-t .mask{display:block}
.x10-t h2{font:900 46px/1.2 var(--serif)}
.x10-t .lead{margin-top:24px}
.paper{position:absolute;left:540px;top:150px;width:676px;height:470px;border-radius:18px;padding:26px 30px;background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -24px rgba(0,0,0,.9)}
.paper .ph{display:flex;justify-content:space-between;font:600 10px var(--mono);letter-spacing:.2em;color:var(--mute-2)}
.paper #x10st.ok{color:#1f8a55}
.paper h3{font:900 30px var(--serif);margin:14px 0 24px}
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sg .s{text-align:center;position:relative}
.sg img{width:92px;height:92px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.2)}
.sg b{display:block;font:900 18px var(--serif);margin-top:10px}
.sg small{display:block;font:500 11px var(--sans);color:var(--mute-2);margin-top:2px}
.sg em{display:block;font:900 22px var(--serif);font-style:normal;margin-top:6px}
.seal{position:absolute;left:50%;top:44px;width:62px;height:62px;margin-left:6px;border-radius:12px;border:3px solid #c0392b;color:#c0392b;display:grid;place-items:center;font:900 26px var(--serif);background:rgba(192,57,43,.06)}
.share{position:absolute;left:30px;right:30px;bottom:26px}
.share .bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:rgba(0,0,0,.08)}
.share .bar i{height:100%}
.share .lab{display:flex;justify-content:space-between;margin-top:8px;font:600 11px var(--sans);color:var(--mute-2)}
.share .lab b{color:var(--ink)}
.tcv{position:absolute;left:540px;top:150px;width:676px;height:470px;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2);
 background:radial-gradient(rgba(243,241,236,.09) 1px,transparent 1.2px) 0 0/18px 18px,#0d0d0f}
.tcv .cvbar{position:absolute;left:16px;top:16px;display:flex;gap:6px;align-items:center;font:500 8.5px var(--mono);letter-spacing:.18em;color:var(--mute);z-index:3}
.tn{position:absolute;width:92px;height:124px;border-radius:8px;overflow:hidden}
.tn img{width:100%;height:100%;object-fit:cover}
.tn.k1{box-shadow:0 0 0 2px #ff2bd6,0 0 16px rgba(255,43,214,.6)}
.tn.k2{box-shadow:0 0 0 5px #8f1a1a,0 0 0 7px #d4a64a}
.tn.k3{box-shadow:0 0 0 5px #b8863b,0 0 0 6px #e6c27a}
.tn.k4{box-shadow:0 0 0 1px #F3F1EC,0 0 0 6px rgba(243,241,236,.08)}
.cur{position:absolute;left:0;top:0;z-index:4;will-change:transform}
.cur svg{width:18px;height:18px;display:block}
.cur span{position:absolute;left:14px;top:14px;font:700 10px var(--sans);padding:3px 7px;border-radius:5px;white-space:nowrap;color:#0b0b0c}

/* ================= 观众共创 ================= */
.cn{position:absolute;width:104px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line-2),0 18px 36px -14px rgba(0,0,0,.9)}
.cn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cn .l{position:absolute;left:6px;bottom:6px;font:600 8px var(--mono);letter-spacing:.1em;background:rgba(0,0,0,.65);padding:2px 5px;border-radius:3px;z-index:2}
.cn.sig{box-shadow:0 0 0 2px var(--signal),0 0 24px rgba(91,228,155,.35)}
.cn .you{position:absolute;inset:0}
.cn .you b{position:absolute;left:50%;top:10px;transform:translateX(-50%);font:900 12px var(--serif);background:var(--signal);color:var(--ink);padding:3px 8px;border-radius:6px;white-space:nowrap}
.cm{position:absolute;width:290px;padding:10px 12px;border-radius:12px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);font:500 14px/1.5 var(--sans)}
.cm small{display:flex;justify-content:space-between;font:500 10px var(--mono);color:var(--mute);margin-bottom:4px}
.cm.pick{box-shadow:inset 0 0 0 1.5px var(--signal)}
.cm .ad{position:absolute;right:-12px;top:-16px;font:900 13px var(--serif);color:var(--signal);border:2px solid var(--signal);padding:2px 8px;border-radius:6px;background:var(--ink)}
.x11-vote{position:absolute;left:880px;top:380px;width:300px}
.vb{position:relative;height:42px;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-bottom:8px;background:rgba(243,241,236,.05);box-shadow:inset 0 0 0 1px var(--line-2);font:600 15px var(--sans)}
.vb i{position:absolute;left:0;top:0;bottom:0;background:rgba(243,241,236,.08)}
.vb.win i{background:var(--signal-dim)}
.vb span,.vb b{position:relative}
.vb b{font:600 13px var(--mono);color:var(--mute)}
.vb.win b{color:var(--signal)}
.x11-fate{position:absolute;left:880px;top:520px;width:320px}
.x11-fate b{display:block;font:900 40px var(--serif);color:var(--signal)}
.x11-fate span{font:400 12.5px var(--sans);color:var(--mute)}
.x11-feat{position:absolute;left:64px;top:628px;display:flex;gap:10px}
.x11-feat span{height:34px;padding:0 15px;border-radius:9px;display:flex;align-items:center;font:700 14px var(--sans);color:var(--mute-2);box-shadow:inset 0 0 0 1px var(--line);transition:all .4s}
.x11-feat span.on{color:var(--ink);background:var(--signal);box-shadow:none}

/* ================= 增长 ================= */
.x12-cap{left:64px;top:628px;font:900 22px var(--serif);white-space:nowrap}
.x12-cap em{font-style:normal;color:var(--signal)}
.gn{position:absolute;width:96px;height:132px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line-2),0 14px 30px -12px rgba(0,0,0,.9)}
.gn img{width:100%;height:100%;object-fit:cover}
.gn.hl{box-shadow:0 0 0 2px var(--signal),0 14px 30px -12px rgba(0,0,0,.9)}
.vcard{position:absolute;left:560px;top:206px;width:160px;height:284px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line-2),0 30px 60px -18px rgba(0,0,0,.9)}
.vcard img{width:100%;height:100%;object-fit:cover}
.vcard .wm{position:absolute;right:8px;top:10px;font:900 11px var(--serif);opacity:.85}
.vcard .pl{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:rgba(243,241,236,.9);color:var(--ink);display:grid;place-items:center;font-size:14px;padding-left:3px}
.vcard .du{position:absolute;left:8px;bottom:8px;font-size:9px;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px}
#x12tags .chip{position:absolute;height:28px;font-size:12.5px;padding:0 11px}
.pc{position:absolute;top:196px;width:120px;text-align:center}
.pc .c{height:200px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line-2),0 20px 40px -14px rgba(0,0,0,.9);position:relative}
.pc .c img{width:100%;height:100%;object-fit:cover}
.pc .c .wm{position:absolute;right:6px;top:8px;font:900 9px var(--serif);opacity:.8}
.pc b{display:block;font:900 20px var(--serif);margin-top:12px}
.pc small{font:500 9px var(--mono);letter-spacing:.14em;color:var(--signal)}
.hub{position:absolute;left:640px;top:584px;height:52px;padding:0 26px;border-radius:26px;display:flex;align-items:center;gap:10px;font:900 24px var(--serif);background:var(--paper);color:var(--ink);box-shadow:0 0 50px rgba(91,228,155,.45)}

/* ================= 数据闭环 ================= */
.x13-l2{position:absolute;font:700 15px var(--sans);white-space:nowrap}
.x13-l2 b{font:900 26px var(--serif);margin-right:6px}
.x13-l2.red{color:#ff8a80}
.x13-l2 small{display:block;font:500 9px var(--mono);letter-spacing:.14em;color:var(--mute)}
.x13-ll{position:absolute;font:900 18px var(--serif);white-space:nowrap}
.x13-c{left:1056px;top:390px;transform:translate(-50%,-50%);text-align:center}
.x13-c b{display:block;font:900 26px var(--serif);color:var(--signal)}
.x13-c span{font:500 9px var(--mono);letter-spacing:.3em;color:var(--mute)}

/* ================= 示范内容 ================= */
.strip{position:absolute;left:0;top:100px;height:404px;width:3200px;background:#050506;padding:22px 0;will-change:transform}
.strip .holes{position:absolute;left:0;right:0;height:22px;display:flex;gap:14px;padding:7px 6px;overflow:hidden}
.strip .holes i{flex:none;width:12px;height:8px;border-radius:2px;background:rgba(243,241,236,.16)}
.strip .holes.t{top:0}.strip .holes.b{bottom:0}
.strip .fr{display:flex;gap:10px;height:360px;padding-left:10px}
.strip .fr div{position:relative;width:203px;height:360px;flex:none;overflow:hidden;border-radius:3px}
.strip .fr img{width:100%;height:100%;object-fit:cover}
.strip .fr span{position:absolute;left:8px;top:8px;font:600 9px var(--mono);letter-spacing:.12em;color:rgba(243,241,236,.8);background:rgba(0,0,0,.5);padding:2px 6px;border-radius:3px}
.x14-t{left:58px;top:512px;font:900 76px/1.1 var(--serif)}
.x14-pt{width:240px;font:400 13px/1.7 var(--sans);color:#9d9da3}
.x14-pt b{display:block;font:900 22px var(--serif);color:var(--paper);margin-bottom:4px}

/* ================= 进度 ================= */
.col3{position:absolute;top:200px;width:368px}
.col3 .hd{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line-2)}
.col3 .hd b{font:900 80px/1 var(--serif);min-width:90px}
.col3 .hd small{display:block;font:500 9px var(--mono);letter-spacing:.24em;color:var(--mute);margin-top:8px}
.col3 .cs{display:flex;flex-wrap:wrap;gap:8px}
.col3 .cs span{height:32px;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;font:600 13px var(--sans);background:rgba(243,241,236,.05);box-shadow:inset 0 0 0 1px var(--line-2);color:#d8d6d0}
#x15a span{box-shadow:inset 0 0 0 1px rgba(91,228,155,.4);color:var(--paper)}
#x15b span{box-shadow:inset 0 0 0 1px rgba(242,193,78,.35)}
#x15c span{color:#a9a9ae}

/* ================= 钻石经济 ================= */
.x16-src,.x16-snk{position:absolute;top:196px;width:290px;display:flex;flex-direction:column}
.x16-src{left:64px}.x16-snk{right:64px;text-align:right}
.x16-src .r,.x16-snk .r{height:62px;display:flex;flex-direction:column;justify-content:center}
.x16-snk .r{height:93px}
.x16-src b,.x16-snk b{font:900 22px var(--serif)}
.x16-src small,.x16-snk small{font:500 11.5px var(--sans);color:var(--mute);margin-top:3px}
.dia{position:absolute;left:540px;top:286px;width:200px;text-align:center;will-change:transform}
.dia svg{width:200px;height:170px;filter:drop-shadow(0 0 30px rgba(91,228,155,.35))}
.dia span{display:block;font:900 22px var(--serif);color:var(--signal);margin-top:6px}
.x16-rule{position:absolute;left:0;right:0;top:624px;display:flex;justify-content:center;gap:14px}
.x16-rule span{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:10px;font:600 14px var(--sans);background:rgba(243,241,236,.05);box-shadow:inset 0 0 0 1px var(--line-2)}
.x16-rule .ico{color:var(--signal)}

/* ================= 合规 ================= */
.x18-q{left:110px;top:560px;width:300px;text-align:center;font:900 26px/1.4 var(--serif)}
.x18-q em{font-style:normal;color:var(--signal)}
.x18-l{position:absolute;left:520px;top:196px;width:696px}
.x18-l .it{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.x18-l .n{font:900 20px var(--serif);color:var(--signal);width:34px}
.x18-l h4{font:900 26px var(--serif);margin-bottom:6px}
.x18-l p{font:400 14px var(--sans);color:#9d9da3}

/* ================= 路线图 ================= */
.now{position:absolute;left:162px;top:200px;font:700 10px var(--mono);letter-spacing:.2em;color:var(--ink);background:var(--signal);padding:4px 8px;border-radius:5px}
.ph4{position:absolute;top:262px;width:276px;height:356px;border-radius:18px;padding:22px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--line-2)}
.ph4 .st{position:absolute;left:50%;top:-33px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px rgba(243,241,236,.4)}
.ph4 .st.on{background:var(--signal);box-shadow:0 0 0 5px rgba(91,228,155,.2),0 0 16px var(--signal)}
.ph4 .per{font:500 10px var(--mono);letter-spacing:.24em;color:var(--signal)}
.ph4 h4{font:900 36px var(--serif);margin:8px 0 6px}
.ph4 small{font:400 12.5px var(--sans);color:var(--mute)}
.ph4 ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:9px}
.ph4 li{font:500 14px var(--sans);color:#d8d6d0;padding-left:16px;position:relative}
.ph4 li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--mute-2)}
.ph4 li em{font:500 10px var(--sans);font-style:normal;color:var(--signal);margin-left:4px}

/* ================= 团队 ================= */
.roll{position:absolute;left:0;right:0;top:0;text-align:center;will-change:transform}
.roll .b0 b{display:block;font:900 84px var(--serif)}
.roll .b0 span{font:500 11px var(--mono);letter-spacing:.4em;color:var(--mute)}
.roll .rb{margin-top:72px}
.roll .r{font:500 11px var(--mono);letter-spacing:.3em;color:var(--signal)}
.roll .nm{display:block;font:900 44px var(--serif);color:var(--mute-2);margin:10px 0 8px;letter-spacing:.1em}
.roll p{font:400 14px/1.7 var(--sans);color:var(--mute)}
.x20::before,.x20::after{content:'';position:absolute;left:0;right:0;height:170px;z-index:2;pointer-events:none}
.x20::before{top:0;background:linear-gradient(180deg,#0a0a0b 45%,transparent)}
.x20::after{bottom:0;background:linear-gradient(0deg,#08080a 40%,transparent)}
.x20 .kk,.x20 .note{z-index:3}

/* ================= 融资 ================= */
.x21-a .mask{display:block}
.x21-a .l{font:900 26px var(--serif);color:var(--mute)}
.x21-a .v{font:900 96px/1.2 var(--serif);white-space:nowrap}
.x21-a .v i,.x21-a .s i{font-style:normal;color:var(--mute-2)}
.x21-a .s{font:900 30px var(--serif)}
.x21-c{left:740px;top:376px;transform:translate(-50%,-50%);text-align:center}
.x21-c b{display:block;font:900 26px var(--serif)}
.x21-c span{font:500 10px var(--mono);letter-spacing:.24em;color:var(--signal)}
.x21-l{position:absolute;left:984px;top:196px;width:240px}
.x21-l .it{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.x21-l .it i{flex:none;width:10px;height:10px;border-radius:3px;margin-top:8px}
.x21-l h4{font:900 20px var(--serif);display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.x21-l h4 em{font-style:normal;color:var(--mute-2)}
.x21-l p{font:400 12px/1.6 var(--sans);color:var(--mute);margin-top:4px}

/* ================= 杀青 ================= */
.clapb{position:absolute;left:390px;top:150px;width:500px}
.clapb .arm{height:58px;border-radius:8px 8px 0 0;background:repeating-linear-gradient(-60deg,var(--paper) 0 34px,var(--ink) 34px 68px);box-shadow:inset 0 0 0 2px var(--paper);transform-origin:8px 100%}
.clapb .cbd{border-radius:0 0 12px 12px;background:#121214;box-shadow:inset 0 0 0 2px var(--paper);padding:22px 26px;margin-top:4px}
.clapb .cbd span{display:block;font:500 9px var(--mono);letter-spacing:.24em;color:var(--mute)}
.clapb .cbd b{font:900 30px var(--serif)}
.clapb .r1{border-bottom:1px solid var(--line-2);padding-bottom:12px}
.clapb .r2{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-2);padding:12px 0}
.clapb .r3{padding-top:14px;font:900 26px var(--serif);color:var(--signal);text-align:center}
.x22-t{position:absolute;left:0;right:0;top:200px;text-align:center;font:900 58px/1.35 var(--serif)}
.x22-t .mask{display:block}
.x22-t em{font-style:normal;color:var(--signal)}
.x22-o{position:absolute;left:50%;top:430px;transform:translateX(-50%);display:flex;gap:14px}
.x22-o .opt{pointer-events:auto;cursor:pointer;width:250px;height:54px;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 18px;border:0;
 font:600 16px var(--sans);color:var(--paper);background:rgba(243,241,236,.06);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .25s,transform .25s}
.x22-o .opt .k{font:600 11px var(--mono);color:var(--mute);width:16px}
.x22-o .opt:hover{background:rgba(243,241,236,.14);transform:translateY(-2px)}
.x22-o .opt.pick{background:var(--signal);color:var(--ink)}
.x22-ct{position:absolute;left:0;right:0;top:520px;text-align:center;font:500 15px var(--sans);color:var(--mute);opacity:0;transition:opacity .6s}
.x22-ct.show{opacity:1}
.x22-ct i{font-style:normal;color:var(--paper)}

.bl{display:inline-block;height:.82em;border-bottom:3px dashed currentColor;opacity:.4;vertical-align:-.04em}
.roll .th{display:block;font:900 28px var(--serif);margin-top:12px}
.x13-ll{z-index:2}

/* ===== 修正：播放键居中 ===== */
.vcard .pl{padding:0;display:flex;align-items:center;justify-content:center}
.vcard .pl svg{width:18px;height:18px;fill:var(--ink);transform:translateX(1.5px)}

/* ===== 画框皮肤 v2：用真实皮肤设计稿 ===== */
.x9-bg{position:absolute;inset:-20px}
.x9-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(1.15)}
.x9-veil{position:absolute;inset:0;background:linear-gradient(90deg,#08080a 0%,rgba(8,8,10,.92) 38%,rgba(8,8,10,.45) 62%,rgba(8,8,10,.7) 100%),linear-gradient(0deg,rgba(8,8,10,.8),transparent 30%)}
.x9 .kk,.x9 .title,.x9 .abs{z-index:2}
.x9-names{z-index:2}
.x9-names b{font:900 64px/1.1 var(--serif);white-space:nowrap}
.x9-thumbs{left:64px;top:568px;display:flex;gap:8px}
.x9-thumbs i{position:relative;width:42px;height:56px;border-radius:7px;overflow:hidden;opacity:.45;transition:opacity .3s,transform .3s,box-shadow .3s;box-shadow:0 0 0 1px var(--line-2)}
.x9-thumbs i img{width:100%;height:100%;object-fit:cover}
.x9-thumbs i.on{opacity:1;transform:translateY(-6px);box-shadow:0 0 0 2px var(--signal),0 8px 20px -6px rgba(0,0,0,.8)}
.x9-node{position:absolute;left:590px;top:138px;width:356px;height:475px;z-index:2;filter:drop-shadow(0 30px 50px rgba(0,0,0,.75))}
.x9-node img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity,transform}
.x9-get{position:absolute;left:986px;top:420px;width:230px;z-index:2}
.x9-get .l{display:block;font:500 9px var(--mono);letter-spacing:.24em;color:var(--mute)}
.x9-get b{display:block;font:900 30px var(--serif);margin:8px 0 10px;color:var(--signal)}
.x9-get .w{font:400 12px/1.7 var(--sans);color:var(--mute)}

/* ===== 团队画布 v2：真实界面 ===== */
.x10-t2{position:absolute;left:64px;top:96px;right:64px;z-index:3}
.x10-t2 .mask{display:block}
.x10-t2 h2{font:900 46px/1.15 var(--serif)}
.x10-t2 p{font:400 15px/1.7 var(--sans);color:#a9a9ae;margin-top:12px}
.x10-t2 p b{color:var(--paper);font-weight:600}
.tcv{left:64px;top:206px;width:1152px;height:440px;background:#050506;box-shadow:0 0 0 1px var(--line-2),0 40px 80px -30px rgba(0,0,0,.9)}
.tcv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 40%}
.tcv .hl{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translateX(-100%)}
.x9-names .list{position:relative;height:150px}
.x9-names .list div{position:absolute;left:0;right:0;top:0;opacity:0}
.x9-node img{-webkit-mask-image:radial-gradient(ellipse 74% 70% at 50% 50%,#000 74%,transparent 100%);mask-image:radial-gradient(ellipse 74% 70% at 50% 50%,#000 74%,transparent 100%)}
.x9-veil{background:linear-gradient(90deg,#08080a 0%,rgba(8,8,10,.9) 38%,rgba(8,8,10,.3) 62%,rgba(8,8,10,.55) 100%),linear-gradient(0deg,rgba(8,8,10,.8),transparent 30%)}
.tcv .cur svg{width:24px;height:24px}
.tcv .cur span{left:18px;top:18px;font-size:12px;padding:4px 9px}
.x9-node img{mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 62%,transparent 100%)}
/* 人脸框标签放到框下方，避免被照片边缘裁掉 */
.fb b{top:auto;bottom:-21px;left:50%;transform:translateX(-50%)}
/* 播放键加大 */
/* 自动放映 · 字幕 */
.g-bs{display:flex;gap:14px;justify-content:center}
.g-b.g2{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);animation:none}
.g-b.g2:hover{background:rgba(243,241,236,.08)}
#subt{position:absolute;left:50%;bottom:62px;transform:translateX(-50%) translateY(8px);max-width:900px;padding:9px 18px;border-radius:10px;
 font:600 19px/1.55 var(--sans);text-align:center;color:var(--paper);background:rgba(6,6,7,.78);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line);
 opacity:0;transition:opacity .35s,transform .35s;pointer-events:none}
#subt.show{opacity:1;transform:translateX(-50%)}
#hud .auto{position:absolute;right:64px;top:44px;font:600 8.5px var(--mono);letter-spacing:.24em;color:var(--alarm);opacity:0;transition:opacity .3s}
#hud .auto.on{opacity:1}
.vcard .pl{width:60px;height:60px;margin:-30px}
.vcard .pl svg{width:48px;height:48px;transform:translateX(3.5px)}
/* 手机竖屏提示 */
#rot{display:none}
@media (orientation:portrait) and (max-width:900px){
 #rot{display:grid;place-items:center;position:fixed;inset:0;z-index:1000;background:rgba(5,5,6,.94);color:#F3F1EC;text-align:center;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
 #rot svg{width:56px;height:56px;stroke:#5BE49B;fill:none;stroke-width:1.5;stroke-linecap:round;display:block;margin:0 auto 18px;animation:rotp 2.4s ease-in-out infinite}
 #rot b{display:block;font-size:22px;font-weight:900;margin-bottom:10px}
 #rot span{font-size:13px;color:#8B8B90}
}
@keyframes rotp{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}