.sMJsgG_pinyin-roadmap-page{--bg-soft:#f7f8f2;--bg-hero:#eff8f3;--surface:#ffffffeb;--surface-strong:#fff;--border:#0f172a14;--shadow:0 18px 40px #0f172a14;--text-main:#10281d;--text-muted:#4b6358;--accent:#147d52;--accent-soft:#d9f4e4;--accent-deep:#0d5d3d;--warning-soft:#fff1dc;--warning-text:#9a4a00;background:radial-gradient(circle at top left, #147d5229, transparent 24%), radial-gradient(circle at top right, #f8bf4933, transparent 18%), linear-gradient(180deg, var(--bg-hero) 0%, var(--bg-soft) 38%, #f4f5ef 100%);min-height:100vh;color:var(--text-main);padding:32px 20px 56px;font-family:inherit,Noto Sans SC,Segoe UI,sans-serif}.dark .sMJsgG_pinyin-roadmap-page{--bg-soft:#0b1511;--bg-hero:#0d1e18;--surface:#12201aeb;--surface-strong:#162a22;--border:#ffffff1a;--shadow:0 18px 40px #00000059;--text-main:#e6f4ed;--text-muted:#9ab4a7;--accent:#2fc37f;--accent-soft:#183829;--accent-deep:#4ade80;--warning-soft:#382414;--warning-text:#f59e0b;background:radial-gradient(circle at top left, #2fc37f26, transparent 28%), radial-gradient(circle at top right, #f59e0b1f, transparent 20%), linear-gradient(180deg, var(--bg-hero) 0%, var(--bg-soft) 38%, #09120e 100%)}.sMJsgG_hero-shell,.sMJsgG_stage-strip,.sMJsgG_learning-shell{width:min(1280px,100%);margin:0 auto}.sMJsgG_hero-shell{grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);align-items:stretch;gap:22px;display:grid}.sMJsgG_hero-copy,.sMJsgG_hero-stats,.sMJsgG_lesson-sidebar,.sMJsgG_lesson-hero-card,.sMJsgG_detail-card,.sMJsgG_stage-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sMJsgG_hero-copy{border-radius:32px;padding:32px}.sMJsgG_hero-kicker,.sMJsgG_sidebar-kicker,.sMJsgG_card-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.76rem;font-weight:800}.sMJsgG_hero-copy h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;line-height:1.05}.sMJsgG_hero-description{max-width:62ch;color:var(--text-muted);margin:18px 0 0;font-size:1rem;line-height:1.78}.sMJsgG_hero-actions,.sMJsgG_hero-nav-actions,.sMJsgG_lesson-hero-actions,.sMJsgG_hero-stats,.sMJsgG_focus-chip-group,.sMJsgG_sample-grid,.sMJsgG_phrase-list,.sMJsgG_checklist-grid,.sMJsgG_compare-grid,.sMJsgG_detail-grid,.sMJsgG_lesson-list,.sMJsgG_card-list{display:flex}.sMJsgG_hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px}.sMJsgG_primary-btn,.sMJsgG_secondary-btn,.sMJsgG_ghost-btn,.sMJsgG_tiny-btn,.sMJsgG_listen-btn,.sMJsgG_lesson-item{cursor:pointer;border:none;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.sMJsgG_primary-btn,.sMJsgG_secondary-btn,.sMJsgG_ghost-btn{border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 18px;font-size:.94rem;font-weight:700;display:inline-flex}.sMJsgG_primary-btn{background:linear-gradient(135deg, var(--accent), #1f9e6a);color:#fff;box-shadow:0 16px 32px #147d523d}.sMJsgG_secondary-btn,.sMJsgG_ghost-btn{background:var(--surface-strong);color:var(--text-main);border:1px solid var(--border)}.sMJsgG_primary-btn:hover,.sMJsgG_secondary-btn:hover,.sMJsgG_ghost-btn:hover,.sMJsgG_lesson-item:hover,.sMJsgG_listen-btn:hover,.sMJsgG_tiny-btn:hover{transform:translateY(-1px)}.sMJsgG_hero-stats{border-radius:32px;grid-template-columns:1fr;gap:14px;padding:18px;display:grid}.sMJsgG_hero-stat-card{background:linear-gradient(180deg, var(--surface-strong), var(--surface));border:1px solid var(--border);border-radius:24px;padding:16px}.sMJsgG_stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-block}.sMJsgG_hero-stat-card strong{font-size:2rem;font-weight:800;line-height:1;display:block}.sMJsgG_hero-stat-card small{color:var(--text-muted);margin-top:8px;line-height:1.55;display:block}.sMJsgG_stage-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.sMJsgG_stage-card{border-radius:24px;padding:18px}.sMJsgG_stage-card.sMJsgG_active{background:linear-gradient(180deg, var(--accent-soft), var(--surface));border-color:#147d5252}.sMJsgG_stage-step{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-deep);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-weight:800;display:inline-flex}.sMJsgG_stage-card strong{font-size:1.02rem;display:block}.sMJsgG_stage-card p{color:var(--text-muted);margin:10px 0 0;font-size:.88rem;line-height:1.6}.sMJsgG_learning-shell{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;display:grid}.sMJsgG_lesson-sidebar{border-radius:28px;padding:18px;position:sticky;top:88px}.sMJsgG_sidebar-head,.sMJsgG_card-head,.sMJsgG_lesson-badges,.sMJsgG_lesson-item-meta,.sMJsgG_phrase-item,.sMJsgG_progress-copy,.sMJsgG_progress-card,.sMJsgG_sample-main,.sMJsgG_compare-pair{display:flex}.sMJsgG_sidebar-head,.sMJsgG_card-head{justify-content:space-between;align-items:start;gap:14px}.sMJsgG_sidebar-head h2,.sMJsgG_card-head h3,.sMJsgG_lesson-hero-copy h2{margin:0;font-weight:800}.sMJsgG_sidebar-head h2{font-size:1.4rem}.sMJsgG_tiny-btn{background:var(--warning-soft);color:var(--warning-text);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.sMJsgG_progress-card{background:linear-gradient(180deg, var(--accent-soft), var(--surface));border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;margin-top:18px;padding:16px}.sMJsgG_progress-copy{flex-direction:column;gap:6px}.sMJsgG_progress-copy strong{font-size:1rem}.sMJsgG_progress-copy span{color:var(--text-muted);font-size:.85rem;line-height:1.55}.sMJsgG_progress-bar{background:#147d521f;border-radius:999px;width:100%;height:10px;overflow:hidden}.sMJsgG_progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #2fc37f);height:100%;transition:width .3s;display:block}.sMJsgG_lesson-list{flex-direction:column;gap:10px;margin-top:18px}.sMJsgG_lesson-item{border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;color:var(--text-main);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid}.sMJsgG_lesson-item.sMJsgG_active{background:linear-gradient(180deg, var(--accent-soft), var(--surface));border-color:#147d5257}.sMJsgG_lesson-item.sMJsgG_completed .sMJsgG_lesson-item-index{background:linear-gradient(135deg, var(--accent), #2fc37f);color:#fff}.sMJsgG_lesson-item-index{width:42px;height:42px;color:var(--text-main);background:#0000000d;border-radius:14px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.sMJsgG_lesson-item-copy strong{font-size:.98rem;line-height:1.4;display:block}.sMJsgG_lesson-item-copy p{color:var(--text-muted);margin:8px 0 0;font-size:.88rem;line-height:1.58}.sMJsgG_lesson-item-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px}.sMJsgG_lesson-stage,.sMJsgG_lesson-difficulty,.sMJsgG_pill{border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.sMJsgG_lesson-stage,.sMJsgG_pill-stage{color:var(--accent-deep);background:#147d521f}.sMJsgG_lesson-difficulty,.sMJsgG_pill-difficulty{color:var(--warning-text);background:#f59e0b1f}.sMJsgG_lesson-item-check{color:var(--accent);align-items:center;padding-top:2px;font-size:1.15rem;display:flex}.sMJsgG_lesson-main{flex-direction:column;gap:18px;display:flex}.sMJsgG_lesson-hero-card{border-radius:30px;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:26px;display:grid}.sMJsgG_lesson-hero-copy h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1}.sMJsgG_lesson-hero-copy p{max-width:64ch;color:var(--text-muted);margin:14px 0 0;line-height:1.75}.sMJsgG_lesson-badges{flex-wrap:wrap;gap:8px;margin-bottom:14px}.sMJsgG_focus-chip-group{flex-wrap:wrap;gap:10px;margin-top:18px}.sMJsgG_focus-chip{background:linear-gradient(180deg, var(--accent-soft), var(--surface));min-height:34px;color:var(--accent-deep);border:1px solid #147d5229;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.sMJsgG_lesson-hero-actions{flex-direction:column;gap:12px;min-width:280px}.sMJsgG_hero-nav-actions{flex-wrap:wrap;gap:10px}.sMJsgG_detail-grid{gap:18px}.sMJsgG_top-grid,.sMJsgG_bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sMJsgG_detail-card{border-radius:28px;padding:22px}.sMJsgG_card-head h3{font-size:1.3rem;line-height:1.3}.sMJsgG_card-list{flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none}.sMJsgG_card-list li{color:var(--text-main);grid-template-columns:auto 1fr;align-items:start;gap:12px;font-size:.95rem;line-height:1.7;display:grid}.sMJsgG_card-list li svg{color:var(--accent);flex-shrink:0;margin-top:4px}.sMJsgG_danger-list li svg{color:#d35400}.sMJsgG_drill-list li svg{color:#0b7fab}.sMJsgG_sample-card,.sMJsgG_phrase-card,.sMJsgG_compare-card,.sMJsgG_checklist-card{background:linear-gradient(180deg, var(--surface-strong), var(--surface))}.sMJsgG_sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.sMJsgG_sample-item,.sMJsgG_compare-item,.sMJsgG_phrase-item,.sMJsgG_checklist-item{border:1px solid var(--border);background:var(--surface);border-radius:22px}.sMJsgG_sample-item{padding:16px}.sMJsgG_sample-main{align-items:center;gap:14px}.sMJsgG_sample-hanzi{font-family:var(--chinese-font,"Noto Sans SC", sans-serif);font-size:2rem;font-weight:700;line-height:1}.sMJsgG_sample-copy strong,.sMJsgG_phrase-copy strong{font-size:1.05rem;display:block}.sMJsgG_sample-copy span,.sMJsgG_phrase-copy span{color:var(--text-muted);margin-top:4px;font-size:.9rem;display:block}.sMJsgG_sample-note{color:var(--text-muted);min-height:54px;margin:14px 0 0;font-size:.88rem;line-height:1.65}.sMJsgG_listen-btn{color:var(--accent-deep);background:#147d5214;border-radius:14px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.sMJsgG_listen-btn.sMJsgG_playing{background:var(--accent);color:#fff}.sMJsgG_ghost-tone{margin-top:0}.sMJsgG_phrase-list{flex-direction:column;gap:12px;margin-top:18px}.sMJsgG_phrase-item{justify-content:space-between;align-items:center;gap:14px;padding:16px}.sMJsgG_phrase-copy{min-width:0}.sMJsgG_phrase-pinyin{font-weight:700;color:var(--accent-deep)!important}.sMJsgG_phrase-meaning{line-height:1.6}.sMJsgG_compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.sMJsgG_compare-item{padding:16px}.sMJsgG_compare-pair{color:var(--accent-deep);align-items:center;gap:10px;font-size:1.05rem;font-weight:800}.sMJsgG_compare-item p{color:var(--text-muted);margin:12px 0 0;font-size:.9rem;line-height:1.7}.sMJsgG_checklist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.sMJsgG_checklist-item{grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:16px;font-size:.9rem;line-height:1.65;display:grid}.sMJsgG_checklist-item svg{color:var(--accent);flex-shrink:0;margin-top:2px}@media (max-width:1180px){.sMJsgG_hero-shell,.sMJsgG_learning-shell,.sMJsgG_top-grid,.sMJsgG_bottom-grid{grid-template-columns:1fr}.sMJsgG_stage-strip,.sMJsgG_sample-grid,.sMJsgG_compare-grid,.sMJsgG_checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sMJsgG_lesson-sidebar{position:static}.sMJsgG_lesson-hero-card{grid-template-columns:1fr}.sMJsgG_lesson-hero-actions{min-width:0}}@media (max-width:760px){.sMJsgG_pinyin-roadmap-page{padding:20px 14px 42px}.sMJsgG_hero-copy,.sMJsgG_hero-stats,.sMJsgG_lesson-sidebar,.sMJsgG_lesson-hero-card,.sMJsgG_detail-card,.sMJsgG_stage-card{border-radius:24px}.sMJsgG_stage-strip,.sMJsgG_sample-grid,.sMJsgG_compare-grid,.sMJsgG_checklist-grid,.sMJsgG_lesson-item,.sMJsgG_phrase-item{grid-template-columns:1fr}.sMJsgG_phrase-item,.sMJsgG_sidebar-head,.sMJsgG_card-head{flex-direction:column;align-items:flex-start}.sMJsgG_hero-actions,.sMJsgG_hero-nav-actions,.sMJsgG_lesson-hero-actions,.sMJsgG_primary-btn,.sMJsgG_secondary-btn,.sMJsgG_ghost-btn{width:100%}}