:root{--bg:#080b18;--panel:#10172a;--panel2:#111c35;--text:#eef4ff;--muted:#a9b8d7;--brand:#8b5cf6;--cyan:#22d3ee;--lime:#a3e635;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(0,0,0,.35)}*{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 10% -10%,rgba(139,92,246,.38),transparent 35%),radial-gradient(circle at 90% 0,rgba(34,211,238,.25),transparent 32%),var(--bg);color:var(--text);line-height:1.72}.wrap{width:min(1180px,92vw);margin:auto}.topbar{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(8,11,24,.72);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-weight:900}.logo img{width:150px;height:40px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:#dbeafe;text-decoration:none;font-weight:700;font-size:14px}.links a:hover{color:var(--cyan)}.searchbar{border-top:1px solid var(--line);padding:14px 0;background:rgba(15,23,42,.58)}.searchbox{display:flex;gap:10px}.searchbox input{flex:1;border:1px solid var(--line);border-radius:999px;background:#0b1020;color:white;padding:13px 18px;outline:none}.searchbox button,.btn{border:0;border-radius:999px;padding:13px 20px;background:linear-gradient(135deg,var(--brand),var(--cyan));color:white;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 28px rgba(34,211,238,.22)}.hero{padding:76px 0 48px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.eyebrow{display:inline-flex;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:#c4b5fd;background:rgba(139,92,246,.12);font-weight:800}.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.05;margin:18px 0}.lead{font-size:18px;color:var(--muted);max-width:720px}.hero-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border-radius:34px;padding:18px;box-shadow:var(--shadow);overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg,transparent,var(--cyan),transparent,var(--brand),transparent);animation:spin 8s linear infinite;opacity:.28}.hero-card>*{position:relative}.video-frame,.video-card{position:relative;overflow:hidden;border-radius:26px;background:#0f172a;border:1px solid var(--line)}.video-frame img,.video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.play{position:absolute;inset:auto auto 18px 18px;background:rgba(255,255,255,.92);color:#111827;border-radius:999px;padding:10px 14px;font-weight:900;transform:translateY(16px);opacity:0;transition:.25s}.video-frame:hover .play,.video-card:hover .play{opacity:1;transform:translateY(0)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stat{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06)}.stat b{display:block;font-size:24px;color:white}.section{padding:56px 0}.section h2{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 14px}.sub{color:var(--muted);margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:28px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 18px 60px rgba(0,0,0,.18);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.38)}.card h3{margin-top:0}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin:4px;color:#dbeafe;background:rgba(255,255,255,.06);font-size:13px}.video-meta{display:flex;gap:10px;flex-wrap:wrap;color:#cbd5e1;font-size:13px;margin-top:10px}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(163,230,53,.13);color:#d9f99d;font-weight:800}.timeline{display:grid;gap:14px}.step{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.num{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--cyan));display:grid;place-items:center;font-weight:900}.faq details{border:1px solid var(--line);border-radius:20px;margin-bottom:12px;padding:16px;background:rgba(255,255,255,.04)}.faq summary{cursor:pointer;font-weight:900}.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}.map{min-height:260px;border-radius:28px;border:1px dashed rgba(255,255,255,.28);display:grid;place-items:center;color:var(--muted);background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(34,211,238,.08))}.footer{padding:38px 0;border-top:1px solid var(--line);background:rgba(3,7,18,.58);color:#cbd5e1}.footgrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px}.qr{width:88px;height:88px;border-radius:18px;background:repeating-linear-gradient(45deg,#fff 0 6px,#111827 6px 12px);border:8px solid white}.breadcrumb{color:#a5b4fc;margin:26px 0}.article{max-width:920px}.article h1{font-size:clamp(34px,5vw,58px);line-height:1.1}.notice{border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.08);border-radius:24px;padding:18px}.mini-hero{padding:46px 0 22px}.domain-pill{color:#bfdbfe}.domain-out:empty:after{content:"当前访问域名"}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:880px){.hero-grid,.grid,.grid.two,.contact,.footgrid{grid-template-columns:1fr}.nav{height:auto;padding:14px 0;align-items:flex-start}.links{gap:10px}.links a{font-size:13px}.stats{grid-template-columns:1fr}.hero{padding-top:44px}.searchbox{flex-direction:column}.btn,.searchbox button{justify-content:center}}