/*
  a6api 落地页样式（设计稿 v3，已确认）
  色板/字标/渐变取自用户端 styles/variables.css 与 LiquidGlassNavbar.css；不引用任何外部资源。
*/
@font-face{font-family:'A6 Brand Wordmark';font-weight:700;font-style:normal;font-display:swap;
  src:url('/assets/fonts/archivo-700-normal-latin.woff2') format('woff2')}
:root{
  --bg:#0B0F14; --fg:#F1F4F2; --text:#D1D3DB; --muted:#9599A6; --dim:#666B75;
  --glass:rgba(224,226,242,.05); --glass-line:rgba(224,226,242,.12);
  --ring:rgba(125,211,252,.9); --glow:rgba(56,189,248,.22);
  --gold:#fbbf24; --wordmark:#fff;
  --btn-bg:linear-gradient(135deg,#0284c7 0%,#0369a1 100%); --btn-fg:#fff;
  --btn-line:rgba(56,189,248,.4); --btn-glow:0 0 24px rgba(2,132,199,.4);
  --bar-track:rgba(224,226,242,.12);
  --chip-bg:rgba(224,226,242,.05); --chip-line:rgba(224,226,242,.14);
  --chip-mono:invert(1);
  --grid:none;
}
/* 亮色仅为备选（?theme=light），已降低亮度；默认与固定为深色 */
:root[data-theme="light"]{
  --bg:#cfd6e2; --fg:#101a2e; --text:#2f3a4f; --muted:#56627a; --dim:#6b7790;
  --glass:#dfe5ef; --glass-line:#b6c0d2;
  --ring:rgba(3,105,161,.75); --glow:rgba(3,105,161,.16);
  --gold:#b45309; --wordmark:#0b1730;
  --btn-bg:linear-gradient(135deg,#0369a1 0%,#075985 100%); --btn-fg:#fff; --btn-line:#075985; --btn-glow:0 6px 18px rgba(7,89,133,.35);
  --bar-track:#aab5c9;
  --chip-bg:#dfe5ef; --chip-line:#b6c0d2; --chip-mono:none;
  --grid:radial-gradient(900px 500px at 50% 35%,rgba(255,255,255,.28),transparent 70%),linear-gradient(to right,rgba(16,26,46,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,26,46,.05) 1px,transparent 1px);
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{
  background:var(--bg);color:var(--text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
}
.sky{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
   radial-gradient(1200px 520px at 50% 108%,rgba(56,189,248,.10),transparent 70%),
   radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.55),transparent 60%),
   radial-gradient(1px 1px at 27% 72%,rgba(255,255,255,.4),transparent 60%),
   radial-gradient(1.4px 1.4px at 41% 9%,rgba(255,255,255,.5),transparent 60%),
   radial-gradient(1px 1px at 58% 88%,rgba(255,255,255,.35),transparent 60%),
   radial-gradient(1.3px 1.3px at 73% 22%,rgba(255,255,255,.5),transparent 60%),
   radial-gradient(1px 1px at 86% 64%,rgba(255,255,255,.4),transparent 60%),
   radial-gradient(1.2px 1.2px at 93% 11%,rgba(255,255,255,.45),transparent 60%),
   radial-gradient(1px 1px at 6% 52%,rgba(255,255,255,.35),transparent 60%),
   radial-gradient(1px 1px at 66% 47%,rgba(255,255,255,.3),transparent 60%),
   radial-gradient(1px 1px at 33% 38%,rgba(255,255,255,.3),transparent 60%);
}
:root[data-theme="light"] .sky{background:var(--grid);background-size:auto,32px 32px,32px 32px}

.hero{position:relative;z-index:1;overflow-x:clip;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 40px}
.globe{--d:min(560px,88vw,74vh);position:relative;width:var(--d);height:var(--d);margin:calc(var(--d)*.08) 0}
@media (max-height:640px){.globe{--d:min(520px,88vw,70vh)}}
@media (max-width:480px){.brand{--brand-d:clamp(46px,calc(var(--d)*.16),64px)}.hint{margin-top:10px}}
.ring{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 90px var(--glow),inset 0 0 70px var(--glow)}
.ring::before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;
  background:conic-gradient(from 210deg,transparent 0,var(--ring) 22%,transparent 46%,rgba(129,140,248,.7) 70%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:spin 22s linear infinite}
.ring::after{content:"";position:absolute;inset:3.5%;border-radius:50%;border:1px solid var(--glass-line);opacity:.8}
.orbit{position:absolute;inset:0;animation:spin 120s linear infinite}
.chip{position:absolute;left:50%;top:50%;width:clamp(30px,calc(var(--d)*.085),46px);aspect-ratio:1;margin:calc(clamp(30px,calc(var(--d)*.085),46px)/-2);
  transform:rotate(var(--a)) translateX(calc(var(--d)*var(--r))) rotate(calc(var(--a)*-1))}
.chip span{display:grid;place-items:center;width:100%;height:100%;border-radius:12px;background:var(--chip-bg);border:1px solid var(--chip-line);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:spinrev 120s linear infinite}
.chip img{width:58%;height:58%;object-fit:contain}
.chip img.mono{filter:var(--chip-mono)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinrev{to{transform:rotate(-360deg)}}

.core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 12%}
/* 图标在上、域名字标在下；所有尺寸由图标直径 --brand-d 推出 */
.brand{--brand-d:clamp(50px,calc(var(--d)*.19),96px);display:flex;flex-direction:column;align-items:center;gap:calc(var(--brand-d)*.16);margin-bottom:calc(var(--brand-d)*.2)}
.brand-mark{width:var(--brand-d);height:var(--brand-d);flex-shrink:0;position:relative}
.brand-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-mark .is-dark{display:none}
:root[data-theme="dark"] .brand-mark .is-light{display:none}
:root[data-theme="dark"] .brand-mark .is-dark{display:block}
.wordmark{font-family:'A6 Brand Wordmark','Archivo',system-ui,sans-serif;font-size:calc(var(--brand-d)*.6);font-weight:700;letter-spacing:-.01em;line-height:1;white-space:nowrap;color:var(--wordmark);display:flex;align-items:baseline}
.wordmark .tld{height:.74em;width:auto;margin-left:.04em;vertical-align:baseline;position:relative;top:.02em}
.tag{font-size:clamp(11px,calc(var(--d)*.026),14px);color:var(--fg);opacity:.92;letter-spacing:.02em;font-weight:600}
.h1{font-size:clamp(17px,calc(var(--d)*.056),30px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--fg);margin:calc(var(--d)*.012) 0 calc(var(--d)*.028)}
.h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 18px rgba(251,191,36,.18)}
.status{font-size:clamp(11px,calc(var(--d)*.025),13px);color:var(--muted);min-height:1.4em}
.bar{width:min(72%,240px);height:3px;border-radius:3px;background:var(--bar-track);overflow:hidden;margin:8px auto calc(var(--d)*.034)}
.bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#00d39b,#0681ef,#2936fe);box-shadow:0 0 10px rgba(6,129,239,.6)}
.bar.run i{animation:fill var(--stay,2s) linear forwards}
@keyframes fill{to{width:100%}}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;font-weight:600;font-size:clamp(13px,calc(var(--d)*.03),15px);
  padding:clamp(9px,calc(var(--d)*.022),12px) clamp(20px,calc(var(--d)*.048),26px);text-decoration:none;background:var(--btn-bg);color:var(--btn-fg);
  border:1px solid var(--btn-line);box-shadow:var(--btn-glow);transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}
.btn svg{width:16px;height:16px}
.hint{font-size:12px;color:var(--dim);margin:calc(var(--d)*.024) 0 0}

.backup{margin-top:44px;text-align:center;position:relative;z-index:2}
.backup[hidden]{display:none}
.backup p{margin:0 0 10px;color:var(--muted);font-size:13px}
.backup a{display:inline-flex;margin:4px;padding:8px 18px;border-radius:9999px;background:var(--glass);border:1px solid var(--glass-line);color:var(--fg);text-decoration:none;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.backup a:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}
.foot{position:relative;z-index:1;text-align:center;color:var(--dim);font-size:12px;padding:0 16px 20px}
@media (prefers-reduced-motion:reduce){.ring::before,.orbit,.chip span{animation:none}.bar.run i{animation:none;width:100%}}