:root{--blue:#2259d6;--ink:#192d4a;--muted:#748198;--purple:#7861cf;--bg:#f4f6fb;--line:#e8edf5;--teal:#008776}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Microsoft YaHei UI','Microsoft YaHei',sans-serif;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #9ebfff;outline-offset:3px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.6px}h2{font-size:18px}h3{font-size:16px}.app{max-width:620px;margin:auto;background:var(--bg);min-height:100dvh}.topbar{padding:calc(env(safe-area-inset-top) + 14px) 22px 10px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}.brand img{width:30px;height:30px;border-radius:9px}.icon-button{border:0;background:white;border-radius:50%;display:grid;place-items:center;width:44px;height:44px;box-shadow:0 2px 9px #16376b07}svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}main{padding:10px 22px calc(100px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px;gap:12px}.page-head p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:3px}.period-label{max-width:165px}select{border:0;background:#e8edf6;border-radius:20px;padding:9px 11px;font-size:12px;max-width:100%}.balance{background:var(--blue);border-radius:23px;color:white;padding:24px 24px 23px;box-shadow:0 9px 22px #2259d61c}.balance-label{font-size:13px;display:flex;align-items:center;justify-content:space-between;color:#dce7ff}.currency{font-size:10px;border:1px solid #ffffff3d;border-radius:4px;padding:1px 6px}.amount{font-family:'Bahnschrift','SF Pro Display','Arial',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.jumbo{font-size:43px;line-height:1.6;letter-spacing:-1px;margin-top:4px;white-space:nowrap;font-weight:600}.jumbo em{font-size:25px;font-weight:400;font-style:normal;margin-right:5px}.balance-divider{height:1px;background:#ffffff29;margin:10px 0 17px}.settlement{display:flex;gap:35px}.settlement>div{display:grid;gap:3px;min-width:0}.settlement span{font-size:12px;color:#d0dfff}.settlement strong{font:500 19px/1.5 'Bahnschrift','Arial',sans-serif;white-space:nowrap}.platforms{background:white;border-radius:18px;margin-top:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.platform{border:0;background:white;padding:18px 14px;display:flex;align-items:center;gap:10px;text-align:left;min-width:0}.platform:first-child{border-right:1px solid var(--line)}.platform-symbol{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:11px;font-size:14px;font-weight:600;flex-shrink:0}.baidu{color:var(--blue);background:#eaf0ff}.quark{color:var(--purple);background:#efebff}.platform-info{display:grid;gap:2px;min-width:0}.platform-info>span{font-size:11px;color:var(--muted)}.platform-info strong{font-size:19px;white-space:nowrap;font-weight:500}.chevron{font-size:22px;color:#a8b3c3;margin-left:auto}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:27px 0 17px}.section-title>span,.section-title>a{font-size:12px;color:var(--muted)}.section-title a span{font-size:18px;margin-left:4px}.chart{background:white;border-radius:18px;padding:18px 15px 12px;min-height:175px}.chart svg{width:100%;height:165px;stroke:none;overflow:visible}.chart text{fill:#8b97aa;font:9px sans-serif;stroke:none}.chart .gridline{stroke:#edf0f5;stroke-width:1}.chart .chart-b{fill:var(--blue)}.chart .chart-q{fill:var(--purple)}.legend{display:flex;justify-content:center;gap:22px;margin-top:11px;color:var(--muted);font-size:11px}.legend i{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:5px}.blue{background:var(--blue)}.purple{background:var(--purple)}.account-list,#topAccounts{background:white;border-radius:18px;overflow:hidden}.account-row{display:flex;align-items:center;gap:12px;padding:16px;width:100%;border:0;border-bottom:1px solid var(--line);background:white;text-align:left}.account-row:last-child{border-bottom:0}.account-row .info{display:grid;gap:2px;min-width:0}.account-row .name{font-size:13px}.account-row .sub{font-size:11px;color:var(--muted)}.account-row .row-amount{margin-left:auto;text-align:right;white-space:nowrap;font-size:18px;font-weight:500}.account-row .row-amount.small{font-family:inherit;font-size:12px;color:var(--muted)}.segments{display:flex;background:#e7ecf5;border-radius:12px;padding:4px;margin-bottom:20px}.segments button{border:0;background:none;flex:1;padding:9px;border-radius:9px;color:var(--muted);font-size:13px}.segments .selected{background:white;color:var(--blue);box-shadow:0 2px 6px #19334d08;font-weight:600}.fold{margin-top:18px}.fold summary{list-style:none;font-size:13px;color:var(--muted);padding:12px 5px;cursor:pointer}.fold summary:before{content:'›';display:inline-block;font-size:18px;margin-right:8px}.fold[open] summary:before{transform:rotate(90deg)}.fold>div{background:white;border-radius:16px;overflow:hidden}.back{border:0;background:none;padding:8px 0 16px;color:var(--blue);font-size:14px}.detail-head{display:flex;align-items:center;gap:14px;margin:8px 0 24px}.detail-head .platform-symbol{width:46px;height:46px;font-size:20px;border-radius:15px}.detail-head p{font-size:12px;color:var(--muted)}.detail-summary{background:white;border-radius:20px;padding:22px}.detail-summary>.amount{font-size:34px;line-height:1.8;font-weight:600}.detail-summary p{font-size:12px;color:var(--muted)}.detail-stats{display:flex;gap:36px;border-top:1px solid var(--line);padding-top:15px}.detail-stats div{display:grid;font-size:12px;color:var(--muted)}.detail-stats strong{font:500 18px/1.8 'Bahnschrift','Arial',sans-serif;color:var(--ink)}.week-row{background:white;margin-bottom:10px;border-radius:15px;padding:17px;display:flex;gap:10px;align-items:center}.week-row .week-info{flex:1}.week-row .week-info>span{font-size:11px;color:var(--muted)}.week-row .week-info>strong{display:block;font-size:13px;font-weight:500}.week-row .week-money{text-align:right;font:500 20px/1.5 'Bahnschrift',sans-serif}.status{display:block;font:11px/1.8 sans-serif;color:var(--teal)}.status.pending{color:#bd7814}.status.unknown{color:var(--muted)}.settings-card{background:white;border-radius:18px;padding:21px;margin-bottom:16px}.settings-card h2{font-size:16px;margin-bottom:15px}.settings-card dl{margin:0 0 18px}.settings-card dl div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 0;font-size:12px;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}.primary,.quiet{border:0;border-radius:10px;padding:12px 17px;min-height:46px;font-size:13px;background:var(--blue);color:white;width:100%;font-weight:600}.quiet{color:var(--blue);background:#edf2ff}.help{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.9}.settings-link{display:flex;justify-content:space-between;font-size:13px;color:var(--blue);margin-top:15px}.version{text-align:center;color:#9aa6b8;font-size:11px;margin-top:25px}#collectionInfo{font-size:12px;line-height:1.9;color:var(--muted)}#collectionInfo details{margin-top:12px}#collectionInfo summary{cursor:pointer}#collectionInfo p{margin-top:7px}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:9px 18px calc(8px + env(safe-area-inset-bottom));z-index:20}.tabbar a{color:#8c99ad;display:grid;justify-items:center;gap:3px;font-size:10px;padding:4px 32px;min-height:50px}.tabbar a.active{color:var(--blue)}.tabbar svg{width:22px;height:22px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}#message{padding:11px 14px;background:#e6edff;color:var(--blue);border-radius:12px;font-size:12px;margin-bottom:10px}.empty{font-size:13px;line-height:1.8;padding:28px 15px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(min-width:700px){body{padding:24px 0;background:#e8edf6}.app{border-radius:26px;box-shadow:0 20px 80px #1735580d}.topbar{padding-top:22px}main{padding-left:32px;padding-right:32px}.tabbar{border-radius:18px 18px 0 0}.platform{padding:22px}.jumbo{font-size:50px}.chart svg{height:190px}}@media(max-width:360px){main{padding-left:16px;padding-right:16px}.balance{padding:22px 19px}.jumbo{font-size:38px}.platform{padding:16px 10px;gap:7px}.platform-symbol{width:28px;height:28px}.platform-info strong{font-size:17px}.tabbar a{padding-left:26px;padding-right:26px}.settlement{gap:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.week-badge{font-size:12px;color:var(--blue);background:#e8edf6;border-radius:20px;padding:9px 11px;white-space:nowrap}.week-period{font-size:14px;color:#e2ebff}.week-missing{font-size:12px;color:#d0dfff;margin-top:7px}.jumbo.unread{font-size:32px;letter-spacing:0;padding:9px 0}.platform-info .platform-caption{font-size:10px;color:var(--muted)}.platform-info strong.unread{font-family:inherit;font-size:12px;line-height:1.8;letter-spacing:0;color:var(--muted)}.history-card{background:white;border-radius:18px;padding:21px}.history-total{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.history-total strong{font-size:26px;color:var(--ink);font-weight:500}.history-stats{display:flex;gap:32px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.history-stats>div{display:grid;gap:3px;font-size:11px;color:var(--muted)}.history-stats strong{font:500 17px/1.5 Arial,sans-serif;color:var(--ink)}.detail-week{margin-bottom:18px}.detail-summary>.amount.unread{font-size:27px}.detail-stats{flex-wrap:wrap;gap:12px 25px}.detail-stats strong{font-size:16px}