:root{--primary:#07c160;--primary-dark:#06ad56;--primary-light:#e8f8ee;--bg:#f5f5f5;--card:#fff;--text:#333;--text-secondary:#999;--text-light:#ccc;--border:#f0f0f0;--danger:#fa5151;--danger-light:#fff0f0;--blue:#10aeff;--yellow:#ffc300;--tabbar-height:56px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;max-width:100vw;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}.app{min-height:100vh;padding-bottom:calc(var(--tabbar-height) + var(--safe-area-bottom) + 8px)}@media (display-mode:standalone){.app{padding-top:env(safe-area-inset-top,20px)}}.page{max-width:600px;margin:0 auto;padding:16px}.page-header{text-align:center;padding:20px 0 16px}.page-header h1{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:700}.page-header p{color:var(--text-secondary);margin:0;font-size:14px}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:15px}.empty-icon{margin-bottom:12px;font-size:48px}.tabbar{height:calc(var(--tabbar-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--card);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:4px 16px;font-size:10px;transition:color .15s;display:flex}.tabbar-item.active{color:var(--primary)}.tabbar-icon{font-size:22px;line-height:1}.tabbar-label{font-size:11px;line-height:1}.home-header{padding:24px 0 8px}.home-greeting h1{margin:0 0 2px;font-size:26px;font-weight:700}.home-greeting p{color:var(--text-secondary);margin:0;font-size:14px}.home-stats{gap:12px;margin:16px 0;display:flex}.stat-item{background:var(--card);text-align:center;border-radius:12px;flex:1;padding:16px 12px;box-shadow:0 1px 4px #0000000a}.stat-number{color:var(--primary);font-size:28px;font-weight:700;line-height:1.2;display:block}.stat-label{color:var(--text-secondary);font-size:13px}.home-section{margin-top:24px}.section-title{margin:0 0 12px;font-size:17px;font-weight:600}.chapter-list{flex-direction:column;gap:10px;display:flex}.chapter-card{background:var(--card);cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px;transition:box-shadow .15s,transform .1s;display:flex;box-shadow:0 1px 4px #0000000a}.chapter-card:active{transform:scale(.99);box-shadow:0 1px 2px #0000000f}.chapter-info{flex:1;min-width:0}.chapter-title{color:var(--text);margin-bottom:2px;font-size:16px;font-weight:500}.chapter-meta{color:var(--text-secondary);font-size:13px}.chapter-arrow{flex-shrink:0}.progress-ring{flex-shrink:0;position:relative}.progress-ring-text{color:var(--primary);font-size:11px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-container{margin:0 auto}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quiz-progress{color:var(--text-secondary);font-size:14px;font-weight:600}.quiz-chapter{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12px}.question-card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000a}.question-text{margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.6}.question-options{flex-direction:column;gap:10px;display:flex}.option{cursor:pointer;text-align:left;color:var(--text);background:#f8f8f8;border:1.5px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:14px;font-size:15px;transition:all .15s;display:flex}.option:active{background:#f0f0f0}.option.selected,.option.correct{border-color:var(--primary);background:var(--primary-light)}.option.wrong{border-color:var(--danger);background:var(--danger-light)}.option-label{width:24px;height:24px;color:var(--text-secondary);background:#e8e8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.option.selected .option-label,.option.correct .option-label{background:var(--primary);color:#fff}.option.wrong .option-label{background:var(--danger);color:#fff}.option-text{flex:1;padding-top:2px}.explanation{border-radius:10px;margin-top:16px;padding:16px;font-size:14px;line-height:1.7}.explanation-correct{background:var(--primary-light);border:1px solid #c6e9d1}.explanation-wrong{background:var(--danger-light);border:1px solid #f8d0d0}.explanation-header{margin-bottom:8px;font-size:15px;font-weight:600}.explanation-body{color:#555}.quiz-nav-buttons{gap:10px;margin-top:16px;display:flex}.quiz-nav-btn{border:1.5px solid var(--border);background:var(--card);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:500;transition:all .15s}.quiz-nav-btn:active{transform:scale(.98)}.quiz-nav-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.quiz-dot{cursor:pointer;background:#e0e0e0;border-radius:50%;width:8px;height:8px;transition:all .15s}.quiz-dot.active{background:var(--primary);border-radius:4px;width:20px}.quiz-dot.done{background:var(--primary);opacity:.5}.specials-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.special-card{background:var(--card);cursor:pointer;text-align:left;border:none;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 16px;transition:box-shadow .15s,transform .1s;display:flex;box-shadow:0 1px 4px #0000000a}.special-card:active{transform:scale(.98)}.special-icon{font-size:32px;line-height:1}.special-info{flex:1}.special-title{margin-bottom:2px;font-size:15px;font-weight:600}.special-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.wrong-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0;display:grid}.stats-card{background:var(--card);text-align:center;border-radius:12px;padding:14px 10px;box-shadow:0 1px 4px #0000000a}.stats-value{color:var(--primary);font-size:24px;font-weight:700;line-height:1.2}.stats-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.stats-sub{color:var(--text-light);margin-top:2px;font-size:11px}.wrong-actions{gap:10px;margin:16px 0;display:flex}.action-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.action-btn:active{transform:scale(.98)}.action-btn.primary{background:var(--primary);color:#fff}.action-btn.danger{background:var(--danger-light);color:var(--danger);border:1.5px solid var(--danger)}.high-freq-badge{background:var(--danger);color:#fff;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.wrong-count-badge{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.wrong-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.wrong-header h1{text-align:center;flex:1;margin:0;font-size:20px}.essay-chapter-list{flex-direction:column;gap:10px;display:flex}.essay-chips-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px 16px;padding:0 16px;overflow-x:auto}.essay-chips-wrapper::-webkit-scrollbar{display:none}.essay-chips-scroll{gap:8px;padding:4px 0;display:flex}.chip{border:1.5px solid var(--border);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;transition:all .15s}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.essay-section-card{background:var(--card);border-left:4px solid #0000;border-radius:14px;margin-bottom:12px;padding:18px;transition:box-shadow .15s;box-shadow:0 1px 4px #0000000a}.essay-section-scope{border-left-color:#10aeff}.essay-section-points{border-left-color:#07c160}.essay-section-practice{border-left-color:#ff9500}.essay-section-keywords{border-left-color:#8e8cdc}.essay-section-header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.essay-section-icon{flex-shrink:0;font-size:22px;line-height:1.3}.essay-section-title{color:var(--text);margin:0 0 2px;font-size:16px;font-weight:600}.essay-section-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.essay-section-body{padding-left:0}.essay-scope-text{color:#555;margin:0;font-size:14px;line-height:1.8}.essay-points-list{margin:0;padding:0;list-style:none}.essay-points-list li{color:#555;background:#fafafa;border-radius:8px;gap:10px;margin-bottom:8px;padding:8px 10px;font-size:14px;line-height:1.7;display:flex}.essay-points-list li:last-child{margin-bottom:0}.essay-point-num{background:var(--primary-light);width:20px;height:20px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;font-size:11px;font-weight:700;display:flex}.essay-practice-text{color:#555;background:#fffaf0;border:1px solid #ffedd5;border-radius:10px;margin:0;padding:12px;font-size:14px;line-height:1.8}.essay-keywords-cloud{flex-wrap:wrap;gap:8px;display:flex}.keyword-tag{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s}.test-hero{text-align:center;padding:24px 0 16px}.test-icon{margin-bottom:8px;font-size:48px;display:block}.test-hero h1{margin:0 0 4px;font-size:22px;font-weight:700}.test-hero p{color:var(--text-secondary);margin:0;font-size:14px}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 0;font-size:15px;display:inline-flex}.back-btn:active{color:var(--text)}.chapter-hero{padding:12px 0}.chapter-hero h1{margin:0 0 4px;font-size:22px;font-weight:700}.chapter-hero p{color:var(--text-secondary);margin:0;font-size:14px}@media (width>=600px){.page{padding:24px 32px}.specials-grid{grid-template-columns:1fr 1fr 1fr}.home-stats{max-width:400px}.quiz-container{max-width:600px;margin:0 auto}}@media (width<=380px){.specials-grid{grid-template-columns:1fr}.wrong-stats{grid-template-columns:1fr 1fr}}.case-category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.case-category-tabs::-webkit-scrollbar{display:none}.case-category-tab{background:var(--card);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.case-category-tab.active{background:var(--primary);color:#fff}.case-category-icon{font-size:18px}.case-category-label{white-space:nowrap;font-size:14px}.case-content{flex-direction:column;gap:16px;display:flex}.case-card{background:var(--card);border-left:4px solid var(--primary);border-radius:14px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 1px 4px #0000000a}.case-card-header{padding:18px 18px 0}.case-card-title{color:var(--text);margin:0 0 6px;font-size:17px;font-weight:700}.case-card-desc{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.5}.case-card-body{padding:0 18px 18px}.case-section{margin-bottom:16px}.case-section:last-child{margin-bottom:0}.case-section-title{color:var(--primary-dark);border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.case-section-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.case-list{margin:0;padding:0;list-style:none}.case-list-item{color:#555;word-break:break-word;padding:6px 0 6px 16px;font-size:13.5px;line-height:1.7;position:relative}.case-list-item:before{content:"";background:#ccc;border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:0}.case-list-spacer{height:4px;list-style:none}.case-empty{text-align:center;color:var(--text-secondary);padding:40px 0;font-size:14px}@media (width<=420px){.case-category-tab{padding:8px 12px;font-size:13px}.case-category-icon{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{animation:.2s ease-out fadeIn}