:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#26262b;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:520px;min-height:100vh;margin:auto;background:#f7f8fa;padding-bottom:76px}header{padding:18px 20px;background:#fff;border-bottom:1px solid #eee}.brand{display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#fe3c57,#ff8755);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#999}main{padding:16px}.hero{padding:28px 24px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#ff5365,#ff9a55);box-shadow:0 16px 35px #ff6a6040}.hero p{margin:0 0 8px}.hero h1{font-size:25px;margin:0 0 24px;line-height:1.35}.primary{display:inline-block;padding:11px 17px;border:0;border-radius:22px;background:#fff;color:#ed4559;text-decoration:none;font-weight:700}.section-title,.row{display:flex;align-items:center;justify-content:space-between}.section-title{margin:24px 2px 12px}.section-title h2{margin:0;font-size:19px}.section-title span{font-size:13px;color:#999}.cards{display:grid;gap:12px}.coupon,.order,.panel{display:flex;align-items:center;gap:15px;padding:18px;border-radius:16px;background:#fff;box-shadow:0 5px 18px #2220000c}.coupon>b{min-width:72px;color:#fa4459;font-size:25px}.coupon>b small{font-size:13px}.coupon div{flex:1}.coupon h3,.panel h3{margin:0 0 5px}.coupon p,.order p,.panel p{margin:3px 0;color:#888;font-size:13px;line-height:1.7}.coupon>span{font-size:13px;color:#fa4459}.coupon button,.tabs button{border:0;border-radius:18px;padding:9px 13px;background:#fa4459;color:#fff}.coupon button:disabled{background:#ddd}.page-head{padding:8px 3px 15px}.page-head h1{margin:0;font-size:25px}.page-head p{margin:5px 0;color:#888}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{background:#fff;color:#777}.tabs button.active{background:#27272b;color:#fff}.order{display:block}.order strong{font-size:16px}.order span{color:#fa4459;font-size:13px}.order.muted{opacity:.56}.empty{text-align:center;color:#aaa;padding:55px}.error,.notice{padding:12px;border-radius:10px;background:#fff0f1;color:#d73348}.panel{display:block}.big{font-size:26px!important;color:#222!important}.profile{text-align:center}.avatar{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 10px;border-radius:50%;background:#ff6b63;color:#fff;font-size:28px}.login{text-align:center;padding:48px 14px}.login-logo{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:24px;background:linear-gradient(135deg,#fe3c57,#ff8755);color:#fff;font-size:36px;font-weight:800}.login form{display:grid;gap:12px;margin-top:28px}.login input{width:100%;padding:14px;border:1px solid #e4e4e4;border-radius:12px;background:#fff;font-size:16px}.login button{background:#f34e60;color:#fff;font-size:16px}nav{position:fixed;z-index:3;bottom:0;left:50%;transform:translate(-50%);width:min(520px,100%);display:flex;justify-content:space-around;padding:13px 4px calc(13px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee}nav a{color:#999;text-decoration:none;font-size:13px}nav a.active{color:#f0445b;font-weight:700}