*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f7f8fc;color:#1a1a2e}button{cursor:pointer;font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.screen{animation:fadeIn .35s ease}.card-hover:hover{border-color:#667eea!important;box-shadow:0 4px 20px #667eea24!important;transform:translateY(-1px)}.app-nav{background:#fff;border-bottom:1px solid #e8e9f0;padding:0 20px;height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px #0000000f}.app-nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0}.app-nav-logo{width:34px;height:34px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:15px;flex-shrink:0}.app-nav-title{font-weight:700;font-size:15px;color:#1a1a2e}.app-nav-badge{background:#f0f0ff;color:#667eea;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.app-nav-right{display:flex;align-items:center;gap:12px}.nav-timer{font-size:14px;font-weight:700;padding:5px 12px;border-radius:8px;background:#f0f0ff;color:#667eea;font-variant-numeric:tabular-nums}.nav-timer.low{background:#fff5f5;color:#f44336;animation:pulse 1.2s infinite}.nav-progress{font-size:13px;color:#888;font-weight:500;white-space:nowrap}.nav-history-btn{border:1px solid #e8e9f0;background:#fff;padding:6px 14px;border-radius:8px;font-size:13px;color:#666;font-weight:500}.app-main{max-width:860px;margin:0 auto;padding:24px 16px 56px}.home-hero{text-align:center;padding:36px 0 28px}.home-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:18px;box-shadow:0 6px 20px #667eea59}.home-hero-icon span{font-size:28px;color:#fff;font-weight:900}.home-hero h1{margin:0 0 8px;font-size:26px;font-weight:700;color:#1a1a2e}.home-hero p{margin:0;color:#888;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:18px 12px;text-align:center}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-label{font-size:11px;color:#999;margin-top:5px}.section-label{font-size:11px;font-weight:700;color:#bbb;margin:0 0 12px;letter-spacing:1.5px;text-transform:uppercase}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.mode-card{background:#fff;border:2px solid #e8e9f0;border-radius:14px;padding:22px;cursor:pointer;transition:all .18s;text-align:left}.mode-card-icon{font-size:28px;margin-bottom:10px}.mode-card-title{font-weight:700;font-size:16px;margin-bottom:5px;color:#1a1a2e}.mode-card-desc{color:#888;font-size:13px;line-height:1.6}.wrong-card{background:#fff;border:2px solid #e8e9f0;border-radius:14px;padding:18px 22px;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:14px;width:100%;text-align:left}.wrong-card.disabled{opacity:.45;pointer-events:none}.wrong-card-icon{font-size:24px;flex-shrink:0}.wrong-card-title{font-weight:700;font-size:16px;margin-bottom:3px;color:#1a1a2e}.wrong-card-desc{color:#888;font-size:13px}.wrong-card-chevron{color:#ccc;font-size:18px;flex-shrink:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.category-item{background:#fff;border:1px solid #e8e9f0;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px}.category-item-icon{font-size:20px}.category-item-name{font-size:13px;font-weight:600;color:#333}.category-item-count{font-size:11px;color:#aaa;margin-top:2px}.back-btn{border:none;background:none;color:#667eea;font-size:14px;padding:0 0 20px;display:flex;align-items:center;gap:4px;font-weight:500}.screen-heading{margin:0 0 5px;font-size:21px;font-weight:700;color:#1a1a2e}.screen-subheading{margin:0 0 22px;color:#888;font-size:14px}.chapter-list{display:grid;gap:10px}.chapter-item{background:#fff;border:2px solid #e8e9f0;border-radius:12px;padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .18s;width:100%;text-align:left}.chapter-item-icon{font-size:22px;flex-shrink:0}.chapter-item-name{font-weight:600;font-size:15px;margin-bottom:2px;color:#1a1a2e}.chapter-item-count{font-size:12px;color:#aaa}.chapter-item-chevron{color:#ccc;font-size:16px}.progress-track{background:#e8e9f0;border-radius:4px;height:4px;margin-bottom:22px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.question-card{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:26px;margin-bottom:14px;box-shadow:0 2px 10px #0000000a}.question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.question-tag{font-size:11px;font-weight:600;color:#667eea;background:#f0f0ff;padding:3px 10px;border-radius:20px;letter-spacing:.5px}.question-num{font-size:12px;color:#aaa;font-weight:500}.question-text{font-size:17px;font-weight:600;line-height:1.7;color:#1a1a2e}.options-list{display:grid;gap:9px;margin-bottom:14px}.opt-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:2px solid #e8e9f0;background:#fff;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;width:100%;text-align:left;font-size:15px}.opt-item:hover:not(.disabled){border-color:#667eea;background:#f8f8ff}.opt-letter{width:30px;height:30px;border-radius:8px;background:#f0f0ff;color:#667eea;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.opt-text{flex:1;font-size:15px;line-height:1.5}.opt-icon{font-size:16px;width:20px;text-align:center}.opt-item.correct{border-color:#4caf50;background:#f1fdf3}.opt-item.correct .opt-letter{background:#4caf50;color:#fff}.opt-item.wrong{border-color:#f44336;background:#fff5f5}.opt-item.wrong .opt-letter{background:#f44336;color:#fff}.opt-item.disabled{pointer-events:none;opacity:.6}.opt-item.highlight-correct{border-color:#4caf50;background:#f1fdf3}.opt-item.highlight-correct .opt-letter{background:#4caf50;color:#fff}.feedback-box{border-radius:12px;padding:16px;margin-bottom:14px}.feedback-box.correct{background:#f1fdf3;border:1.5px solid #81c784}.feedback-box.wrong{background:#fff8f0;border:1.5px solid #ffb74d}.feedback-title{font-weight:700;font-size:14px;margin-bottom:6px}.feedback-title.correct{color:#2e7d32}.feedback-title.wrong{color:#e65100}.feedback-explanation{font-size:13px;line-height:1.7;color:#444}.exam-actions{display:flex;gap:10px;justify-content:flex-end}.btn-skip{border:1px solid #e8e9f0;background:#fff;padding:10px 20px;border-radius:8px;font-size:14px;color:#aaa}.btn-next{border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:700;box-shadow:0 3px 12px #667eea4d}.result-header{border-radius:20px;padding:32px 28px;margin-bottom:24px;text-align:center}.result-header.pass{background:linear-gradient(135deg,#43a047,#2e7d32)}.result-header.fail{background:linear-gradient(135deg,#e57373,#c62828)}.result-score{font-size:58px;font-weight:800;color:#fff;line-height:1;letter-spacing:-2px}.result-score-unit{font-size:22px;margin-left:4px;opacity:.75;font-weight:400}.result-sub{font-size:15px;color:#ffffffd9;margin-top:8px}.result-badge{display:inline-block;margin-top:14px;padding:6px 20px;border-radius:20px;border:2px solid rgba(255,255,255,.6);color:#fff;font-weight:700;font-size:15px}.tabs{display:flex;border-bottom:2px solid #e8e9f0;margin-bottom:20px}.tab-btn{flex:1;padding:12px 16px;border:none;background:none;font-size:14px;font-weight:600;color:#aaa;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-family:inherit}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}.btn-secondary{border:1px solid #e8e9f0;background:#fff;padding:12px 24px;border-radius:10px;font-size:15px;color:#666;font-weight:500}.btn-primary{border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;box-shadow:0 3px 14px #667eea4d}.empty-state{text-align:center;padding:50px 20px;background:#fff;border-radius:16px;border:1px solid #e8e9f0}.empty-state-icon{font-size:52px;margin-bottom:14px}.empty-state-title{font-size:20px;font-weight:700;color:#4caf50;margin-bottom:8px}.empty-state-desc{font-size:14px;color:#999}.qcards{display:grid;gap:12px}.qcard{border-radius:14px;padding:18px 20px}.qcard.correct{background:#f9fef9;border:1px solid #c8e6c9}.qcard.wrong{background:#fff9f9;border:1px solid #ffcdd2}.qcard-category{font-size:11px;font-weight:600;color:#667eea;margin-bottom:8px;letter-spacing:.5px}.qcard-question{font-weight:600;margin-bottom:12px;line-height:1.6;font-size:15px;color:#1a1a2e}.qcard-tags-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.qcard-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.qcard-tag.correct{background:#e8f5e9;color:#2e7d32}.qcard-tag.wrong{background:#ffebee;color:#c62828}.qcard-explanation{font-size:13px;color:#555;line-height:1.7;background:#f7f8fc;border-radius:8px;padding:10px 14px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.history-list{display:grid;gap:10px}.history-item{background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px}.history-badge{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;flex-shrink:0;text-align:center}.history-badge.pass{background:linear-gradient(135deg,#43a047,#2e7d32)}.history-badge.fail{background:linear-gradient(135deg,#e57373,#c62828)}.history-badge-score{font-size:18px;font-weight:800;color:#fff;line-height:1}.history-badge-unit{font-size:9px;color:#ffffffb3;font-weight:500}.history-info{flex:1;min-width:0}.history-info-title{font-weight:600;font-size:15px;margin-bottom:4px;color:#1a1a2e}.history-info-date{font-size:12px;color:#aaa}.history-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.history-status.pass{background:#e8f5e9;color:#2e7d32}.history-status.fail{background:#ffebee;color:#c62828}