.thinking{display:flex;align-items:center;gap:14px;color:#2d2d2d}.thinking--block{justify-content:center;padding:24px 16px;background:linear-gradient(135deg,#f0f9ff,#f8fbff);border-radius:16px;border-left:4px solid #0AB5F5}.thinking--inline{padding:12px 4px;font-size:.92em}.thinking__orb{position:relative;width:32px;height:32px;flex-shrink:0}.thinking__core{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#5bd4ff,#0ab5f5 70%);box-shadow:0 0 12px #0ab5f573;animation:thinking-breathe 1.6s ease-in-out infinite}.thinking__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(10,181,245,.5);animation:thinking-pulse 1.8s ease-out infinite;opacity:0}.thinking__pulse--delay{animation-delay:.9s}@keyframes thinking-breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}@keyframes thinking-pulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.6);opacity:0}}.thinking__text{display:flex;flex-direction:column;gap:2px;min-width:0}.thinking__primary{font-size:.95em;font-weight:600;color:#2d2d2d;letter-spacing:.2px}.thinking__hint{font-size:.8em;color:#8e8e8e;font-weight:400;animation:thinking-hint-fade .4s ease-out}@keyframes thinking-hint-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.thinking__core,.thinking__pulse,.thinking__hint{animation:none}.thinking__pulse{opacity:.3}}.post-submit-flow{margin-top:20px}.ai-loading-block{padding:28px;background:#f0faf9;border-radius:20px;text-align:center}.ai-result-block{padding:24px;background:#f0faf9;border-radius:20px;border-left:4px solid #32BAAE}.ai-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ai-result-title{color:#32baae;font-weight:700;font-size:1.1em}.ai-error-block{padding:20px;background:#fff3e0;color:#e65100;border-radius:16px;text-align:center}.action-bar{margin-top:24px;padding-top:20px;border-top:1px solid #A7DDD7;display:flex;flex-direction:column;gap:12px}.action-row{display:flex;gap:10px;align-items:center}.action-btn{padding:10px 18px;border:2px solid #E8E8E8;border-radius:12px;background:#fff;font-weight:600;font-size:.9em;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn:hover:not(:disabled){border-color:#32baae;color:#32baae}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn--primary{background:#32baae;color:#fff;border-color:#32baae}.action-btn--primary:hover:not(:disabled){background:#298d7d;color:#fff}.email-input{flex:1;padding:10px 14px;border:2px solid #E8E8E8;border-radius:12px;font-size:.9em}.email-input:focus{outline:none;border-color:#32baae}.badge-coming-soon{display:inline-block;background:#fff3e0;color:#e65100;padding:2px 8px;border-radius:6px;font-size:.75em;font-weight:600;margin-left:6px}.retry-btn{margin-top:12px;padding:10px 24px;background:#e65100;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9em;cursor:pointer}.reset-btn{display:block;margin:20px auto 0;padding:12px 28px;background:#fff;border:2px solid #E8E8E8;border-radius:14px;font-weight:700;font-size:.95em;cursor:pointer;color:#2d2d2d}.reset-btn:hover{border-color:#32baae;color:#32baae}.success-text{color:#00a651;font-weight:600;font-size:.85em}.teacher-request-form{display:flex;flex-direction:column;gap:8px;width:100%}.channel-picker{display:flex;gap:8px}.channel-btn{flex:1;padding:8px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#f9f9f9;color:#9b9b9b;font-size:13px;cursor:default;position:relative}.channel-btn--active{border-color:#32baae;background:#f0faf9;color:#32baae;font-weight:600}.teacher-email-row{display:flex;gap:8px}.teacher-email-row .email-input{flex:1}.remember-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:#7a7a7a;cursor:pointer}.remember-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f1;min-height:100vh;font-size:18px;line-height:1.7;color:#2d2d2d;-webkit-font-smoothing:antialiased}.container{max-width:720px;margin:0 auto;padding:16px}.header{background:linear-gradient(135deg,#32baae,#5dbeaa);border-radius:24px;padding:36px 32px 32px;text-align:center;margin-bottom:24px;box-shadow:0 2px 12px #0000001f;border:none}.header h1{color:#fff;font-size:1.75em;margin-bottom:8px;letter-spacing:.5px;font-weight:700}.header p{color:#fffc;font-size:.9em;font-weight:400}.tab-nav{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.tab-button{flex:1;background:#fff;border:none;border-bottom:3px solid #E8E8E8;padding:14px 20px;border-radius:16px;font-size:1em;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#2d2d2d;text-align:center;box-shadow:0 2px 8px #0000000f}.tab-button:hover{border-bottom-color:#32baae;transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.tab-button.active{background:#fff;color:#2d2d2d;border-bottom:4px solid #32BAAE;box-shadow:0 2px 8px #0000000f}.loading{text-align:center;color:#8e8e8e;font-size:1em;padding:80px 20px;background:#fff;border-radius:24px;box-shadow:0 2px 12px #0000000f;border:none}.error-message{background:#fff5f5;border:none;color:#2d2d2d;padding:20px 24px;border-radius:16px;text-align:center;margin:16px 0;box-shadow:0 2px 8px #32baae1f;border-left:4px solid #32BAAE}.error-message h2{color:#32baae;margin-bottom:8px;font-size:1em}.form-section{background:#fff;border-radius:24px;padding:32px;box-shadow:0 2px 12px #0000000f;border:none}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2d2d2d;font-weight:700;font-size:.9em;letter-spacing:.3px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:2px solid #E8E8E8;border-radius:14px;font-size:1em;transition:all .25s;background:#fafafa;color:#2d2d2d;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#32baae;background:#fff;box-shadow:0 0 0 4px #32baae1a}.form-group textarea{min-height:120px;resize:vertical}.submit-button{width:100%;padding:16px;background:#32baae;color:#fff;border:none;border-radius:16px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;box-shadow:0 2px 12px #32baae40}.submit-button:hover{background:#298d7d;transform:translateY(-2px);box-shadow:0 6px 20px #0000002e}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.success-message{background:#00a651;color:#fff;padding:16px 20px;border-radius:16px;margin-bottom:20px;text-align:center;font-weight:600;box-shadow:0 4px 12px #00a65140}.stats-section{background:#fff;border-radius:24px;padding:20px 24px;margin-bottom:20px;box-shadow:0 2px 12px #0000000f;border:none}.stats-section h2{color:#2d2d2d;font-size:.95em;text-align:center;font-weight:700}.stats-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}.stat-card{text-align:center;padding:10px 16px;background:#fff;border-bottom:3px solid #E8E8E8;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:80px;cursor:pointer;box-shadow:0 2px 8px #0000000f}.stat-card:hover{border-bottom-color:#32baae;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.stat-card:hover .stat-number{color:#32baae}.stat-card:hover .stat-label{color:#2d2d2d}.stat-number{font-size:1.5em;font-weight:700;color:#32baae;transition:color .25s}.stat-label{font-size:.8em;color:#8e8e8e;margin-top:2px;transition:color .25s;font-weight:500}.question-list{display:grid;gap:16px}.question-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.question-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a;border-color:#e8e8e8}.question-card-highlighted{border-color:#32baae;box-shadow:0 0 0 3px #32baae33,0 8px 30px #0000001a;animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%{box-shadow:0 0 0 6px #32baae66,0 8px 30px #0000001a}to{box-shadow:0 0 0 3px #32baae33,0 8px 30px #0000001a}}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.grade-badge{display:inline-block;background:#32baae;color:#fff;padding:4px 14px;border-radius:10px;font-size:.8em;font-weight:700;letter-spacing:.3px}.resolved-badge{background:#00a651;color:#fff;padding:4px 14px;border-radius:10px;font-size:.8em;font-weight:700}.question-text{color:#2d2d2d;font-size:1em;line-height:1.7;margin:12px 0}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #F0F0F0;color:#aaa;font-size:.82em}.video-container{margin-top:16px;border-radius:16px;overflow:hidden;border:none;box-shadow:0 2px 8px #0000000f}.answer-tabs{display:flex;gap:0;margin-top:16px}.answer-tab{flex:1;padding:12px 20px;border:none;background:#f0f0f0;color:#aaa;font-size:.95em;font-weight:700;cursor:pointer;transition:all .25s;text-align:center}.answer-tab:first-child{border-radius:14px 0 0}.answer-tab:last-child{border-radius:0 14px 0 0}.answer-tab.active-ai,.answer-tab.active-teacher{background:#32baae;color:#fff}.answer-tab:hover:not(.active-ai):not(.active-teacher){background:#e4e4e4;color:#2d2d2d}.answer-panel{border:none;border-radius:0 0 14px 14px;padding:20px;background:#fafafa;min-height:80px}.ai-prompt-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ai-prompt-btn{padding:8px 18px;border:none;background:#e6f7f5;color:#32baae;border-radius:12px;font-size:.88em;font-weight:700;cursor:pointer;transition:all .25s}.ai-prompt-btn:hover{background:#32baae;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #32baae4d}.ai-prompt-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.ai-loading{display:flex;align-items:center;gap:10px;padding:20px;color:#32baae;font-weight:500}.ai-loading-dots{display:flex;gap:5px}.ai-loading-dots span{width:8px;height:8px;background:#32baae;border-radius:50%;animation:aiDotPulse 1.4s infinite}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes aiDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ai-response-content{color:#2d2d2d;line-height:1.8;font-size:.95em}.ai-response-content h2{color:#32baae;font-size:1.1em;margin-top:18px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #E6F7F5}.ai-response-content h2:first-child{margin-top:0}.ai-response-content p{margin-bottom:8px}.ai-response-content ul,.ai-response-content ol{padding-left:20px;margin-bottom:8px}.ai-response-content li{margin-bottom:4px}.ai-response-content strong{color:#298d7d}.ai-response-content code{background:#e6f7f5;padding:2px 8px;border-radius:6px;font-size:.9em}.ai-review-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:10px;font-size:.8em;font-weight:700;margin-top:12px}.ai-review-badge.verified{background:#e8f5e9;color:#2e7d32}.ai-review-badge.needs-fix{background:#fff3e0;color:#e65100}.ai-review-badge.pending{background:#f5f5f5;color:#aaa}.grade-buttons,.answer-choice-buttons{display:flex;gap:10px}.answer-choice-btn{flex:1;padding:14px 20px;border:none;border-bottom:3px solid #E8E8E8;border-radius:16px;background:#fff;color:#2d2d2d;font-size:1em;font-weight:700;cursor:pointer;transition:all .25s;text-align:center;box-shadow:0 2px 8px #0000000f}.answer-choice-btn.selected-ai,.answer-choice-btn.selected-teacher{border-bottom:4px solid #32BAAE;background:#fff;color:#32baae}@media(max-width:768px){body{font-size:17px}.container{padding:12px}.header{padding:24px 20px 20px;border-radius:20px;margin-bottom:16px}.header h1{font-size:1.5em}.tab-nav{gap:8px;margin-bottom:16px}.tab-button{padding:12px 16px;font-size:.92em;border-radius:14px}.form-section{padding:24px 20px;border-radius:20px}.form-group input,.form-group textarea,.form-group select{padding:14px}.submit-button{padding:16px}.stats-section{padding:16px;border-radius:20px}.stats-grid{gap:6px}.stat-card{min-width:70px;padding:8px 12px}.stat-number{font-size:1.3em}.question-card{padding:20px 18px;border-radius:18px}.question-card:hover{transform:none}.answer-tab{padding:11px 10px;font-size:.9em}.answer-panel{padding:16px 14px}.ai-prompt-buttons{gap:6px}.ai-prompt-btn{padding:9px 14px;font-size:.85em}.grade-buttons{flex-wrap:wrap;gap:8px}.grade-buttons button{min-width:calc(50% - 4px)}.answer-choice-buttons{flex-direction:column;gap:8px}}.embed-mode{padding:8px 12px}.embed-mode .form-section{margin-top:0}@media(max-width:480px){.header h1{font-size:1.3em}.header p{font-size:.82em}.tab-nav{flex-direction:column;gap:8px}.tab-button{padding:14px;width:100%}.question-header,.question-meta{flex-direction:column;align-items:flex-start;gap:8px}}