*{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}.app{max-width:390px;min-height:100vh}.sheet{max-width:390px}.months button:disabled{opacity:.5}.pending-label{gap:1cqw}.app{min-height:844px;min-height:max(844px,100dvh);padding-bottom:max(24px,env(safe-area-inset-bottom))}@media(max-width:600px){.app{min-height:100vh;min-height:100dvh}}.pending-summary{background:#f0f7ff;border-radius:14px;padding:16px;margin:12px 0}.pending-summary>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px}.pending-summary b{font-weight:400;font-variant-numeric:tabular-nums}.pending-summary .pending-sum{border-top:1px solid #d6e7fa;padding-top:14px;margin-bottom:8px;align-items:center}.pending-sum strong{font-size:22px;color:#1677ff;font-variant-numeric:tabular-nums}.pending-summary p{font-size:12px;color:#65758a;line-height:1.5;margin:0}.history-coupon{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:12px;color:#f33;background:#ffede9;font-size:12px;font-style:normal}.bill-row>b{flex-shrink:0}.bill-row{gap:12px}.repayment-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:3cqw}.repayment-primary{min-width:0}.repayment-primary{width:100%}.amount-row{display:flex;align-items:flex-end;gap:2.4cqw}.amount-row>.amount{flex-shrink:0}.repayment-pill{display:inline-flex;align-items:center;flex-shrink:0;border-radius:999px;background:#111;color:#fff;overflow:hidden;font-size:2.8cqw;line-height:1.6;white-space:nowrap}.repayment-pill-label{display:inline-flex;align-items:center;gap:.7cqw;padding:.55cqw 1.35cqw .55cqw .8cqw;background:#ece0bf;color:#928761;border-radius:999px}.repayment-pill-label svg{width:3.1cqw;height:3.1cqw}.repayment-pill-value{padding:.55cqw 1.55cqw .55cqw 1.1cqw}.status{padding-left:3.33cqw;padding-right:3.6cqw}header{padding-left:3.33cqw;padding-right:3.47cqw}.months{margin-left:9.2cqw;margin-right:8.93cqw;gap:1.6cqw}.bill{margin-left:3.33cqw;margin-right:3.33cqw;border-radius:1.87cqw;min-height:92cqw}.bill-content{padding:9.47cqw 4.8cqw 8cqw 5.87cqw}.label{font-size:3.2cqw;margin-bottom:5.6cqw}.label .month-badge{margin-left:1.6cqw;padding:.55cqw 3.2cqw;background:#e8f3ff;color:#1677ff;border-radius:4cqw;font-size:2.67cqw}.amount{font-size:10.8cqw;font-weight:500;line-height:1.02}.description{font-size:3.07cqw;letter-spacing:0;margin:4.4cqw 0 4.67cqw}.pay{height:9.6cqw;border-radius:2.13cqw;background:#30e5f6}.coupon{right:.53cqw;top:-2.93cqw}.history{margin:5.87cqw 3.33cqw 0;padding:1.47cqw 5.87cqw;border-radius:1.87cqw}.history button{height:13.87cqw;font-size:3.73cqw}.history em{padding:.6cqw 1.8cqw;font-size:2.8cqw;margin-left:1.2cqw}.pending-label{gap:3cqw}.pending-label strong{padding:.6cqw 2.9cqw;font-size:2.8cqw}.history small{font-size:3.07cqw}dl{font-size:3.73cqw;margin-top:5.33cqw}dl>div{margin-top:5.33cqw}button{transition:filter .12s ease-out,background-color .15s ease-out}.sheet{animation-duration:.25s}