:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:#0c1316;color:#eff9f5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:22px 20px 32px}header{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:1px}header small{display:block;color:#849d94;font-size:10px;margin-top:5px;letter-spacing:2px}.logo{background:#b3f363;color:#162717;border-radius:12px;font-size:33px;width:42px;text-align:center}.tag{margin-left:auto;font-size:10px;color:#b3f363;border:1px solid #3a5134;padding:7px 9px;border-radius:20px;letter-spacing:0}.hero{padding:32px 0 18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a7ca96}h1{font-size:43px;line-height:1.2;letter-spacing:-1px;margin:15px 0}p{color:#90a59d;line-height:1.7;font-size:12px}.quota{background:linear-gradient(120deg,#243929,#172923);padding:20px;border:1px solid #41513c;border-radius:18px;margin-top:25px}.quota>span{font-size:12px;color:#b5c9ab}strong{display:block;font-size:52px;line-height:1.3;color:#c7fba1;margin:8px 0}strong small{font-size:16px;color:#83927d;font-weight:400}#progress{display:flex;gap:5px}#progress i{height:5px;flex:1;border-radius:4px;background:#40513e}#progress i.on{background:#b3f363}#notice{padding:12px 14px;margin:0 0 18px;border-radius:10px;background:#1c2a27;color:#bcd3c5;font-size:12px;line-height:1.6}.form,.history{border:1px solid #2a3b35;border-radius:18px;padding:20px;background:#131f1d;margin-bottom:18px}h2{font-size:16px;margin:0 0 18px}.spec{display:flex;padding-bottom:20px;gap:50px}.spec span{font-size:11px;color:#7e978c}.spec b{display:block;font-size:18px;color:#d7e9df;margin-top:7px}label{font-size:12px;color:#c0d1c8;display:block;margin-bottom:10px}input{width:100%;padding:15px 12px;border:1px solid #35483f;background:#0d1714;border-radius:10px;color:#eef8f1;font:inherit;font-size:12px}input:focus{outline:1px solid #b3f363}.hint{font-size:10px}button{cursor:pointer;font:inherit}#claim{width:100%;background:#b3f363;color:#1e301c;border:0;border-radius:11px;font-weight:750;padding:15px;margin-top:6px}#claim:disabled{opacity:.45;cursor:default}.terms{font-size:10px;margin:14px 0 0}.section-title{display:flex;justify-content:space-between;align-items:baseline}.text-button{background:none;color:#b3f363;border:0;font-size:12px}#history{color:#7d9689;font-size:12px}.record{border-top:1px solid #2b3b34;padding:14px 0}.record:first-child{border:0}.record div{display:flex;justify-content:space-between;gap:8px}.record small{display:block;color:#758d81;font-size:10px;margin-top:8px;word-break:break-all}.record .ok{color:#b3f363}footer{text-align:center;color:#607d6f;font-size:10px;padding-top:5px}@media(max-width:350px){main{padding:18px 14px}h1{font-size:36px}.tag{font-size:9px;padding:6px}.spec{gap:30px}}

.device-gate{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.device-gate h1{font-size:28px;letter-spacing:0;margin:20px 0 6px}.device-gate p{font-size:14px;line-height:1.9}.phone-icon{border:2px solid #b3f363;border-radius:18px;color:#b3f363;font-size:64px;width:90px;height:110px;line-height:100px;background:#172923}