.qf-notice{padding:12px 16px;background:#f3f6fb;border-left:4px solid #1d4e89;border-radius:4px}
.qf-error{background:#fdecea;border-color:#c62828}
.qf-btn{display:inline-block;background:#1d4e89;color:#fff;border:0;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:15px;text-decoration:none;line-height:1.3}
.qf-btn:hover{background:#163a67;color:#fff}.qf-btn:disabled{opacity:.5;cursor:not-allowed}
.qf-btn-alt{background:#e8edf3;color:#1d2b3a}.qf-btn-alt:hover{background:#d6dee8;color:#1d2b3a}
.qf-price{font-weight:700;font-size:20px;margin-right:12px}
.qf-tag{background:#e6f4ea;color:#1e7a3c;padding:1px 7px;border-radius:10px;font-size:12px}
.qf-course-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.qf-curriculum{padding-left:20px}.qf-curriculum li{margin:6px 0}
.qf-progress{height:8px;background:#e3e8ee;border-radius:6px;overflow:hidden;min-width:160px;flex:1;max-width:280px}
.qf-progress div{height:100%;background:#2e9d5b}
.qf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.qf-card{display:block;border:1px solid #dde3ea;border-radius:10px;padding:14px;text-decoration:none;color:inherit;background:#fff}
.qf-card img{width:100%;height:auto;border-radius:6px}.qf-card h3{margin:10px 0 6px}
.qf-lesson-actions{margin-top:24px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.qf-dash-course{padding:10px 0;border-bottom:1px solid #e6eaef}
.qf-table-wrap{overflow-x:auto}.qf-table{width:100%;border-collapse:collapse}
.qf-table th,.qf-table td{padding:8px 10px;border-bottom:1px solid #e3e8ee;text-align:left}
.qf-quiz{border:1px solid #dde3ea;border-radius:10px;padding:18px;background:#fff;margin:16px 0}
.qf-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.qf-timer{font-variant-numeric:tabular-nums;font-weight:700;background:#eef3f9;padding:4px 12px;border-radius:14px}
.qf-timer.qf-low{background:#fdecea;color:#c62828}
.qf-layout{display:grid;grid-template-columns:1fr 190px;gap:20px}
@media(max-width:700px){.qf-layout{grid-template-columns:1fr}}
.qf-qmeta{font-size:13px;color:#667;margin-bottom:6px;text-transform:capitalize}
.qf-qtext{font-size:17px;margin-bottom:12px}
.qf-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #dde3ea;border-radius:8px;margin:8px 0;cursor:pointer}
.qf-opt:hover{background:#f6f9fc}
.qf-input{width:100%;padding:10px;border:1px solid #c7cfd8;border-radius:8px;font-size:16px}
.qf-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.qf-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-content:start}
.qf-pbtn{padding:6px 0;border:1px solid #c7cfd8;border-radius:6px;background:#fff;cursor:pointer}
.qf-pbtn.qf-ans{background:#2e9d5b;color:#fff;border-color:#2e9d5b}
.qf-pbtn.qf-mark{background:#f2a900;color:#fff;border-color:#f2a900}
.qf-pbtn.qf-cur{outline:2px solid #1d4e89}
.qf-result{text-align:center;padding:20px;border-radius:10px;margin-bottom:16px}
.qf-pass{background:#e6f4ea}.qf-fail{background:#fdecea}
.qf-score{font-size:30px;font-weight:700;margin:6px 0 14px}
.qf-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.qf-stat{background:#fff;border-radius:8px;padding:8px 16px}.qf-stat b{display:block;font-size:20px}.qf-stat span{font-size:12px;color:#667}
.qf-rev{border-left:5px solid #ccc;padding:10px 14px;margin:12px 0;background:#fafbfc}
.qf-rev.qf-correct{border-color:#2e9d5b}.qf-rev.qf-wrong{border-color:#c62828}.qf-rev.qf-skipped{border-color:#f2a900}
.qf-right{color:#1e7a3c;font-weight:600}.qf-expl{background:#f3f6fb;padding:8px 12px;border-radius:6px}