/* 會考自學網站：共用左側選單與科目頁樣式（同步時放進每一頁的 <head>） */
  #sitenav{position:fixed;left:0;top:0;bottom:0;width:212px;background:#0f172a;color:#e2e8f0;z-index:50;display:flex;flex-direction:column;padding:16px 10px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;font-family:-apple-system,"PingFang TC","Noto Sans TC",sans-serif;transition:transform .25s}
  #sitenav .brand{font-weight:800;font-size:17px;padding:4px 10px 14px;color:#fff;text-decoration:none;display:block}
  #sitenav a.it{display:flex;align-items:center;gap:10px;color:#cbd5e1;text-decoration:none;border-radius:12px;padding:11px 12px;font-size:17px;font-weight:650;min-height:46px}
  #sitenav a.it:hover{background:#1e293b}
  #sitenav a.it.on{background:#2563eb;color:#fff}
  #sitenav a.it small{margin-left:auto;font-size:12px;opacity:.75;font-weight:500}
  #sitenav .sep{height:1px;background:#1e293b;margin:8px 6px}
  #navbtn{display:none;position:fixed;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;border:0;border-radius:999px;background:#0f172a;color:#fff;font:700 16px -apple-system,"PingFang TC",sans-serif;padding:12px 18px;box-shadow:0 8px 24px rgba(15,23,42,.35)}
  #navshade{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:45}
  @media (min-width:900px){ body{padding-left:212px} }
  @media (max-width:899px){ #sitenav{transform:translateX(-105%);box-shadow:8px 0 30px rgba(0,0,0,.3)} body.navopen #sitenav{transform:none} body.navopen #navshade{display:block} #navbtn{display:block} }
  @media print{ #sitenav,#navbtn,#navshade{display:none} body{padding-left:0} }
  .sitepage{width:min(820px,100%);margin:0 auto;padding:16px 16px 90px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;color:#172033;line-height:1.6}
  .sitepage .hero{border-radius:22px;padding:22px;color:#fff;background:linear-gradient(135deg,#0f766e,#1d4ed8 55%,#9d174d);box-shadow:0 12px 32px rgba(15,23,42,.09)}
  .sitepage .hero h1{margin:0 0 6px;font-size:clamp(24px,6vw,34px)} .sitepage .hero p{margin:0;opacity:.92}
  .sitepage .card{background:#fff;border:1px solid #dbe3ef;border-radius:20px;padding:18px;margin-top:16px;box-shadow:0 12px 32px rgba(15,23,42,.07)}
  .sitepage .card h2{margin:0 0 4px;font-size:20px} .sitepage .muted{color:#64748b}
  .sitepage .row{display:flex;align-items:center;gap:10px;text-decoration:none;color:#172033;border:2px solid #e2e8f0;border-radius:14px;padding:10px 14px;margin-top:8px;min-height:52px}
  .sitepage .row:hover{border-color:#93c5fd}
  .sitepage .row b{flex:1} .sitepage .row .tag{font-size:13px;color:#64748b;white-space:nowrap}
  .sitepage .row.done{border-color:#86efac;background:#f0fdf4} .sitepage .row.done .tag{color:#15803d;font-weight:800}
  .sitepage .row.quiz{background:#eef2ff;border-color:#c7d2fe}
  .sitepage .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
  .sitepage .subj{display:block;text-decoration:none;color:#172033;background:#fff;border:1px solid #dbe3ef;border-radius:20px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.07)}
  .sitepage .subj .ic{font-size:34px} .sitepage .subj b{display:block;font-size:20px;margin-top:4px}
  
  .sitepage .resetall{border:0;border-radius:14px;min-height:48px;padding:10px 18px;font:700 16px -apple-system,"PingFang TC",sans-serif;background:#fee2e2;color:#b91c1c;cursor:pointer}