:root{--ink:#171717;--paper:#fff8dd;--yellow:#ffd72e;--orange:#f47a20;--red:#e53922;--blue:#1266aa;--green:#168b45}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Arial Black","Microsoft YaHei",sans-serif;background:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1.5px) 0 0/14px 14px,var(--blue)}.recharge-shell{min-height:100vh}.recharge-header{min-height:96px;padding:14px clamp(16px,4vw,58px);display:flex;align-items:center;gap:22px;border-bottom:4px solid var(--ink);background:linear-gradient(108deg,var(--paper) 0 56%,var(--yellow) 56% 80%,var(--orange) 80%)}.brand{width:190px;min-width:190px}.brand img{width:180px;display:block}.header-title{border-left:3px solid var(--ink);padding-left:16px;margin-right:auto}.header-title b{font-size:23px}.header-title small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;color:#765d32}.header-actions{display:flex;align-items:center;gap:9px;font-size:11px}.header-actions>*{min-height:46px;padding:9px 11px;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center}.header-actions strong{color:var(--red);gap:4px}.header-actions strong img{width:27px;height:23px;object-fit:contain}.header-actions a{background:#fff;color:var(--ink);text-decoration:none}.hero{text-align:center;padding:58px 18px 35px;color:#fff;text-shadow:2px 2px 0 var(--ink)}.hero span{display:inline-block;padding:5px 9px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-size:10px;letter-spacing:.14em}.hero h1{margin:15px 0 8px;font-size:32px}.hero p{margin:0;font-size:12px;text-shadow:none}.recharge-content{width:min(1080px,calc(100% - 32px));margin:0 auto 65px}.message{min-height:26px;margin:0 0 14px;color:#fff;text-align:center;font-size:12px}.packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.package{position:relative;overflow:hidden;padding:22px;background:var(--paper);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.package.popular{border-top-color:var(--red)}.package-label{display:inline-block;padding:4px 7px;background:var(--yellow);border:2px solid var(--ink);font-size:9px}.package h2{margin:15px 0 5px;font-size:21px}.package .points{display:flex;align-items:end;gap:4px;margin:16px 0 7px;color:var(--red)}.package .points b{font-size:37px;line-height:1}.package .points span{font-size:13px;margin-bottom:5px}.package .bonus{min-height:20px;color:var(--green);font-size:12px}.package .price{padding-top:13px;border-top:3px solid var(--ink);font-size:13px}.package .price b{font-size:27px;color:var(--ink)}.package button{width:100%;margin-top:17px;min-height:48px;border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font:inherit;font-size:13px;cursor:pointer}.package button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.notice{margin-top:28px;padding:17px 20px;border:3px solid var(--ink);background:#fff6d4;box-shadow:5px 5px 0 var(--ink);font-size:12px}.notice b{color:var(--red)}.notice p{margin:7px 0 0;color:#6d5c42}@media(max-width:820px){.recharge-header{align-items:flex-start;flex-wrap:wrap}.header-title{display:none}.header-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.header-actions>span{display:none}.brand{width:140px;min-width:140px}.brand img{width:138px}.hero{padding-top:42px}.hero h1{font-size:26px}}@media(max-width:520px){.recharge-header{min-height:75px;padding:10px 12px}.header-actions>*{min-height:40px;padding:7px;font-size:10px}.header-actions strong img{width:22px}.header-actions a{display:none}.hero h1{font-size:23px}.recharge-content{width:calc(100% - 22px)}}