/* 指挥单 25 V1：新首屏动态舞台。仅首页与英文首页加载。
   原则：首帧即最终画面（markup 内联最终态），动画在其上循环；
   prefers-reduced-motion 下无动画；手机端纵向堆叠、隐藏连线与设备卡。 */

.z-live{position:relative;overflow:hidden}
/* H1 短语不拆词（沿用指挥单 16 规则） */
.z-h1 .nw{white-space:nowrap}
/* 英文词组长，禁 nowrap 后降字号保持首屏平衡 */
.z-h1.z-h1-en{font-size:clamp(26px,2.2vw,34px);line-height:1.24}
/* 指挥单 26-T2-1：H1 1440 下最多 3 行，与导语间距 ≥24px */
.z-h1:not(.z-h1-en){font-size:clamp(28px,2.55vw,38px);line-height:1.28;margin-bottom:24px}
.z-live__bg{position:absolute;inset:0;pointer-events:none}
.z-live__bg::before{content:"";position:absolute;inset:-10%;background:
 radial-gradient(40% 50% at 72% 45%,rgba(240,111,0,.16),transparent 70%),
 radial-gradient(30% 40% at 15% 90%,rgba(240,111,0,.06),transparent 70%)}
.z-live__bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(245,243,240,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(70% 70% at 65% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 70% at 65% 45%,#000 30%,transparent 80%)}
.z-live__inner{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(40px,6vw,88px) 48px}
.z-live__copy .z-lede{color:#C9C4BC}

/* ---- 舞台 ---- */
.z-live__stage{position:relative;aspect-ratio:1.18/1;perspective:1600px;max-width:100%}
.z-lv-lap,.z-lv-ai,.z-lv-ph,.z-lv-dev{position:absolute;will-change:transform}
.z-lv-lap{left:2%;top:4%;width:78%}
.z-lv-scr{transform:rotateY(-16deg) rotateX(6deg);transform-origin:left center;background:#07080a;border:1px solid #2c3139;border-radius:12px;padding:8px;box-shadow:0 60px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(240,111,0,.08),30px 0 80px -30px rgba(240,111,0,.25)}
.z-lv-scr img{display:block;width:100%;height:auto;border-radius:6px;filter:saturate(.85) brightness(.92)}
.z-lv-kpi{position:absolute;left:21%;top:21%;width:21%;height:9%;border-radius:6px;box-shadow:0 0 0 2px var(--z-signal,#F06F00),0 0 24px rgba(240,111,0,.6);opacity:0;transition:opacity .4s}
.z-hit .z-lv-kpi{opacity:1}
.z-lv-card{background:linear-gradient(180deg,rgba(29,27,24,.92),rgba(20,18,16,.96));border:1px solid var(--z-line-2);border-radius:14px;backdrop-filter:blur(10px);box-shadow:0 30px 60px -25px rgba(0,0,0,.85)}

/* AI 问数卡 */
.z-lv-ai{left:28%;top:44%;width:43%;padding:16px 16px 14px}
.z-lv-ai-hd{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--z-text-2)}
.z-lv-ai-hd b{color:var(--z-brand-text);font-weight:700;letter-spacing:.06em}
.z-lv-q{margin-top:10px;font-size:15px;min-height:22px;color:var(--z-text)}
.z-lv-q::after{content:"";display:inline-block;width:2px;height:16px;background:var(--z-signal);vertical-align:-2px;margin-left:2px;animation:z-lv-blink 1s steps(1) infinite}
@keyframes z-lv-blink{50%{opacity:0}}
.z-lv-sql{margin-top:10px;font-family:var(--z-mono);font-size:11px;line-height:1.55;color:#8FA1B5;background:#0c0e11;border:1px solid #20242b;border-radius:8px;padding:8px 10px;white-space:pre;overflow:hidden;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.z-lv-sql .k{color:#EE914E}
.z-show .z-lv-sql{opacity:1;transform:none}
.z-lv-bars{margin-top:10px;display:grid;gap:6px}
.z-lv-bar{display:grid;grid-template-columns:7.5em 1fr 5.2em;align-items:center;gap:8px;font-size:11.5px;color:#C9C4BC}
.z-lv-bar .t{height:8px;border-radius:4px;background:#26221d;overflow:hidden}
.z-lv-bar .t i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--z-signal),#EE914E);transition:width .9s var(--z-ease)}
.z-lv-bar em{font-style:normal;font-family:var(--z-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--z-text)}
.z-lv-ai-ft{margin-top:10px;font-size:11px;color:var(--z-text-3);display:flex;gap:10px}
.z-lv-ai-ft span::before{content:"✓ ";color:var(--z-ok-text)}

/* 手机 */
.z-lv-ph{right:0;top:12%;width:27%;aspect-ratio:9/19;background:#050607;border:1px solid #30353d;border-radius:34px;padding:9px;box-shadow:0 50px 70px -30px rgba(0,0,0,.95),0 0 60px -20px rgba(240,111,0,.35)}
.z-lv-ph-in{position:relative;height:100%;border-radius:26px;background:linear-gradient(180deg,#15181d,#0e1013);overflow:hidden;padding:30px 12px 12px}
.z-lv-isl{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34%;height:16px;border-radius:10px;background:#000}
.z-lv-ttl{font-size:11px;color:var(--z-text-2)}
.z-lv-nm{font-size:14px;font-weight:700;margin-top:2px}
.z-lv-gauge{margin:14px auto 0;width:78%;aspect-ratio:1;position:relative}
.z-lv-gauge svg{width:100%;height:100%}
.z-lv-v{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.z-lv-v b{font-family:var(--z-mono);font-size:22px;font-variant-numeric:tabular-nums}
.z-lv-v small{font-size:10px;color:var(--z-text-2)}
.z-lv-rows{margin-top:12px;display:grid;gap:6px;font-size:10.5px}
.z-lv-rows div{display:flex;justify-content:space-between;color:var(--z-text-2);border-top:1px solid #26221d;padding-top:6px}
.z-lv-rows b{font-family:var(--z-mono);color:var(--z-text);font-weight:400}
.z-lv-push{position:absolute;left:8px;right:8px;top:8px;background:rgba(42,39,35,.96);border:1px solid #4a4640;border-radius:14px;padding:9px 10px;font-size:10.5px;line-height:1.45;transform:translateY(-130%);transition:transform .5s cubic-bezier(.2,.8,.2,1.1)}
.z-lv-push b{display:block;color:#EE914E;font-size:10px;letter-spacing:.04em}
.z-alert .z-lv-push{transform:none}

/* 设备卡 */
.z-lv-dev{left:0;bottom:2%;width:25%;padding:12px}
.z-lv-dev-top{display:flex;align-items:center;gap:10px}
.z-lv-dev svg{width:44px;height:44px;flex:none}
.z-lv-led{animation:z-lv-led 1.2s infinite}
@keyframes z-lv-led{50%{opacity:.25}}
.z-lv-dev b{font-size:13px}
.z-lv-dev small{display:block;font-size:10.5px;color:var(--z-text-2)}
.z-lv-dev pre{margin:10px 0 0;font-family:var(--z-mono);font-size:10.5px;color:#8FA1B5;line-height:1.6}
.z-lv-dev pre em{font-style:normal;color:#EE914E}

/* 连线与标签 */
.z-lv-wire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.z-lv-wire path{fill:none;stroke:rgba(240,111,0,.18);stroke-width:1.5}
.z-lv-pulse{stroke:var(--z-signal,#F06F00)!important;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--z-signal,#F06F00))}
.z-lv-tag{position:absolute;font-family:var(--z-mono);font-size:10.5px;color:#EE914E;background:rgba(14,13,11,.8);border:1px solid rgba(240,111,0,.35);padding:3px 8px;border-radius:999px;white-space:nowrap}
.z-live__note{position:relative;margin:20px 0 0;font-size:12px;color:var(--z-text-3)}

/* ---- 手机端：纵向堆叠，隐藏连线与设备卡，不互相遮挡 ---- */
@media (max-width:1023px){
 .z-live__inner{grid-template-columns:1fr;gap:32px}
 .z-live__stage{aspect-ratio:auto;perspective:none;display:flex;flex-direction:column;gap:16px;margin-top:4px}
 .z-lv-lap,.z-lv-ai,.z-lv-ph{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%}
 .z-lv-lap{order:1}.z-lv-ai{order:2}.z-lv-ph{order:3;width:62%;margin-inline:auto;aspect-ratio:9/16}
 .z-lv-scr{transform:none}
 .z-lv-dev,.z-lv-wire,.z-lv-tag{display:none}
}
@media (max-width:480px){
 .z-lv-bar{grid-template-columns:6.4em 1fr 4.6em;font-size:10.5px}
 .z-lv-sql{font-size:9px}
 .z-lv-ph{width:78%}
}

/* 减少动画：只看静态最终画面 */
@media (prefers-reduced-motion:reduce){
 .z-live *,.z-live *::before,.z-live *::after{animation:none!important;transition:none!important}
}