:root{--h5-primary:#0b8f87;--h5-dark:#123844;--h5-bg:#f4f8f8;--h5-text:#17313b;--h5-muted:#71838b}body.h5-page{background:var(--h5-bg);color:var(--h5-text);min-height:100vh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.h5-header{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#103d48,#087f7d);padding:calc(16px + env(safe-area-inset-top)) 18px 18px;border-radius:0 0 24px 24px;box-shadow:0 8px 24px #0c3c4822}.h5-header h1{font-size:22px}.h5-header p{margin:4px 0 0;color:#d5eeee;font-size:13px}.h5-header .icon-btn{min-width:44px;min-height:44px;border-radius:14px;background:#ffffff1c;color:#fff;padding:8px 13px}.h5-main{max-width:520px;margin:0 auto;padding:18px 15px}.h5-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.h5-summary strong{font-size:18px}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#e7efef;padding:5px;border-radius:14px;margin-bottom:18px}.filter-tab{border:0;background:transparent;color:#687a82;border-radius:10px;padding:10px 3px;font-size:13px;min-height:42px}.filter-tab.active{background:#fff;color:var(--h5-primary);font-weight:650;box-shadow:0 3px 12px #1c525211}.mobile-coupon-list{display:grid;gap:15px}.mobile-coupon{display:block;background:#fff;border:1px solid #e0e9e9;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 24px #173f4809;transition:transform .15s}.mobile-coupon:active{transform:scale(.985)}.mobile-coupon-image{position:relative;background:#edf3f3;aspect-ratio:16/9}.mobile-coupon-image img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block}.mobile-coupon-image .status{position:absolute;top:11px;right:11px;box-shadow:0 3px 8px #17313b1c}.mobile-coupon-info{display:flex;align-items:center;justify-content:space-between;padding:15px 16px}.mobile-coupon-info .code{font-size:17px;margin:0}.mobile-coupon-info small{display:block;color:var(--h5-muted);font-size:12px;margin-top:2px}.mobile-coupon-info .arrow{font-size:24px;color:#9baeb3}.empty-coupons{text-align:center;padding:48px 20px;background:#fff;border-radius:18px;border:1px dashed #cedcdc}.empty-coupons .empty-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:#eaf6f4;color:var(--h5-primary);font-size:27px}.empty-coupons h2{font-size:18px;margin:0 0 5px}.empty-coupons p{margin:0;color:var(--h5-muted);font-size:13px}.mobile-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0}.mobile-pager button{min-width:88px;min-height:44px}.mobile-pager span{font-size:13px;color:var(--h5-muted)}.detail-mobile{max-width:520px;margin:auto;padding:16px 15px}.detail-card{background:#fff;border:1px solid #e0e9e9;border-radius:20px;padding:16px;box-shadow:0 8px 25px #173f4809}.detail-card .coupon-image{width:100%;display:block;background:#f0f5f5;border-radius:13px}.detail-meta{text-align:center;padding:20px 8px 12px}.detail-meta .code{font-size:23px;margin:10px 0 3px}.detail-meta .hint{font-size:13px;color:var(--h5-muted);margin:0}.save-guide{display:flex;gap:11px;background:#ecf7f5;border-radius:14px;padding:14px;margin:14px 0;color:#44636a;font-size:13px}.save-guide strong{display:block;color:#185d5c;font-size:14px}.save-guide .guide-icon{font-size:24px}.download-button{display:block;text-align:center;width:100%;min-height:50px;padding:12px;border-radius:14px;font-weight:650}.verify-time{text-align:center;margin:14px 0 0}.h5-back{color:white;text-decoration:none;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff1c;font-size:22px}.h5-login{min-height:100vh;background:linear-gradient(160deg,#0c4850 0,#0b8c83 46%,#eff8f6 46%);padding:calc(45px + env(safe-area-inset-top)) 18px 30px}.h5-login-wrap{max-width:430px;margin:auto}.h5-login-brand{color:white;margin:0 5px 35px}.h5-login-brand .logo{width:54px;height:58px;border-radius:16px;background:#ffffff24;display:grid;place-items:center;font-size:30px;font-weight:700;margin-bottom:14px}.h5-login-brand h1{font-size:27px}.h5-login-brand p{margin:3px 0;color:#d5eeee}.h5-login-card{background:#fff;border:0;border-radius:24px;padding:25px 22px;box-shadow:0 16px 45px #143f4822}.h5-login-card h2{font-size:21px;margin-bottom:5px}.h5-login-card label{margin:15px 0 6px}.h5-login-card input{height:50px;border-radius:13px;background:#f6f8f9}.h5-login-card button{width:100%;height:50px;border-radius:13px;margin-top:12px;font-weight:650}.h5-login-foot{text-align:center;margin-top:18px;font-size:13px}.h5-login-foot a{color:#537078}@media(min-width:700px){.h5-main,.detail-mobile{padding-top:25px}.h5-header{border-radius:0}.mobile-coupon-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:auto}.h5-main{max-width:950px}}