:root{--primary:#022448;--teal:#006a60;--bg:#f7f8fb;--text:#1f2937;--muted:#667085;--line:#d7dbe5;--amber:#fffbeb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:900;color:var(--primary);text-decoration:none}.topbar nav{display:flex;gap:.8rem;flex-wrap:wrap}.topbar nav a{color:#475467;text-decoration:none;font-weight:700;padding:.45rem .7rem;border-radius:999px}.topbar nav a.active,.topbar nav a:hover{background:#e6f4f1;color:var(--teal)}.layout{max-width:1180px;margin:0 auto;padding:2.5rem 1.25rem}.content{background:white;border:1px solid #e6e8ef;border-radius:28px;padding:2rem;box-shadow:0 18px 50px rgba(15,23,42,.06)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--teal);font-weight:900;font-size:.78rem}h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.08;color:var(--primary);margin:.3rem 0 1rem}h2{color:var(--primary);margin-top:2.4rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}h3{color:var(--primary)}.subtitle{font-size:1.15rem;color:var(--muted);line-height:1.8}.study-banner,.callout{border-radius:18px;padding:1rem 1.2rem;margin:1.2rem 0;line-height:1.8}.study-banner{background:#ecfdf7;border:1px solid #b8eadb;color:#064e45}.callout{background:var(--amber);border-left:6px solid #b45309;color:#78350f}.hero{background:linear-gradient(135deg,#022448,#006a60);color:white;border-radius:24px;padding:2rem;margin:1rem 0}.hero h2{color:white;border:0;margin-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.stats div{background:#f3f7f8;border-radius:18px;padding:1.2rem;text-align:center}.stats b{display:block;font-size:2rem;color:var(--teal)}.stats span{color:var(--muted);font-weight:700}.category-nav{display:flex;flex-wrap:wrap;gap:.7rem}.category-nav a,.concept{background:#eef6ff;color:#184e77;border-radius:999px;padding:.45rem .75rem;text-decoration:none;font-weight:800}.category-nav span{color:var(--muted);margin-left:.35rem}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.2rem 0 1.8rem}.quick-card{display:block;border:1px solid #c7e8dd;background:linear-gradient(180deg,#f0fdf9,#ffffff);border-radius:20px;padding:1rem 1.1rem;text-decoration:none;color:var(--text);box-shadow:0 8px 22px rgba(0,106,96,.08)}.quick-card b{display:block;color:var(--teal);font-size:1.08rem;margin-bottom:.35rem}.quick-card span{display:block;color:var(--muted);line-height:1.55}.quick-card:hover{border-color:var(--teal);transform:translateY(-1px)}.toolbar{margin:1.5rem 0}.toolbar input{width:100%;font-size:1.1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:16px}.law-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.law-card{border:1px solid #e3e7ef;background:#fff;border-radius:18px;padding:1.1rem;box-shadow:0 6px 18px rgba(15,23,42,.04)}.law-card h3{margin:.5rem 0}.law-card a{color:var(--primary);text-decoration:none}.law-card a:hover{text-decoration:underline}.pill{display:inline-block;background:#ecfdf7;color:#006a60;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:900}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0}.meta-grid div{border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fafafa}.concepts{display:flex;flex-wrap:wrap;gap:.6rem}.table-wrap{overflow:auto;margin:1.5rem 0}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{border:1px solid var(--line);padding:.75rem;text-align:left;vertical-align:top}th{background:#f3f4f6;color:#111827}blockquote{border-left:5px solid var(--teal);padding:.8rem 1rem;background:#eefaf7;border-radius:0 12px 12px 0}.term{position:relative;color:#005a52;font-weight:900;text-decoration:underline dotted 2px;text-underline-offset:4px;cursor:help}.term::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + .55rem);width:min(26rem,82vw);padding:.85rem 1rem;border-radius:14px;background:#022448;color:white;font-size:.92rem;line-height:1.7;font-weight:500;box-shadow:0 18px 38px rgba(2,36,72,.25);opacity:0;pointer-events:none;transform:translateY(.25rem);transition:.16s;z-index:99}.term:hover::after,.term:focus::after,.term.is-open::after{opacity:1;transform:translateY(0)}.glossary{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:.8rem 1rem}.glossary dt{font-weight:900;color:var(--teal)}.glossary dd{margin:0;line-height:1.8}.quiz button{display:block;width:100%;text-align:left;margin:.7rem 0;padding:1rem;border-radius:14px;border:1px solid var(--line);background:white;font-weight:800}.quiz button:hover{border-color:var(--teal)}.feedback{font-weight:900}.route li{margin:.5rem 0;line-height:1.8}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.content{padding:1.2rem;border-radius:18px}.stats{grid-template-columns:1fr}.law-grid{grid-template-columns:1fr}.glossary{grid-template-columns:1fr}}