/* 家合：chosen warm paper direction. Functional content always remains HTML. */
:root{--ink:#352c26;--muted:#766452;--accent:#345b73;--light:#e7eceb;--paper:#f8efdf;--line:#e4d5bd;--peach:#f3dfac;--danger:#9b4733}
body{background-color:var(--paper);background-image:radial-gradient(#b6986b13 .7px,transparent .7px);background-size:5px 5px;color:var(--ink)}
.prototype{background:#e9dfcd;color:#665641}.brandmark{background:#345b73}.primary{background:#345b73;color:#fff}.secondary{background:#f5ead8;color:#594734;border-color:#decdb3}.text-button{color:#345b73}.panel,.bill{background:#fffdf6db;border-color:#e5d7c3;box-shadow:0 4px 16px #72532b08}.bill-symbol{background:#f3e4c4;color:#8e6338}.bill-symbol.subscription{background:#e4eced;color:#345b73}.chip{background:#eee2ce;color:#66543d}.chip.active{background:#345b73}.ownership b{background:#f2e8d7;color:#655138}.stats-hero{background:#f1e0b7}.stats-basis{color:#345b73}.stats-page .panel{background:#fffdf5d9;border-color:#e5d7c3}.stats-track{background:#ede4d4}.stats-chart text{fill:#66543d}.scope-tabs{display:flex;gap:5px;padding:4px;border-radius:16px;background:#e9dfce;max-width:350px;margin:0 0 8px}.scope-tabs button{flex:1;min-height:44px;border-radius:12px;background:transparent;color:#645340;font-size:14px}.scope-tabs button.active{background:#fffdf4;color:#294e63;box-shadow:0 2px 5px #6b4e2410;font-weight:650}.scope-note{font-size:12px;color:#75624d;margin:0 0 20px}.visibility-note{padding:12px;border-radius:12px;background:#eee6d7;color:#594d3f}.jiahe-welcome{position:relative;isolation:isolate;background:#faefd9 url('assets/jiahe-home.png') center right/cover no-repeat;min-height:310px;border-radius:28px 28px 10px 10px;margin-bottom:-22px;padding:25px 24px 42px;overflow:hidden}.jiahe-welcome:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf0dded 0%,#faf0ddba 35%,#faf0dd00 76%)}.jiahe-wordmark{display:flex;gap:9px;align-items:center;color:#2d536b;font:700 32px/1.2 'Songti SC','STSong',serif;letter-spacing:3px}.jiahe-wordmark svg{width:38px;height:38px}.jiahe-wordmark small{display:block;font:12px/1.8 -apple-system,'PingFang SC',sans-serif;letter-spacing:2px;margin-top:5px}.welcome-copy{margin-top:55px;max-width:62%}.welcome-copy h1{font:650 26px/1.4 'Songti SC','STSong',serif;margin:0;text-wrap:balance}.welcome-copy p{font-size:13px;color:#66503b;overflow-wrap:anywhere}.paper-card{position:relative;background:#fffdf5e8;border:1px solid #fffdf7;border-radius:24px 20px 26px 19px;padding:22px;margin-bottom:18px;box-shadow:0 6px 20px #79572d0b}.paper-card h2,.home-next h2{font-family:'Songti SC','STSong',serif;font-size:21px}.paper-card .section-head{margin:0 0 10px;gap:8px;flex-wrap:wrap}.paper-card select{background:#f6efdf;border-color:#e5d6be;max-width:100%;min-height:44px}.home-money>.sub{font-size:12px}.home-cash{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.home-cash>div{min-width:0}.home-cash span{display:block;font-size:13px;color:#716048;margin-bottom:3px}.home-cash strong{display:block;font-size:clamp(20px,3vw,30px);letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.4}.home-cash .home-balance{grid-column:1/-1;background:#f9e8ac;border-radius:13px 23px 15px 19px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.home-balance strong{color:#415a33;font-size:30px}.home-pending{font-size:12px;display:flex;gap:6px 10px;flex-wrap:wrap;color:#75634e}.home-pending b{color:#805636}.home-pending span{margin-left:auto}.home-breakdown{display:flex;gap:22px;align-items:center}.home-donut{border-radius:50%;width:134px;height:134px;flex:0 0 134px;padding:21px}.home-donut>div{background:#fffaf0;border-radius:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-donut span{font-size:11px;color:#766149}.home-donut b{font-size:13px;max-width:90px;overflow-wrap:anywhere;text-align:center}.home-breakdown ul{list-style:none;margin:0;padding:0;flex:1;min-width:0}.home-breakdown li{display:grid;grid-template-columns:8px 1fr auto;gap:4px 7px;align-items:center;margin:10px 0;font-size:13px}.home-breakdown li i{height:8px;width:8px;border-radius:50%}.home-breakdown li strong{grid-column:2/-1;font-size:13px;color:#75624a;font-weight:500}.home-breakdown li b{font-size:12px;font-weight:500}.home-empty{color:#79664e;font-size:14px;padding:20px 0}.home-next{margin-top:24px}.home-next>.section-head{flex-wrap:wrap}.home-add{display:flex;justify-content:center;gap:10px;margin:28px 0 12px}.home-add .primary{background:#f4cf65;color:#503d20;border-radius:19px 25px 17px 23px;box-shadow:0 5px 0 #d5b25b3d;font-size:19px;padding:15px 23px}.home-add .secondary{border-radius:19px}.mobile-nav{background:#fff8ebeF;border-color:#dfcfb5;backdrop-filter:blur(12px)}.mobile-nav button.active{background:#e7e9df;color:#2d536b}
@media(min-width:800px){#app[data-view=home]{max-width:920px}.jiahe-welcome{min-height:340px}.welcome-copy{max-width:48%}.home-cash{grid-template-columns:1fr 1fr 1.2fr}.home-cash .home-balance{grid-column:auto;display:block}.home-cash strong{font-size:28px}}
@media(max-width:600px){main{padding:20px 18px 110px}.jiahe-welcome{margin-left:-6px;margin-right:-6px;min-height:270px;padding:23px 18px 38px;background-position:65% center}.welcome-copy{margin-top:40px;max-width:65%}.welcome-copy h1{font-size:23px}.jiahe-wordmark{font-size:30px}.paper-card{padding:18px 16px}.home-cash strong{font-size:23px}.home-balance strong{font-size:27px}.home-breakdown{gap:16px}.home-donut{width:116px;height:116px;flex-basis:116px;padding:17px}.home-breakdown li{font-size:12px}.scope-note{margin-bottom:15px}.home-add .primary{font-size:17px;padding:13px 18px}}
@media(max-width:350px){main{padding-left:12px;padding-right:12px}.home-cash strong{font-size:20px}.home-balance strong{font-size:25px}.home-donut{width:100px;height:100px;flex-basis:100px;padding:15px}.home-donut b{font-size:11px;max-width:65px}.home-breakdown{gap:11px}.welcome-copy{max-width:70%}.welcome-copy h1{font-size:21px}.home-cash .home-balance{padding:12px}.home-add{gap:6px}}
