:root{color-scheme:light;--page: #edf2ec;--ink: #17211d;--muted: #718079;--faint: #e3e9e3;--surface: #ffffff;--surface-soft: #f6f8f3;--green: #0f6b5f;--green-2: #168373;--mint: #dff0ea;--red: #c24e43;--red-soft: #fbebe8;--gold: #d49a3a;--blue: #3f6c9c;--shadow: 0 22px 58px rgba(29, 45, 39, .16);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-sink: 50px;--entry-save-sink: 35px;font-family:Inter,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior-x:none}html,#app{background:#f9fbf6}body{margin:0;background:radial-gradient(circle at 16% 12%,rgba(15,107,95,.12),transparent 28%),linear-gradient(135deg,#f6f8f3 0%,var(--page) 100%);background-color:#f9fbf6;color:var(--ink)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}input{color:var(--ink)}h1,h2,p{margin:0}.app-canvas{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,520px) minmax(280px,380px);justify-content:center;gap:28px;padding:28px}.app-frame{position:relative;height:min(980px,calc(100dvh - 56px));min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(214,224,215,.92);border-radius:28px;background:#f9fbf6;box-shadow:var(--shadow)}.app-header{flex:0 0 auto;padding:calc(22px + var(--safe-top)) 20px 14px;background:linear-gradient(160deg,#0f6b5ffa,#127e6deb),var(--green);color:#fff}.header-top,.member-switch,.section-title,.sheet-head,.day-title,.hero-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-kicker{display:block;margin-bottom:4px;color:#ffffffbd;font-size:16px;font-weight:800}h1{font-size:34px;line-height:1.05;letter-spacing:0}h2{font-size:18px;line-height:1.2;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:8px}.month-control{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#ffffff24;color:#fff}.month-control input{position:absolute;inset:0;width:100%;opacity:0}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid rgba(23,33,29,.1);border-radius:14px;background:#fff;color:var(--ink)}.app-header .icon-btn{border-color:#ffffff3d;background:#ffffff24;color:#fff}.member-switch{margin-top:18px;padding:6px;border-radius:18px;background:#ffffff1f}.member-chip{flex:1;min-width:0;min-height:40px;border:0;border-radius:13px;background:transparent;color:#ffffffb8;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-chip.active{background:#fff;color:var(--green);box-shadow:0 10px 22px #0000001f}.sync-pill{flex:0 0 auto;min-width:68px;padding:0 10px;color:#ffffffc7;font-size:12px;font-weight:800;text-align:center}.sync-pill.online{color:#d4fff3}.sync-pill.offline{color:#ffe0dc}.screen-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:16px 16px 70px}.ledger-screen,.activity-screen{width:100%;max-width:100%;overflow-x:hidden;display:grid;gap:14px}.balance-hero{display:grid;gap:14px;padding:20px;border-radius:24px;background:linear-gradient(145deg,#ffffffeb,#e2f1eaf0),var(--surface);box-shadow:0 18px 38px #293f371a}.balance-summary span,.section-title span,.ledger-info p,.ledger-amount span,.activity-item p,.activity-item time,.field-line span,.amount-input span{color:var(--muted)}.balance-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.balance-summary{min-width:0;display:grid;gap:7px;align-content:end}.balance-summary strong{min-width:0;font-size:clamp(28px,5.7vw,42px);line-height:1;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-metrics{align-items:stretch}.hero-metrics div{flex:1;min-width:0;display:grid;grid-template-columns:18px 1fr;gap:4px 7px;padding:12px;border-radius:18px;background:#ffffffbd}.hero-metrics svg{color:var(--green)}.hero-metrics div:nth-child(2) svg{color:var(--red)}.hero-metrics b{grid-column:1 / -1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-block,.rail-card{border:1px solid var(--faint);background:#ffffffe0;box-shadow:0 12px 28px #24322d12}.bill-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--faint);border-radius:18px;background:#ffffffdb;box-shadow:0 12px 28px #24322d0f}.bill-filter button{min-height:38px;border:0;border-radius:13px;background:transparent;color:var(--muted);font-size:13px;font-weight:950}.bill-filter button.active{background:var(--green);color:#fff;box-shadow:0 10px 20px #0f6b5f2e}.section-block{display:grid;gap:10px;padding:16px;border-radius:24px}.section-title{min-height:30px}.expense-title h2{min-width:0}.date-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.day-control{position:relative;width:36px;height:34px;display:inline-grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--green)}.day-control input{position:absolute;inset:0;width:100%;opacity:0}.text-action{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:12px;background:var(--mint);color:var(--green);font-weight:900}.text-action.danger{background:var(--red-soft);color:var(--red)}.text-action:disabled{cursor:not-allowed;opacity:.5}.day-block{overflow:hidden;border:1px solid var(--faint);border-radius:20px;background:#fff}.day-title{padding:12px 13px;background:var(--surface-soft);border-bottom:1px solid var(--faint)}.day-title span{color:var(--red);font-weight:900}.ledger-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:12px 10px;border-bottom:1px solid var(--faint)}.ledger-row:last-child{border-bottom:0}.ledger-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:var(--red-soft);color:var(--red)}.ledger-row.income .ledger-icon{background:var(--mint);color:var(--green)}.ledger-info{min-width:0}.ledger-info strong,.ledger-info p,.ledger-amount strong,.ledger-amount span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-info strong{font-size:15px}.ledger-info p,.ledger-amount span{margin-top:3px;font-size:12px}.ledger-amount{max-width:116px;text-align:right}.ledger-amount strong{color:var(--red)}.ledger-row.income .ledger-amount strong{color:var(--green)}.delete-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#9aa5a0}.delete-btn:hover{background:var(--red-soft);color:var(--red)}.empty-state{padding:28px 14px;border:1px dashed #cfd9d2;border-radius:18px;color:var(--muted);text-align:center;background:#ffffff9e}.activity-screen{padding-top:4px}.activity-heading{padding:0 4px}.activity-actions{display:inline-flex;align-items:center;gap:8px}.activity-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px;border:1px solid var(--faint);border-radius:20px;background:#fff}.activity-item.compact{border-radius:18px}.activity-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:15px;background:var(--mint);color:var(--green);font-weight:900}.activity-item strong{display:block;margin-bottom:3px;font-size:14px}.activity-item p{font-size:13px}.activity-item time{display:block;margin-top:5px;font-size:12px}.bottom-tabs{position:absolute;left:0;right:0;bottom:calc(0px - var(--safe-bottom) - var(--tab-sink));z-index:10;min-height:calc(74px + var(--safe-bottom) + var(--tab-sink));display:grid;grid-template-columns:1fr 98px 1fr;align-items:center;gap:8px;padding:8px 18px calc(8px + var(--safe-bottom) + var(--tab-sink));border:0;border-top:1px solid rgba(214,224,215,.9);border-radius:0;background:#fff;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateZ(0)}.tab-btn{height:54px;display:grid;place-items:center;gap:2px;border:0;border-radius:18px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.tab-btn.active{background:var(--mint);color:var(--green)}.bookkeeping-btn{height:58px;display:grid;grid-template-columns:28px auto;place-items:center;justify-content:center;gap:4px;border:0;border-radius:20px;background:var(--green);color:#fff;font-weight:950;box-shadow:none}.desktop-rail{align-self:start;position:sticky;top:28px}.rail-card{display:grid;gap:10px;padding:18px;border-radius:28px}.app-sheet{position:fixed;inset:0;z-index:50;display:none;overflow:hidden;overscroll-behavior-x:none}.app-sheet.open{display:block}.sheet-scrim{position:absolute;inset:0;border:0;background:#0b121075}.sheet-panel{position:absolute;left:50%;bottom:0;width:min(520px,100%);max-height:min(88vh,820px);max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;transform:translate(-50%);padding:10px 18px calc(20px + var(--safe-bottom));border-radius:30px 30px 0 0;background:#fff;box-shadow:var(--shadow)}.sheet-grabber{width:42px;height:5px;margin:0 auto 16px;border-radius:999px;background:#d4ddd6}.sheet-head{margin-bottom:16px}.entry-sheet-panel{bottom:calc(0px - var(--entry-save-sink));max-height:min(calc(88vh + var(--entry-save-sink)),calc(820px + var(--entry-save-sink)));display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.entry-sheet-panel .sheet-grabber,.entry-sheet-panel .sheet-head{flex:0 0 auto}.sheet-form{width:100%;max-width:100%;min-width:0;display:grid;gap:14px;overflow-x:hidden}.entry-form{flex:1 1 auto;min-height:0;padding-bottom:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.month-picker-sheet{display:grid;gap:14px}.month-list{max-height:320px;overflow-y:auto;display:grid;gap:8px;padding:2px 2px 4px;scroll-snap-type:y proximity}.month-option{min-height:48px;border:1px solid #dce5de;border-radius:16px;background:#fff;color:var(--ink);font-weight:950;scroll-snap-align:center}.month-option.active{border-color:#0f6b5f57;background:var(--mint);color:var(--green)}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:0;padding-top:6px;background:#fff}.type-switch{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:18px;background:#eef3ed}.type-btn{min-height:48px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-weight:950}.type-btn.active{background:#fff;box-shadow:0 10px 22px #22312b1a}.type-btn.expense.active{color:var(--red)}.type-btn.income.active{color:var(--green)}.amount-input,.field-line{width:100%;max-width:100%;min-width:0;display:grid;gap:7px}.amount-input span,.field-line span{font-size:13px;font-weight:900}.amount-input input,.field-line input{width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid #d9e2dc;border-radius:16px;background:#fff;box-sizing:border-box;outline:none}.amount-input input{height:66px;padding:0 14px;font-size:34px;font-weight:950;letter-spacing:0}.amount-display{width:100%;min-height:66px;padding:0 14px;border:1px solid #d9e2dc;border-radius:16px;background:#fff;color:var(--ink);font-size:34px;font-weight:950;line-height:1;text-align:left;letter-spacing:0}.amount-display.empty{color:#7180798c}.amount-display:focus-visible{outline:0;border-color:var(--green);box-shadow:0 0 0 4px #0f6b5f1a}.field-line input{height:48px;padding:0 13px;line-height:48px}.date-input-wrap{position:relative;width:100%;min-height:48px;display:grid;place-items:center;border:1px solid #d9e2dc;border-radius:16px;background:#fff}.date-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 4px #0f6b5f1a}.date-input-wrap input{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;opacity:0}.field-line .date-display{color:var(--ink);font-size:15px;font-weight:900;line-height:1;text-align:center;pointer-events:none}.field-line input[type=date]{display:block;appearance:none;-webkit-appearance:none}.amount-input input:focus,.field-line input:focus{border-color:var(--green);box-shadow:0 0 0 4px #0f6b5f1a}.date-input-wrap input:focus{box-shadow:none}.amount-keypad{display:grid;grid-template-columns:minmax(0,3fr) minmax(72px,1fr);gap:8px;padding:10px;border:1px solid #d9e2dc;border-radius:20px;background:#eef3ed}.amount-key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,50px);gap:8px}.amount-key-side{display:grid;grid-template-rows:1fr 1fr;gap:8px}.amount-key{min-width:0;border:0;border-radius:16px;background:#fff;color:var(--ink);font-size:20px;font-weight:950;box-shadow:0 8px 18px #22312b14}.amount-key:active{transform:translateY(1px);background:var(--mint)}.keypad-delete{display:grid;place-items:center;color:var(--green)}.keypad-done{background:var(--green);color:#fff;font-size:17px}.category-picker{min-width:0;display:grid;gap:10px}.category-grid{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.category-token{min-width:0;min-height:66px;display:grid;place-items:center;align-content:center;gap:5px;padding:8px 5px;border:1px solid #dce5de;border-radius:18px;background:#fff;color:var(--ink);font-size:12px;font-weight:900;overflow-wrap:anywhere}.category-token svg{color:var(--muted)}.category-token.active{border-color:#0f6b5f5c;background:var(--mint);color:var(--green)}.category-token.active svg{color:var(--green)}.add-token{border-style:dashed;color:var(--blue)}.primary-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:17px;background:var(--green);color:#fff;font-weight:950}.primary-btn:disabled{cursor:wait;opacity:.62}.primary-btn.danger-btn{background:var(--red)}.entry-save-bar{flex:0 0 auto;position:relative;z-index:2;width:calc(100% + 36px);max-width:none;margin:0 -18px;padding:8px 18px calc(8px + var(--safe-bottom));border-top:1px solid rgba(214,224,215,.9);background:#fff;box-shadow:0 -10px 24px #1f2f2812}.entry-save-btn{width:100%;min-height:54px}.form-error{min-height:18px;color:var(--red);font-size:13px}.manage-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--faint)}.manage-tags span{padding:8px 10px;border-radius:13px;background:var(--surface-soft);font-size:13px;font-weight:900}.startup-screen{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 22% 18%,rgba(15,107,95,.16),transparent 28%),linear-gradient(145deg,#f8faf5,#eaf1ea)}.startup-screen.loading-screen{padding:calc(28px + var(--safe-top)) 28px calc(28px + var(--safe-bottom));background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 78% 82%,rgba(223,240,234,.18),transparent 30%),linear-gradient(160deg,#0b5b51 0%,var(--green) 48%,#168373 100%)}.startup-card{width:min(420px,100%);display:grid;gap:16px;padding:24px;border:1px solid rgba(214,224,215,.92);border-radius:28px;background:#fffffff0;box-shadow:var(--shadow)}.startup-card.loading-card{width:min(360px,100%);justify-items:center;gap:28px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none}.startup-card h1{font-size:30px}.loading-title{display:grid;gap:12px;text-align:center}.loading-title span:first-child{font-size:39px;line-height:1;font-weight:950}.loading-title span:last-child{color:#ffffffd1;font-size:18px;line-height:1.25;font-weight:850}.book-loader{position:relative;width:126px;height:92px;perspective:560px;filter:drop-shadow(0 18px 24px rgba(4,35,30,.28))}.book-base,.book-page{position:absolute;top:16px;width:61px;height:66px;border-radius:10px 8px 12px 10px}.book-base{left:2px;width:122px;background:#ffffff38;transform:rotateX(58deg);transform-origin:bottom center}.book-page{background:linear-gradient(90deg,#ffffffeb,#eaf8f0fa);box-shadow:inset 0 -1px #0f6b5f14}.book-page:after{content:"";position:absolute;top:12px;left:14px;right:13px;height:30px;border-top:2px solid rgba(15,107,95,.16);border-bottom:2px solid rgba(15,107,95,.12)}.page-left{left:2px;transform:rotateY(16deg) rotate(-2deg);transform-origin:right center}.page-right{right:2px;transform:rotateY(-16deg) rotate(2deg);transform-origin:left center}.page-flip{left:63px;z-index:2;transform-origin:left center;animation:bookFlip 1.7s ease-in-out infinite}@keyframes bookFlip{0%{transform:rotateY(0) rotate(1deg);opacity:0}12%{opacity:1}48%{transform:rotateY(-150deg) rotate(-2deg);opacity:1}70%,to{transform:rotateY(-180deg) rotate(-3deg);opacity:0}}.startup-card p,.share-panel p,.confirm-panel p{color:var(--muted);line-height:1.65}.app-badge{width:max-content;padding:7px 10px;border-radius:999px;background:var(--mint);color:var(--green);font-size:13px;font-weight:950}.startup-field,.phone-login,.share-panel,.confirm-panel{display:grid;gap:10px}.startup-field span{color:var(--muted);font-size:13px;font-weight:900}.startup-field input,.phone-login input{width:100%;min-height:50px;padding:0 13px;border:1px solid #d9e2dc;border-radius:16px;outline:none}.startup-field input:focus,.phone-login input:focus{border-color:var(--green);box-shadow:0 0 0 4px #0f6b5f1a}.startup-actions,.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-btn,.login-btn{min-height:50px;border:1px solid #d9e2dc;border-radius:17px;background:#fff;color:var(--ink);font-weight:950}.login-btn.wechat{color:#087b42}.login-btn.qq{color:#2468a8}.share-chip{background:#ffffff1a}@media(max-width:980px){body{position:fixed;inset:0;width:100%}.app-canvas{position:fixed;inset:0;width:100%;height:auto;display:block;padding:0;background:#f9fbf6}.app-frame{height:100%;min-height:0;max-height:none;border:0;border-radius:0;background:#f9fbf6;box-shadow:none}.desktop-rail{display:none}}@media(max-width:430px){.app-header{padding:calc(22px + var(--safe-top)) 15px 13px}h1{font-size:30px}.screen-body{padding:14px 12px 70px}.balance-summary strong{font-size:clamp(25px,8vw,37px)}.balance-overview,.hero-metrics,.bill-filter{gap:8px}.section-block{padding:14px}.ledger-row{grid-template-columns:38px minmax(0,1fr) auto 30px;gap:8px}.ledger-icon{width:38px;height:38px;border-radius:14px}.ledger-amount{max-width:96px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-tabs{left:0;right:0;bottom:calc(0px - var(--safe-bottom) - var(--tab-sink));grid-template-columns:1fr 94px 1fr;padding-inline:12px}}@supports (-webkit-touch-callout: none){html,body,#app{height:-webkit-fill-available}@media(max-width:980px){.app-canvas{min-height:-webkit-fill-available}}}@media(max-width:360px){.header-top{align-items:flex-start}.member-switch{flex-wrap:wrap}.sync-pill{width:100%}.hero-metrics{flex-direction:column}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}