*{box-sizing:border-box}body{margin:0;background:#eaeaea;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#373737}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:active{filter:brightness(.96)}button:focus-visible{outline:3px solid #007d91;outline-offset:3px}button:disabled{cursor:default}svg{display:block;width:100%;height:100%}.app{container-type:inline-size;max-width:700px;min-height:100vh;margin:auto;background:#f5f5f5;padding-bottom:60px}.status{height:11.7cqw;padding:3.6cqw 4.2cqw 0;display:flex;justify-content:space-between;align-items:flex-start;color:#050505;font-size:4cqw;font-weight:600}.status-icons{display:flex;gap:1.6cqw;align-items:center;padding-top:.8cqw}.status-icons svg{width:4.5cqw;height:3cqw}.battery{width:5.8cqw;height:2.8cqw;border:1.5px solid;border-radius:.6cqw;padding:.3cqw;position:relative}.battery i{display:block;width:100%;height:100%;background:#050505;border-radius:.2cqw}.battery:after{content:"";position:absolute;right:-.7cqw;top:.7cqw;width:.4cqw;height:.9cqw;background:#050505;border-radius:1px}header{height:10cqw;display:flex;align-items:center;padding:0 3.7cqw;gap:1.2cqw}h1{font-size:4.8cqw;font-weight:500;margin:0;white-space:nowrap}.icon{display:grid;place-items:center;padding:0}.back{width:3.6cqw;height:5cqw}.actions{margin-left:auto;display:flex;align-items:center;gap:1.8cqw}.favorite{width:7cqw;height:7cqw;border-radius:50%;background:#fafafa;padding:1.4cqw}.selected{color:#ecac12}.selected svg{fill:#ffe89a}.capsule{display:flex;align-items:center;border-radius:6cqw;background:#fafafa;width:18.2cqw;height:7cqw}.capsule button{width:50%;height:100%;padding:1.3cqw 2cqw}.capsule>span{height:4.2cqw;width:1px;background:#ddd}.months{display:flex;gap:1.6cqw;margin:8.7cqw 8.9cqw 0 9.8cqw;height:11.5cqw;align-items:stretch}.months button{position:relative;border-radius:2.2cqw 2.2cqw 0 0;font-size:4cqw;background:#dbc5ef;width:30%;padding-bottom:2cqw;color:#777}.months button.current{width:36%;background:linear-gradient(110deg,#76f8ff,#30e6f9);color:#333}.months button:last-child{background:#bfd8ef}.current i{position:absolute;bottom:1.5cqw;left:46%;width:2.4cqw;height:.85cqw;background:#fff;border-radius:1cqw}.bill{position:relative;margin:-3cqw 4cqw 0;background:#fff;border-radius:2cqw;overflow:hidden;min-height:79.8cqw;clip-path:path("M 0 0 L 700 0 L 700 1000 L 0 1000 Z")}.glow{position:absolute;top:-7cqw;left:27%;width:46%;height:20cqw;background:radial-gradient(ellipse,#6deff9,#cbfbff 36%,#fff0 70%);filter:blur(2cqw)}.notch{position:absolute;top:0;width:100%;height:3cqw}.bill-content{position:relative;padding:9.5cqw 5.8cqw 5cqw}.label{font-size:3.3cqw;margin:0 0 4.4cqw}.amount{font-size:10.6cqw;line-height:1;font-weight:500;letter-spacing:-.35cqw;color:#080808}.description{margin:4.6cqw 0 4.4cqw;font-size:3.15cqw;color:#a0a0a0;white-space:nowrap}.pay-wrap{position:relative}.pay{background:#31e4f5;width:100%;height:9.5cqw;border-radius:2.2cqw;font-size:4cqw;font-weight:600;color:#050505}.coupon{position:absolute;right:.6cqw;top:-2.9cqw;display:flex;border-radius:4cqw;background:#ffede7;height:4.8cqw;align-items:center;overflow:hidden;font-size:2.6cqw;color:#111;pointer-events:none}.coupon strong{font-size:2.7cqw;font-style:italic;color:#fff;background:linear-gradient(110deg,#ff7e00,#ff25b5);padding:.5cqw 1.5cqw;border-radius:0 0 2.5cqw}.coupon span{padding:0 2.1cqw 0 1.2cqw}.coupon b{font-weight:400;color:#ff2027}dl{margin:5.8cqw 0 0;font-size:3.8cqw}dl>div{display:flex;justify-content:space-between;margin-top:5.2cqw}dl>div:first-child{margin:0}dd{margin:0}.history{margin:3.7cqw 4cqw 0;padding:1.3cqw 5.8cqw;background:#fff;border-radius:2cqw}.history button{width:100%;height:14cqw;display:flex;align-items:center;justify-content:space-between;padding:0;font-size:3.8cqw}.history button+button{border-top:1px solid #e0e2e6}.history em{font-size:2.8cqw;font-style:normal;color:#ff2027;background:#ffede9;border-radius:3cqw;padding:.7cqw 1.8cqw;margin-left:.8cqw;vertical-align:middle}.history small{font-size:3.1cqw;color:#a0a0a0;display:flex;align-items:center;gap:.6cqw}.history svg{width:1.8cqw;height:2.8cqw}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0006;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:700px;max-height:85vh;overflow:auto;padding:26px 28px 36px;animation:enter .25s ease-out;outline:none;font-size:16px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h2{margin:0;font-size:24px}.sheet-head button{font-size:32px;width:44px;height:44px}.sheet .pay{height:54px;font-size:18px;border-radius:12px;margin-top:18px}.muted{color:#888;line-height:1.6}.detail{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #eee}.red{color:#f33}.menu button{display:flex;justify-content:space-between;width:100%;padding:20px 0}.menu svg,.detail svg{width:16px;height:16px;display:inline-block;vertical-align:middle}.bill-row{width:100%;text-align:left}.bill-row small{display:block;color:#999;margin-top:8px}.toast{position:fixed;z-index:20;bottom:14%;left:50%;transform:translate(-50%);padding:14px 22px;border-radius:12px;background:#222e;color:#fff;max-width:90%;width:max-content;font-size:15px}.home{padding:40px}.home .pay{margin-top:30px}@keyframes enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.bill{margin-left:4cqw;margin-right:3.4cqw;clip-path:url(#card-shape)}.bill-content{padding-right:4.6cqw}.history{margin-right:3.4cqw}.notch{display:none}h1{font-weight:400}.status{font-weight:500}.amount{font-size:10.8cqw;letter-spacing:-.08cqw}.back svg{width:4.9cqw;height:4.9cqw}.favorite{padding:1.1cqw}.description{letter-spacing:.025cqw}dl{font-weight:400}.pay{background:#30e5f6}.months button.current{background:linear-gradient(110deg,#7cf8ff,#2de5f8 75%)}.glow{top:-7.8cqw;left:28%;width:44%;height:20cqw;background:radial-gradient(ellipse,#61edf8,#c9fbff 38%,#fff0 72%);filter:blur(1.8cqw)}.history svg{width:2cqw;height:3cqw}.coupon{right:.6cqw}.amount{line-height:1.02}.description{margin-top:4.4cqw}.app{min-height:max(100vh,214.28cqw)}.months{position:relative;z-index:1;pointer-events:none}.months button{pointer-events:auto}.month-badge{display:inline-block;margin-left:.8cqw;padding:.25cqw .65cqw;border-radius:.7cqw;background:#fff9;font-size:1.9cqw;vertical-align:middle}.paid-amount{font-size:8cqw;line-height:1.38;letter-spacing:0}.pay:disabled{background:#e8e8e8;color:#969696}.glow{pointer-events:none}.months{z-index:auto}.bill{pointer-events:none}.bill-content{pointer-events:auto}.label .month-badge{margin-left:1.4cqw;padding:.4cqw 1cqw;background:#d9faff;color:#008697;font-size:2.1cqw;font-weight:400;vertical-align:middle}.pending-label{display:flex;align-items:center;gap:1.6cqw}.pending-label strong{font-size:3.6cqw;font-weight:500;color:#333;font-variant-numeric:tabular-nums}.pending-label strong{font-size:2.8cqw;font-weight:400;color:#1677ff;background:#e8f3ff;border-radius:3cqw;padding:.7cqw 1.8cqw;line-height:normal}