:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-bg:#eef2ff;--green:#10b981;--green-light:#d1fae5;--orange:#f59e0b;--orange-light:#fef3c7;--red:#ef4444;--red-light:#fee2e2;--purple:#8b5cf6;--purple-light:#ede9fe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{max-width:1080px;min-height:100vh;margin:0 auto;padding:0 24px 100px}.app-header{text-align:center;padding:24px 0 8px}.app-title{color:var(--primary);margin-bottom:4px;font-size:1.5rem;font-weight:700}.app-subtitle{color:var(--gray-500);margin-top:0;font-size:.85rem}.app-main{padding:16px 0}.page{max-width:100%;margin:0 auto}.nav-bar{border-top:1px solid var(--gray-200);z-index:100;background:#fff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.nav-inner{justify-content:space-around;max-width:600px;margin:0 auto;padding:8px 0;display:flex}.nav-item{color:var(--gray-400);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:4px 8px;font-size:.7rem;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary);font-weight:600}.nav-item:hover{color:var(--primary)}.nav-icon{margin-bottom:2px;font-size:1.2rem}.nav-label{font-size:.7rem}.home-hero{text-align:center;color:#fff;background:linear-gradient(160deg,#7c3aed 0%,#8b5cf6 40%,#a78bfa 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin-bottom:28px;padding:40px 24px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #7c3aed40}.hero-glow{pointer-events:none;background:radial-gradient(#ffffff26 0%,#0000 55%);width:120%;height:120%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.hero-orb{pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-orb-1{background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);width:140px;height:140px;animation-delay:0s;top:-30px;right:-30px}.hero-orb-2{background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);width:100px;height:100px;animation-delay:4s;bottom:-20px;left:-20px}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.02)}}.home-brand{letter-spacing:.06em;text-shadow:0 2px 12px #0000001f;z-index:1;margin-bottom:8px;font-size:2.4rem;font-weight:800;position:relative}.home-english{letter-spacing:.18em;text-transform:uppercase;opacity:.75;z-index:1;margin-bottom:12px;font-size:.75rem;font-weight:500;position:relative}.home-tagline{opacity:.7;letter-spacing:.08em;z-index:1;font-size:.85rem;font-weight:400;position:relative}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:#fff;padding:16px 8px}.stat-number{color:var(--primary);font-size:1.6rem;font-weight:700}.stat-label{color:var(--gray-500);margin-top:4px;font-size:.75rem}.progress-bar-container{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:16px;padding:16px}.progress-bar-label{color:var(--gray-600);justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.progress-bar{background:var(--gray-200);border-radius:5px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:5px;height:100%;transition:width .5s}.progress-bar-fill.green{background:linear-gradient(90deg, var(--green), #34d399)}.progress-bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.module-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.module-card{border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;transition:all .2s;display:flex}.module-card:hover{border-color:var(--primary-light)}.module-card.active{border-color:var(--primary);background:var(--primary-bg)}.module-card.empty{opacity:.6}.module-icon{font-size:1.6rem}.module-label{color:var(--gray-700);font-size:.8rem;font-weight:600}.module-count{color:var(--gray-500);font-size:.75rem}.home-suggestion{background:var(--orange-light);border-radius:var(--radius);color:var(--gray-700);align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.suggestion-icon{font-size:1.2rem}.home-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);border:none;justify-content:center;align-items:center;padding:14px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.btn-primary.btn-green{background:var(--green)}.btn-primary.btn-green:hover{background:#059669}.btn-primary.btn-orange{background:var(--orange)}.btn-primary.btn-orange:hover{background:#d97706}.btn-primary.btn-purple{background:var(--purple)}.btn-primary.btn-purple:hover{background:#7c3aed}.btn-large{padding:16px;font-size:1rem}.btn-xlarge{padding:20px 16px;font-size:1.1rem}.btn-primary.btn-red{background:var(--red)}.btn-primary.btn-red:hover{background:#dc2626}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.home-actions-primary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.home-page{padding-bottom:24px}.learn-start-section{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:16px;padding:16px}.learn-start-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.learn-start-icon{font-size:1.2rem}.learn-start-title{color:var(--gray-800);font-size:1rem;font-weight:700}.learn-start-hint{color:var(--gray-500);margin-bottom:10px;font-size:.85rem}.learn-start-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.learn-start-label{color:var(--gray-700);white-space:nowrap;font-size:.9rem}.learn-start-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);text-align:center;outline:none;width:64px;padding:8px 10px;font-size:1rem}.learn-start-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.section-title{color:var(--gray-800);margin-bottom:16px;font-size:1.2rem;font-weight:700}.home-section{margin-bottom:32px}.home-section .module-selector{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-section .module-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;padding:16px 12px;text-decoration:none;transition:all .2s;display:flex}.home-section .module-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-section .module-card.empty{opacity:.6}.home-training-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-training-grid-2{grid-template-columns:repeat(2,1fr)}.training-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;padding:20px 12px;text-decoration:none;transition:all .2s;display:flex}.training-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.training-icon{margin-bottom:8px;font-size:2rem}.training-name{color:var(--gray-800);margin-bottom:4px;font-size:1rem;font-weight:700}.training-desc{color:var(--gray-500);font-size:.75rem}.plan-section{margin-bottom:24px}.plan-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plan-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--primary);background:#fff;padding:16px}.plan-card.completed{border-left-color:var(--green);background:var(--green-light)}.plan-day{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.plan-card.completed .plan-day{color:var(--green)}.plan-desc{color:var(--gray-600);margin-bottom:8px;font-size:.85rem;line-height:1.5}.plan-words{color:var(--gray-400);font-size:.75rem}.plan-check{color:var(--green);margin-top:8px;font-size:.85rem;font-weight:600}.btn-action{border-radius:var(--radius-sm);cursor:pointer;background:var(--gray-100);color:var(--gray-700);border:none;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-action:hover{background:var(--gray-200)}.btn-action.btn-primary{background:var(--primary);color:#fff}.btn-action.btn-primary:hover{background:#4338ca}.btn-action.btn-green{background:var(--green);color:#fff}.btn-action.btn-green:hover{background:#059669}.btn-action.btn-orange{background:var(--orange);color:#fff}.btn-action.btn-orange:hover{background:#d97706}.btn-action.btn-red{background:var(--red);color:#fff}.btn-action.btn-red:hover{background:#dc2626}.btn-action.btn-large{padding:14px 24px;font-size:1rem}.btn-action.btn-small{padding:6px 12px;font-size:.8rem}.word-card{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;margin-bottom:16px;padding:24px}.word-card-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.word-english{color:var(--gray-900);font-size:2rem;font-weight:800}.word-phonetic{color:var(--gray-500);margin-bottom:4px;font-size:1.1rem}.word-pos{color:var(--primary);margin-bottom:12px;font-size:.85rem;font-weight:600}.word-meaning{color:var(--gray-800);background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:12px;padding:12px;font-size:1.2rem;font-weight:600}.word-note{color:var(--orange);background:var(--orange-light);border-radius:var(--radius-sm);margin-bottom:12px;padding:8px 12px;font-size:.85rem}.word-example{background:var(--gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--primary-light);margin-top:12px;padding:12px}.example-en{color:var(--gray-700);align-items:center;gap:8px;margin-bottom:4px;font-size:.95rem;display:flex}.example-zh{color:var(--gray-500);font-size:.85rem}.word-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.word-actions .btn-action{flex:1;min-width:100px;padding:12px;font-size:.85rem}.btn-know{background:var(--green);color:#fff}.btn-know:hover{background:#059669}.btn-unfamiliar{background:var(--orange);color:#fff}.btn-unfamiliar:hover{background:#d97706}.btn-wrong{background:var(--red-light);color:var(--red)}.btn-wrong:hover{background:var(--red);color:#fff}.btn-next{background:var(--primary-bg);color:var(--primary)}.btn-next:hover{background:var(--primary);color:#fff}.btn-speak{background:var(--primary-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex}.btn-speak:hover{background:var(--primary);transform:scale(1.1)}.btn-speak-sm{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1rem;transition:all .2s}.btn-speak-sm:hover{background:var(--gray-200)}.btn-speak-xs{cursor:pointer;background:0 0;border:none;padding:2px;font-size:.8rem}.btn-speak-xs:hover{transform:scale(1.2)}.btn-large-speak{width:80px;height:80px;margin:16px auto;font-size:2rem}.learn-toolbar{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px;display:flex}.toolbar-toggle{color:var(--gray-600);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.toolbar-toggle.small{font-size:.8rem}.toolbar-toggle input{accent-color:var(--primary)}.learn-progress-bar{color:var(--gray-600);align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem;display:flex}.learn-progress-bar .progress-bar{flex:1}.learn-nav{justify-content:center;gap:12px;margin-top:16px;display:flex}.btn-nav{border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-700);background:#fff;padding:10px 20px;font-size:.9rem;transition:all .2s}.btn-nav:hover:not(:disabled){background:var(--gray-100)}.btn-nav:disabled{opacity:.4;cursor:not-allowed}.btn-speak-all{border-color:var(--primary-light);color:var(--primary)}.wordlist-page{max-width:800px}.wl-header{margin-bottom:16px}.wl-back{color:var(--primary);margin-bottom:8px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-block}.wl-back:hover{text-decoration:underline}.wl-title-area{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:16px}.wl-title{color:var(--gray-800);margin:0 0 4px;font-size:1.3rem;font-weight:700}.wl-subtitle{color:var(--gray-500);margin:0;font-size:.85rem}.wl-search{margin-bottom:12px}.wl-search-input{border:1px solid var(--gray-200);background:#fff;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.wl-search-input:focus{border-color:var(--primary)}.wl-filter-row{gap:8px;margin-bottom:12px;display:flex}.wl-filter-btn{border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:8px 4px;font-size:.8rem;font-weight:500;transition:all .15s}.wl-filter-btn:hover{border-color:var(--gray-300)}.wl-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.wl-filter-count{opacity:.8;font-size:.7rem}.wl-letter-bar{background:#fff;border-radius:8px;flex-wrap:wrap;gap:3px;margin-bottom:12px;padding:6px;display:flex}.wl-letter-btn{background:var(--gray-100);min-width:28px;height:28px;color:var(--gray-600);cursor:pointer;border:none;border-radius:4px;font-size:.75rem;font-weight:600;transition:all .15s}.wl-letter-btn:hover{background:var(--gray-200)}.wl-letter-btn.active{background:var(--primary);color:#fff}.wl-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.wl-list{grid-template-columns:1fr}}.wl-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;transition:box-shadow .15s;display:flex}@media (width<=768px){.wl-card{gap:12px;padding:12px 14px}}.wl-card:hover{box-shadow:var(--shadow-md)}.wl-card-left{flex:1;min-width:0}.wl-card-word{color:var(--gray-800);margin-bottom:4px;font-size:1.25rem;font-weight:800;line-height:1.2}@media (width<=768px){.wl-card-word{font-size:1.5rem}}.wl-card-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.wl-card-pos{color:var(--primary);background:#4f46e51a;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.wl-card-phonetic{color:var(--gray-400);font-size:.8rem}.wl-card-meaning{color:var(--gray-700);margin-bottom:4px;font-size:1rem;font-weight:500}.wl-card-example{margin-top:4px}.wl-example-en{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;line-height:1.4;overflow:hidden}.wl-example-zh{color:var(--gray-400);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.4;overflow:hidden}@media (width<=768px){.wl-example-en{font-size:.85rem}.wl-example-zh{font-size:.8rem}}.wl-card-right{flex-direction:column;gap:6px;padding-top:4px;display:flex}.wl-circle-btn{border:1px solid var(--gray-200);cursor:pointer;width:32px;height:32px;color:var(--gray-400);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:flex}@media (width<=768px){.wl-circle-btn{width:36px;height:36px;font-size:1rem}}.wl-circle-btn:hover{border-color:var(--gray-300);background:var(--gray-50)}.wl-circle-btn.speak:hover{color:var(--primary);border-color:var(--primary)}.wl-circle-btn.favorite.active{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.wl-empty{text-align:center;color:var(--gray-400);padding:40px 20px;font-size:.9rem}.wl-actions-bottom{gap:12px;margin-top:20px;display:flex}.wl-actions-bottom .btn-primary{text-align:center;flex:1;text-decoration:none}.search-box{margin-bottom:12px}.search-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.select-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-700);background:#fff;outline:none;padding:8px 12px;font-size:.85rem}.wordlist-count{color:var(--gray-500);margin-bottom:12px;font-size:.85rem}.wordlist-table-wrapper{overflow-x:auto}.wordlist-table{border-collapse:collapse;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#fff;overflow:hidden}.wordlist-table th{background:var(--gray-100);text-align:left;color:var(--gray-600);padding:10px 12px;font-size:.8rem;font-weight:600}.wordlist-table td{border-top:1px solid var(--gray-100);padding:10px 12px;font-size:.85rem}.wordlist-table tr:hover{background:var(--gray-50)}.row-mastered{background:var(--green-light)!important}.tl-word{color:var(--gray-800);font-weight:600}.tl-phonetic{color:var(--gray-500);font-size:.8rem}.badge{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.badge.green{background:var(--green-light);color:var(--green)}.badge.orange{background:var(--orange-light);color:var(--orange)}.badge.gray{background:var(--gray-100);color:var(--gray-500)}.wl-btn-sm{border:1px solid var(--gray-300);cursor:pointer;color:var(--gray-600);background:#fff;border-radius:4px;margin-right:4px;padding:4px 8px;font-size:.75rem}.wl-btn-sm:hover{background:var(--gray-100)}.wordlist-cards{grid-template-columns:1fr;gap:8px;display:grid}.wordlist-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:12px 16px}.wl-card-top{justify-content:space-between;align-items:center;display:flex}.wl-word{color:var(--gray-800);font-size:1.1rem;font-weight:700}.wl-phonetic{color:var(--gray-500);margin:2px 0;font-size:.85rem}.wl-meaning{color:var(--gray-600);margin-bottom:8px;font-size:.9rem}.wl-card-actions{gap:8px;display:flex}.wl-btn{border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-600);background:#fff;flex:1;padding:6px;font-size:.8rem}.wl-btn.active.green{background:var(--green-light);border-color:var(--green);color:var(--green)}.wl-btn.active.orange{background:var(--orange-light);border-color:var(--orange);color:var(--orange)}.challenge-header{text-align:center;margin-bottom:20px}.challenge-header h2{color:var(--gray-800);font-size:1.5rem}.challenge-header p{color:var(--gray-500);font-size:.9rem}.challenge-toggle{text-align:center;margin-bottom:16px}.wrong-quiz-banner{background:var(--orange-light);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.level-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.level-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:2px solid #0000;padding:16px;transition:all .2s;position:relative}.level-card:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.level-card.locked{opacity:.5;cursor:not-allowed}.level-card.completed{border-color:var(--green);background:var(--green-light)}.level-number{color:var(--gray-800);margin-bottom:4px;font-size:1rem;font-weight:700}.level-words{color:var(--gray-500);margin-bottom:8px;font-size:.8rem}.level-score{color:var(--gray-600);flex-direction:column;align-items:center;gap:2px;font-size:.8rem;display:flex}.level-stars{font-size:.9rem}.level-lock,.level-check{font-size:1rem;position:absolute;top:8px;right:8px}.challenge-phase-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.phase-label{color:var(--gray-700);font-weight:600}.challenge-nav{justify-content:center;gap:12px;margin-top:16px;display:flex}.quiz-card{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;margin-top:12px;padding:24px}.quiz-type-label{color:var(--primary);margin-bottom:12px;font-size:.85rem;font-weight:600}.quiz-word{color:var(--gray-900);text-align:center;margin-bottom:8px;font-size:2rem;font-weight:800}.quiz-phonetic{color:var(--gray-500);text-align:center;margin-bottom:16px;font-size:1rem}.quiz-word-cn{color:var(--gray-800);text-align:center;background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px;font-size:1.5rem;font-weight:700}.quiz-prompt-meaning{color:var(--gray-800);text-align:center;background:var(--primary-bg);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px;font-size:1.3rem;font-weight:600}.quiz-prompt-phonetic{color:var(--gray-500);text-align:center;margin-bottom:12px;font-size:1rem}.quiz-options{flex-direction:column;gap:8px;margin:16px 0;display:flex}.quiz-option{border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;transition:all .2s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg)}.quiz-option.correct{border-color:var(--green);background:var(--green-light)}.quiz-option.wrong{border-color:var(--red);background:var(--red-light)}.quiz-option.disabled{opacity:.6;cursor:not-allowed}.option-letter{background:var(--gray-100);width:28px;height:28px;color:var(--gray-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.quiz-option.correct .option-letter{background:var(--green);color:#fff}.quiz-option.wrong .option-letter{background:var(--red);color:#fff}.option-text{flex:1}.quiz-feedback{text-align:center;border-radius:var(--radius-sm);margin-top:12px;padding:12px;font-weight:600}.quiz-feedback.correct{background:var(--green-light);color:#065f46}.quiz-feedback.wrong{background:var(--red-light);color:#991b1b}.quiz-score-bar{justify-content:center;gap:24px;margin-top:12px;font-size:.9rem;display:flex}.score-correct{color:var(--green)}.score-wrong{color:var(--red)}.quiz-actions{text-align:center;margin-top:16px}.spell-input-area{text-align:center;margin:16px 0}.spell-input{border:2px solid var(--gray-300);border-radius:var(--radius-sm);text-align:center;outline:none;width:100%;max-width:300px;padding:14px 20px;font-size:1.2rem;transition:border-color .2s}.spell-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.spell-input.correct{border-color:var(--green);background:var(--green-light)}.spell-input.wrong{border-color:var(--red);background:var(--red-light)}.result-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-lg);background:#fff;margin-top:20px;padding:32px}.result-celebration{font-size:4rem;animation:.6s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-card h2{color:var(--gray-800);margin:12px 0;font-size:1.5rem}.result-stars{margin:16px 0;font-size:2rem}.result-score{color:var(--primary);margin:16px 0;font-size:3rem;font-weight:800}.result-details{color:var(--gray-600);flex-direction:column;gap:8px;margin-bottom:16px;font-size:1rem;display:flex}.result-tip{background:var(--orange-light);border-radius:var(--radius-sm);color:var(--gray-700);margin-bottom:16px;padding:12px}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.wrongbook-header{text-align:center;margin-bottom:16px}.wrongbook-header h2{font-size:1.5rem}.wrongbook-actions{text-align:center;margin-bottom:20px}.wrongbook-list{flex-direction:column;gap:12px;display:flex}.wrongbook-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--red);background:#fff;padding:16px}.wb-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.wb-word{color:var(--gray-800);font-size:1.2rem;font-weight:700}.wb-count{color:var(--red);background:var(--red-light);border-radius:10px;padding:2px 8px;font-size:.8rem}.wb-phonetic{color:var(--gray-500);margin-bottom:4px;font-size:.9rem}.wb-meaning{color:var(--gray-700);margin-bottom:8px;font-size:.95rem}.wb-example{background:var(--gray-50);border-radius:var(--radius-sm);margin-bottom:8px;padding:8px 12px}.wb-example-en{color:var(--gray-700);margin-bottom:2px;font-size:.85rem;display:block}.wb-example-zh{color:var(--gray-500);font-size:.8rem;display:block}.wb-card-bottom{justify-content:space-between;align-items:center;display:flex}.wb-time{color:var(--gray-400);font-size:.75rem}.wb-card-actions{align-items:center;gap:8px;display:flex}.wb-hint{color:var(--green);font-size:.75rem}.empty-state{text-align:center;color:var(--gray-500);padding:48px 16px}.empty-icon{margin-bottom:12px;font-size:3rem}.empty-hint{color:var(--gray-400);margin-top:4px;font-size:.85rem}.progress-details{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:16px;padding:20px}.progress-details h3{color:var(--gray-700);margin-bottom:12px;font-size:1rem;font-weight:700}.plan-progress-cards{flex-direction:column;gap:12px;display:flex}.plan-progress-card{background:var(--gray-50);border-radius:var(--radius-sm);padding:12px}.pp-label{margin-bottom:8px;font-size:.85rem;font-weight:600}.pp-status{color:var(--gray-500);margin-top:4px;font-size:.8rem}.level-progress-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.level-progress-item{background:var(--gray-50);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:8px;font-size:.8rem;display:flex}.lp-level{color:var(--gray-700);font-weight:600}.lp-stars{font-size:.75rem}.lp-score{color:var(--gray-500);font-size:.75rem}.lp-summary{text-align:center;color:var(--gray-500);margin-top:12px;font-size:.85rem}.progress-actions{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:20px}.progress-actions h3{margin-bottom:12px;font-size:1rem;font-weight:700}.data-actions{flex-direction:column;gap:12px;display:flex}.import-area{flex-direction:column;gap:8px;display:flex}.import-textarea{border:1px solid var(--gray-300);border-radius:var(--radius-sm);resize:vertical;padding:10px;font-family:monospace;font-size:.85rem}.import-msg{color:var(--green);font-size:.85rem}.reset-confirm{background:var(--red-light);border-radius:var(--radius-sm);padding:16px}.reset-confirm p{color:var(--red);margin-bottom:12px;font-weight:600}.reset-buttons{gap:8px;display:flex}.challenge-card{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;margin-bottom:16px;padding:24px}.challenge-word-display{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.challenge-english{color:var(--gray-900);font-size:2.2rem;font-weight:800}.challenge-input-area{text-align:center;margin:16px 0}.challenge-input{border:2px solid var(--gray-300);border-radius:var(--radius-sm);text-align:center;outline:none;width:100%;max-width:300px;padding:14px 20px;font-size:1.2rem;transition:border-color .2s}.challenge-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.challenge-input.correct{border-color:var(--green);background:var(--green-light)}.challenge-input.wrong{border-color:var(--red);background:var(--red-light)}.challenge-actions{text-align:center;margin-top:16px}.challenge-result{text-align:center}.challenge-feedback{border-radius:var(--radius-sm);margin-bottom:12px;padding:12px;font-size:1.1rem;font-weight:600}.challenge-feedback.correct{background:var(--green-light);color:#065f46}.challenge-feedback.wrong{background:var(--red-light);color:#991b1b}.challenge-answer{color:var(--gray-600);margin-bottom:16px;font-size:1rem}.challenge-your-answer{color:var(--gray-700);background:var(--gray-50);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px 14px;font-size:1rem}.challenge-grade-prompt{color:var(--gray-500);text-align:center;margin-bottom:12px;font-size:.9rem}.challenge-grade-btns{justify-content:center;gap:12px;display:flex}.challenge-grade-btns .btn-action{flex:1;max-width:160px}.challenge-score-bar{justify-content:center;gap:24px;margin-top:12px;font-size:.9rem;display:flex}.challenge-history{flex-direction:column;gap:8px;display:flex}.history-row{background:var(--gray-50);border-radius:var(--radius-sm);justify-content:space-between;padding:8px 12px;font-size:.85rem;display:flex}.history-date{color:var(--gray-500)}.history-score{color:var(--gray-700);font-weight:600}.module-select-header{text-align:center;margin-bottom:24px}.module-select-header h2{margin-bottom:4px;font-size:1.5rem}.module-select-header p{color:var(--gray-500);font-size:.9rem}.module-select-list{flex-direction:column;gap:12px;display:flex}.module-select-card{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:2px solid #0000;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.module-select-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.module-select-icon{background:var(--gray-100);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.module-select-info{flex:1}.module-select-title{margin-bottom:4px;font-size:1.1rem;font-weight:700}.module-select-stats{color:var(--gray-500);gap:16px;font-size:.85rem;display:flex}.module-select-progress{margin-top:4px}.progress-hint{color:var(--primary);font-size:.8rem;font-weight:600}.module-select-arrow{color:var(--gray-400);font-size:1.2rem}.btn-continue{width:100%;margin-bottom:16px}.group-select-list{flex-direction:column;gap:12px;display:flex}.group-select-card{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:2px solid #0000;padding:16px;transition:all .2s}.group-select-card:hover{border-color:var(--primary);transform:translateY(-1px)}.group-select-card.completed{background:var(--green-light);border-color:var(--green)}.group-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.group-card-title{font-size:1rem;font-weight:700}.group-card-range{color:var(--gray-500);font-size:.85rem}.group-card-progress{align-items:center;gap:12px;display:flex}.group-progress-bar{background:var(--gray-200);border-radius:4px;flex:1;height:8px;overflow:hidden}.group-progress-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.group-select-card.completed .group-progress-fill{background:var(--green)}.group-progress-text{color:var(--gray-600);text-align:right;min-width:80px;font-size:.85rem}.group-completed{color:var(--green);font-weight:600}.chinese-challenge-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-back{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1rem}.chinese-challenge-title{font-size:1rem;font-weight:700}.chinese-challenge-progress-text{color:var(--gray-600);font-size:.9rem;font-weight:600}.chinese-reveal{padding:16px}.reveal-meaning,.reveal-phonetic{margin-bottom:8px}.reveal-label{color:var(--gray-500);font-size:.85rem}.reveal-value{margin-left:8px;font-size:1.1rem;font-weight:600}.reveal-example{background:var(--gray-50);border-radius:var(--radius-sm);margin-top:16px;padding:12px}.reveal-example-en{color:var(--gray-800);margin-bottom:4px;font-size:.95rem}.reveal-example-zh{color:var(--gray-500);font-size:.85rem}.reveal-note{background:var(--orange-light);border-radius:var(--radius-sm);color:var(--orange);margin-top:12px;padding:10px 12px;font-size:.9rem}.btn-yellow{background:var(--orange);color:#fff}.btn-yellow:hover{background:#d97706}.score-neutral{color:var(--orange)}.quick-review-page{padding-bottom:16px}.qr-card{border-radius:var(--radius);box-shadow:var(--shadow-md);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;min-height:240px;margin-bottom:16px;padding:32px 24px;transition:all .3s}.qr-card:active{transform:scale(.98)}.qr-card.flipped{cursor:default}.qr-card-front,.qr-card-back{text-align:center}.qr-word{color:var(--gray-900);margin-bottom:8px;font-size:2.4rem;font-weight:800}.qr-phonetic{color:var(--gray-500);margin-bottom:4px;font-size:1.1rem}.qr-pos{color:var(--primary);margin-bottom:16px;font-size:.9rem;font-weight:600}.qr-hint{color:var(--gray-400);margin-top:24px;font-size:.9rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.qr-meaning{background:var(--primary-bg);border-radius:var(--radius-sm);color:var(--gray-800);margin-bottom:12px;padding:16px;font-size:1.5rem;font-weight:700}.qr-note{background:var(--orange-light);border-radius:var(--radius-sm);color:var(--orange);margin-bottom:12px;padding:8px 12px;font-size:.85rem}.qr-example{background:var(--gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--primary-light);text-align:left;margin-top:12px;padding:12px}.qr-example-en{color:var(--gray-700);margin-bottom:4px;font-size:.95rem}.qr-example-zh{color:var(--gray-500);font-size:.85rem}.qr-actions{gap:10px;margin-bottom:16px;display:flex}.qr-btn{flex:1;min-height:48px;padding:14px 8px;font-size:.95rem}.qr-tips{text-align:center;color:var(--gray-400);margin-top:8px;font-size:.75rem}.choice-quiz-page{padding-bottom:16px}.wrong-review-section{text-align:left;background:var(--gray-50);border-radius:var(--radius-sm);margin:16px 0;padding:12px}.wrong-review-section h3{color:var(--gray-700);margin-bottom:8px;font-size:.9rem}.wrong-review-list{flex-direction:column;gap:6px;display:flex}.wrong-review-item{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.85rem;display:flex}.wr-word{color:var(--gray-800);font-weight:600}.wr-meaning{color:var(--gray-500)}@media (width<=768px){.app{padding:0 16px 100px}.app-title{font-size:1.2rem}.app-subtitle{font-size:.75rem}.home-title{font-size:1.4rem}.home-subtitle{font-size:.8rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.home-actions,.home-actions-primary{grid-template-columns:1fr 1fr}.plan-cards{grid-template-columns:1fr}.word-meaning{font-size:1.1rem}.word-actions{flex-direction:column}.word-actions .btn-action{width:100%}.level-grid{grid-template-columns:repeat(3,1fr)}.quiz-word{font-size:1.6rem}.quiz-option{padding:12px;font-size:.9rem}.filter-row{flex-direction:column;align-items:stretch}.select-input{width:100%}.learn-toolbar{flex-direction:column;gap:8px}.level-progress-grid{grid-template-columns:repeat(3,1fr)}.qr-word{font-size:2rem}.qr-card{min-height:200px;padding:24px 16px}.qr-meaning{font-size:1.3rem}.btn-action{min-height:44px}.quiz-option{min-height:48px;padding:14px 16px}.btn-nav{min-height:44px;padding:10px 16px}.nav-item{min-width:44px;padding:6px 4px}.nav-icon{font-size:1.3rem}.word-card{padding:20px 16px}.word-english{font-size:1.8rem}.spell-input,.challenge-input{font-size:16px!important}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px 4px}.stat-number{font-size:1.3rem}.level-grid{grid-template-columns:repeat(2,1fr)}.challenge-english{font-size:1.8rem}.challenge-input{max-width:260px;font-size:1rem}.qr-word{font-size:1.8rem}.qr-actions{flex-direction:column;gap:8px}.qr-btn{width:100%}}.btn-favorite{cursor:pointer;color:var(--gray-400);background:0 0;border:none;padding:4px;font-size:1.5rem;transition:all .2s}.btn-favorite:hover{transform:scale(1.2)}.btn-favorite.active{color:#f59e0b}.word-card-actions-right{align-items:center;gap:8px;display:flex}.favorites-page{padding-bottom:24px}.favorites-header{text-align:center;margin-bottom:16px}.favorites-header h2{color:var(--gray-800);margin-bottom:4px;font-size:1.5rem}.favorites-count{color:var(--gray-500);font-size:.9rem}.module-filter-tabs{gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tab{border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .2s}.filter-tab:hover{border-color:var(--primary-light)}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.favorites-list{flex-direction:column;gap:12px;display:flex}.favorite-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px}.favorite-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.favorite-word-info{flex-direction:column;gap:2px;display:flex}.favorite-word{color:var(--gray-800);font-size:1.2rem;font-weight:700}.favorite-phonetic{color:var(--gray-500);font-size:.85rem}.favorite-card-actions{align-items:center;gap:8px;display:flex}.btn-remove-favorite{cursor:pointer;color:var(--gray-400);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.btn-remove-favorite:hover{background:var(--red-light);color:var(--red)}.favorite-meaning{color:var(--gray-700);background:var(--gray-50);border-radius:var(--radius-sm);margin-bottom:8px;padding:8px 12px;font-size:.95rem}.favorite-meta{justify-content:space-between;align-items:center;display:flex}.favorite-module-tag{color:var(--primary);background:var(--primary-bg);border-radius:10px;padding:2px 8px;font-size:.75rem}.favorite-time{color:var(--gray-400);font-size:.75rem}.favorites-actions{text-align:center;margin-top:24px}.favorites-actions .btn-action{width:100%;max-width:300px}.favorite-quiz-page{padding-bottom:24px}.favorite-quiz-header{text-align:center;margin-bottom:20px}.favorite-quiz-header h2{color:var(--gray-800);margin-bottom:4px;font-size:1.5rem}.favorite-quiz-subtitle{color:var(--gray-500);font-size:.9rem}.favorite-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.favorite-stat-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:#fff;padding:16px 8px}.favorite-stat-number{color:var(--primary);font-size:1.6rem;font-weight:700}.favorite-stat-label{color:var(--gray-500);margin-top:4px;font-size:.75rem}.favorite-mode-cards{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.favorite-mode-card{border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:all .2s;display:flex}.favorite-mode-card:hover{border-color:var(--primary);transform:translateY(-2px)}.favorite-mode-icon{font-size:2rem}.favorite-mode-title{color:var(--gray-800);font-size:1rem;font-weight:700}.favorite-mode-desc{color:var(--gray-500);text-align:center;font-size:.8rem}.favorite-words-preview{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px}.favorite-words-preview h3{color:var(--gray-700);margin-bottom:12px;font-size:1rem;font-weight:700}.favorite-preview-list{flex-direction:column;gap:8px;display:flex}.favorite-preview-item{background:var(--gray-50);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;display:flex}.preview-word{color:var(--gray-800);flex:1;font-weight:600}.preview-meaning{color:var(--gray-600);flex:2;font-size:.85rem}.preview-module{font-size:1rem}.favorite-preview-more{text-align:center;color:var(--gray-400);padding:8px;font-size:.85rem}@media (width<=768px){.favorite-stats{grid-template-columns:repeat(3,1fr);gap:8px}.favorite-stat-card{padding:12px 4px}.favorite-stat-number{font-size:1.3rem}.favorite-mode-cards{grid-template-columns:1fr}}.desktop-nav{z-index:200;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}.desktop-nav-inner{align-items:center;gap:32px;max-width:1080px;height:62px;margin:0 auto;padding:0 24px;display:flex}.desktop-nav-brand{color:var(--primary);white-space:nowrap;font-size:1.2rem;font-weight:800;text-decoration:none}.desktop-nav-links{flex:1;gap:4px;display:flex;overflow-x:auto}.desktop-nav-link{color:var(--gray-600);border-radius:var(--radius-sm);white-space:nowrap;padding:8px 14px;font-size:.9rem;text-decoration:none;transition:all .15s}.desktop-nav-link:hover{color:var(--primary);background:var(--primary-bg)}.desktop-nav-link.active{color:var(--purple);background:var(--purple-light);border-bottom:2px solid var(--purple);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-weight:600}@media (width<=768px){.desktop-nav{display:none}}.mobile-bottom-nav{display:none}@media (width<=768px){.mobile-bottom-nav{border-top:1px solid var(--gray-200);z-index:200;padding-bottom:env(safe-area-inset-bottom);background:#fff;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.mobile-nav-inner{justify-content:space-around;padding:6px 0 4px;display:flex}.mobile-nav-item{color:var(--gray-400);flex-direction:column;align-items:center;gap:2px;min-width:48px;padding:4px 8px;font-size:.65rem;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-item.active{color:var(--purple)}.mobile-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-nav-label{font-size:.65rem}.app{padding-bottom:80px}.app-main{padding-bottom:0}}@media (width>=769px){.app{padding-bottom:24px}}.nav-bar{display:none}.home-hero-compact{text-align:center;color:#fff;background:linear-gradient(160deg,#7c3aed 0%,#8b5cf6 40%,#a78bfa 100%);border-radius:18px;margin-bottom:20px;padding:22px 24px 18px;position:relative;overflow:hidden;box-shadow:0 4px 16px #7c3aed2e}.home-hero-compact .home-brand{letter-spacing:.04em;z-index:1;margin-bottom:4px;font-size:1.5rem;font-weight:800;position:relative}.home-hero-compact .home-english{letter-spacing:.15em;opacity:.85;z-index:1;margin-bottom:4px;font-size:.7rem;position:relative}.home-hero-compact .home-tagline{opacity:.8;letter-spacing:.06em;z-index:1;font-size:.8rem;font-weight:400;position:relative}.home-today-card{display:none}.today-label{color:var(--gray-500);margin-bottom:4px;font-size:.85rem}.today-stat{color:var(--gray-800);font-size:1.3rem;font-weight:700}.today-progress-ring{width:52px;height:52px;position:relative}.today-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.today-percent{color:var(--primary);font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-modules-section{margin-bottom:28px}.home-modules-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:0;display:grid}.home-modules-grid+.home-modules-grid{margin-top:12px}.home-module-card{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200);background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:20px 12px 16px;text-decoration:none;transition:all .2s;display:flex}.home-module-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.home-module-icon{background:var(--purple-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.home-module-name{color:var(--gray-800);margin-bottom:2px;font-size:.9rem;font-weight:700}.home-module-desc{color:var(--gray-500);text-align:center;font-size:.72rem}@media (width<=768px){.home-modules-grid{grid-template-columns:repeat(2,1fr)}}.home-continue-section{margin-bottom:28px}.home-continue-grid{flex-direction:column;gap:8px;display:flex}.home-continue-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);background:#fff;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .15s;display:flex}.home-continue-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.continue-icon{font-size:1.3rem}.continue-info{flex-direction:column;flex:1;display:flex}.continue-name{color:var(--gray-800);font-size:.9rem;font-weight:600}.continue-count{color:var(--gray-500);font-size:.75rem}.continue-arrow{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 12px;font-size:.9rem;font-weight:600}.home-footer{text-align:center;color:var(--gray-400);padding:24px 0 8px;font-size:.8rem}.vc-header{display:none}.vc-title{color:var(--gray-800);margin-bottom:2px;font-size:1.4rem;font-weight:700}.vc-subtitle{color:var(--gray-500);font-size:.85rem}.vc-section{margin-bottom:20px}.vc-section-gap{margin-top:30px}.vc-section-title{color:#1f2937;margin-bottom:6px;font-size:26px;font-weight:700;line-height:1.3}.vc-section-desc{color:#7a8496;margin-bottom:16px;font-size:15px}.vc-card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vc-list-card{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200);background:#fff;flex-direction:column;height:auto;min-height:165px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex}.vc-list-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple);transform:translateY(-2px)}.vc-list-card:hover .vc-list-arrow-wrap svg{transform:translate(2px)}.vc-list-icon{font-size:1.5rem}.vc-list-info{flex-direction:column;flex:1;width:100%;margin-top:16px;display:flex}.vc-list-name{color:var(--gray-800);font-size:20px;font-weight:700;line-height:1.3}.vc-list-count{color:var(--gray-500);margin-top:4px;font-size:16px}.vc-list-bottom{align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}.vc-list-samples{color:#8a94a6;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.vc-list-arrow-wrap{color:var(--gray-400);flex-shrink:0;transition:color .15s}.vc-list-card:hover .vc-list-arrow-wrap{color:var(--purple)}.vc-training-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vc-training-grid-2{grid-template-columns:repeat(2,1fr)}.vc-training-card{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200);background:#fff;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:all .2s;display:flex;position:relative}.vc-training-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.vc-training-card.coming-soon{opacity:.65;cursor:not-allowed;pointer-events:none}.vc-training-card.coming-soon:hover{box-shadow:var(--shadow);border-color:var(--gray-200);transform:none}.vc-training-badge{color:var(--gray-600);background:var(--gray-200);border-radius:8px;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute;top:10px;right:10px}.vc-training-icon{background:var(--purple-light);width:44px;height:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.vc-training-name{color:var(--gray-800);margin-bottom:6px;font-size:20px;font-weight:700}.vc-training-desc{color:#7a8496;font-size:15px}@media (width<=1024px){.vc-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.vc-card-grid{grid-template-columns:1fr}}@media (width<=768px){.vc-training-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.vc-training-grid{grid-template-columns:1fr}}.module-page-header{text-align:left;margin-bottom:16px}.module-page-header h1{color:var(--gray-800);align-items:center;margin-bottom:2px;font-size:1.35rem;font-weight:700;display:flex}.module-page-subtitle{color:var(--gray-600);font-size:.85rem}.module-intro-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--primary);background:#fff;margin-bottom:16px;padding:14px 18px}.module-intro-card p{color:var(--gray-700);margin:0;font-size:.85rem;line-height:1.6}.btn-back{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:8px;padding:0;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-back:hover{text-decoration:underline}.shared-empty-state{text-align:center;padding:48px 16px}.shared-empty-icon{margin-bottom:12px;font-size:3rem}.shared-empty-title{color:var(--gray-700);margin-bottom:4px;font-size:1.1rem;font-weight:600}.shared-empty-hint{color:var(--gray-400);margin-bottom:16px;font-size:.85rem}.shared-coming-soon{background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200);align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.shared-coming-icon{color:var(--gray-400);flex-shrink:0}.shared-coming-body{flex:1;min-width:0}.shared-coming-title{color:var(--gray-700);margin-bottom:2px;font-size:.85rem;font-weight:600}.shared-coming-tags{color:var(--gray-500);font-size:.75rem;line-height:1.5}.shared-loading{text-align:center;color:var(--gray-500);padding:48px 16px}.shared-loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shared-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shared-section-title{color:var(--gray-800);font-size:1.1rem;font-weight:700}.shared-section-subtitle{color:var(--gray-500);margin-top:2px;font-size:.8rem}:root{--g-bg:#f7f8fc;--g-card:#fff;--g-border:#e8eaf0;--g-radius:14px;--g-line:1.7}.g-page{max-width:1120px;margin:0 auto}.g-list-header{margin-bottom:24px}.g-list-title{color:var(--gray-800);margin-bottom:4px;font-size:1.5rem;font-weight:700}.g-list-subtitle{color:var(--gray-600);font-size:.9rem;line-height:var(--g-line)}.g-topic-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.g-topic-grid{grid-template-columns:1fr}}.g-topic-card{background:var(--g-card);border:1px solid var(--g-border);border-radius:var(--g-radius);cursor:pointer;text-align:left;align-items:center;gap:14px;min-height:120px;max-height:135px;padding:18px 16px;transition:all .2s;display:flex}.g-topic-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e514}.g-topic-card:hover .g-topic-card-arrow{color:var(--primary);transform:translate(2px)}.g-topic-card-icon{background:var(--purple-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.g-topic-card-info{flex:1;min-width:0}.g-topic-card-name{color:var(--gray-800);margin-bottom:2px;font-size:1rem;font-weight:700}.g-topic-card-desc{color:var(--gray-600);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.g-topic-card-meta{color:var(--gray-400);font-size:.72rem}.g-topic-card-arrow{color:var(--gray-400);flex-shrink:0;transition:all .2s}.g-breadcrumb{align-items:center;gap:6px;margin-bottom:12px;font-size:.85rem;display:flex}.g-breadcrumb-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.g-breadcrumb-link:hover{text-decoration:underline}.g-breadcrumb-sep{color:var(--gray-400)}.g-breadcrumb-current{color:var(--gray-600)}.g-topic-header{margin-bottom:20px}.g-topic-title{color:var(--gray-800);margin-bottom:4px;font-size:1.4rem;font-weight:700}.g-topic-subtitle{color:var(--gray-600);font-size:.9rem;line-height:var(--g-line);margin-bottom:4px}.g-topic-meta{color:var(--gray-400);font-size:.8rem}.g-section-tabs{z-index:50;background:var(--g-bg);gap:6px;margin-bottom:24px;padding:8px 0;display:flex;position:sticky;top:62px}.g-section-tab{border:1px solid var(--g-border);background:var(--g-card);color:var(--gray-600);cursor:pointer;white-space:nowrap;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.g-section-tab:hover{color:var(--gray-800);border-color:var(--gray-300)}.g-section-tab.active{color:var(--primary);border-color:var(--primary);background:var(--primary-bg);font-weight:600}.g-section-tab-num{color:var(--gray-400);background:var(--gray-100);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex}.g-section-tab.active .g-section-tab-num{background:var(--primary);color:#fff}@media (width<=768px){.g-section-tabs{gap:4px;top:0}.g-section-tab{gap:4px;padding:8px 4px;font-size:.75rem}.g-section-tab-num{display:none}}.g-section-content{margin-bottom:32px}.g-section-title{color:var(--gray-800);margin-bottom:12px;font-size:1.1rem;font-weight:700}.g-kb{background:var(--g-card);border:1px solid var(--g-border);border-radius:var(--g-radius);margin-bottom:16px;padding:18px}.g-kb-title{color:var(--gray-800);border-bottom:1px solid var(--g-border);margin-bottom:8px;padding-bottom:8px;font-size:1rem;font-weight:700}.g-kb-content{color:var(--gray-700);font-size:.88rem;line-height:var(--g-line);margin-bottom:12px}.g-kb-items{flex-direction:column;gap:8px;display:flex}.g-kb-item{background:var(--g-bg);border-radius:10px;padding:10px 14px}.g-kb-label{color:var(--primary);margin-bottom:4px;font-size:.82rem;font-weight:600}.g-kb-english{color:var(--gray-800);font-size:.88rem;line-height:1.6}.g-kb-chinese{color:var(--gray-500);margin-top:2px;font-size:.8rem}.g-kb-note{color:var(--orange);background:var(--orange-light);border-radius:8px;margin-top:4px;padding:6px 10px;font-size:.8rem}.g-examples-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.g-examples-grid{grid-template-columns:1fr}}.g-example-card{background:var(--g-card);border:1px solid var(--g-border);border-radius:var(--g-radius);padding:18px}.g-example-en{color:var(--gray-800);font-size:.95rem;line-height:var(--g-line);margin-bottom:6px}.g-example-zh{color:var(--gray-600);margin-bottom:8px;font-size:.85rem}.g-example-note{color:var(--gray-600);align-items:center;gap:6px;font-size:.8rem;display:flex}.g-example-tag{color:var(--orange);background:var(--orange-light);border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600}.g-mistakes-list{flex-direction:column;gap:12px;display:flex}.g-mistake-card{background:var(--g-card);border:1px solid var(--g-border);border-left:3px solid var(--red);border-radius:var(--g-radius);padding:16px 18px}.g-mistake-title{color:var(--red);margin-bottom:8px;font-size:.9rem;font-weight:600}.g-mistake-english{color:var(--gray-800);white-space:pre-line;background:var(--red-light);border-radius:8px;margin-bottom:6px;padding:8px 12px;font-size:.88rem;line-height:1.6}.g-mistake-chinese{color:var(--gray-600);font-size:.82rem}.g-exercises-area{max-width:900px;margin-left:auto;margin-right:auto}.g-exercise-header{color:var(--gray-600);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.g-exercise-score{color:var(--primary);font-weight:600}.g-exercise-card{background:var(--g-card);border:1px solid var(--g-border);border-radius:var(--g-radius);margin-bottom:16px;padding:18px}.g-exercise-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.g-exercise-num{color:var(--gray-600);font-size:.8rem;font-weight:600}.g-difficulty{border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600}.g-difficulty.basic{background:var(--green-light);color:var(--green)}.g-difficulty.advanced{background:var(--orange-light);color:var(--orange)}.g-knowledge-tag{background:var(--primary-bg);color:var(--primary);border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:500}.g-q-stem{color:var(--gray-800);font-size:.95rem;line-height:var(--g-line);margin-bottom:14px}.g-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px;display:grid}@media (width<=768px){.g-options{grid-template-columns:1fr}}.g-option{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;text-align:left;color:var(--gray-700);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;transition:all .15s;display:flex}.g-option:hover:not(:disabled){border-color:var(--primary-light);background:var(--primary-bg)}.g-option.selected{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.g-option.correct{border-color:var(--green);background:var(--green-light);color:#065f46}.g-option.wrong{border-color:var(--red);background:var(--red-light);color:#991b1b}.g-option:disabled{cursor:default}.g-option-letter{background:var(--gray-100);width:24px;height:24px;color:var(--gray-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.g-option.correct .g-option-letter{background:var(--green);color:#fff}.g-option.wrong .g-option-letter{background:var(--red);color:#fff}.g-option-text{flex:1}.g-option-icon{flex-shrink:0}.g-fill-area{margin:12px 0}.g-fill-input{border:1px solid var(--g-border);border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.g-fill-input:focus{border-color:var(--primary)}.g-fill-input.correct{border-color:var(--green);background:var(--green-light)}.g-fill-input.wrong{border-color:var(--red);background:var(--red-light)}.g-feedback{border-radius:10px;margin-top:14px;padding:14px}.g-feedback.correct{background:var(--green-light);border:1px solid #a7f3d0}.g-feedback.wrong{background:var(--red-light);border:1px solid #fecaca}.g-feedback-answer{margin-bottom:4px;font-size:.9rem;font-weight:600}.g-feedback.correct .g-feedback-answer{color:#065f46}.g-feedback.wrong .g-feedback-answer{color:#991b1b}.g-feedback-explanation{color:var(--gray-700);font-size:.85rem;line-height:var(--g-line)}.g-feedback-mistake{color:var(--orange);border-top:1px solid #0000000f;margin-top:6px;padding-top:6px;font-size:.82rem}.g-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s}.g-submit-btn:hover:not(:disabled){background:#4338ca}.g-submit-btn:disabled{opacity:.5;cursor:not-allowed}.g-exercise-actions{gap:12px;margin-top:16px;display:flex}.g-action-btn{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;color:var(--gray-700);border-radius:12px;flex:1;padding:12px;font-size:.9rem;font-weight:500;transition:all .15s}.g-action-btn:hover{background:var(--gray-100)}.g-action-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.g-action-btn.primary:hover{background:#4338ca}.grammar-detail h3{color:var(--gray-700);margin:20px 0 12px;font-size:1rem;font-weight:700}.grammar-rule-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:10px;padding:16px}.grammar-rule-card h4{color:var(--primary);margin-bottom:8px;font-size:.95rem;font-weight:700}.grammar-rule-card p{color:var(--gray-700);margin-bottom:8px;font-size:.9rem}.grammar-tips{padding:0;list-style:none}.grammar-tips li{color:var(--gray-600);padding:3px 0 3px 16px;font-size:.85rem;position:relative}.grammar-tips li:before{content:"•";color:var(--primary);position:absolute;left:0}.grammar-example-card{background:var(--gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--primary-light);margin-bottom:8px;padding:12px}.grammar-example-en{color:var(--gray-800);margin-bottom:4px;font-size:.95rem}.grammar-example-zh{color:var(--gray-500);font-size:.85rem}.grammar-exercise-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px}.grammar-q-stem{color:var(--gray-800);margin-bottom:12px;font-size:1rem;line-height:1.6}.grammar-options{flex-direction:column;gap:8px;display:flex}.grammar-option{text-align:left;border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:#fff;width:100%;padding:12px 16px;font-size:.95rem;transition:all .15s;display:block}.grammar-option:hover{border-color:var(--primary)}.grammar-option.correct{border-color:var(--green);background:var(--green-light)}.grammar-answer{background:var(--gray-50);border-radius:var(--radius-sm);margin-top:12px;padding:12px}.grammar-answer-correct{color:var(--green);margin-bottom:4px;font-weight:600}.grammar-answer-explain{color:var(--gray-600);font-size:.85rem}.reading-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.reading-list-card{text-align:left;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--gray-200);cursor:pointer;background:#fff;align-items:center;min-height:72px;padding:14px 16px;transition:all .2s;display:flex}.reading-list-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reading-list-info{flex:1;min-width:0}.reading-list-title{color:var(--gray-800);margin-bottom:2px;font-size:.95rem;font-weight:700}.reading-list-meta{color:var(--gray-500);gap:12px;font-size:.75rem;display:flex}.reading-list-arrow{color:var(--gray-400);flex-shrink:0;margin-left:12px}.reading-list-arrow svg{display:block}.reading-article{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:20px;padding:20px}.reading-title{color:var(--gray-800);margin-bottom:8px;font-size:1.2rem;font-weight:700}.reading-meta{gap:12px;margin-bottom:16px;display:flex}.reading-category,.reading-difficulty,.reading-words{background:var(--gray-100);color:var(--gray-600);border-radius:10px;padding:2px 8px;font-size:.8rem}.reading-content{color:var(--gray-700);font-size:.95rem;line-height:1.8}.reading-content p{margin-bottom:12px}.reading-vocab{border-top:1px solid var(--gray-200);margin-top:16px;padding-top:16px}.reading-vocab h3{color:var(--gray-700);margin-bottom:8px;font-size:.9rem;font-weight:700}.reading-vocab-list{flex-wrap:wrap;gap:8px;display:flex}.reading-vocab-item{background:var(--primary-bg);color:var(--gray-700);border-radius:10px;padding:4px 10px;font-size:.8rem}.reading-questions{margin-bottom:20px}.reading-questions h3{margin-bottom:12px;font-size:1rem;font-weight:700}.reading-question-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:12px;padding:16px}.reading-q-stem{color:var(--gray-800);margin-bottom:10px;font-size:.95rem;line-height:1.5}.reading-q-options{flex-direction:column;gap:6px;display:flex}.reading-q-option{text-align:left;border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:#fff;width:100%;padding:10px 14px;font-size:.9rem;transition:all .15s;display:block}.reading-q-option:hover{border-color:var(--primary)}.reading-q-option.selected{border-color:var(--primary);background:var(--primary-bg)}.reading-q-option.correct{border-color:var(--green);background:var(--green-light)}.reading-q-option.wrong{border-color:var(--red);background:var(--red-light)}.reading-q-explanation{background:var(--gray-50);border-radius:var(--radius-sm);margin-top:10px;padding:10px}.reading-q-correct{color:var(--green);margin-bottom:4px;font-size:.9rem;font-weight:600}.reading-result-summary{text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px}.reading-result-summary p{margin-bottom:12px;font-size:1rem;font-weight:600}.cloze-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.cloze-list-card{text-align:left;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--gray-200);cursor:pointer;background:#fff;align-items:center;min-height:72px;padding:14px 16px;transition:all .2s;display:flex}.cloze-list-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cloze-list-info{flex:1;min-width:0}.cloze-list-title{color:var(--gray-800);margin-bottom:2px;font-size:.95rem;font-weight:700}.cloze-list-arrow{color:var(--gray-400);flex-shrink:0;margin-left:12px}.cloze-list-arrow svg{display:block}.cloze-title{margin-bottom:12px;font-size:1.1rem;font-weight:700}.cloze-article{border-radius:var(--radius);box-shadow:var(--shadow);color:var(--gray-700);background:#fff;margin-bottom:20px;padding:20px;font-size:1rem;line-height:2}.cloze-blank{border-bottom:2px solid var(--primary);text-align:center;min-width:80px;color:var(--primary);margin:0 2px;padding:0 4px;font-weight:600;display:inline-block}.cloze-blank.correct{border-color:var(--green);color:var(--green)}.cloze-blank.wrong{border-color:var(--red);color:var(--red)}.cloze-question-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:10px;padding:16px}.cloze-q-num{color:var(--primary);margin-bottom:4px;font-weight:700}.cloze-q-hint{color:var(--gray-500);margin-bottom:8px;font-size:.8rem}.cloze-q-options{flex-direction:column;gap:6px;display:flex}.cloze-q-option{text-align:left;border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:#fff;width:100%;padding:10px 14px;font-size:.9rem;transition:all .15s;display:block}.cloze-q-option:hover{border-color:var(--primary)}.cloze-q-option.selected{border-color:var(--primary);background:var(--primary-bg)}.cloze-q-option.correct{border-color:var(--green);background:var(--green-light)}.cloze-q-option.wrong{border-color:var(--red);background:var(--red-light)}.cloze-q-explanation{color:var(--gray-600);margin-top:8px;font-size:.85rem}.cloze-result{text-align:center;padding:16px}.writing-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.writing-list-card{text-align:left;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--gray-200);cursor:pointer;background:#fff;align-items:center;min-height:72px;padding:14px 16px;transition:all .2s;display:flex}.writing-list-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.writing-list-info{flex:1;min-width:0}.writing-list-arrow{color:var(--gray-400);flex-shrink:0;margin-left:12px}.writing-list-arrow svg{display:block}.writing-list-title{color:var(--gray-800);margin-bottom:4px;font-size:1rem;font-weight:700}.writing-list-prompt{color:var(--gray-500);font-size:.85rem}.writing-prompt-card,.writing-outline-card,.writing-input-card,.writing-reference-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:16px;padding:16px}.writing-prompt-card h3,.writing-outline-card h3,.writing-input-card h3,.writing-reference-card h3{color:var(--gray-700);margin-bottom:10px;font-size:1rem;font-weight:700}.writing-requirements{padding:0;list-style:none}.writing-requirements li{color:var(--gray-600);padding:4px 0 4px 16px;font-size:.9rem;position:relative}.writing-requirements li:before{content:"•";color:var(--primary);position:absolute;left:0}.writing-outline-list{padding-left:20px}.writing-outline-list li{color:var(--gray-600);padding:3px 0;font-size:.9rem}.writing-textarea{border:2px solid var(--gray-200);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;min-height:200px;padding:14px;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s}.writing-textarea:focus{border-color:var(--primary)}.writing-word-count{text-align:right;color:var(--gray-400);margin-top:6px;font-size:.8rem}.writing-reference-text{color:var(--gray-700);font-size:.95rem;line-height:1.8}.writing-reference-text p{margin-bottom:8px}.writing-good-sentences{border-top:1px solid var(--gray-200);margin-top:16px;padding-top:16px}.writing-good-sentences h4{color:var(--gray-700);margin-bottom:8px;font-size:.9rem;font-weight:700}.writing-good-sentences ul{padding:0;list-style:none}.writing-good-sentences li{color:var(--gray-600);padding:4px 0 4px 16px;font-size:.85rem;position:relative}.writing-good-sentences li:before{content:"★";color:var(--orange);font-size:.7rem;position:absolute;left:0}.mistakes-tabs{gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.mistakes-tab{border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 14px;font-size:.85rem;transition:all .15s}.mistakes-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mistakes-status-tabs{gap:8px;margin-bottom:16px;display:flex}.mistakes-status{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;border:none;padding:6px 12px;font-size:.8rem}.mistakes-status.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.mistakes-list{flex-direction:column;gap:10px;display:flex}.mistake-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--red);background:#fff;padding:14px 16px}.mistake-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mistake-word{color:var(--gray-800);font-size:1.1rem;font-weight:700}.mistake-phonetic{color:var(--gray-400);margin-left:8px;font-size:.8rem}.mistake-count{color:var(--red);background:var(--red-light);border-radius:10px;padding:2px 8px;font-size:.75rem}.mistake-meaning{color:var(--gray-600);margin-bottom:6px;font-size:.9rem}.mistake-bottom{justify-content:space-between;align-items:center;display:flex}.mistake-module{color:var(--primary);font-size:.75rem}.mistake-time{color:var(--gray-400);font-size:.75rem}.plan-overview{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.plan-stat-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:#fff;padding:16px 8px}.plan-stat-number{color:var(--primary);font-size:1.5rem;font-weight:700}.plan-stat-label{color:var(--gray-500);margin-top:4px;font-size:.75rem}.plan-quick-links{margin-bottom:24px}.plan-links-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.plan-quick-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--gray-700);background:#fff;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.plan-quick-card:hover{box-shadow:var(--shadow)}.plan-quick-card span:first-child{font-size:1.3rem}.plan-tasks-section{margin-bottom:24px}.plan-add-task{gap:8px;margin-bottom:16px;display:flex}.plan-task-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;font-size:.9rem}.plan-task-input:focus{border-color:var(--primary)}.plan-task-list{flex-direction:column;gap:8px;display:flex}.plan-task-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:10px;padding:12px 14px;display:flex}.plan-task-card.done{opacity:.6}.plan-task-check{cursor:pointer;background:0 0;border:none;font-size:1.1rem}.plan-task-title{color:var(--gray-700);flex:1;font-size:.9rem}.plan-task-card.done .plan-task-title{text-decoration:line-through}.plan-task-delete{color:var(--gray-400);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.9rem}.plan-task-delete:hover{color:var(--red)}.ar-page{flex-direction:column;max-width:720px;min-height:calc(100vh - 100px);margin:0 auto;padding:16px 0;display:flex}.ar-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 0 12px;display:flex}.ar-back{color:var(--primary);padding:8px 0;font-size:.9rem;font-weight:500;text-decoration:none}.ar-back:hover{opacity:.8}.ar-header-info{text-align:right}.ar-module-label{color:var(--gray-700);font-size:.85rem;font-weight:600}.ar-filter-label{color:var(--gray-400);font-size:.75rem}.ar-progress-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.ar-progress-text{color:var(--gray-500);white-space:nowrap;font-size:.85rem}.ar-progress-bar{background:var(--gray-200);border-radius:3px;flex:1;height:6px;overflow:hidden}.ar-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.ar-word-card{border-radius:var(--radius);box-shadow:var(--shadow-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;margin-bottom:16px;padding:40px 24px;transition:box-shadow .2s;display:flex;position:relative}.ar-word-card:active{box-shadow:var(--shadow-lg)}.ar-word{color:var(--gray-900);text-align:center;margin-bottom:8px;font-size:48px;font-weight:700;line-height:1.2}.ar-phonetic{color:var(--gray-400);margin-bottom:6px;font-size:1.1rem}.ar-pos{color:var(--primary-light);margin-bottom:20px;font-size:.85rem;font-weight:500}.ar-meaning-hint{color:var(--gray-400);margin-top:8px;font-size:.85rem}.ar-meaning{color:var(--gray-700);background:var(--primary-bg);border-radius:var(--radius-sm);text-align:center;margin-top:12px;padding:12px 20px;font-size:1.3rem;animation:.3s ar-fadeIn}@keyframes ar-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ar-repeat-indicator{gap:6px;margin-top:12px;display:flex}.ar-repeat-dot{background:var(--gray-200);border-radius:50%;width:8px;height:8px;transition:background .2s}.ar-repeat-dot.active{background:var(--primary)}.ar-controls{border-top:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:12px 16px}.ar-controls-main{justify-content:center;align-items:center;gap:16px;margin-bottom:10px;display:flex}.ar-ctrl-btn{background:var(--gray-100);width:48px;height:48px;color:var(--gray-700);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .15s;display:flex}.ar-ctrl-btn:hover{background:var(--gray-200)}.ar-ctrl-btn.primary{background:var(--primary);color:#fff;width:56px;height:56px;font-size:1.4rem}.ar-ctrl-btn.primary:hover{background:var(--primary-light)}.ar-controls-secondary{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ar-toggle-btn{border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;background:#fff;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .15s}.ar-toggle-btn:hover{border-color:var(--gray-300)}.ar-toggle-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.ar-exit-btn{border:1px solid var(--gray-300);color:var(--gray-500);background:#fff;border-radius:20px;padding:6px 14px;font-size:.8rem;text-decoration:none;transition:all .15s}.ar-exit-btn:hover{border-color:var(--gray-400);color:var(--gray-700)}.ar-start-overlay{border-radius:var(--radius);z-index:2;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.ar-start-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:28px;padding:14px 36px;font-size:1.1rem;font-weight:600;transition:all .15s}.ar-start-btn:hover{background:var(--primary-light);box-shadow:var(--shadow-lg)}.ar-completion{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.ar-completion-icon{font-size:3rem}.ar-completion-title{color:var(--gray-800);font-size:1.3rem;font-weight:700}.ar-completion-sub{color:var(--gray-500);font-size:.9rem}.ar-completion-actions{gap:12px;display:flex}.ar-empty{min-height:300px;color:var(--gray-400);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.wl-auto-recognize-btn{background:var(--primary-bg);color:var(--primary);border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.wl-auto-recognize-btn:hover{background:var(--primary);color:#fff}@media (width<=600px){.ar-word{font-size:36px}.ar-word-card{min-height:240px;padding:28px 16px}.ar-controls{z-index:50;border-radius:0;position:fixed;bottom:60px;left:0;right:0}.ar-page{padding-bottom:200px}.ar-ctrl-btn{width:44px;height:44px}.ar-ctrl-btn.primary{width:52px;height:52px}}