/* ============================================================
   BCDE 共享品牌基础：字体、间距、颜色与四主题
   主题通过 <html data-theme="nebula|cipher|dark|light"> 切换，
   组件里只用下面的 token，不要写死颜色。
   ============================================================ */

/* ---------- 1. 通用 token ---------- */
:root {
  --radius: 16px;
  --radius-sm: 10px;
  --gutter: 20px;
  --maxw: 1280px;
  --header-h: 64px;
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'PingFang TC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Microsoft JhengHei', 'Noto Sans SC', 'Noto Sans TC', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --ok: #22c55e;
  --warn: #f59e0b;
  --err: #ef4444;
  color-scheme: dark;
}

/* ---------- 2. 四套主题 ---------- */
/* 星云：深靛紫 + 洋红/青 */
:root,
:root[data-theme='nebula'] {
  --bg: #07051a;
  --bg-2: #0b0826;
  --surface: rgba(22, 15, 58, 0.72);
  --surface-2: #140e3a;
  --text: #eeeaff;
  --dim: #a59fd6;
  --line: rgba(160, 130, 255, 0.2);
  --accent: #a78bfa;
  --accent-2: #f472b6;
  --accent-3: #22d3ee;
  --accent-ink: #12082e;
  --grad: linear-gradient(120deg, #8b5cf6 0%, #d946ef 55%, #f472b6 100%);
  --glow: rgba(139, 92, 246, 0.55);
  --hero-bg:
    radial-gradient(60% 55% at 12% -5%, rgba(139, 92, 246, 0.42), transparent 62%),
    radial-gradient(48% 50% at 92% 8%, rgba(236, 72, 153, 0.26), transparent 60%),
    radial-gradient(40% 40% at 55% 110%, rgba(34, 211, 238, 0.14), transparent 60%);
  --ambient:
    radial-gradient(1.2px 1.2px at 12% 18%, rgba(255, 255, 255, 0.55), transparent 60%),
    radial-gradient(1px 1px at 78% 12%, rgba(255, 255, 255, 0.45), transparent 60%),
    radial-gradient(1.4px 1.4px at 44% 62%, rgba(196, 181, 253, 0.5), transparent 60%),
    radial-gradient(1px 1px at 90% 70%, rgba(255, 255, 255, 0.4), transparent 60%),
    radial-gradient(1.2px 1.2px at 28% 88%, rgba(244, 114, 182, 0.45), transparent 60%),
    radial-gradient(1px 1px at 62% 34%, rgba(255, 255, 255, 0.35), transparent 60%);
  --ambient-size: 520px 520px;
  --header-bg: rgba(7, 5, 26, 0.72);
  --shadow: 0 18px 50px -18px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
/* 密电：磷光绿 + 终端网格 */
:root[data-theme='cipher'] {
  --bg: #020807;
  --bg-2: #04100d;
  --surface: rgba(6, 22, 17, 0.78);
  --surface-2: #07190f;
  --text: #d8ffee;
  --dim: #6fae98;
  --line: rgba(0, 255, 170, 0.18);
  --accent: #00ffa3;
  --accent-2: #22d3ee;
  --accent-3: #a3ff12;
  --accent-ink: #00130c;
  --grad: linear-gradient(120deg, #00ffa3 0%, #22d3ee 100%);
  --glow: rgba(0, 255, 163, 0.5);
  --hero-bg:
    radial-gradient(55% 60% at 50% -10%, rgba(0, 255, 163, 0.22), transparent 65%),
    radial-gradient(40% 40% at 100% 20%, rgba(34, 211, 238, 0.14), transparent 60%),
    linear-gradient(rgba(0, 255, 163, 0.07) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, rgba(0, 255, 163, 0.07) 1px, transparent 1px) 0 0 / 44px 44px;
  --ambient: repeating-linear-gradient(0deg, rgba(0, 255, 163, 0.035) 0 1px, transparent 1px 3px);
  --ambient-size: auto;
  --header-bg: rgba(2, 8, 7, 0.78);
  --shadow: 0 18px 50px -18px rgba(0, 0, 0, 0.8);
  color-scheme: dark;
}
/* 黑：纯黑白 */
:root[data-theme='dark'] {
  --bg: #09090b;
  --bg-2: #0f0f12;
  --surface: #131316;
  --surface-2: #1a1a1f;
  --text: #f4f4f5;
  --dim: #a1a1aa;
  --line: #27272d;
  --accent: #fafafa;
  --accent-2: #a1a1aa;
  --accent-3: #d4d4d8;
  --accent-ink: #09090b;
  --grad: linear-gradient(120deg, #ffffff 0%, #a1a1aa 100%);
  --glow: rgba(255, 255, 255, 0.28);
  --hero-bg:
    radial-gradient(50% 55% at 50% -10%, rgba(255, 255, 255, 0.1), transparent 65%),
    radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px) 0 0 / 22px 22px;
  --ambient: none;
  --ambient-size: auto;
  --header-bg: rgba(9, 9, 11, 0.8);
  --shadow: 0 18px 50px -20px rgba(0, 0, 0, 0.8);
  color-scheme: dark;
}
/* 白：纯黑白 */
:root[data-theme='light'] {
  --bg: #fafafa;
  --bg-2: #f1f1f3;
  --surface: #ffffff;
  --surface-2: #f4f4f5;
  --text: #09090b;
  --dim: #5b5b66;
  --line: #e4e4e7;
  --accent: #09090b;
  --accent-2: #52525b;
  --accent-3: #27272a;
  --accent-ink: #fafafa;
  --grad: linear-gradient(120deg, #09090b 0%, #52525b 100%);
  --glow: rgba(0, 0, 0, 0.22);
  --hero-bg:
    radial-gradient(50% 55% at 50% -10%, rgba(0, 0, 0, 0.06), transparent 65%),
    radial-gradient(rgba(0, 0, 0, 0.08) 1px, transparent 1px) 0 0 / 22px 22px;
  --ambient: none;
  --ambient-size: auto;
  --header-bg: rgba(250, 250, 250, 0.82);
  --shadow: 0 14px 40px -18px rgba(0, 0, 0, 0.25);
  --ok: #16a34a;
  --warn: #d97706;
  --err: #dc2626;
  color-scheme: light;
}


/* Gateway-only palette. Shared themes and child sites remain untouched. */
:root,:root[data-theme=nebula]{--gate-bg:#04050d;--gate-text:#e3e7f3;--gate-dim:#8790a5;--gate-faint:#535e75;--gate-accent:#aaaaff;--gate-rgb:154,151,255;--gate-line:rgba(150,160,200,.17);--gate-panel:rgba(10,14,29,.56);--gate-hover:rgba(141,136,255,.065);--gate-grid:rgba(130,146,190,.045)}
:root[data-theme=cipher]{--gate-bg:#020907;--gate-text:#defff1;--gate-dim:#82ab9b;--gate-faint:#486d5d;--gate-accent:#66efb7;--gate-rgb:57,227,157;--gate-line:rgba(85,184,142,.19);--gate-panel:rgba(3,20,14,.55);--gate-hover:rgba(57,227,157,.065);--gate-grid:rgba(57,227,157,.045)}
:root[data-theme=dark]{--gate-bg:#050608;--gate-text:#e7e8ec;--gate-dim:#8b909b;--gate-faint:#525966;--gate-accent:#d2d7e1;--gate-rgb:190,203,224;--gate-line:rgba(170,183,205,.16);--gate-panel:rgba(14,16,21,.65);--gate-hover:rgba(180,192,212,.05);--gate-grid:rgba(170,183,205,.04)}
:root[data-theme=light]{--gate-bg:#e9ecf2;--gate-text:#192231;--gate-dim:#566579;--gate-faint:#758094;--gate-accent:#4d47a0;--gate-rgb:83,78,155;--gate-line:rgba(65,77,108,.21);--gate-panel:rgba(241,244,249,.7);--gate-hover:rgba(83,78,155,.05);--gate-grid:rgba(55,77,109,.055)}
*{box-sizing:border-box}html{min-height:100%;background:var(--gate-bg)}body{margin:0;min-height:100svh;display:grid;grid-template-rows:68px 1fr 46px;background:var(--gate-bg);color:var(--gate-text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;display:block;flex-shrink:0}button,select{font:inherit;color:inherit}a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline:1px solid var(--gate-accent);outline-offset:5px}.skip-link{position:fixed;left:20px;top:-80px;padding:8px;background:var(--gate-bg);z-index:100}.skip-link:focus{top:10px}.header,.footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:11px;color:var(--gate-dim)}.brand>svg{width:23px;height:23px;color:var(--gate-accent)}.brand>span{font:9px var(--mono);letter-spacing:.15em}.brand-slash{color:var(--gate-faint);padding:0 5px}.tools{display:flex;align-items:center;gap:7px}.tools select{font:9px var(--mono);border:0;background:transparent;color:var(--gate-dim);padding:5px 4px;max-width:102px;cursor:pointer}.tools option{background:var(--gate-bg);color:var(--gate-text)}.tool-divider{width:1px;height:11px;background:var(--gate-line);margin:0 5px}.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}.atmosphere::before{content:'';position:absolute;inset:76px 24px 49px;background:linear-gradient(var(--gate-line),var(--gate-line)) left top/22px 1px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) left top/1px 22px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) right top/22px 1px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) right top/1px 22px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) left bottom/22px 1px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) left bottom/1px 22px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) right bottom/22px 1px no-repeat,linear-gradient(var(--gate-line),var(--gate-line)) right bottom/1px 22px no-repeat}.grid-field{position:absolute;inset:0;background-image:linear-gradient(var(--gate-grid) 1px,transparent 1px),linear-gradient(90deg,var(--gate-grid) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 55% 65% at 50% 43%,#000,transparent)}.halo{position:absolute;inset:0;background:radial-gradient(ellipse 34% 39% at 50% 36%,rgba(var(--gate-rgb),.065),transparent 78%)}.scanline{position:absolute;left:20%;right:20%;height:1px;top:12%;background:linear-gradient(90deg,transparent,rgba(var(--gate-rgb),.1),transparent);animation:scan 26s linear infinite}.gateway{position:relative;z-index:1;width:min(650px,calc(100% - 60px));margin:0 auto;align-self:center;display:flex;flex-direction:column;gap:36px;padding:22px 0 24px}.identity{text-align:center;position:relative;padding-top:12px;isolation:isolate}.signal{display:flex;justify-content:center;align-items:center;gap:10px;font:7px var(--mono);letter-spacing:.23em;color:var(--gate-faint);margin:0 0 27px}.signal>span{width:4px;height:4px;background:var(--gate-accent);box-shadow:0 0 10px rgba(var(--gate-rgb),.7);opacity:.75}.identity h1{position:relative;display:inline-block;margin:0;font:600 clamp(86px,13vw,156px)/.94 var(--mono);letter-spacing:.15em;color:var(--gate-text)}.identity h1>span{display:inline-block;position:relative;margin-right:-.15em;text-shadow:0 0 40px rgba(var(--gate-rgb),.12)}.identity h1>span::after{content:attr(data-text);position:absolute;inset:0;color:var(--gate-accent);clip-path:inset(54% 0 43% 0);opacity:0;animation:signal-shift 19s infinite}.identity h1>i{position:absolute;right:-.5em;bottom:.05em;letter-spacing:0;font:300 .22em/.5 var(--mono);color:var(--gate-accent);opacity:.65;animation:cursor-pulse 3.2s steps(1) infinite}.intro{font-size:12px;letter-spacing:.18em;line-height:1.6;color:var(--gate-dim);margin:22px 0 0}.coordinates{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px;font:6px var(--mono);letter-spacing:.18em;color:var(--gate-faint)}.coordinates>b{font:8px var(--mono);letter-spacing:.5em;color:var(--gate-accent);opacity:.55}.orbital{overflow:hidden;position:absolute;width:410px;height:410px;left:50%;top:45%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:.47}.ring{position:absolute;inset:0;border:1px solid rgba(var(--gate-rgb),.06);border-radius:50%}.ring-outer::after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-top-color:rgba(var(--gate-rgb),.37);border-bottom-color:rgba(var(--gate-rgb),.16);border-radius:50%;transform:rotate(28deg);animation:orbit 65s linear infinite}.ring-inner{inset:38px;border-style:dashed;border-color:rgba(var(--gate-rgb),.09);animation:orbit 110s linear infinite reverse}.orbital-axis{position:absolute;background:rgba(var(--gate-rgb),.08)}.axis-x{height:1px;width:450px;top:50%;left:-20px}.axis-y{width:1px;height:450px;left:50%;top:-20px}.orbital-tick{position:absolute;font:9px var(--mono);color:var(--gate-accent)}.tick-one{top:37px;left:61px}.tick-two{bottom:37px;right:61px}.destinations{position:relative}.section-label{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.18em;color:var(--gate-dim);padding:0 0 12px}.micro{font-size:6px;color:var(--gate-faint);letter-spacing:.16em}.route-list{border-top:1px solid var(--gate-line)}.route{position:relative;display:flex;gap:20px;align-items:center;min-height:82px;padding:17px 17px 17px 11px;border-bottom:1px solid var(--gate-line);background:var(--gate-panel);transition:background .25s,padding .25s}.route::before{position:absolute;content:'';top:23px;bottom:23px;left:0;width:1px;background:var(--gate-accent);opacity:0;transition:opacity .2s,box-shadow .2s}.route:hover{background:var(--gate-hover);padding-left:17px}.route:hover::before{opacity:1;box-shadow:0 0 13px rgba(var(--gate-rgb),.4)}.route-index{font:8px var(--mono);color:var(--gate-faint);align-self:flex-start;padding-top:3px}.route-content{flex:1;min-width:0}.route-heading{display:flex;gap:18px;align-items:center}.route-heading>b{font:500 15px var(--mono);letter-spacing:.11em;min-width:100px}.route-heading>span{font-size:10px;letter-spacing:.04em;color:var(--gate-dim)}.route-products{display:block;font:8px/1.6 var(--mono);letter-spacing:.03em;color:var(--gate-faint);margin-top:9px}.route-products>i{font-style:normal;color:var(--gate-faint);opacity:.65;margin:0 3px}.route-action{font-size:9px;letter-spacing:.08em;color:var(--gate-dim)}.route>svg{width:16px;height:16px;color:var(--gate-dim);margin-left:2px;transition:color .2s,transform .2s}.route:hover>svg{color:var(--gate-accent);transform:translate(2px,-2px)}.store{display:flex;align-items:center;gap:18px;border:1px solid var(--gate-line);padding:15px 17px 15px 12px;margin-top:14px;background:rgba(var(--gate-rgb),.018);transition:border-color .25s,background .25s}.store:hover{border-color:rgba(var(--gate-rgb),.5);background:var(--gate-hover)}.store-code{font:500 10px var(--mono);letter-spacing:.08em;color:var(--gate-accent);position:relative;min-width:30px}.store-square{position:absolute;width:4px;height:4px;border:1px solid var(--gate-accent);right:0;top:-4px;opacity:.5}.store-copy{flex:1}.store-copy>b{display:block;font-size:11px;font-weight:400;letter-spacing:.1em}.store-copy>small{display:block;color:var(--gate-dim);font-size:8px;margin-top:5px;letter-spacing:.05em}.store-domain{font:6px var(--mono);letter-spacing:.1em;color:var(--gate-faint)}.store>svg{color:var(--gate-accent);width:16px;height:16px;margin-left:4px}.expansion{display:flex;align-items:center;justify-content:center;gap:9px;margin:15px 0 0;font-size:8px;letter-spacing:.08em;color:var(--gate-faint)}.expansion>span:first-child{font:11px var(--mono);color:var(--gate-dim)}.footer{font:7px var(--mono);letter-spacing:.1em;color:var(--gate-faint)}.footer a{font-family:var(--font);color:var(--gate-dim);font-size:8px}.footer-center{letter-spacing:.2em;font-size:6px}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes scan{to{top:86%}}@keyframes cursor-pulse{0%,72%{opacity:.65}73%,100%{opacity:.08}}@keyframes signal-shift{0%,88%,91%,100%{opacity:0;transform:translateX(0)}89%{opacity:.4;transform:translateX(3px)}90%{opacity:.1;transform:translateX(-2px)}}
@media(min-height:900px) and (min-width:701px){.gateway{gap:46px}.signal{margin-bottom:32px}.intro{margin-top:28px}.route{min-height:89px}.store{padding-top:18px;padding-bottom:18px}}
@media(max-width:700px){body{grid-template-rows:55px 1fr 34px}.header,.footer{padding:0 19px}.brand{gap:8px}.brand>svg{width:19px;height:19px}.brand>span{font-size:7px;letter-spacing:.1em}.brand-slash{padding:0 3px}.tools{gap:3px}.tools select{font-size:8px;max-width:85px;padding:4px 1px}.tool-divider{margin:0 4px;height:9px}.atmosphere::before{inset:64px 12px 38px;background-size:13px 1px,1px 13px,13px 1px,1px 13px,13px 1px,1px 13px,13px 1px,1px 13px}.gateway{width:calc(100% - 46px);gap:28px;padding:24px 0}.identity{padding-top:0}.signal{font-size:5.5px;gap:6px;letter-spacing:.12em;margin-bottom:23px}.signal>span{width:3px;height:3px}.identity h1{font-size:clamp(80px,22vw,118px);letter-spacing:.12em}.identity h1>span{margin-right:-.12em}.intro{font-size:10px;letter-spacing:.12em;margin-top:17px}.coordinates{gap:17px;font-size:5px;margin-top:20px;letter-spacing:.1em}.orbital{width:290px;height:290px;opacity:.45;top:46%}.ring-inner{inset:27px}.axis-x{width:calc(100% + 30px);left:-15px}.axis-y{height:calc(100% + 30px);top:-15px}.tick-one{top:27px;left:44px}.tick-two{bottom:27px;right:44px}.section-label{font-size:7px;padding-bottom:10px}.micro{font-size:5px}.route{gap:13px;min-height:76px;padding:15px 9px 15px 7px}.route:hover{padding-left:10px}.route-index{font-size:7px;padding-top:3px}.route-heading{display:block}.route-heading>b{font-size:13px;letter-spacing:.1em;display:block;min-width:0}.route-heading>span{display:block;font-size:8px;margin-top:5px;letter-spacing:0}.route-products{font-size:6px;line-height:1.45;margin-top:6px;letter-spacing:0}.route-products>i{margin:0 1px}.route-action{display:none}.route>svg{width:14px;height:14px}.store{gap:11px;padding:13px 10px;margin-top:11px}.store-code{font-size:9px;min-width:24px}.store-copy>b{font-size:10px}.store-copy>small{font-size:7px;margin-top:4px;letter-spacing:0}.store-domain{font-size:5px;letter-spacing:0}.store>svg{width:14px;height:14px;margin-left:0}.expansion{font-size:7px;margin-top:13px;gap:7px}.footer{font-size:6px}.footer a{font-size:7px}.footer-center{font-size:4px;letter-spacing:.07em}}
@media(max-height:650px){.gateway{gap:22px;padding-top:14px;padding-bottom:14px}.signal{margin-bottom:18px}.coordinates{display:none}.identity h1{font-size:clamp(76px,18vw,100px)}.intro{margin-top:13px}.orbital{width:250px;height:250px}.route{min-height:69px;padding-top:12px;padding-bottom:12px}.store{padding-top:11px;padding-bottom:11px}.expansion{margin-top:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.identity h1>span::after{display:none}.scanline{display:none}}

/* Retain the existing not-found page layout with the new palette. */
.wrap.section{width:min(650px,calc(100% - 46px));margin:auto;padding:36px 0}.button.primary{display:inline-block;padding:12px 18px;border:1px solid var(--gate-line);color:var(--gate-accent)}

/* Brand gateway: a light vector scene, with movement limited to transforms and opacity. */
:root{--gate-dim:#a3abc0;--gate-faint:#77849f}
:root[data-theme=nebula]{--gate-dim:#a3abc0;--gate-faint:#77849f;--gate-line:rgba(151,160,220,.26)}
.gateway{width:min(1120px,calc(100% - 100px));display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:90px;align-items:center;padding:50px 0}
.identity{text-align:left;padding-top:0}.signal{justify-content:flex-start;font-size:8px;letter-spacing:.16em;margin-bottom:28px;color:var(--gate-accent)}
.identity h1{font-size:clamp(100px,10.4vw,146px);letter-spacing:.08em}.identity h1>span{margin-right:-.08em}.identity h1>i{right:-.36em}
.intro{font:10px/1.6 var(--mono);letter-spacing:.12em;margin-top:22px;color:var(--gate-accent)}
.brand-story{position:relative;margin-top:34px;max-width:420px}.brand-story h2{font-size:clamp(23px,2.2vw,32px);font-weight:400;letter-spacing:.1em;margin:0 0 15px}.brand-story p{font-size:13px;line-height:1.95;color:var(--gate-dim);margin:0;text-wrap:pretty}.brand-values{display:flex;flex-wrap:wrap;gap:19px;margin-top:25px;font:8px var(--mono);letter-spacing:.07em;color:var(--gate-dim)}.brand-values i{font:6px var(--mono);font-style:normal;color:var(--gate-accent);margin-right:4px}.coordinates{justify-content:flex-start;gap:20px;margin-top:29px;font-size:7px}
.orbital{width:540px;height:540px;left:43%;top:30%;opacity:.75;overflow:hidden;transform:translate(calc(-50% + var(--orbit-x,0px)),calc(-50% + var(--orbit-y,0px)));transition:transform .5s ease-out;contain:layout paint}
.core-field{width:100%;height:100%;color:var(--gate-accent);opacity:.38}.core-path{transform-origin:250px 250px;animation:orbit 42s linear infinite}.ring-inner{inset:70px;border-color:rgba(var(--gate-rgb),.16);animation-duration:55s}.ring-outer::after{border-top-color:rgba(var(--gate-rgb),.55);border-bottom-color:rgba(var(--gate-rgb),.28);animation-duration:28s}.axis-x,.axis-y{display:none}.energy-core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,rgba(var(--gate-rgb),.18),rgba(var(--gate-rgb),.035) 50%,transparent 70%);animation:core-breathe 7s ease-in-out infinite}.orbit-satellite{position:absolute;inset:8%;border-radius:50%;animation:orbit 14s linear infinite}.orbit-satellite::after{content:'';position:absolute;top:12%;left:12%;width:5px;height:5px;background:var(--gate-accent);border-radius:50%;box-shadow:0 0 12px rgba(var(--gate-rgb),.8)}.satellite-b{inset:18%;animation:orbit 21s linear infinite reverse}.satellite-b::after{width:3px;height:3px;opacity:.75}
.halo{background:radial-gradient(ellipse 45% 65% at 30% 40%,rgba(var(--gate-rgb),.12),transparent 78%)}.grid-field{mask-image:radial-gradient(ellipse 75% 80% at 40% 45%,#000,transparent)}.scanline{top:0;left:0;right:0;background:linear-gradient(90deg,transparent,rgba(var(--gate-rgb),.18),transparent);animation:scan-pass 18s linear infinite}
.portal-caption{display:flex;justify-content:space-between;align-items:center;color:var(--gate-text);margin-bottom:28px}.portal-caption>span{font:11px var(--mono);letter-spacing:.3em}.portal-caption>b{font-size:28px;font-weight:300;color:var(--gate-accent)}.section-label{font-size:9px}.micro{font-size:7px}.route{min-height:100px;padding:22px 16px;background:linear-gradient(105deg,rgba(var(--gate-rgb),.07),var(--gate-panel));overflow:hidden;transition:background .2s}.route:hover{padding-left:16px}.route::after{content:'';position:absolute;left:0;bottom:0;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gate-accent),transparent);animation:signal-travel 5s ease-in-out infinite;opacity:.65}.route:nth-child(2)::after{animation-delay:-2.5s}.route-heading{display:block}.route-heading>b{font-size:17px}.route-heading>span{display:block;margin-top:8px;font-size:10px}.route-products{font-size:9px;margin-top:11px}.route-action{display:none}.route-index{font-size:8px}.route>svg{width:21px;height:21px;color:var(--gate-accent)}.store{padding:20px 16px;margin-top:18px}.store-copy>b{font-size:12px}.store-copy>small{font-size:9px}.store-domain{font-size:7px}.expansion{font-size:9px;margin-top:22px}
.motion-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;border:0;background:transparent;padding:8px 5px;color:var(--gate-dim)}.motion-toggle b{font:8px var(--mono);letter-spacing:.08em}.motion-toggle>span{width:5px;height:5px;border-radius:50%;background:var(--gate-accent)}.motion-toggle[aria-pressed=false]>span{background:var(--gate-faint)}.motion-toggle:focus-visible{outline:1px solid var(--gate-accent);outline-offset:2px}
@keyframes scan-pass{from{transform:translateY(8vh);opacity:0}10%,85%{opacity:1}to{transform:translateY(90vh);opacity:0}}
@keyframes core-breathe{0%,100%{transform:scale(.9);opacity:.5}50%{transform:scale(1.12);opacity:1}}
@keyframes signal-travel{0%{transform:translateX(-90px);opacity:0}20%,80%{opacity:.65}100%{transform:translateX(460px);opacity:0}}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after,[data-page-hidden] *,[data-page-hidden] *::before,[data-page-hidden] *::after{animation-play-state:paused!important}
[data-motion=off] .orbital{transition:none;transform:translate(-50%,-50%)}[data-motion=off] .scanline,[data-motion=off] .identity h1>span::after{display:none}
[data-fx=economy] .satellite-b,[data-fx=economy] .energy-core,[data-fx=economy] .scanline{display:none}[data-fx=economy] .ring-inner{animation:none}
@media(max-width:1000px) and (min-width:701px){.gateway{gap:40px;width:calc(100% - 70px)}.identity h1{font-size:10vw}.orbital{width:430px;height:430px}.brand-values{gap:10px}.store-domain{display:none}}
@media(min-height:900px) and (min-width:701px){.gateway{gap:90px}.signal{margin-bottom:28px}.intro{margin-top:22px}.route{min-height:110px}.store{padding-top:22px;padding-bottom:22px}}
@media(max-width:700px){.gateway{display:flex;width:calc(100% - 42px);gap:29px;padding:30px 0}.identity{width:100%}.identity h1{font-size:clamp(78px,21vw,116px)}.signal{font-size:6px;margin-bottom:18px}.intro{font-size:8px;margin-top:14px}.brand-story{margin-top:23px;max-width:100%}.brand-story h2{font-size:23px;margin-bottom:9px}.brand-story p{font-size:11px;line-height:1.8}.brand-values{font-size:7px;gap:16px;margin-top:16px}.coordinates{display:none}.orbital{width:350px;height:350px;left:48%;top:33%;opacity:.65}.ring-inner{inset:45px}.portal-caption{margin-bottom:13px}.portal-caption>span{font-size:9px}.portal-caption>b{font-size:20px}.destinations{width:100%}.section-label{font-size:7px}.micro{font-size:5px}.route{min-height:81px;padding:13px 10px;gap:12px}.route:hover{padding-left:10px}.route-heading>b{font-size:14px}.route-heading>span{font-size:9px;margin-top:5px}.route-products{font-size:7px;margin-top:7px}.route>svg{width:17px;height:17px}.store{padding:14px 10px;margin-top:12px}.store-copy>b{font-size:10px}.store-copy>small{font-size:7px}.store-domain{font-size:5px}.expansion{margin-top:13px;font-size:7px}.motion-toggle{gap:4px;padding:7px 3px}.motion-toggle b{display:none}.tools select{max-width:73px}}
@media(max-height:740px) and (min-width:701px){.gateway{padding:28px 0}.brand-story{margin-top:23px}.brand-story h2{font-size:26px}.brand-values{margin-top:18px}.coordinates{margin-top:20px}}
@media(max-height:720px) and (max-width:700px){.gateway{gap:19px;padding:18px 0}.brand-story{margin-top:17px}.brand-story h2{font-size:20px}.brand-values{margin-top:12px;gap:12px}.signal{margin-bottom:12px}.identity h1{font-size:76px}.intro{margin-top:10px}.portal-caption{display:none}.route{min-height:73px;padding-top:11px;padding-bottom:11px}.store{padding-top:11px;padding-bottom:11px}.brand-story p{font-size:10px}.orbital{width:290px;height:290px}}
@media(prefers-reduced-motion:reduce){.orbital{transition:none;transform:translate(-50%,-50%)}}
.identity{animation:gateway-arrive .7s ease-out both}.destinations{animation:gateway-arrive .8s .08s ease-out both}
@keyframes gateway-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:620px) and (max-width:700px){body{grid-template-rows:48px 1fr 24px}.gateway{padding:12px 0;gap:15px}.identity h1{font-size:64px}.signal{margin-bottom:9px}.intro{margin-top:7px}.brand-story{margin-top:12px}.brand-story h2{font-size:18px;margin-bottom:6px}.brand-story p{line-height:1.65}.brand-values{display:none}.route{min-height:62px;padding-top:8px;padding-bottom:8px}.route-heading>b{font-size:12px}.route-heading>span{font-size:8px}.route-products{margin-top:5px}.store{margin-top:9px}.expansion{margin-top:9px}}
[data-motion=off] .identity,[data-motion=off] .destinations{animation:none}

/* Readable type and visible collection descriptions; short screens may scroll. */
.gateway{width:min(1220px,calc(100% - 80px));grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:70px;padding:34px 0}
.brand>span{font-size:12px}.tools select{font-size:12px;max-width:125px;padding:8px 4px}.motion-toggle b{font-size:11px}.signal{font-size:11px;letter-spacing:.1em}.intro{font-size:14px;letter-spacing:.06em}.brand-story{max-width:470px}.brand-story p{font-size:16px;line-height:1.85}.brand-values{font-size:12px;gap:15px;line-height:1.8}.brand-values i{font-size:11px}.coordinates{font-size:10px;letter-spacing:.05em}.coordinates>b{font-size:12px}
.portal-caption{margin-bottom:19px}.portal-caption>span{font-size:13px}.section-label{font-size:13px;letter-spacing:.08em}.micro{font-size:10px;letter-spacing:.06em}
.route{padding:20px 16px;gap:15px;align-items:flex-start;min-height:0}.route:hover{padding-left:16px}.route-index{font-size:11px;padding-top:7px}.route-heading>b{font-size:23px;letter-spacing:.06em}.route-heading>span{font-size:16px;line-height:1.5;margin-top:7px;color:var(--gate-text);letter-spacing:0}.route-description{display:block;font-size:15px;line-height:1.8;margin-top:10px;color:var(--gate-dim)}.route-strengths{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:12px;color:var(--gate-accent);font-size:13px;line-height:1.6}.route-strengths>span::before{content:'+';font-family:var(--mono);margin-right:5px}.route-products{font-size:12px;line-height:1.7;margin-top:13px;letter-spacing:0;color:var(--gate-dim)}.route>svg{margin-top:6px}.store{padding:17px 16px;gap:14px}.store-code{font-size:13px}.store-copy>b{font-size:16px;letter-spacing:.03em}.store-copy>small{font-size:12px;line-height:1.5}.store-domain{font-size:10px}.expansion{font-size:12px;letter-spacing:.02em;margin-top:17px}.footer{font-size:10px;letter-spacing:.04em}.footer a{font-size:12px}.footer-center{font-size:9px;letter-spacing:.1em}
@media(max-width:1000px) and (min-width:701px){.gateway{gap:35px;width:calc(100% - 60px);grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}.brand-values{gap:10px}.signal{font-size:10px;letter-spacing:0}.store-domain{display:none}.brand-story p{font-size:15px}.coordinates{gap:10px}.route{padding-left:12px;padding-right:12px;gap:10px}.route:hover{padding-left:12px}}
@media(max-width:700px){body{grid-template-rows:64px 1fr 40px}.header,.footer{padding:0 18px}.brand>span{font-size:10px}.tools select{font-size:12px;max-width:90px}.motion-toggle{padding:8px 5px}.gateway{width:calc(100% - 36px);gap:32px;padding:26px 0 30px}.signal{font-size:9px;letter-spacing:.03em}.intro{font-size:13px;margin-top:14px}.brand-story{margin-top:23px}.brand-story h2{font-size:25px;margin-bottom:12px}.brand-story p{font-size:15px;line-height:1.8}.brand-values{display:flex;font-size:11px;gap:12px;margin-top:17px}.brand-values i{font-size:10px}.portal-caption{display:flex;margin-bottom:14px}.portal-caption>span{font-size:12px}.section-label{font-size:12px}.micro{font-size:9px}.route{padding:18px 12px;gap:11px;min-height:0}.route:hover{padding-left:12px}.route-index{font-size:10px;padding-top:5px}.route-heading>b{font-size:21px}.route-heading>span{font-size:15px;margin-top:7px}.route-description{font-size:14px;line-height:1.8;margin-top:10px}.route-strengths{font-size:12px;gap:6px 11px}.route-products{font-size:11px;line-height:1.8;margin-top:12px}.store{padding:17px 12px;margin-top:15px;gap:12px}.store-code{font-size:12px}.store-copy>b{font-size:15px}.store-copy>small{font-size:12px}.store-domain{display:none}.expansion{font-size:12px;margin-top:17px}.footer{font-size:10px}.footer a{font-size:12px}.footer-center{display:none}.orbital{width:300px;height:300px}.identity h1{font-size:clamp(64px,21vw,116px)}.motion-toggle b{display:none}}

/* 旗下站点链接随登记表扩展，页脚高度由内容决定。 */
body{grid-template-rows:68px 1fr auto}
.footer{display:block;padding:20px 34px 16px;border-top:1px solid var(--gate-line)}
.footer-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.network-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;color:var(--gate-dim);font-family:var(--font);font-size:14px;letter-spacing:0}
.network-links ul{display:flex;flex-wrap:wrap;gap:4px 24px;list-style:none;padding:0;margin:0}
.network-links a{display:inline-flex;align-items:center;min-height:36px;font-size:15px;color:var(--gate-text)}
.network-links a:hover{color:var(--gate-accent)}
@media(max-width:700px){body{grid-template-rows:64px 1fr auto}.footer{padding:18px}.network-links{gap:6px 18px}.network-links ul{gap:4px 18px}}