:root{color-scheme:dark;font-family:Arial,"Microsoft YaHei",sans-serif;background:#0b0e13;color:#eef4ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#17365e 0,#0b0e13 44%);font-size:16px;line-height:1.6}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid #273246;background:#0e131b}.brand{display:flex;align-items:center;gap:12px;color:#f7fbff;text-decoration:none;font-size:18px;font-weight:800}.brand b{color:#67adff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(#69baff,#0b66d6);font-size:15px}.top-note{color:#a9bed7}main{width:min(880px,calc(100% - 36px));margin:0 auto;padding:66px 0 78px}.eyebrow{color:#69b4ff;font-weight:800;letter-spacing:.16em;font-size:12px}h1{font-size:clamp(36px,5vw,52px);line-height:1.2;margin:10px 0 14px}.intro{max-width:730px;color:#abc0d9;margin:0 0 34px;font-size:18px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan{padding:28px;border:1px solid #324153;border-radius:19px;background:linear-gradient(155deg,#1a2431,#111820);box-shadow:0 20px 45px #0004}.plan.featured{border-color:#398dff;box-shadow:0 0 0 2px #2a76d133,0 20px 45px #0004}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan h2{margin:0;font-size:25px}.plan-top span{padding:2px 12px;border-radius:20px;background:#1d5037;color:#8ff0ae;font-size:14px;font-weight:700}.price{color:#ffad6f;font-size:52px;line-height:1.2;font-weight:800;margin:25px 0 14px}.price small{font-size:25px}.price span{font-size:52px}.description{min-height:52px;color:#aec0d6}.plan button{width:100%;min-height:52px;border:1px solid #526577;border-radius:12px;color:#c7d3e0;background:#303c4b;font:700 18px Arial,"Microsoft YaHei",sans-serif;cursor:not-allowed}.plan button:not(:disabled){cursor:pointer;background:linear-gradient(#67b8ff,#217ee7);border-color:#69bdff;color:white}.plan button:not(:disabled):hover{background:linear-gradient(#8bc9ff,#358eee)}.notice{margin:28px 0 0;padding:18px 20px;border:1px solid #735a2e;border-radius:12px;background:#2b2317;color:#f6d49b}.notice.secondary{margin-top:14px;border-color:#34445a;background:#172232;color:#afc7e3}.account{margin-top:24px;padding:24px;border:1px solid #3b8bea;border-radius:16px;background:#132238}.account h2{margin:0;font-size:23px}.account label{display:block;margin-top:18px;font-weight:700}.code-row{display:flex;gap:10px;margin-top:8px}.code-row input{min-width:0;flex:1;padding:12px;border:1px solid #53769e;border-radius:9px;background:#0a1423;color:white;font-size:16px}.code-row button{padding:8px 15px;border:1px solid #76b8ff;border-radius:9px;background:#2277d2;color:white;font-weight:700;cursor:pointer}.account-note,.login-link{color:#afc7e3}.login-link a,.contact a,footer a{color:#8fc6ff}.contact{color:#9eb3cc;margin-top:18px}footer{display:flex;justify-content:space-between;max-width:880px;margin:0 auto;padding:25px 0;border-top:1px solid #263142;color:#778ba3;font-size:14px}@media(max-width:640px){.topbar{height:auto;min-height:68px}.top-note{display:none}main{padding-top:42px}.plans{grid-template-columns:1fr}.plan{padding:24px}.intro{font-size:16px}.code-row{flex-direction:column}footer{padding-left:18px;padding-right:18px}}

.promo { margin-bottom: 52px; border: 1px solid #31445c; border-radius: 20px; overflow: hidden; background: #111a26; box-shadow: 0 22px 50px #0005; }
.promo-figure { margin: 0; }
.promo-figure img { display: block; width: 100%; height: auto; }
.download-panel { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 22px; }
.download-details { min-width: 0; }
.download-details > strong { display: block; font-size: 21px; }
.download-details > p { margin: 4px 0 16px; color: #a7bdd5; font-size: 15px; }
.download-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 1px solid #69bdff; border-radius: 12px; background: linear-gradient(#67b8ff,#217ee7); color: #fff; text-decoration: none; font-size: 17px; font-weight: 800; box-shadow: 0 8px 24px #0067d04d; }
.download-button:hover { background: linear-gradient(#8bc9ff,#358eee); }
.download-details .share-code { margin: 15px 0 2px; color: #e4edf9; font-size: 17px; font-weight: 700; }
.share-code code { padding: 2px 8px; border-radius: 6px; background: #293e5a; color: #fff; font-size: 18px; letter-spacing: .07em; }
.share-url { display: block; max-width: 100%; color: #89c4ff; font-size: 13px; overflow-wrap: anywhere; }
.download-qr { flex: 0 0 138px; display: grid; gap: 6px; color: #a7bdd5; text-align: center; text-decoration: none; font-size: 12px; }
.download-qr img { display: block; width: 138px; height: 138px; padding: 8px; border-radius: 9px; background: #fff; }
.plans-heading { margin: 0 0 5px; font-size: 32px; }
.membership-intro { margin: 0 0 22px; color: #abc0d9; font-size: 17px; }
@media(max-width:640px) { .promo { margin-bottom: 40px; } .plans-heading { font-size: 28px; } }
@media(max-width:640px) { .download-panel { align-items: stretch; flex-direction: column; padding: 18px 14px; } .download-details > strong { font-size: 19px; } .download-details > p { font-size: 14px; } .download-button { display: flex; width: 100%; } .download-qr { flex-basis: auto; justify-content: center; } .download-qr img { margin: auto; } }