.yudao-home{--paper:#fcfaf5;--ink:#30382f;--muted:#788074;--line:#e1e4d8;--accent:#536d53;--time-track:#e6e9df;--sugar:#dcae4f;--glass:#8b9b87;--glass-light:#dce4d6;--font:"Microsoft YaHei","PingFang SC",sans-serif;--radius:17px}
.yudao-home *{box-sizing:border-box}
.yudao-home{margin:0;background:var(--paper);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}
.yudao-home button,.yudao-home input{font:inherit}
.yudao-home button{cursor:pointer;color:inherit;touch-action:manipulation}
.yudao-home button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.yudao-home p,.yudao-home h1,.yudao-home h2,.yudao-home dl,.yudao-home dd{margin:0}
.yudao-home button{border:0;background:none}
.yudao-home{max-width:440px;margin:auto;padding:25px 24px 28px}
.yudao-home .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px}
.yudao-home h1{font-size:14px;color:var(--muted);font-weight:400;letter-spacing:.025em;margin-bottom:7px}
.yudao-home .month-expense{font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.yudao-home .time{min-width:92px;text-align:right;color:var(--muted);font-size:10px;align-self:flex-end;padding-bottom:4px}
.yudao-home .track{height:3px;background:var(--time-track);width:92px;border-radius:3px;margin-top:10px;overflow:hidden}
.yudao-home .track span{display:block;background:var(--accent);width:70.967742%;height:100%;border-radius:3px}
.yudao-home .week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.yudao-home .day{display:flex;align-items:center;flex-direction:column;padding:0;gap:5px}
.yudao-home .weekday{font-size:10px;color:var(--muted)}
.yudao-home .date{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:50%;font-size:14px}
.yudao-home .today .date{border-color:var(--accent)}
.yudao-home .future .date{color:var(--muted)}
.yudao-home .net{height:13px;font-size:9px;line-height:13px;color:var(--accent);font-variant-numeric:tabular-nums}
.yudao-home .net[hidden]{display:block;visibility:hidden}
.yudao-home .budget{text-align:center;padding-top:23px}
.yudao-home .money-button{padding:0 16px;display:inline-flex;align-items:center;flex-direction:column}
.yudao-home .remaining{font-size:12px;color:var(--muted);font-weight:400}
.yudao-home .money{display:block;font:400 62px/1.18 var(--font);letter-spacing:-2px;margin-top:5px;font-variant-numeric:tabular-nums}
.yudao-home .money small{font:400 23px var(--font);letter-spacing:0;margin-right:5px}
.yudao-home .budget-extra{padding:14px 0 3px}
.yudao-home .budget-extra[hidden]{display:none}
.yudao-home .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.yudao-home .metrics dt{font-size:10px;color:var(--muted);margin-bottom:5px}
.yudao-home .metrics dd{font-size:14px;font-variant-numeric:tabular-nums}
.yudao-home .metrics small{font-size:10px}
.yudao-home .budget-note{font-size:10px;color:var(--muted);margin-top:13px}
.yudao-home .illustration{margin-top:0}
.yudao-home .stage{position:relative;margin:0 auto;width:100%;max-width:342px;height:342px;isolation:isolate}
.yudao-home .jar{position:absolute;width:256px;height:282px;left:0;bottom:8px;overflow:visible}
.yudao-home .crab-button{position:absolute;right:0;top:109px;width:96px;height:96px;padding:0;z-index:3;border-radius:8px}
.yudao-home .crab{display:block;width:96px;height:96px;background-repeat:no-repeat;background-size:auto 96px;image-rendering:pixelated}
.yudao-home .bubble{position:absolute;right:0;top:18px;width:170px;padding:12px 13px;font-size:12px;line-height:1.7;background:var(--paper);border:1px solid var(--glass);border-radius:var(--radius);z-index:4;min-height:66px;color:var(--accent);box-shadow:none;pointer-events:none}
.yudao-home .bubble[hidden]{display:none}
.yudao-home .bubble:before,.yudao-home .bubble:after{content:"";position:absolute;right:40px;top:100%;border:7px solid transparent;border-top-color:var(--glass)}
.yudao-home .bubble:after{margin-top:-1.5px;border-top-color:var(--paper)}
.yudao-home .falling{position:absolute;width:24px;height:24px;z-index:5;color:var(--sugar);opacity:0;pointer-events:none;shape-rendering:crispEdges}
.yudao-home .counter{text-align:center;font-size:12px;font-weight:400;margin-top:1px;color:var(--muted)}
.yudao-home .counter strong{font:400 20px var(--font);color:var(--ink);margin-left:8px;font-variant-numeric:tabular-nums}
.yudao-home .counter span{font-size:12px;color:var(--muted)}
.yudao-home .ledger{border-top:1px solid var(--line);margin-top:26px}
.yudao-home .ledger-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:19px 0;text-align:left}
.yudao-home .ledger-toggle h2{font-size:15px;font-weight:500}
.yudao-home .ledger-right{display:flex;gap:9px;align-items:center}
.yudao-home .ledger-net{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.yudao-home .chevron{font-size:12px;color:var(--muted);display:inline-block;transition:transform .15s}
.yudao-home .ledger-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}
.yudao-home .entry{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.yudao-home .entry-icon{font-size:11px;color:var(--accent);width:27px;height:27px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center}
.yudao-home .entry-name{font-size:13px}
.yudao-home .entry-note{font-size:10px;color:var(--muted);margin-top:4px}
.yudao-home .amount{font-size:15px;font-variant-numeric:tabular-nums}
.yudao-home .empty{font-size:12px;color:var(--muted);padding:18px 0 22px}
.yudao-home .day-caption{font-size:10px;color:var(--muted);padding:0 0 10px}
.yudao-home .controls{display:flex;align-items:center;justify-content:space-between;padding-top:19px;color:var(--muted);font-size:10px}
.yudao-home .controls label{display:flex;gap:5px;align-items:center}
.yudao-home .controls input{accent-color:var(--accent);margin:0}
.yudao-home .help-button{font-size:10px;color:var(--muted);padding:5px 0}
.yudao-home .help{font-size:10px;color:var(--muted);line-height:1.9;padding-top:10px}
.yudao-home .help p+p{margin-top:7px}
.yudao-home .help a{color:var(--accent)}
.yudao-home .foot{color:var(--muted);font-size:9px;margin-top:18px;letter-spacing:.02em}
@media(max-width:350px){.yudao-home{padding:22px 20px 24px}
.yudao-home .top{gap:7px}
.yudao-home .month-expense{font-size:11px}
.yudao-home .time{font-size:9px;min-width:80px}
.yudao-home .track{width:80px}
.yudao-home h1{font-size:13px}
.yudao-home .stage{height:320px}
.yudao-home .jar{width:224px;height:246.4px;left:0;bottom:9px}
.yudao-home .crab-button{top:119px}
.yudao-home .bubble{width:154px;font-size:11px;top:27px;padding:11px 12px}
.yudao-home .money{font-size:58px}
.yudao-home .counter{font-size:11px}}
@media(prefers-reduced-motion:reduce){.yudao-home .chevron{transition:none}}
.yudao-home[data-reduce=true] .chevron{transition:none}
.yudao-home .crab-button{width:128px;height:128px;top:100px}
.yudao-home .crab{width:128px;height:128px;background-size:auto 128px}
@media(max-width:350px){.yudao-home .crab-button{top:106px}}
.yudao-home .money-button{width:100%;padding:0;display:flex;align-items:center}
.yudao-home .money{position:relative;display:inline-block;line-height:1.18}
.yudao-home .money-number{display:inline-block}
.yudao-home .money small{position:absolute;right:100%;bottom:3px;font-size:53px;line-height:1.18;margin-right:2px}
.yudao-home .illustration{margin-top:-3px}
.yudao-home .stage{height:306px;overflow:clip}
.yudao-home .jar{left:50%;transform:translateX(-50%);top:0;bottom:auto;width:256px;height:281.6px}
.yudao-home .counter{margin-top:0;color:var(--muted)}
.yudao-home .counter strong{font-size:20px;margin-left:6px}
.yudao-home .ledger{margin-top:21px}
.yudao-home .crab-button{width:80px;height:80px;right:auto;top:100px;left:calc(100% - 80px);overflow:visible;border-radius:14px;z-index:6}
.yudao-home .crab{position:absolute;width:128px;height:128px;left:-24px;top:-32px;background-size:auto 128px;pointer-events:none}
.yudao-home .crab-button[data-perch=right]{left:calc(100% - 80px);top:94px}
.yudao-home .crab-button[data-perch=left]{left:0;top:111px}
.yudao-home .crab-button[data-perch=ledger]{left:calc(100% - 82px);top:214px}
.yudao-home .crab-button[data-perch=rim]{left:calc(50% - 40px);top:15px}
.yudao-home .crab-button[data-perch=rim] .crab{left:-64px}
.yudao-home .crab-button[data-perch=stuck]{left:calc(50% - 40px);top:21px}
.yudao-home .crab-button[data-perch=stuck] .crab{clip-path:inset(0 0 60px 0)}
.yudao-home .crab-button[aria-busy=true]{cursor:default}
.yudao-home .bubble{top:8px;right:auto;left:0;width:166px;min-height:0;font-size:11px;padding:10px 12px;z-index:8}
.yudao-home .bubble:before,.yudao-home .bubble:after{right:auto;left:var(--tail-x,50px);transform:translateX(-50%)}
.yudao-home .bubble.below:before,.yudao-home .bubble.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--glass)}
.yudao-home .bubble.below:after{margin-top:0;margin-bottom:-1.5px;border-bottom-color:var(--paper)}
.yudao-home .falling{z-index:7;shape-rendering:auto}
@media(max-width:350px){.yudao-home .money small{font-size:49px}
.yudao-home .stage{height:288px}
.yudao-home .jar{width:224px;height:246.4px;left:50%;top:0;bottom:auto}
.yudao-home .crab-button[data-perch=right]{top:80px}
.yudao-home .crab-button[data-perch=left]{top:98px}
.yudao-home .crab-button[data-perch=ledger]{top:193px}
.yudao-home .crab-button[data-perch=rim]{top:10px}
.yudao-home .crab-button[data-perch=stuck]{top:16px}
.yudao-home .bubble{width:150px;font-size:10px;padding:9px 11px;top:8px}
.yudao-home .counter{font-size:11px}}
.yudao-home .ledger-header{display:flex;align-items:center;gap:12px}
.yudao-home .ledger-toggle{flex:1;min-width:0}
.yudao-home .wallet-button{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:50%;color:var(--accent);padding:0}
.yudao-home .wallet-button:hover{background:var(--time-track)}
.yudao-home dialog{max-width:330px;width:calc(100% - 40px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}
.yudao-home dialog::backdrop{background:#30382f55}
.yudao-home dialog h2{font-size:17px;font-weight:500}
.yudao-home dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin:14px 0 20px}
.yudao-home dialog button{width:100%;background:var(--accent);color:var(--paper);border-radius:10px;padding:10px}
.yudao-home{width:100%;min-width:0;box-sizing:border-box;background:var(--paper)}
body[data-finance-ui=true] .hub-content{padding:0 0 105px;background:#fcfaf5}
.yudao-home .money.is-unset{font-size:40px;letter-spacing:0;margin-top:12px}
.yudao-home .budget-note button{text-decoration:underline;font-size:inherit}
.yudao-home .entry{grid-template-columns:1fr auto}
.yudao-home .entry-name{overflow-wrap:anywhere}
.yudao-home .help{overflow-wrap:anywhere}