:root {
  --bg:#fff; --surface:#f6f6f8; --surface2:#eeeef2; --text:#26252b;
  --muted:#68666f; --brand:#6f5696; --brand-dark:#5d4782;
  --brand-soft:rgba(111,86,150,.11); --border:rgba(35,31,42,.08);
  --shadow:0 24px 70px rgba(48,36,62,.11); --nav:rgba(255,255,255,.82);
}
:root.dark {
  --bg:#101012; --surface:#19181c; --surface2:#222126; --text:#f4f2f6;
  --muted:#aaa7b0; --brand:#a58bce; --brand-dark:#8f73bb;
  --brand-soft:rgba(165,139,206,.13); --border:rgba(255,255,255,.08);
  --shadow:0 24px 70px rgba(0,0,0,.34); --nav:rgba(16,16,18,.82);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;transition:background .25s,color .25s}
a{color:inherit}
.navbar{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,70px);background:var(--nav);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.025em}
.brand img{width:34px;height:34px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a{padding:8px 14px;color:var(--muted);font-size:14px;font-weight:650;text-decoration:none;border-radius:10px}
.nav-links a:hover{color:var(--text);background:var(--surface)}
.github-link{margin-left:4px}
.theme-toggle,.menu-toggle{border:0;background:var(--surface);color:var(--text);cursor:pointer}
.theme-toggle{width:38px;height:38px;border-radius:50%;margin-left:8px;font-size:18px}
.menu-toggle{display:none;font-size:22px}
.hero{max-width:1320px;min-height:625px;margin:auto;padding:86px 46px 55px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}
.hero-copy{max-width:730px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.11em}
.hero .eyebrow:before,.section-heading .eyebrow:before,.about-card .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.hero h1{margin:20px 0 22px;font-size:clamp(48px,6.3vw,82px);line-height:1.02;letter-spacing:-.065em;font-weight:850}
.hero h1 em{color:var(--brand);font-style:normal}
.hero-desc{max-width:650px;margin:0;color:var(--muted);font-size:clamp(16px,1.6vw,20px);line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}
.btn{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 19px;border-radius:999px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 28px rgba(111,86,150,.24)}
.btn-primary:hover{background:var(--brand-dark)}
.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.hero-meta{display:flex;align-items:center;gap:12px;margin-top:28px;color:var(--muted);font-size:12px}
.hero-meta i{width:3px;height:3px;background:var(--muted);border-radius:50%}
.hero-art{min-height:450px;position:relative;display:grid;place-items:center}
.halo{position:absolute;border-radius:50%;filter:blur(60px)}
.halo-1{width:310px;height:310px;background:rgba(111,86,150,.20)}
.halo-2{width:180px;height:180px;background:rgba(173,146,218,.15);transform:translate(110px,-100px)}
.logo-stage{position:relative;width:min(390px,70vw);aspect-ratio:1;display:grid;place-items:center}
.logo-glass{position:relative;z-index:2;width:64%;height:64%;display:grid;place-items:center;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,244,250,.86));border:1px solid rgba(111,86,150,.12);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.9)}
.dark .logo-glass{background:linear-gradient(145deg,#242129,#18171b)}
.logo-glass img{width:67%;height:67%;object-fit:contain;filter:drop-shadow(0 15px 22px rgba(111,86,150,.18))}
.logo-orbit{position:absolute;border:1px solid rgba(111,86,150,.14);border-radius:50%}
.orbit-a{inset:8%;transform:rotate(23deg) scaleY(.47)}
.orbit-b{inset:19%;transform:rotate(-32deg) scaleY(.47)}
.feature-grid{max-width:1320px;margin:0 auto;padding:0 46px 88px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{min-height:205px;padding:27px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(111,86,150,.2);box-shadow:0 18px 45px rgba(45,35,58,.08)}
.feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--brand);background:var(--brand-soft);font-size:11px;font-weight:850;margin-bottom:23px}
.feature-card h3{margin:0;font-size:18px;letter-spacing:-.025em}
.feature-card p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.75}
.download-section{padding:92px 46px;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-heading{max-width:1320px;margin:0 auto 30px}
.section-heading h2{margin:12px 0 5px;font-size:clamp(34px,4vw,52px);letter-spacing:-.05em}
.section-heading p{margin:0;color:var(--muted)}
.download-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.download-card{display:flex;align-items:center;gap:15px;padding:21px;background:var(--bg);border:1px solid var(--border);border-radius:18px;text-decoration:none;transition:transform .18s,box-shadow .18s}
.download-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.platform-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-weight:900}
.download-card h3{margin:0;font-size:16px}.download-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.download-arrow{margin-left:auto;color:var(--brand);font-size:20px}
.android-warning{max-width:1320px;margin:18px auto 0;padding:17px 20px;display:flex;align-items:flex-start;gap:13px;border:1px solid rgba(191,124,32,.22);border-radius:16px;background:rgba(191,124,32,.075)}
.warning-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(191,124,32,.14);color:#a76516;font-weight:900}
.android-warning strong{display:block;color:var(--text);font-size:14px}.android-warning p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.about-section{max-width:1320px;margin:auto;padding:92px 46px}
.about-card{padding:48px;border-radius:28px;background:var(--surface);border:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-card h2{margin:12px 0 0;font-size:clamp(35px,4vw,54px);line-height:1.08;letter-spacing:-.05em}
.about-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}
.footer{max-width:1320px;margin:auto;padding:30px 46px 42px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}
.footer-brand{color:var(--text);font-size:16px}
@media(max-width:1050px){.download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{min-height:360px}.feature-grid{grid-template-columns:repeat(2,1fr)}.about-card{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){
  .navbar{height:64px}.nav-links{display:none}.nav-links.open{position:absolute;top:64px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;padding:12px 20px 18px;background:var(--nav);border-bottom:1px solid var(--border)}
  .nav-links.open a,.nav-links.open .theme-toggle{width:100%;text-align:center}.menu-toggle{display:block}.hero,.feature-grid,.about-section{padding-left:20px;padding-right:20px}.download-section{padding-left:20px;padding-right:20px}
  .hero h1{font-size:48px}.hero-actions .btn{width:100%}.hero-meta{flex-wrap:wrap}.feature-grid{grid-template-columns:1fr;padding-bottom:60px}.feature-card{min-height:0}
  .download-grid{grid-template-columns:1fr}.about-card{padding:30px}.footer{padding:26px 20px 32px;flex-direction:column;gap:15px;align-items:flex-start}
}

.platform-icon img {
  width: 27px;
  height: 27px;
  display: block;
  color: var(--brand);
}