/* 浮光 Glinta 门户 · 夜空沉浸版
   参考：style-templates/49 深空 parallax + 14 玻璃面板
   品牌约束：深靛蓝夜空 + 琥珀光束（无紫粉/霓虹青），去 AI 味 */
:root{
  --space:#0a1025;
  --sky:#16224a;
  --sky-mid:#1B2b58;
  --amber:#E8A33D;
  --amber-soft:#F0B25A;
  --amber-hi:#F6C170;
  --ink:#F2F4FA;
  --muted:#A6AECB;
  --line:rgba(255,255,255,.14);
  --glass:rgba(255,255,255,.055);
  --glass-hi:rgba(255,255,255,.09);
  --radius:10px;
  --font:"Inter",-apple-system,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--space);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ink);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--amber)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--amber)}
h1,h2,h3{line-height:1.18;font-weight:650;letter-spacing:0}
section{border-bottom:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;gap:1rem;padding:2.25rem 0 1.25rem;border-bottom:1px solid var(--line)}
.sec-head .num{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--amber);font-weight:600}
.sec-head h2{font-size:clamp(1.4rem,3vw,1.9rem)}

/* ── Parallax 场景层 ── */
.scene{position:fixed;inset:0;z-index:-1;perspective:1px;overflow:hidden}
.layer{position:absolute;inset:-20%;will-change:transform}
.layer-bg{background:radial-gradient(120% 90% at 50% 0%,var(--sky-mid) 0%,var(--sky) 45%,#070b1d 100%);transform:translateZ(-2px) scale(1.05)}
.layer-beam{background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(232,163,61,.16) 46%,rgba(246,193,112,.30) 50%,rgba(232,163,61,.14) 54%,transparent 62%,transparent 100%);transform:translateZ(-1px) scale(1.2);mix-blend-mode:screen}
.layer-mist{background:linear-gradient(180deg,transparent 55%,rgba(232,163,61,.06) 78%,rgba(23,34,74,.0) 100%);transform:translateZ(-.5px) scale(1.1)}
.star{position:absolute;border-radius:50%;background:#fff;opacity:.5;animation:twinkle 4.5s ease-in-out infinite}
.s1{width:2px;height:2px;top:12%;left:8%}.s2{width:1.5px;height:1.5px;top:20%;left:24%;animation-delay:1s}
.s3{width:2.5px;height:2.5px;top:8%;left:45%}.s4{width:1px;height:1px;top:30%;left:62%;animation-delay:2s}
.s5{width:2px;height:2px;top:14%;left:82%;animation-delay:.8s}.s6{width:1.5px;height:1.5px;top:40%;left:12%;animation-delay:1.7s}
.s7{width:2px;height:2px;top:35%;left:38%;animation-delay:.4s}.s8{width:1px;height:1px;top:25%;left:55%;animation-delay:2.6s}
.s9{width:2.5px;height:2.5px;top:18%;left:70%;animation-delay:1.2s}.s10{width:1.5px;height:1.5px;top:46%;left:90%;animation-delay:.2s}
@keyframes twinkle{0%,100%{opacity:.25}50%{opacity:.8}}

/* ── 导航 ── */
.site-nav{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(10,16,37,.55);backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;gap:1.5rem;min-height:60px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:650;font-size:1.05rem;margin-right:auto}
.brand-logo{width:26px;height:26px;filter:drop-shadow(0 0 8px rgba(232,163,61,.5))}
.brand-name em{font-style:normal;color:var(--amber);font-weight:600;font-size:.9em}
.nav ul{display:flex;gap:1.5rem;list-style:none}
.nav ul a{font-size:.9375rem;border-bottom:2px solid transparent;padding-bottom:3px;transition:border-color .18s ease,color .18s ease}
.nav ul a:hover{border-color:var(--amber);color:var(--ink)}

/* ── 按钮 ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1.5rem;font:inherit;font-size:.9375rem;border-radius:var(--radius);cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-amber{background:linear-gradient(135deg,var(--amber-hi),var(--amber));color:#1a1508;font-weight:600;box-shadow:0 4px 20px rgba(232,163,61,.28)}
.btn-amber:hover{box-shadow:0 6px 28px rgba(232,163,61,.4)}
.btn-glass{background:var(--glass);border:1px solid var(--line);color:var(--ink);backdrop-filter:blur(6px)}
.btn-glass:hover{background:var(--glass-hi);border-color:rgba(255,255,255,.28)}

/* ── Hero ── */
.hero{min-height:74vh;display:flex;align-items:center}
.hero-inner{max-width:760px;padding:5rem 0}
.hero h1{font-size:clamp(2.3rem,6vw,3.6rem);font-weight:700;margin:.9rem 0 1.1rem;line-height:1.15;text-shadow:0 2px 40px rgba(0,0,0,.3)}
.lede{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:560px}
.hero-actions{display:flex;gap:.75rem;margin-top:2.1rem;flex-wrap:wrap}

/* ── 玻璃面板 ── */
.glass-card{background:var(--glass);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(8px);padding:1.5rem;transition:border-color .18s ease,background .18s ease}
.glass-card:hover{border-color:rgba(232,163,61,.4);background:var(--glass-hi)}
.glass-card strong{font-size:1.05rem;font-weight:650;display:block;margin-bottom:.5rem}
.glass-card p{font-size:.9375rem;color:var(--muted);line-height:1.65;font-weight:400}

/* ── 模块 ── */
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:1.5rem}
.module{background:var(--glass);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(8px);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color .18s ease}
.module:hover{border-color:rgba(232,163,61,.4)}
.module strong{font-size:1.05rem;font-weight:650}
.module span{font-size:.8125rem;color:var(--muted)}

/* ── 为什么 ── */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1.5rem}

/* ── 价格 ── */
.price-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:1.5rem}
.price,strong{display:block}
.price{font-size:2.1rem;font-weight:700;margin:.4rem 0 .75rem;font-variant-numeric:tabular-nums}
.price em{font-style:normal;font-size:.9rem;color:var(--muted);font-weight:500}
.price-card p{font-size:.85rem;color:var(--muted)}

/* ── 下载 ── */
.download-row{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-bottom:3rem;flex-wrap:wrap}
.download-note{font-size:.875rem;color:var(--muted)}

/* ── Footer ── */
.site-foot{border-top:1px solid var(--line)}
.foot{display:flex;align-items:center;justify-content:space-between;min-height:64px;color:var(--muted);font-size:.85rem}
.foot-link{color:var(--muted)}
.foot-link:hover{color:var(--amber)}

@media (max-width:720px){
  .module-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid,.price-row{grid-template-columns:1fr}
  .nav ul{display:none}
}
@media (prefers-reduced-motion: reduce){
  .scene,.star{animation:none}
}