/* 深空拾光 · artio(主题玫红) */
:root{
  --bg:#08090d; --panel:#0e1016; --line:#1d212b;
  --ink:#e8e6e1; --dim:#9b978f; --faint:#55534e;
  --warm1:#ffd9a0;
  --theme:#ff6b9d; --theme2:#ffb0cb;
  --themeSoft:rgba(255,107,157,.1); --themeLine:rgba(255,107,157,.38);
}
*{box-sizing:border-box} html,body{margin:0}
body{
  font-family:-apple-system,"PingFang SC","Segoe UI",Roboto,sans-serif;
  color:var(--ink); line-height:1.6; overflow-x:hidden; background:#07080c;
}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse 130% 90% at 50% -10%,#161119 0%,#0b0a10 48%,#07080c 100%)}
#glow{position:fixed;inset:0;z-index:-1;pointer-events:none}
#glow .a1{position:absolute;width:72vw;height:72vh;top:-24vh;right:-18vw;border-radius:50%;
  filter:blur(90px);background:radial-gradient(circle,rgba(255,107,157,.15),transparent 70%)}
#glow .a2{position:absolute;width:56vw;height:56vh;bottom:-26vh;left:-18vw;border-radius:50%;
  filter:blur(90px);background:radial-gradient(circle,rgba(255,180,110,.06),transparent 70%)}
.star{position:fixed;border-radius:50%;background:var(--warm1);z-index:-1;animation:tw 3.4s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.25}50%{opacity:1}}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* 导航 */
.topbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  background:rgba(8,9,13,.72);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px}
.brand .home{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-weight:700;font-size:14px;text-decoration:none;transition:color .2s}
.brand .home:hover{color:var(--ink)}
.brand .home svg{width:17px;height:17px;display:block}
.brand .sep{color:var(--faint);font-weight:400}
.brand .cur{display:inline-flex;align-items:center;gap:8px}
.brand .cur img{width:28px;height:28px;border-radius:8px;display:block}
.navlinks{display:flex;gap:24px;font-size:14px}
.navlinks a{color:var(--dim);text-decoration:none;transition:color .2s}
.navlinks a:hover{color:var(--ink)}

/* Hero */
.hero{padding:60px 0 40px;text-align:center}
.kick{font-size:13px;letter-spacing:4px;color:var(--theme);font-weight:700}
.h1{font-size:clamp(34px,5vw,54px);line-height:1.25;font-weight:900;letter-spacing:1px;margin:16px 0 18px}
.h1 .accent{background:linear-gradient(92deg,var(--theme),var(--theme2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:16px;color:var(--dim);line-height:2;max-width:660px;margin:0 auto 30px}
.dl{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:99px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}
.btn svg{width:18px;height:18px;fill:currentColor}
.btn.primary{color:#1a0810;background:linear-gradient(92deg,var(--theme),var(--theme2))}
.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost{color:var(--theme);background:var(--themeSoft);border:1px solid var(--themeLine)}
.btn.ghost:hover{background:rgba(255,107,157,.16)}
.ver{margin-top:14px;font-size:12.5px;color:var(--faint)}

/* 视频主视觉 */
.videoWrap{max-width:960px;margin:48px auto 0;padding:0 24px}
.video{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 40px 100px -40px rgba(255,107,157,.35);background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcap{text-align:center;margin-top:14px;font-size:13px;color:var(--faint)}

/* 功能区 */
.sec{padding:70px 0 80px}
.secH{text-align:center;font-size:clamp(24px,3vw,30px);font-weight:900;margin:0 0 8px}
.secSub{text-align:center;color:var(--dim);margin:0 0 40px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 22px;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-4px);border-color:var(--themeLine)}
.cIcon{width:44px;height:44px;border-radius:11px;background:var(--themeSoft);border:1px solid var(--themeLine);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cIcon svg{width:22px;height:22px;stroke:var(--theme);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cT{font-weight:800;font-size:16.5px;margin:0 0 6px}
.cD{color:var(--dim);font-size:13.5px;line-height:1.9;margin:0}

/* 页脚 */
.foot{border-top:1px solid rgba(255,255,255,.05);padding:34px 0 42px;font-size:13px;text-align:center}
.foot a{color:var(--dim);text-decoration:none;margin:0 10px}
.foot .ent{color:var(--faint);margin-top:14px;font-size:12px;line-height:2}
.foot .ent a{color:var(--faint);margin:0}

/* 轻动效 */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media(max-width:560px){ .cards{grid-template-columns:1fr} .brand .home .hl{display:none} }
@media(prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none} .star{animation:none} .card,.btn{transition:none} }