.custom-dialog-dontshow{margin:12px 0 4px;padding:10px 14px;background:#f5f7fa;border-radius:8px;font-size:13px;color:#666}.app.dark .custom-dialog-dontshow{background:#1a1a2e;color:#aaa}.custom-dialog-dontshow input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.card,.stat-card,.question-card,.option-item,.nav-tab,.paper-card,.mode-card,.wrong-item,.knowledge-card,.exam-card,.result-card,.settings-item{position:relative;overflow:hidden}.card:before,.stat-card:before,.question-card:before,.option-item:before,.nav-tab:before,.paper-card:before,.mode-card:before,.wrong-item:before,.knowledge-card:before,.exam-card:before,.result-card:before,.settings-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle 200px at var(--glow-x, 50%) var(--glow-y, 50%),rgba(102,126,234,.15),rgba(118,75,162,.08),transparent 70%);z-index:0}.card.glow-active:before,.stat-card.glow-active:before,.question-card.glow-active:before,.option-item.glow-active:before,.nav-tab.glow-active:before,.paper-card.glow-active:before,.mode-card.glow-active:before,.wrong-item.glow-active:before,.knowledge-card.glow-active:before,.exam-card.glow-active:before,.result-card.glow-active:before,.settings-item.glow-active:before{opacity:1}.app.dark .card:before,.app.dark .stat-card:before,.app.dark .question-card:before,.app.dark .option-item:before,.app.dark .nav-tab:before,.app.dark .paper-card:before,.app.dark .mode-card:before,.app.dark .wrong-item:before,.app.dark .knowledge-card:before,.app.dark .exam-card:before,.app.dark .result-card:before,.app.dark .settings-item:before{background:radial-gradient(circle 200px at var(--glow-x, 50%) var(--glow-y, 50%),rgba(102,126,234,.25),rgba(118,75,162,.12),transparent 70%)}.card>*,.stat-card>*,.question-card>*,.option-item>*,.nav-tab>*,.paper-card>*,.mode-card>*,.wrong-item>*,.knowledge-card>*,.exam-card>*,.result-card>*,.settings-item>*{position:relative;z-index:1}.continue-quiz-modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px 24px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 8px 24px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.continue-quiz-modern:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.continue-quiz-modern:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.continue-modern-left{display:flex;align-items:center;gap:16px;z-index:1}.continue-modern-icon{width:56px;height:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.continue-modern-info{flex:1}.continue-modern-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.continue-modern-subtitle{font-size:13px;color:#ffffffd9;margin-bottom:10px}.continue-modern-progress-wrap{display:flex;align-items:center;gap:12px}.continue-modern-progress-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden;min-width:150px}.continue-modern-progress-fill{height:100%;background:#fff;border-radius:3px;transition:width .3s ease}.continue-modern-progress-text{font-size:12px;color:#ffffffe6;white-space:nowrap}.continue-modern-right{display:flex;align-items:center;gap:12px;z-index:1}.continue-modern-percent{font-size:24px;font-weight:800;color:#fff}.continue-modern-arrow{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--danger: #ef4444;--danger-light: #f87171;--info: #3b82f6;--bg-light: #f8fafc;--bg-dark: #0f172a;--card-light: #ffffff;--card-dark: #1e293b;--card-hover-light: #f1f5f9;--card-hover-dark: #334155;--text-light: #1e293b;--text-dark: #f1f5f9;--text-secondary-light: #64748b;--text-secondary-dark: #94a3b8;--border-light: #e2e8f0;--border-dark: #334155;--shadow-light: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-light-hover: 0 10px 25px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04);--shadow-dark: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-dark-hover: 0 10px 25px rgba(0,0,0,.4), 0 4px 10px rgba(0,0,0,.3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9}body.dark-body{background:#020617}.app{height:100%;width:100%;display:flex;flex-direction:column;background:var(--bg-light);color:var(--text-light);transition:background .3s ease,color .3s ease;position:relative;z-index:1}.app.dark{background:var(--bg-dark);color:var(--text-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-slideUp{animation:slideUp .3s ease}.animate-popIn{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#ffffff73;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 2px 16px #0000000f,inset 0 1px #ffffff80;z-index:100;flex-shrink:0}.app.dark .header{background:#14141e80;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 16px #0003,inset 0 1px #ffffff0f}.header-left{display:flex;align-items:center;gap:12px}.logo{font-size:32px}.app-title{display:flex;flex-direction:column}.title-main{font-size:18px;font-weight:700}.title-sub{font-size:11px;color:var(--text-secondary-light)}.app.dark .title-sub{color:var(--text-secondary-dark)}.header-center{flex:1;display:flex;justify-content:center}.nav-tabs{display:flex;gap:2px;background:#ffffff26;padding:4px;border-radius:14px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff4d}.app.dark .nav-tabs{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.nav-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-secondary-light);font-weight:500}.app.dark .nav-tab{color:#fff9}.nav-tab:hover{background:#fff3;color:var(--text-light)}.app.dark .nav-tab:hover{background:#ffffff1a;color:#ffffffe6}.nav-tab.active{background:linear-gradient(135deg,#6366f18c,#8b5cf68c);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px #6366f159,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;border:1px solid rgba(255,255,255,.2);font-weight:600}.app.dark .nav-tab.active{background:linear-gradient(135deg,#6366f173,#8b5cf673);border:1px solid rgba(255,255,255,.15)}.tab-icon{font-size:16px}.header-right{display:flex;align-items:center;gap:12px}.streak-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;animation:pulse 2s infinite}.icon-btn{width:36px;height:36px;border:none;border-radius:8px;background:var(--bg-light);cursor:pointer;font-size:18px;transition:background-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.app.dark .icon-btn{background:var(--bg-dark);color:var(--text-dark)}.app.dark .icon-btn.active{background:#faad1433;color:#faad14}.icon-btn:hover{background:#6366f11a;transform:scale(1.05)}.icon-btn.active{background:#fff3cd}.main-content{flex:1;overflow:hidden;position:relative}.page{height:100%;overflow-y:auto;padding:24px}.page-title{font-size:24px;font-weight:700;margin-bottom:20px}.page-subtitle{font-size:14px;color:var(--text-secondary-light);font-weight:400}.app.dark .page-subtitle{color:var(--text-secondary-dark)}.section-title{font-size:18px;font-weight:700;margin-bottom:16px}.welcome-section{background:var(--primary-gradient);color:#fff;padding:32px;border-radius:var(--radius-xl);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #6366f140;position:relative;overflow:hidden}.welcome-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.welcome-text h1{font-size:28px;margin-bottom:8px}.welcome-text p{font-size:14px;opacity:.9}.welcome-stats{display:flex;gap:24px}.stat-card{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:12px;text-align:center;min-width:100px}.stat-num{font-size:28px;font-weight:700}.stat-label{font-size:12px;opacity:.9;margin-top:4px}.quick-start{margin-bottom:24px}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-card{padding:24px;border-radius:16px;cursor:pointer;transition:all .3s ease;color:#fff;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffff4d,inset 0 -1px #00000014}.quick-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003,inset 0 1px #fff6;border-color:#fff6}.gradient-purple{background:linear-gradient(135deg,#6366f1d9,#8b5cf6d9)}.gradient-green{background:linear-gradient(135deg,#11998ed9,#38ef7dd9)}.gradient-orange{background:linear-gradient(135deg,#f093fbd9,#f5576cd9)}.gradient-blue{background:linear-gradient(135deg,#4facfed9,#00f2fed9)}.quick-icon{font-size:36px;margin-bottom:12px}.quick-name{font-size:18px;font-weight:700;margin-bottom:4px}.quick-desc{font-size:12px;opacity:.9}.home-bottom{display:grid;grid-template-columns:2fr 1fr;gap:24px}.learning-progress,.recent-wrong{background:var(--card-light);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.learning-progress:hover,.recent-wrong:hover{box-shadow:var(--shadow-light-hover)}.app.dark .learning-progress,.app.dark .recent-wrong{background:var(--card-dark);box-shadow:var(--shadow-dark);border-color:var(--border-dark)}.app.dark .learning-progress:hover,.app.dark .recent-wrong:hover{box-shadow:var(--shadow-dark-hover)}.progress-bars{display:flex;flex-direction:column;gap:12px}.progress-item{display:flex;align-items:center;gap:12px}.progress-label{width:80px;font-size:14px}.progress-bar-wrap{flex:1;height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden}.app.dark .progress-bar-wrap{background:var(--bg-dark)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:4px;transition:width .5s ease}.progress-percent{width:50px;text-align:right;font-size:13px;color:var(--text-secondary-light)}.app.dark .progress-percent{color:var(--text-secondary-dark)}.empty-small{color:var(--text-secondary-light);font-size:14px;text-align:center;padding:20px}.app.dark .empty-small{color:var(--text-secondary-dark)}.wrong-mini-list{display:flex;flex-direction:column;gap:8px}.wrong-mini-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg-light);border-radius:8px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;font-size:13px}.app.dark .wrong-mini-item{background:var(--bg-dark)}.wrong-mini-item:hover{background:#6366f11a}.wrong-mini-num{width:24px;height:24px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.wrong-mini-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.paper-card{background:var(--card-light);padding:24px;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light);border-left:4px solid}.app.dark .paper-card{background:var(--card-dark);box-shadow:var(--shadow-dark)}.paper-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.paper-color-0{border-left-color:#1890ff}.paper-color-1{border-left-color:#52c41a}.paper-color-2{border-left-color:#faad14}.paper-color-3{border-left-color:#722ed1}.paper-color-all{border-left-color:#ff4d4f}.paper-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.paper-icon{font-size:36px}.paper-count{font-size:13px;color:var(--text-secondary-light);background:var(--bg-light);padding:4px 10px;border-radius:12px}.app.dark .paper-count{color:var(--text-secondary-dark);background:var(--bg-dark)}.paper-name{font-size:18px;font-weight:700;margin-bottom:12px}.paper-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary-light)}.app.dark .paper-progress{color:var(--text-secondary-dark)}.paper-progress-bar{flex:1;height:6px;background:var(--bg-light);border-radius:3px;overflow:hidden}.app.dark .paper-progress-bar{background:var(--bg-dark)}.paper-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001f;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background:var(--card-light);border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;margin:0!important;flex-shrink:0}.app.dark .modal-box{background:var(--card-dark)}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary-light)}.app.dark .modal-close{color:var(--text-secondary-dark)}.mode-modal{max-width:600px}.mode-grid-large{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mode-card-large{padding:24px;border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--bg-light);text-align:center}.app.dark .mode-card-large{background:var(--bg-dark)}.mode-card-large:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6366f133;background:#6366f11a}.mode-icon-large{font-size:40px;margin-bottom:12px}.mode-name-large{font-size:16px;font-weight:700;margin-bottom:6px}.mode-desc-large{font-size:12px;color:var(--text-secondary-light)}.app.dark .mode-desc-large{color:var(--text-secondary-dark)}.quiz-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative;padding:12px 16px 0;box-sizing:border-box;background:linear-gradient(135deg,#6366f10f,#8b5cf60f 20%,#4facfe0f,#00f2fe0f 70%,#43e97b0f)}.app.dark .quiz-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative;background:linear-gradient(135deg,#6366f10f,#8b5cf60f 20%,#4facfe0f,#00f2fe0f 70%,#43e97b0f)!important}.quiz-header{display:flex;align-items:center;gap:16px;padding:14px 28px;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 2px 12px #0000000a;flex-shrink:0;border-radius:16px 16px 0 0}.app.dark .quiz-header{background:#14141e80;border-bottom:1px solid rgba(255,255,255,.08)}.app.dark .quiz-header{background:var(--card-dark);box-shadow:var(--shadow-dark)}.back-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease,box-shadow .2s ease}.back-btn:hover{background:var(--bg-light)}.app.dark .back-btn{color:var(--text-dark)}.app.dark .back-btn:hover{background:var(--bg-dark);color:var(--text-dark)}.quiz-info{flex:1}.quiz-progress-text{font-size:14px;font-weight:600;margin-bottom:4px}.quiz-progress-bar-large{height:6px;background:var(--bg-light);border-radius:3px;overflow:hidden}.app.dark .quiz-progress-bar-large{background:var(--bg-dark)}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px;transition:width .3s ease}.quiz-timer{font-size:14px;font-weight:600;color:var(--primary)}.app.dark .quiz-progress-text{color:var(--text-dark)}.quiz-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 60px;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative}.question-section{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}.question-type-tag{display:inline-block;padding:4px 12px;background:var(--primary);color:#fff;border-radius:4px;font-size:12px;margin-bottom:16px;align-self:flex-start}.question-text{font-size:18px;line-height:1.7;margin-bottom:24px;font-weight:500}.question-image-wrapper{width:100%;margin-bottom:16px;border-radius:12px;overflow:hidden;border:1px solid var(--border-light);background:#fff;line-height:0}.app.dark .question-image-wrapper{border-color:var(--border-dark);background:var(--card-dark)}.question-image{display:block;width:100%;height:auto;cursor:zoom-in}.question-image-hint{font-size:12px;color:var(--text-secondary-light);text-align:center;padding:6px 0;background:#00000008}.app.dark .question-image-hint{color:var(--text-secondary-dark);background:#ffffff0d}.floating-image-panel{position:fixed;width:580px;max-height:82vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;z-index:10000;overflow:hidden;display:flex;flex-direction:column;animation:floatingImgIn .25s cubic-bezier(.34,1.56,.64,1)}.app.dark .floating-image-panel{background:var(--card-dark);box-shadow:0 20px 60px #00000080}@keyframes floatingImgIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-image-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0}.floating-image-title{font-size:13px;font-weight:600}.floating-image-zoom-info{font-size:11px;opacity:.8;margin-left:8px}.floating-image-close{width:28px;height:28px;border-radius:50%;background:#fff3;color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.floating-image-close:hover{background:#fff6}.floating-image-body{flex:1;overflow:auto;padding:12px;display:flex;align-items:flex-start;justify-content:center;cursor:grab}.floating-image-body:active{cursor:grabbing}.floating-image-img{max-width:100%;height:auto;border-radius:8px;display:block;transition:transform .1s ease;transform-origin:center center}.floating-image-img.zoomed{max-width:none;cursor:zoom-out}.image-modal-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;background:#000000e6;display:flex!important;align-items:center!important;justify-content:center!important;z-index:20000;cursor:zoom-out}.image-modal-content{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.image-modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff26;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:20001}.image-modal-close:hover{background:#ffffff4d}.floating-image-hint{font-size:11px;color:#999;text-align:center;padding:6px 12px;background:#f5f5f5;flex-shrink:0}.app.dark .floating-image-hint{color:#888;background:#ffffff0d}.options-large{display:flex;flex-direction:column;gap:12px}.option-large{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--card-light);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.app.dark .option-large{background:var(--card-dark);border-color:var(--border-dark)}.option-large:hover{border-color:var(--primary);background:#6366f10d}.option-large.selected{border-color:var(--primary);background:#6366f11f}.app.dark .option-large.selected{border-color:#a5b4fc;background:#6366f140;border-width:2px}.app.dark .option-large.selected .option-text-large{color:#c8d0ff}.option-large.correct{border-color:var(--success);background:#52c41a1a}.app.dark .option-large.correct{border-color:#69d62e;background:#52c41a40}.option-large.wrong{border-color:var(--danger);background:#ff4d4f1a}.app.dark .option-large.wrong{border-color:#ff6b6d;background:#ff4d4f40}.option-label-large{width:32px;height:32px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;transition:background .15s ease,color .15s ease}.app.dark .option-label-large{background:var(--bg-dark);color:var(--text-dark)}.option-large.selected .option-label-large{background:var(--primary);color:#fff}.option-large.correct .option-label-large{background:var(--success);color:#fff}.option-large.wrong .option-label-large{background:var(--danger);color:#fff}.option-text-large{font-size:15px;line-height:1.5}.answer-section{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:200px;max-height:100%;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin}.answer-section::-webkit-scrollbar{width:6px}.answer-section::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.answer-section::-webkit-scrollbar-track{background:transparent}.answer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 24px;background:var(--card-light);border:2px dashed var(--border-light);border-radius:12px;text-align:center;min-height:280px}.app.dark .answer-placeholder{background:var(--card-dark);border-color:var(--border-dark)}.placeholder-icon{font-size:36px}.placeholder-title{font-size:16px;font-weight:600;color:var(--text-light)}.app.dark .placeholder-title{color:var(--text-dark)}.placeholder-text{font-size:13px;color:var(--text-secondary-light);line-height:1.6;max-width:280px}.app.dark .placeholder-text{color:var(--text-secondary-dark)}.answer-result{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;font-weight:600}.answer-result.correct{background:#52c41a1a;color:var(--success)}.answer-result.wrong{background:#ff4d4f1a;color:var(--danger)}.correct-answer{margin-left:auto;font-size:13px}.explanation-card,.knowledge-card{background:var(--card-light);padding:16px;border-radius:12px;box-shadow:var(--shadow-light)}.app.dark .explanation-card,.app.dark .knowledge-card{background:var(--card-dark);box-shadow:var(--shadow-dark)}.card-title{font-size:15px;font-weight:700;margin-bottom:10px}.explanation-text{font-size:14px;line-height:1.7;color:var(--text-secondary-light)}.app.dark .explanation-text{color:var(--text-secondary-dark)}.knowledge-item{margin-bottom:8px}.knowledge-item:last-child{margin-bottom:0}.knowledge-name{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-light);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease}.app.dark .knowledge-name{background:var(--bg-dark)}.knowledge-name:hover{background:#6366f11a}.expand-icon{margin-left:auto;font-size:12px;color:var(--text-secondary-light)}.app.dark .expand-icon{color:var(--text-secondary-dark)}.knowledge-detail{padding:12px;font-size:13px;line-height:1.7;color:var(--text-secondary-light)}.app.dark .knowledge-detail{color:var(--text-secondary-dark)}.knowledge-principle{margin-bottom:10px}.formulas-title{font-weight:600;margin-bottom:6px}.formula-item{padding:6px 10px;background:var(--bg-light);border-radius:4px;margin-bottom:4px;font-family:monospace}.app.dark .formula-item{background:var(--bg-dark)}.answer-actions{display:flex;gap:12px}.action-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ai-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.search-btn{background:linear-gradient(135deg,#fa8c16,#d46b08)}.quiz-footer{display:flex;gap:32px;padding:12px 60px 24px;background:transparent;box-shadow:none;border-top:none;flex-shrink:0;align-items:center;justify-content:center;min-height:84px;max-height:84px;box-sizing:border-box;position:relative;z-index:10}.app.dark .quiz-footer{background:transparent}.app.dark .quiz-footer{flex-shrink:0;width:100%;height:96px;min-height:96px;max-height:96px;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 60px 20px;background:#0f0f19b3!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -4px 20px #0000004d!important;box-sizing:border-box;z-index:10;overflow:hidden;position:relative}.app.dark .quiz-footer{background:#1e1e2899!important;border-top:1px solid rgba(255,255,255,.1)!important}.footer-btn{position:absolute;bottom:20px;width:160px;height:48px;min-width:160px;max-width:160px;min-height:48px;max-height:48px;padding:0;margin:0;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:none!important;transform:none!important;pointer-events:auto;line-height:48px;text-align:center}.app.dark .footer-btn{background:#28283cd9;color:var(--text-dark);border-color:#ffffff1a}.app.dark .footer-btn{background:var(--bg-dark);color:var(--text-dark)}.footer-btn:hover:not(:disabled){box-shadow:0 6px 18px #0000001a;filter:brightness(1.06);border-color:#0000001a}.footer-btn:disabled{opacity:.4;cursor:not-allowed}.footer-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 8px #6366f14d}.footer-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #0000001f;transform:none!important;filter:brightness(1.05)}.footer-btn.success{background:linear-gradient(135deg,var(--success),#389e0d);color:#fff;box-shadow:0 2px 8px #52c41a4d}.footer-btn.success:hover:not(:disabled){box-shadow:0 4px 12px #0000001f;transform:none!important;filter:brightness(1.05)}.footer-btn.danger{background:linear-gradient(135deg,var(--danger),#cf1322);color:#fff;box-shadow:0 2px 8px #ff4d4f4d}.footer-btn.danger:hover:not(:disabled){box-shadow:0 4px 12px #0000001f;transform:none!important;filter:brightness(1.05)}.footer-btn.large{width:200px;height:52px;min-width:200px;max-width:200px;min-height:52px;max-height:52px;padding:0 24px;font-size:17px;line-height:52px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.footer-btn:first-child{opacity:.85;min-width:140px}.page-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;gap:8px}.action-btn-small{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;background:var(--primary-gradient);color:#fff;transition:all var(--transition-fast);box-shadow:0 2px 8px #6366f140}.action-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f159}.action-btn-small:active{transform:translateY(0)}.action-btn-small.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440}.action-btn-small.danger:hover{box-shadow:0 4px 12px #ef444459}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-title{font-size:20px;font-weight:700;margin-bottom:8px}.empty-desc{font-size:14px;color:var(--text-secondary-light)}.app.dark .empty-desc{color:var(--text-secondary-dark)}.wrong-list-large{display:flex;flex-direction:column;gap:16px}.wrong-card-large{background:var(--card-light);padding:20px;border-radius:12px;box-shadow:var(--shadow-light);border-left:4px solid var(--danger)}.app.dark .wrong-card-large{background:var(--card-dark);box-shadow:var(--shadow-dark)}.wrong-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wrong-num{width:28px;height:28px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.wrong-paper{font-size:13px;color:var(--text-secondary-light);background:var(--bg-light);padding:4px 10px;border-radius:12px}.app.dark .wrong-paper{color:var(--text-secondary-dark);background:var(--bg-dark)}.wrong-streak{font-size:12px;color:#ff9800;background:#ff98001a;padding:4px 10px;border-radius:12px;font-weight:600}.app.dark .wrong-streak{color:#ffb74d;background:#ff980026}.wrong-remove-btn{margin-left:auto;background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px}.wrong-question{font-size:15px;line-height:1.6;margin-bottom:12px;font-weight:500}.wrong-answers{display:flex;gap:16px;margin-bottom:10px;font-size:13px}.wrong-user-answer{color:var(--danger)}.wrong-correct-answer{color:var(--success)}.wrong-explanation{font-size:13px;line-height:1.6;color:var(--text-secondary-light)}.app.dark .wrong-explanation{color:var(--text-secondary-dark)}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card-large{background:var(--card-light);padding:24px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-light);border:1px solid var(--border-light);transition:all var(--transition-normal)}.app.dark .stat-card-large{background:var(--card-dark);box-shadow:var(--shadow-dark);border-color:var(--border-dark)}.stat-card-large:hover{transform:translateY(-4px);box-shadow:var(--shadow-light-hover)}.app.dark .stat-card-large:hover{box-shadow:var(--shadow-dark-hover)}.stat-icon-large{font-size:36px;margin-bottom:12px}.stat-num-large{font-size:28px;font-weight:700;color:var(--primary)}.stat-label-large{font-size:13px;color:var(--text-secondary-light);margin-top:4px}.app.dark .stat-label-large{color:var(--text-secondary-dark)}.stats-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.chart-card{background:var(--card-light);padding:20px;border-radius:16px;box-shadow:var(--shadow-light)}.app.dark .chart-card{background:var(--card-dark);box-shadow:var(--shadow-dark)}.chart-title{font-size:16px;font-weight:700;margin-bottom:20px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:8px}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:60%;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:4px 4px 0 0;position:relative;transition:height .5s ease;min-height:4px}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600}.bar-label{font-size:12px;color:var(--text-secondary-light);margin-top:8px}.app.dark .bar-label{color:var(--text-secondary-dark)}.paper-stats{display:flex;flex-direction:column;gap:14px}.paper-stat-item{display:flex;align-items:center;gap:12px}.paper-stat-name{width:70px;font-size:13px}.paper-stat-bar{flex:1;height:10px;background:var(--bg-light);border-radius:5px;overflow:hidden}.app.dark .paper-stat-bar{background:var(--bg-dark)}.paper-stat-fill{height:100%;background:linear-gradient(90deg,var(--success),#389e0d);border-radius:5px;transition:width .5s ease}.paper-stat-percent{width:45px;text-align:right;font-size:13px;font-weight:600}.summary-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);padding:24px;border-radius:16px;border-left:4px solid var(--primary)}.summary-title{font-size:18px;font-weight:700;margin-bottom:12px}.summary-content{font-size:15px;line-height:1.8;color:var(--text-secondary-light)}.app.dark .summary-content{color:var(--text-secondary-dark)}.knowledge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.knowledge-card-large{background:var(--card-light);padding:24px;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light)}.app.dark .knowledge-card-large{background:var(--card-dark);box-shadow:var(--shadow-dark)}.knowledge-card-large:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6366f133}.knowledge-card-icon{font-size:40px;margin-bottom:12px}.knowledge-card-name{font-size:15px;font-weight:700;margin-bottom:8px}.knowledge-card-keywords{font-size:11px;color:var(--text-secondary-light);line-height:1.5}.app.dark .knowledge-card-keywords{color:var(--text-secondary-dark)}.knowledge-modal{max-width:600px}.knowledge-detail-content{display:flex;flex-direction:column;gap:20px}.knowledge-section h4{font-size:15px;margin-bottom:10px;color:var(--primary)}.knowledge-section p{font-size:14px;line-height:1.8;color:var(--text-secondary-light)}.app.dark .knowledge-section p{color:var(--text-secondary-dark)}.formula-box{padding:10px 14px;background:var(--bg-light);border-radius:8px;margin-bottom:8px;font-family:monospace;font-size:14px}.app.dark .formula-box{background:var(--bg-dark)}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{padding:6px 12px;background:#6366f11a;color:var(--primary);border-radius:16px;font-size:12px}.ai-chat-modal-large{max-width:500px;width:90%;height:600px;display:flex;flex-direction:column;padding:0;overflow:hidden}.ai-chat-header{display:flex;align-items:center;gap:8px;padding:16px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;cursor:move;-webkit-user-select:none;user-select:none}.drag-hint{font-size:11px;opacity:.7;font-weight:400}.ai-chat-header .modal-close{color:#fff;margin-left:auto}.ai-model-bar{display:flex;gap:8px;padding:10px 16px;background:var(--bg-light);border-bottom:1px solid var(--border-light)}.app.dark .ai-model-bar{background:var(--bg-dark);border-bottom-color:var(--border-dark)}.ai-model-select{flex:1;padding:6px 10px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;background:var(--card-light);color:var(--text-light)}.app.dark .ai-model-select{background:var(--card-dark);border-color:var(--border-dark);color:var(--text-dark)}.ai-redetect-btn{padding:6px 12px;border:none;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer;font-size:12px;white-space:nowrap}.ai-redetect-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-question{padding:10px 16px;background:#6366f114;font-size:12px;color:var(--text-secondary-light);border-bottom:1px solid var(--border-light)}.app.dark .ai-chat-question{color:var(--text-secondary-dark);border-bottom-color:var(--border-dark)}.ai-chat-messages-large{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-message-large{display:flex;gap:10px;max-width:85%}.ai-message-large.user{align-self:flex-end;flex-direction:row-reverse}.ai-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.app.dark .ai-avatar{background:var(--bg-dark)}.ai-message-large.user .ai-avatar{background:var(--primary)}.ai-bubble{background:var(--bg-light);padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.app.dark .ai-bubble{background:var(--bg-dark)}.ai-message-large.user .ai-bubble{background:var(--primary);color:#fff}.ai-typing-large{display:flex;gap:4px;align-items:center;padding:14px}.ai-typing-large span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary-light);animation:typing 1.4s infinite}.ai-typing-large span:nth-child(2){animation-delay:.2s}.ai-typing-large span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.ai-chat-input-large{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light)}.app.dark .ai-chat-input-large{border-top-color:var(--border-dark)}.ai-chat-input-large input{flex:1;padding:10px 14px;border:1px solid var(--border-light);border-radius:20px;font-size:14px;outline:none;background:var(--card-light);color:var(--text-light)}.app.dark .ai-chat-input-large input{background:var(--card-dark);border-color:var(--border-dark);color:var(--text-dark)}.ai-chat-input-large input:focus{border-color:var(--primary)}.ai-chat-input-large button{padding:10px 20px;border:none;border-radius:20px;background:var(--primary);color:#fff;cursor:pointer;font-size:14px}.ai-chat-input-large button:disabled{opacity:.5;cursor:not-allowed}.ai-chat-status{text-align:center;font-size:12px;color:var(--text-secondary-light);padding:4px}.app.dark .ai-chat-status{color:var(--text-secondary-dark)}.exam-result-modal-large,.practice-result-modal{text-align:center;max-width:400px}.exam-result-icon,.result-icon-large{font-size:64px;margin-bottom:16px}.exam-result-title,.result-title-large{font-size:24px;font-weight:700;margin-bottom:12px}.exam-result-score-large{font-size:20px;color:var(--text-secondary-light);margin-bottom:8px}.app.dark .exam-result-score-large{color:var(--text-secondary-dark)}.exam-result-rate-large{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:24px}.result-stats-large{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.result-stat{display:flex;flex-direction:column}.result-stat .num{font-size:28px;font-weight:700}.result-stat .label{font-size:12px;color:var(--text-secondary-light)}.app.dark .result-stat .label{color:var(--text-secondary-dark)}.exam-result-actions-large,.result-actions-large{display:flex;gap:12px}.exam-result-actions-large .footer-btn,.result-actions-large .footer-btn{flex:1}.settings-modal{max-width:450px}.settings-list-large{display:flex;flex-direction:column;gap:4px}.filter-btn{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s;color:#666}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.app.dark .filter-btn{background:var(--card-dark);border-color:var(--border-dark);color:var(--text-secondary-dark)}.app.dark .filter-btn:hover{border-color:var(--primary);color:var(--primary)}.app.dark .filter-btn.active{background:var(--primary);color:#fff}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#0003;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999;animation:fadeIn .2s ease;margin:0!important;padding:20px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes jellyPopIn{0%{opacity:0;transform:scale(.6) translateY(30px)}50%{opacity:1;transform:scale(1.08) translateY(-5px)}70%{transform:scale(.96) translateY(2px)}85%{transform:scale(1.03) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes jellyPopOut{0%{opacity:1;transform:scale(1) translateY(0)}30%{transform:scale(1.05) translateY(-3px)}to{opacity:0;transform:scale(.7) translateY(20px)}}.animate-popIn{animation:jellyPopIn .45s cubic-bezier(.34,1.56,.64,1)}.animate-popOut{animation:jellyPopOut .3s cubic-bezier(.55,0,.675,.19) forwards}.animate-fadeIn{animation:fadeIn .2s ease}.animate-fadeOut{animation:fadeOut .25s ease forwards}.custom-dialog-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.custom-dialog-box{background:#fff;border-radius:16px;padding:28px 24px 20px;min-width:320px;max-width:420px;box-shadow:0 20px 60px #00000026;text-align:center}.app.dark .custom-dialog-box{background:var(--card-dark);box-shadow:0 20px 60px #0006}.custom-dialog-icon{font-size:48px;margin-bottom:12px}.custom-dialog-title{font-size:18px;font-weight:600;color:var(--text-light);margin-bottom:8px}.app.dark .custom-dialog-title{color:var(--text-dark)}.custom-dialog-message{font-size:14px;color:var(--text-secondary-light);line-height:1.6;margin-bottom:20px}.app.dark .custom-dialog-message{color:var(--text-secondary-dark)}.custom-dialog-actions{display:flex;gap:12px;justify-content:center}.custom-dialog-btn{flex:1;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.custom-dialog-btn:active{transform:scale(.96)}.custom-dialog-btn.confirm{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.custom-dialog-btn.confirm:hover{box-shadow:0 4px 12px #6366f166}.custom-dialog-btn.cancel{background:var(--bg-light);color:var(--text-secondary-light)}.app.dark .custom-dialog-btn.cancel{background:var(--bg-dark);color:var(--text-secondary-dark)}.custom-dialog-btn.cancel:hover{background:#e8e8e8}.app.dark .custom-dialog-btn.cancel:hover{background:#3a3a50}.settings-modal-new{width:480px;max-height:85vh;padding:0!important;overflow:hidden;display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.settings-header-icon{font-size:32px;background:#fff3;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.settings-header-text{flex:1}.settings-header-title{font-size:20px;font-weight:700;margin-bottom:2px}.settings-header-sub{font-size:13px;opacity:.85}.settings-header .modal-close{background:#fff3!important;color:#fff!important;position:absolute;top:16px;right:16px}.settings-header .modal-close:hover{background:#ffffff4d!important}.settings-body{flex:1;overflow-y:auto;padding:20px;background:#f5f7fa}.app.dark .settings-body{background:#1a1a2e}.settings-group{margin-bottom:20px}.settings-group:last-child{margin-bottom:0}.settings-group-title{font-size:13px;font-weight:600;color:#888;margin-bottom:10px;padding-left:4px;text-transform:uppercase;letter-spacing:.5px}.app.dark .settings-group-title{color:#888}.settings-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.app.dark .settings-card{background:var(--card-dark);box-shadow:0 2px 8px #0003}.setting-row{display:flex;align-items:center;gap:14px;padding:14px 16px;transition:background .2s}.setting-row.clickable{cursor:pointer}.setting-row.clickable:hover{background:#f8f9ff}.app.dark .setting-row.clickable:hover{background:#667eea1a}.setting-row.clickable.danger:hover{background:#fff2f0}.app.dark .setting-row.clickable.danger:hover{background:#ff4d4f1a}.setting-row-icon{width:36px;height:36px;border-radius:10px;background:#f0f2ff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.app.dark .setting-row-icon{background:#667eea26}.setting-row-info{flex:1;min-width:0}.setting-row-title{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.app.dark .setting-row-title{color:var(--text-dark)}.setting-row.danger .setting-row-title{color:#ff4d4f}.setting-row-desc{font-size:12px;color:#999;line-height:1.4}.app.dark .setting-row-desc{color:#888}.setting-row-arrow{font-size:20px;color:#ccc;font-weight:300}.setting-row-badge{background:#667eea;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;min-width:24px;text-align:center}.setting-divider-line{height:1px;background:#f0f0f0;margin:0 16px}.app.dark .setting-divider-line{background:#3a3a50}.toggle-switch{width:46px;height:26px;border-radius:13px;background:#ddd;position:relative;cursor:pointer;transition:background .3s;flex-shrink:0}.toggle-switch.active{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-knob{transform:translate(20px)}.about-card{text-align:center;padding:24px 20px!important}.about-logo{font-size:48px;margin-bottom:10px}.about-name{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.app.dark .about-name{color:var(--text-dark)}.about-version{font-size:13px;color:#999;margin-bottom:16px}.about-divider{height:1px;background:#f0f0f0;margin:16px 0}.app.dark .about-divider{background:#3a3a50}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.about-item{background:#f8f9ff;padding:10px 12px;border-radius:10px}.app.dark .about-item{background:#667eea1a}.about-item-label{font-size:11px;color:#999;margin-bottom:3px}.about-item-value{font-size:13px;font-weight:600;color:#333}.app.dark .about-item-value{color:var(--text-dark)}.game-status-bar{display:flex;align-items:center;gap:8px;margin-right:8px}.game-stat{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#6366f11a;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;font-size:13px;white-space:nowrap}.game-stat:hover{background:#6366f133;transform:translateY(-1px)}.game-icon{font-size:15px}.game-text{font-weight:600;color:#555}.app.dark .game-text{color:#ddd}.coin-stat{background:#ffc10726}.coin-stat:hover{background:#ffc10740}.combo-stat{background:#ff575726;animation:comboPulse .8s ease infinite}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.combo-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;animation:comboFloat 1.2s ease-out forwards}.combo-text{font-size:48px;font-weight:900;color:#ff5757;text-shadow:0 0 20px rgba(255,87,87,.6),2px 2px 4px rgba(0,0,0,.3);letter-spacing:2px}@keyframes comboFloat{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}.coin-effect{position:fixed;top:30%;right:10%;z-index:9999;pointer-events:none;animation:coinFloat 1s ease-out forwards}.coin-text{font-size:24px;font-weight:800;color:#ffc107;text-shadow:0 0 10px rgba(255,193,7,.5)}@keyframes coinFloat{0%{opacity:0;transform:translateY(20px)}30%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.level-up-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px 60px;text-align:center;color:#fff;box-shadow:0 20px 60px #6366f180;min-width:300px}.level-up-icon{font-size:72px;margin-bottom:12px;animation:levelBounce .6s ease}@keyframes levelBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.level-up-title{font-size:28px;font-weight:800;margin-bottom:8px}.level-up-level{font-size:42px;font-weight:900;margin-bottom:4px}.level-up-name{font-size:22px;font-weight:600;margin-bottom:24px;opacity:.9}.level-up-btn{background:#fff;color:#667eea;border:none;padding:12px 36px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.level-up-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}.gacha-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gacha-modal{background:var(--card-light);border-radius:20px;padding:24px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.app.dark .gacha-modal{background:var(--card-dark)}.gacha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gacha-header h3{margin:0;font-size:20px;color:#333}.app.dark .gacha-header h3{color:#eee}.gacha-close{background:none;border:none;font-size:18px;cursor:pointer;color:#999;padding:4px 8px;border-radius:6px}.gacha-close:hover{background:#0000000d}.gacha-coins{text-align:center;font-size:16px;font-weight:600;color:#ffc107;margin-bottom:16px}.gacha-result-area{min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.gacha-animating{text-align:center;color:#999}.gacha-spin{font-size:60px;animation:spin .8s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.gacha-empty{text-align:center;color:#999}.gacha-empty-icon{font-size:48px;margin-bottom:8px}.gacha-rates{font-size:12px;margin-top:8px;color:#bbb}.gacha-card{text-align:center;padding:24px;border-radius:16px;width:100%;animation:cardReveal .5s ease}@keyframes cardReveal{0%{opacity:0;transform:scale(.5) rotateY(180deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.gacha-card-icon{font-size:56px;margin-bottom:8px}.gacha-card-name{font-size:22px;font-weight:800;margin-bottom:4px}.gacha-card-rarity{font-size:14px;font-weight:600;margin-bottom:8px;opacity:.8}.gacha-card-desc{font-size:14px;opacity:.9}.rarity-common{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#333}.rarity-rare{background:linear-gradient(135deg,#64b5f6,#42a5f5);color:#fff}.rarity-epic{background:linear-gradient(135deg,#ba68c8,#9c27b0);color:#fff}.rarity-legendary{background:linear-gradient(135deg,#ffd54f,#ff9800);color:#333;box-shadow:0 0 30px #ff980099}.gacha-actions{display:flex;gap:10px;flex-wrap:wrap}.gacha-btn{flex:1;min-width:140px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.gacha-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.gacha-btn:disabled{opacity:.5;cursor:not-allowed}.gacha-btn.secondary{background:#f0f0f0;color:#555}.app.dark .gacha-btn.secondary{background:#333;color:#ddd}.card-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto}.collection-card{text-align:center;padding:16px 8px;border-radius:12px;position:relative}.collection-card-icon{font-size:32px;margin-bottom:4px}.collection-card-name{font-size:13px;font-weight:700}.collection-card-count{position:absolute;top:4px;right:6px;background:#0000004d;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px}.collection-empty{grid-column:1/-1;text-align:center;padding:40px;color:#999}.task-level-info{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;margin-bottom:16px}.task-level-icon{font-size:40px}.task-level-detail{flex:1}.task-level-name{font-size:16px;font-weight:700;color:#333;margin-bottom:6px}.app.dark .task-level-name{color:#eee}.task-exp-bar{height:8px;background:#0000001a;border-radius:4px;overflow:hidden;margin-bottom:4px}.task-exp-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}.task-exp-text{font-size:12px;color:#888}.app.dark .task-exp-text{color:#aaa}.task-list{margin-bottom:16px}.task-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#00000008;margin-bottom:8px;transition:all .2s}.app.dark .task-item{background:#ffffff0d}.task-item.completed{background:#4caf501a}.task-icon{font-size:24px}.task-info{flex:1}.task-name{font-size:14px;font-weight:600;color:#333}.app.dark .task-name{color:#eee}.task-desc{font-size:12px;color:#888}.app.dark .task-desc{color:#aaa}.task-reward{font-size:13px;font-weight:700;color:#ffc107}.task-status{font-size:12px;color:#999;min-width:60px;text-align:right}.task-item.completed .task-status{color:#4caf50}.task-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.task-progress-text{font-size:13px;color:#888}.app.dark .task-progress-text{color:#aaa}.task-stats{display:flex;gap:12px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.app.dark .task-stats{border-top-color:#ffffff1a}.task-stat-item{flex:1;text-align:center}.task-stat-item span{display:block;font-size:12px;color:#888;margin-bottom:4px}.app.dark .task-stat-item span{color:#aaa}.task-stat-item strong{font-size:18px;color:#333}.app.dark .task-stat-item strong{color:#eee}@keyframes jellyPopIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-jellyPopIn{animation:jellyPopIn .45s cubic-bezier(.34,1.56,.64,1)}.game-entrance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.game-entrance-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;cursor:pointer;transition:all .25s ease;background:var(--card-light);box-shadow:0 2px 8px #0000000f}.app.dark .game-entrance-card{background:var(--card-dark)}.game-entrance-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.game-entrance-icon{font-size:32px;flex-shrink:0}.game-entrance-info{flex:1;min-width:0}.game-entrance-title{font-size:14px;font-weight:700;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app.dark .game-entrance-title{color:#eee}.game-entrance-sub{font-size:12px;color:#888}.app.dark .game-entrance-sub{color:#aaa}.game-entrance-bar{height:5px;background:#00000014;border-radius:3px;overflow:hidden;margin-bottom:3px}.game-entrance-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .5s ease}.level-card{border-left:3px solid #667eea}.coin-card{border-left:3px solid #ffc107}.combo-card{border-left:3px solid #ff5757}.task-card{border-left:3px solid #4caf50}@media (max-width: 900px){.game-entrance{grid-template-columns:repeat(2,1fr)}}.practice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.continue-quiz-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.continue-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.app.dark .continue-quiz-btn{background:linear-gradient(135deg,#66bb6a,#4caf50)}.continue-quiz-section{display:flex;align-items:center;gap:16px;padding:18px 24px;background:linear-gradient(135deg,#4caf501f,#4caf500d);border:2px solid rgba(76,175,80,.3);border-radius:16px;cursor:pointer;transition:all .25s ease;margin-bottom:16px}.continue-quiz-section:hover{background:linear-gradient(135deg,#4caf5033,#4caf5014);border-color:#4caf5080;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5033}.app.dark .continue-quiz-section{background:linear-gradient(135deg,#4caf5026,#4caf500d);border-color:#4caf5040}.app.dark .continue-quiz-section:hover{background:linear-gradient(135deg,#4caf5040,#4caf501a)}.continue-quiz-icon{font-size:36px;flex-shrink:0;animation:continuePulse 1.5s ease infinite}@keyframes continuePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.continue-quiz-info{flex:1}.continue-quiz-title{font-size:18px;font-weight:700;color:#2e7d32;margin-bottom:4px}.app.dark .continue-quiz-title{color:#81c784}.continue-quiz-detail{font-size:13px;color:#666}.app.dark .continue-quiz-detail{color:#aaa}.continue-quiz-arrow{font-size:24px;color:#4caf50;font-weight:700}.card,.stat-card,.question-card,.paper-card,.mode-card,.mode-card-large,.wrong-card-large,.game-entrance-card,.knowledge-card,.exam-card,.result-card,.modal-box,.settings-modal-new,.continue-quiz-banner,.wrong-item{background:#ffffffb8!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #00000008!important}.app.dark .card,.app.dark .stat-card,.app.dark .question-card,.app.dark .paper-card,.app.dark .mode-card,.app.dark .mode-card-large,.app.dark .wrong-card-large,.app.dark .game-entrance-card,.app.dark .knowledge-card,.app.dark .exam-card,.app.dark .result-card,.app.dark .modal-box,.app.dark .settings-modal-new,.app.dark .continue-quiz-banner,.app.dark .wrong-item{background:#1c1c26bf!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003!important}.option-item,.option-large{background:#fff6!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.app.dark .option-item,.app.dark .option-large{background:#28283266!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0f!important}.option-item:hover,.option-large:hover{background:#fff9!important;border-color:#6366f166!important;box-shadow:0 4px 16px #6366f11f,inset 0 1px #ffffffb3,0 0 0 1px #6366f126!important}.app.dark .option-item:hover,.app.dark .option-large:hover{background:#32324180!important;border-color:#6366f159!important;box-shadow:0 4px 16px #6366f133,inset 0 1px #ffffff1a,0 0 0 1px #6366f133!important}.option-item.selected,.option-large.selected{background:#6366f126!important;border-color:#6366f180!important;box-shadow:0 4px 16px #6366f133,inset 0 1px #ffffff80!important}.footer-btn,.action-btn-small{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.footer-btn.primary{background:linear-gradient(135deg,#6366f1d9,#8b5cf6d9)!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 16px #6366f14d,inset 0 1px #ffffff4d!important}.nav-tab{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-box,.settings-modal-new{backdrop-filter:blur(30px) saturate(200%)!important;-webkit-backdrop-filter:blur(30px) saturate(200%)!important}.card:hover,.stat-card:hover,.paper-card:hover,.mode-card:hover,.mode-card-large:hover,.game-entrance-card:hover,.wrong-card-large:hover{box-shadow:0 12px 40px #0000001f,inset 0 1px #ffffffb3,inset 0 -1px #00000008,0 0 0 1px #ffffff4d!important;transform:translateY(-2px)}.app.dark .card:hover,.app.dark .stat-card:hover,.app.dark .paper-card:hover,.app.dark .mode-card:hover,.app.dark .quick-card:hover,.app.dark .game-entrance-card:hover,.app.dark .wrong-card-large:hover{box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1f,inset 0 -1px #0003,0 0 0 1px #ffffff0d!important}.app,.page{background:transparent!important}.app-header,.top-bar,.quiz-header{background:#ffffff80!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3)!important}.app.dark .app-header,.app.dark .top-bar,.app.dark .quiz-header{background:#1c1c2380!important;border-bottom:1px solid rgba(255,255,255,.06)!important}::-webkit-scrollbar-thumb{background:#6366f14d}::-webkit-scrollbar-thumb:hover{background:#6366f180}.mode-card-large .mode-name-large,.mode-card-large .mode-desc-large,.card h2,.card h3,.card p,.stat-card .stat-label-large,.paper-card,.game-entrance-card{text-shadow:0 1px 2px rgba(255,255,255,.5)}.app.dark .mode-card-large .mode-name-large,.app.dark .mode-card-large .mode-desc-large,.app.dark .card h2,.app.dark .card h3,.app.dark .card p,.app.dark .stat-card .stat-label-large,.app.dark .paper-card,.app.dark .game-entrance-card{text-shadow:0 1px 3px rgba(0,0,0,.5)}.mode-card-large:hover{background:#6366f126!important;border-color:#6366f166!important;transform:translateY(-3px)!important;box-shadow:0 12px 35px #6366f133,inset 0 1px #ffffffb3!important}.login-modal{padding:0!important;overflow:hidden;background:#ffffffd9!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 20px 60px #00000026,inset 0 1px #fffc!important}.app.dark .login-modal{background:#1c1c26d9!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a!important}.login-header{position:relative;padding:32px 32px 20px;text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.login-icon{font-size:48px;margin-bottom:12px}.login-title{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:6px}.app.dark .login-title{color:#fff}.login-subtitle{font-size:14px;color:#888}.login-header .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;font-size:16px;color:#666;transition:all .2s}.login-header .modal-close:hover{background:#0000001a;transform:rotate(90deg)}.app.dark .login-header .modal-close{background:#ffffff1a;color:#aaa}.app.dark .login-header .modal-close:hover{background:#fff3}.login-body{padding:24px 32px 32px}.login-error{background:#ef44441a;color:#ef4444;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;text-align:center}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.app.dark .login-field label{color:#bbb}.login-field input{width:100%;padding:12px 16px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;font-size:14px;background:#ffffffb3;transition:all .2s;box-sizing:border-box;outline:none}.login-field input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #6366f126}.app.dark .login-field input{background:#ffffff0d;border-color:#ffffff26;color:#fff}.app.dark .login-field input:focus{background:#ffffff1a;border-color:#667eea}.login-submit-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;transition:all .2s;margin-top:8px}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.login-submit-btn:active{transform:translateY(0)}.login-switch{text-align:center;margin-top:20px;font-size:14px;color:#888}.login-switch-link{color:#667eea;font-weight:600;cursor:pointer;margin-left:4px}.login-switch-link:hover{text-decoration:underline}.setting-row-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}body{background:linear-gradient(135deg,#e8ecf5,#f0f2f8,#eaeef7)!important}body.dark-body{background:linear-gradient(135deg,#0f0f1a,#14141c,#11111d)!important}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.bg-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:blobFloatDesktop 25s ease-in-out infinite;will-change:transform}.blob-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-150px;left:-100px;animation-delay:0s}.blob-2{width:450px;height:450px;background:linear-gradient(135deg,#f093fb,#f5576c);top:-100px;right:-120px;animation-delay:-8s}.blob-3{width:480px;height:480px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-150px;left:10%;animation-delay:-16s}.blob-4{width:400px;height:400px;background:linear-gradient(135deg,#11998e,#38ef7d);bottom:-100px;right:5%;animation-delay:-12s}.app.dark .bg-blob{opacity:.18}@keyframes blobFloatDesktop{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-40px) scale(1.08)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(40px,20px) scale(1.03)}}.app>*:not(.bg-blobs){position:relative;z-index:1}.card,.stat-card,.question-card,.paper-card,.mode-card,.mode-card-large,.wrong-card-large,.game-entrance-card,.knowledge-card,.exam-card,.result-card,.modal-box,.settings-modal-new,.continue-quiz-banner,.wrong-item,.learning-progress,.recent-wrong,.chart-card,.stat-card-large,.knowledge-card-large,.summary-card{background:#ffffffa6!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 8px 32px #00000012,inset 0 1px #fffc,inset 0 -1px #00000005!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.app.dark .card,.app.dark .stat-card,.app.dark .question-card,.app.dark .paper-card,.app.dark .mode-card,.app.dark .mode-card-large,.app.dark .wrong-card-large,.app.dark .game-entrance-card,.app.dark .knowledge-card,.app.dark .exam-card,.app.dark .result-card,.app.dark .modal-box,.app.dark .settings-modal-new,.app.dark .continue-quiz-banner,.app.dark .wrong-item,.app.dark .learning-progress,.app.dark .recent-wrong,.app.dark .chart-card,.app.dark .stat-card-large,.app.dark .knowledge-card-large,.app.dark .summary-card{background:#1c1c28b3!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1f,inset 0 -1px #0003!important}.card:hover,.stat-card:hover,.paper-card:hover,.mode-card:hover,.mode-card-large:hover,.game-entrance-card:hover,.wrong-card-large:hover,.knowledge-card-large:hover,.stat-card-large:hover{box-shadow:0 12px 40px #0000001a,inset 0 1px #ffffffe6,inset 0 -1px #00000008,0 0 0 1px #ffffff4d!important;transform:translateY(-3px)!important}.app.dark .card:hover,.app.dark .stat-card:hover,.app.dark .paper-card:hover,.app.dark .mode-card:hover,.app.dark .mode-card-large:hover,.app.dark .game-entrance-card:hover,.app.dark .wrong-card-large:hover,.app.dark .knowledge-card-large:hover,.app.dark .stat-card-large:hover{box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26,inset 0 -1px #00000040,0 0 0 1px #ffffff14!important}.option-item,.option-large{background:#ffffff73!important;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1.5px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 10px #0000000a,inset 0 1px #fff9!important}.app.dark .option-item,.app.dark .option-large{background:#28283780!important;border:1.5px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 10px #0003,inset 0 1px #ffffff14!important}.option-item:hover,.option-large:hover{background:#ffffffa6!important;border-color:#6366f173!important;box-shadow:0 4px 18px #6366f11f,inset 0 1px #fffc,0 0 0 1px #6366f126!important}.app.dark .option-item:hover,.app.dark .option-large:hover{background:#32324499!important;border-color:#6366f166!important;box-shadow:0 4px 18px #6366f133,inset 0 1px #ffffff1f,0 0 0 1px #6366f133!important}.modal-box,.settings-modal-new{backdrop-filter:blur(32px) saturate(200%)!important;-webkit-backdrop-filter:blur(32px) saturate(200%)!important}.nav-tabs{background:#fff3!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 16px #0000000f,inset 0 1px #fff6!important}.app.dark .nav-tabs{background:#ffffff14!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a!important}.welcome-section{background:linear-gradient(135deg,#6366f1d9,#8b5cf6d9)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 8px 32px #6366f140,inset 0 1px #ffffff4d!important}.quick-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 6px 20px #0000001a,inset 0 1px #ffffff59!important}.quick-card:hover{box-shadow:0 10px 28px #00000026,inset 0 1px #ffffff80,0 0 0 1px #fff3!important}::-webkit-scrollbar-thumb{background:#6366f159!important;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f18c!important}@media (prefers-reduced-motion: reduce){.bg-blob{animation:none!important}}.quiz-footer .footer-btn{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.quiz-footer .primary-action-wrapper{display:flex;align-items:center;justify-content:center;height:52px;min-width:200px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.quiz-footer,.footer-btn,.option-large,.answer-section,.sidebar,.nav-item,.page{backface-visibility:hidden;-webkit-backface-visibility:hidden}.animate-fadeIn{animation:fadeIn .2s ease-out!important}.animate-slideUp{animation:slideUp .25s ease-out!important}.option-large{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80808080}.quiz-body,.quiz-footer,.sidebar,.nav-item,.page-header{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}.hpa-particle{will-change:transform;contain:layout style paint}.hpa-trail{contain:layout style paint}.option-large:active{transform:scale(.98)}.quiz-progress-fill{transition:width .3s ease-out!important}.practice-result-modal{will-change:transform,opacity}.practice-result-modal.animate-popIn{animation:jellyPopIn .45s cubic-bezier(.34,1.56,.64,1)!important}.result-stats-large{contain:layout style}.result-stat{will-change:transform}.option-large,.option-label-large,.option-text-large{backface-visibility:hidden;-webkit-backface-visibility:hidden}.option-large:active{opacity:.85}.app.no-particles .hpa-container,.app.no-particles .hpa-particle,.app.no-particles .hpa-trail{display:none!important}.quiz-footer .footer-btn{transform:none!important;position:relative;top:0;left:0}.quiz-footer .footer-btn:hover,.quiz-footer .footer-btn:active,.quiz-footer .footer-btn:focus{transform:none!important;top:0;left:0}.primary-action-wrapper{display:flex;align-items:center;justify-content:center;height:52px;min-width:200px}.primary-action-wrapper .footer-btn{min-width:200px;width:200px;max-width:200px}.quiz-footer .footer-btn,.quiz-footer .footer-btn:hover,.quiz-footer .footer-btn:active,.quiz-footer .footer-btn:focus,.quiz-footer .footer-btn:disabled{transform:none!important;translate:none!important;scale:none!important;position:relative;top:0;left:0;margin:0;box-sizing:border-box}.quiz-footer .footer-btn:hover:not(:disabled){filter:brightness(1.05)!important;box-shadow:0 4px 12px #0000001f!important;transform:none!important}.quiz-footer .footer-btn:active:not(:disabled){filter:brightness(.94);box-shadow:0 1px 4px #0000000f;transform:none!important}.primary-action-wrapper .footer-btn{width:160px;height:52px;min-width:160px;max-width:160px;min-height:52px;max-height:52px;padding:0 20px;margin:0;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease;transform:none!important;line-height:52px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px}.quiz-footer .footer-btn.action-btn-main{left:calc(50% - 4px)}.quiz-footer .footer-btn:hover,.quiz-footer .footer-btn:active{transform:none!important;transition:none!important}.quiz-footer .footer-btn:disabled{transform:none!important;transition:none!important;cursor:not-allowed;opacity:.6}.quiz-footer .footer-btn:hover,.quiz-footer .footer-btn:active{transform:none!important}.quiz-footer .footer-btn:disabled{transform:none!important;cursor:not-allowed;opacity:.6}.quiz-footer .primary-action-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-footer .footer-btn:first-child{margin-right:0}.quiz-footer .footer-btn.action-btn-main{margin-left:0}.quiz-footer .primary-action-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:0}.ai-chat-modal-large,.settings-modal-new{background:#ffffffb8!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 60px #0000002e,inset 0 1px #ffffff80!important}.app.dark .ai-chat-modal-large,.app.dark .settings-modal-new{background:#1c1c26b8!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0f!important}.ai-chat-modal-large .ai-chat-messages-large,.settings-modal-new .settings-body{background:transparent}.ai-chat-overlay,.settings-overlay{background:#00000005!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.invalid-question-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background:var(--card-light);border-radius:16px;border:2px dashed rgba(255,152,0,.4)}.app.dark .invalid-question-box{background:var(--card-dark);border-color:#ff98004d}.invalid-icon{font-size:48px;margin-bottom:16px}.invalid-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.invalid-text{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.invalid-skip-btn{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.invalid-skip-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.app.dark .slashed-modal-box{background:#1a202c!important;color:#e2e8f0!important}.app.dark .slashed-filter-bar{background:#2d3748!important;border-bottom:1px solid #4a5568!important}.app.dark .slashed-filter-bar .filter-btn{background:#4a5568!important;color:#e2e8f0!important}.app.dark .slashed-filter-bar .filter-btn.active{background:#667eea!important;color:#fff!important}.app.dark .slashed-list{background:#1a202c!important}.app.dark .slashed-card{background:#2d3748!important;box-shadow:0 2px 8px #0000004d!important}.app.dark .slashed-card .wrong-paper-tag{background:#4a5568!important;color:#e2e8f0!important}.app.dark .slashed-card .wrong-date-tag{color:#a0aec0!important}.app.dark .slashed-card .wrong-question-text{color:#e2e8f0!important}.app.dark .slashed-card .correct-answer-text{color:#68d391!important}.app.dark .slashed-explanation{background:#1a202c!important;color:#a0aec0!important;border:1px solid #4a5568!important}.app.dark .slashed-explanation span{color:#e2e8f0!important}.app.dark .slashed-footer{background:#2d3748!important;border-top:1px solid #4a5568!important}.app.dark .slashed-footer span{color:#a0aec0!important}.app.dark .slashed-footer .filter-btn{background:#4a5568!important;color:#e2e8f0!important}.app.dark .slashed-card>div{color:#e2e8f0!important}.app.dark .slashed-card .wrong-card-header+div{color:#e2e8f0!important}.practical-entry-card{display:flex;align-items:center;gap:20px;padding:24px 28px;margin-top:24px;background:linear-gradient(135deg,var(--card-bg) 0%,var(--card-bg-hover) 100%);border-radius:16px;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #0000000f}.practical-entry-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.practical-entry-icon{font-size:48px;flex-shrink:0}.practical-entry-content{flex:1}.practical-entry-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.practical-entry-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.practical-entry-arrow{font-size:24px;color:var(--primary);flex-shrink:0}.practical-modal{max-width:1100px!important;width:92vw;max-height:88vh;display:flex;flex-direction:column}.practical-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.practical-tab{padding:8px 20px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.practical-tab:hover{border-color:var(--primary);color:var(--primary)}.practical-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.practical-content{flex:1;overflow-y:auto;padding:20px}.practical-header{margin-bottom:20px}.practical-header h3{font-size:22px;color:var(--text-primary);margin:0 0 10px}.practical-control-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--primary)}.practical-body{display:grid;grid-template-columns:1fr 1fr;gap:24px}.practical-images{display:flex;flex-direction:column;gap:16px}.practical-image-item{background:var(--card-bg);border-radius:12px;padding:12px;border:1px solid var(--border-color)}.practical-image-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.practical-image{width:100%;border-radius:8px;cursor:zoom-in;transition:transform .2s ease;border:1px solid var(--border-color)}.practical-image:hover{transform:scale(1.02)}.practical-image-tip{font-size:12px;color:var(--text-muted);text-align:center;margin-top:6px}.practical-explanation{display:flex;flex-direction:column;gap:16px}.practical-section{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.practical-section h4{font-size:16px;color:var(--text-primary);margin:0 0 10px;display:flex;align-items:center;gap:6px}.practical-section p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin:0}.practical-io-table{width:100%;border-collapse:collapse;font-size:13px}.practical-io-table th{background:var(--bg-secondary);padding:8px 10px;text-align:left;color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-color)}.practical-io-table td{padding:8px 10px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.practical-io-table .io-address{font-family:monospace;font-weight:600;color:var(--primary)}.practical-points,.practical-warnings{margin:0;padding-left:20px}.practical-points li,.practical-warnings li{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:4px}.practical-warnings li{color:#e67e22}@media (max-width: 900px){.practical-body{grid-template-columns:1fr}}.ext-knowledge-layout{display:flex;height:70vh;overflow:hidden}.ext-cat-list{width:200px;border-right:1px solid #e2e8f0;overflow-y:auto;padding:12px 0;background:#f8fafc}.ext-cat-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.ext-cat-item:hover{background:#eef2ff}.ext-cat-item.active{background:#e0e7ff;border-left-color:#6366f1;font-weight:600}.ext-cat-icon{font-size:18px}.ext-cat-name{flex:1;font-size:13px;color:#334155}.ext-cat-count{font-size:11px;color:#94a3b8;background:#e2e8f0;padding:2px 6px;border-radius:8px}.ext-content-area{flex:1;overflow-y:auto;padding:20px}.ext-list-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.ext-list-desc{display:block;font-size:12px;color:#94a3b8;font-weight:400;margin-top:4px}.ext-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-top:12px;cursor:pointer;transition:all .2s}.ext-item-card:hover{background:#eef2ff;border-color:#c7d2fe;transform:translate(4px)}.ext-item-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:8px}.ext-item-keywords{display:flex;flex-wrap:wrap;gap:6px}.ext-keyword-tag{font-size:11px;color:#6366f1;background:#e0e7ff;padding:2px 8px;border-radius:10px}.ext-back-btn{background:none;border:none;color:#6366f1;font-size:13px;cursor:pointer;margin-bottom:12px;padding:4px 0}.ext-back-btn:hover{text-decoration:underline}.ext-detail-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px}.ext-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.ext-detail-cat{font-size:12px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:4px 10px;border-radius:12px;font-weight:600}.ext-detail-content{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:16px}.ext-detail-text{font-size:13px;line-height:1.9;color:#334155;white-space:pre-wrap;font-family:inherit;margin:0}.ext-qa-section{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:16px}.ext-qa-title{font-size:15px;font-weight:700;color:#92400e;margin:0 0 12px}.ext-qa-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #fde68a}.ext-qa-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.ext-qa-q{font-size:13px;font-weight:600;color:#78350f;margin-bottom:6px}.ext-qa-a{font-size:13px;color:#92400e;line-height:1.7;padding-left:12px;border-left:3px solid #fbbf24}.ext-match-hint{font-weight:600}.app.dark .ext-cat-list{background:#1e293b;border-right-color:#334155}.app.dark .ext-cat-item{color:#cbd5e1}.app.dark .ext-cat-item:hover{background:#334155}.app.dark .ext-cat-item.active{background:#312e81;border-left-color:#818cf8}.app.dark .ext-cat-name{color:#cbd5e1}.app.dark .ext-cat-count{background:#334155;color:#94a3b8}.app.dark .ext-content-area{background:#0f172a}.app.dark .ext-list-title{color:#f1f5f9}.app.dark .ext-item-card{background:#1e293b;border-color:#334155}.app.dark .ext-item-card:hover{background:#312e81;border-color:#6366f1}.app.dark .ext-item-title{color:#f1f5f9}.app.dark .ext-keyword-tag{background:#312e81;color:#a5b4fc}.app.dark .ext-detail-title{color:#f1f5f9}.app.dark .ext-detail-content{background:#1e293b}.app.dark .ext-detail-text{color:#cbd5e1}.app.dark .ext-qa-section{background:#422006;border-color:#78350f}.app.dark .ext-qa-title{color:#fbbf24}.app.dark .ext-qa-q{color:#fde68a}.app.dark .ext-qa-a{color:#fcd34d;border-left-color:#b45309}.app.dark .ext-match-hint{color:#a5b4fc!important}.low-performance-mode,.low-performance-mode *{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;will-change:auto!important;box-shadow:none!important;text-shadow:none!important}body.low-performance-mode,.low-performance-mode .app,.low-performance-mode .main-content,.low-performance-mode .home-page{background:#f5f5f5!important;background-color:#f5f5f5!important}.low-performance-mode .card,.low-performance-mode .stat-card,.low-performance-mode .paper-card,.low-performance-mode .mode-card,.low-performance-mode .mode-card-large,.low-performance-mode .wrong-item,.low-performance-mode .wrong-card,.low-performance-mode .wrong-card-large,.low-performance-mode .knowledge-card,.low-performance-mode .quiz-option,.low-performance-mode .option-large,.low-performance-mode .result-card,.low-performance-mode .exam-card,.low-performance-mode .settings-item,.low-performance-mode .question-card,.low-performance-mode .game-entrance-card,.low-performance-mode .quick-card,.low-performance-mode .welcome-section,.low-performance-mode .continue-quiz-modern,.low-performance-mode .modal-content,.low-performance-mode .custom-dialog,.low-performance-mode .alert-box{background:#fff!important;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.low-performance-mode .stat-card{background:#fff!important;border:1px solid #d0d0d0!important;border-radius:12px!important}.low-performance-mode .stat-num{color:#1a1a1a!important}.low-performance-mode .stat-label{color:#666!important}.low-performance-mode .welcome-section{background:#fff!important;border:1px solid #e0e0e0!important}.low-performance-mode .welcome-text h1{color:#1a1a1a!important}.low-performance-mode .welcome-text p{color:#666!important}.low-performance-mode .nav-tab{background:transparent!important;color:#333!important;border-radius:8px!important}.low-performance-mode .nav-tab:hover{background:#f0f0f0!important;color:#1a1a1a!important}.low-performance-mode .nav-tab.active{background:#e8e8e8!important;color:#1a1a1a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.low-performance-mode .app-header,.low-performance-mode header{background:#fff!important;background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.low-performance-mode h1,.low-performance-mode h2,.low-performance-mode h3,.low-performance-mode h4,.low-performance-mode .title,.low-performance-mode .card-title{color:#1a1a1a!important}.low-performance-mode p,.low-performance-mode span,.low-performance-mode .desc,.low-performance-mode .subtitle,.low-performance-mode .card-desc{color:#555!important}.low-performance-mode .quick-card,.low-performance-mode .quick-name{color:#1a1a1a!important}.low-performance-mode .quick-desc{color:#666!important;opacity:1!important}.low-performance-mode button,.low-performance-mode .btn,.low-performance-mode .button{background:#f0f0f0!important;background-color:#f0f0f0!important;color:#1a1a1a!important;border:1px solid #d0d0d0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.low-performance-mode button:hover,.low-performance-mode .btn:hover{background:#e0e0e0!important}.low-performance-mode .btn-primary,.low-performance-mode .primary-btn,.low-performance-mode button.primary{background:#667eea!important;background-color:#667eea!important;color:#fff!important;border:none!important}.low-performance-mode *:hover,.low-performance-mode *:active,.low-performance-mode *:focus{animation:none!important;transition:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;text-shadow:none!important}.low-performance-mode .glow-active,.low-performance-mode .glow-effect,.low-performance-mode .mouse-glow,.low-performance-mode [class*=glow]{display:none!important}.low-performance-mode [class*=icon],.low-performance-mode [class*=icon]:hover{transform:none!important;animation:none!important;transition:none!important}.low-performance-mode .progress-bar,.low-performance-mode .progress-fill{transition:none!important;animation:none!important;box-shadow:none!important}.low-performance-mode input,.low-performance-mode textarea,.low-performance-mode select{background:#fff!important;border:1px solid #d0d0d0!important;color:#1a1a1a!important;box-shadow:none!important}.app.low-performance-mode.dark,.app.low-performance-mode.dark *{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}.app.low-performance-mode.dark body,.app.low-performance-mode.dark .app,.app.low-performance-mode.dark .main-content,.app.low-performance-mode.dark .home-page{background:#1a1a1a!important;background-color:#1a1a1a!important}.app.low-performance-mode.dark .card,.app.low-performance-mode.dark .stat-card,.app.low-performance-mode.dark .paper-card,.app.low-performance-mode.dark .mode-card,.app.low-performance-mode.dark .wrong-item,.app.low-performance-mode.dark .knowledge-card,.app.low-performance-mode.dark .quiz-option,.app.low-performance-mode.dark .result-card,.app.low-performance-mode.dark .settings-item,.app.low-performance-mode.dark .question-card,.app.low-performance-mode.dark .welcome-section,.app.low-performance-mode.dark .modal-content,.app.low-performance-mode.dark .custom-dialog,.app.low-performance-mode.dark .alert-box{background:#2a2a2a!important;background-color:#2a2a2a!important;border:1px solid #404040!important;box-shadow:none!important}.app.low-performance-mode.dark .stat-card{background:#2a2a2a!important;border:1px solid #404040!important}.app.low-performance-mode.dark .stat-num{color:#fff!important}.app.low-performance-mode.dark .stat-label{color:#999!important}.app.low-performance-mode.dark .welcome-section{background:#2a2a2a!important;border:1px solid #404040!important}.app.low-performance-mode.dark .welcome-text h1{color:#fff!important}.app.low-performance-mode.dark .welcome-text p{color:#999!important}.app.low-performance-mode.dark .nav-tab{color:#ccc!important}.app.low-performance-mode.dark .nav-tab:hover{background:#3a3a3a!important;color:#fff!important}.app.low-performance-mode.dark .nav-tab.active{background:#404040!important;color:#fff!important}.app.low-performance-mode.dark .app-header,.app.low-performance-mode.dark header{background:#2a2a2a!important;background-color:#2a2a2a!important;border-bottom:1px solid #404040!important}.app.low-performance-mode.dark h1,.app.low-performance-mode.dark h2,.app.low-performance-mode.dark h3,.app.low-performance-mode.dark h4,.app.low-performance-mode.dark .title,.app.low-performance-mode.dark .card-title,.app.low-performance-mode.dark .section-title{color:#fff!important}.app.low-performance-mode.dark p,.app.low-performance-mode.dark span,.app.low-performance-mode.dark .desc,.app.low-performance-mode.dark .subtitle,.app.low-performance-mode.dark .card-desc{color:#bbb!important}.app.low-performance-mode.dark .quick-card{background:#2a2a2a!important;border:1px solid #404040!important;color:#fff!important}.app.low-performance-mode.dark .quick-name{color:#fff!important}.app.low-performance-mode.dark .quick-desc{color:#999!important;opacity:1!important}.app.low-performance-mode.dark button,.app.low-performance-mode.dark .btn{background:#3a3a3a!important;background-color:#3a3a3a!important;color:#fff!important;border:1px solid #505050!important}.app.low-performance-mode.dark button:hover{background:#4a4a4a!important}.app.low-performance-mode.dark .btn-primary,.app.low-performance-mode.dark .primary-btn{background:#667eea!important;background-color:#667eea!important;color:#fff!important;border:none!important}.app.low-performance-mode.dark input,.app.low-performance-mode.dark textarea,.app.low-performance-mode.dark select{background:#2a2a2a!important;border:1px solid #505050!important;color:#fff!important}.app.low-performance-mode.dark .continue-quiz-modern{background:#2a2a2a!important;border:1px solid #404040!important}.app.low-performance-mode.dark .continue-modern-title{color:#fff!important}.app.low-performance-mode.dark .continue-modern-subtitle,.app.low-performance-mode.dark .continue-modern-progress-text{color:#999!important}.app.low-performance-mode.dark .continue-modern-percent{color:#fff!important}.app.low-performance-mode.dark .continue-modern-progress-bar{background:#404040!important}.app.low-performance-mode.dark .progress-label{color:#bbb!important}.app.low-performance-mode.dark .progress-percent{color:#999!important}.app.low-performance-mode.dark .progress-bar-wrap{background:#404040!important}.main-content{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,filter .3s ease;will-change:transform,opacity}.header{user-select:none;-webkit-user-select:none}.header:active{cursor:grabbing}.nav-drag-hint{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;background:#667eeae6;color:#fff;box-shadow:0 4px 12px #667eea66;animation:dragHintPop .2s ease}@keyframes dragHintPop{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.drag-hint-left{left:20px}.drag-hint-right{right:20px}.main-content.dragging,.low-performance-mode .main-content{transition:none!important}.low-performance-mode .nav-drag-hint{display:none!important}.app.low-performance-mode,.app.low-performance-mode *{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}.app.low-performance-mode{background:#fff!important;filter:grayscale(100%) contrast(1.05)!important}.app.low-performance-mode .bg-blobs{display:none!important}.app.low-performance-mode .header{background:#fff!important;border-bottom:1px solid #e5e5e5!important}.app.low-performance-mode .card,.app.low-performance-mode .paper-card,.app.low-performance-mode .mode-card,.app.low-performance-mode .stat-card,.app.low-performance-mode .learning-progress,.app.low-performance-mode .recent-wrong,.app.low-performance-mode .option-large,.app.low-performance-mode .question-card,.app.low-performance-mode .modal-box{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:8px!important}.app.low-performance-mode .welcome-card{background:#f5f5f5!important;border:1px solid #e5e5e5!important}.app.low-performance-mode .btn-primary,.app.low-performance-mode .footer-btn.primary{background:#333!important;color:#fff!important;border:none!important}.app.low-performance-mode .nav-tab.active{background:#333!important;color:#fff!important}.app.low-performance-mode.dark{background:#1a1a1a!important}.app.low-performance-mode.dark .header,.app.low-performance-mode.dark .card,.app.low-performance-mode.dark .paper-card,.app.low-performance-mode.dark .option-large,.app.low-performance-mode.dark .modal-box{background:#2a2a2a!important;border-color:#444!important}.app.low-performance-mode.dark .welcome-card{background:#333!important}.app.monet-theme,.app.monet-theme.dark{--primary: var(--monet-primary);--primary-light: var(--monet-primary-light);--primary-dark: var(--monet-primary-dark);--primary-gradient: var(--monet-primary-gradient);background:var(--monet-bg);color:var(--monet-text)}.app.monet-theme .blob-1{background:var(--monet-blob-1)!important}.app.monet-theme .blob-2{background:var(--monet-blob-2)!important}.app.monet-theme .blob-3{background:var(--monet-blob-3)!important}.app.monet-theme .blob-4{background:var(--monet-blob-4)!important}.app.monet-theme:not(.low-performance-mode) .card,.app.monet-theme:not(.low-performance-mode) .stat-card,.app.monet-theme:not(.low-performance-mode) .question-card,.app.monet-theme:not(.low-performance-mode) .paper-card,.app.monet-theme:not(.low-performance-mode) .mode-card,.app.monet-theme:not(.low-performance-mode) .mode-card-large,.app.monet-theme:not(.low-performance-mode) .wrong-card-large,.app.monet-theme:not(.low-performance-mode) .knowledge-card,.app.monet-theme:not(.low-performance-mode) .exam-card,.app.monet-theme:not(.low-performance-mode) .result-card,.app.monet-theme:not(.low-performance-mode) .learning-progress,.app.monet-theme:not(.low-performance-mode) .recent-wrong,.app.monet-theme:not(.low-performance-mode) .continue-quiz-banner,.app.monet-theme:not(.low-performance-mode) .wrong-item{background:var(--monet-glass)!important;border-color:var(--monet-border)!important;color:var(--monet-text)!important}.app.monet-theme:not(.low-performance-mode) .modal-box,.app.monet-theme:not(.low-performance-mode) .settings-modal-new{background:var(--monet-glass-strong)!important;border-color:var(--monet-border)!important;color:var(--monet-text)!important}.app.monet-theme.dark:not(.low-performance-mode) .modal-box,.app.monet-theme.dark:not(.low-performance-mode) .settings-modal-new{background:var(--monet-glass-strong)!important;border-color:var(--monet-border)!important;color:var(--monet-text)!important}.app.monet-theme:not(.low-performance-mode) .option-item,.app.monet-theme:not(.low-performance-mode) .option-large{background:var(--monet-glass)!important;border-color:var(--monet-border)!important;color:var(--monet-text)!important}.app.monet-theme:not(.low-performance-mode) .option-item:hover,.app.monet-theme:not(.low-performance-mode) .option-large:hover,.app.monet-theme:not(.low-performance-mode) .option-item.correct,.app.monet-theme:not(.low-performance-mode) .option-large.correct{border-color:var(--monet-primary)!important;box-shadow:0 4px 18px var(--monet-accent-soft),0 0 0 1px var(--monet-accent-soft)!important}.app.monet-theme:not(.low-performance-mode) .welcome-section,.app.monet-theme:not(.low-performance-mode) .paper-color-new .paper-card-header,.app.monet-theme:not(.low-performance-mode) .progress-bar{background:var(--monet-primary-gradient)!important}.app.monet-theme:not(.low-performance-mode) .nav-tab.active{background:var(--monet-primary-gradient)!important;color:#fff!important}.app.monet-theme:not(.low-performance-mode) .btn-primary,.app.monet-theme:not(.low-performance-mode) .footer-btn.primary,.app.monet-theme:not(.low-performance-mode) .login-submit-btn{background:var(--monet-primary-gradient)!important}.app.monet-theme:not(.low-performance-mode) .stat-num,.app.monet-theme:not(.low-performance-mode) .section-title,.app.monet-theme:not(.low-performance-mode) .page-title,.app.monet-theme:not(.low-performance-mode) .modal-title-text{color:var(--monet-primary)!important}.app.monet-theme ::-webkit-scrollbar-thumb{background:var(--monet-primary)!important}.app.monet-theme.low-performance-mode.dark .card,.app.monet-theme.low-performance-mode.dark .modal-box,.app.monet-theme.low-performance-mode.dark .option-item{background:#2a2a2a!important;border-color:#444!important}.monet-panel{padding:10px 14px 12px;margin-top:2px}.monet-presets{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.monet-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;position:relative;box-shadow:0 2px 6px #00000026;transition:transform .15s ease,box-shadow .15s ease}.monet-swatch:hover{transform:scale(1.12)}.monet-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary),0 3px 8px #0003}.monet-swatch-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.monet-actions{display:flex;gap:10px;margin-top:10px;align-items:center}.monet-custom{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--text-secondary-light, #64748b)}.monet-custom input[type=color]{width:30px;height:30px;border:none;border-radius:8px;cursor:pointer;padding:0;background:transparent}.monet-img-btn{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;background:#6366f11a;border:1px dashed rgba(99,102,241,.4);color:var(--primary);cursor:pointer;font-size:13px;font-weight:600}.monet-img-btn:hover{background:#6366f12e}.monet-current{margin-top:8px;font-size:12px;color:var(--text-secondary-light, #94a3b8)}.monet-seed-name{font-weight:700;color:var(--primary)}.monet-seed-hex{font-family:monospace;margin-left:4px;opacity:.8}.app.dark .monet-panel .monet-custom,.app.dark .monet-panel .monet-current{color:var(--text-secondary-dark, #94a3b8)}.about-credit{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-light, #e2e8f0);text-align:center;font-size:12px;color:var(--text-secondary-light, #94a3b8);line-height:1.7}.about-credit-link{color:var(--primary, #6366f1);text-decoration:none;font-weight:600;margin-left:4px}.about-credit-link:hover{text-decoration:underline}.app.dark .about-credit{border-top-color:var(--border-dark, #334155);color:var(--text-secondary-dark, #94a3b8)}.app.dark .about-credit-link{color:#a5b4fc}@media (max-width: 900px){.header{padding:10px 12px}.header-center{padding:0}.nav-tabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px}.nav-tab{padding:7px 10px;font-size:13px;gap:4px;white-space:nowrap;flex-shrink:0}.nav-tab .tab-text{display:inline}.header-right{gap:8px}.icon-btn{width:34px;height:34px}.page{padding:14px}.welcome-section{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 18px}.welcome-text h1{font-size:22px}.welcome-stats{width:100%;gap:10px}.stat-card{flex:1;min-width:0;padding:12px 8px}.stat-num{font-size:22px}.quick-cards{grid-template-columns:repeat(2,1fr);gap:12px}.home-bottom{flex-direction:column!important}.paper-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quiz-body{flex-direction:column!important}.quiz-body .question-section,.quiz-body .answer-section{width:100%!important;max-width:100%!important}.quiz-footer{flex-direction:row;gap:8px}.stats-overview{flex-wrap:wrap}.stat-card-large{flex:1 1 45%}.stats-charts{grid-template-columns:1fr!important}.knowledge-grid{grid-template-columns:repeat(2,1fr);gap:12px}.modal-box{width:calc(100% - 24px)!important;max-width:92vw!important}.settings-modal-new,.ai-chat-modal-large{max-width:92vw!important}.ext-knowledge-layout{flex-direction:column}.ext-cat-list{width:100%;max-height:140px;border-right:none;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto}.ext-cat-item{flex-shrink:0}.wrong-card-large{padding:12px}.slashed-modal-box{max-width:96vw!important}}@media (max-width: 520px){.page{padding:10px}.welcome-text h1{font-size:19px}.quick-cards,.knowledge-grid,.paper-grid{grid-template-columns:1fr}.quiz-footer .footer-btn{font-size:13px;padding:8px 10px}.question-text{font-size:16px}.option-large{padding:12px;font-size:14px}.result-actions-large,.exam-result-actions-large{flex-direction:column}.result-actions-large .footer-btn,.exam-result-actions-large .footer-btn{width:100%;margin-bottom:6px}}