/* 8090123 · 成长刻度 · approved C palette */
:root{--brand:#0b4ed7;--brand-hover:#083baa;--brand-soft:#eef3ff;--accent:#d9f000;--paper:#f6f8fc;--white:#ffffff;--ink:#17243a;--muted:#53627a;--line:#cbd5e5;--yellow:var(--accent);--red:var(--brand);--focus:#0b4ed7}
body{background:var(--white)}
.header{border-bottom:1px solid var(--line)}
.brand{color:var(--brand);gap:12px}
.brand span{border-color:var(--line);color:var(--muted);padding-left:18px;margin-left:6px}
.brand-logo{width:54px;height:54px;object-fit:contain;flex-shrink:0}
.header nav a:hover,.back,.text-button,.card-downloads a{color:var(--brand)}
.header nav a:hover{background:var(--brand-soft);border-radius:6px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--focus)}
.hero{background:var(--white)}
.hero .eyebrow{color:var(--brand)}
.highlight{color:var(--brand)}
.highlight:after{height:13px;bottom:4px}
.grade-grid{border:0;gap:12px}
.grade{border:1.5px solid var(--brand);border-radius:12px;color:var(--brand);background:var(--white)}
.grade:hover{background:var(--brand-soft)}
.grade.selected{background:var(--accent);color:var(--ink);border-color:var(--brand)}
.grade-bottom>span{border-color:var(--line);background:var(--paper);color:var(--muted)}
.grade.selected .grade-bottom>span{background:var(--white)}
.other-grades button{border-radius:6px;color:var(--muted);background:var(--white)}
.other-grades button:hover{border-color:var(--brand);color:var(--brand)}
.other-grades button.selected{background:var(--brand);color:var(--white);border-color:var(--brand)}
.principles{border-color:var(--line);background:var(--paper)}
.principles p:first-child{padding-left:20px}
.principles b{color:var(--brand)}
#resource-count{color:var(--ink);border-radius:4px}
.filter-row{border-top:1px solid var(--line)}
.subjects button{border-radius:6px}
.subjects button:hover{color:var(--brand);background:var(--brand-soft)}
.subjects button.selected{background:var(--brand);color:var(--white)}
.search{border-radius:8px;background:var(--paper)}
.search:focus-within{border-color:var(--brand)}
.empty{background:var(--paper);border:1px solid var(--line);border-radius:12px}
.empty-mark{color:var(--brand)}
.shelf-status{border-color:var(--line)}
.solid,.outline{border-color:var(--brand);border-radius:8px}
.solid{background:var(--brand);color:var(--white)}
.solid:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.outline{color:var(--brand);background:var(--white)}
.outline:hover{background:var(--brand-soft)}
.resource-list{gap:16px}
.resource-card{border-radius:10px}
.resource-card h3 a:hover{color:var(--brand)}
.resource-meta span:first-child{color:var(--ink);border-radius:4px}
.planner-teaser{background:var(--brand);color:var(--white);border:0;border-radius:16px}
.planner-teaser .eyebrow{color:var(--accent)}
.planner-teaser .solid{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.planner-teaser .solid:hover{background:#e6f777;border-color:#e6f777}
.plan-paper{color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:8px 8px 0 #083baa}
.paper-top{border-color:var(--brand);color:var(--brand)}
.about-strip .eyebrow{color:var(--brand)}
footer{border-top:1px solid var(--line)}
.footer-links a:hover{color:var(--brand)}
#plan-form label{border-top-color:var(--brand)}
textarea{border-radius:8px}
.article h2{color:var(--brand)}
@media(max-width:650px){.brand{font-size:25px;gap:6px}.brand-logo{width:40px;height:40px}.header nav{gap:10px}.grade-grid{gap:10px}.principles p:first-child{padding-left:10px}.header{padding:16px 20px}.highlight:after{height:10px}}
@media print{body{background:white}.plan-heading h1,.print-only h2{color:#17243a}.print-only section{border-top-color:#17243a}}