/* A「现场办 R3」（千云猫 · 大会主题）：深海军蓝舞台底 · 品牌青色进度带 · 工单卡 · 办理区 · 金色交付栏。颜色分工：青 = 办理中 / 品牌，金 = 已交付 / 证书 / 揭晓，橙 = 品牌按钮。字号分级：L1 ≥100px（50cm）/ L2 64–80 / L3 36–48 / L4 ≤30（主屏画布 1px = 5mm） */
.skin-A { --bg: #070C18; --ink: #EEF5FF; --soft: #7EDCF2; --cyan: #22C7E8; --brand: #00B4D8; --gold: #FFC83D; --mute: #7E8DA6; --red: #E5402A; --paper: #F6F9FC; --lo: #7FD8A8; --md: #FFA24A; --hi: #FF6A55; --hole: #070C18; color: var(--ink); font-family: 'QHei', sans-serif; font-weight: 900; }
.skin-A .bgA { position: absolute; inset: 0; background:
  radial-gradient(60% 46% at 50% 38%, rgba(0,180,216,.085), transparent 70%),
  linear-gradient(180deg, #04070F 0%, #070C18 13%, #081022 60%, #050913 100%); }
/* 主屏下部：舞台地面网格（静态，只作氛围） */
.skin-A.scr-M .bgA::before { content: ''; position: absolute; left: 0; right: 0; top: 440px; bottom: 0; background:
  linear-gradient(180deg, rgba(7,12,24,0) 0%, rgba(7,12,24,.55) 55%, #070C18 100%),
  repeating-linear-gradient(90deg, rgba(0,180,216,.10) 0 2px, transparent 2px 100px),
  repeating-linear-gradient(0deg, rgba(0,180,216,.07) 0 2px, transparent 2px 44px); }
.skin-A .bgA::after { content: ''; position: absolute; inset: 0; background-image: var(--noise); opacity: .07; mix-blend-mode: screen; }
.skin-A canvas.fx { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.skin-A .abs { position: absolute; }
.skin-A .fade { transition: opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1); opacity: 0; pointer-events: none; }
.skin-A .fade.show { opacity: 1; }
.skin-A .off { opacity: 0 !important; }

/* 进度带底线（y=434）：品牌青色光带 */
.skin-A .baseline { left: 0; top: 431px; width: 2000px; height: 6px; transform-origin: 0 50%; background: linear-gradient(90deg, rgba(0,180,216,.15), #5FD8F2 18%, #BFF3FF 50%, #5FD8F2 82%, rgba(0,180,216,.15)); box-shadow: 0 0 18px rgba(0,180,216,.6), 0 0 60px rgba(0,140,220,.3); border-radius: 3px; opacity: .55; }
.skin-A .floor-glow { left: 0; top: 437px; width: 2000px; height: 263px; background: linear-gradient(180deg, rgba(0,170,220,.13), rgba(0,120,200,.04) 40%, transparent 80%); }
.skin-A .truss { left: 0; top: 0; width: 2000px; height: 84px; background: linear-gradient(180deg, #02040A, rgba(2,4,10,0)); }

/* 进度带：节点压在底线上，节点名在线下（近读） */
.skin-A .band { left: 0; top: 0; width: 2000px; height: 700px; opacity: 0; transition: opacity .5s; pointer-events: none; }
.skin-A .band.show { opacity: 1; }
.skin-A .bfill { position: absolute; left: 110px; top: 430px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, #00B4D8, #BFF3FF); box-shadow: 0 0 18px rgba(0,180,216,.85); transition: width .6s cubic-bezier(.3,.8,.3,1); }
.skin-A .nd { position: absolute; top: 434px; width: 0; height: 0; }
.skin-A .nd i { position: absolute; left: -16px; top: -16px; width: 32px; height: 32px; border-radius: 50%; background: #1A2538; border: 5px solid #3A4C66; transition: all .45s; }
.skin-A .nd span { position: absolute; top: 24px; left: 0; transform: translateX(-50%); white-space: nowrap; font-size: 30px; color: #6F819C; transition: color .45s; }
.skin-A .nd.done i { background: var(--cyan); border-color: #BFF3FF; box-shadow: 0 0 18px rgba(0,180,216,.8); }
.skin-A .nd.done span { color: #E2ECF8; }
.skin-A .nd.cur i { left: -22px; top: -22px; width: 44px; height: 44px; background: #E6FAFF; border-color: #fff; animation: ndPulse 1.3s ease-in-out infinite; }
.skin-A .nd.cur span { color: #fff; }
@keyframes ndPulse { 50% { box-shadow: 0 0 34px rgba(160,240,255,.95), 0 0 70px rgba(0,180,216,.5); } }
.skin-A .nd.gov i { background: #070C18; border: 5px dashed #5E7190; }
.skin-A .nd.gov span { color: #5E7190; font-weight: 700; }
.skin-A .bdiv { position: absolute; top: 398px; height: 76px; width: 0; border-left: 4px dashed rgba(238,245,255,.4); }
.skin-A .boff { position: absolute; top: 396px; transform: translateX(-50%); font-size: 28px; line-height: 32px; color: rgba(238,245,255,.62); font-weight: 700; white-space: nowrap; padding: 0 16px; border-radius: 8px; background: rgba(7,12,24,.85); }

/* 工单卡（左）：白卡 + 品牌青色抬头（交付后变金：金 = 已交付），从左侧滑入（不越出主读带） */
.skin-A .ticket { left: 40px; top: 92px; width: 360px; height: 318px; }
.skin-A .ticket .paper { position: absolute; inset: 0; background: var(--paper); color: #0D1B2E; border-radius: 14px; box-shadow: 0 10px 40px rgba(0,0,0,.5), 0 0 0 3px rgba(0,180,216,.55), 0 0 40px rgba(0,180,216,.25); overflow: hidden; }
.skin-A .tk-head { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background: linear-gradient(90deg, #00B4D8, #1C8FE0); color: #fff; transition: background .4s; }
.skin-A .tk-head.done { background: linear-gradient(90deg, #F2B21F, #FFD45C); color: #0A1424; }
.skin-A .tk-head.done .tk-kind { display: none; }
.skin-A .tk-tag { font-size: 30px; line-height: 36px; letter-spacing: .06em; white-space: nowrap; }
.skin-A .tk-kind { font-size: 24px; line-height: 30px; padding: 0 10px; border-radius: 8px; border: 2px solid rgba(255,255,255,.7); white-space: nowrap; }
.skin-A .tk-in { padding: 4px 22px 0; }
.skin-A .tk-name { font-size: 92px; line-height: 92px; letter-spacing: -.01em; white-space: nowrap; }
.skin-A .tk-biz { font-size: 52px; line-height: 56px; color: #1D3557; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-A .tk-detail { font-size: 24px; line-height: 28px; color: #5A6E8A; font-weight: 700; white-space: nowrap; overflow: hidden; }
/* 工单卡层次（R6）：桌号 → 事项 → 来话（客户原话，同意上屏才有）→ 用时；来话最多两行，不挤掉用时 */
.skin-A .tk-quote { font-size: 24px; line-height: 28px; color: #2B4A6F; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 56px; }
.skin-A .ticket:not(.hasq) .tk-quote { display: none; }
.skin-A .ticket.hasq .tk-detail { display: none; }
.skin-A .ticket.hasq .tk-name { line-height: 80px; } .skin-A .ticket.hasq .tk-biz { font-size: 46px; line-height: 50px; } .skin-A .ticket.hasq .tk-quote { margin-top: 2px; }
.skin-A .tk-line { margin: 6px -22px 0; border-top: 3px solid #DCE5EF; }
.skin-A .tk-time { display: flex; align-items: center; gap: 10px; margin-top: 0; height: 64px; overflow: hidden; } /* R6：定高，原来按基线排会撑到 86px、底边被卡片裁掉 */
.skin-A .tk-time > span { font-size: 30px; line-height: 34px; color: #5A6E8A; white-space: nowrap; }
.skin-A .tk-time b { font-size: 64px; line-height: 64px; color: #0D1B2E; }
.skin-A .tk-time.h b { font-size: 46px; line-height: 64px; } /* 开张全套是 时:分:秒 8 位，数字恢复大字后要小一档才放得下 */

/* 中区面板（x 430–1570） */
.skin-A .panel { left: 430px; top: 88px; width: 1140px; height: 310px; }
.skin-A .panel.wide { width: 1530px; }
.skin-A .panel.full { left: 40px; width: 1920px; }
.skin-A .hdr { display: flex; align-items: center; gap: 22px; height: 100px; }
.skin-A .badge { position: relative; width: 96px; height: 96px; border-radius: 50%; display: grid; place-items: center; flex: none; background: radial-gradient(circle at 50% 40%, var(--pc30), var(--pc8)); box-shadow: 0 0 0 4px var(--pc70), 0 0 40px var(--pc45); color: var(--pc); }
.skin-A .badge .ico { width: 64px; height: 64px; }
.skin-A .nm { font-size: 100px; line-height: 1; letter-spacing: .02em; color: #fff; white-space: nowrap; }
.skin-A .role { font-size: 40px; padding: 6px 16px; border-radius: 12px; color: var(--pc); background: var(--pc16); border: 3px solid var(--pc55); white-space: nowrap; }
.skin-A .act { font-size: 64px; color: #D6E4F5; white-space: nowrap; }
.skin-A .act::before { content: '· '; color: var(--mute); }
.skin-A .body { position: absolute; left: 0; right: 0; top: 116px; bottom: 0; }
.skin-A .big { font-size: 96px; line-height: 120px; white-space: nowrap; }
.skin-A .mask { display: inline-block; width: .92em; height: .86em; margin: 0 .04em; vertical-align: -.08em; background: var(--red); border-radius: 6px; box-shadow: 0 0 24px rgba(229,64,42,.7); }
.skin-A .ch { display: inline-block; transition: opacity .18s, transform .18s; }
.skin-A .ch.off { opacity: 0; transform: translateY(18px); }
.skin-A .l2line { font-size: 64px; line-height: 78px; color: #E2ECF8; white-space: nowrap; transition: opacity .4s; }
.skin-A .note { margin-top: 6px; font-size: 34px; line-height: 40px; color: var(--soft); white-space: nowrap; transition: opacity .4s; }

/* 拆单 */
.skin-A .chips { display: flex; gap: 22px; height: 100px; }
.skin-A .chip { display: flex; align-items: center; padding: 12px 26px; border-radius: 16px; font-size: 56px; color: #fff; background: var(--pc20); border: 4px solid var(--pc); box-shadow: 0 0 30px var(--pc35); transition: opacity .3s, transform .5s; white-space: nowrap; }
.skin-A .chip.gone { opacity: 0; transform: translateY(120px) scale(.6); }
.skin-A .sum { margin-top: 6px; color: var(--gold); }

/* 实时检索：45 格扫描条 */
.skin-A .scan { display: flex; gap: 3px; height: 64px; }
.skin-A .scan i { flex: 1; border-radius: 5px; background: #121B2C; border: 2px solid #22324A; transition: background .2s, box-shadow .3s, transform .3s; }
.skin-A .scan i.on { background: rgba(51,214,200,.55); border-color: #33D6C8; }
.skin-A .scan i.lo { background: var(--lo); border-color: #fff; box-shadow: 0 0 20px var(--lo); transform: scaleY(1.25); }
.skin-A .scan i.md { background: var(--md); border-color: #fff; box-shadow: 0 0 20px var(--md); transform: scaleY(1.25); }
.skin-A .scnt { margin-top: 26px; }

/* 风险签：风险等级是必读信息，用 L1（≥100px）；颜色 + 形状一起区分（不单靠红绿） */
.skin-A .riskv .body { top: 104px; }
.skin-A .pills { display: flex; gap: 12px; align-items: stretch; }
.skin-A .pill { width: 372px; height: 152px; padding: 6px 16px; border-radius: 18px; background: #0F1828; border: 5px solid #22324A; }
.skin-A .pill .pc { display: flex; align-items: center; gap: 10px; font-size: 34px; line-height: 38px; color: #D6E4F5; white-space: nowrap; }
.skin-A .pill .pc i { width: 30px; height: 30px; flex: none; }
.skin-A .pill .pr { font-size: 100px; line-height: 100px; white-space: nowrap; }
.skin-A .pill.lo { border-color: var(--lo); box-shadow: 0 0 34px rgba(127,216,168,.25); } .skin-A .pill.lo .pr { color: var(--lo); } .skin-A .pill.lo .pc i { border-radius: 50%; background: var(--lo); }
.skin-A .pill.md { border-color: var(--md); box-shadow: 0 0 34px rgba(255,162,74,.25); } .skin-A .pill.md .pr { color: var(--md); } .skin-A .pill.md .pc i { border-radius: 50%; border: 5px solid var(--md); background: linear-gradient(90deg, var(--md) 50%, transparent 50%); }
.skin-A .pill.hi { border-color: var(--hi); } .skin-A .pill.hi .pr { color: var(--hi); } .skin-A .pill.hi .pc i { border: 5px solid var(--hi); border-radius: 4px; }
.skin-A .qsent { align-self: center; margin-left: 26px; font-size: 48px; line-height: 58px; color: var(--soft); white-space: nowrap; }
.skin-A .riskv .note { margin-top: 4px; }

/* 申请档案（两栏：左文字，右文书 + 手机） */
.skin-A .twocol .hdr { width: 640px; }
.skin-A .twocol .hdr .act { display: none; }
.skin-A .twocol .body { right: auto; width: 640px; }
.skin-A .lines > div { white-space: nowrap; transition: opacity .4s; }
.skin-A .lines > div:first-child { font-size: 60px; line-height: 74px; color: #fff; }
.skin-A .lines .k { font-size: 36px; line-height: 46px; color: #D6E4F5; }
.skin-A .lines .state small { font-size: 26px; color: #2D4A6B; margin-left: 12px; font-weight: 700; }
.skin-A .lines .state { display: inline-block; margin-top: 8px; font-size: 38px; line-height: 50px; padding: 0 18px; border-radius: 10px; color: #0A1424; background: var(--soft); }
.skin-A .media-r { position: absolute; right: 0; top: 0; width: 480px; height: 310px; }
.skin-A .docs { position: absolute; left: 0; top: 10px; width: 330px; height: 290px; }
.skin-A .doc { position: absolute; left: 0; top: 0; width: 200px; height: 262px; padding: 18px 16px; border-radius: 6px; background: #F7FAFD; color: #10213A; box-shadow: 0 10px 34px rgba(0,0,0,.6); transition: opacity .5s, transform .6s cubic-bezier(.2,.8,.2,1); }
.skin-A .doc + .doc { left: 120px; top: 20px; }
.skin-A .doc-h { font-size: 22px; line-height: 28px; text-align: center; margin-bottom: 14px; }
.skin-A .doc-l { height: 10px; margin: 12px 0; border-radius: 5px; background: rgba(16,33,58,.16); } .skin-A .doc-l.s { width: 64%; }
.skin-A .doc-f { position: absolute; left: 16px; right: 16px; bottom: 16px; font-size: 18px; color: #C0412A; border: 3px solid #C0412A; border-radius: 6px; text-align: center; line-height: 30px; }
.skin-A .media-r .phone { position: absolute; right: 0; top: 0; transition: opacity .5s; }

/* 手机小样 */
.skin-A .phone { width: 150px; height: 296px; border-radius: 26px; background: #0F1726; border: 5px solid #33445E; padding: 22px 12px 10px; box-shadow: 0 10px 40px rgba(0,0,0,.6), 0 0 30px rgba(0,180,216,.25); font-family: 'QHei'; }
.skin-A .ph-notch { position: absolute; left: 50%; top: 7px; width: 40px; height: 6px; margin-left: -20px; border-radius: 3px; background: #33445E; }
.skin-A .ph-app { font-size: 14px; color: #FD4D1D; margin-bottom: 8px; }
.skin-A .pc-t { font-size: 16px; color: #fff; margin-bottom: 10px; line-height: 20px; }
.skin-A .pc-row { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #D6E4F5; line-height: 30px; font-weight: 700; white-space: nowrap; }
.skin-A .pc-row i { width: 12px; height: 12px; border-radius: 50%; flex: none; }
.skin-A .pc-row i.ok, .skin-A .pc-row i.lo { background: var(--lo); } .skin-A .pc-row i.md { border: 3px solid var(--md); }
.skin-A .pc-btn { margin-top: 18px; text-align: center; font-size: 15px; line-height: 32px; border-radius: 16px; background: #FD4D1D; color: #fff; }
.skin-A .pc-note { margin-top: 12px; font-size: 11px; color: var(--soft); line-height: 16px; }

/* 第二单：票据识别 / 分类 */
.skin-A .rcs { display: grid; grid-template-columns: repeat(16, 60px); gap: 10px 8px; }
.skin-A .rc { position: relative; height: 84px; border-radius: 4px; padding: 10px 7px 0; background: #26334A; transition: background .3s, box-shadow .3s; }
.skin-A .rc b { display: block; height: 8px; width: 70%; margin: 0 auto 7px; border-radius: 4px; background: rgba(255,255,255,.2); }
.skin-A .rc i { display: block; height: 5px; margin: 5px 0; border-radius: 3px; background: rgba(255,255,255,.14); }
.skin-A .rc em { position: absolute; inset: -4px; border: 4px solid transparent; border-radius: 7px; transition: border-color .3s; }
.skin-A .rc.on { background: #EEF3F9; box-shadow: 0 0 18px rgba(51,214,200,.35); }
.skin-A .rc.on b { background: rgba(16,33,58,.5); } .skin-A .rc.on i { background: rgba(16,33,58,.28); }
.skin-A .rc.on em { border-color: #33D6C8; }
.skin-A .cats { display: flex; gap: 20px; }
.skin-A .cat { width: 168px; text-align: center; padding: 10px 0 8px; border-radius: 16px; background: #0F1828; border: 4px solid #22324A; }
.skin-A .cat b { display: block; font-size: 92px; line-height: 104px; color: #fff; }
.skin-A .cat span { font-size: 38px; line-height: 46px; color: #D6E4F5; white-space: nowrap; }
.skin-A .cat.pers { border-color: rgba(229,64,42,.6); } .skin-A .cat.pers b { color: #FF9A85; }
.skin-A .flagrow { display: flex; align-items: center; gap: 26px; height: 100px; }
.skin-A .flagrow .rc { width: 62px; height: 88px; background: #EEF3F9; transform: rotate(-4deg); }
.skin-A .flagrow .rc em { border-color: var(--red); border-radius: 50%; inset: -14px; border-width: 6px; }
.skin-A .flagrow .fl { font-size: 52px; color: #FF9A85; white-space: nowrap; }

/* 对话 / 把关 */
.skin-A .duo .col { position: absolute; top: 6px; width: 200px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.skin-A .duo .col .badge { width: 120px; height: 120px; } .skin-A .duo .col .badge .ico { width: 80px; height: 80px; }
.skin-A .duo .col .nm { font-size: 72px; }
.skin-A .duo .col .role { font-size: 36px; }
.skin-A .duo .ca { left: 0; } .skin-A .duo .cb { right: 0; }
.skin-A .duo .mid { position: absolute; left: 212px; width: 716px; top: 0; height: 252px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.skin-A .bub { position: relative; align-self: flex-start; max-width: 716px; padding: 12px 26px 14px; border-radius: 22px; background: #121C2E; border: 3px solid var(--pc70); box-shadow: 0 0 30px var(--pc25); transition: opacity .35s, transform .35s; }
.skin-A .bub.b { align-self: flex-end; }
.skin-A .bub.off { opacity: 0; transform: translateY(24px); }
.skin-A .bub .t { font-size: 70px; line-height: 84px; white-space: nowrap; }
.skin-A .bub .s { font-size: 38px; line-height: 46px; color: #A7B8CE; font-weight: 700; white-space: nowrap; }
.skin-A .withmedia .bub { padding: 8px 22px 10px; }
.skin-A .withmedia .bub .t { font-size: 64px; line-height: 74px; }
.skin-A .withmedia .bub:not(:last-child) .s, .skin-A .mid.nosub .bub .s { display: none; }
.skin-A .withmedia .bub .s { font-size: 32px; line-height: 38px; }
.skin-A .stream2 { font-size: 70px; line-height: 84px; white-space: nowrap; color: #fff; text-align: center; }
.skin-A .marks { position: relative; display: flex; gap: 14px; justify-content: center; align-items: center; height: 140px; }
.skin-A .marks .wm { width: 220px; height: 138px; display: block; border-radius: 10px; box-shadow: 0 8px 26px rgba(0,0,0,.55); }
.skin-A .marks.bwon .wm { box-shadow: 0 0 0 4px rgba(255,255,255,.7), 0 8px 26px rgba(0,0,0,.55); }
.skin-A .marks .mk { font-size: 44px; line-height: 52px; color: #fff; } .skin-A .marks .mk small { font-size: 28px; color: #A9BAD1; font-weight: 700; }
.skin-A .marks .aibadge { right: auto; left: -4px; top: -30px; }
/* 字标正式设计（R4.a1）：等待时速写变暗 + 「设计中」；揭晓时三张卡依次弹出、轮流点亮，底下一行换成那一版的一句话 */
.skin-A .marks.dwait .wm { opacity: .45; filter: saturate(.6); }
.skin-A .dsgn { position: relative; display: flex; gap: 18px; justify-content: center; align-items: flex-start; height: 140px; }
.skin-A .dsgn .dc { position: relative; margin: 0; width: 222px; text-align: center; transition: opacity .45s, transform .45s cubic-bezier(.3,1.5,.5,1), box-shadow .3s; }
.skin-A .dsgn .dc.off { opacity: 0; transform: translateY(26px) scale(.86); }
.skin-A .dsgn .dc img, .skin-A .dsgn .dc .ph { display: block; width: 222px; height: 140px; object-fit: contain; border-radius: 10px; background: #fff; box-shadow: 0 8px 26px rgba(0,0,0,.55); }
.skin-A .dsgn .dc .ph { display: grid; place-items: center; background: #16223A; color: #A9BAD1; font-size: 30px; line-height: 38px; font-weight: 700; }
.skin-A .dsgn .dc.hi img, .skin-A .dsgn .dc.hi .ph { box-shadow: 0 0 0 5px var(--gold), 0 0 40px rgba(255,200,61,.55); }
.skin-A .dsgn .dc figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 0 4px; border-radius: 0 0 10px 10px; background: linear-gradient(transparent, rgba(6,10,20,.88) 55%); font-size: 32px; line-height: 36px; color: #fff; white-space: nowrap; }
.skin-A .mid.hasbub .dnote { display: none; } /* 有对话气泡（把关 / 黑白稿已出）时让位给气泡，不挤出面板 */
.skin-A .dsgn .aibadge { right: auto; left: -4px; top: -30px; }
.skin-A .dnote { height: 50px; font-size: 44px; line-height: 50px; color: #FFE7A3; text-align: center; white-space: nowrap; opacity: 0; transition: opacity .3s; }
.skin-A .dnote.on { opacity: 1; }
.skin-A .track { position: absolute; left: 110px; right: 110px; top: 270px; height: 12px; border-radius: 6px; background: linear-gradient(90deg, var(--ca60), #26344A 50%, var(--cb60)); }
.skin-A .track i { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; background: #fff; box-shadow: 0 0 24px #fff; transition: left .7s cubic-bezier(.3,1.4,.4,1); }
.skin-A .stamp { position: absolute; left: 66%; top: 72%; width: 190px; height: 190px; margin: -95px 0 0 -95px; transition: opacity .4s; display: grid; place-items: center; font-size: 76px; letter-spacing: .06em; opacity: 0; pointer-events: none; }
.skin-A .stamp.nogo { color: var(--red); border: 12px solid var(--red); border-radius: 22px; box-shadow: 0 0 60px rgba(229,64,42,.55), inset 0 0 30px rgba(229,64,42,.35); background: rgba(40,8,4,.55); }
.skin-A .stamp.hold { color: var(--md); border: 10px dashed var(--md); border-radius: 18px; font-size: 60px; background: rgba(30,22,8,.6); box-shadow: 0 0 50px rgba(255,162,74,.4); }
.skin-A .stamp.go { color: var(--gold); border: 12px solid var(--gold); border-radius: 50%; box-shadow: 0 0 60px rgba(255,200,61,.5), inset 0 0 30px rgba(255,200,61,.3); background: rgba(40,30,4,.55); }

/* 专业顾问 / 记账会计（人）：白光，和 AI 的彩色明显不同 */
.skin-A .p-human .hglow { position: absolute; inset: -6px 0 -10px -10px; border-radius: 40px; background: radial-gradient(70% 90% at 40% 50%, rgba(255,252,244,.22), rgba(255,252,244,.04) 70%, transparent); box-shadow: inset 0 0 0 4px rgba(255,252,244,.35); }
.skin-A .p-human .hrow { position: relative; display: flex; align-items: center; gap: 30px; padding: 6px 0 0 24px; }
.skin-A .p-human .badge { width: 140px; height: 140px; color: #F4F1EA; background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.3), rgba(255,255,255,.05)); box-shadow: 0 0 0 5px rgba(255,255,255,.85), 0 0 60px rgba(255,255,255,.45); }
.skin-A .p-human .badge .ico { width: 96px; height: 96px; }
.skin-A .p-human .hn { font-size: 100px; line-height: 116px; color: #fff; white-space: nowrap; }
.skin-A .p-human .hl { font-size: 56px; line-height: 66px; color: #E4ECF6; white-space: nowrap; }
.skin-A .p-human .pen { position: absolute; left: 196px; top: 236px; width: 560px; height: 10px; border-radius: 5px; background: rgba(255,255,255,.12); }
.skin-A .p-human .pen i { display: block; height: 100%; width: 0; border-radius: 5px; background: linear-gradient(90deg, rgba(255,255,255,.4), #fff); box-shadow: 0 0 20px #fff; }
.skin-A .p-human .hok { position: absolute; right: 30px; top: 196px; font-size: 80px; line-height: 90px; color: var(--gold); text-shadow: 0 0 40px rgba(255,200,61,.6); opacity: 0; transition: opacity .35s, transform .35s; white-space: nowrap; }

/* 存证证书：我们自己出的证书，可完整展示 */
.skin-A .cert { position: absolute; left: 10px; top: 0; width: 1120px; height: 306px; padding: 16px 30px; border-radius: 14px; background: linear-gradient(160deg, #FBF4E4, #F1E2C4); color: #10213A; box-shadow: 0 0 0 6px #C9A15B, 0 0 0 10px #F6E7C8, 0 0 70px rgba(255,200,61,.35); display: flex; gap: 30px; transform-origin: 50% 50%; }
.skin-A .cthumb { position: relative; flex: none; width: 240px; padding-top: 34px; }
.skin-A .cthumb .wm { width: 240px; height: 150px; display: block; border-radius: 8px; }
.skin-A .cthumb .aibadge { left: 0; right: auto; top: 194px; }
.skin-A .cbody { width: 790px; }
.skin-A .cbody .ct { font-size: 92px; line-height: 102px; letter-spacing: .12em; }
.skin-A .cbody .cl { font-size: 34px; line-height: 44px; font-weight: 700; white-space: nowrap; }
.skin-A .cbody .cl.dim { color: #5A6E8A; }
.skin-A .cseal { position: absolute; right: 36px; top: 26px; width: 150px; height: 150px; opacity: 0; }
.skin-A .cseal .seal { width: 150px; height: 150px; display: block; }

/* 交付栏（右）：金色 = 已交付 */
.skin-A .shelf { left: 1600px; top: 92px; width: 360px; height: 330px; }
.skin-A .shelf .ttl { font-size: 44px; color: var(--gold); letter-spacing: .1em; height: 56px; display: flex; align-items: center; gap: 12px; }
.skin-A .shelf .ttl::after { content: ''; flex: 1; height: 3px; background: linear-gradient(90deg, rgba(255,200,61,.55), transparent); }
.skin-A .shelf .items { position: absolute; left: 0; right: 0; top: 66px; }
.skin-A .shelf .part { display: flex; align-items: center; justify-content: space-between; height: 56px; font-size: 44px; color: #5B6B85; transition: color .3s; white-space: nowrap; }
.skin-A .shelf .part i { width: 36px; height: 36px; border-radius: 50%; border: 5px solid currentColor; transition: background .3s, box-shadow .3s; }
.skin-A .shelf .part.s1 { color: #D6E4F5; } .skin-A .shelf .part.s1 i { background: linear-gradient(90deg, currentColor 50%, transparent 50%); }
.skin-A .shelf .part.s3 { color: var(--gold); } .skin-A .shelf .part.s3 i { background: currentColor; box-shadow: 0 0 16px var(--gold); }
.skin-A .shelf .podium { position: absolute; left: -10px; right: -10px; top: 316px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, transparent, rgba(255,200,61,.45), transparent); box-shadow: 0 -10px 30px rgba(255,200,61,.12); }

/* 下排：九只 AI 猫 + 专业顾问的小灯 */
.skin-A .rail { left: 0; top: 0; width: 2000px; height: 700px; pointer-events: none; }
.skin-A .stn { position: absolute; top: 512px; width: 120px; margin-left: -60px; display: flex; flex-direction: column; align-items: center; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.skin-A .stn .dot { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #0E1626; border: 4px solid #22324A; color: #3A4C66; transition: all .45s; }
.skin-A .stn .dot .ico { width: 28px; height: 28px; }
.skin-A .stn .n { margin-top: 4px; font-size: 22px; line-height: 26px; color: #5B6B85; transition: color .45s; white-space: nowrap; }
.skin-A .stn.lit .dot { color: var(--pc); border-color: var(--pc); box-shadow: 0 0 20px var(--pc70); background: linear-gradient(var(--pc16), var(--pc16)), #0B1322; }
.skin-A .stn.lit .n { color: #E2ECF8; }
.skin-A .stn.busy .dot { animation: breatheA 1.6s ease-in-out infinite; }
.skin-A .stn.focus { transform: translateY(-8px) scale(1.18); }
.skin-A .stn.focus .n { color: #fff; }
.skin-A .stn.human .dot { border-style: double; border-width: 6px; }
@keyframes breatheA { 50% { box-shadow: 0 0 34px var(--pc90), 0 -12px 40px var(--pc50); } }

/* 飞单（交接） */
.skin-A .fly { position: absolute; top: 396px; padding: 6px 18px; border-radius: 10px; font-size: 32px; color: #0A1424; background: var(--pc); box-shadow: 0 0 30px var(--pc); white-space: nowrap; transform: translateX(-50%); display: none; }

/* 近读层 + 品牌 */
.skin-A .ticker { left: 0; top: 598px; width: 2000px; height: 40px; overflow: hidden; }
.skin-A .ticker .row { position: absolute; right: 40px; top: 0; display: flex; gap: 48px; white-space: nowrap; }
.skin-A .ticker .it { font-size: 28px; font-weight: 700; color: rgba(238,245,255,.62); }
.skin-A .ticker .it b { font-weight: 900; color: var(--pc); margin-right: 10px; }
.skin-A .brandA { left: 40px; top: 646px; display: flex; align-items: center; gap: 16px; font-size: 28px; color: rgba(238,245,255,.6); font-weight: 700; }
.skin-A .brandA .qlogo { width: 150px; height: 52px; color: var(--brand); }
.skin-A .tagA { right: 40px; top: 652px; font-size: 24px; color: rgba(238,245,255,.42); font-weight: 700; }

/* 开场 */
.skin-A .open { text-align: center; }
.skin-A .open .tg { font-size: 44px; line-height: 52px; color: #A9BAD1; transition: opacity .8s; }
.skin-A .open .l1 { font-size: 108px; line-height: 120px; color: #D6E4F5; transition: opacity .8s, transform .8s; }
.skin-A .open .l2 { font-size: 132px; line-height: 140px; color: #3FD3F0; text-shadow: 0 0 60px rgba(0,180,216,.5); transition: opacity .8s, transform .8s; }
.skin-A .open .off { transform: translateY(30px); }

/* 一句话（语音） */
.skin-A .vtop { display: flex; align-items: center; gap: 22px; height: 56px; }
.skin-A .vt { font-size: 46px; color: var(--soft); white-space: nowrap; }
.skin-A .vtag { font-size: 30px; line-height: 40px; padding: 0 14px; border-radius: 8px; border: 3px solid #6F819C; color: #A9BAD1; white-space: nowrap; }
.skin-A .vrow { display: flex; align-items: center; gap: 22px; height: 76px; margin-top: 8px; }
.skin-A .vplay { width: 70px; height: 70px; flex: none; border-radius: 50%; background: #FD4D1D; box-shadow: 0 0 30px rgba(253,77,29,.5); position: relative; }
.skin-A .vplay::after { content: ''; position: absolute; left: 27px; top: 20px; border-left: 24px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.skin-A .wave { display: flex; align-items: center; gap: 7px; height: 64px; flex: 1; }
.skin-A .wave i { flex: 1; height: 100%; border-radius: 5px; background: linear-gradient(#5FD8F2, rgba(0,180,216,.45)); transform-origin: 50% 50%; }
.skin-A .vtx { margin-top: 10px; }
.skin-A .vtx div { font-size: 66px; line-height: 80px; color: #fff; white-space: nowrap; }

/* 订单总览 */
.skin-A .bcards { display: flex; gap: 20px; height: 252px; }
.skin-A .bnote { margin-top: 12px; font-size: 34px; line-height: 42px; color: var(--soft); white-space: nowrap; }
.skin-A .bc { flex: 1; position: relative; padding: 20px 24px; border-radius: 20px; background: #0F1828; border: 4px solid var(--pc55); box-shadow: 0 0 30px var(--pc16); transition: opacity .5s, transform .6s cubic-bezier(.2,.8,.2,1); }
.skin-A .bn { font-size: 64px; line-height: 72px; color: #fff; white-space: nowrap; }
.skin-A .bs { font-size: 34px; line-height: 42px; color: var(--pc); white-space: nowrap; margin-top: 4px; }
.skin-A .bseg { display: flex; gap: 8px; margin-top: 12px; }
.skin-A .bseg i { flex: 1; height: 22px; border-radius: 6px; background: #1A2538; }
.skin-A .bseg i.on { background: var(--gold); box-shadow: 0 0 12px rgba(255,200,61,.6); }
.skin-A .bcnt { position: absolute; left: 24px; bottom: 10px; font-size: 38px; line-height: 64px; color: #A9BAD1; white-space: nowrap; }
.skin-A .bcnt b { font-size: 60px; color: #fff; }
.skin-A .bc.live.pulse { animation: liveB 1.3s ease-in-out infinite; border-color: var(--pc); }
@keyframes liveB { 50% { box-shadow: 0 0 60px var(--pc70); } }

/* 交付第一批 */
.skin-A .p-deliver .sttl { font-size: 92px; line-height: 112px; white-space: nowrap; color: #fff; }
.skin-A .p-deliver .tag { display: inline-block; vertical-align: 16px; margin-right: 18px; font-size: 44px; color: #0A1424; background: var(--gold); padding: 4px 22px; border-radius: 10px; box-shadow: 0 0 40px rgba(255,200,61,.6); }
.skin-A .sitems { display: flex; gap: 40px; font-size: 60px; line-height: 84px; color: var(--gold); margin-top: 6px; }
.skin-A .sitems span { white-space: nowrap; transition: opacity .4s; }
.skin-A .chk { display: inline-block; width: 22px; height: 40px; margin-right: 14px; border-right: 9px solid var(--gold); border-bottom: 9px solid var(--gold); transform: rotate(40deg) translateY(-6px); }
.skin-A .snote { margin-top: 14px; font-size: 36px; line-height: 46px; color: #D6E4F5; }
.skin-A .p-deliver .qrw { position: absolute; right: 0; top: 0; width: 230px; text-align: center; font-size: 36px; line-height: 46px; color: var(--soft); white-space: nowrap; }
.skin-A .p-deliver .qrw .qr { width: 230px; height: 230px; display: block; border-radius: 12px; box-shadow: 0 0 40px rgba(0,180,216,.35); }

/* 现场下单（主屏） */
.skin-A .intake .l1 { font-size: 104px; line-height: 112px; }
.skin-A .intake .hint { position: absolute; right: 0; top: 18px; font-size: 56px; color: var(--soft); display: flex; align-items: center; gap: 14px; }
.skin-A .intake .hint i { display: inline-block; width: 70px; height: 40px; background: var(--soft); clip-path: polygon(0 35%, 60% 35%, 60% 0, 100% 50%, 60% 100%, 60% 65%, 0 65%); animation: nudgeA 1.2s ease-in-out infinite; }
@keyframes nudgeA { 50% { transform: translateX(14px); } }
.skin-A .intake .q { font-size: 64px; line-height: 78px; margin-top: 18px; color: #fff; white-space: nowrap; }
.skin-A .intake .gs { display: flex; gap: 26px; margin-top: 18px; align-items: center; }
.skin-A .g { display: flex; align-items: center; gap: 10px; font-size: 44px; color: #5B6B85; transition: color .3s; }
.skin-A .g i { width: 34px; height: 34px; border-radius: 50%; border: 4px solid currentColor; transition: background .3s, box-shadow .3s; }
.skin-A .g.y { color: #9BE37A; } .skin-A .g.y i { background: currentColor; box-shadow: 0 0 16px currentColor; }
.skin-A .g.n { color: #FF8A5B; } .skin-A .g.n i { background: transparent; border-style: dashed; }
.skin-A .intake .g { font-size: 64px; } .skin-A .intake .g i { width: 40px; height: 40px; }
.skin-A .verdict { font-size: 64px; margin-left: 30px; white-space: nowrap; transition: opacity .3s; }
.skin-A .verdict.ok { color: #9BE37A; } .skin-A .verdict.rd { color: var(--soft); }

/* 看一眼开张全套 */
.skin-A .p-hero .l1 { font-size: 100px; line-height: 116px; white-space: nowrap; }
.skin-A .p-hero .l2 { font-size: 56px; color: var(--soft); margin-top: 6px; display: flex; gap: 14px; align-items: center; white-space: nowrap; }
.skin-A .p-hero .l2 i { display: inline-block; width: 70px; height: 40px; background: var(--soft); clip-path: polygon(100% 35%, 40% 35%, 40% 0, 0 50%, 40% 100%, 40% 65%, 100% 65%); animation: nudgeL 1.2s ease-in-out infinite; }
@keyframes nudgeL { 50% { transform: translateX(-14px); } }
.skin-A .p-hero .strip { position: absolute; left: 0; right: 0; top: 200px; display: flex; gap: 10px; }
.skin-A .p-hero .cap { flex: 1; height: 96px; border-radius: 12px; border: 3px solid #22324A; background: #0E1626; display: grid; place-items: center; font-size: 34px; color: #5B6B85; transition: all .5s; white-space: nowrap; }
.skin-A .p-hero .cap.done { border-color: var(--gold); color: #fff; background: linear-gradient(160deg, rgba(255,200,61,.22), rgba(0,180,216,.08)); box-shadow: 0 0 30px rgba(255,200,61,.3); }

/* 成果揭晓：先合着幕布、大字「成果揭晓」，再向两侧拉开（幕布盖满整块主屏，只动位置） */
.skin-A .p-reveal .curtain { position: absolute; left: -40px; top: -88px; width: 2000px; height: 700px; overflow: hidden; pointer-events: none; }
.skin-A .p-reveal .curtain i { position: absolute; top: 0; width: 1000px; height: 700px; background:
  repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 18px, rgba(0,0,0,.22) 18px 52px, rgba(255,255,255,.03) 52px 70px),
  linear-gradient(180deg, #0A1A36, #0C2245 55%, #081631); }
.skin-A .p-reveal .curtain .cur-l { left: 0; box-shadow: inset -6px 0 0 rgba(95,216,242,.55), 12px 0 40px rgba(0,180,216,.25); }
.skin-A .p-reveal .curtain .cur-r { left: 1000px; box-shadow: inset 6px 0 0 rgba(95,216,242,.55), -12px 0 40px rgba(0,180,216,.25); }
.skin-A .p-reveal .boom { position: absolute; left: 0; right: 0; top: 30px; text-align: center; font-size: 200px; line-height: 240px; letter-spacing: .08em; color: var(--gold); text-shadow: 0 0 90px rgba(255,200,61,.7); transition: opacity .6s, transform .6s; }
.skin-A .p-reveal .wall { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, 236px) 1fr; grid-template-rows: 140px 140px; gap: 16px; transition: opacity .6s; }
.skin-A .wtile { border-radius: 14px; border: 3px solid #22324A; background: #0E1626; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 52px; color: #5B6B85; transition: all .45s; white-space: nowrap; }
.skin-A .wtile b { font-size: 30px; line-height: 34px; color: inherit; opacity: .7; }
.skin-A .wtile.on { border-color: var(--gold); color: #fff; background: linear-gradient(160deg, rgba(255,200,61,.24), rgba(0,180,216,.08)); box-shadow: 0 0 30px rgba(255,200,61,.35); }
.skin-A .wcert { grid-column: 7; grid-row: 1 / span 2; border-radius: 18px; border: 4px dashed #3A4C66; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #5B6B85; font-size: 52px; transition: all .5s; }
.skin-A .wcert .ico { width: 120px; height: 120px; }
.skin-A .wcert.on { border-style: solid; border-color: var(--gold); color: var(--gold); box-shadow: 0 0 50px rgba(255,200,61,.4); }
.skin-A .p-reveal .film { position: absolute; inset: 0; transition: opacity .8s; }
.skin-A .p-reveal .pre { display: inline-block; font-size: 44px; color: #0A1424; background: var(--gold); padding: 4px 20px; border-radius: 10px; }
.skin-A .p-reveal .film .ttl { font-size: 96px; line-height: 116px; color: #fff; white-space: nowrap; }
.skin-A .p-reveal .film .sub { font-size: 44px; line-height: 56px; color: #D6E4F5; }
.skin-A .p-reveal .tot { margin-top: 8px; font-size: 56px; line-height: 66px; color: var(--gold); white-space: nowrap; }
.skin-A .p-reveal .cr { position: absolute; right: 0; top: 14px; width: 760px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 24px; }
.skin-A .p-reveal .cr div { font-size: 36px; line-height: 50px; color: #A9BAD1; white-space: nowrap; transition: opacity .5s; }
.skin-A .p-reveal .cr b { color: #fff; margin-right: 12px; }

/* 收尾 */
.skin-A .end { text-align: center; }
.skin-A .end .l1 { font-size: 120px; line-height: 136px; color: #fff; }
.skin-A .end .l3 { font-size: 64px; line-height: 76px; color: #3FD3F0; }
.skin-A .end .l2 { display: flex; align-items: center; justify-content: center; gap: 26px; font-size: 40px; line-height: 56px; color: var(--soft); margin-top: 6px; }
.skin-A .end .qlogo { width: 160px; height: 54px; color: var(--brand); }
.skin-A .end .tg { font-size: 30px; line-height: 40px; color: #A9BAD1; }

.skin-A .aibadge { position: absolute; right: 0; top: -104px; font-size: 26px; color: #0A1424; background: #A9BAD1; padding: 2px 12px; border-radius: 8px; white-space: nowrap; }

/* 左翼：全天任务墙 · 开张全套 */
.skin-A.scr-L .wing, .skin-A.scr-R .wing { position: absolute; inset: 0; }
.skin-A.scr-L .wt { position: absolute; left: 0; right: 0; top: 22px; text-align: center; font-size: 56px; color: #3FD3F0; letter-spacing: .06em; transition: opacity .5s; }
.skin-A .wtime { position: absolute; left: 0; right: 0; top: 88px; text-align: center; font-size: 104px; line-height: 110px; color: #fff; transition: opacity .5s; }
.skin-A .wname { position: absolute; left: 0; right: 0; top: 200px; text-align: center; font-size: 52px; line-height: 60px; color: #E2ECF8; white-space: nowrap; }
.skin-A .wtag { display: inline-block; vertical-align: 8px; margin-left: 16px; font-size: 34px; line-height: 44px; padding: 0 12px; border-radius: 8px; border: 3px solid #6F819C; color: #A9BAD1; }
.skin-A .wcount { position: absolute; left: 0; right: 0; top: 264px; text-align: center; font-size: 36px; line-height: 44px; color: var(--soft); white-space: nowrap; }
.skin-A .tiles { position: absolute; left: 21px; top: 316px; width: 592px; display: grid; grid-template-columns: repeat(6, 92px); gap: 8px; }
.skin-A .tl2 { height: 62px; border-radius: 10px; border: 3px solid #22324A; background: #0E1626; display: grid; place-items: center; font-size: 28px; color: #5B6B85; transition: all .5s; white-space: nowrap; }
.skin-A .tl2.done { border-color: var(--gold); color: #fff; background: linear-gradient(160deg, rgba(255,200,61,.3), rgba(0,180,216,.1)); box-shadow: 0 0 20px rgba(255,200,61,.35); }
.skin-A .wfoot { position: absolute; left: 0; right: 0; top: 584px; text-align: center; font-size: 24px; color: rgba(238,245,255,.4); font-weight: 700; }
.skin-A .unveil { position: absolute; left: 0; right: 0; top: 70px; text-align: center; font-size: 150px; letter-spacing: .08em; color: var(--gold); text-shadow: 0 0 80px rgba(255,200,61,.8); opacity: 0; transition: opacity .6s, transform .8s; }

/* 右翼：服务清单 / 现场下单 */
.skin-A .rlist .h { position: absolute; left: 0; right: 0; top: 22px; text-align: center; font-size: 56px; line-height: 70px; color: #3FD3F0; letter-spacing: .06em; }
.skin-A .mg { position: absolute; left: 24px; right: 24px; top: 110px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.skin-A .mi { height: 74px; display: flex; align-items: center; gap: 12px; padding: 0 14px; border-radius: 14px; background: #0E1626; border: 3px solid #22324A; color: #A9BAD1; transition: all .45s; white-space: nowrap; }
.skin-A .mi b { display: block; font-size: 36px; line-height: 40px; }
.skin-A .mi small { display: block; font-size: 22px; line-height: 26px; color: #7E8DA6; font-weight: 700; }
.skin-A .mi.on small { color: var(--soft); }
.skin-A .mi .ico { width: 46px; height: 46px; flex: none; color: #6F819C; transition: color .45s; }
.skin-A .mi.on { border-color: var(--gold); color: #fff; background: linear-gradient(160deg, rgba(255,200,61,.22), rgba(0,180,216,.06)); box-shadow: 0 0 34px rgba(255,200,61,.35); }
.skin-A .mi.on .ico { color: var(--gold); }
.skin-A .rt { position: absolute; left: 196px; top: 26px; font-size: 96px; line-height: 100px; color: #fff; }
.skin-A .rqr { position: absolute; left: 22px; top: 26px; width: 150px; height: 150px; }
.skin-A .rqr-sm { position: absolute; left: 0; right: 0; top: 362px; display: flex; flex-direction: column; align-items: center; gap: 6px; z-index: 5; }
.skin-A .rqr-sm .qr { width: 124px; height: 124px; display: block; border-radius: 10px; background: #fff; box-shadow: 0 0 30px rgba(63,211,240,.22); }
.skin-A .rqr-sm > div { font-size: 22px; line-height: 29px; color: var(--soft); text-align: center; }
.skin-A .rqr-sm.hide { display: none; }
.skin-A .rqr .qr { width: 150px; height: 150px; display: block; border-radius: 8px; }
.skin-A .rsub { position: absolute; left: 198px; top: 136px; font-size: 36px; color: var(--soft); }
.skin-A .cards { position: absolute; left: 24px; right: 24px; top: 196px; }
.skin-A .card { position: absolute; left: 0; right: 0; height: 120px; padding: 12px 18px; border-radius: 14px; background: #101A2B; border: 3px solid #22324A; transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .5s, border-color .4s, box-shadow .4s; }
.skin-A .card .ct { font-size: 34px; line-height: 40px; color: #E2ECF8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-A .card .cb { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.skin-A .card .g { font-size: 28px; gap: 6px; } .skin-A .card .g i { width: 22px; height: 22px; border-width: 3px; }
.skin-A .card .cv { margin-left: auto; font-size: 30px; white-space: nowrap; }
.skin-A .card .cv.ok { color: #9BE37A; } .skin-A .card .cv.rd { color: var(--soft); }
.skin-A .card.pick { border-color: #9BE37A; box-shadow: 0 0 40px rgba(155,227,122,.45); }
.skin-A .rfoot { position: absolute; left: 0; right: 0; top: 560px; text-align: center; font-size: 28px; color: rgba(238,245,255,.45); font-weight: 700; }

.skin-A .wname, .skin-A .wcount { transition: opacity .5s; }

/* 开办回看（今天上午的真实记录回放，必须显式标注） */
.skin-A .replay { position: absolute; right: 0; top: 4px; font-size: 40px; line-height: 52px; padding: 0 18px; border-radius: 10px; border: 4px solid var(--soft); color: var(--soft); background: rgba(7,12,24,.85); white-space: nowrap; opacity: 0; transition: opacity .4s; }
.skin-A .rp .replay { opacity: 1; }
.skin-A .nchips { display: flex; gap: 22px; }
.skin-A .nchip { width: 350px; padding: 6px 20px 8px; border-radius: 16px; background: #0F1828; border: 4px solid #22324A; transition: opacity .4s, border-color .4s; }
.skin-A .nchip b { display: block; font-size: 80px; line-height: 90px; color: #fff; }
.skin-A .nchip span { font-size: 34px; line-height: 40px; color: var(--lo); opacity: 0; transition: opacity .3s; white-space: nowrap; }
.skin-A .nchip span .chk { width: 14px; height: 26px; border-width: 0 6px 6px 0; border-color: var(--lo); margin-right: 12px; }
.skin-A .nchip.ok { border-color: var(--lo); } .skin-A .nchip.ok span { opacity: 1; }
.skin-A .warn { display: inline-block; margin-top: 8px; font-size: 52px; line-height: 66px; padding: 0 20px; border-radius: 12px; border: 4px solid var(--md); color: var(--md); white-space: nowrap; transition: opacity .4s; }
.skin-A .dchips { display: flex; flex-wrap: wrap; gap: 12px; }
.skin-A .dchips span { font-size: 34px; line-height: 46px; padding: 0 16px; border-radius: 8px; background: #F7FAFD; color: #10213A; transition: opacity .3s; white-space: nowrap; }
.skin-A .p-reveal .gov { margin-top: 4px; font-size: 40px; line-height: 50px; color: #D6E4F5; white-space: nowrap; }
.skin-A .rc::after { content: '样张'; position: absolute; left: 0; right: 0; bottom: 4px; text-align: center; font-size: 13px; color: rgba(192,65,42,.75); font-weight: 900; letter-spacing: 2px; }
.skin-A .rp .hdr .act { display: none; }

/* 现场下单时段：右翼底部那行小字让位给来单卡 */
.skin-A .rin:not(.hide) ~ .rfoot { display: none; }
/* 停办的工单：抬头变灰（不是金色「已交付」） */
.skin-A .tk-head.stop { background: linear-gradient(90deg, #5B6B85, #7E8DA6); }
.skin-A .tk-head.stop .tk-kind { display: none; }
/* 右翼排队数（第 4 张起不上屏，只显示数） */
.skin-A .rqueue { position: absolute; left: 24px; right: 24px; top: 600px; text-align: center; font-size: 26px; color: #A9BAD1; }
.skin-A .rqr img.qr, .skin-A .qrw img.qr { display: block; background: #fff; }
.skin-A .snote { margin-top: 6px; }

/* 展示卡（INTAKE-HOST）：现场下单段主屏的「上台介绍」形态——类型 / 称呼 / 概要 / 来话 / 约时 / 讲解进度（青 = 讲解中，金字 = 约时） */
.skin-A .p-intake .scbox { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 8px; }
.skin-A .p-intake:not(.sc) .scbox { display: none; }
.skin-A .p-intake.sc .l1, .skin-A .p-intake.sc .hint, .skin-A .p-intake.sc .q, .skin-A .p-intake.sc .gs { display: none; }
.skin-A .p-intake .schd { display: flex; align-items: center; gap: 16px; height: 52px; }
.skin-A .p-intake .sctag { font-size: 34px; line-height: 50px; padding: 0 20px; border-radius: 10px; color: #04121C; background: var(--cyan); white-space: nowrap; }
.skin-A .p-intake .scmins { margin-left: auto; font-size: 34px; line-height: 44px; padding: 0 16px; border-radius: 10px; border: 3px solid rgba(255,200,61,.7); color: var(--gold); white-space: nowrap; }
.skin-A .p-intake .scmins:empty { display: none; }
.skin-A .p-intake .scwho { font-size: 84px; line-height: 92px; color: #fff; white-space: nowrap; }
.skin-A .p-intake .screcap { font-size: 50px; line-height: 58px; color: #D6E4F5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-A .p-intake .scquote { font-size: 38px; line-height: 46px; color: var(--soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-A .scbox:not(.hasq) .scquote { display: none; }
.skin-A .p-intake .scbar { margin-top: auto; height: 10px; border-radius: 5px; background: #16223A; transition: opacity .3s; }
.skin-A .p-intake .scbar i { display: block; height: 100%; width: 0; border-radius: 5px; background: linear-gradient(90deg, #00B4D8, #BFF3FF); box-shadow: 0 0 16px rgba(0,180,216,.8); }
/* 右翼来单卡（INTAKE-HOST）：正在展示的这张亮青框（青 = 讲解中），讲过的亮金边（金 = 已完成） */
.skin-A .card.showcase { border-color: var(--cyan); box-shadow: 0 0 40px rgba(34,199,232,.5); }
.skin-A .card.shown { border-color: rgba(255,200,61,.75); }
.skin-A .card.shown .cv.ok { color: var(--gold); }