*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:#111827;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page{position:relative;min-height:100vh;overflow:hidden;padding:44px 20px 30px;background:radial-gradient(circle at 50% -10%,rgba(99,102,241,.12),transparent 36%),linear-gradient(180deg,#f9fafb,#f4f5f9)}.background-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.25}.glow-one{top:-220px;left:-180px;background:#818cf8}.glow-two{right:-200px;bottom:-180px;background:#60a5fa}.container{position:relative;z-index:1;width:min(720px,100%);margin:0 auto}.header{text-align:center;margin-bottom:30px}.logo{display:inline-block;font-size:30px;font-weight:900;letter-spacing:-1.5px;color:#111827}.logo span{color:#6366f1}.badge{display:inline-block;margin-left:8px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:999px;background:#fffc;color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.8px;vertical-align:middle}h1{margin:14px 0 7px;font-size:clamp(27px,6vw,36px);line-height:1.15;letter-spacing:-1px}.header p{margin:0;color:#6b7280;font-size:14px}.card,.platform-card,.tips{border:1px solid rgba(229,231,235,.9);background:#ffffffe0;box-shadow:0 18px 50px #1118270f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.code-card{padding:22px;border-radius:20px}.code-card label{display:block;margin-bottom:9px;color:#374151;font-size:13px;font-weight:700}.input-row{display:flex;gap:10px}.input-row input{min-width:0;flex:1;height:48px;padding:0 15px;border:1px solid #dfe3ea;border-radius:12px;outline:none;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s}.input-row input::placeholder{color:#a1a7b2}.input-row input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #6366f11a}.primary-btn{flex:0 0 auto;height:48px;padding:0 22px;border:0;border-radius:12px;background:#111827;color:#fff;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.primary-btn:hover{opacity:.92}.primary-btn:active{transform:scale(.98)}.error{margin-top:9px;color:#dc2626;font-size:12px}.active-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 12px;border-radius:10px;background:#f5f6ff;color:#6b7280;font-size:12px}.active-code strong{color:#4f46e5;letter-spacing:.3px}.active-code button{border:0;background:transparent;color:#6b7280;cursor:pointer;font-size:12px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.platform-card{padding:22px;border-radius:20px}.platform-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:#111827;color:#fff;font-size:28px;font-weight:700}.android-icon{font-size:22px}.platform-info{margin-bottom:12px}.platform-title{font-size:18px;font-weight:800}.platform-subtitle{margin-top:4px;color:#6366f1;font-size:13px;font-weight:600}.platform-desc{min-height:40px;color:#6b7280;font-size:12px;line-height:1.7}.action-btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;margin-top:18px;padding:0 15px;border:0;border-radius:11px;background:#111827;color:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity .15s,transform .15s}.action-btn:hover{opacity:.9}.action-btn:active{transform:scale(.99)}.tips{margin-top:16px;padding:18px 20px;border-radius:18px}.tips-title{margin-bottom:12px;font-size:13px;font-weight:800}.tip{display:flex;gap:10px;margin-top:9px;color:#6b7280;font-size:12px;line-height:1.6}.tip span{flex:0 0 auto;color:#6366f1;font-weight:800}footer{display:flex;justify-content:space-between;gap:15px;margin-top:28px;padding:0 5px;color:#9ca3af;font-size:11px}@media(max-width:620px){.page{padding:30px 14px 24px}.header{margin-bottom:22px}.code-card{padding:18px}.input-row{flex-direction:column}.primary-btn{width:100%}.platforms{grid-template-columns:1fr}.platform-card{padding:19px}.active-code{align-items:flex-start}footer{flex-direction:column;text-align:center}}