:root{--navy:#003057;--ink:#14213d;--coral:#f47b55;--paper:#f6f6f0;--line:#dce3e4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 "Microsoft YaHei",system-ui,sans-serif}a{color:var(--navy);text-underline-offset:5px}header{background:white;border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header .brand{font-size:26px;font-weight:800;text-decoration:none;white-space:nowrap}.brand span{font-size:18px;font-weight:500}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none}main{max-width:1240px;margin:auto;padding:0 28px 64px}.hero{padding:64px 0 36px;max-width:1000px}h1{font-size:clamp(34px,5vw,60px);line-height:1.25;margin:12px 0 24px;letter-spacing:-1px}h2{font-size:28px;line-height:1.4}h3{font-size:22px;margin:8px 0 12px}.eyebrow{font-size:18px;color:#496372;letter-spacing:1px}.hero>p{max-width:880px}section{margin-bottom:40px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:20px 0}.primary,.secondary{display:inline-block;padding:11px 20px;border-radius:6px;text-decoration:none}.primary{background:var(--navy);color:white}.secondary{background:#e3edef;color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.subject-card,.card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;min-width:0}.subject-card p,.card p{margin:10px 0}.subject-card .actions{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:white;border-radius:10px;padding:22px;gap:20px}.stats b{display:block;font-size:32px;color:var(--navy)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px}.band{background:#e7eeee;border-radius:10px;padding:30px;margin-top:36px}.note{border-left:5px solid var(--coral);padding:18px 24px;background:white;margin-top:30px}.note h2{margin-top:0}details{border-top:1px solid var(--line);padding-top:16px;margin:16px 0}summary{cursor:pointer;font-weight:600;color:var(--navy)}.example{border-left:4px solid var(--coral);padding-left:16px}.search{display:grid;gap:8px;max-width:480px;margin:0 0 24px}input,button{font:inherit}input[type=search]{border:1px solid #8fa0aa;border-radius:6px;padding:12px;background:white;min-width:0}button{cursor:pointer}input[type=checkbox]{width:22px;height:22px;vertical-align:middle;margin-right:10px}.steps{display:grid;gap:16px}.steps .card{position:relative}.progress label{display:flex;align-items:center;flex-wrap:wrap;gap:12px}progress{accent-color:var(--navy);max-width:100%}.table-wrap{overflow:auto;background:white;border-radius:10px}table{border-collapse:collapse;min-width:650px;width:100%;text-align:left}th,td{padding:16px;border-bottom:1px solid var(--line)}.quiz-card{margin:20px 0}.quiz-options{display:grid;gap:10px}.quiz-options button{background:white;border:1px solid #9cabb2;border-radius:6px;text-align:left;color:var(--ink);padding:12px 16px}.quiz-options button:hover:not(:disabled){background:#edf3f4}.quiz-options button:disabled{opacity:1;cursor:default}.quiz-options button.correct{background:#e4f0e8;border-color:#38654b}.quiz-options button.wrong{background:#fff0e8;border-color:#9f5136}.feedback{padding:15px;background:#eef3f4;border-radius:6px;margin-top:14px}footer{padding:30px 24px;text-align:center;background:var(--navy);color:white}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}[hidden]{display:none!important}.empty{padding:30px;border:1px dashed #a6b4ba;background:white;border-radius:8px}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}nav{gap:12px 20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){main{padding:0 18px 40px}header{padding:18px}.hero{padding-top:36px}h1{font-size:36px;letter-spacing:0}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:14px}.subject-card,.card{padding:20px}.section-head{display:block}.band{padding:22px}.actions{gap:14px}.note{padding:16px 18px}nav a{font-size:18px}}@media print{header,footer,.quiz-options{display:none}.grid{display:block}.card{break-inside:avoid;margin-bottom:12px}body{background:white}}

header .brand{display:flex;align-items:center;gap:12px}header .brand img{display:block;width:120px;height:40px;object-fit:contain}