:root{--bg-primary: #051425;--bg-secondary: #0b223b;--card-bg: rgba(8, 26, 45, .82);--card-border: rgba(77, 190, 255, .32);--text-main: #edf7ff;--text-sub: #b4cadb;--brand-cyan: #31d8ff;--brand-blue: #25a3ff;--accent-orange: #ff9a3d;--glow: 0 18px 45px rgba(12, 140, 230, .25);--radius-lg: 24px;--radius-md: 16px;--content-max: 1200px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-title: "YouSheBiaoTiHei", "HarmonyOS Sans SC", "Microsoft YaHei UI", sans-serif;--font-body: "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;color:var(--text-main);font-family:var(--font-body);line-height:1.6;background:radial-gradient(circle at 16% 8%,rgba(55,189,255,.28),transparent 38%),radial-gradient(circle at 80% 14%,rgba(255,154,61,.16),transparent 30%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 56%,#08182b 100%);overflow-x:hidden;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}img,video{max-width:100%;height:auto}a,button{touch-action:manipulation}[id]{scroll-margin-top:7rem}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(57,132,180,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(57,132,180,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 52% 18%,black 22%,transparent 80%);mask-image:radial-gradient(circle at 52% 18%,black 22%,transparent 80%);opacity:.45;z-index:-2}.site-header{width:min(var(--content-max),calc(100% - 2.4rem));margin:1.2rem auto 0;padding:.7rem 1.1rem;border-radius:20px;border:1px solid rgba(79,181,231,.25);background:#081423b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;position:sticky;top:calc(1rem + var(--safe-top));z-index:30}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text-main);text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px}.brand strong{display:block;font-family:var(--font-title);font-size:1.06rem;letter-spacing:.02em}.brand span{display:block;color:var(--text-sub);font-size:.82rem}.nav-links{justify-self:center;display:flex;align-items:center;gap:1rem}.nav-links a{display:inline-flex;align-items:center;justify-content:center;color:#dbeef8d1;text-decoration:none;font-size:.94rem;min-height:44px;padding:0 .6rem;border-radius:10px;transition:color .24s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--brand-cyan)}main{width:min(var(--content-max),calc(100% - 2.4rem));margin:1.2rem auto 3.2rem}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:1.5rem;align-items:stretch}.hero-copy,.hero-visual{border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--glow);border-radius:var(--radius-lg);min-width:0}.hero-copy{padding:clamp(1.5rem,2vw,2.2rem)}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:#8cdfff;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;margin:0}.hero h1{margin:.78rem 0 0;font-family:var(--font-title);font-size:clamp(1.9rem,3vw,3rem);line-height:1.18}.hero h1 span{color:var(--brand-cyan)}.hero-description{margin-top:1rem;color:var(--text-sub);line-height:1.72;max-width:45ch;word-break:break-word}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;margin-top:1.3rem}.coming-soon{margin:0;color:#ffd2a4;font-size:.95rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;border-radius:999px;border:1px solid transparent;padding:.66rem 1.2rem;min-height:44px;font-family:inherit;font-size:.93rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn-primary{color:#01243d;background:linear-gradient(130deg,#6af0ff,#36b1ff);box-shadow:0 10px 24px #1b9af359}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 14px 30px #1b9af37a}.btn-outline{color:#deeffc;border-color:#63bbee85;background:#061c3073}.btn-outline:hover,.btn-outline:focus-visible{border-color:#9dd7fce6}.hero-metrics{margin:1.55rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.hero-metrics li{border:1px solid rgba(104,191,241,.22);border-radius:14px;padding:.8rem;background:#092238b8}.hero-metrics strong{display:block;font-size:1.48rem;font-family:var(--font-title);color:var(--accent-orange)}.hero-metrics span{color:var(--text-sub);font-size:.84rem}.hero-visual{position:relative;padding:1rem;display:grid;place-items:center;overflow:hidden}.visual-frame{width:100%;border-radius:18px;border:1px solid rgba(102,186,237,.24);overflow:hidden}.visual-frame img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.floating-tag{position:absolute;font-size:.79rem;color:#f6fbff;border:1px solid rgba(156,215,250,.36);border-radius:999px;padding:.35rem .7rem;background:#061e36d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tag-a{left:1.2rem;bottom:1.2rem}.tag-b{right:1.2rem;top:1.2rem}.section{margin-top:1.6rem;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--glow);padding:clamp(1.2rem,2vw,2rem);min-width:0}.section-title-wrap h2{margin:.62rem 0 0;font-family:var(--font-title);font-size:clamp(1.32rem,2.3vw,2rem)}.feature-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-card{border:1px solid rgba(101,188,238,.26);border-radius:var(--radius-md);background:linear-gradient(145deg,#081f35f0,#071626d9);padding:1rem;min-width:0}.feature-card h3{margin:.86rem 0 .65rem;font-family:var(--font-title);font-size:1.18rem}.feature-card p{margin:.35rem 0;color:var(--text-sub);line-height:1.64;word-break:break-word}.feature-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#62d1ff73,#1f72ac59)}.feature-icon svg{width:22px;height:22px;fill:none;stroke:#e7f9ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mode-layout{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mode-card{border:1px solid rgba(103,190,241,.24);border-radius:var(--radius-md);background:#092036bf;padding:1rem;min-width:0}.mode-card h3{margin:0;font-size:1.08rem;font-family:var(--font-title)}.mode-card p{margin:.7rem 0;color:var(--text-sub);line-height:1.68;word-break:break-word}.mode-card small{color:#9cc5db}.video-wrap{margin-top:1rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(105,190,240,.28);background:#071626db}.video-wrap video{width:100%;display:block;aspect-ratio:16 / 9}.download-panel{border-radius:var(--radius-md);border:1px solid rgba(237,147,74,.36);background:linear-gradient(130deg,#10304cdb,#2f1f17d6);padding:clamp(1rem,1.8vw,1.6rem);display:grid;gap:1rem}.download-panel h2{margin:.66rem 0 0;font-family:var(--font-title);font-size:clamp(1.25rem,2vw,1.8rem)}.download-note{margin:.8rem 0 0;color:#f4dec8;line-height:1.66;word-break:break-word}.download-actions{display:flex;flex-wrap:wrap;gap:.8rem}.site-footer{width:min(var(--content-max),calc(100% - 2.4rem));margin:0 auto 2rem;padding:1.2rem;border-top:1px solid rgba(104,184,236,.26);color:#c2dcefe0;display:flex;justify-content:space-between;gap:.9rem;flex-wrap:wrap;font-size:.87rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.site-header{grid-template-columns:1fr;justify-items:start;gap:.8rem;position:static;width:min(var(--content-max),calc(100% - 1.6rem))}.nav-links{width:100%;justify-self:start;flex-wrap:wrap}.hero,.mode-layout{grid-template-columns:1fr}}@media (max-width: 760px){body{font-size:15px}[id]{scroll-margin-top:1rem}main{width:calc(100% - 1.2rem);margin:.8rem auto 2rem}.site-header{width:calc(100% - 1.2rem);margin-top:.6rem;padding:.75rem;border-radius:16px}.brand{width:100%}.brand img{width:38px;height:38px}.brand span{font-size:.78rem}.nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.nav-links a{width:100%;background:#071f35c7;border:1px solid rgba(99,187,238,.35)}.site-header>.btn{width:100%}.feature-grid,.hero-metrics{grid-template-columns:1fr}.brand strong{font-size:1rem}.hero h1{font-size:clamp(1.5rem,8vw,2.05rem)}.hero-copy,.hero-visual,.section{border-radius:18px;padding:1rem}.hero-description{max-width:none}.floating-tag{display:none}.btn{width:100%}.hero-actions{align-items:stretch}.site-footer{width:calc(100% - 1.2rem);margin-bottom:calc(.8rem + var(--safe-bottom));padding:1rem;font-size:.82rem}}@media (max-width: 420px){.nav-links{grid-template-columns:1fr}.hero-copy,.hero-visual,.section{padding:.9rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media (hover: none){.btn:hover,.btn:focus-visible{transform:none}}