:root{color-scheme:dark;--bg:#071411;--text:#eef8f5;--muted:#8eaaa4;--line:rgba(150,230,210,.16);--teal:#5eead4;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.04em;line-height:1.25}
.shell{width:min(1040px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:2;background:rgba(7,20,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}.brand img{border-radius:8px}
.nav-links{display:flex;gap:28px;color:var(--muted);font-size:14px}
.nav-download,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:9px;font-weight:650}
.nav-download{background:#16302b;border:1px solid var(--line)}
.hero{padding:72px 0 24px;text-align:center}
.release-pill{display:inline-flex;gap:10px;align-items:center;padding:6px 12px;border:1px solid #92cdc430;border-radius:999px;color:#bedfda;background:#182f2b66;font-size:13px}
.release-pill span{color:#acfff2;font-weight:700;font-size:11px;letter-spacing:.08em}
h1{font-size:clamp(44px,6vw,72px);margin:22px 0 16px}h1 span{color:var(--teal)}
.hero-description{color:#acbab8;font-size:18px}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.button-primary{background:linear-gradient(180deg,#e9fff8,#c5f8ea);color:#08332c}
.button-github{border:1px solid #3dd6c055;background:#102824;color:#d2faf0}
.compatibility,.meta,.caveat,.note{color:#879d9a;font-size:13px}
.compatibility{margin-top:16px}
.phone-card{max-width:520px;margin:48px auto 0;text-align:left;padding:28px 28px 22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#10211e,#0c1917)}
.phone-top{display:flex;align-items:center;gap:8px;margin-bottom:28px;color:#9eb8b4;font-size:13px}
.phone-top i{width:10px;height:10px;border-radius:50%;background:#ef6c64}.phone-top i:nth-child(2){background:#efbc50}.phone-top i:nth-child(3){background:#5abe65}
.phone-top strong{margin-left:8px}
.phone-card>p{font-size:32px;font-weight:650;letter-spacing:-.04em}
.phone-card ol{margin:18px 0 0;padding-left:18px;color:#b7d0cb}
.section{padding:88px 0}.section h2{font-size:clamp(32px,4vw,44px);margin:10px 0 28px}
.eyebrow{color:#8fdfd3;font-size:12px;letter-spacing:.16em;font-weight:650}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0}
.steps article,.steps li{padding:24px;border:1px solid var(--line);border-radius:16px;background:#10211e}
.steps span{display:block;font-family:ui-monospace,monospace;color:#9bcec7;font-size:28px;margin-bottom:16px}
.steps p{color:var(--muted);margin-top:8px}
.install{background:#0c1917;border-block:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:8px 0}
.faq summary{cursor:pointer;padding:14px 0;font-size:16px}
.faq p{color:var(--muted);margin:0 0 16px}
.download{text-align:center;padding:56px 24px;border:1px solid #3dd6c038;border-radius:22px;background:#0c1f1b;margin-bottom:48px}
.download img{margin:0 auto 20px;border-radius:18px}
.download h2{margin-bottom:22px}
.meta{margin-top:14px}.caveat{margin-top:6px}.caveat a{text-decoration:underline}
footer{display:flex;justify-content:space-between;gap:20px;padding:10px 0 36px;color:#7f9693;font-size:13px}
footer a{text-decoration:underline}
@media(max-width:800px){.nav-links{display:none}.steps{grid-template-columns:1fr}.shell{width:calc(100% - 32px)}footer{flex-direction:column}}