:root{
  --bg:#fbfcff;
  --card:#ffffffcc;
  --ink:#22263d;
  --muted:#667085;
  --line:#e8ecf6;
  --pink:#ff4fd8;
  --blue:#59c7ff;
  --violet:#7c5cff;
  --cyan:#55f0dc;
  --shadow:0 24px 70px rgba(87,99,255,.16);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(255,79,216,.16),transparent 28%),radial-gradient(circle at 88% 8%,rgba(89,199,255,.20),transparent 30%),linear-gradient(180deg,#fff 0%,var(--bg) 42%,#fff 100%);color:var(--ink);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,236,246,.85)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.logo-link{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.04em}.logo-link img{width:168px;height:auto}.domain-pill{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff}
.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav a{font-size:15px;font-weight:700;padding:9px 12px;border-radius:999px;color:#3a405c}.nav a:hover,.nav a.is-active{background:linear-gradient(135deg,rgba(255,79,216,.12),rgba(89,199,255,.16));color:#121735}
.search-band{padding:0 0 16px}.fake-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:24px;padding:10px 10px 10px 18px;box-shadow:0 12px 36px rgba(124,92,255,.08)}.fake-search input{flex:1;border:0;outline:0;font-size:15px;color:var(--ink);background:transparent}.fake-search button{border:0;border-radius:18px;padding:10px 18px;background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(255,79,216,.18)}.search-note{margin:8px 4px 0;color:var(--muted);font-size:13px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#111831;color:#fff;padding:13px 18px;border-radius:18px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.hero{position:relative;padding:72px 0 42px}.hero:before{content:"";position:absolute;inset:18px auto auto 8%;width:240px;height:240px;background:linear-gradient(135deg,var(--pink),transparent);filter:blur(45px);opacity:.36;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--violet);font-weight:900;background:rgba(124,92,255,.09);border:1px solid rgba(124,92,255,.14);padding:8px 12px;border-radius:999px}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.05;margin:18px 0 18px;letter-spacing:-.06em}.gradient-text{background:linear-gradient(110deg,var(--pink),var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:#4d5573;margin:0 0 26px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;padding:13px 20px;font-weight:900;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(89,199,255,.12)}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--pink),var(--blue));box-shadow:0 18px 42px rgba(255,79,216,.18)}.hero-card{position:relative;padding:16px;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.55));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.75)}.hero-card:after{content:"";position:absolute;inset:-2px;border-radius:38px;padding:2px;background:linear-gradient(135deg,var(--pink),transparent,var(--blue));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-card img{border-radius:28px;aspect-ratio:16/9;object-fit:cover}.floating-stat{position:absolute;right:34px;bottom:34px;background:#fffffff2;border:1px solid var(--line);border-radius:22px;padding:14px 18px;box-shadow:0 16px 40px rgba(34,38,61,.13);font-weight:900}.floating-stat span{display:block;color:var(--pink);font-size:24px}
.section{padding:58px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.section h2{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0}.section-lead{color:var(--muted);max-width:720px;margin:10px 0 0}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card,.video-card,.review,.faq-item{background:var(--card);border:1px solid rgba(232,236,246,.95);border-radius:var(--radius);padding:20px;box-shadow:0 18px 55px rgba(48,58,108,.08)}.video-card{position:relative;overflow:hidden;transition:.25s}.video-card:hover{transform:translateY(-6px);box-shadow:0 24px 80px rgba(124,92,255,.18)}.video-media{position:relative;border-radius:22px;overflow:hidden;background:#f4f7ff;isolation:isolate}.video-media img,.video-media video{width:100%;aspect-ratio:16/9;object-fit:cover}.video-media video{position:absolute;inset:0;opacity:0}.play-button{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:#fff;opacity:0;background:radial-gradient(circle,rgba(255,79,216,.78),rgba(89,199,255,.18) 38%,transparent 62%);transition:.25s;text-shadow:0 6px 24px rgba(0,0,0,.25)}.video-card:hover .play-button{opacity:1}.video-card:hover .video-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,79,216,.22),rgba(89,199,255,.20));mix-blend-mode:screen}.tag{display:inline-block;margin:16px 0 6px;border-radius:999px;padding:5px 10px;background:rgba(89,199,255,.13);color:#236c9b;font-weight:900;font-size:12px}.video-card h3,.card h3{margin:6px 0 8px;font-size:20px}.video-card p,.card p,.review p,.faq-item p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.stats span{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;text-align:center;color:#505a78}.fig-desc{margin-top:10px;color:#6b7280;font-size:13px}.topic-list{display:grid;gap:14px}.topic{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px 18px}.topic strong{display:block}.barrage{display:flex;gap:10px;flex-wrap:wrap}.barrage span{border-radius:999px;padding:8px 12px;background:linear-gradient(135deg,rgba(255,79,216,.12),rgba(89,199,255,.12));font-weight:700;color:#46506e}.tool-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff,rgba(239,247,255,.82))}.tool-card .icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:24px;background:linear-gradient(135deg,var(--pink),var(--blue));box-shadow:0 12px 28px rgba(255,79,216,.18)}.expert{display:flex;gap:14px;align-items:flex-start}.avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--pink));display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 auto}.review strong{display:block;margin-top:14px;color:#262b45}.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner{display:grid;place-items:center;min-height:78px;border-radius:22px;border:1px solid var(--line);background:#fff;font-weight:900;color:#4a526d}.faq-item{padding:0;overflow:hidden}.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:900}.faq-item p{padding:0 20px 20px}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.info-line{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px dashed var(--line)}.qr-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;text-align:center}.qr-card img{border-radius:18px}.breadcrumbs{margin:28px 0 0;color:var(--muted);font-size:14px}.breadcrumbs a{color:#4656c9;font-weight:800}.content-block{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-list{counter-reset:item;display:grid;gap:14px}.guide-list li{list-style:none;position:relative;padding:18px 18px 18px 60px;background:#fff;border:1px solid var(--line);border-radius:22px}.guide-list li:before{counter-increment:item;content:counter(item);position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;font-weight:900}.site-footer{margin-top:44px;padding:38px 0;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.8),#fff)}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:center}.footer-logo img{width:178px}.footer-text{color:var(--muted);font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.footer-links a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff;font-weight:700}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 14px;border-radius:12px;background:#fff;z-index:100}
@media (max-width:960px){.hero-grid,.contact-panel,.content-block,.footer-grid{grid-template-columns:1fr}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.partners{grid-template-columns:repeat(3,1fr)}.header-row{align-items:flex-start;flex-direction:column}.nav{overflow:auto;max-width:100%;padding-bottom:4px}.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.container{width:min(100% - 24px,1180px)}.hero{padding:42px 0 24px}.grid.three,.grid.four,.qr-row{grid-template-columns:1fr}.section-head{display:block}.partners{grid-template-columns:repeat(2,1fr)}.logo-link img{width:145px}.hero h1{letter-spacing:-.04em}.floating-stat{position:static;margin-top:12px}.fake-search{border-radius:20px}.fake-search button{padding:10px 12px}}