:root{--brand-1: #00b8e6;--brand-2: #7c5cff;--brand-3: #33d6ff;--grad-brand: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);--grad-brand-text: linear-gradient(120deg, #33d6ff 0%, #818cf8 55%, #c084fc 100%);--grad-brand-soft: linear-gradient(135deg, rgba(0, 184, 230, .16), rgba(124, 92, 255, .16));--ok: #10b981;--warn: #f59e0b;--bad: #ef4444;--info: #3b82f6;--font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-h1: clamp(30px, 5vw, 40px);--fs-h2: clamp(23px, 3.4vw, 30px);--fs-h3: 22px;--fs-body: 16px;--fs-sm: 14px;--fs-xs: 12.5px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--container: 1120px;--nav-h: 64px;--ease: cubic-bezier(.22, .61, .36, 1)}[data-theme=dark]{color-scheme:dark;--bg: #0b101a;--bg-soft: #0d141f;--surface: rgba(20, 28, 41, .72);--surface-solid: #141c29;--border: rgba(34, 48, 69, .9);--border-strong: rgba(62, 88, 122, .95);--text: #e6f2ff;--text-muted: #8599b2;--text-faint: #6b7f99;--shadow-card: 0 18px 48px rgba(0, 0, 0, .45);--shadow-pop: 0 24px 64px rgba(0, 0, 0, .55);--grid-line: rgba(133, 153, 178, .06);--glow-1: rgba(0, 184, 230, .16);--glow-2: rgba(124, 92, 255, .17);--skeleton: rgba(133, 153, 178, .09);--skeleton-shine: rgba(133, 153, 178, .16)}[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--bg-soft: #eef2f7;--surface: rgba(255, 255, 255, .8);--surface-solid: #ffffff;--border: rgba(30, 41, 59, .1);--border-strong: rgba(30, 41, 59, .22);--text: #1e293b;--text-muted: #475569;--text-faint: #94a3b8;--shadow-card: 0 16px 40px rgba(15, 23, 42, .1);--shadow-pop: 0 24px 56px rgba(15, 23, 42, .14);--grid-line: rgba(30, 41, 59, .045);--glow-1: rgba(0, 184, 230, .14);--glow-2: rgba(124, 92, 255, .13);--skeleton: rgba(30, 41, 59, .07);--skeleton-shine: rgba(30, 41, 59, .13)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.7;color:var(--text);background-color:var(--bg);min-height:100vh;overflow-x:hidden;transition:background-color .3s var(--ease),color .3s var(--ease)}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 65% at 50% 0%,#000 55%,transparent 100%);pointer-events:none}body:after{content:"";position:fixed;z-index:-3;inset:-20% -10% auto;height:80vh;background:radial-gradient(38% 50% at 22% 28%,var(--glow-1),transparent 70%),radial-gradient(34% 46% at 78% 20%,var(--glow-2),transparent 70%);filter:blur(24px);pointer-events:none;animation:glow-drift 16s ease-in-out infinite alternate}@keyframes glow-drift{0%{transform:translate(-2%) scale(1)}to{transform:translate(2%) scale(1.05)}}img,svg,video{display:block;max-width:100%}a{color:var(--brand-3);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--brand-1)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.3;font-weight:700;letter-spacing:-.01em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}::selection{background:#7c5cff59;color:#fff}:focus-visible{outline:2px solid var(--brand-1);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}.section{padding-block:var(--sp-8)}.section-head{text-align:center;max-width:640px;margin:0 auto var(--sp-7)}.section-head .eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-3);background:var(--grad-brand-soft);border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px 14px;margin-bottom:var(--sp-4)}.section-head p{color:var(--text-muted);margin-top:var(--sp-3)}.grad-text{background:var(--grad-brand-text);-webkit-background-clip:text;background-clip:text;color:transparent}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.skip-link{position:absolute;left:var(--sp-4);top:-48px;z-index:200;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-4);transition:top .2s var(--ease)}.skip-link:focus{top:var(--sp-4)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 767px){body{padding-bottom:env(safe-area-inset-bottom)}}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-h);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),background-color .3s var(--ease)}.navbar.scrolled{border-bottom-color:var(--border)}.navbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.02em}.brand:hover{color:var(--text)}.brand svg{width:30px;height:30px;filter:drop-shadow(0 2px 10px rgba(124,92,255,.45))}.nav-links{display:flex;align-items:center;gap:var(--sp-1)}.nav-links a{position:relative;padding:8px 14px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);transition:color .2s var(--ease),background-color .2s var(--ease)}.nav-links a:hover{color:var(--text);background:var(--grad-brand-soft)}.nav-links a.active{color:var(--text);background:var(--grad-brand-soft);box-shadow:inset 0 0 0 1px var(--border)}.nav-actions{display:flex;align-items:center;gap:var(--sp-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);transform:scale(1.06)}.icon-btn svg{width:18px;height:18px}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center}.hamburger span{display:block;width:16px;height:2px;border-radius:2px;background:var(--text-muted);transition:transform .25s var(--ease),opacity .25s var(--ease)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 26px;border-radius:var(--radius-pill);font-size:var(--fs-body);font-weight:600;border:1px solid transparent;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 8px 26px #7c5cff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px #7c5cff80;color:#fff}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--brand-1);color:var(--brand-3);transform:translateY(-2px)}.btn-sm{padding:8px 18px;font-size:var(--fs-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.card-hover:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--shadow-pop)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;border:1px solid var(--border);background:var(--grad-brand-soft);color:var(--text-muted)}.accordion{display:grid;gap:var(--sp-3)}.accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .25s var(--ease)}.accordion-item.open{border-color:var(--border-strong)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);text-align:left;padding:var(--sp-4) var(--sp-5);font-size:17px;font-weight:600;color:var(--text)}.accordion-trigger:hover{color:var(--brand-3)}.accordion-chevron{flex:none;width:20px;height:20px;color:var(--text-faint);transition:transform .3s var(--ease)}.accordion-item.open .accordion-chevron{transform:rotate(180deg);color:var(--brand-3)}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}.accordion-panel-inner{padding:0 var(--sp-5) var(--sp-5);color:var(--text-muted)}.accordion-panel-inner ul{margin:var(--sp-2) 0 0;padding-left:1.3em}.accordion-panel-inner li+li{margin-top:4px}.skeleton{position:relative;overflow:hidden;background:var(--skeleton);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:skeleton-shine 1.6s infinite}@keyframes skeleton-shine{to{transform:translate(100%)}}.footer{margin-top:var(--sp-8);border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 55%,transparent);backdrop-filter:blur(10px)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:var(--sp-6);padding-block:var(--sp-7)}.footer-brand p{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted);max-width:34em}.footer h4{font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;margin-bottom:var(--sp-4)}.footer-links{list-style:none;display:grid;gap:10px}.footer-links a{font-size:var(--fs-sm);color:var(--text-muted)}.footer-links a:hover{color:var(--brand-3)}.footer-bottom{border-top:1px solid var(--border);padding-block:var(--sp-5);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint)}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.hamburger{display:flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;z-index:99;flex-direction:column;align-items:stretch;gap:var(--sp-2);padding:var(--sp-4);background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transform:translateY(-12px);opacity:0;visibility:hidden;transition:transform .28s var(--ease),opacity .28s var(--ease),visibility .28s}.nav-links.open{transform:none;opacity:1;visibility:visible}.nav-links a{padding:13px 16px;font-size:var(--fs-body);border-radius:var(--radius-md)}}@media (max-width: 560px){.footer-grid{grid-template-columns:1fr}}