/* ELH VPN Cloud 官網 — Stitch「Cyber Precision HUD」設計稿實作（本機資源，無 CDN） */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/space-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-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:700;font-display:swap;src:url(fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}

.elh-site{
  --c-void:#080B0F;--c-sub:#10161B;--c-surf:#121A1E;--c-surf2:#0c1216;
  --c-g:#00F59B;--c-g2:#00e38f;--c-g3:#53ffab;--c-emerald:#075F49;--c-grid:#12392F;
  --c-txt:#F3F7F6;--c-txt2:#96AAA6;--c-mute:#607A74;--c-warn:#FFB35C;--c-err:#ffb4ab;
  --f-sans:"Space Grotesk","Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif;
  --f-mono:"JetBrains Mono","Noto Sans Mono CJK TC","Noto Sans TC",ui-monospace,monospace;
  --glow:0 0 16px rgba(0,245,155,.28),inset 0 0 8px rgba(0,245,155,.12);
  --pad:48px;--gut:24px;--r:4px;--hdr:80px;
  background:var(--c-void);color:var(--c-txt);font-family:var(--f-sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
body.elh-canvas{margin:0;background:#080B0F;}
html.elh-html{scroll-behavior:smooth;scroll-padding-top:96px;background:#080B0F}
.elh-site *,.elh-site *::before,.elh-site *::after{box-sizing:border-box}
.elh-site a{color:inherit;text-decoration:none}
.elh-site h1,.elh-site h2,.elh-site h3,.elh-site p{margin:0}
.elh-site ul{margin:0;padding:0;list-style:none}
.elh-site img{max-width:100%;display:block}
.elh-site :focus-visible{outline:2px solid var(--c-g);outline-offset:2px;border-radius:2px}
.elh-site ::selection{background:var(--c-g);color:#002111}
.elh-ic{flex:none;display:inline-block;vertical-align:middle}
.elh-wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--pad)}
.elh-mono{font-family:var(--f-mono)}
.elh-g{color:var(--c-g)!important}.elh-g2{color:var(--c-g2)}.elh-warn{color:var(--c-warn)!important}
.elh-muted{color:var(--c-txt2);font-size:14px;line-height:22px}
.elh-label{font-family:var(--f-mono);font-size:10px;line-height:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-mute);display:inline-flex;align-items:center;gap:6px}
.elh-dot{width:8px;height:8px;border-radius:50%;background:var(--c-g);display:inline-block;flex:none;box-shadow:0 0 8px rgba(0,245,155,.6);animation:elh-pulse 2s ease-in-out infinite}
.elh-dot--lg{width:14px;height:14px}
[data-state="degraded"] .elh-dot,[data-state="degraded"].elh-dot{background:var(--c-warn);box-shadow:0 0 8px rgba(255,179,92,.6)}
[data-state="offline"] .elh-dot,[data-state="none"] .elh-dot{background:#ff6b5c;box-shadow:0 0 8px rgba(255,107,92,.55)}
@keyframes elh-pulse{50%{opacity:.45}}
.elh-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--c-g);color:#002111;padding:8px 12px;border-radius:4px}
.elh-skip:focus{left:8px}
.elh-site{background-image:radial-gradient(rgba(96,122,116,.12) 1px,transparent 1px);background-size:24px 24px}

/* ---------- Buttons ---------- */
.elh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-mono);font-size:13px;line-height:16px;font-weight:600;letter-spacing:.06em;
  padding:12px 20px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:box-shadow .2s,border-color .2s,color .2s,background .2s;white-space:nowrap;text-align:center}
.elh-btn--primary{background:var(--c-g);color:#002111!important;box-shadow:0 0 20px rgba(0,245,155,.3)}
.elh-btn--primary:hover{background:var(--c-g3);box-shadow:0 0 32px rgba(0,245,155,.5)}
.elh-btn--ghost{background:rgba(8,11,15,.72);border-color:var(--c-emerald);color:var(--c-txt)}
.elh-btn--ghost:hover{border-color:var(--c-g);color:var(--c-g);box-shadow:0 0 20px rgba(0,245,155,.18)}
.elh-btn--soft{background:#1d2024;border-color:rgba(59,74,63,.7);color:var(--c-txt)}
.elh-btn--soft:hover{border-color:var(--c-g);color:var(--c-g)}
.elh-btn--disabled{background:transparent;border:1px dashed var(--c-grid);color:var(--c-mute);cursor:not-allowed}
.elh-btn--sm{padding:9px 14px;font-size:12px}
.elh-btn--lg{padding:16px 24px;font-size:14px}
.elh-btn--block{width:100%}
.elh-link-quiet{color:var(--c-txt2);font-size:14px;padding:6px 8px}
.elh-link-quiet:hover{color:var(--c-txt)}

/* ---------- Pills / chips ---------- */
.elh-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10px;line-height:14px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--c-g3);background:#1d2024;border:1px solid #005c46;border-radius:999px;padding:6px 14px;width:fit-content;max-width:100%}
.elh-pill--glass{background:rgba(8,11,15,.78);border-color:rgba(59,74,63,.7);backdrop-filter:blur(8px)}
.elh-pill__strong{color:var(--c-g3)}
.elh-sep{color:#3b4a3f}
.elh-chips{display:flex;flex-wrap:wrap;gap:8px}
.elh-chips li{font-family:var(--f-mono);font-size:12px;line-height:18px;letter-spacing:.08em;color:var(--c-g3);background:rgba(8,11,15,.78);border:1px solid rgba(59,74,63,.6);padding:4px 10px;border-radius:2px}
.elh-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-g3);background:var(--c-sub);border:1px solid var(--c-emerald);border-radius:999px;padding:6px 12px;width:fit-content}
.elh-tag{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;padding:3px 8px;border-radius:3px;background:#1d2024;border:1px solid rgba(59,74,63,.6);color:var(--c-mute);white-space:nowrap}
.elh-tag.is-on{color:var(--c-g);border-color:var(--c-emerald)}

/* ---------- Header ---------- */
.elh-hdr{position:fixed;inset:0 0 auto;z-index:50;background:rgba(11,14,18,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(59,74,63,.4);box-shadow:0 4px 24px rgba(0,0,0,.6)}
.elh-hdr__in{height:var(--hdr);display:flex;align-items:center;gap:20px;position:relative}
.elh-brand{display:flex;align-items:center;gap:10px;flex:none}
.elh-brand__txt{display:flex;flex-direction:column;line-height:1}
.elh-brand__name{font-size:18px;font-weight:700;letter-spacing:-.01em;color:#cdffdc}
.elh-brand__sub{font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;color:#849588;margin-top:4px}
.elh-hdr__sys{display:none;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:#849588;white-space:nowrap}
.elh-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.elh-nav a{font-size:14px;color:#b9cbbd;padding:4px 0;position:relative;transition:color .2s}
.elh-nav a:hover,.elh-nav a.is-current{color:var(--c-g)}
.elh-nav a.is-current::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--c-g)}
.elh-nav__member-m{display:none!important}
.elh-hdr__act{display:flex;align-items:center;gap:12px;flex:none}
.elh-avatar{width:32px;height:32px;border-radius:50%;background:#cdffdc;color:#003920;display:inline-flex;align-items:center;justify-content:center}
.elh-burger{display:none;background:transparent;border:1px solid var(--c-grid);color:var(--c-txt);border-radius:var(--r);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}
.elh-hdr__ticks{position:absolute;left:0;right:0;bottom:-1px;height:1px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gut);pointer-events:none;max-width:1360px;margin:0 auto}
.elh-hdr__ticks span{width:8px;height:1px;background:var(--c-g)}
.elh-hdr__ticks em{font-style:normal;font-family:var(--f-mono);font-size:8px;color:#849588;opacity:.6;transform:translateY(-6px)}
.elh-main{padding-top:var(--hdr);display:block;outline:none}

/* ---------- Hero / Carousel ---------- */
.elh-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(59,74,63,.4);background:var(--c-void);touch-action:pan-y}
.elh-hero__slides{position:absolute;inset:0;z-index:0;overflow:hidden}
.elh-slide{position:absolute;inset:0;opacity:0;transition:opacity var(--elh-fade,1000ms) ease-in-out;will-change:opacity}
.elh-slide.is-active{opacity:1}
.elh-slide img{width:100%;height:100%;object-fit:cover;object-position:var(--xd,50%) 50%;filter:brightness(1.12) contrast(1.06) saturate(1.1);transform:scale(1.04);transition:transform 7s ease-out}
.elh-slide.is-active img{transform:scale(1)}
.elh-hero__shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(11,14,18,.92) 0%,rgba(11,14,18,.72) 34%,rgba(11,14,18,.22) 62%,rgba(11,14,18,0) 80%),
  linear-gradient(0deg,rgba(11,14,18,.85) 0%,rgba(11,14,18,0) 38%,rgba(11,14,18,0) 80%,rgba(11,14,18,.35) 100%)}
.elh-hero__grid{position:absolute;inset:0;background-image:radial-gradient(#3b4a3f 1px,transparent 1px);background-size:24px 24px;opacity:.2}
.elh-tick{position:absolute;width:12px;height:12px;border:0 solid var(--c-g);z-index:2;pointer-events:none}
.elh-tick--tl{top:16px;left:16px;border-top-width:2px;border-left-width:2px}.elh-tick--tr{top:16px;right:16px;border-top-width:2px;border-right-width:2px}
.elh-tick--bl{bottom:16px;left:16px;border-bottom-width:2px;border-left-width:2px}.elh-tick--br{bottom:16px;right:16px;border-bottom-width:2px;border-right-width:2px}
.elh-hero__in{position:relative;z-index:2;padding-top:64px;padding-bottom:96px}
.elh-hero__copy{max-width:640px;display:flex;flex-direction:column;gap:22px}
.elh-hero__title{font-size:56px;line-height:64px;font-weight:700;letter-spacing:-.01em;color:var(--c-txt);text-shadow:0 2px 24px rgba(0,0,0,.6)}
.elh-hero__title em{font-style:normal;color:var(--c-g);text-shadow:0 0 24px rgba(0,245,155,.35)}
.elh-hero__lead{font-size:22px;line-height:28px;color:var(--c-g2);letter-spacing:.02em;margin-top:-8px}
.elh-hero__body{font-size:16px;line-height:26px;color:#c3d1ce;max-width:560px;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.elh-hero__cta{display:flex;flex-wrap:wrap;gap:16px;padding-top:4px}
.elh-hero__note{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.04em;color:#b9cbbd}
.elh-hero__note .elh-ic{color:var(--c-g)}
.elh-car-ctl{position:absolute;z-index:3;right:var(--pad);bottom:36px;display:flex;align-items:center;gap:8px;background:rgba(8,11,15,.7);border:1px solid rgba(59,74,63,.6);border-radius:999px;padding:6px 10px;backdrop-filter:blur(8px)}
.elh-car-btn{width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--c-txt2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.elh-car-btn:hover{color:var(--c-g);border-color:var(--c-emerald)}
.elh-car-dots{display:flex;gap:6px;align-items:center}
.elh-car-dot{width:28px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center}
.elh-car-dot i{display:block;width:100%;height:3px;background:var(--c-grid);border-radius:2px;overflow:hidden;position:relative}
.elh-car-dot i::after{content:"";position:absolute;inset:0;background:var(--c-g);transform:scaleX(0);transform-origin:left}
.elh-car-dot.is-active i::after{animation:elh-progress var(--elh-int,6000ms) linear forwards}
.elh-car-dot.is-done i::after{transform:scaleX(1)}
[data-paused="1"] .elh-car-dot.is-active i::after{animation-play-state:paused}
[data-reduced="1"] .elh-car-dot.is-active i::after{animation:none;transform:scaleX(1)}
@keyframes elh-progress{to{transform:scaleX(1)}}
.elh-car-count{font-size:11px;color:var(--c-mute);padding:0 4px 0 2px;letter-spacing:.06em}
.elh-car-count b{color:var(--c-g);font-weight:500}
.elh-when-pause{display:none}
[data-paused="1"] .elh-when-play{display:none}[data-paused="1"] .elh-when-pause{display:inline-flex}

/* ---------- Telemetry ---------- */
.elh-telemetry{background:var(--c-sub);border-bottom:1px solid rgba(59,74,63,.5);position:relative;z-index:2}
.elh-telemetry .elh-wrap{overflow-x:auto;scrollbar-width:none}
.elh-telemetry .elh-wrap::-webkit-scrollbar{display:none}
.elh-telemetry__row{display:flex;justify-content:space-between;gap:24px;margin:0;padding:10px 0;min-width:max-content;font-size:10px;line-height:14px;letter-spacing:.06em}
.elh-telemetry__row>div{display:flex;gap:6px;align-items:center;white-space:nowrap}
.elh-telemetry__row>div+div::before{content:"|";color:#3b4a3f;margin-right:18px}
.elh-telemetry dt{color:#849588;text-transform:uppercase}
.elh-telemetry dd{margin:0;color:var(--c-txt);font-weight:600}
.elh-telemetry__state{display:flex;align-items:center;gap:6px;color:var(--c-g)!important}
[data-state="degraded"] .elh-telemetry__state{color:var(--c-warn)!important}
[data-state="offline"] .elh-telemetry__state,[data-state="none"] .elh-telemetry__state{color:#ff8a7d!important}

/* ---------- Sections ---------- */
.elh-sec{padding:96px 0;border-top:1px solid rgba(59,74,63,.4);position:relative}
.elh-features{border-top:0}
.elh-plans{background:#0a0f13}.elh-quota{background:#0c1114}.elh-download{background:var(--c-void)}.elh-faq{background:#0a0f12}.elh-status{background:#0b1013}
.elh-sec-head{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}
.elh-sec-head.is-center{align-items:center;text-align:center}
.elh-sec-head h2{font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em}
.elh-sec-sub{color:var(--c-txt2);font-size:14px;line-height:22px;max-width:620px}
.elh-grid{display:grid;gap:var(--gut)}
.elh-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.elh-card{background:#191c20;border:1px solid rgba(59,74,63,.45);border-radius:8px;padding:24px;position:relative;transition:border-color .2s,box-shadow .2s}
.elh-card:hover{border-color:var(--c-emerald)}
.elh-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;padding:14px 16px;border:1px solid rgba(59,74,63,.3);border-radius:6px;background:var(--c-void);color:#849588;font-size:12px;line-height:18px}
.elh-note>span{display:inline-flex;gap:8px;align-items:flex-start}
.elh-note .elh-ic{color:var(--c-g)}
.elh-ticks{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(59,74,63,.25);color:#b9cbbd;font-size:13px;line-height:19px}
.elh-ticks li{display:flex;gap:8px;align-items:flex-start}
.elh-ticks .elh-ic{color:var(--c-g3);margin-top:1px}

/* Features */
.elh-feature{display:flex;flex-direction:column;gap:8px}
.elh-feature__ic{width:44px;height:44px;border-radius:6px;background:var(--c-sub);border:1px solid var(--c-grid);color:var(--c-g);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}
.elh-feature h3{font-size:20px;line-height:26px;font-weight:600}
.elh-feature p:not(.elh-label){color:var(--c-txt2);font-size:14px;line-height:22px}

/* Plans */
.elh-plan{display:flex;flex-direction:column;gap:16px}
.elh-plan__top{display:flex;justify-content:space-between;align-items:center}
.elh-plan h3{font-size:18px;line-height:24px;font-weight:700}
.elh-plan__price{display:flex;align-items:baseline;gap:8px;margin-top:-8px}
.elh-plan__price b{font-family:var(--f-mono);font-size:40px;line-height:44px;font-weight:700;font-feature-settings:"tnum";color:var(--c-txt)}
.elh-plan__price span{font-family:var(--f-mono);font-size:11px;color:#849588}
.elh-plan .elh-ticks{flex:1}
.elh-plan.is-featured{background:var(--c-surf);border:2px solid var(--c-g);box-shadow:0 0 32px rgba(0,245,155,.2)}
.elh-plan__flag{position:absolute;top:-11px;right:16px;background:var(--c-g);color:#002111;font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:3px}
.elh-plan.is-target{border-color:var(--c-g);box-shadow:var(--glow)}

/* Quota HUD */
.elh-quota__panel{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:center;padding:40px;background:var(--c-surf);border-color:var(--c-grid)}
.elh-hud{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin:0 auto}
.elh-hud__svg{width:100%;height:100%}
.elh-hud__svg circle{fill:none}
.elh-hud__svg .r0{stroke:var(--c-grid);stroke-dasharray:2 6}
.elh-hud__svg .r1{stroke:var(--c-g);stroke-opacity:.55;stroke-dasharray:6 4}
.elh-hud__svg .r2{stroke:var(--c-emerald)}
.elh-hud__svg .r3{stroke:var(--c-g);stroke-opacity:.8;stroke-dasharray:3 3}
.elh-hud__svg .r4{stroke:var(--c-g);stroke-width:2;stroke-dasharray:40 520;stroke-linecap:round}
.elh-hud__svg .tk{stroke:var(--c-g);stroke-width:2}
.elh-hud__svg .spin{transform-origin:100px 100px;animation:elh-spin 9s linear infinite}
@keyframes elh-spin{to{transform:rotate(360deg)}}
.elh-hud__core{position:absolute;inset:34%;border-radius:50%;background:var(--c-sub);border:1px solid var(--c-emerald);color:var(--c-g);display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)}
.elh-quota__data{display:flex;flex-direction:column;gap:22px}
.elh-meter__head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--c-mute)}
.elh-meter__val{font-family:var(--f-mono);font-size:40px;line-height:44px;font-weight:700;font-feature-settings:"tnum";margin:6px 0 10px}
.elh-meter__track{height:6px;background:var(--c-sub);border:1px solid var(--c-grid);border-radius:1px;overflow:hidden}
.elh-meter__track i{display:block;height:100%;background:var(--c-g);box-shadow:0 0 12px rgba(0,245,155,.5)}
.elh-quota__data .elh-btn{align-self:flex-start}

/* Status */
.elh-status__sum{display:flex;align-items:center;gap:18px;margin-bottom:var(--gut);background:var(--c-surf);border-color:var(--c-grid)}
.elh-status__zh{font-size:20px;font-weight:600}
.elh-status__meta{margin-left:auto;font-size:11px;color:var(--c-mute);letter-spacing:.06em}
.elh-status__meta b{color:var(--c-txt)}
.elh-node__top{display:flex;justify-content:space-between;align-items:center}
.elh-node__cc{font-size:13px;font-weight:700;color:var(--c-txt);border:1px solid var(--c-emerald);padding:2px 8px;border-radius:3px}
.elh-node h3{font-size:22px;margin:14px 0}
.elh-node__kv{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.06em;border-top:1px solid rgba(59,74,63,.25);padding-top:12px}
.elh-node__kv li{display:flex;justify-content:space-between;color:var(--c-mute)}
.elh-node__kv b{color:var(--c-txt);font-weight:600}
.elh-node[data-online="0"]{opacity:.85}

/* Download */
.elh-dl{display:flex;flex-direction:column;gap:18px;border-color:rgba(0,92,70,.6);box-shadow:0 0 24px rgba(0,245,155,.08)}
.elh-dl.is-pending{border-style:solid;border-color:rgba(59,74,63,.45);box-shadow:none}
.elh-dl__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.elh-dl__id{display:flex;gap:16px;align-items:center}
.elh-dl__ic{width:52px;height:52px;border-radius:8px;background:#272a2f;border:1px solid rgba(0,245,155,.4);color:var(--c-g);display:inline-flex;align-items:center;justify-content:center;flex:none}
.elh-dl.is-pending .elh-dl__ic{border-color:var(--c-grid);color:#4f7a6c}
.elh-dl h3{font-size:18px;line-height:24px;font-weight:700}
.elh-dl__id p{font-size:11px;letter-spacing:.04em;margin-top:2px}
.elh-dl .elh-ticks{flex:1}
.elh-dl__act{display:flex;flex-direction:column;gap:10px}
.elh-dl__btns{display:grid;gap:8px}.elh-dl__btns.is-two{grid-template-columns:1fr 1fr}
.elh-dl__pending{display:flex;gap:8px;color:var(--c-txt2);font-size:13px;line-height:19px}
.elh-dl__pending .elh-ic{color:var(--c-warn);margin-top:2px}
.elh-dl__sum{font-size:10px;color:var(--c-mute);word-break:break-all}
.elh-dl__sum code{color:var(--c-g2);font-family:inherit}

/* FAQ */
.elh-faq__list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.elh-faq__item{background:#191c20;border:1px solid rgba(59,74,63,.45);border-radius:8px;overflow:hidden}
.elh-faq__item[open]{border-color:var(--c-emerald)}
.elh-faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 18px;font-size:16px;line-height:24px;font-weight:600}
.elh-faq__item summary::-webkit-details-marker{display:none}
.elh-faq__item summary:hover{background:#1d2024}
.elh-faq__item summary .elh-mono{font-size:11px;font-weight:500}
.elh-faq__q{flex:1}
.elh-faq__item summary .elh-ic{color:#849588;transition:transform .2s}
.elh-faq__item[open] summary .elh-ic{transform:rotate(180deg)}
.elh-faq__item p{padding:0 18px 18px 54px;color:var(--c-txt2);font-size:14px;line-height:22px}

/* Footer */
.elh-ftr{border-top:1px solid rgba(59,74,63,.4);padding:56px 0 24px;background:var(--c-void)}
.elh-ftr__grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--gut);margin-bottom:40px}
.elh-ftr__brand{display:flex;flex-direction:column;gap:14px;max-width:440px}
.elh-ftr__tag{color:#b9cbbd;font-size:14px}
.elh-ftr__sys{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--c-g2);letter-spacing:.05em}
.elh-ftr__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.elh-ftr__cols h3{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#849588;font-weight:500;margin-bottom:12px}
.elh-ftr__cols div{display:flex;flex-direction:column;gap:10px}
.elh-ftr__cols a{color:#b9cbbd;font-size:13px}
.elh-ftr__cols a:hover{color:var(--c-g)}
.elh-ftr__bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(59,74,63,.3);padding-top:16px;font-size:10px;color:#849588;letter-spacing:.06em}

/* ---------- Inner pages (會員中心 / 購買 / 付款結果) ---------- */
.elh-pagehead{padding:56px 0 32px;border-bottom:1px solid rgba(59,74,63,.4);background:linear-gradient(180deg,#0c1216,#080B0F)}
.elh-pagehead h1{font-size:32px;line-height:40px;margin-top:14px}
.elh-page{padding-top:40px;padding-bottom:96px}
.elh-prose{color:#c3d1ce;font-size:15px;line-height:1.7;max-width:1100px}
.elh-prose a{color:var(--c-g)}
.elh-prose a:hover{text-decoration:underline}
.elh-prose h2{font-size:24px;margin:28px 0 10px;color:var(--c-txt)}
.elh-prose p{margin:0 0 12px}
.elh-prose code{font-family:var(--f-mono);font-size:12px;color:var(--c-g3);background:var(--c-sub);padding:2px 6px;border-radius:3px}
.elh-prose table{width:100%;border-collapse:collapse;font-size:14px}
.elh-prose td,.elh-prose th{padding:10px 8px;border-bottom:1px solid rgba(59,74,63,.3);text-align:left;vertical-align:top}
.elh-prose .button,.elh-prose button:not(.elh-btn){font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;background:#1d2024;color:var(--c-txt);border:1px solid rgba(59,74,63,.7);border-radius:4px;padding:8px 14px;cursor:pointer}
.elh-prose .button:hover,.elh-prose button:not(.elh-btn):hover{border-color:var(--c-g);color:var(--c-g)}
.elh-panel{background:#191c20;border:1px solid rgba(59,74,63,.45);border-radius:8px;padding:20px;margin:0 0 16px}
.elh-panel>strong:first-child,.elh-panel__title{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-g);margin-bottom:10px}
.elh-panel .elh-warn-text{color:var(--c-err)}
.elh-acct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.elh-acct>.elh-panel{margin:0}
.elh-acct>.elh-panel:nth-child(n+3),.elh-acct>#elhvpn-account-msg{grid-column:1/-1}
.elh-panel__hint{color:var(--c-txt2);font-size:13px;margin:-4px 0 10px}
.elh-acct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.elh-acct-grid>.elh-panel{margin:0}
.elh-acct-grid>.elh-panel.is-wide{grid-column:1/-1}
.elh-table-wrap{overflow-x:auto}

/* 購買頁 */
.elh-shop{display:flex;flex-direction:column;gap:20px}
.elh-shop__plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.elh-shop__plan{display:flex;flex-direction:column;gap:12px}
.elh-shop__pay{display:flex;flex-direction:column;gap:8px}
.elh-shop__msg{color:var(--c-err);font-size:13px;min-height:1em}

/* ---------- Responsive ---------- */
@media (max-width:1279px){.elh-hdr__sys{display:none!important}}
@media (min-width:1280px){.elh-hdr__sys{display:flex}}
@media (max-width:1199px){
  .elh-site{--pad:32px;--gut:16px}
  .elh-nav{gap:16px}.elh-nav a{font-size:13px}
  .elh-grid--3,.elh-shop__plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elh-quota__panel{grid-template-columns:260px 1fr;gap:32px;padding:28px}
  .elh-ftr__grid{grid-template-columns:1fr}
}
@media (max-width:1023px){
  .elh-site{--hdr:64px}
  /* backdrop-filter 會讓 header 成為 fixed 子元素的包含區塊，手機選單需改用不透明背景 */
  .elh-hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(11,14,18,.97)}
  .elh-burger{display:inline-flex}
  .elh-nav{position:fixed;top:var(--hdr);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--pad) 32px;background:#080B0F;
    transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;margin:0;overflow-y:auto}
  .elh-nav.is-open{opacity:1;transform:none;visibility:visible}
  .elh-nav a{font-size:17px;padding:16px 4px;border-bottom:1px solid rgba(59,74,63,.35)}
  .elh-nav a.is-current::after{display:none}
  .elh-nav__member-m{display:block!important;color:var(--c-g)!important}
  .elh-hdr__act{margin-left:auto}
  .elh-hide-sm{display:none!important}
  .elh-hero{min-height:640px}
}
@media (max-width:767px){
  .elh-site{--pad:20px;--gut:12px}
  html.elh-html{scroll-padding-top:76px}
  .elh-brand__name{font-size:16px}
  .elh-hdr__act .elh-btn--sm{padding:8px 10px;font-size:11px}
  .elh-avatar{display:none}
  .elh-hero{min-height:min(720px,calc(100svh - var(--hdr)));min-height:640px;align-items:flex-end}
  .elh-hero__slides{bottom:auto;height:clamp(340px,108vw,460px)}
  .elh-slide img{object-position:var(--xm,50%) 50%}
  .elh-hero__shade{background:linear-gradient(0deg,#080B0F 0%,rgba(8,11,15,.88) 22%,rgba(8,11,15,.35) 48%,rgba(8,11,15,0) 70%,rgba(8,11,15,.3) 100%)}
  .elh-hero__in{padding-top:clamp(200px,58vw,300px);padding-bottom:84px}
  .elh-hero__copy{gap:16px}
  .elh-hero__title{font-size:40px;line-height:46px}
  .elh-hero__lead{font-size:18px;line-height:24px;margin-top:-4px}
  .elh-hero__body{font-size:14px;line-height:22px}
  .elh-chips li{font-size:10px;padding:3px 8px}
  .elh-hero__cta{flex-direction:column;gap:10px}
  .elh-hero__cta .elh-btn{width:100%}
  .elh-hero__note{font-size:10px;align-items:flex-start}
  .elh-car-ctl{left:50%;right:auto;transform:translateX(-50%);bottom:20px;padding:4px 8px;gap:4px}
  .elh-car-dot{width:18px}
  .elh-car-count{display:none}
  .elh-tick{display:none}
  .elh-sec{padding:64px 0}
  .elh-sec-head{margin-bottom:28px}
  .elh-sec-head h2,.elh-pagehead h1{font-size:24px;line-height:32px}
  .elh-grid--3,.elh-shop__plans,.elh-acct-grid,.elh-acct{grid-template-columns:1fr}
  .elh-features .elh-grid--3{grid-template-columns:1fr 1fr}
  .elh-feature{padding:16px}
  .elh-feature h3{font-size:16px;line-height:22px}
  .elh-feature p:not(.elh-label){font-size:12px;line-height:18px}
  .elh-feature__ic{width:36px;height:36px}
  .elh-plan__price b,.elh-meter__val{font-size:28px;line-height:32px}
  .elh-quota__panel{grid-template-columns:1fr;padding:20px;gap:20px}
  .elh-hud{max-width:200px}
  .elh-quota__data .elh-btn{align-self:stretch}
  .elh-status__sum{flex-wrap:wrap;gap:12px}
  .elh-status__meta{margin-left:0;width:100%}
  .elh-faq__item summary{font-size:15px;padding:14px}
  .elh-faq__item p{padding:0 14px 16px}
  .elh-ftr__cols{grid-template-columns:1fr 1fr}
  .elh-note{flex-direction:column}
}
@media (max-width:374px){
  .elh-features .elh-grid--3{grid-template-columns:1fr}
  .elh-hero__title{font-size:36px;line-height:44px}
  .elh-hdr__act .elh-btn--sm span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .elh-site *,.elh-site *::before,.elh-site *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html.elh-html{scroll-behavior:auto}
  .elh-slide img{transform:none!important}
}