:root{--color-primary:#007aff;--color-success:#34c759;--color-bg:#f2f2f7;--color-surface:#fff;--color-surface-pressed:#e5e5ea;--color-text:#1c1c1e;--color-text-secondary:#8e8e93;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-full:999px;--shadow-card:0 1px 2px #0000000a, 0 10px 24px #0000001a}*{box-sizing:border-box}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif;font-size:16px;line-height:1.4}.page{max-width:480px;margin:0 auto;padding:20px 16px 40px}.header{z-index:10;text-align:center;background:color-mix(in srgb, var(--color-bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:-20px -16px 0;padding:32px 16px 20px;position:sticky;top:0}.header h1{letter-spacing:0;margin:0;font-size:17px;font-weight:600}.header-actions{display:flex;position:absolute;top:8px;right:0}.edit-btn{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:15px}.sort-list{border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.sort-row{background:var(--color-surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.sort-face{aspect-ratio:1.586;border-radius:4px;flex-shrink:0;width:38px}.sort-name{flex:1;font-size:15px;font-weight:500}.sort-num{color:var(--color-text-secondary);font-size:13px;font-weight:400}.arrow{background:var(--color-bg);width:34px;height:34px;color:var(--color-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:16px}.arrow:disabled{color:var(--color-text-secondary);opacity:.4;cursor:default}.arrow:active:not(:disabled){background:var(--color-surface-pressed)}.push-enter-active,.push-leave-active,.pop-enter-active,.pop-leave-active{transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .2s}.push-enter-from{opacity:0;transform:translate(16px)}.push-leave-to,.pop-enter-from{opacity:0;transform:translate(-16px)}.pop-leave-to{opacity:0;transform:translate(16px)}@media (prefers-reduced-motion:reduce){.push-enter-active,.push-leave-active,.pop-enter-active,.pop-leave-active{transition:opacity .2s}.push-enter-from,.push-leave-to,.pop-enter-from,.pop-leave-to{transform:none}}.pay{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.pay>.hint{margin:0}.pay-card{border-radius:var(--radius-lg);color:#fff;width:100%;box-shadow:0 1px 2px #0000000a, 0 16px 28px -6px color-mix(in srgb, var(--glow-color,#000) 55%, transparent);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:35px;display:flex;position:relative;overflow:hidden}.pay-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47 0%,#0000 55%);position:absolute;inset:0}.pay-card-info{z-index:1;text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex;position:relative}.pay-card-name{opacity:.9;align-items:center;gap:10px;font-size:24px;font-weight:600;display:inline-flex}.pay-card-num{letter-spacing:1.5px;font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.pay-card-qr-link{z-index:1;border-radius:var(--radius-md);background:#fff;flex-shrink:0;padding:10px;line-height:0;display:block;position:relative;overflow:hidden}.superwhite{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pay-card-qr{width:130px;height:130px;display:block;position:relative}.switch-btn{border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-primary);font:inherit;text-align:center;cursor:pointer;box-shadow:var(--shadow-card);border:none;padding:15px 16px;font-size:16px;font-weight:600;display:block}.switch-btn:active{background:var(--color-surface-pressed)}.hint{color:var(--color-text-secondary);margin:12px 0 24px;font-size:13px}.app-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;width:100%;padding:14px;font-size:16px;font-weight:600;text-decoration:none;display:block}.rows{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:1px;display:flex;overflow:hidden}.row{background:var(--color-surface);width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;padding:15px 16px;display:flex}.row:active{background:var(--color-surface-pressed)}.label{color:var(--color-text-secondary);flex-shrink:0;font-size:15px}.value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;font-size:16px;font-weight:500}.copy{color:var(--color-primary);flex-shrink:0;font-size:15px}.copy.done{color:var(--color-success)}.pick{flex-direction:column;gap:16px;display:flex}.back-btn{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 8px;font-size:15px}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bank{background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--shadow-card);border:none;flex-direction:column;gap:12px;padding:16px 14px;transition:transform .15s;display:flex}.bank:active{transform:scale(.97)}.bank-name{font-size:17px;font-weight:600;line-height:1.3}.card-face{aspect-ratio:1.586;border-radius:var(--radius-md);color:#fff;flex-direction:column;justify-content:space-between;padding:10px 12px;display:flex;position:relative;overflow:hidden}.card-face:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47 0%,#0000 55%);position:absolute;inset:0}.face-name{z-index:1;opacity:.9;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.face-num{z-index:1;letter-spacing:1px;font-size:13px;position:relative}.logo{border-radius:22%;flex-shrink:0;width:1.4em;height:1.4em;box-shadow:0 0 0 1px #ffffff40}
