:root{--bg:#f6f5ef;--surface:#fffefa;--surface2:#eeeee4;--fg:#263d36;--muted:#677a70;--line:#e0e5d9;--accent:#376d57;--accent-soft:#e3eddf;--shadow:0 4px 24px #304a3610;--font-body:system-ui,"Microsoft JhengHei",sans-serif}
body{font-size:var(--reader-size,16px);background:var(--bg)}
.app{max-width:1440px;gap:38px}.main{padding-top:32px}.top{margin-bottom:26px}h1{font-size:32px;letter-spacing:-.04em}.eyebrow{margin-bottom:8px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-actions .btn{font-size:13px}.brand .mark{background:var(--accent);border-radius:16px 16px 6px 16px}.brand b{letter-spacing:.03em}.nav{z-index:20}.nv{min-height:52px}.ic{stroke-width:1.65}.card{border-radius:24px;padding:24px;box-shadow:var(--shadow)}.grid{gap:18px}.card h2,.sec{letter-spacing:.04em;font-size:14px}.btn{border-radius:14px}.banner{border:1px solid #eadbb7;background:#fbf4e3;color:#705b30;border-radius:14px;font-size:13px}.welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#e8edde;border:1px solid #dce4d1;border-radius:28px;padding:32px;margin-bottom:22px;overflow:hidden;color:#263d36}.welcome h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:10px 0;letter-spacing:-.04em}.welcome p{font-size:15px;color:#60715e;margin-bottom:22px}.welcome img{width:100%;height:auto}.kicker{font-size:12px;letter-spacing:.09em;color:#54734c}.acc{border-radius:18px}.acc-h{min-height:64px}.acc-p{max-width:75ch}.acc-b{overflow:hidden}.panel{animation:rise .23s ease}.card:hover{border-color:#bdcdbb}.field input,.field textarea,.field select,select{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px;max-width:100%}a.btn{text-decoration:none}.close{float:right}dialog{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:24px;padding:28px;width:min(850px,calc(100% - 24px));max-height:88dvh}dialog::backdrop{background:#142e2866;backdrop-filter:blur(4px)}dialog h2{margin:8px 0 12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}.settings-grid h3{margin-bottom:14px}.settings-grid .field{margin:14px 0}.settings-grid .btn{margin:6px 0}.settings-grid label{line-height:2}.settings-grid input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.settings-grid ul{margin:12px 0}.pinyin{display:block;font-size:11px;font-weight:400;letter-spacing:.02em}.high-contrast{--muted:#2f4038;--line:#687d70;--fg:#14271d;--bg:#fff;--surface:#fff;--accent:#16472c}.spacious button,.spacious .btn{min-height:54px}.spacious{line-height:1.95}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-cloud-role=caregiver] #p-due input,body[data-cloud-role=family] #p-due input,body[data-cloud-role=caregiver] #p-pay input,body[data-cloud-role=family] #p-pay input{pointer-events:none;opacity:.65}body[data-cloud-role=caregiver] [data-t=pay]{display:none}
@media(min-width:760px){.nav .nv{flex:0 0 auto}}
@media(min-width:1100px){.nav{height:100dvh;padding:36px 18px;border-right:1px solid var(--line)}.brand{margin-bottom:40px}.app{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:759px){.main{padding-top:20px}.top{gap:16px}h1{font-size:27px}.welcome{padding:24px;grid-template-columns:1fr}.welcome img{max-width:280px;justify-self:center}.welcome h2{font-size:29px}.welcome p{margin-bottom:16px}.card{padding:20px}.settings-grid{grid-template-columns:1fr}dialog{padding:20px}.nav{box-shadow:0 -4px 24px #304a360d}.nv{font-size:11px}.header-actions .who{display:none}.header-actions .btn{min-height:40px;padding:0 12px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.high-contrast){--bg:#17231e;--surface:#203129;--surface2:#2b3d32;--fg:#eef3e8;--muted:#b6c6b6;--line:#425647;--accent:#9ac8a7;--accent-soft:#344b39}.welcome .btn{background:#376d57;color:white}}
@media(max-width:759px){.welcome img{max-width:220px}.welcome{padding:22px}.welcome h2{font-size:27px}}
.btn[aria-disabled="true"]{opacity:.6;cursor:not-allowed;pointer-events:none}