@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap";:root{--tc-yellow:#fbfd5e;--tc-ink:#0a0a0a;--tc-ink-soft:#1c1c1a;--tc-paper:#fff;--tc-orange:#ff7a00;--tc-orange-deep:#f25c00;--tc-gold-1:#fbd15e;--tc-gold-2:#e8b757;--tc-n-100:#f1f1ec;--tc-n-200:#e4e4dd;--tc-n-400:#a8a89e;--tc-n-600:#56564e;--tc-n-700:#3a3a34;--tc-success:#2ea86a;--tc-success-bg:#e4f6ec;--tc-error:#e5483d;--tc-error-bg:#fce9e7;--tc-font:"Noto Sans TC", -apple-system, "PingFang TC", sans-serif;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--tc-font);background:var(--tc-yellow);color:var(--tc-ink);-webkit-font-smoothing:antialiased;min-height:100vh}.loading-screen{height:100vh;color:var(--tc-ink);justify-content:center;align-items:center;font-size:18px;display:flex}.btn-primary{background:var(--tc-ink);color:var(--tc-yellow);border-radius:var(--radius-sm);font-family:var(--tc-font);cursor:pointer;border:none;padding:14px 28px;font-size:16px;font-weight:700;transition:background .15s,transform .1s;display:inline-block}.btn-primary:hover{background:var(--tc-ink-soft)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary.btn-large{width:100%;padding:18px 40px;font-size:18px}.btn-secondary{color:var(--tc-ink);border:2px solid var(--tc-ink);border-radius:var(--radius-sm);font-family:var(--tc-font);cursor:pointer;background:0 0;padding:12px 24px;font-size:15px;font-weight:700;transition:background .15s}.btn-secondary:hover{background:var(--tc-n-100)}.btn-ghost{font-family:var(--tc-font);color:var(--tc-ink);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 12px;font-size:15px;font-weight:500}.btn-ghost:hover{background:#00000012}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--tc-paper);border:2.5px solid var(--tc-ink);width:100%;max-width:420px;box-shadow:6px 6px 0 var(--tc-ink);border-radius:20px;padding:48px 40px}.login-logo{text-align:center;margin-bottom:24px}.login-logo .logo-img{object-fit:contain;height:48px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:24px;font-weight:900}.login-header p{color:var(--tc-n-600);margin-top:4px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:14px;font-weight:700}.form-group input{border:2px solid var(--tc-ink);border-radius:var(--radius-sm);font-family:var(--tc-font);outline:none;padding:12px 16px;font-size:16px;transition:border-color .15s}.form-group input:focus{border-color:var(--tc-orange)}.error-msg{background:var(--tc-error-bg);color:var(--tc-error);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:500}.login-demo{border-top:1px solid var(--tc-n-200);text-align:center;color:var(--tc-n-600);margin-top:24px;padding-top:20px;font-size:13px;line-height:1.8}.top-bar{background:var(--tc-ink);z-index:50;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.top-logo{object-fit:contain;filter:brightness(0)invert();height:36px}.top-user{color:var(--tc-yellow);align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex}.top-user .btn-ghost{color:var(--tc-yellow);font-size:13px}.top-user .btn-ghost:hover{background:#ffffff1a}.home-page{min-height:100vh}.home-hero{background:var(--tc-ink);color:var(--tc-yellow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:48px 24px;display:flex}.hero-text h1{font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.1}.hero-text p{opacity:.8;margin-top:12px;font-size:16px}.hero-progress{flex-direction:column;align-items:center;gap:12px;display:flex}.progress-ring{background:var(--tc-yellow);color:var(--tc-ink);border:3px solid var(--tc-yellow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.progress-num{font-size:32px;font-weight:900;line-height:1}.progress-label{opacity:.8;font-size:12px;font-weight:500}.accuracy-badge{background:var(--tc-orange);color:#fff;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:700}.completion-banner{background:var(--tc-success);color:#fff;text-align:center;padding:16px 24px;font-size:16px;font-weight:700}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:32px 24px;display:grid}.chapter-card{background:var(--tc-paper);border:2.5px solid var(--tc-ink);box-shadow:4px 4px 0 var(--tc-ink);border-radius:16px;flex-direction:column;gap:12px;padding:28px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.chapter-card.unlocked{cursor:pointer}.chapter-card.unlocked:hover{box-shadow:6px 6px 0 var(--tc-ink);transform:translate(-2px,-2px)}.chapter-card.locked{opacity:.55;cursor:not-allowed}.chapter-card.completed{border-color:var(--tc-success);box-shadow:4px 4px 0 var(--tc-success)}.chapter-num{color:var(--tc-n-600);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.chapter-icon{font-size:36px}.chapter-info h3{font-size:20px;font-weight:900}.chapter-info p{color:var(--tc-n-600);margin-top:4px;font-size:14px}.badge-done{background:var(--tc-success-bg);color:var(--tc-success);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}.badge-open{background:var(--tc-yellow);color:var(--tc-ink);border:1.5px solid var(--tc-ink);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}.badge-locked{color:var(--tc-n-400);font-size:13px}.chapter-page{background:var(--tc-paper);border-left:1px solid var(--tc-n-200);border-right:1px solid var(--tc-n-200);flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;display:flex}.chapter-topbar{background:var(--tc-yellow);border-bottom:2px solid var(--tc-ink);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.chapter-badge{background:var(--tc-ink);color:var(--tc-yellow);border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700}.chapter-header{background:var(--tc-ink);color:var(--tc-yellow);align-items:center;gap:20px;padding:32px 24px;display:flex}.chapter-header-icon{flex-shrink:0;font-size:48px}.chapter-header h1{font-size:28px;font-weight:900}.chapter-header p{opacity:.8;margin-top:6px;font-size:15px}.chapter-content{flex:1;max-height:calc(100vh - 260px);padding:32px 24px;overflow-y:auto}.chapter-footer{border-top:2px solid var(--tc-n-200);background:var(--tc-paper);padding:20px 24px;position:sticky;bottom:0}.read-hint{text-align:center;color:var(--tc-n-600);font-size:15px}.markdown-body{line-height:1.8}.md-h1{margin:32px 0 16px;font-size:26px;font-weight:900}.md-h2{border-bottom:2px solid var(--tc-ink);margin:28px 0 12px;padding-bottom:8px;font-size:20px;font-weight:900}.md-h3{color:var(--tc-orange);margin:20px 0 8px;font-size:17px;font-weight:700}.md-p{margin:10px 0}.md-quote{border-left:4px solid var(--tc-orange);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--tc-ink-soft);background:#fff8f0;margin:16px 0;padding:12px 16px}.md-hr{border:none;border-top:1.5px solid var(--tc-n-200);margin:24px 0}.md-ul,.md-ol{margin:12px 0;padding-left:24px}.md-ul li,.md-ol li{margin:6px 0}.md-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.md-table th{background:var(--tc-ink);color:var(--tc-yellow);text-align:left;padding:10px 14px;font-weight:700}.md-table td{border-bottom:1px solid var(--tc-n-200);padding:10px 14px}.md-table tr:hover td{background:var(--tc-n-100)}.inline-code{background:var(--tc-n-100);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.quiz-page{background:var(--tc-paper);border-left:1px solid var(--tc-n-200);border-right:1px solid var(--tc-n-200);max-width:800px;min-height:100vh;margin:0 auto}.quiz-topbar{background:var(--tc-orange);border-bottom:2px solid var(--tc-ink);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.quiz-topbar .btn-ghost{color:#fff}.quiz-topbar .btn-ghost:hover{background:#ffffff26}.quiz-badge{background:var(--tc-ink);color:var(--tc-yellow);border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700}.quiz-header{background:var(--tc-ink);color:#fff;padding:28px 24px}.quiz-header h2{color:var(--tc-yellow);font-size:22px;font-weight:900}.quiz-header p{opacity:.7;margin-top:6px;font-size:14px}.quiz-questions{flex-direction:column;gap:32px;padding:24px;display:flex}.question-num{color:var(--tc-orange);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700}.question-text{margin-bottom:16px;font-size:17px;font-weight:700;line-height:1.5}.options-list{flex-direction:column;gap:10px;display:flex}.option-btn{border:2px solid var(--tc-n-200);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--tc-font);text-align:left;background:#fff;align-items:flex-start;gap:12px;padding:14px 16px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.option-btn:hover{border-color:var(--tc-ink);background:var(--tc-n-100)}.option-btn.selected{border-color:var(--tc-orange);background:#fff8f0}.option-letter{background:var(--tc-n-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.option-btn.selected .option-letter{background:var(--tc-orange);color:#fff}.option-text{flex:1;line-height:1.5}.quiz-footer{border-top:2px solid var(--tc-n-200);background:var(--tc-paper);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex;position:sticky;bottom:0}.answered-count{color:var(--tc-n-600);flex:1;font-size:14px}.quiz-result-page{background:var(--tc-yellow);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.quiz-result-card{background:var(--tc-paper);border:2.5px solid var(--tc-ink);width:100%;max-width:680px;box-shadow:6px 6px 0 var(--tc-ink);border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex}.result-icon{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;font-weight:900;display:flex}.result-icon.pass{background:var(--tc-success-bg);color:var(--tc-success);border-color:var(--tc-success)}.result-icon.fail{background:var(--tc-error-bg);color:var(--tc-error);border-color:var(--tc-error)}.quiz-result-card h2{text-align:center;font-size:26px;font-weight:900}.result-score{color:var(--tc-n-600);font-size:18px}.result-explanations{flex-direction:column;gap:16px;width:100%;display:flex}.explanation-item{border-radius:var(--radius-sm);border-left:4px solid;padding:16px}.explanation-item.correct{border-color:var(--tc-success);background:var(--tc-success-bg)}.explanation-item.wrong{border-color:var(--tc-error);background:var(--tc-error-bg)}.exp-q{margin-bottom:8px;font-weight:700}.exp-wrong{color:var(--tc-error);margin-bottom:4px;font-size:14px}.exp-correct{color:var(--tc-success);margin-bottom:4px;font-size:14px;font-weight:700}.exp-explain{color:var(--tc-n-600);margin-top:6px;font-size:13px}.result-actions{flex-wrap:wrap;gap:12px;width:100%;display:flex}.result-actions .btn-secondary,.result-actions .btn-primary{flex:1}.completion-page{background:var(--tc-ink);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.completion-card{background:var(--tc-yellow);border:3px solid var(--tc-yellow);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:560px;padding:48px 40px;display:flex}.comp-logo{object-fit:contain;height:48px}.comp-icon{font-size:72px}.completion-card h1{font-size:36px;font-weight:900}.comp-sub{color:var(--tc-n-700);font-size:16px}.comp-stats{background:var(--tc-ink);color:var(--tc-yellow);border-radius:16px;justify-content:center;gap:24px;width:100%;padding:24px 32px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-num{font-size:36px;font-weight:900}.stat-label{opacity:.8;font-size:13px}.comp-msg{color:var(--tc-ink);font-size:16px;font-weight:700}.mode-tabs{border:2px solid var(--tc-ink);border-radius:var(--radius-sm);gap:0;margin-bottom:24px;display:flex;overflow:hidden}.mode-tab{font-family:var(--tc-font);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:15px;font-weight:700;transition:background .15s}.mode-tab.active{background:var(--tc-ink);color:var(--tc-yellow)}.login-divider{text-align:center;margin:20px 0;position:relative}.login-divider:before{content:"";background:var(--tc-n-200);height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{color:var(--tc-n-600);background:#fff;padding:0 12px;font-size:13px;position:relative}.btn-guest{background:var(--tc-n-100);border:2px dashed var(--tc-n-400);border-radius:var(--radius-sm);width:100%;font-family:var(--tc-font);cursor:pointer;color:var(--tc-n-600);padding:12px;font-size:15px;transition:background .15s}.btn-guest:hover{background:var(--tc-n-200)}.success-msg{background:var(--tc-success-bg);color:var(--tc-success);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:500}.guest-tag{background:var(--tc-n-600);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.guest-notice{opacity:.7;margin-top:8px;font-size:13px}.admin-page{background:var(--tc-n-100);min-height:100vh}.admin-topbar{background:var(--tc-ink);color:#fff;z-index:10;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.admin-topbar h1{color:var(--tc-yellow);flex:1;font-size:20px;font-weight:900}.admin-topbar .btn-ghost{color:#fff}.admin-topbar .btn-ghost:hover{background:#ffffff1a}.admin-badge{background:var(--tc-orange);color:#fff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.admin-stats{flex-wrap:wrap;gap:16px;padding:24px;display:flex}.admin-stat{border:2px solid var(--tc-ink);border-radius:var(--radius);text-align:center;box-shadow:3px 3px 0 var(--tc-ink);background:#fff;padding:20px 28px}.stat-n{font-size:36px;font-weight:900;display:block}.stat-l{color:var(--tc-n-600);margin-top:4px;font-size:13px;display:block}.admin-loading{text-align:center;color:var(--tc-n-600);padding:60px}.admin-table-wrap{padding:0 24px 40px;overflow-x:auto}.admin-table{border-collapse:collapse;border:2px solid var(--tc-ink);border-radius:var(--radius);background:#fff;width:100%;font-size:14px;overflow:hidden}.admin-table th{background:var(--tc-ink);color:var(--tc-yellow);text-align:left;white-space:nowrap;padding:12px 16px;font-weight:700}.admin-table td{border-bottom:1px solid var(--tc-n-200);vertical-align:middle;padding:12px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--tc-n-100)}.email-cell{color:var(--tc-n-600);font-size:13px}.date-cell{color:var(--tc-n-600);white-space:nowrap;font-size:13px}.chapter-cell{text-align:center}.ch-done{color:var(--tc-success);font-size:13px;font-weight:700}.ch-empty{color:var(--tc-n-400)}.progress-pill{background:var(--tc-n-100);color:var(--tc-ink);border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700}.progress-pill.done{background:var(--tc-success-bg);color:var(--tc-success)}@media (width<=600px){.login-card{padding:32px 24px}.home-hero{text-align:center;flex-direction:column}.chapters-grid{grid-template-columns:1fr;padding:20px 16px}.chapter-page,.quiz-page{border:none;max-width:100%}.comp-stats{gap:16px;padding:20px}.stat-num{font-size:28px}}