:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#101310;color:#f0e6d8;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100svh;background:radial-gradient(ellipse at 50% 24%,#643b392a,transparent 45%),#101310}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #f5dba8;outline-offset:5px}
.page{width:min(100%,500px);margin:auto;padding:calc(24px + env(safe-area-inset-top,0px)) 28px calc(22px + env(safe-area-inset-bottom,0px))}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #dec59b25}
.masthead a{font:12px/1.7 Georgia,serif;letter-spacing:2px}
.masthead a span{display:block;font:10px/1.5 sans-serif;letter-spacing:4px;color:#b9ab94}
.test-label{border:1px solid #d2b98b40;border-radius:20px;padding:6px 10px;font-size:10px;letter-spacing:1px;color:#c5b28e}
main{text-align:center}
.app-mark{position:relative;display:grid;place-items:center;margin:40px auto 25px;width:112px;height:112px;border:1px solid transparent;border-radius:30px;box-shadow:0 14px 48px #0004,0 0 65px #8a49311f}
.app-mark img{display:block;border-radius:0}
.eyebrow{margin:0 0 16px;color:#aa997c;font-size:9px;letter-spacing:2.1px}
h1{margin:0;text-align:center;font-family:Georgia,"Songti SC","SimSun",serif;font-size:36px;line-height:1.45;font-weight:400;letter-spacing:2px}
.intro{margin:19px 0 28px;text-align:center;color:#bdb7aa;font-size:clamp(11px,3.25vw,13px);line-height:1.95}
.intro span{display:block;white-space:nowrap}
.install-announcement{max-width:360px;margin:14px auto 0;padding:10px 12px;border:1px solid #baa17980;border-radius:10px;background:#171a15;color:#eee1c6;font-size:12px;line-height:1.7}
.install-announcement[hidden]{display:none}
.actions{display:grid;gap:12px}
#install{display:flex;width:180px;max-width:100%;justify-self:center;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 18px;border:1px solid #ead4ad;border-radius:13px;background:linear-gradient(110deg,#edddbc,#cfb383);color:#29271f;font-weight:600;font-size:15px;box-shadow:0 5px 24px #aa845a14;transition:filter .15s}
#install:hover{filter:brightness(1.07)}
#install:disabled{cursor:wait;opacity:.65}
.open-app{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #a9947045;border-radius:13px;color:#d7c7ab;font-size:13px}
.open-app:hover{background:#dac39309}
.status{min-height:36px;margin:12px 3px 17px;font-size:11px;line-height:1.7;color:#a99e8a}
.features{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 13px;padding:0 0 27px;border-bottom:1px solid #dec59b25;color:#c1b39a;font-size:10px}
.features span::before{content:"·";color:#caac70;margin-right:6px}
.instructions{text-align:left;padding-top:26px}
.section-heading{display:flex;align-items:center;gap:12px}
.section-number{font:11px Georgia,serif;color:#927f5d;letter-spacing:1px}
h2{font-size:15px;line-height:1.6;font-weight:500;margin:0;color:#deceb3}
.instructions p{font-size:12px;line-height:1.9;color:#aaa598;margin:14px 0 0}
.instructions strong{font-weight:500;font-size:11px;color:#d2c6b2}
footer{text-align:center;margin-top:30px;padding-top:23px;border-top:1px solid #dec59b25}
footer>span{font:9px Georgia,serif;letter-spacing:3px;color:#8e7d60}
footer p{font-size:10px;line-height:1.8;color:#8d8c80;margin:9px 0 0}
dialog{width:min(360px,calc(100% - 40px));max-height:calc(100svh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:26px;border:1px solid #a9956c;border-radius:20px;background:#171a15;color:#dfd4c0;box-shadow:0 20px 80px #0008}
dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
dialog h2{font-size:21px}
dialog p,dialog li{font-size:14px;line-height:1.9}
dialog p{color:#c3b9a6;margin:13px 0}
dialog ol{padding-left:22px;margin:0 0 23px}
#help-steps{margin:18px 0 22px}
#help-steps section+section{margin-top:16px;padding-top:16px;border-top:1px solid #dec59b25}
#help-steps h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#eee1c6}
#help-steps p{margin:7px 0 0;font-size:13px;line-height:1.7;color:#dfd4c0}
#help-steps .help-platform-download{display:grid;grid-template-columns:1fr 120px;align-items:center;column-gap:12px}
#help-steps .help-platform-download h3{margin:0}
#help-steps .help-platform-download p{grid-column:1/-1}
#help-steps [role=status]:not([hidden]){padding:10px 12px;border:1px solid #baa179a6;border-left-width:3px;border-radius:8px;background:#a9956c26;color:#fff1d4}
.help-download{display:inline-flex;align-items:center;justify-content:center;width:120px;min-height:44px;padding:8px 16px;border:1px solid #baa179;border-radius:10px;background:#323329;color:#eee1c6;font-size:14px}
.help-download:disabled{opacity:.65;cursor:wait}
#help-close{width:100%;min-height:44px;border:1px solid #baa179;border-radius:10px;color:#eee1c6;background:#323329}
@media(min-width:700px){.page{padding-top:36px;padding-bottom:32px}.app-mark{margin-top:48px}}
@media(max-width:350px){.page{padding-left:22px;padding-right:22px}h1{font-size:31px}.features{column-gap:8px}.test-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){#install{transition:none}}