*{box-sizing:border-box}body{margin:0;background:#f5f5f5;color:#222;font-family:Arial,Helvetica,sans-serif;padding-bottom:80px}.top{height:68px;background:linear-gradient(90deg,#f21d23,#ff8b00);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:20px;position:sticky;top:0;z-index:5}.container{max-width:720px;margin:auto}.banner{margin:18px 24px;border-radius:14px;overflow:hidden;background:#fff}.banner img{display:block;width:100%;height:230px;object-fit:cover}.banner.small img{height:120px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:10px 18px;background:#fff}.quick a{color:#777;text-decoration:none;text-align:center;font-size:13px}.quick a:first-letter{font-size:26px}.quick span{display:block;margin-top:5px}.balance{background:#fff;padding:18px 0 22px;text-align:center;margin-bottom:18px}.balance small{display:block;text-align:left;padding-left:4px;font-size:20px}.balance strong{font-size:28px;display:block;margin-top:12px}.card{background:#fff;margin:18px 24px;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d}.vip{background:#fff0ad;border-radius:12px;padding:26px;text-align:center;font-size:42px;font-weight:800;color:#847a38}.stats{margin:28px 24px;background:linear-gradient(135deg,#ff8b27,#f12c32);border-radius:16px;color:#fff;padding:25px 20px}.stats>small{font-size:16px}.stats>strong{display:block;font-size:32px;margin:5px 0 20px}.stats .row{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:8px;align-items:end}.stats .row span{text-align:center;font-size:22px}.stats .row small{display:block;font-size:11px}.lines>div{display:flex;justify-content:space-between;padding:8px 0;color:#777}.lines b{color:#222}.lines hr{border:0;border-top:1px solid #eee;margin:10px -20px}.btn{width:100%;border:0;border-radius:8px;padding:16px;background:linear-gradient(90deg,#f21d23,#ff8b00);color:#fff;font-weight:700;font-size:16px;cursor:pointer;margin-top:18px}.disabled{opacity:.55}.bottom{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(5,1fr);z-index:10}.bottom a{text-decoration:none;color:#e99b63;text-align:center;padding:8px;font-size:23px}.bottom small{display:block;color:#222;font-size:9px;margin-top:4px}.bottom .active{color:#d94b25}.order{display:grid;grid-template-columns:55px 1fr 90px;gap:8px;padding:14px 0;border-bottom:1px solid #eee}.order em{font-style:normal;text-align:right}.order small{grid-column:1/-1;color:#888}.alert{background:#fff4d6;border:1px solid #ffd87a;padding:12px;border-radius:8px;margin-bottom:15px}.success{background:#e5f8e9;border-color:#a6dfb0}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f21d23,#ff8b00)}.auth-card{background:#fff;width:min(420px,92%);padding:30px;border-radius:18px;text-align:center}.auth-card .logo{font-size:50px;color:#f43b22}.auth-card h1{font-size:24px}.auth-card p{color:#777}.auth-card label,.card label{display:block;text-align:left;margin:14px 0 6px;font-size:14px;color:#555}.auth-card input,.card input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;font-size:16px}.auth-card>a{display:block;margin-top:18px;color:#e94a24}.linkbtn{display:block;text-align:center;text-decoration:none}@media(max-width:520px){.quick{gap:8px;padding:10px 8px}.quick a{font-size:11px}.banner{margin:12px 12px}.banner img{height:170px}.card,.stats{margin-left:12px;margin-right:12px}.stats .row{grid-template-columns:1.1fr repeat(4,1fr)}.stats .row span{font-size:18px}}