:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#243044;--ink:#243044;--muted:#667085;--paper:#f7f8fa;--panel:#fff;--line:#d7dde5;--accent:#28666e;--accent-strong:#174a51;--accent-soft:#dbeeed;--warm:#c96f36;--success:#287a45;--danger:#b42318;--focus:#f5b84b;--paper-line:#28666e14;background:#f7f8fa;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{background:linear-gradient(var(--paper-line) 1px, transparent 1px), var(--paper);background-size:100% 28px,auto;min-width:320px;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}button:hover,.button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button:active,.button:active{transform:translateY(1px)}button.secondary,.button.secondary{color:var(--accent-strong);background:#fff}button.ghost{border-color:var(--line);color:var(--ink);background:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input,select,textarea{width:100%;min-height:40px;color:var(--ink);background:#fff;border:1px solid #c8c0b4;border-radius:8px;padding:8px 10px}label{color:#354057;gap:6px;font-size:.95rem;font-weight:700;display:grid}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 8px}th{color:#344054;font-size:.88rem}.skip-link{z-index:30;background:var(--ink);color:#fff;border-radius:8px;padding:8px 12px;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fafbfcf5;height:100vh;padding:24px 18px;position:sticky;top:0;overflow:auto}.brand{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;padding-bottom:18px;display:grid}.brand strong{color:var(--accent-strong);font-size:1.15rem}.brand span,.eyebrow,.helper,.muted{color:var(--muted)}.chapter-nav{gap:6px;display:grid}.chapter-nav a{color:#344054;border-radius:8px;padding:10px;text-decoration:none}.chapter-nav a:hover,.chapter-nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.mobile-topbar{border-bottom:1px solid var(--line);background:#fff;padding:12px 16px;display:none}.main-content{min-width:0;padding:36px min(5vw,56px) 64px}.content-grid{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:start;gap:32px;width:min(100%,1360px);margin-inline:auto;display:grid}.article{gap:32px;max-width:none;display:grid}.wide-article{width:min(100%,1240px);margin-inline:auto}.hero{border-bottom:1px solid var(--line);gap:14px;padding-bottom:26px;display:grid}.hero h1{color:#172033;margin:0;font-size:clamp(2rem,4.4vw,3rem);line-height:1.18}.hero p{color:#475467;max-width:760px;margin:0;font-size:1.1rem;line-height:1.8}.section{gap:12px;display:grid}.section h2{color:#1f2937;margin:0;font-size:1.34rem;line-height:1.3}.section h3{color:#344054;margin:0;font-size:1.08rem}.panel,.tool-panel,.summary-panel{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;padding:18px;box-shadow:0 8px 20px #2630440a}.tool-panel{overscroll-behavior:contain;background:linear-gradient(90deg,#28666e1f 0 5px,#0000 5px),#fffffffa;border-color:#b7c6ca;gap:16px;max-height:calc(100vh - 48px);display:grid;position:sticky;top:24px;overflow:auto}.tool-panel h2,.tool-panel h3,.panel h3{margin:0}.formula{border-left:5px solid var(--warm);background:#fff6eb;border-radius:0 8px 8px 0;gap:8px;padding:14px 16px;display:grid}.formula code,.math-line{color:#172033;font-size:1.05rem;font-weight:800}sup{font-size:.72em;line-height:0}.plain-steps{gap:8px;margin:0;padding-left:20px;display:grid}.callout{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;padding:14px 16px}.mistake{border-left:4px solid var(--danger);background:#fff0ee;border-radius:0 8px 8px 0;padding:14px 16px}.field-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.result-stack,.quiz-list,.step-stack,.exam-list{gap:12px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.metric{border:none;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:8px 0 0}.metric span{color:var(--muted);font-size:.82rem;display:block}.metric strong{color:#182230;font-size:1.25rem;display:block}.chart{width:100%;min-height:180px;overflow:visible}.bar{fill:#8ab8ad}.bar.highlight{fill:var(--warm)}.axis,.grid-line{stroke:#a8a29a;stroke-width:1px}.curve{fill:none;stroke:var(--accent);stroke-width:3px}.shade{fill:#c96f3640}.point{fill:var(--warm);stroke:#fff;stroke-width:2px}.dice-row,.shot-grid{flex-wrap:wrap;gap:8px;display:flex}.die,.shot{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.die.active,.shot.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.shot{width:48px;height:48px}.quiz-item{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.quiz-options{gap:8px;display:grid}.type-options{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.quiz-options button,.type-options button{border-color:var(--line);color:var(--ink);text-align:left;background:#fff;justify-content:flex-start}.quiz-options button.correct,.type-options button.correct{border-color:var(--success);color:var(--success);background:#e9f7ef}.quiz-options button.wrong,.type-options button.wrong{border-color:var(--danger);color:var(--danger);background:#fff0ee}.feedback{min-height:28px;color:var(--muted)}.feedback.good{color:var(--success)}.feedback.bad,.error{color:var(--danger)}.two-column{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 28px;display:grid}.two-column .panel{border:none;border-top:2px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:10px 0 0}.two-column .panel h3{font-size:1rem}.home-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.chapter-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:18px;text-decoration:none;display:grid}.chapter-card:hover{border-color:var(--accent)}.tag{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);border-radius:999px;padding:2px 9px;font-size:.82rem;font-weight:800;display:inline-flex}.lesson-focus{border-left:5px solid var(--accent);background:#dbeeedb8;border-radius:0 8px 8px 0;gap:8px;max-width:720px;padding:14px 16px;display:grid}.lesson-focus span,.section-label{color:var(--accent-strong);font-size:.82rem;font-weight:900}.lesson-focus strong{color:#172033;font-size:1.18rem;line-height:1.55}.lesson-strip{grid-template-columns:repeat(auto-fit,minmax(164px,1fr));gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.lesson-strip li{border-top:2px solid var(--line);color:#475467;padding-top:8px;font-size:.95rem}.learning-path{gap:10px;display:grid}.path-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;text-decoration:none;display:grid}.path-row:hover strong{color:var(--accent-strong)}.path-index{border:1px solid var(--line);width:34px;height:34px;color:var(--accent-strong);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.path-row strong,.path-row span:not(.path-index){display:block}.path-row span:not(.path-index){color:var(--muted)}.path-index{display:inline-flex}.path-action{color:var(--warm);font-weight:900}.tool-note{color:var(--muted);border-top:1px dashed #c6b8a6;padding-top:12px}.section-intro{color:#475467;max-width:700px}.compact-list{gap:8px;margin:0;padding-left:20px;display:grid}.concept-map{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:20px;display:grid}.concept-columns{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;padding:16px;display:grid}.concept-group{align-content:start;gap:10px;min-width:0;display:grid}.concept-group h3{border-bottom:1px solid var(--line);padding-bottom:8px;font-size:1rem}.concept-list{gap:8px;display:grid}.concept-node{border-color:var(--line);min-height:36px;color:var(--ink);text-align:left;background:#fff;justify-content:flex-start;padding:7px 10px}.concept-node:hover,.concept-node.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.concept-detail,.trainer-card,.exam-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:18px;display:grid}.exam-card{border-left:5px solid var(--warm)}.detail-list{gap:12px;margin:0;display:grid}.exam-steps{gap:10px;margin:0;display:grid}.detail-list div,.exam-steps div{gap:4px;display:grid}.detail-list dt,.exam-steps dt{color:var(--muted);font-size:.84rem;font-weight:800}.detail-list dd,.exam-steps dd{margin:0}.exam-steps code{color:#172033;white-space:normal;font-weight:800}.exam-hint{color:var(--muted);margin:0;font-size:.92rem}.exam-solution>summary{border:1px solid var(--accent);width:fit-content;color:var(--accent-strong);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-weight:800;list-style:none;display:inline-flex}.exam-solution>summary::-webkit-details-marker{display:none}.exam-solution>summary:before{content:"▸";color:var(--accent)}.exam-solution[open]>summary:before{content:"▾"}.exam-solution>summary:hover{background:var(--accent-soft)}.exam-solution>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.exam-solution[open]>summary{margin-bottom:12px}.trainer-topline,.trainer-actions,.practice-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-text{color:#172033;margin:0;font-size:1.08rem;font-weight:800}.streak{color:var(--muted);font-size:.9rem;font-weight:800}.trainer-guide{border-top:1px solid var(--line);gap:4px;margin-top:12px;padding-top:12px;display:grid}.trainer-guide a{width:fit-content;color:var(--accent-strong);text-underline-offset:3px;font-weight:800;text-decoration:underline}.trainer-guide a:hover{color:var(--warm)}.step-row{border-left:4px solid var(--accent-soft);background:#fff;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.step-row span{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-strong);border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.step-row p{margin:0}@media (width<=1040px){.content-grid{grid-template-columns:1fr}.tool-panel{max-height:none;position:static;overflow:visible}.concept-map{grid-template-columns:1fr}.concept-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-shell{display:block}.sidebar{display:none}.mobile-topbar{gap:10px;display:grid}.main-content{padding:24px 16px 48px}.hero h1{font-size:2rem}.path-row{grid-template-columns:38px minmax(0,1fr)}.path-action{grid-column:2}.concept-columns,.type-options{grid-template-columns:1fr}.trainer-topline,.trainer-actions,.practice-header{flex-direction:column;align-items:flex-start}}