:root{--ink:#102c2b;--muted:#6d7772;--paper:#f8f6f0;--cream:#eee9db;--teal:#1d5b57;--mint:#cfe3d5;--orange:#d96d45;--line:#d9ddd5;--white:#fffdf8;--shadow:0 18px 48px #173c3214}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;line-height:1.7}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{height:76px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f6f0e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;letter-spacing:-.03em;text-decoration:none}.brand i{color:var(--orange);font-style:normal}.seal{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--orange);color:var(--orange);font-family:'Noto Serif TC';font-size:22px;border-radius:8px 8px 8px 2px}.desktop-nav{display:flex;gap:28px}.desktop-nav a,.text-link{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.menu-btn{display:none;background:none;border:0;font-size:24px}.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding-top:58px;padding-bottom:35px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--orange);margin:0 0 12px}.hero h1{font-family:'Noto Serif TC';font-size:clamp(42px,6vw,72px);line-height:1.18;letter-spacing:-.07em;margin:0 0 20px}.hero h1 em{color:var(--teal);font-style:normal}.lead{max-width:570px;color:#596762;font-size:16px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 18px;font:700 14px inherit;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary span{font-size:20px;margin-left:20px}.ghost{border:1px solid #ffffff55;color:white;background:#ffffff12}.hero-art{min-height:370px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a6c9bb;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:330px;height:205px}.orbit-b{width:285px;height:285px;transform:rotate(28deg);border-color:#e4b399}.oracle{width:172px;height:172px;border-radius:48% 52% 44% 56%;background:var(--teal);color:#f5e8c9;font-family:'Noto Serif TC';font-size:78px;line-height:.8;display:grid;place-items:center;padding-top:25px;box-shadow:0 22px 40px #1d5b5740;transform:rotate(-5deg)}.oracle small{font-size:46px;color:#f2b18c}.art-note{position:absolute;font-family:'Noto Serif TC';font-size:38px;color:var(--orange)}.note-a{top:30px;left:16%}.note-b{right:13%;top:25%}.note-c{bottom:45px;left:20%;color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:15px}.stats div{padding:3px 25px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-family:'Noto Serif TC';font-size:30px}.stats span{font-size:12px;color:var(--muted)}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.section-heading h2,.sources-section h2{font-family:'Noto Serif TC';font-size:34px;letter-spacing:-.05em;margin:0}.section-heading>p{color:var(--muted);font-size:13px;max-width:340px;margin:0}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lesson{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:24px;min-height:225px;position:relative;transition:.2s}.lesson:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.lesson.done{border-color:#a8c9b5;background:#f4faf2}.lesson-number{font-family:'Noto Serif TC';color:var(--orange);font-size:14px}.lesson h3{font-family:'Noto Serif TC';font-size:20px;margin:8px 0}.lesson p{font-size:13px;color:var(--muted);margin:0 0 18px}.lesson button{background:none;border:0;padding:0;color:var(--teal);font:700 13px inherit;cursor:pointer}.lesson .tag{position:absolute;right:18px;top:21px;background:var(--cream);border-radius:20px;padding:2px 9px;color:var(--muted);font-size:11px}.practice-section{background:var(--ink);color:var(--white)}.light h2{color:var(--white)}.light>p{color:#bdcbc3}.practice-layout{display:grid;grid-template-columns:1fr 245px;gap:18px}.quiz-card{background:var(--white);color:var(--ink);border-radius:14px;padding:30px;min-height:320px}.quiz-meta{display:flex;justify-content:space-between;color:var(--orange);font-size:12px;font-weight:900}.quiz-card h3{font-family:'Noto Serif TC';font-size:24px;line-height:1.5;margin:24px 0}.options{display:grid;gap:10px}.option{border:1px solid var(--line);background:#fff;border-radius:8px;text-align:left;padding:11px 14px;font:500 14px inherit;color:var(--ink);cursor:pointer}.option:hover{border-color:var(--teal)}.option.correct{background:#dcefdc;border-color:#6ea77e}.option.wrong{background:#fae2d9;border-color:#d77b5f}.explain{margin-top:18px;padding:12px 15px;background:var(--cream);font-size:13px;border-radius:8px}.next-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.next-btn{background:var(--teal);color:white}.practice-side{border:1px solid #ffffff26;border-radius:14px;padding:25px;text-align:center}.mini-title{font-size:12px;color:#bdcbc3}.ring{width:118px;height:118px;border-radius:50%;margin:20px auto;background:conic-gradient(var(--orange) var(--pct,0%),#ffffff22 0);display:grid;place-items:center;position:relative}.ring:after{content:'';position:absolute;background:var(--ink);inset:9px;border-radius:50%}.ring span{position:relative;z-index:1;font-family:'Noto Serif TC';font-size:24px}.practice-side p{font-size:12px;color:#bdcbc3}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.memory-card{min-height:190px;perspective:900px;cursor:pointer}.memory-inner{height:100%;min-height:190px;position:relative;transition:transform .55s;transform-style:preserve-3d}.memory-card.flipped .memory-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--line);border-radius:13px;padding:25px;background:var(--white)}.face.back{transform:rotateY(180deg);background:var(--mint)}.face h3{font-family:'Noto Serif TC';margin:8px 0;font-size:21px}.face p{font-size:13px;color:var(--muted)}.sources-section{background:var(--cream);padding:76px 0}.source-intro{max-width:700px;color:#596762}.source-list{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.source-list span{padding:8px 12px;background:#faf8f0;border-radius:4px;font-size:12px}.copyright-note{font-size:12px;color:#7d8179}.footer{padding:24px 0;display:flex;justify-content:space-between;color:#7b857f;font-size:12px}
@media(max-width:750px){.wrap{width:min(100% - 28px,560px)}.desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{min-height:260px;order:-1}.oracle{width:125px;height:125px;font-size:57px}.oracle small{font-size:34px}.orbit-a{width:250px;height:145px}.orbit-b{width:210px;height:210px}.stats{grid-template-columns:repeat(2,1fr);gap:15px}.stats div,.stats div:first-child{padding:8px 15px;border:0}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:12px}.lesson-grid,.card-grid{grid-template-columns:1fr}.practice-layout{grid-template-columns:1fr}.practice-side{display:none}.quiz-card{padding:20px}.quiz-card h3{font-size:20px}.footer{display:block}.footer span{display:block;margin:6px 0}}
 .quiz-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:-8px 0 24px}.quiz-toolbar label{font-size:12px;color:#c7d4cd;font-weight:700}.quiz-toolbar select{display:block;margin-top:5px;border:1px solid #ffffff35;background:#ffffff12;color:white;border-radius:7px;padding:9px 12px;font:500 13px inherit}.quiz-toolbar option{color:var(--ink)}.check-label{display:flex;align-items:center;gap:7px;padding:10px 0}.check-label input{accent-color:var(--orange);width:16px;height:16px}
/* Expanded question-bank controls */
.quiz-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:-8px 0 24px}.quiz-toolbar label{font-size:12px;color:#c7d4cd;font-weight:700}.quiz-toolbar select{display:block;margin-top:5px;border:1px solid #ffffff35;background:#ffffff12;color:white;border-radius:7px;padding:9px 12px;font:500 13px inherit}.quiz-toolbar option{color:var(--ink)}.check-label{display:flex;align-items:center;gap:7px;padding:10px 0}.check-label input{accent-color:var(--orange);width:16px;height:16px}.knowledge-point{display:inline-block;background:#f1e8d3;color:#8b553e;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.empty-state{text-align:center;padding:70px 20px}.empty-state h3{font-family:'Noto Serif TC';font-size:24px}