/* 戰情室 — 公開介紹頁「全息戰情桌」（1.205.182）
   所有樣式都限定在 .srh 之下；只有最前面幾條會碰到頁面結構（見下）。
   ⚠ 這個檔的註解裡不要寫出完整的短代碼字樣（理由見 sr-flush.js 開頭）。 */

/* 字型：外掛自帶（SIL OFL，授權見 assets/fonts/OFL-*.txt），不向 Google 要。
   數字與英文 HUD 字用得到；中文仍用佈景已載入的 Noto Sans TC。 */
@font-face{font-family:'Orbitron';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/orbitron-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Orbitron';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/orbitron-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jetbrains-mono-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jetbrains-mono-latin-700-normal.woff2) format('woff2')}
/* 整頁：底色接成深色，區段之間的空隙才不會露出白條 */
html:has(.srh) body{background:#0B0D11}
.sr-root.sr-holo{background:#0B0D11}
/* 同一頁上已經併進全息頁的區塊：整段 Elementor 區段收起來 */
.elementor-section:has(.srh-void):not(:has(.srh)),.e-con:has(.srh-void):not(:has(.srh)),.elementor-element:has(> .elementor-widget-container .srh-void):not(:has(.srh)){display:none!important}
/* 全息頁所在的區段：拿掉 Elementor 自己加的上下邊界與內距 */
.elementor-section:has(.srh),.e-con:has(.srh){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
.elementor-widget-wrap:has(.srh),.elementor-widget:has(.srh),.elementor-widget-container:has(.srh),.elementor-shortcode:has(.srh){margin:0!important;padding:0!important}

/* 重設：佈景主題與 Elementor 全站樣式會改到按鈕、標題、連結、表格 */
.srh{font-family:'Noto Sans TC',"PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:#ECEEF1;background:#0B0D11;line-height:1.55;-webkit-font-smoothing:antialiased;text-align:left}
.srh a,.srh a:hover,.srh a:focus{color:inherit;text-decoration:none;box-shadow:none}
.srh button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;box-shadow:none;text-transform:none;letter-spacing:inherit;min-height:0;line-height:inherit;border-radius:0;width:auto}
.srh button:hover,.srh button:focus{background:none;color:inherit}
.srh h1,.srh h2,.srh h3{font-family:inherit;color:inherit;text-transform:none;letter-spacing:normal;line-height:1.3}
.srh table,.srh th,.srh td,.srh tr{border:0;background:none}
.srh ul,.srh li{list-style:none;margin:0;padding:0}
.srh p{margin:0}
.srh .srh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0}
.srh-void{display:none!important}

.srh{--bg:#0B0D11;--ink:#ECEEF1;--ink2:#B8BEC6;--mute:#838A93;--line:rgba(255,255,255,.14);--red:#FF3131;--red2:#FF5A5A;
  --g:#4DD8C9;--g2:#8FF5EA;--gd:rgba(77,216,201,.35);--gold:#E8B84A;--panel:rgba(14,15,18,.82)}
.srh *{box-sizing:border-box}
.srh a{color:inherit;text-decoration:none}
.srh button{font-family:inherit}
.srh .mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.srh .srh-scene{position:relative;width:100%;height:calc(100vh - 96px);min-height:780px;overflow:hidden;
  background:radial-gradient(ellipse 70% 60% at 50% 60%,#181A1F 0%,#0F1115 48%,#0B0D11 100%)}
.srh .srh-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;background:repeating-linear-gradient(0deg,rgba(225,228,233,.022) 0 1px,transparent 1px 4px)}
.srh .srh-globe{position:absolute;inset:0;z-index:2}
.srh .srh-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}
.srh .srh-cv.drag{cursor:grabbing}
.srh .hud{position:absolute;z-index:8}
.srh .srh-ht{left:36px;top:30px;width:330px}
.srh .srh-ht .k{font-size:11px;letter-spacing:.22em;color:var(--red)}
.srh .srh-ht h1{margin:10px 0 10px;font-size:32px;line-height:1.25;font-weight:900;letter-spacing:.02em}
.srh .srh-ht p{margin:0;font-size:13.5px;line-height:1.75;color:var(--mute)}
.srh .srh-ht p b{color:#fff}
/* 1.205.287 標題區新文案：h1 第二行較長，字級略降；四個關鍵字一行；最後一段是行動提示 */
.srh .srh-ht{width:360px}
.srh .srh-ht h1{font-size:40px;line-height:1.22}
.srh .srh-ht img.lg{display:block;width:170px;height:auto;margin:0 0 14px}
/* 1.205.290 站長：標題區往右一點、LOGO 縮小 */
.srh .srh-ht{left:clamp(56px,4.6vw,96px)}
.srh .srh-ht .ax{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.04em;color:#e6e9ed}
.srh .srh-ht p.go{margin-top:12px;padding-left:10px;border-left:2px solid var(--red)}
.srh .srh-ht::before{content:"";position:absolute;left:-36px;top:-30px;right:-90px;bottom:-34px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 78% 70% at 30% 42%,rgba(11,13,17,.94) 0%,rgba(11,13,17,.82) 52%,rgba(11,13,17,0) 100%)}
.srh .srh-ht h1,.srh .srh-ht .ax,.srh .srh-ht p{text-shadow:0 1px 8px rgba(0,0,0,.9)}
.srh .srh-tick{right:36px;top:30px;width:330px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(6px)}
.srh .srh-tick::before,.srh .srh-tick::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--red);border-style:solid}
.srh .srh-tick::before{left:-1px;top:-1px;border-width:2px 0 0 2px}
.srh .srh-tick::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.srh .srh-tick .wk{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.12em;color:var(--mute)}
.srh .srh-tick .wk b{color:#fff}
.srh .srh-tick .kb{display:flex;gap:2px;height:3px;margin:9px 0 10px}
.srh .srh-tick .it{min-height:64px}
.srh .srh-tick .it .h{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--mute)}
.srh .srh-tick .ch{font-size:11px;padding:2px 6px;border:1px solid currentColor;border-radius:3px}
.srh .srh-tick .ch.c{background:var(--red);border-color:var(--red);color:#fff}
.srh .srh-tick .it .t{margin-top:7px;font-size:14.5px;font-weight:700;line-height:1.5}
.srh .srh-tick .it.in{animation:srhTkIn .5s ease-out}
@keyframes srhTkIn{from{opacity:0;transform:translateY(6px)}}
.srh .srh-tick .nv{display:flex;gap:3px;margin-top:10px}
.srh .srh-tick .nv i{flex:1;height:2px;background:rgba(255,255,255,.14)}
.srh .srh-tick .nv i.on{background:var(--red)}
.srh .srh-marks{position:absolute;inset:0;pointer-events:none;z-index:3}
.srh .mk{position:absolute;left:0;top:0;font-size:11px;color:#fff;white-space:nowrap;padding:3px 7px;border:1px solid rgba(255,49,49,.6);background:rgba(20,6,7,.78);border-radius:3px;transition:opacity .3s}
.srh .mk b{color:var(--red2);margin-right:5px}
.srh .srh-scr{position:absolute;inset:0;z-index:4;pointer-events:none}
.srh .hs{position:absolute;left:0;top:0;width:200px;height:128px;pointer-events:auto;cursor:pointer;transform-origin:50% 100%;
  transition:filter .35s}
/* 1.205.291 輪播：位置每一格由程式算，主螢幕上的那一面多一點光 */
.srh .hs.on{filter:drop-shadow(0 0 18px rgba(77,216,201,.35))}
.srh .hs .fr{position:absolute;inset:0;border:1px solid rgba(77,216,201,.45);background:linear-gradient(180deg,rgba(10,40,38,.55),rgba(6,22,22,.35));
  box-shadow:0 0 18px rgba(77,216,201,.16),inset 0 0 22px rgba(77,216,201,.08);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow:hidden;
  animation:srhHsFloat 6s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}
@keyframes srhHsFloat{50%{transform:translateY(-4px)}}
.srh .hs .fr::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(143,245,234,.06) 0 1px,transparent 1px 3px)}
.srh .hs .fr::before{content:"";position:absolute;left:0;right:0;height:40%;top:-40%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(143,245,234,.10),transparent);animation:srhHsSweep 4.5s linear infinite;animation-delay:calc(var(--i) * -.5s)}
@keyframes srhHsSweep{to{top:110%}}
.srh .hs .hd{position:absolute;left:0;right:0;top:0;height:22px;display:flex;align-items:center;gap:6px;padding:0 9px;border-bottom:1px solid rgba(77,216,201,.25);font-size:10.5px;color:var(--g2);letter-spacing:.04em;white-space:nowrap}
.srh .hs .hd i{font-style:normal;font-size:9px;color:var(--g);opacity:.8}
.srh .hs .bd{position:absolute;left:0;right:0;top:22px;bottom:0}
.srh .hs .bd svg{width:100%;height:100%;display:block}
.srh .hs.on .fr{border-color:rgba(143,245,234,.9);box-shadow:0 0 30px rgba(77,216,201,.38),inset 0 0 28px rgba(77,216,201,.12)}
.srh .hs.dim{opacity:.82}
.srh .hs:hover{opacity:1;filter:none}
.srh .hs:hover .fr{border-color:var(--g2)}
.srh .srh-cap{left:50%;transform:translateX(-50%);width:min(640px,90vw);text-align:center;pointer-events:auto}
.srh .srh-cap .n{font-size:10.5px;letter-spacing:.2em;color:var(--g)}
.srh .srh-cap .t{margin:6px 0 4px;font-size:19px;font-weight:700;color:#E9FFFC;text-shadow:0 0 12px rgba(0,0,0,.9),0 0 18px rgba(77,216,201,.35)}
.srh .srh-cap .d,.srh .srh-cap .n{text-shadow:0 0 10px #000,0 0 4px #000}
.srh .srh-cap .d{font-size:13px;color:var(--ink2);line-height:1.6;min-height:21px}
.srh .srh-cap .row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.srh .srh-cap .ar{width:30px;height:30px;border-radius:50%;border:1px solid rgba(77,216,201,.4);background:transparent;color:var(--g2);cursor:pointer}
.srh .srh-cap .ar:hover{background:rgba(77,216,201,.12)}
.srh .srh-cap .dots{display:flex;gap:5px}
.srh .srh-cap .dots button{width:7px;height:7px;padding:0;border-radius:50%;border:0;background:rgba(77,216,201,.3);cursor:pointer}
.srh .srh-cap .dots button.on{background:var(--g2);box-shadow:0 0 8px var(--g)}
.srh .srh-cap .more{font-size:12.5px;color:var(--g2);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.srh .srh-bar{left:50%;transform:translateX(-50%);bottom:22px;display:flex;gap:12px}
.srh .btn{height:48px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;font-size:15px;cursor:pointer;border:1px solid var(--line);background:rgba(16,17,20,.7);color:var(--ink);white-space:nowrap}
.srh .btn:hover{border-color:rgba(255,255,255,.4)}
.srh .btn.red{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.srh .btn.red:hover{background:#ff4d4d}
.srh .btn.gold{background:var(--gold);border-color:var(--gold);color:#1a1405;font-weight:700}
.srh .srh-zoom{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(2,4,5,.72);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
.srh .srh-zoom.on{opacity:1;pointer-events:auto}
.srh .zb{position:relative;width:min(1000px,100%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;padding:24px;
  border:1px solid rgba(143,245,234,.55);background:linear-gradient(170deg,rgba(9,40,38,.92),rgba(5,16,17,.94));box-shadow:0 0 60px rgba(77,216,201,.25);
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transform:scaleY(.1);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.srh .srh-zoom.on .zb{transform:none}
.srh .zb::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(143,245,234,.05) 0 1px,transparent 1px 3px)}
.srh .zv{position:relative;aspect-ratio:320/200;border:1px solid rgba(77,216,201,.3);background:rgba(3,14,14,.6)}
.srh .zv svg{width:100%;height:auto;aspect-ratio:320/200;display:block}
.srh .zt .n{font-size:11px;letter-spacing:.22em;color:var(--g)}
.srh .zt h3{margin:8px 0 10px;font-size:26px;color:#E9FFFC}
.srh .zt p{margin:0 0 14px;font-size:14px;line-height:1.8;color:#BCD8D4}
.srh .zt ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.srh .zt li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.6;color:#DDF7F3}
.srh .zt li::before{content:"";position:absolute;left:2px;top:.6em;width:8px;height:8px;border:1.5px solid var(--g);transform:rotate(45deg)}
.srh .zt .lk{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#A8C9C4;margin-bottom:16px}
.srh .zx{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(143,245,234,.4);background:transparent;color:var(--g2);cursor:pointer;z-index:2}
.srh .znav{position:absolute;left:24px;bottom:-54px;right:24px;display:flex;justify-content:space-between}
.srh .znav button{height:36px;padding:0 14px;border-radius:18px;border:1px solid rgba(143,245,234,.35);background:rgba(5,16,17,.8);color:var(--g2);cursor:pointer;font-size:13px}
.srh .sec{position:relative;padding:96px 24px;border-top:1px solid rgba(255,255,255,.06)}
.srh .sec .in{max-width:1180px;margin:0 auto}
.srh .shd{text-align:center;margin-bottom:44px}
.srh .shd .k{font-size:11px;letter-spacing:.24em;color:var(--red)}
.srh .shd h2{margin:10px 0 10px;font-size:32px;font-weight:900}
.srh .shd p{margin:0 auto;max-width:620px;font-size:14.5px;line-height:1.8;color:var(--mute)}
.srh .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.srh .pc{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px 24px 24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#15171C,#0F1115)}
.srh .pc.pro{border-color:rgba(255,49,49,.55);box-shadow:0 0 0 1px rgba(255,49,49,.1),0 20px 60px rgba(255,49,49,.08)}
.srh .pc.life{border-color:rgba(232,184,74,.5);box-shadow:0 0 0 1px rgba(232,184,74,.08),0 20px 60px rgba(232,184,74,.07)}
.srh .pc .tag{position:absolute;top:-11px;left:24px;font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:12px;background:var(--red);color:#fff}
.srh .pc.life .tag{background:var(--gold);color:#1a1405}
.srh .pch{display:flex;align-items:center;gap:14px}
.srh .pch svg{width:58px;height:58px;flex:none;overflow:visible}
.srh .pc.free .pch svg{color:#8A8F97}
.srh .pc.pro .pch svg{color:var(--red);filter:drop-shadow(0 0 8px rgba(255,49,49,.4))}
.srh .pc.life .pch svg{color:var(--gold);filter:drop-shadow(0 0 8px rgba(232,184,74,.4))}
.srh .pch b{display:block;font-size:19px}
.srh .pch small{display:block;margin-top:3px;font-size:12.5px;color:var(--mute)}
.srh .pp{display:flex;align-items:baseline;gap:6px}
.srh .pp b{font:700 34px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:-.01em}
.srh .pp small{font-size:13px;color:var(--mute)}
.srh .pp em{font-style:normal;font-size:12.5px;color:var(--red2);margin-left:6px}
.srh .pc.life .pp em{color:#F2D58A}
.srh .pf{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:9px;flex:1;align-content:start}
.srh .pf li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:13.5px;line-height:1.55;color:#D9DDE2}
.srh .pf li i{font-style:normal;color:var(--red2);font-weight:700}
.srh .pc.free .pf li i{color:#8A8F97}
.srh .pc.life .pf li i{color:var(--gold)}
.srh .pf li.no{color:#6E747C}
.srh .pf li.no i{color:#555A61}
.srh .pc .btn{width:100%;height:46px}
.srh .pnote{margin:26px auto 0;max-width:820px;text-align:center;font-size:12.5px;line-height:1.8;color:var(--mute)}
.srh .pnote b{color:#C9CDD2}
.srh .cmp{margin-top:40px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.srh .cmp table{width:100%;border-collapse:collapse;font-size:13.5px}
.srh .cmp th,.srh .cmp td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}
.srh .cmp th:first-child,.srh .cmp td:first-child{text-align:left;color:#D9DDE2}
.srh .cmp thead th{font-size:12px;color:var(--mute);font-weight:500;background:rgba(255,255,255,.02)}
.srh .cmp tbody tr:last-child td{border-bottom:0}
.srh .cmp .y{color:var(--red2);font-weight:700}
.srh .cmp .yg{color:var(--gold);font-weight:700}
.srh .cmp .n{color:#555A61}
.srh .cmp .l{color:var(--ink2);font-size:12px}
.srh .faq{max-width:860px;margin:0 auto;display:grid;gap:10px}
.srh .fq{border:1px solid var(--line);border-radius:10px;background:#111318;overflow:hidden}
.srh .fq summary{color:#ECEEF1;list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;font-size:15.5px;font-weight:700}
.srh .fq summary::-webkit-details-marker{display:none}
.srh .fq summary i{font-style:normal;font:600 11px 'JetBrains Mono',ui-monospace,Consolas,monospace;color:var(--red);letter-spacing:.1em}
.srh .fq summary::after{content:"+";margin-left:auto;font-size:20px;font-weight:300;color:var(--mute);transition:transform .2s}
.srh .fq[open] summary::after{transform:rotate(45deg);color:var(--red2)}
.srh .fq[open]{border-color:rgba(255,49,49,.35)}
.srh .fq .a{padding:0 20px 20px 52px;font-size:14px;line-height:1.85;color:#B8BEC6}
.srh .fq .a p{margin:0 0 8px}
.srh .dg{fill:none;stroke:var(--g)}
.srh .dt{fill:var(--g2);font-family:'Noto Sans TC',sans-serif}
.srh .dm{font-family:'JetBrains Mono',ui-monospace,Consolas,monospace}
@keyframes srhDPing{0%{transform:scale(.3);opacity:1}100%{transform:scale(2.6);opacity:0}}
.srh .d-ping{transform-box:fill-box;transform-origin:center;animation:srhDPing 2.4s ease-out infinite}
@keyframes srhDGrowX{0%,8%{transform:scaleX(0)}40%,86%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.srh .d-gx{transform-box:fill-box;transform-origin:left center;animation:srhDGrowX 6s cubic-bezier(.3,.7,.3,1) infinite}
@keyframes srhDGrowY{0%,6%{transform:scaleY(0)}35%,86%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.srh .d-gy{transform-box:fill-box;transform-origin:center bottom;animation:srhDGrowY 6s cubic-bezier(.3,.7,.3,1) infinite}
@keyframes srhDDraw{0%,6%{stroke-dashoffset:var(--L)}45%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:var(--L)}}
.srh .d-draw{stroke-dasharray:var(--L);animation:srhDDraw 6s ease-in-out infinite}
@keyframes srhDFlow{to{stroke-dashoffset:-20}}
.srh .d-flow{stroke-dasharray:4 6;animation:srhDFlow 1.1s linear infinite}
@keyframes srhDBlink{50%{opacity:.25}}
.srh .d-blink{animation:srhDBlink 1.2s steps(2) infinite}
@keyframes srhDFade{0%,10%{opacity:0}22%,88%{opacity:1}100%{opacity:0}}
.srh .d-fade{animation:srhDFade 6s linear infinite}
@keyframes srhDStampA{0%,10%{opacity:0;transform:scale(2)}16%,88%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes srhDStampB{0%,24%{opacity:0;transform:scale(2)}30%,88%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes srhDStampC{0%,38%{opacity:0;transform:scale(2)}44%,88%{opacity:1;transform:scale(1)}100%{opacity:0}}
.srh .d-sa,.srh .d-sb,.srh .d-sc{transform-box:fill-box;transform-origin:center}
.srh .d-sa{animation:srhDStampA 6s ease-out infinite}
.srh .d-sb{animation:srhDStampB 6s ease-out infinite}
.srh .d-sc{animation:srhDStampC 6s ease-out infinite}
@keyframes srhDScanY{0%{transform:translateY(0)}100%{transform:translateY(150px)}}
.srh .d-scan{animation:srhDScanY 3s linear infinite}
@keyframes srhDSpin{to{transform:rotate(360deg)}}
.srh .d-spin{transform-box:fill-box;transform-origin:center;animation:srhDSpin 18s linear infinite}
@keyframes srhDRow{0%,100%{opacity:.35}10%,30%{opacity:1}}
.srh .d-row{animation:srhDRow 4s linear infinite}
@keyframes srhDMorph{0%,100%{transform:scale(.72)}50%{transform:scale(1)}}
.srh .d-morph{transform-box:fill-box;transform-origin:center;animation:srhDMorph 5s ease-in-out infinite}
@keyframes srhDPage{0%,100%{transform:translate(0,0)}50%{transform:translate(-3px,-3px)}}
.srh .d-page{animation:srhDPage 5s ease-in-out infinite}
@keyframes srhDHi{0%,15%{transform:scaleX(0)}40%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.srh .d-hi{transform-box:fill-box;transform-origin:left center;animation:srhDHi 5s ease-in-out infinite}
@keyframes srhDAppear{0%{opacity:0}12%,88%{opacity:1}100%{opacity:0}}
.srh .d-ap{opacity:0;animation:srhDAppear 8s linear infinite}
@keyframes srhDBob{50%{transform:translateY(-3px)}}
.srh .d-bob{animation:srhDBob 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.srh [class*="d-"],.srh .hs .fr,.srh .hs .fr::before{animation:none!important}}
@media (max-width:1100px){.srh .srh-scene{height:auto;min-height:0;padding:28px 18px 30px;display:flex;flex-direction:column;gap:18px}
.srh .srh-scene::after{display:none}
.srh .hud,.srh .srh-ht,.srh .srh-tick,.srh .srh-cap,.srh .srh-bar{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto}
.srh .srh-ht h1{font-size:34px}
.srh .srh-ht::before{display:none}
.srh .srh-ht img.lg{width:150px;margin-bottom:12px}
.srh .srh-globe{position:relative;inset:auto;height:min(92vw,440px)}
.srh .srh-cv{position:absolute}
.srh .srh-scr{position:relative;inset:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;pointer-events:auto}
.srh .hs{position:relative;transform:none!important;flex:0 0 76vw;max-width:340px;height:auto;aspect-ratio:320/222;scroll-snap-align:center;opacity:1!important;filter:none!important}
.srh .srh-bar{justify-content:center;flex-wrap:wrap}
.srh .plans{grid-template-columns:1fr}
.srh .zb{grid-template-columns:1fr;max-height:calc(100vh - 48px);overflow:auto}
.srh .znav{position:static;margin-top:10px}
.srh .sec{padding:64px 18px}
.srh .shd h2{font-size:26px}
.srh .cmp{overflow-x:auto}
.srh .cmp table{min-width:560px}}
.srh .pch .t1{font:700 22px 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.14em;fill:#F3F3F5}
.srh .pch .t2{font:600 8px 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.3em;fill:currentColor}
.srh .pc.life .pch .t2{fill:#F2D58A;letter-spacing:.34em}
.srh .pch .r1{transform-origin:60px 60px;animation:srhPsSpin 14s linear infinite}
.srh .pc.life .pch .r1{animation-duration:40s}
@keyframes srhPsSpin{to{transform:rotate(360deg)}}
.srh .pch .inf{stroke-dasharray:9 91;animation:srhPsInf 2.8s linear infinite;filter:drop-shadow(0 0 3px #FFE7A8)}
@keyframes srhPsInf{to{stroke-dashoffset:-100}}
.srh .ag-spin{transform-origin:0 0;animation:srhAgSpin 26s linear infinite}
.srh .ag-spin2{transform-origin:0 0;animation:srhAgSpin 40s linear infinite reverse}
@keyframes srhAgSpin{to{transform:rotate(360deg)}}
.srh .ag-route{stroke-dasharray:6 7;animation:srhAgDash 1.2s linear infinite}
@keyframes srhAgDash{to{stroke-dashoffset:-26}}
.srh .ag-scan{animation:srhAgScan 5s linear infinite}
@keyframes srhAgScan{0%{transform:translateY(-40px);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateY(300px);opacity:0}}
.srh .ag-hot{animation:srhAgHot 1.4s ease-in-out infinite}
@keyframes srhAgHot{0%,100%{opacity:.35}50%{opacity:1}}
.srh .ag-call{animation:srhAgCall 26s linear infinite}
@keyframes srhAgCall{0%,46%{opacity:0}49%,72%{opacity:1}75%,100%{opacity:0}}
.srh .ag-uav{animation:srhAgBob 2.6s ease-in-out infinite}
@keyframes srhAgBob{50%{transform:translateY(-3px)}}
.srh .ag-holo{filter:drop-shadow(0 0 5px rgba(77,216,201,.45))}
.srh .ag-holo image{mix-blend-mode:screen}
.srh .pp s{font:500 14px 'JetBrains Mono',ui-monospace,Consolas,monospace;color:#6E747C;margin-right:4px}
.srh .plans.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:0 auto}
.srh .fq summary span{flex:1;min-width:0}
.srh .pnote a{color:#FF5A5A;text-decoration:underline}
@media (max-width:1100px){.srh .plans.n2{grid-template-columns:1fr}}
/* 放大說明的上一個／下一個：放進框內右下角（外框有 clip-path，放在框外會被切掉） */
.srh .znav{left:auto;right:24px;bottom:22px;gap:8px;z-index:2}
.srh .pp small{white-space:nowrap}
@media (max-width:1100px){
  .srh .srh-bar{margin-top:26px}
  .srh .pp{flex-wrap:wrap;row-gap:4px}.srh .pp em{flex-basis:100%;margin-left:0}
  .srh .znav{position:static;justify-content:flex-end}
}
/* 手機版放大說明（1.205.198 站長：「上面的圖有拉長，比例剛好就好」）
   整個框改成貼著內容的高度：示範圖固定 16:10、不被撐高，間距收緊，
   上一個／下一個緊接在文字下面，不再留一大塊空白。 */
@media (max-width:760px){
  .srh .srh-zoom{padding:14px}
  .srh .zb{gap:14px;padding:16px;align-content:start;align-items:start;grid-auto-rows:auto}
  .srh .zv{align-self:start;height:auto}
  .srh .zt h3{font-size:22px;margin:6px 0 8px}
  .srh .zt p{font-size:13.5px;line-height:1.7;margin-bottom:10px}
  .srh .zt ul{gap:6px;margin-bottom:12px}
  .srh .zt li{font-size:13px}
  .srh .zt .lk{margin-bottom:0}
  .srh .znav{margin-top:0}
  .srh .znav button{height:32px;font-size:12.5px}
  .srh .zx{right:8px;top:8px;width:30px;height:30px}
}

/* 價格數字（1.205.185 做成 HUD 讀數；1.205.186 站長：「太突兀招搖了」→ 收斂）
   等寬數字、單一實色、不發光、不漸層；幣別縮成小字。科技感留給底下那條細刻度線，
   數字本身要安靜——它旁邊已經有徽章與彩色邊框，再亮就搶過方案名稱了。 */
.srh .pp{position:relative;padding:4px 0 2px}
.srh .pp b.num{display:inline-flex;align-items:baseline;gap:6px;font:600 32px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#EEF0F2}
.srh .pp b.num .cur{font:500 12px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.08em;color:var(--mute)}
.srh .pp b.num.free .v{display:none}
.srh .pp b.num.free .fz{font:700 30px/1 'Noto Sans TC',sans-serif;letter-spacing:.02em;color:#EEF0F2}
.srh .pp small{font-family:'JetBrains Mono',ui-monospace,Consolas,monospace;font-size:12px;letter-spacing:.04em}
.srh .pp::after{content:"";position:absolute;left:0;bottom:-8px;width:96px;height:3px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 6px);opacity:.22}
.srh .pc.free .pp{color:#8A8F97}.srh .pc.pro .pp{color:var(--red)}.srh .pc.life .pp{color:var(--gold)}
.srh .pch .t1{font-family:'Orbitron','JetBrains Mono',ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.1em}
.srh .pch .t2{font-family:'Orbitron','JetBrains Mono',ui-monospace,Consolas,monospace}
@media (max-width:1100px){.srh .pp b.num{font-size:30px}}

/* 常見問題（1.205.189，站長：「有一點 AI 風格」）：報刊式兩欄，細線分隔，不用卡片框與編號 */
.srh .fqw{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:64px;align-items:start;max-width:1120px}
.srh .fqh{position:sticky;top:130px}
.srh .fqk{font-size:12.5px;letter-spacing:.12em;color:var(--mute);margin-bottom:12px}
.srh .fqh h2{margin:0 0 14px;font-size:26px;text-wrap:balance;font-weight:700;line-height:1.35;color:#EEF0F2;text-align:left}
.srh .fqh p{margin:0;font-size:14px;line-height:1.85;color:#8E959E}
.srh .faq{max-width:none;margin:0;display:block;border-top:1px solid rgba(255,255,255,.12)}
.srh .fq{border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:none;overflow:visible}
.srh .fq[open]{border-color:rgba(255,255,255,.09)}
.srh .fq summary{padding:22px 40px 22px 0;gap:0;font-size:16px;font-weight:500;color:#D9DDE2;position:relative;transition:color .2s}
.srh .fq summary:hover,.srh .fq[open] summary{color:#FFFFFF}
.srh .fq summary::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;margin:-6px 0 0;border-right:1.5px solid #8E959E;border-bottom:1.5px solid #8E959E;transform:rotate(45deg);transition:transform .2s;font-size:0}
.srh .fq[open] summary::after{transform:rotate(225deg);margin-top:-2px;border-color:#D9DDE2;color:inherit}
.srh .fq .a{padding:0 40px 26px 0;font-size:14.5px;line-height:1.9;color:#A9AFB7}
.srh .fq .a p{margin:0 0 10px}
.srh .fq .a p:last-child{margin-bottom:0}
.srh .fq .a p.li{position:relative;padding-left:16px;margin-bottom:6px}
.srh .fq .a p.li::before{content:"";position:absolute;left:2px;top:.85em;width:6px;height:1px;background:#8E959E}
@media (max-width:1100px){
  .srh .fqw{grid-template-columns:1fr;gap:28px}
  .srh .fqh{position:static}
  .srh .fqh h2{font-size:24px}
  .srh .fq summary{font-size:15.5px;padding:18px 32px 18px 0}
  .srh .fq .a{padding-right:0}
}
/* 1.205.284 投影內容改成戰情室實際畫面：用 screen 混色讓暗底透明，像投影在空中；上層掃描線與光暈沿用 .fr 的 ::before/::after */
.srh .hs .bd .shot{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;object-position:0 0;
  mix-blend-mode:screen;opacity:.9;filter:saturate(.9) contrast(1.05) brightness(1.05);border-radius:1px;user-select:none;pointer-events:none;background:transparent}
.srh .zv video.shot{aspect-ratio:16/10;background:#000}
.srh .hs.on .bd .shot{opacity:1}
.srh .hs .bd::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(77,216,201,.10),rgba(77,216,201,0) 40%,rgba(6,22,22,.25));mix-blend-mode:screen}
.srh .zv .shot{display:block;width:100%;height:auto;border:1px solid rgba(77,216,201,.35);border-radius:4px;box-shadow:0 0 40px rgba(77,216,201,.18)}
@media (max-width:1100px){.srh .hs .bd .shot{mix-blend-mode:normal;opacity:1}}
/* 1.205.288 矮螢幕（筆電 720–800 高）標題區收緊，避免壓到 02 產業分析面板 */
@media (min-width:1101px) and (max-height:800px){.srh .srh-ht{top:22px}.srh .srh-ht img.lg{width:150px;margin-bottom:10px}.srh .srh-ht h1{font-size:32px;margin:8px 0 8px}.srh .srh-ht .ax{margin-bottom:6px}.srh .srh-ht p{line-height:1.6}.srh .srh-ht p.go{margin-top:8px}}
/* 1.205.302 載入前不顯示還沒排好位置的投影面板與說明（原本會疊在左上角一閃）。
   電腦版的位置全靠 JS 算，沒排好就不顯示；手機版是一般捲動清單，JS 沒跑起來時 2.5 秒後照樣顯示。 */
.srh:not(.rdy) .srh-scr,.srh:not(.rdy) .srh-cap,.srh:not(.rdy) .srh-marks{opacity:0}
@media (max-width:1100px){.srh:not(.rdy) .srh-scr,.srh:not(.rdy) .srh-cap{animation:srhRev 0s 2.5s forwards}}
.srh.rdy .srh-scr,.srh.rdy .srh-cap{animation:srhFade .45s ease-out both}
@keyframes srhRev{to{opacity:1}}
@keyframes srhFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.srh.rdy .srh-scr,.srh.rdy .srh-cap{animation:none}}

/* 1.205.314 早期會員價格鎖定（站長 2026-10-04） */
.srh .plg-pin{display:flex;align-items:center;gap:8px;margin-top:-4px;padding:8px 12px;border:1px dashed rgba(255,49,49,.5);border-radius:8px;background:rgba(255,49,49,.06);font-size:13px;color:#FFD0D0;text-decoration:none}
.srh .plg-pin svg{width:14px;height:14px;flex:none;color:var(--red2)}
.srh .plg-pin b{color:#fff;font-weight:700}
.srh .plg-pin .t{color:#FFD0D0}
.srh .plg-pin .go{margin-left:auto;color:var(--red2);white-space:nowrap}
.srh #sr-pledge{background:radial-gradient(900px 420px at 50% 0%,rgba(255,49,49,.10),transparent 70%)}
.srh .plg{max-width:1120px;margin:0 auto}
.srh .plg-box{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid rgba(255,49,49,.45);border-radius:16px;background:linear-gradient(180deg,#15171C,#0E1014);box-shadow:0 0 0 1px rgba(255,49,49,.08),0 30px 80px rgba(255,49,49,.07);overflow:hidden}
.srh .plg-box::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000 0%,transparent 55%)}
.srh .plg-box i.cn{position:absolute;width:16px;height:16px;border:2px solid var(--red);pointer-events:none}
.srh .plg-box i.cn.a{top:10px;left:10px;border-right:0;border-bottom:0}.srh .plg-box i.cn.b{top:10px;right:10px;border-left:0;border-bottom:0}
.srh .plg-box i.cn.c{bottom:10px;left:10px;border-right:0;border-top:0}.srh .plg-box i.cn.d{bottom:10px;right:10px;border-left:0;border-top:0}
.srh .plg-l{position:relative;padding:40px 40px 36px;border-right:1px solid rgba(255,255,255,.08)}
.srh .plg-seal{display:flex;align-items:center;gap:14px}
.srh .plg-seal svg{width:64px;height:64px;flex:none;color:var(--red);overflow:visible}
.srh .plg-seal svg .r1{transform-origin:60px 60px;animation:srhPsSpin 14s linear infinite}
.srh .plg-seal .k{font:600 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.22em;color:var(--red)}
.srh .plg-seal b{display:block;font-size:19px;margin-top:4px}
.srh .plg-pr{display:flex;align-items:baseline;gap:8px;margin:26px 0 6px;flex-wrap:wrap}
.srh .plg-pr .cur{font:600 18px 'JetBrains Mono',ui-monospace,monospace;color:var(--ink2)}
.srh .plg-pr .v{font:700 54px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.02em;color:#fff;text-shadow:0 0 24px rgba(255,49,49,.35)}
.srh .plg-pr small{font-size:14px;color:var(--mute)}
.srh .plg-pr .lk{align-self:center;margin-left:6px;font:700 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.18em;color:#fff;background:var(--red);border-radius:3px;padding:4px 8px}
.srh .plg-l .s{margin:0;font-size:15px;line-height:1.8;color:var(--ink2)}
.srh .plg-l .s b{color:#fff}
.srh .plg-dl{display:flex;align-items:center;gap:12px;margin:22px 0 26px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.25);font-size:13.5px;color:var(--ink2)}
.srh .plg-dl .t{font:600 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.16em;color:var(--mute)}
.srh .plg-dl b{font:700 15px 'JetBrains Mono',ui-monospace,monospace;color:#fff}
.srh .plg-dl .d{margin-left:auto;font:700 13px 'JetBrains Mono',ui-monospace,monospace;color:var(--red2);white-space:nowrap}
.srh .plg-l .btn{width:100%}
.srh .plg-l .sub{margin:10px 0 0;font-size:12.5px;color:var(--mute);text-align:center}
.srh .plg-r{position:relative;padding:34px 40px}
.srh .plg-pts{list-style:none;margin:0;padding:0}
.srh .plg-pts li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.srh .plg-pts li:first-child{padding-top:4px}
.srh .plg-pts .n{font:700 13px 'JetBrains Mono',ui-monospace,monospace;color:var(--red);letter-spacing:.06em;padding-top:2px}
.srh .plg-pts b{display:block;font-size:16.5px;color:#fff}
.srh .plg-pts p{margin:4px 0 0;font-size:14px;line-height:1.75;color:var(--mute)}
.srh .plg-if{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:16px 0 0}
.srh .plg-if .n{font:600 12px 'JetBrains Mono',ui-monospace,monospace;color:var(--mute);padding-top:2px}
.srh .plg-if p{margin:0;font-size:14px;line-height:1.8;color:var(--ink2)}
.srh .plg-rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0 0;padding-top:26px}
.srh .plg-rail::before{content:"";position:absolute;top:6px;left:16.6%;right:16.6%;height:2px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 50%,rgba(255,255,255,.18) 50%)}
.srh .plg-rail div{position:relative;text-align:center}
.srh .plg-rail div::before{content:"";position:absolute;top:-26px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#0B0D11;border:2px solid var(--red);box-shadow:0 0 10px rgba(255,49,49,.6)}
.srh .plg-rail div.off::before{border-color:#6E747C;box-shadow:none}
.srh .plg-rail small{display:block;font:600 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.16em;color:var(--mute)}
.srh .plg-rail b{display:block;margin:6px 0 2px;font:700 20px 'JetBrains Mono',ui-monospace,monospace;color:#fff}
.srh .plg-rail div.off b{color:#9AA0A8;font-family:inherit;font-size:18px}
.srh .plg-rail span{font-size:13px;color:var(--mute)}
.srh .plg-qa{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:48px;margin-top:56px}
.srh .plg-qa h3{margin:0;font-size:20px;color:#EEF0F2}
.srh .plg-qa .qk{font:600 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.2em;color:var(--mute);margin-bottom:10px}
.srh .plg-qa .faq{border-top:1px solid rgba(255,255,255,.12)}
.srh .plg-qa .fq summary{padding:18px 40px 18px 0;font-size:15px}
.srh .plg-qa .fq .a{padding:0 0 18px}
@media (max-width:900px){
 .srh .plg-box{grid-template-columns:1fr}
 .srh .plg-l{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:30px 22px 26px}
 .srh .plg-r{padding:24px 22px 26px}
 .srh .plg-pr .v{font-size:44px}
 .srh .plg-dl{flex-wrap:wrap;row-gap:4px}
 .srh .plg-dl .t{width:100%}
 .srh .plg-rail{grid-template-columns:1fr;gap:22px;padding:0 0 0 30px;margin-top:34px}
 .srh .plg-rail::before{top:8px;bottom:8px;left:6px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--red) 0%,var(--red) 62%,rgba(255,255,255,.18) 62%)}
 .srh .plg-rail div{text-align:left}
 .srh .plg-rail div::before{top:4px;left:-30px;margin-left:0}
 .srh .plg-qa{grid-template-columns:1fr;gap:16px;margin-top:40px}
}
.srh .plg-if p b{color:#fff;font-weight:700}
/* 1.205.315 中文小標不用等寬字與大字距 */
.srh #sr-pledge .shd .k,.srh .plg-seal .k,.srh .plg-rail small,.srh .plg-qa .qk,.srh .plg-dl .t,.srh .plg-if .n{font-family:inherit;letter-spacing:.06em;font-weight:700}
/* 1.205.318 常見問題裡的「早期會員資格」分組 */
.srh .faq .fqg{margin:34px 0 0;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--red2)}

/* ════ 1.205.363 你們做什麼？（公開頁互動）與你想做什麼 ════ */
.srh .srh-ht p.go a{color:inherit;text-decoration:none}.srh .srh-ht p.go a:hover b{color:var(--red2)}
.srh .pf li b{color:#fff;font-weight:600}
.srh details.cmp{overflow:visible}.srh details.cmp>summary{cursor:pointer;padding:14px 16px;color:var(--ink2);font-size:14px;list-style:none;display:flex;align-items:center;gap:8px}
.srh details.cmp>summary::before{content:'';width:0;height:0;border:5px solid transparent;border-left-color:var(--mute);transition:transform .2s}
.srh details.cmp[open]>summary::before{transform:rotate(90deg)}
.srh details.cmp>summary::-webkit-details-marker{display:none}
/* 1.205.363 標題改成兩句問句：字級 34px、區塊加寬到 420px，讓「無人機產業正在發生什麼，」一行放得下 */
.srh .srh-ht{width:420px}
.srh .srh-ht h1{font-size:34px;line-height:1.3;letter-spacing:0}
@media (min-width:1101px) and (max-width:1180px){.srh .srh-ht{width:360px}.srh .srh-ht h1{font-size:29px}}
@media (max-width:1100px){.srh .srh-ht{width:auto}.srh .srh-ht h1{font-size:28px}}
/* ═════════ 1.205.363 全息六軸無人機（取代地球＋十面投影） ═════════ */
.srh .srh-stage{position:absolute;z-index:auto;left:30%;top:20px;width:40%;height:70%}
.srh .srh-stage .srh-cv{position:absolute;inset:0;width:100%;height:100%;cursor:default;touch-action:auto;z-index:0}
.srh .srh-stage .uv{position:absolute;left:0;right:0;top:0;bottom:90px}
.srh .uvv{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;background:transparent;pointer-events:none;
  filter:drop-shadow(0 0 14px rgba(77,216,201,.28));-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 48%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 48%,#000 70%,transparent 100%)}
.srh .uv::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(143,245,234,.05) 0 1px,transparent 1px 3px);mix-blend-mode:screen;animation:srhUvFl 6s steps(1) infinite;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 45%,#000 40%,transparent 100%)}
@keyframes srhUvFl{0%,100%{opacity:1}47%{opacity:.6}48%{opacity:1}83%{opacity:.85}}
.srh .uvl{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .15s}
.srh .uvl .a0{fill:#FF6A4D;filter:drop-shadow(0 0 6px #FF4A2E)}
.srh .uvl .a1{fill:none;stroke:rgba(255,106,77,.8);stroke-width:1.2;animation:srhUvP 1.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes srhUvP{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.6);opacity:0}}
.srh .uvl .ln{fill:none;stroke:rgba(255,160,140,.85);stroke-width:1.2}
.srh .uvt{position:absolute;left:0;top:0;opacity:0;pointer-events:none;white-space:nowrap;padding:5px 10px;border:1px solid rgba(255,106,77,.7);background:rgba(30,10,8,.82);font-size:13.5px;font-weight:700;color:#FFE6DF;letter-spacing:.02em}
.srh .uvt i{font-style:normal;font-size:10.5px;color:#FF8A6D;margin-right:7px;letter-spacing:.1em}
/* 右側：零組件的供應鏈資料＋清單 */
.srh .srh-cap{left:auto;right:36px;top:200px;transform:none;width:330px;text-align:left;padding:14px 16px 12px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(6px)}
.srh .srh-cap::before,.srh .srh-cap::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--g,#4DD8C9);border-style:solid}
.srh .srh-cap::before{left:-1px;top:-1px;border-width:2px 0 0 2px}
.srh .srh-cap::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.srh .srh-cap .ch{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.12em;color:var(--mute)}
.srh .srh-cap .ch .ph{font-style:normal;color:var(--g2,#8FF5EA);letter-spacing:.06em}
.srh .srh-cap .cc{margin-top:10px}
.srh .srh-cap .cc.in{animation:srhTkIn .45s ease-out}
.srh .srh-cap.idle .cc{opacity:.55}
.srh .srh-cap .n{font-size:10.5px;letter-spacing:.18em;color:#FF8A6D;text-shadow:none}
.srh .srh-cap .t{margin:4px 0 4px;font-size:21px;font-weight:900;color:#fff;text-shadow:none}
.srh .srh-cap .d{font-size:13px;line-height:1.65;color:var(--ink2);min-height:0;text-shadow:none}
.srh .srh-cap .st{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.srh .srh-cap .st span{display:block;padding:8px 10px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.srh .srh-cap .st small{display:block;font-size:11px;color:var(--mute)}
.srh .srh-cap .st b{font-size:24px;font-weight:800;color:#fff;margin-right:4px}
.srh .srh-cap .st i{font-style:normal;font-size:12px;color:var(--mute)}
.srh .srh-cap .gp{margin-top:8px;font-size:12px;line-height:1.6;color:var(--mute)}
.srh .srh-cap .gp:empty{display:none}
.srh .srh-cap .gp b{color:#F5C518;font-weight:600}
.srh .srh-cap .cp{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;align-items:center}
.srh .srh-cap .cp small{font-size:11px;color:var(--mute);margin-right:2px}
.srh .srh-cap .cp a{font-size:11.5px;padding:2px 8px;border:1px solid rgba(77,216,201,.45);border-radius:999px;color:var(--g2,#8FF5EA)}
.srh .srh-cap .cp a:hover{background:rgba(77,216,201,.12)}
.srh .srh-cap .bom{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}
.srh .srh-cap .bom button{display:flex;gap:7px;align-items:baseline;width:100%;padding:3px 4px;border:0;background:none;color:var(--ink2);font-size:12.5px;text-align:left;cursor:pointer;border-left:2px solid transparent}
.srh .srh-cap .bom button i{font-style:normal;font-size:10px;color:var(--mute)}
.srh .srh-cap .bom button:hover{color:#fff}
.srh .srh-cap .bom button.on{color:#fff;border-left-color:#FF6A4D;background:rgba(255,106,77,.08)}
.srh .srh-cap .bom button.on i{color:#FF8A6D}
.srh .srh-cap .ft{margin:8px 0 0;font-size:10.5px;line-height:1.55;color:var(--mute)}
/* 下方進度：組裝｜拆解｜11 個零組件｜組裝 */
.srh .srh-tl{left:50%;transform:translateX(-50%);bottom:84px;width:min(560px,44vw);display:flex;flex-direction:column;gap:6px;align-items:center}
.srh .srh-tl .tb{display:flex;gap:3px;width:100%}
.srh .srh-tl .tb button{position:relative;height:14px;padding:0;border:0;background:none;cursor:pointer}
.srh .srh-tl .tb button::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:rgba(255,255,255,.14)}
.srh .srh-tl .tb button i{position:absolute;left:0;right:0;top:6px;height:2px;background:var(--g,#4DD8C9);transform-origin:0 50%;transform:scaleX(0)}
.srh .srh-tl .tb button[data-seg^="c"] i{background:#FF6A4D}
.srh .srh-tl .tb button:hover::before{background:rgba(255,255,255,.35)}
.srh .srh-tl .lb{font-size:11px;letter-spacing:.14em;color:var(--mute);min-height:14px}
/* 影片要用 screen 混色讓黑底透明：舞台本身不能變成獨立圖層（不給 z-index、不做透明度動畫） */
.srh:not(.rdy) .srh-tl{opacity:0}
.srh.rdy .srh-tl{animation:srhFade .6s ease-out both}
.srh:not(.rdy) .uvv{visibility:hidden}
@media (max-width:1100px){
  .srh .srh-stage{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1280/1010;order:2}
  .srh .srh-stage .uv{bottom:10%;left:-14%;right:-14%;top:-4%}
  .srh .srh-ht{order:1}.srh .srh-tl{order:3}.srh .srh-cap{order:4}.srh .srh-tick{order:5}.srh .srh-bar{order:6}
  .srh .srh-cap{width:auto;top:auto;right:auto}
  .srh .srh-tl{position:relative;left:auto;bottom:auto;transform:none;width:100%}
  .srh .srh-cap .bom{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}
  .srh .srh-cap .bom li{flex:0 0 auto}
  .srh .srh-cap .bom button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:4px 10px}
  .srh .srh-cap .bom button.on{border-color:#FF6A4D}
  .srh .uvt{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.srh .uv::after,.srh .uvl .a1{animation:none}}
.srh .srh-scene>.srh-cv{position:absolute;inset:0;width:100%;height:100%;z-index:0;cursor:default;touch-action:auto;pointer-events:none}
/* 1.205.364 標語下方的數字列與三句 */
.srh .srh-ht p.nm{margin-top:12px;font-size:13px;font-weight:700;color:#E6E9ED;letter-spacing:.02em}
.srh .srh-ht p.nm i{font-style:normal;color:var(--red);margin:0 7px;font-weight:400}
.srh .srh-ht p.go{color:#C9CED5;line-height:1.8}
.srh .srh-ht p.nm span{white-space:nowrap}
/* ════ 1.205.365 產業定位（站長：「很醜，請優化，不要 AI 風格」「不要在這區塊呈現按鈕」）════
   跟常見問題同一套報刊式版面：左欄標題，右欄細線索引；不用膠囊、圓角卡、置中標題與紅色編號。 */
.srh .yw{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:64px;align-items:start;max-width:1120px}
.srh .yh{position:sticky;top:130px}
.srh .yk{font-size:12.5px;letter-spacing:.12em;color:var(--mute);margin-bottom:12px}
.srh .yh h2{margin:0 0 14px;font-size:26px;font-weight:700;line-height:1.4;color:#EEF0F2;text-wrap:balance}
.srh .yh p{margin:0;font-size:14px;line-height:1.85;color:#8E959E}
.srh .yh p.yfr{margin-top:18px;font-size:13.5px;font-weight:600;color:#D9DDE2;letter-spacing:.04em}
.srh .yh p.yfr i{font-style:normal;color:#5C626A;margin:0 8px;font-weight:400}
.srh .yh p.yfs{margin-top:6px;font-size:12px;line-height:1.7;color:#6F767F}
.srh .ycaps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;border-top:1px solid rgba(255,255,255,.12)}
.srh .ycaps button{position:relative;display:block;width:100%;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:none;color:#AEB4BC;font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:color .15s,padding .15s}
.srh .ycaps button:hover{color:#fff}
.srh .ycaps button.on{color:#fff;font-weight:600;padding-left:14px}
.srh .ycaps button.on::before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;background:var(--red)}
.srh .yres{margin-top:34px}
.srh .yfig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}
.srh .yfig span{display:block;padding:16px 0 14px 18px;border-left:1px solid rgba(255,255,255,.08);font-size:13px;color:#8E959E}
.srh .yfig span:first-child{padding-left:0;border-left:0}
.srh .yfig b{display:block;margin-bottom:2px;font:600 34px/1.15 'JetBrains Mono',ui-monospace,monospace;color:#F1F3F5}
.srh .ydet{display:grid;grid-template-columns:110px minmax(0,1fr);margin:0;font-size:14px;line-height:1.7}
.srh .ydet dt,.srh .ydet dd{margin:0;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.srh .ydet dt{color:#6F767F;font-size:13px}
.srh .ydet dd{color:#D9DDE2}
.srh .ydet .mu{color:#6F767F}
.srh .ydet .g{color:#E8B84A}
.srh .ynx{margin:18px 0 0;font-size:13.5px;line-height:1.8;color:#8E959E}
.srh .ynx a{margin-left:10px;color:#ECEEF1;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35);white-space:nowrap}
.srh .ynx a:hover{text-decoration-color:var(--red)}
.srh .ynx a::after{content:" →"}
.srh .yfn{margin:8px 0 0;font-size:12px;line-height:1.7;color:#6F767F}
.srh .yw2{max-width:1120px;padding-top:96px}
.srh .ysub{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;font-size:18px;font-weight:700;color:#EEF0F2}
.srh .ysub span{font-size:12.5px;font-weight:400;color:#6F767F}
.srh .ywant{border-top:1px solid rgba(255,255,255,.12);margin-bottom:64px}
.srh .ywant a{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,300px);gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}
.srh .ywant b{font-size:16px;font-weight:600;color:#ECEEF1;transition:color .15s}
.srh .ywant span{font-size:14px;line-height:1.7;color:#AEB4BC}
.srh .ywant small{font-size:12.5px;color:#6F767F;text-align:right}
.srh .ywant a:hover b{color:var(--red2)}
.srh .ywant a:hover small{color:#AEB4BC}
.srh .ymods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid rgba(255,255,255,.12)}
.srh .ymods .ym{display:flex;justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.srh .ymods .ym b{font-size:15px;font-weight:500;color:#D9DDE2;transition:color .15s}
.srh .ymods .ym span{font-size:13px;color:#6F767F;text-align:right}
.srh .ymods .ym:hover b{color:#fff}
.srh .ymods .ym:hover span{color:#AEB4BC}
@media (max-width:1100px){
  .srh .yw{grid-template-columns:1fr;gap:28px}
  .srh .yh{position:static}
  .srh .yh h2{font-size:23px}
  .srh .ycaps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .srh .yfig b{font-size:28px}
  .srh .yfig span{padding-left:12px}
  .srh .ydet{grid-template-columns:88px minmax(0,1fr)}
  .srh .yw2{padding-top:56px}
  .srh .ywant a{grid-template-columns:1fr;gap:4px}
  .srh .ywant small{text-align:left}
  .srh .ymods{grid-template-columns:1fr}
}
/* 1.205.369 近 7 天有新事件的零組件：閃爍點 */
.srh .uvf{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.srh .uvf .fd{fill:#FF6A4D;filter:drop-shadow(0 0 6px #FF4A2E);animation:srhFb .8s ease-in-out infinite alternate}
.srh .uvf .fd.on{fill:#FFD2C6}
.srh .uvf .fr{fill:none;stroke:#FF6A4D;stroke-width:1.2;animation:srhUvP 1.3s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes srhFb{from{opacity:.25}to{opacity:1}}
.srh .srh-cap .bom button.nw::after{content:"";width:6px;height:6px;margin-left:auto;align-self:center;border-radius:50%;background:#FF6A4D;box-shadow:0 0 6px #FF4A2E;animation:srhFb .8s ease-in-out infinite alternate}
.srh .srh-cap .ft .fdot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#FF6A4D;box-shadow:0 0 6px #FF4A2E;vertical-align:1px}
@media (prefers-reduced-motion:reduce){.srh .uvf .fd,.srh .uvf .fr,.srh .srh-cap .bom button.nw::after{animation:none}}
/* 1.205.369 站長：「版面不用拉太長」——首屏高度封頂，不再跟著螢幕拉到滿版 */
@media (min-width:1101px){.srh .srh-scene{height:clamp(700px,calc(100vh - 120px),760px);min-height:0}}
/* 整機不拆，機體放大一點，零件看得清楚 */
@media (min-width:1101px){.srh .srh-stage .uv{left:-17%;right:-17%;top:2%;bottom:30px}}
/* 1.205.370 站長圈出左右兩條直條：是影片方框的左右邊緣（遮罩橢圓比方框寬，左右兩側沒淡掉）。改成貼齊方框的橢圓遮罩，四邊都淡出 */
.srh .uvv{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 58%,transparent 97%);mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 58%,transparent 97%)}
.srh .uv::after{-webkit-mask-image:radial-gradient(ellipse 46% 46% at 50% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 46% 46% at 50% 45%,#000 40%,transparent 100%)}
/* 1.205.372 站長圈出影片左右兩側的分層：拿掉影片外圍的發光陰影（光暈已經算進影片裡），遮罩不重複鋪 */
.srh .uvv{filter:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.srh .uv::after{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/* 1.205.375 首屏：按鈕移到標語下方、機體往上、整體變矮 */
@media (min-width:1101px){
  .srh .srh-scene{height:clamp(600px,calc(100vh - 150px),670px)}
  .srh .srh-bar{left:56px;top:430px;bottom:auto;transform:none;justify-content:flex-start}
  .srh .srh-tl{bottom:20px}
}
/* 1.205.380 站長：「放寬全息投影的範圍，不要卡到」——遮罩放大，地面站等邊緣的東西不再被淡掉或切到 */
.srh .uvv{-webkit-mask-image:radial-gradient(ellipse 64% 64% at 50% 46%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 64% 64% at 50% 46%,#000 70%,transparent 100%)}
.srh .uv::after{-webkit-mask-image:radial-gradient(ellipse 58% 58% at 50% 45%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 58% 58% at 50% 45%,#000 50%,transparent 100%)}

/* 1.205.470 站長：取消灰色的「直接問 AI」附註與圖例，只留戰情室四項。
   1.205.466 站長：「直接問 AI／戰情室」對照區塊，放在「選擇產品」與「方案與費用」之間；1.205.468 改用版型 G（大編號條列：左側標題固定，右側四項，AI 對照當附註） */
.srh .sec.srh-ai{padding:84px 24px}
.srh .srh-ai .k{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--red2)}
.srh .srh-ai h2{margin:10px 0 0;font-size:30px;line-height:1.35;font-weight:900;color:var(--ink)}
.srh .srh-ai .lead{margin:16px 0 0;font-size:14.5px;line-height:1.85;color:var(--ink2)}
.srh .srh-ai h3{margin:0}
@media (max-width:860px){.srh .sec.srh-ai{padding:56px 18px}.srh .srh-ai h2{font-size:24px}}
.srh .vg .xin{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:start}
.srh .vg .xst{position:sticky;top:100px}
.srh .vg .xleg{display:flex;flex-direction:column;gap:6px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mute)}
.srh .vg .xleg span::before{content:"";display:inline-block;width:14px;height:2px;margin:0 8px 3px 0;vertical-align:middle;background:rgba(255,255,255,.35)}
.srh .vg .xleg span.us{color:var(--red2)}.srh .vg .xleg span.us::before{background:var(--red)}
.srh .vg .xit{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:26px 0;border-bottom:1px solid var(--line)}
.srh .vg .xit:first-child{border-top:2px solid var(--red)}
.srh .vg .xn{font:700 54px/0.9 'Barlow Condensed','Noto Sans TC',sans-serif;color:transparent;-webkit-text-stroke:1px rgba(255,49,49,.75);letter-spacing:-.01em}
.srh .vg .xit h3{font-size:22px;font-weight:900;color:var(--ink)}
.srh .vg .xit p.u{margin:6px 0 0;font-size:14.5px;line-height:1.8;color:var(--ink2)}
.srh .vg .xit p.a{margin:12px 0 0;padding-left:12px;border-left:2px solid rgba(255,255,255,.18);font-size:12.5px;line-height:1.7;color:var(--mute)}
.srh .vg .xit p.a b{font-weight:700;color:var(--ink2);margin-right:6px}
@media (max-width:860px){.srh .vg .xin{grid-template-columns:1fr;gap:26px}.srh .vg .xst{position:static}
 .srh .vg .xit{grid-template-columns:56px minmax(0,1fr)}.srh .vg .xn{font-size:38px}.srh .vg .xit h3{font-size:18px}}

/* 1.205.469「你想做什麼」改四張問句卡；「十個戰情模組」改編號磚（5×2，平板／手機 2 欄） */
.srh .yw2 .ysub{margin-bottom:18px}
.srh .yw2 .ywant{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-top:0;margin-bottom:72px}
.srh .yw2 .ywant a{display:flex;flex-direction:column;gap:0;padding:22px 22px 20px;border:1px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.22);background:rgba(255,255,255,.02);transition:border-color .15s,background .15s}
.srh .yw2 .ywant a:hover{border-color:rgba(255,49,49,.45);border-top-color:var(--red);background:rgba(255,49,49,.05)}
.srh .yw2 .ywant em{font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--red2)}
.srh .yw2 .ywant b{margin-top:8px;font-size:17px;font-weight:900;line-height:1.45;color:#F1F3F5;text-wrap:balance}
.srh .yw2 .ywant span{margin-top:10px;font-size:13.5px;line-height:1.8;color:#AEB4BC}
.srh .yw2 .ywant small{margin-top:auto;padding-top:18px;font-size:12px;color:#6F767F;text-align:left}
.srh .yw2 .ywant small i{display:block;margin-top:3px;font-style:normal;font-size:13px;font-weight:600;color:#D9DDE2}
.srh .yw2 .ywant small i::after{content:" →";color:var(--red2)}
.srh .yw2 .ywant a:hover b{color:#fff}
.srh .yw2 .ymods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.08)}
.srh .yw2 .ymods .ym{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-height:128px;padding:18px 18px 16px;border:0;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);text-align:left;transition:background .15s}
.srh .yw2 .ymods .ym em{font-style:normal;font:600 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;color:#6F767F}
.srh .yw2 .ymods .ym b{margin-top:12px;font-size:15.5px;font-weight:700;color:#ECEEF1}
.srh .yw2 .ymods .ym span{margin-top:6px;font-size:12.5px;line-height:1.7;color:#8E959E;text-align:left}
.srh .yw2 .ymods .ym small{margin-top:auto;padding-top:12px;font-size:12px;color:transparent;transition:color .15s}
.srh .yw2 .ymods .ym small::after{content:" →"}
.srh .yw2 .ymods .ym:hover{background:rgba(255,49,49,.06)}
.srh .yw2 .ymods .ym:hover em,.srh .yw2 .ymods .ym:hover small{color:var(--red2)}
.srh .yw2 .ymods .ym:hover b{color:#fff}
@media (max-width:1100px){.srh .yw2 .ywant{grid-template-columns:repeat(2,minmax(0,1fr))}.srh .yw2 .ymods{grid-template-columns:repeat(2,minmax(0,1fr))}.srh .yw2 .ymods .ym{min-height:0}.srh .yw2 .ymods .ym small{color:#6F767F}}
@media (max-width:640px){.srh .yw2 .ywant{grid-template-columns:1fr}.srh .yw2 .ywant a{padding:18px 18px 16px}.srh .yw2 .ywant b{font-size:17px}.srh .yw2 .ymods .ym{padding:14px 14px 12px}}

/* 1.205.470 左欄圖例改成迷你對照表：一眼看出戰情室多了什麼 */
.srh .vg .xvs{width:100%;margin:28px 0 0;border-collapse:collapse;font-size:13.5px}
.srh .vg .xvs th,.srh .vg .xvs td{padding:11px 10px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;vertical-align:top;line-height:1.5}
.srh .vg .xvs thead th{padding-top:0;font-size:12px;font-weight:500;color:var(--mute);border-bottom:1px solid rgba(255,255,255,.22)}
.srh .vg .xvs thead th.us{color:var(--red2);font-weight:700}
.srh .vg .xvs tbody th{width:3.4em;padding-left:0;font-weight:700;color:var(--ink2);white-space:nowrap}
.srh .vg .xvs td{color:var(--mute)}
.srh .vg .xvs td.us{color:var(--ink);font-weight:700;background:rgba(255,49,49,.07);border-left:2px solid var(--red)}
.srh .vg .xvs thead th.us{border-left:2px solid transparent}