:root{color-scheme:light;--ink:#222b2b;--green:#326c54;--muted:#737b80;--line:#edf0f1;--bg:#f2f5fa;--button:#eaf2ed}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:580px;min-height:100dvh;margin:auto}#list-view{padding:36px 48px 20px}h1,h2,p{margin:0}h1{font-size:1.4rem;font-weight:700}h2{font-size:1.1rem;font-weight:650}.muted{font-size:.875rem;color:var(--muted)}.masthead{margin-bottom:30px}.masthead p{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px 12px}.heading,.list-heading,.account-heading,.card-row,.save-row,.payment-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.list-heading{margin-bottom:16px}.list-heading p{margin-top:4px}button,select{font:inherit;font-size:.9375rem;min-height:44px;border:0;border-radius:12px;padding:9px 16px;background:var(--button);color:var(--green)}button{cursor:pointer;flex-shrink:0}button:hover:enabled{background:#deebe2}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b88420;outline-offset:3px}.solid{background:var(--green);color:white}.solid:hover:enabled{background:#24563f}.summary{display:flex;flex-direction:column;padding:0 0 23px;gap:2px;font-size:.875rem;color:var(--muted)}.summary strong{font-size:1.8rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.account{background:#fff;border-radius:16px;padding:20px 22px 3px;margin-bottom:20px}.account-heading{align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line)}.account-name{font-size:1rem;font-weight:650;overflow-wrap:anywhere}.account-total{text-align:right;font-size:.9375rem;white-space:nowrap}.account-total small{display:block;color:var(--muted);font-size:.8125rem}.card-row{padding:16px 0;border-bottom:1px solid var(--line)}.card-row:last-child{border:0}.card-detail{min-width:0;flex:1}.number-row{display:flex;align-items:center;gap:6px}.card-number{font-size:.9375rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.copy{padding:0;background:transparent;min-width:32px;min-height:36px;border-radius:6px;color:#8b9499;display:flex;align-items:center;justify-content:center}.copy-icon{position:relative;width:12px;height:14px;border:1.5px solid currentColor;border-radius:2px;display:block}.copy-icon:before{content:"";position:absolute;left:3px;top:-4px;width:9px;height:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:1px}.card-balance{font-size:.9375rem;margin-top:3px}.card-updated{font-size:.75rem;color:var(--muted);margin-top:3px}.missing{color:#a35c22}.message{font-size:.875rem;color:var(--muted);margin:12px 24px 0;overflow-wrap:anywhere}.message:empty{display:none}.message.error{padding:12px;background:#fff0ed;color:#962f26;border-radius:10px}.empty{padding:32px 12px;text-align:center;color:var(--muted)}footer{font-size:.8125rem;color:var(--muted);padding:2px 0 16px}.manager{padding:18px;background:white;border:1px solid #c7dbcd;border-radius:16px;margin-bottom:26px}.manager p{margin-top:8px}.tag{font-size:.75rem;color:var(--green);white-space:nowrap}.manager-tools{display:flex;gap:8px;align-items:center;margin:16px 0}.manager-tools label{font-size:.875rem;flex-shrink:0}select{min-width:0;flex:1;background:#f1f5f3}.candidate-list{max-height:380px;overflow:auto}.candidate{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem}.candidate input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.candidate span{overflow-wrap:anywhere;flex:1}.candidate small{display:block;color:var(--muted);font-size:.8125rem}.pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:.875rem}.save-row{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:.875rem}.payment-view{min-height:100dvh;background:linear-gradient(145deg,#80988f,#a7b7ad 48%,#7d968e);padding:18px 58px 50px}.payment-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 -34px;color:white;font-size:.875rem}.back{background:transparent;color:white;padding:8px;font-size:1rem}.payment-card{position:relative;background:white;border-radius:18px;margin-top:110px;padding:45px 0 0}.payment-logo{position:absolute;top:-52px;left:50%;transform:translateX(-50%);border-radius:50%;background:white;padding:3px}.countdown{text-align:center;font-size:.875rem;color:var(--muted);margin:0 14px 2px;min-height:24px}.code-surface{height:310px;display:flex;align-items:flex-start;justify-content:center;padding:0 18px}#qr{background:white;padding:4px}#qr canvas,#qr img{display:block;max-width:100%;height:auto}#code-placeholder{align-self:center;color:var(--muted);text-align:center;font-size:.9375rem;max-width:230px}.payment-bottom{border-top:1px solid var(--line);border-radius:14px;padding:25px 24px}.payment-bottom h2{font-size:1.25rem}.payment-bottom p{margin-top:6px}.payment-bottom button{font-size:1rem;max-width:130px}.payment-note{font-size:.8125rem;margin-top:24px;color:#263e35}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:500px){#list-view{padding:24px 20px 16px}.account{padding:18px 18px 3px}.payment-view{padding:16px 24px 30px}.payment-nav{margin:0}.payment-card{margin-top:94px}.payment-bottom{padding:22px 20px}.payment-note{margin-top:20px}.message{margin-left:20px;margin-right:20px}}@media(max-width:360px){#list-view{padding-left:14px;padding-right:14px}.account{padding-left:14px;padding-right:14px}.card-row{gap:8px}.card-row button:not(.copy){padding:8px 10px}.payment-view{padding-left:16px;padding-right:16px}.manager-tools{flex-wrap:wrap}.manager-tools select{min-width:130px}.payment-bottom{gap:8px;padding:18px 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}