.O7PhNG_mwPage{color:#334155;background:#f8fafc;min-height:100vh;padding-bottom:3.5rem}.dark .O7PhNG_mwPage{color:#cbd5e1;background:#0f172a}.O7PhNG_mwWrap{max-width:1200px;margin:0 auto;padding:0 1.25rem}.O7PhNG_mwTopbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:.75rem 0}.dark .O7PhNG_mwTopbar{background:#1e293b;border-color:#334155}.O7PhNG_mwHero{color:#fff;border-radius:20px;margin-top:1.5rem;padding:2.75rem 2rem 2.25rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #6366f140}.O7PhNG_mwHeroBg{z-index:0;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#9333ea 100%);position:absolute;inset:0}.O7PhNG_mwHeroBg:after{content:"";background:radial-gradient(circle at 80% 20%,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.O7PhNG_mwHeroContent{z-index:1;text-align:center;position:relative}.O7PhNG_mwHeroChars{justify-content:center;gap:12px;margin-bottom:1rem;display:flex}.O7PhNG_mwHeroChars span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.O7PhNG_mwHeroTitle{letter-spacing:-.025em;margin:0 0 .5rem;font-size:2rem;font-weight:800}.O7PhNG_mwHeroSub{opacity:.9;margin:0;font-size:.95rem}.O7PhNG_mwSearchWrap{margin:1.5rem 0}.O7PhNG_mwSearch{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;max-width:520px;margin:0 auto;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.dark .O7PhNG_mwSearch{background:#1e293b;border-color:#334155}.O7PhNG_mwSearchIcon{color:#94a3b8;position:absolute;left:16px}.O7PhNG_mwSearchInput{width:100%;color:inherit;background:0 0;border:none;border-radius:14px;outline:none;padding:12px 42px 12px 46px;font-size:.9rem}.O7PhNG_mwSearchClear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;right:12px}.dark .O7PhNG_mwSearchClear{color:#94a3b8;background:#334155}.O7PhNG_mwGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:768px){.O7PhNG_mwGrid{grid-template-columns:1fr}}.O7PhNG_mwCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:1.25rem;transition:all .2s;display:flex}.dark .O7PhNG_mwCard{background:#1e293b;border-color:#334155}.O7PhNG_mwCard:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 8px 24px #6366f114}.O7PhNG_mwCardHeader{align-items:center;gap:14px;display:flex}.O7PhNG_mwCardIcon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.O7PhNG_mwCardBody{flex:1;min-width:0}.O7PhNG_mwCardTitle{color:#0f172a;margin:0 0 3px;font-size:1.05rem;font-weight:700}.dark .O7PhNG_mwCardTitle{color:#f8fafc}.O7PhNG_mwCardDesc{color:#64748b;margin:0;font-size:.8rem;line-height:1.4}.dark .O7PhNG_mwCardDesc{color:#94a3b8}.O7PhNG_mwLessonsList{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.dark .O7PhNG_mwLessonsList{border-top-color:#334155}.O7PhNG_mwLessonChip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.dark .O7PhNG_mwLessonChip{color:#cbd5e1;background:#0f172a;border-color:#334155}.O7PhNG_mwLessonChip:hover{color:#fff;background:#6366f1;border-color:#6366f1;transform:translateY(-1px)}.O7PhNG_mwFeatures{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:1.75rem}.dark .O7PhNG_mwFeatures{background:#1e293b;border-color:#334155}.O7PhNG_mwFeaturesTitle{color:#0f172a;align-items:center;gap:8px;margin:0 0 1.25rem;font-size:1.05rem;font-weight:700;display:flex}.dark .O7PhNG_mwFeaturesTitle{color:#f8fafc}.O7PhNG_mwFeaturesGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.O7PhNG_mwFeaturesGrid{grid-template-columns:1fr}}.O7PhNG_mwFeat{background:#f8fafc;border-radius:12px;padding:1.25rem}.dark .O7PhNG_mwFeat{background:#0f172a}.O7PhNG_mwFeatIcon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;display:flex}.O7PhNG_mwFeatIconGreen{color:#16a34a;background:#f0fdf4}.O7PhNG_mwFeat h4{color:#0f172a;margin:0 0 .35rem;font-size:.92rem;font-weight:700}.dark .O7PhNG_mwFeat h4{color:#f8fafc}.O7PhNG_mwFeat p{color:#64748b;margin:0;font-size:.82rem;line-height:1.5}.dark .O7PhNG_mwFeat p{color:#94a3b8}.O7PhNG_studyContainer{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem}.O7PhNG_studyNav{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.O7PhNG_progressBarContainer{align-items:center;gap:10px;width:100%;max-width:280px;display:flex}.O7PhNG_progressBar{background:#e2e8f0;border-radius:9999px;flex:1;height:8px;overflow:hidden}.dark .O7PhNG_progressBar{background:#334155}.O7PhNG_progressFill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:9999px;height:100%;transition:width .3s}.O7PhNG_progressText{color:#64748b;text-align:right;min-width:45px;font-size:.8rem;font-weight:600}.O7PhNG_studyCard{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.5rem;padding:2rem;box-shadow:0 10px 30px #0000000a}.dark .O7PhNG_studyCard{background:#1e293b;border-color:#334155}.O7PhNG_detailHeader{border-bottom:1px solid #f1f5f9;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding-bottom:1.5rem;display:flex}.dark .O7PhNG_detailHeader{border-bottom-color:#334155}.O7PhNG_detailChar{color:#4f46e5;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-radius:18px;justify-content:center;align-items:center;width:84px;height:84px;font-size:3rem;font-weight:800;display:flex;box-shadow:inset 0 2px 6px #fffc}.dark .O7PhNG_detailChar{color:#c7d2fe;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}.O7PhNG_detailPinyin{color:#0f172a;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.dark .O7PhNG_detailPinyin{color:#f8fafc}.O7PhNG_audioBtn{color:#4f46e5;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.O7PhNG_audioBtn:hover{color:#fff;background:#6366f1}.O7PhNG_detailExplanation{color:#475569;background:#f8fafc;border-left:4px solid #6366f1;border-radius:12px;margin-bottom:1.75rem;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6}.dark .O7PhNG_detailExplanation{color:#cbd5e1;background:#0f172a}.O7PhNG_examplesTitle{color:#0f172a;margin-bottom:.85rem;font-size:1rem;font-weight:700}.dark .O7PhNG_examplesTitle{color:#f8fafc}.O7PhNG_examplesGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.O7PhNG_exampleCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;transition:all .15s}.dark .O7PhNG_exampleCard{background:#0f172a;border-color:#334155}.O7PhNG_exampleWord{color:#0f172a;font-size:1.15rem;font-weight:700}.dark .O7PhNG_exampleWord{color:#f8fafc}.O7PhNG_examplePinyin{color:#6366f1;font-size:.82rem;font-weight:600}.O7PhNG_exampleMeaning{color:#64748b;margin-top:2px;font-size:.8rem}.dark .O7PhNG_exampleMeaning{color:#94a3b8}.O7PhNG_questionTitle{color:#0f172a;margin-bottom:1.25rem;font-size:1.15rem;font-weight:700;line-height:1.5}.dark .O7PhNG_questionTitle{color:#f8fafc}.O7PhNG_questionTarget{color:#4f46e5;background:#eff6ff;border-radius:12px;margin-bottom:1.25rem;padding:.4rem 1.25rem;font-size:1.75rem;font-weight:800;display:inline-block}.dark .O7PhNG_questionTarget{color:#c7d2fe;background:#312e81}.O7PhNG_optionsGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:600px){.O7PhNG_optionsGrid{grid-template-columns:1fr}}.O7PhNG_optionBtn{color:#1e293b;cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;transition:all .15s}.dark .O7PhNG_optionBtn{color:#e2e8f0;background:#1e293b;border-color:#334155}.O7PhNG_optionBtn:hover:not(:disabled){background:#f5f3ff;border-color:#818cf8;transform:translateY(-2px)}.O7PhNG_optionBtnCorrect{font-weight:700;color:#065f46!important;background:#ecfdf5!important;border-color:#10b981!important}.dark .O7PhNG_optionBtnCorrect{color:#6ee7b7!important;background:#10b98133!important;border-color:#10b981!important}.O7PhNG_optionBtnWrong{color:#991b1b!important;background:#fef2f2!important;border-color:#ef4444!important}.dark .O7PhNG_optionBtnWrong{color:#fca5a5!important;background:#ef444433!important;border-color:#ef4444!important}.O7PhNG_orderPool{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-wrap:wrap;gap:10px;min-height:56px;margin-bottom:1.25rem;padding:12px;display:flex}.dark .O7PhNG_orderPool{background:#0f172a;border-color:#475569}.O7PhNG_orderWordChip{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 16px;font-size:1.05rem;font-weight:600;transition:all .15s}.dark .O7PhNG_orderWordChip{color:#f8fafc;background:#1e293b;border-color:#334155}.O7PhNG_orderWordChip:hover{color:#6366f1;border-color:#6366f1;transform:translateY(-2px)}.O7PhNG_studyActions{justify-content:flex-end;gap:12px;margin-top:1.5rem;display:flex}.O7PhNG_primaryBtn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;align-items:center;gap:8px;padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.O7PhNG_primaryBtn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.O7PhNG_primaryBtn:disabled{opacity:.6;cursor:not-allowed}.O7PhNG_feedbackBox{border-radius:12px;align-items:center;gap:10px;margin-top:1.25rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;animation:.2s O7PhNG_popupFade;display:flex}.O7PhNG_feedbackCorrect{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.dark .O7PhNG_feedbackCorrect{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.O7PhNG_feedbackWrong{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.dark .O7PhNG_feedbackWrong{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.O7PhNG_completeCard{text-align:center;padding:3rem 2rem}.O7PhNG_trophyIcon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.O7PhNG_completeTitle{color:#0f172a;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.dark .O7PhNG_completeTitle{color:#f8fafc}.O7PhNG_completeScore{color:#64748b;margin-bottom:2rem;font-size:1.1rem}