.recharge-page{background:radial-gradient(ellipse at 15% 8%,#d5f9fa,transparent 42%),radial-gradient(ellipse at 92% 36%,#fff1da,transparent 35%),#f3fbff;color:#345d75;font-family:'Microsoft YaHei',sans-serif}
.benefits-hero h1,.benefits-hero h1 span{background:none;-webkit-text-stroke:0;filter:none;text-shadow:none;font-family:'Microsoft YaHei',sans-serif;line-height:1.35}
.benefits-main{max-width:1180px;margin:auto;padding:140px 28px 40px}
.benefits-hero{text-align:center;padding:25px 0 40px}.benefits-kicker{font-size:11px;letter-spacing:4px;color:#3a9db5;font-weight:800}.benefits-hero h1{margin:18px 0;font-size:48px;color:#197da6;letter-spacing:3px}.benefits-hero h1 span{display:block;font-size:22px;letter-spacing:1px;color:#dc8950;margin-top:12px}.benefits-hero p{font-size:14px;color:#7795a5;line-height:1.8}
.benefits-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.benefits-tabs button{padding:20px 10px;border:3px solid white;border-radius:22px;background:#fff;box-shadow:0 5px 0 #d8ebf0;color:#53798d;font-weight:800;font-size:23px;cursor:pointer}.benefits-tabs small{display:block;font-size:12px;font-weight:400;margin-top:7px}.benefits-tabs [aria-selected=true]{background:linear-gradient(130deg,#25c8ce,#358fe0);color:white;box-shadow:0 5px 0 #1887b2}.benefits-tabs button:focus-visible,.tier-links a:focus-visible{outline:3px solid #e9a040;outline-offset:5px}
.benefits-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.benefits-toolbar h2{font-size:27px;margin:0 0 10px}.benefits-toolbar p{font-size:13px;color:#718d9c;line-height:1.8;max-width:700px;margin:0}.benefits-search{flex-shrink:0;font-size:12px;color:#718d9c}.benefits-search span{display:block;margin-bottom:7px}.benefits-search input{width:230px;border:1px solid #bddfe7;border-radius:12px;padding:12px;background:#fff;color:#345d75}
.tier-links{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tier-links a{border:1px solid #cfe5ec;background:white;border-radius:9px;padding:7px 10px;font-size:12px}.tier-links a:hover{background:#e2f9fb;color:#078dac}
#rewardStatus{font-size:13px;color:#648897;margin:18px 0}.benefit-group-title{margin:34px 0 18px;font-size:22px}.benefit-card{scroll-margin-top:100px;background:#fff;border:2px solid #d8eef1;border-radius:22px;margin:18px 0;box-shadow:0 6px 0 #e3f0f4;overflow:hidden}.benefit-card header{padding:18px 24px;background:linear-gradient(90deg,#edfafc,#fff9ed);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5eef2}.benefit-card h3{font-size:21px;margin:0;color:#28769c}.benefit-card header span{font-size:12px;color:#9a8064;white-space:nowrap}.benefit-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:24px;margin:0;gap:24px 16px}.benefit-rewards li{min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px}.benefit-icon{width:80px;height:80px;position:relative;flex-shrink:0;border-radius:11px;overflow:hidden;background:#f4e7d3}.benefit-icon img{display:block;width:80px;height:80px}.benefit-amount{font:700 14px/20px 'Microsoft YaHei',sans-serif;color:#c77f37;overflow-wrap:anywhere;max-width:100%}.benefit-name{font-size:13px;font-weight:700;line-height:1.55;overflow-wrap:anywhere;max-width:155px}.benefit-detail{margin:0;padding:0 24px 18px;font-size:12px;color:#8c795f;line-height:1.8}
.benefits-notes{margin-top:36px;padding:24px 28px;border:1px solid #eadbc4;border-radius:20px;background:#fffaf1}.benefits-notes h2{font-size:17px;margin:0 0 13px;color:#a87538}.benefits-notes ul{margin:0;padding-left:20px;color:#8c806f;font-size:13px;line-height:2}.back-home{display:inline-block;margin-top:25px;color:#2a96b5;font-size:14px}.benefits-footer{text-align:center;padding:22px;background:#e4f2f6;color:#7d9ba9;font-size:12px}.benefits-footer span{white-space:nowrap}
@media(max-width:900px){.recharge-page .nav{height:auto;min-height:100px;flex-wrap:wrap;padding:8px 16px;gap:8px}.recharge-page .nav nav{display:flex;order:3;width:100%;justify-content:center;gap:7px}.recharge-page .nav nav a{min-width:0;padding:8px 12px;height:auto;font-size:12px}.recharge-page .nav-logo{max-height:43px;width:auto}.benefits-main{padding-top:130px}.benefit-rewards{grid-template-columns:repeat(4,minmax(0,1fr))}.benefits-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.benefits-search{width:100%}.benefits-search input{width:100%}}
@media(max-width:560px){.benefits-main{padding:135px 14px 30px}.benefits-hero{padding:15px 0 25px}.benefits-hero h1{font-size:34px}.benefits-hero h1 span{font-size:17px}.benefits-hero p{font-size:12px}.benefits-kicker{font-size:9px;letter-spacing:2px}.benefits-tabs{gap:7px;margin-bottom:26px}.benefits-tabs button{font-size:17px;padding:15px 3px;border-radius:15px}.benefits-tabs small{font-size:10px;line-height:1.6}.benefit-rewards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 9px;padding:18px 12px}.benefit-card header{padding:16px}.benefit-card h3{font-size:18px}.benefit-card header span{font-size:10px}.benefit-name{font-size:12px}.benefits-notes{padding:20px}.benefit-detail{padding:0 16px 16px}.benefits-footer{line-height:1.9}.benefit-card{scroll-margin-top:125px}}