:root{
--bg:#171226;
--bg2:#1E1730;
--card:#241C38;
--card2:#2C2344;
--line:rgba(255,255,255,.10);
--line2:rgba(255,255,255,.18);
--main:#B07CE8;
--main-d:#8250C4;
--main-l:#D2AEF5;
--aux:#A79DBE;
--aux2:#CFC7DE;
--acc:#F0A458;
--acc-l:#FFC98A;
--txt:#EDE9F5;
--ink:#1E1206;
--pad:22px;
--r:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-size:16px;line-height:1.75;
font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,figure,figcaption,blockquote,dl,dd,table{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--main-l);text-decoration:none}
a:hover{color:var(--acc-l)}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--pad)}
h1{font-size:40px;line-height:1.24;font-weight:700;letter-spacing:.01em}
h2{font-size:29px;line-height:1.34;font-weight:700}
h3{font-size:18px;line-height:1.42;font-weight:700}
strong{color:var(--txt)}

.top{position:sticky;top:0;z-index:30;background:rgba(23,18,38,.93);
border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.top__in{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;padding:10px var(--pad)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--txt);white-space:nowrap}
.brand img{width:38px;height:38px;border-radius:11px}
.brand__t{font-size:21px;font-weight:700;letter-spacing:.02em}
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-left:auto}
.nav a{padding:7px 12px;border-radius:999px;font-size:15px;color:var(--aux2);white-space:nowrap}
.nav a:hover{color:var(--txt);background:rgba(255,255,255,.07)}
.nav a[aria-current="page"]{color:var(--ink);background:var(--acc);font-weight:700}
.top .btn{margin-left:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:13px 26px;border-radius:999px;font-size:16px;font-weight:700;white-space:nowrap;color:var(--ink);
background:linear-gradient(135deg,var(--acc-l),var(--acc) 55%,#D9873A);
box-shadow:0 10px 26px rgba(240,164,88,.26);transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 15px 32px rgba(240,164,88,.36)}
.btn--ghost{color:var(--txt);font-weight:600;background:rgba(255,255,255,.07);
border:1px solid var(--line2);box-shadow:none}
.btn--ghost:hover{color:var(--txt);background:rgba(255,255,255,.14);box-shadow:none}
.btn--sm{padding:9px 18px;font-size:14.5px}

.hero{position:relative;overflow:hidden;background:
radial-gradient(880px 520px at 84% 6%,rgba(176,124,232,.30),transparent 62%),
radial-gradient(700px 460px at 6% 94%,rgba(240,164,88,.15),transparent 60%),
linear-gradient(180deg,#1C1531,#171226)}
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:170px;pointer-events:none;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 1px,transparent 1px 32px);
-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent);
mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent)}
.hero__in{position:relative;display:grid;grid-template-columns:1fr 306px;gap:46px;align-items:center;
padding:70px var(--pad) 62px}
.hero__txt{min-width:0}
.kicker{font-size:12.6px;letter-spacing:.18em;color:var(--acc);margin-bottom:16px}
.lead{margin-top:18px;font-size:16.5px;color:var(--aux2);max-width:56ch}
.hero__cta{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.cta-note{margin-top:16px;font-size:13.4px;color:var(--aux)}
.hero__shot{justify-self:center;width:100%;max-width:306px}
.hero__shot img{width:100%;height:auto;margin:0 auto;border-radius:22px;
box-shadow:0 0 0 2px rgba(255,252,246,.92),0 0 0 3px var(--main),0 26px 54px rgba(9,6,18,.62)}
.hero__shot figcaption{margin-top:14px;font-size:12.8px;color:var(--aux);text-align:center}

.facts{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts__in{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:34px var(--pad)}
.fact{padding-left:16px;border-left:3px solid var(--acc)}
.fact:nth-child(2){border-left-color:var(--main)}
.fact__n{font-size:25px;font-weight:700;line-height:1.2;color:var(--acc-l)}
.fact:nth-child(2) .fact__n{color:var(--main-l)}
.fact__t{margin-top:6px;font-size:13.8px;color:var(--aux)}

.sec{padding:76px 0}
.sec--alt{background:var(--bg2)}
.sec__head{max-width:68ch;margin-bottom:32px}
.sub{margin-top:12px;font-size:16px;color:var(--aux)}

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);
border-radius:var(--r);padding:24px 22px 28px}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
background:linear-gradient(90deg,var(--main),rgba(176,124,232,0))}
.card:nth-child(even)::after{background:linear-gradient(90deg,var(--acc),rgba(240,164,88,0))}
.card__i{position:relative;display:block;width:36px;height:36px;margin-bottom:15px;border-radius:11px;
background:linear-gradient(135deg,var(--main),var(--main-d))}
.card:nth-child(even) .card__i{background:linear-gradient(135deg,var(--acc),#C87A2E)}
.card__i::before{content:"";position:absolute;left:8px;top:8px;width:15px;height:15px;border-radius:5px;
background:rgba(255,252,246,.88)}
.card__i span{position:absolute;left:16px;top:16px;width:15px;height:15px;border-radius:5px;
background:var(--acc);box-shadow:0 0 0 1.5px rgba(23,18,38,.6)}
.card:nth-child(even) .card__i span{background:var(--main-l)}
.card p{margin-top:10px;font-size:14.8px;color:var(--aux2)}

.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.shot{background:var(--card2);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 15px}
.shot img{width:auto;max-width:100%;height:auto;margin:0 auto;border-radius:12px;
box-shadow:0 12px 30px rgba(9,6,18,.5)}
.shot figcaption{margin-top:13px;font-size:13.2px;color:var(--aux);line-height:1.72}

.rows{display:grid;gap:14px}
a.row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px;color:inherit}
a.row:hover{border-color:var(--line2);background:var(--card2)}
.row__n{font-size:19px;font-weight:700;color:var(--acc)}
.row__t{display:block;font-size:17.5px;font-weight:700;color:var(--txt)}
a.row:hover .row__t{color:var(--acc-l)}
.row__d{display:block;margin-top:6px;font-size:14.4px;color:var(--aux)}
.row__go{font-size:14px;white-space:nowrap;color:var(--main-l)}

.rev{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.quote{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.quote p{font-size:15.6px;line-height:1.82;color:var(--aux2)}
.quote__w{margin-top:16px;display:flex;align-items:center;gap:10px;font-size:13.6px;color:var(--aux)}
.quote__a{display:block;width:30px;height:30px;border-radius:50%;
background:linear-gradient(135deg,var(--main),var(--main-d))}

.faq{display:grid;gap:12px}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 20px}
details[open]{background:var(--card2)}
summary{position:relative;cursor:pointer;list-style:none;padding:17px 30px 17px 0;font-size:16.4px;font-weight:700}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:2px;top:14px;font-size:19px;font-weight:700;color:var(--acc)}
details[open] summary::after{content:"−"}
details p{padding:0 0 18px;font-size:15px;color:var(--aux2)}

.cta{background:linear-gradient(135deg,#251C3A,#171226 62%);border-top:1px solid var(--line)}
.cta__in{padding:64px var(--pad);text-align:center}
.cta__in h2{font-size:27px}
.cta__in p{margin:14px auto 0;max-width:58ch;font-size:15.6px;color:var(--aux)}
.cta__btns{margin-top:26px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.cta .btn{color:var(--ink)}
.cta .btn--ghost,.cta .btn--ghost:hover{color:var(--txt)}

.foot{background:#120E1F;border-top:1px solid var(--line)}
.foot__in{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:32px;padding:54px var(--pad) 34px}
.foot h3{margin-bottom:14px;font-size:15px;color:var(--acc-l)}
.foot__brand p{max-width:44ch;font-size:14.2px;color:var(--aux)}
.footer-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:22px}
.footer-nav a{font-size:14.2px;color:var(--aux2)}
.footer-nav a:hover{color:var(--white)}
.foot__dl p{margin-bottom:14px;font-size:14.2px;color:var(--aux)}
.foot .btn{display:inline-flex;padding:9px 16px;color:var(--ink);
background:linear-gradient(135deg,var(--acc-l),var(--acc) 55%,#D9873A)}
.foot .btn:hover{color:var(--ink)}
.foot__note{padding:0 var(--pad) 12px}
.foot__note p{padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--aux)}
.foot__cr{padding:0 var(--pad) 42px}
.foot__cr p{font-size:12.6px;color:#8B82A4}

.page-hero{background:linear-gradient(180deg,#1C1531,#171226);border-bottom:1px solid var(--line)}
.page-hero__in{padding:56px var(--pad) 48px;max-width:900px}
.page-hero .lead{max-width:62ch}
.crumb{margin-top:16px;font-size:13.4px;color:var(--aux)}
.prose{max-width:74ch}
.prose p{margin-bottom:18px;font-size:15.8px;line-height:1.9;color:var(--aux2)}
.prose h3{margin:32px 0 12px;color:var(--txt)}
.prose ul{display:grid;gap:10px;margin:0 0 20px}
.prose ul li{position:relative;padding-left:20px;font-size:15.6px;color:var(--aux2)}
.prose ul li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:3px;
background:var(--acc)}
.steps{display:grid;gap:14px;counter-reset:s}
.step{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--card);
border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.step__n{counter-increment:s;width:32px;height:32px;border-radius:10px;display:flex;
align-items:center;justify-content:center;font-size:14.5px;font-weight:700;color:var(--ink);
background:linear-gradient(135deg,var(--acc-l),var(--acc))}
.step__n::before{content:counter(s,decimal-leading-zero)}
.step h3{margin-bottom:8px}
.step p{font-size:14.9px;color:var(--aux2)}
.pic{margin:26px auto;width:100%;max-width:400px}
.pic img{width:100%;height:auto;margin:0 auto;border-radius:14px;
box-shadow:0 14px 34px rgba(9,6,18,.52),0 0 0 1px rgba(255,255,255,.14)}
.pic figcaption{margin-top:12px;font-size:13px;color:var(--aux);text-align:center}

@keyframes turn9{from{opacity:0;transform:perspective(760px) rotateY(-9deg) translateY(10px)}
to{opacity:1;transform:none}}
.rise{animation:turn9 .5s cubic-bezier(.2,.7,.3,1) both}
.card{animation:turn9 .5s cubic-bezier(.2,.7,.3,1) both}
.card:nth-child(2){animation-delay:.06s}
.card:nth-child(3){animation-delay:.12s}
.card:nth-child(4){animation-delay:.18s}
.card:nth-child(5){animation-delay:.24s}
.card:nth-child(6){animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.rise,.card{animation:none;opacity:1;transform:none}}

@media (max-width:980px){
.hero__in{grid-template-columns:1fr;gap:34px;padding:52px var(--pad) 48px}
.hero__shot{max-width:300px}
.grid2,.rev{grid-template-columns:1fr}
.gal{grid-template-columns:repeat(2,1fr)}
.facts__in{grid-template-columns:1fr;gap:14px}
.foot__in{grid-template-columns:1fr 1fr;gap:26px}
h1{font-size:34px}
h2{font-size:25px}
}
@media (max-width:620px){
.top__in{flex-wrap:wrap;row-gap:10px;padding:10px var(--pad) 12px}
.brand{order:1}
.top .btn{order:2;margin-left:auto}
.nav{order:3;flex:1 0 100%;justify-content:center;margin-left:0}
.nav a{font-size:14px;padding:6px 10px}
.hero__in{padding:40px var(--pad) 40px}
.hero__shot{max-width:270px}
.sec{padding:48px 0}
.sec__head{margin-bottom:24px}
.gal{grid-template-columns:repeat(2,1fr);gap:14px}
.shot{padding:12px 12px 12px}
.foot__in{grid-template-columns:1fr;gap:24px;padding:40px var(--pad) 26px}
.foot__cr{padding:0 var(--pad) 34px}
a.row{grid-template-columns:auto 1fr;gap:12px;padding:16px}
.row__go{display:none}
h1{font-size:29px}
h2{font-size:22px}
.card{padding:20px 18px 24px}
.prose p{font-size:15.4px}
}
.footer-spacer { height: 1em; }