@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";:root{--gf-purple-primary:#673ab7;--gf-purple-dark:#512da8;--gf-purple-light:#f0ebf8;--gf-purple-tint:#f3e5f5;--gf-purple-accent:#7c4dff;--gf-bg:#f0ebf8;--gf-card-bg:#fff;--gf-text-main:#202124;--gf-text-secondary:#5f6368;--gf-border:#dadce0;--gf-border-focus:#673ab7;--gf-correct:#2e7d32;--gf-correct-bg:#e8f5e9;--gf-wrong:#c62828;--gf-wrong-bg:#ffebee;--radius-lg:12px;--radius-md:8px;--shadow-card:0 1px 4px #0000001a, 0 2px 10px #0000000d;--shadow-elevated:0 4px 16px #673ab726;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,body,#root,.gf-question-card,.gf-chinese-text,.gf-pinyin-text,.gf-option-text{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.result-mode,.result-mode *,.gf-result-card,.gf-result-card *{-webkit-user-select:text!important;user-select:text!important}.blackout-screen{color:#fff;z-index:9999999;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:1.3rem;font-weight:600;display:flex;position:fixed;inset:0;background-color:#000!important}.screenshot-toast{z-index:99999998;color:#fff;background:linear-gradient(135deg,#b91c1c,#991b1b);border:1.5px solid #fff3;border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:90vw;padding:14px 20px;animation:.35s cubic-bezier(.34,1.56,.64,1) toastSlideIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #b91c1c80,0 2px 8px #0000004d}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-24px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.exam-watermark{pointer-events:none;z-index:10;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.exam-watermark span{color:#673ab717;white-space:nowrap;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;transform:rotate(-30deg);-webkit-user-select:none!important;user-select:none!important}@media print{body:not(.result-mode),body:not(.result-mode) #root{visibility:hidden!important;display:none!important}body.result-mode,body.result-mode #root{visibility:visible!important;display:block!important}.exam-watermark span{color:#673ab74d!important}}body{background-color:var(--gf-bg);color:var(--gf-text-main);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:90px;font-family:Kanit,Noto Sans SC,Roboto,sans-serif;display:flex}#root{width:100%;max-width:680px;margin:0 auto;padding:12px}@media (width<=480px){#root{padding:8px}}.gf-header-card{background:var(--gf-card-bg);border-radius:var(--radius-lg);border-top:10px solid var(--gf-purple-primary);box-shadow:var(--shadow-card);margin-bottom:16px;padding:24px 20px;animation:.4s ease-out fadeIn;position:relative;overflow:hidden}.gf-header-title{color:var(--gf-text-main);align-items:center;gap:10px;margin-bottom:8px;font-size:1.5rem;font-weight:600;display:flex}.gf-header-badge{background:var(--gf-purple-light);color:var(--gf-purple-primary);border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:500}.gf-header-desc{color:var(--gf-text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.5}.gf-progress-container{background-color:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-top:12px;overflow:hidden}.gf-progress-fill{background:linear-gradient(90deg, var(--gf-purple-primary), var(--gf-purple-accent));border-radius:4px;height:100%;transition:width .4s}.gf-progress-info{color:var(--gf-text-secondary);justify-content:space-between;align-items:center;margin-top:6px;font-size:.85rem;font-weight:500;display:flex}.gf-question-card{background:var(--gf-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000;margin-bottom:16px;padding:20px;animation:.3s ease-out slideUp}.gf-question-card.active-card{border-left:6px solid var(--gf-purple-primary)}.gf-question-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.gf-question-tag{color:var(--gf-purple-primary);background-color:var(--gf-purple-light);border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:500}.gf-question-num{color:var(--gf-text-main);margin-bottom:6px;font-size:1.15rem;font-weight:600}.gf-chinese-text{color:#1a1a1a;letter-spacing:.5px;word-break:break-word;margin-top:4px;font-family:Noto Sans SC,sans-serif;font-size:1.45rem;font-weight:500;line-height:1.6}.gf-pinyin-text{color:var(--gf-purple-primary);margin:4px 0 12px;font-size:1rem;font-style:italic;font-weight:500}.gf-options-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.gf-option-item{border-radius:var(--radius-md);border:1.5px solid var(--gf-border);cursor:pointer;transition:var(--transition);background:#fafafa;align-items:center;min-height:52px;padding:14px 16px;display:flex}.gf-option-item:hover{background:#f5f5f5;border-color:#bdbdbd}.gf-option-item.selected{background-color:var(--gf-purple-light);border-color:var(--gf-purple-primary);box-shadow:0 2px 6px #673ab71f}.gf-radio-outer{border:2px solid var(--gf-text-secondary);width:22px;height:22px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;display:flex}.gf-option-item.selected .gf-radio-outer{border-color:var(--gf-purple-primary)}.gf-radio-inner{background-color:var(--gf-purple-primary);border-radius:50%;width:10px;height:10px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.gf-option-item.selected .gf-radio-inner{transform:scale(1)}.gf-option-text{color:var(--gf-text-main);font-size:1.05rem;font-weight:400;line-height:1.4}.gf-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-top:1px solid #00000014;justify-content:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.gf-bottom-nav-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:680px;display:flex}.gf-btn{cursor:pointer;transition:var(--transition);border:none;border-radius:24px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.gf-btn-secondary{color:var(--gf-purple-primary);border:1px solid var(--gf-border);background:#fff}.gf-btn-secondary:hover:not(:disabled){background:var(--gf-purple-light)}.gf-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.gf-btn-primary{background:var(--gf-purple-primary);color:#fff;box-shadow:0 2px 8px #673ab74d}.gf-btn-primary:hover:not(:disabled){background:var(--gf-purple-dark)}.gf-btn-submit{color:#fff;background:#2e7d32;box-shadow:0 2px 8px #2e7d324d}.gf-entry-card{background:var(--gf-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:20px;padding:24px}.gf-input-group{margin-top:14px;margin-bottom:16px}.gf-input-label{color:var(--gf-text-main);margin-bottom:6px;font-size:.95rem;font-weight:500;display:block}.gf-text-input,.gf-select-input{border:1px solid var(--gf-border);border-radius:var(--radius-md);width:100%;transition:var(--transition);background:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem}.gf-result-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;border-top:10px solid var(--gf-purple-primary);background:#fff;margin-bottom:20px;padding:28px 20px}.gf-score-badge{background:var(--gf-purple-light);width:120px;height:120px;color:var(--gf-purple-primary);box-shadow:var(--shadow-elevated);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:16px 0;display:inline-flex}.gf-score-percent{font-size:2.2rem;font-weight:700;line-height:1}.gf-score-detail{margin-top:4px;font-size:.85rem;font-weight:500}.teacher-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;margin-bottom:20px;padding:20px}.teacher-tab-bar{border-bottom:2px solid var(--gf-border);gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.teacher-tab{cursor:pointer;color:var(--gf-text-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:.9rem;font-weight:600}.teacher-tab.active{color:var(--gf-purple-primary);border-bottom-color:var(--gf-purple-primary)}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.9rem}.data-table th,.data-table td{border:1px solid var(--gf-border);text-align:left;padding:10px 12px}.data-table th{background:var(--gf-purple-light);color:var(--gf-purple-primary);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}