.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%}.subject-card{background:#fff;border-radius:20px;padding:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000001a;text-align:center;position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--subject-color)}.subject-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0003}.subject-card .icon{font-size:60px;margin-bottom:20px}.subject-card h3{font-size:24px;margin-bottom:10px;color:#333}.subject-card p{color:#666;font-size:14px}.knowledge-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000014;border-left:4px solid var(--subject-color, #667eea)}.knowledge-card:hover{transform:translate(10px);box-shadow:0 8px 25px #0000001f}.knowledge-card h4{font-size:18px;margin-bottom:8px;color:#333}.knowledge-card .summary{color:#666;font-size:14px;margin-bottom:12px}.knowledge-card .tags{display:flex;gap:8px;flex-wrap:wrap}.knowledge-card .tag{font-size:12px;padding:4px 12px;border-radius:20px;background:#f0f0f0;color:#666}.knowledge-card .tag.high{background:#fff3cd;color:#856404}.knowledge-detail{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a}.knowledge-detail h1{font-size:32px;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.knowledge-detail .content{line-height:1.8;color:#444}.knowledge-detail .content h2{font-size:24px;margin:24px 0 16px;color:#333;border-bottom:2px solid #667eea;padding-bottom:8px}.knowledge-detail .content h3{font-size:18px;margin:20px 0 12px;color:#555}.knowledge-detail .content ul,.knowledge-detail .content ol{margin:12px 0;padding-left:24px}.knowledge-detail .content li{margin:8px 0}.knowledge-detail .content strong{color:#667eea}.knowledge-detail .content code{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;color:#764ba2}.formula-box{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;margin:20px 0;overflow-x:auto}.formula-box h4{margin-bottom:12px;color:#333}.formula-box .formula{font-size:20px;font-family:Times New Roman,serif;color:#667eea;margin:8px 0;padding:10px;background:#fff;border-radius:8px;text-align:center}.key-points{background:#fff9e6;border-left:4px solid #ffc107;border-radius:8px;padding:20px;margin:20px 0}.key-points h4{color:#856404;margin-bottom:12px}.key-points ul{margin:0;padding-left:20px}.key-points li{color:#664d03;margin:6px 0}.quiz-section{background:#f8f9ff;border-radius:16px;padding:30px;margin-top:40px}.quiz-section h3{font-size:24px;margin-bottom:20px;color:#333}.quiz-question{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 4px 12px #0000000d}.quiz-question .question-text{font-size:16px;color:#333;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{padding:12px 20px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:15px;text-align:left}.quiz-option:hover{border-color:#667eea;background:#f5f7ff}.quiz-option.selected{border-color:#667eea;background:#e8ecff}.quiz-option.correct{border-color:#28a745;background:#d4edda}.quiz-option.wrong{border-color:#dc3545;background:#f8d7da}.answer-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:border-color .2s}.answer-input:focus{outline:none;border-color:#667eea}.explanation{margin-top:16px;padding:16px;background:#f0f8ff;border-radius:8px;color:#444;line-height:1.6}.exam-container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000001a}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee;flex-wrap:wrap;gap:16px}.timer{font-size:36px;font-weight:700;color:#667eea;font-family:Courier New,monospace}.timer.warning{color:#dc3545;animation:pulse 1s infinite}.exam-progress{display:flex;align-items:center;gap:10px;font-size:18px;color:#666}.qa-container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000001a}.question-input{width:100%;min-height:120px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;resize:vertical;transition:border-color .2s}.question-input:focus{outline:none;border-color:#667eea}.answer-result{margin-top:24px;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e8ecff);border-radius:16px;animation:fadeIn .5s ease}.answer-result h4{font-size:18px;color:#667eea;margin-bottom:12px}.answer-result p{color:#444;line-height:1.8}.btn{padding:12px 28px;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:all .3s ease;font-weight:500;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #28a74566}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin:16px 0}.progress-bar .progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.stats-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 15px #00000014}.stats-card .number{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-card .label{color:#666;margin-top:8px;font-size:14px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.main-content{padding:16px}}@media (max-width: 768px){.main-content{padding:12px}.knowledge-detail{padding:20px;border-radius:16px}.knowledge-detail h1{font-size:24px;line-height:1.3}.knowledge-detail .content h2{font-size:20px}.knowledge-detail .content h3{font-size:16px}.knowledge-card{padding:16px;border-radius:12px}.knowledge-card h4{font-size:16px}.knowledge-card:hover{transform:none}.exam-container{padding:16px;border-radius:16px}.exam-header{flex-direction:column;align-items:stretch;text-align:center;gap:12px;padding-bottom:16px;margin-bottom:20px}.timer{font-size:28px}.exam-progress{justify-content:center;font-size:14px}.quiz-section{padding:20px 16px;border-radius:12px;margin-top:24px}.quiz-section h3{font-size:18px}.quiz-question{padding:16px;border-radius:10px}.quiz-question .question-text{font-size:15px}.quiz-option{padding:10px 14px;font-size:14px}.qa-container{padding:20px 16px;border-radius:16px}.question-input{min-height:100px;font-size:15px;padding:14px}.answer-result{padding:16px;border-radius:12px}.answer-result h4{font-size:16px}.btn{padding:10px 20px;font-size:14px}.stats-card{padding:16px;border-radius:12px}.stats-card .number{font-size:28px}.formula-box{padding:16px;border-radius:10px}.formula-box .formula{font-size:16px;padding:8px}.key-points{padding:16px;border-radius:8px}}@media (max-width: 480px){.main-content{padding:8px}.knowledge-detail{padding:16px}.knowledge-detail h1{font-size:20px}.exam-container{padding:12px}.timer{font-size:24px}.quiz-option{padding:8px 12px;font-size:13px}.btn{padding:10px 16px;font-size:13px;border-radius:8px}.stats-card .number{font-size:24px}.stats-card .label{font-size:12px}}@media (hover: none) and (pointer: coarse){.subject-card:hover,.knowledge-card:hover,.action-card:hover{transform:none}.quiz-option:hover{background:#fff;border-color:#e0e0e0}.quiz-option.selected:hover{background:#e8ecff;border-color:#667eea}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideIn{animation:slideIn .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease infinite}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a6fd6}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}input:focus,textarea:focus,select:focus,button:focus{outline:none}@media (hover: none) and (pointer: coarse){.card-hover:hover{transform:none;box-shadow:0 10px 30px #0000001a}}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}body{font-size:14px}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}