:root{color:#162033;font-synthesis:none;--blue:#1769e0;--ink:#162033;--muted:#78859a;--line:#e5ebf3;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{background:#f4f7fb;min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,860px);min-height:100vh;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#f6f8fc;margin:auto}.topbar{z-index:10;height:58px;padding:env(safe-area-inset-top) 16px 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand-mark,.login-logo{color:#fff;background:linear-gradient(145deg,#1769e0,#4a8eff);place-items:center;font-weight:800;display:grid;box-shadow:0 8px 20px #1769e044}.brand-mark{border-radius:10px;width:30px;height:30px}.top-spacer{flex:1}.icon-btn{color:var(--ink);background:0 0;border:0;font-size:28px}.content{padding:16px}.bottom-nav{z-index:20;width:min(100%,860px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:#8190a5;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:12px;text-decoration:none;display:flex}.bottom-nav a span{font-size:22px}.bottom-nav a.router-link-active{color:var(--blue);font-weight:700}.hero{color:#fff;background:linear-gradient(135deg,#1769e0,#4d91f3);border-radius:22px;justify-content:space-between;align-items:center;padding:22px;display:flex;box-shadow:0 16px 34px #1769e030}.hero div{flex-direction:column;gap:5px;display:flex}.hero strong{font-size:34px}.round-add{width:48px;height:48px;color:var(--blue);background:#fff;border:0;border-radius:50%;font-size:28px}.search{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:8px;margin:16px 0;padding:0 12px;display:flex}.search input{border:0;outline:0;flex:1;min-width:0;padding:13px 0}.search button{color:var(--blue);background:0 0;border:0}.account-grid{gap:12px;display:grid}.account-card,.panel,.profile-card,.filter-card,.stats>div{border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:0 4px 14px #25395a0b}.account-card{padding:16px}.account-head{align-items:center;gap:12px;display:flex}.account-head>div:nth-child(2){flex:1;min-width:0}.account-head p,.profile-card p{color:var(--muted);margin:4px 0 0;font-size:13px}.wallet-icon,.avatar{color:#fff;background:#ff5a55;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.account-action{width:100%;color:var(--blue);background:#edf4ff;border:0;border-radius:11px;margin-top:14px;padding:10px;font-weight:700}.ok,.muted-tag{border-radius:10px;padding:5px 9px;font-size:12px}.ok{color:#168a55;background:#eaf8f1}.muted-tag{color:#7b8798;background:#eff2f6}.login-page{background:radial-gradient(circle at 80% 0,#dcecff,#0000 40%),#f5f8fc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e3eaf4;border-radius:26px;width:min(100%,420px);padding:30px;box-shadow:0 24px 60px #243e6a1c}.login-logo{border-radius:18px;width:58px;height:58px;margin:auto;font-size:26px}.login-card h1{text-align:center;margin:14px 0 4px}.login-card>p{text-align:center;color:var(--muted)}label{color:#526076;gap:7px;margin:15px 0;font-size:14px;font-weight:600;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce3ed;border-radius:12px;outline:none;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e016}.primary,.secondary,.danger{border:0;border-radius:13px;padding:13px 18px;font-weight:700}.primary{color:#fff;background:var(--blue);width:100%}.primary:disabled{opacity:.45}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.danger{color:#e24040;background:#fff;border:1px solid #ffd2d2}.block{width:100%;margin-top:14px}.compact{width:auto;padding:10px 16px}.text-btn{width:100%;color:var(--muted);background:0 0;border:0;padding:10px}.notice,.tip{color:#5a6780;background:#f0f5fc;border-radius:12px;padding:12px;font-size:13px;line-height:1.6}.notice code{overflow-wrap:anywhere;margin-top:8px;font-size:16px;display:block}.error,.success{text-align:center;border-radius:10px;padding:10px}.error{color:#c73d3d;background:#fff0f0}.success{color:#168a55;background:#eaf8f1}.state,.empty{color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:42px 16px;display:flex}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d193658;justify-content:center;align-items:flex-end;padding:20px 12px;display:flex;position:fixed;inset:0}.sheet{background:#fff;border-radius:24px 24px 18px 18px;width:min(100%,560px);max-height:90vh;padding:20px;animation:.2s rise;overflow:auto}.sheet header{justify-content:space-between;align-items:center;display:flex}.sheet h3{margin:0;font-size:21px}.steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0;display:grid}.steps span{text-align:center;color:#8a95a7;background:#f0f2f6;border-radius:9px;padding:8px;font-size:12px}.steps .on{color:var(--blue);background:#eaf2ff}.balance-card{color:#fff;background:linear-gradient(135deg,#1769e0,#4d91f3);border-radius:22px;padding:24px;position:relative}.balance-card span{opacity:.8}.balance-card strong{margin-top:9px;font-size:30px;display:block}.balance-card button{color:var(--blue);background:#fff;border:0;border-radius:12px;padding:9px 18px;font-weight:700;position:absolute;bottom:22px;right:18px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.stats>div{flex-direction:column;gap:7px;padding:16px;display:flex}.stats span{color:var(--muted);font-size:13px}.section-title{justify-content:space-between;align-items:center;margin:22px 2px 10px;display:flex}.section-title a{color:var(--blue);text-decoration:none}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 4px;display:flex}.list-row div{flex-direction:column;gap:5px;display:flex}.list-row span{color:var(--muted);font-size:12px;line-height:1.5}.money-in{color:#168a55}.money-out{color:#df4747}.tip{margin-top:18px}.filter-card{grid-template-columns:1fr 120px auto;gap:8px;padding:12px;display:grid}.panel{padding:20px}.profile-card{align-items:center;gap:14px;padding:20px;display:flex}.profile-card h2{margin:0}.avatar{background:var(--blue);border-radius:18px;width:54px;height:54px}.setting-list{margin-top:14px}.setting-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.setting-list>div:last-child{border:0}.setting-list span{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}@media (width>=700px){.content{padding:24px}.account-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{border-radius:20px 20px 0 0}.sheet{border-radius:24px;align-self:center}.overlay{align-items:center}}