/* 首页：两张需要预览的主卡，四张轻量入口。 */
#home-page .workspace-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#home-page .workspace-card{min-height:0;padding:20px 21px 17px;border-radius:19px;background:linear-gradient(145deg,#fff 72%,var(--card-tint));box-shadow:0 7px 24px #1b345b0a}
#home-page #open-study,#home-page #open-planner{grid-column:span 2;min-height:248px}
#home-page #open-money,#home-page #home-open-growth,#home-page #open-quick-notes,#home-page #open-countdowns{grid-column:span 1;min-height:202px}
#home-page #open-quick-notes{--card-accent:#a76a3e;--card-tint:#fff7ee;--card-icon:#fff0dd;--card-line:#eadccb}
#home-page #open-countdowns{--card-accent:#447d98;--card-tint:#edf8fb;--card-icon:#def0f5;--card-line:#d3e8ef}
#home-page .workspace-card .workspace-icon{flex-basis:42px;width:42px;height:42px;border-radius:13px}
#home-page .workspace-card .workspace-icon svg{width:22px;height:22px}
#home-page .home-card-top{min-height:42px;gap:10px}
#home-page .home-card-title{font-size:19px}
#home-page .home-count{font-size:12px;padding:4px 6px}
#home-page .home-card-meta{margin:7px 0 0 52px}
#home-page .home-preview-list{margin-top:13px}
#home-page .card-arrow{padding-top:11px;font-size:13px}
#home-page .home-small-summary{margin:16px 0 10px;color:#596a7f;font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#home-page .home-countdown-preview{display:grid;align-content:start;gap:1px;margin:12px 0 7px;color:#3f5c72}
#home-page .home-countdown-preview span{font-size:14px;font-weight:700}
#home-page .home-countdown-preview strong{font-size:32px;letter-spacing:-.06em;line-height:1.1;color:#244f67}
#home-page .home-countdown-preview small{font-size:12px;color:#738399}
#home-page .home-habit-grid{grid-template-columns:1fr;margin:12px 0 6px;gap:6px}
#home-page .home-weekly-goal{padding:6px 8px}
#home-page .home-weekly-goal:last-child{grid-column:auto}
#home-page .home-weekly-goal-line{font-size:12px}
#home-page .home-weekly-goal-track{margin-top:5px}
#home-page #home-open-growth .home-empty{padding:4px 0}

.quick-tool-layout{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:18px;margin-top:18px;align-items:start}
.quick-tool-editor h2,.quick-tool-list-head h2{margin:0;font-size:21px;color:#233554}
.quick-tool-hint{margin:9px 0 20px;color:#62748a;line-height:1.55;font-size:14px}
.quick-tool-editor form{display:grid;gap:9px;margin-top:18px}
.quick-tool-editor .form-label{margin:5px 0 0}
#quick-note-body{min-height:210px;resize:vertical;line-height:1.65;font-size:16px}
.quick-tool-form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}
.quick-tool-form-actions button{min-height:42px}
.quick-tool-form-actions [hidden]{display:none}
.quick-tool-message{min-height:20px;margin:0;color:#9b4c36;font-size:13px}
.quick-tool-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.quick-note-list,.countdown-list{display:grid;gap:10px}
.quick-tool-empty{margin:0;padding:24px 5px;color:#6c7d91;font-size:14px;line-height:1.6}
.quick-note-item,.countdown-item{padding:16px;border:1px solid #e2e9f1;border-radius:14px;background:#fff}
.quick-note-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.quick-note-item h3,.countdown-item h3{margin:0;color:#263b57;font-size:16px;overflow-wrap:anywhere}
.quick-note-item time,.countdown-item time{flex-shrink:0;color:#8190a2;font-size:12px}
.quick-note-item p{margin:10px 0 13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#40516a;line-height:1.65;font-size:15px}
.quick-tool-item-actions{display:flex;justify-content:flex-end;gap:8px}
.quick-tool-item-actions button{border:1px solid #d9e4ef;border-radius:8px;background:#f9fbfd;color:#42618b;padding:6px 11px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.quick-tool-item-actions button:hover{background:#eef5fb}
.quick-tool-item-actions button:last-child{color:#a14f4a}
.countdown-feature{background:linear-gradient(115deg,#f2f8fc,#fff 70%);border-color:#dceaf3}
.countdown-feature-kicker{color:#5883a2;font-size:12px;font-weight:800;letter-spacing:.09em}
.break-countdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.break-countdown-card{padding:20px;border:1px solid #dce8ef;background:#ffffffb8;border-radius:16px;min-width:0}
.break-countdown-card.on-break{background:#eff8f2;border-color:#cde5d6}
.break-countdown-icon{display:block;font-size:25px;margin-bottom:12px}
.break-countdown-card h2{font-size:17px;margin:0 0 12px;color:#29465d}
.break-countdown-number{display:block;font-size:26px;letter-spacing:-.03em;color:#244e66}
.break-countdown-card p{font-size:12px;color:#718493;margin:7px 0 19px}
.break-countdown-track{height:6px;border-radius:8px;background:#e5edf3;overflow:hidden;margin-bottom:13px}
.break-countdown-track span{height:100%;display:block;border-radius:inherit;background:#719bac}
.on-break .break-countdown-track span{background:#70a98b}
.break-countdown-card small{font-size:12px;color:#6b8495}
@media(max-width:700px){.break-countdown-grid{grid-template-columns:1fr}.break-countdown-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px 12px;padding:16px}.break-countdown-icon{grid-column:1;grid-row:1/4;margin:0}.break-countdown-card h2,.break-countdown-number,.break-countdown-card p,.break-countdown-track,.break-countdown-card small{grid-column:2;margin:0}.break-countdown-number{font-size:24px}.break-countdown-track{margin:8px 0;height:6px}}
.countdown-feature-main{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:8px}
.countdown-feature-main h2{margin:0;color:#1e3e5a;font-size:25px}
.countdown-feature-main p{margin:5px 0 0;color:#667e93;font-size:14px}
.countdown-feature-main strong{color:#276281;font-size:30px;white-space:nowrap;letter-spacing:-.04em}
.countdown-feature-next{margin:14px 0 0;padding-top:12px;border-top:1px solid #dbe9f2;color:#52708a;font-size:14px}
.countdown-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center}
.countdown-item h3{margin-bottom:4px}
.countdown-item strong{font-size:17px;color:#335c77;white-space:nowrap}
.countdown-item .quick-tool-item-actions{grid-column:1/-1}
@media(max-width:920px){#home-page .workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#home-page #open-study,#home-page #open-planner,#home-page #open-money,#home-page #home-open-growth,#home-page #open-quick-notes,#home-page #open-countdowns{grid-column:span 1}#home-page #open-study,#home-page #open-planner{min-height:240px}}
@media(max-width:650px){#home-page #open-study,#home-page #open-planner{grid-column:span 2;min-height:0}#home-page #open-money,#home-page #home-open-growth,#home-page #open-quick-notes,#home-page #open-countdowns{min-height:190px;padding:16px}#home-page .home-small-card .home-card-top,#home-page #home-open-growth .home-card-top{flex-wrap:wrap}#home-page .home-small-card .home-card-title,#home-page #home-open-growth .home-card-title{font-size:17px}.quick-tool-layout{grid-template-columns:1fr}.countdown-feature-main strong{font-size:25px}}
@media(max-width:420px){#home-page .workspace-grid{gap:10px}#home-page #open-money,#home-page #home-open-growth,#home-page #open-quick-notes,#home-page #open-countdowns{min-height:180px;padding:14px}#home-page .home-countdown-preview strong{font-size:27px}#home-page .home-weekly-goal-line{font-size:11px}}
