:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17302d;--muted:#66736d;--paper:#f6f0df;--paper-strong:#fff9ec;--fern:#153a35;--fern-soft:#d8e6d5;--clay:#c7663f;--sun:#f3b852;--line:#17302d24;--shadow:0 24px 70px #14292529;--radius-xl:32px;--radius-lg:22px;--radius-md:16px;--font-display:"Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-body:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 8%,#f3b8526b,#0000 28rem),radial-gradient(circle at 88% 18%,#c7663f40,#0000 30rem),linear-gradient(145deg,#efe4c8 0%,#d7e2cf 46%,#f6f0df 100%);min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}code{color:var(--fern);background:#153a3514;border-radius:.45rem;padding:.12rem .32rem}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 42px}.hub-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:30px 0 46px}.hub-header{color:#fdf8e8;border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(135deg,#153a35f5,#1c5247e0),radial-gradient(circle at 88% 14%,#f3b852cc,#0000 12rem);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:18px;padding:32px;display:grid;position:relative;overflow:hidden}.hub-header h1{margin-bottom:12px}.hub-sync-card{justify-items:end;gap:10px;min-width:190px;display:grid}.hub-sync-card small{color:#fdf8e8b8}.hub-tabs{background:#fff9ecbd;border:1px solid #ffffff8f;border-radius:999px;flex-wrap:wrap;gap:10px;margin-bottom:22px;padding:8px;display:flex;box-shadow:0 16px 42px #1429251c}.hub-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 18px;font-weight:800}.hub-tabs button.is-active{color:#fff9ec;background:var(--fern)}.hub-home{gap:24px;display:grid}.hub-date-header{color:#fdf8e8;border-radius:var(--radius-xl);min-height:240px;box-shadow:var(--shadow);background:linear-gradient(135deg,#153a35f5,#1c5247db),radial-gradient(circle at 82% 16%,#f3b852c2,#0000 13rem),repeating-linear-gradient(120deg,#ffffff14 0 1px,#0000 1px 18px);padding:34px;position:relative;overflow:hidden}.hub-date-header:after{content:"";background:var(--sun);opacity:.82;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-104px;right:-64px}.hub-date-header>*{z-index:1;position:relative}.hub-date-header .eyebrow{color:#f7d58a}.hub-date-header p:last-child{color:#fdf8e8c7;max-width:620px;margin-bottom:0;line-height:1.7}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.hub-grid.four-card{grid-template-columns:repeat(4,minmax(0,1fr))}.module-card{border-radius:var(--radius-xl);min-height:310px;box-shadow:var(--shadow);background:#fff9ece0;border:1px solid #ffffff94;gap:18px;padding:24px;display:grid}.module-card-button{width:100%;color:var(--ink);text-align:left}.module-card-button:hover,.module-card-button:focus-visible{transform:translateY(-3px);box-shadow:0 30px 80px #14292533}.module-card p{color:var(--muted);line-height:1.7}.cloud-module-card{background:linear-gradient(160deg,#fff9ecf0,#d8e6d5e0),radial-gradient(circle at 100% 0,#f3b85252,#0000 11rem);align-content:start}.cloud-module-card.is-collapsed{min-height:230px}.cloud-card-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.cloud-card-head .round-button{flex:none}.cloud-card-form{gap:10px;display:grid}.cloud-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cloud-card-meta small{color:var(--muted)}.cloud-message{min-height:44px;color:var(--fern);border-radius:var(--radius-md);background:#153a3512;margin:0;padding:12px}.module-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.module-stats div{border-radius:var(--radius-md);background:#153a3512;padding:12px}.module-stats span{color:var(--ink);font-size:1.25rem;font-weight:900;display:block}.module-stats small{color:var(--muted)}.hub-overview{grid-template-columns:280px 1fr;gap:18px;padding:24px;display:grid}.overview-list{gap:10px;display:grid}.overview-list p{color:var(--muted);margin:0;line-height:1.7}.planner-shell.embedded{padding:0 0 40px}.planner-shell.embedded .planner-layout{grid-template-columns:1fr}.planner-shell.embedded .planner-panel{padding:28px}.module-screenbar{z-index:10;color:var(--fern);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9ecc7;border:1px solid #ffffff94;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex;position:sticky;top:10px;box-shadow:0 14px 38px #1429251f}.module-screenbar span{padding-right:12px;font-weight:900}.hero{color:#fdf8e8;border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(135deg,#153a35f5,#1c5247e6),repeating-linear-gradient(120deg,#ffffff14 0 1px,#0000 1px 18px);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:24px;padding:34px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:var(--sun);opacity:.86;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-92px;right:-70px}.hero>*{z-index:1;position:relative}.eyebrow,.section-kicker{color:var(--clay);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}.hero .eyebrow{color:#f7d58a}h1,h2,h3,p{margin-top:0}h1{max-width:780px;font-family:var(--font-display);letter-spacing:-.08em;margin-bottom:12px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.94}h2{letter-spacing:-.05em;margin-bottom:0;font-size:clamp(1.65rem,3vw,2.45rem)}h3{margin-bottom:14px;font-size:1.05rem}.hero-copy{color:#fdf8e8c7;max-width:560px;margin-bottom:0;line-height:1.7}.status-card{justify-items:end;gap:12px;min-width:176px;display:grid}.sync-badge{color:#fff9ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff3b;border-radius:999px;align-items:center;min-height:38px;padding:8px 14px;display:inline-flex}.sync-badge[data-state=synced]{background:#5f9d5d6b}.sync-badge[data-state=pending]{background:#f3b85257}.sync-badge[data-state=local]{background:#153a352e}.sync-badge[data-state=error]{background:#c7483f8a}.layout-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.panel{border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9ecdb;border:1px solid #ffffff8f}.planner-panel,.settings-panel{padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.panel-heading.compact{margin-bottom:18px}.date-switcher,.button-row,.toolbar{align-items:center;gap:10px;display:flex}.calendar-picker{color:#fff9ecc7;background:var(--fern);border-radius:18px;gap:4px;min-width:154px;padding:7px 12px}.calendar-picker span{letter-spacing:.08em;font-size:.68rem}.calendar-picker input{color:#fff9ec;background:0 0;border:0;border-radius:0;height:28px;padding:0}.calendar-picker input:focus{box-shadow:none}.round-button,.ghost-button,.secondary-button,.primary-button,.date-chip,.filter-button{border:0;border-radius:999px;min-height:42px;transition:transform .16s,box-shadow .16s,background .16s}.round-button:hover,.ghost-button:hover,.secondary-button:hover,.primary-button:hover,.date-chip:hover,.filter-button:hover{transform:translateY(-1px)}.round-button{width:42px;color:var(--fern);background:var(--fern-soft)}.date-chip{color:#fff9ec;background:var(--fern);padding:0 16px}.ghost-button{color:inherit;background:#ffffff29;border:1px solid #ffffff47;padding:0 16px}.settings-panel .ghost-button{color:var(--fern);border-color:var(--line);background:#153a350f}.primary-button,.secondary-button{padding:0 18px;font-weight:800}.primary-button{color:#fff9ec;background:var(--clay);box-shadow:0 12px 26px #c7663f40}.secondary-button,.filter-button.is-active{color:var(--fern);background:var(--fern-soft)}.filter-button{color:var(--muted);background:#153a350f;padding:0 15px}.task-form,.cloud-form,.auth-box{gap:14px;display:grid}label{color:var(--muted);gap:7px;font-size:.86rem;font-weight:800;display:grid}input,textarea,select{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb3;outline:0}input,select{height:48px;padding:0 14px}textarea{resize:vertical;min-height:78px;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:#c7663fb3;box-shadow:0 0 0 4px #c7663f1f}.form-row{grid-template-columns:minmax(160px,220px) auto;align-items:end;gap:12px;display:grid}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 14px;display:grid}.stats-grid div{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#153a3517,#f3b8521f);padding:16px}.stats-grid span{letter-spacing:-.05em;font-size:2rem;font-weight:900;display:block}.stats-grid small,.last-sync,.cloud-user,.sync-copy,.config-grid{color:var(--muted)}.toolbar{margin-bottom:14px}.task-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.task-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffa8;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:16px;animation:.28s both rise-in;display:grid}.task-card.is-done{opacity:.68}.task-card.is-done .task-title{text-decoration:line-through}.check-button{width:34px;height:34px;color:var(--fern);border:2px solid var(--fern);background:#fff9ec;border-radius:50%;place-items:center;display:grid}.task-card.is-done .check-button{color:#fff9ec;background:var(--fern)}.task-title{letter-spacing:-.02em;margin:0 0 7px;font-weight:900}.task-notes{color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.65}.task-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.78rem;display:flex}.date-pill{color:var(--fern);background:#153a3514;border-radius:999px;padding:3px 8px}.date-pill.is-overdue{color:#9b3d24;background:#c7663f29}.task-actions{gap:8px;display:flex}.icon-button{width:36px;height:36px;color:var(--fern);border:1px solid var(--line);background:#153a350f;border-radius:50%}.empty-state{color:var(--muted);text-align:center;border-radius:var(--radius-lg);border:1px dashed #153a3540;gap:6px;padding:28px;display:grid}.settings-panel{transition:padding .18s,transform .18s;position:sticky;top:18px}.settings-panel.is-collapsed{padding-bottom:18px}.sync-copy{border-radius:var(--radius-lg);background:#153a350f;margin-bottom:18px;padding:14px;line-height:1.7}.sync-summary{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;display:grid}.settings-panel.is-collapsed .sync-summary{margin-bottom:0}.sync-body{gap:14px;display:grid}.sync-body .sync-copy,.sync-body .auth-box,.sync-body .config-grid{margin-bottom:0}.config-grid{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff7a;gap:8px;margin-bottom:18px;padding:14px;font-size:.88rem;display:grid}.config-grid div{justify-content:space-between;align-items:center;gap:10px;display:flex}.config-grid strong{color:var(--ink)}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.auth-box{border:1px solid var(--line);border-radius:var(--radius-lg);margin:18px 0;padding:16px}.full-width{width:100%}.last-sync,.cloud-user{margin:10px 0 0;font-size:.88rem}.toast{z-index:20;color:#fff9ec;pointer-events:none;max-width:min(420px,100% - 32px);box-shadow:var(--shadow);opacity:0;background:#153a35f0;border-radius:16px;padding:13px 16px;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;right:22px;transform:translateY(14px)}.toast.is-visible{opacity:1;transform:translateY(0)}.finance-shell,.english-shell{gap:24px;display:grid}.finance-hero,.english-intro{grid-template-columns:1fr auto;align-items:center;gap:22px;padding:24px;display:grid}.finance-hero p,.english-intro p{color:var(--muted);line-height:1.7}.finance-summary{grid-template-columns:repeat(3,120px);gap:10px;display:grid}.finance-summary div{border-radius:var(--radius-md);background:#153a3512;padding:14px}.finance-summary span{font-size:1.2rem;font-weight:900;display:block}.finance-summary small{color:var(--muted)}.finance-layout{grid-template-columns:minmax(460px,.95fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.finance-form,.finance-table-card{padding:22px}.finance-form{gap:16px;display:grid}.finance-form h3{font-size:clamp(1.35rem,2.4vw,2rem)}.finance-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-form textarea{min-height:104px}.inline-check{grid-template-columns:none;align-items:center;gap:10px;display:flex}.inline-check input{width:18px;height:18px}.finance-table-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.finance-table-header p{color:var(--muted);margin-bottom:0}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:940px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}th{color:var(--muted);font-size:.82rem}.amount-expense{color:#b5472d;font-weight:900}.amount-income{color:#1d7f58;font-weight:900}.english-maintenance{min-width:280px;color:var(--muted);border-radius:var(--radius-lg);background:#153a3512;gap:8px;padding:16px;display:grid}.english-maintenance strong{color:var(--ink)}.english-frame-card{padding:0;overflow:hidden}.english-frame{background:#fff;border:0;width:100%;height:calc(100vh - 166px);min-height:760px;display:block}@media (max-width:1180px){.hub-grid.four-card{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-layout{grid-template-columns:1fr}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:920px){.hero,.hub-date-header,.layout-grid,.hub-header,.hub-grid,.hub-overview,.finance-hero,.english-intro,.finance-layout{grid-template-columns:1fr}.status-card,.hub-sync-card{justify-items:start}.settings-panel{position:static}.finance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.english-frame{min-height:72vh}}@media (max-width:640px){.app-shell,.hub-shell{width:min(100% - 20px,1180px);padding-top:10px}.hero,.hub-date-header,.hub-header,.planner-panel,.settings-panel,.module-card,.finance-hero,.finance-form,.finance-table-card,.english-intro{border-radius:24px;padding:18px}.panel-heading,.form-row,.finance-form .form-row,.task-card,.finance-table-header{grid-template-columns:1fr}.panel-heading{align-items:start}.stats-grid,.module-stats,.finance-summary{grid-template-columns:1fr}.date-switcher,.toolbar,.button-row{flex-wrap:wrap}.calendar-picker{width:100%}.task-actions{justify-content:flex-start}.english-frame{height:calc(100vh - 120px);min-height:70vh}}