.login-page{min-height:100%;padding:var(--sp-5);background:var(--bg);justify-content:center;align-items:center;display:flex}.login-inner{text-align:center;width:100%;max-width:380px}.login-brand{justify-content:center;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);text-align:left;display:flex}.brand-mark{background:var(--blue-600);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:flex}.brand-name{font-size:var(--text-xl);font-weight:800}.brand-slogan{color:var(--ink-400);font-size:var(--text-xs);font-weight:600}.login-art{margin:var(--sp-4) 0 var(--sp-5);filter:drop-shadow(0 6px 12px #1c2a4424);font-size:64px}.login-form{gap:var(--sp-4);text-align:left;flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-700);font-weight:700;font-size:var(--text-sm)}.field input{border:2px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--ink-900);background:var(--surface);transition:border-color var(--dur);padding:12px 16px;font-family:inherit}.field input:focus{border-color:var(--blue-500);outline:none}.login-error{color:var(--red-500);font-weight:600;font-size:var(--text-sm)}.login-hint{color:var(--ink-400);font-size:var(--text-xs);text-align:center}.home-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.home-brand{text-align:left;flex-direction:column;gap:2px;display:flex}.home-brand-cn{color:#1f3a66;letter-spacing:.5px;font-size:26px;font-weight:800;line-height:1.1}.home-brand-en{color:#3478f6;letter-spacing:.4px;font-size:19px;font-weight:800;line-height:1.1}@media (width>=1367px){.home-brand-cn{font-size:28px}.home-brand-en{font-size:21px}}@media (width<=720px){.home-brand-cn{font-size:20px}.home-brand-en{font-size:15px}}.visual-asset{object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:none;border:none;outline:none;max-width:100%;height:auto;display:block}.hpc{cursor:pointer;text-align:left;width:570px;height:340px;transition:transform var(--dur) var(--ease), box-shadow var(--dur);box-sizing:border-box;background:#f2f8ff;border:3px solid #3478f6;border-radius:30px;flex-direction:column;padding:22px 26px 24px;display:flex;position:relative;box-shadow:0 10px 30px #3478f62e}.hpc:hover{transform:translateY(-2px);box-shadow:0 16px 38px #3478f63d}.hpc:focus-visible{outline-offset:3px;outline:3px solid #93b8f8}.hpc:active{transform:translateY(0)}.hpc-top{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.hpc-unit{color:#fff;letter-spacing:.2px;background:#3478f6;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:20px;font-weight:800;display:inline-flex}.hpc-count{color:#3478f6;font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;align-items:baseline;padding:8px 16px;font-size:20px;font-weight:800;display:inline-flex}.hpc-count b{font-weight:800}.hpc-count i{color:#93a5be;margin-left:2px;font-style:normal;font-weight:700}.hpc-body{flex:1;grid-template-columns:250px 1fr;align-items:center;gap:12px;min-height:0;margin-top:6px;display:grid}.hpc-art{flex:none;justify-content:center;align-items:flex-end;height:236px;display:flex}.hpc-art-img,.hpc-art svg{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:236px}.hpc-info{flex-direction:column;justify-content:center;gap:8px;height:100%;display:flex}.hpc-title{font-family:var(--font-en);color:#14224a;letter-spacing:-.5px;font-size:46px;font-weight:800;line-height:1.02}.hpc-sub{color:#3478f6;letter-spacing:.5px;font-size:28px;font-weight:700}.hpc-arrow{color:#fff;width:100px;height:100px;transition:background-color var(--dur);background:#3478f6;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-top:auto;display:inline-flex;box-shadow:0 8px 20px #3478f659}.hpc:hover .hpc-arrow{background:#2a65d8}@media (width>=1367px){.hpc{width:620px;height:372px;padding:26px 30px 28px}.hpc-unit{padding:10px 20px;font-size:22px}.hpc-count{font-size:22px}.hpc-body{grid-template-columns:272px 1fr}.hpc-art,.hpc-art-img,.hpc-art svg{height:258px}.hpc-title{font-size:50px}.hpc-sub{font-size:30px}.hpc-arrow{width:108px;height:108px}}@media (width<=720px){.hpc{width:100%;height:auto;padding:18px}.hpc-body{grid-template-columns:1fr}.hpc-art,.hpc-art-img,.hpc-art svg{height:180px}.hpc-title{font-size:34px}.hpc-sub{font-size:22px}.hpc-arrow{width:72px;height:72px}}.hsc{cursor:pointer;text-align:center;width:250px;height:280px;transition:transform var(--dur) var(--ease), box-shadow var(--dur);box-sizing:border-box;border-radius:26px;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 18px 22px;display:flex}.hsc:hover{transform:translateY(-2px)}.hsc:focus-visible{outline-offset:3px;outline:3px solid #c9bef0}.hsc:active{transform:translateY(0)}.hsc.is-review{background:#f6f1fd;border:2.5px solid #e4d8f8;box-shadow:0 6px 16px #785ac81a}.hsc.is-review:hover{box-shadow:0 10px 22px #785ac829}.hsc.is-review .hsc-title{color:#4a2e8f}.hsc.is-review .hsc-sub{color:#7a5fc4}.hsc.is-review .hsc-arrow{background:#8b6fd4;box-shadow:0 6px 14px #8b6fd452}.hsc.is-progress{background:#fff9e8;border:2.5px solid #f8eac6;box-shadow:0 6px 16px #c896281a}.hsc.is-progress:hover{box-shadow:0 10px 22px #c8962829}.hsc.is-progress .hsc-title{color:#6b4a0f}.hsc.is-progress .hsc-sub{color:#c98a1a}.hsc.is-progress .hsc-arrow{background:#f0a93c;box-shadow:0 6px 14px #f0a93c52}.hsc-trophy{color:#f0b23c}.hsc-art{flex:none;justify-content:center;align-items:center;width:100%;height:118px;display:flex}.hsc-art>svg{max-width:168px;max-height:118px}.hsc-text{flex-direction:column;align-items:center;gap:4px;display:flex}.hsc-title{letter-spacing:.2px;font-size:26px;font-weight:800;line-height:1.1}.hsc-sub{font-size:20px;font-weight:600;line-height:1.1}.hsc-arrow{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}@media (width>=1367px){.hsc{width:272px;height:306px;padding:22px 20px 24px}.hsc-art{height:130px}.hsc-art>svg{max-width:186px;max-height:130px}.hsc-title{font-size:28px}.hsc-sub{font-size:22px}.hsc-arrow{width:64px;height:64px}}@media (width<=720px){.hsc{width:100%;height:auto;padding:16px}.hsc-art{height:96px}.hsc-title{font-size:22px}.hsc-sub{font-size:17px}.hsc-arrow{width:48px;height:48px}}.home-page{background:#bee4fa;justify-content:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.home-shell{z-index:1;flex-direction:column;width:min(1200px,100vw - 60px);display:flex;position:relative}.home-top{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:20px;height:88px;padding:30px 0 0;display:flex}.home-settings{color:#3478f6;cursor:pointer;height:46px;transition:transform var(--dur) var(--ease);background:#fff;border:1.5px solid #3478f62e;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #14326414}.home-settings:hover{transform:translateY(-1px)}.home-settings:focus-visible{outline-offset:3px;outline:3px solid #93b8f8}.home-hero{text-align:center;margin:14px 0 26px}.home-title{color:#14224a;letter-spacing:-.5px;margin:0;font-size:clamp(58px,5.6vw,76px);font-weight:800;line-height:1.02}.home-title-accent{color:#3478f6}.home-hero-sub{color:#2f6cb3;letter-spacing:.5px;margin:10px 0 0;font-size:clamp(24px,2.3vw,32px);font-weight:700;line-height:1.1}.home-cards{justify-content:center;align-items:center;gap:30px;padding:0;display:flex}@media (width>=1367px){.home-page{align-items:center}.home-shell{width:min(1400px,100vw - 80px)}.home-top{height:100px;padding-top:0}.home-settings{height:50px;font-size:18px}.home-hero{margin:20px 0 34px}.home-cards{gap:36px}}@media (height<=780px){.home-top{height:80px;padding-top:24px}.home-hero{margin:10px 0 20px}.home-cards{gap:26px}}@media (width<=1180px){.home-cards{flex-direction:column;gap:22px}}@media (width<=720px){.home-shell{width:calc(100vw - 32px)}.home-title{font-size:40px}.home-hero-sub{font-size:20px}.home-settings{height:42px;font-size:15px}}.lp-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;display:flex;position:relative}.lp-card:active{transform:scale(.98)}.lp-step{width:44px;height:44px;font-family:var(--font-en);color:#fff;z-index:2;letter-spacing:.3px;background:#b9c5d6;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:inline-flex;position:relative}.lp-step.is-completed{background:#45be72}.lp-step.is-current{background:#3478f6}.lp-step.is-locked{color:#fff;background:#c4d0e2}.lp-step.is-review{background:#f0a05a}.lp-circle{color:#8fa1bd;z-index:1;background:#fff;border:4px solid #dce5f0;border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;margin-top:-22px;display:inline-flex;position:relative;box-shadow:0 6px 14px #1432640f}.lp-card.is-current .lp-circle{background:#fff;border-color:#3478f6;width:152px;height:152px;margin-top:-24px;box-shadow:0 10px 24px #3478f640}.lp-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lp-art svg,.lp-art img{object-fit:contain;width:100%;height:100%}.lp-badge{color:#fff;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 6px #00000026}.lp-badge-ok{background:#45be72}.lp-badge-lock{background:#b9c5d6}.lp-badge-review{background:#f0a05a}.lp-base{z-index:0;background:#dce5f0;border-radius:999px 999px 0 0;width:96px;height:18px;margin-top:-6px}.lp-card.is-completed .lp-base{background:#45be72}.lp-card.is-current .lp-base{background:#3478f6;width:132px;height:22px;box-shadow:0 6px 14px #3478f640}.lp-card.is-locked .lp-base{background:#e2e8f0}.lp-card.is-review .lp-base{background:#f0a05a}.lp-text{flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.lp-title{color:#14224a;letter-spacing:.3px;font-size:24px;font-weight:800;line-height:1.05}.lp-sub{color:#8fa1bd;font-size:20px;font-weight:600}.lp-card.is-completed .lp-title{color:#1e8a55}.lp-card.is-current .lp-title{color:#3478f6}.lp-card.is-current .lp-sub{color:#6c8ac2}.lp-card.is-locked .lp-title{color:#6f7e94}.lp-card.is-locked .lp-sub{color:#b0bbcb}.lp-card.is-completed .lp-circle{color:#45be72;background:#fff;border-color:#45be72}.lp-card.is-current .lp-circle svg{color:inherit}.lp-card.is-locked .lp-circle{color:#b0bbcb;background:#f4f7fb;border-color:#dce5f0}.lp-card.is-review .lp-circle{color:#f0a05a;background:#fff;border-color:#f0a05a}@media (width>=1367px){.lp-circle{width:144px;height:144px}.lp-card.is-current .lp-circle{width:168px;height:168px}.lp-base{width:104px;height:20px}.lp-card.is-current .lp-base{width:144px;height:24px}.lp-step{width:48px;height:48px;font-size:24px}.lp-title{font-size:26px}.lp-sub{font-size:22px}}@media (width<=560px){.lp-circle{width:100px;height:100px}.lp-card.is-current .lp-circle{width:116px;height:116px}.lp-step{width:38px;height:38px;font-size:18px}.lp-title{font-size:18px}.lp-sub{font-size:14px}}.progress-bar{vertical-align:middle;background:#e1e8f1;border-radius:999px;display:inline-block;overflow:hidden}.progress-bar>span{border-radius:inherit;height:100%;transition:width .4s var(--ease);display:block}.progress-bar.is-blue>span{background:#3478f6}.progress-bar.is-green>span{background:#45be72}.progress-bar.is-orange>span{background:#f6b73c}.primary-btn{color:#fff;font-family:var(--font-cn);transition:transform var(--dur) var(--ease), background-color var(--dur), box-shadow var(--dur);white-space:nowrap;cursor:pointer;background:#3478f6;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #3478f640,0 2px 4px #3478f614}.primary-btn:hover{background:#2a65d8;transform:translateY(-1px);box-shadow:0 12px 26px #3478f652,0 4px 6px #3478f61a}.primary-btn:active{transform:scale(.985)}.primary-btn.is-md{min-height:48px;padding:10px 28px;font-size:16px}.primary-btn.is-lg{min-height:60px;padding:14px 36px;font-size:18px}.primary-btn:disabled,.primary-btn.is-disabled{box-shadow:none;cursor:not-allowed;background:#b7c5db;transform:none}.primary-btn-label{line-height:1}.path-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.path-page{background:#e9f3fd;justify-content:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.path-shell{z-index:1;flex-direction:column;width:min(1240px,100vw - 70px);display:flex;position:relative}.path-top{box-sizing:border-box;grid-template-columns:150px 1fr 110px;align-items:center;gap:24px;height:80px;padding:24px 0 0;display:grid}.path-back{color:#3478f6;cursor:pointer;width:130px;height:50px;transition:transform var(--dur) var(--ease);background:#fff;border:1.5px solid #dce5f0;border-radius:24px;justify-content:center;align-items:center;gap:4px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #1432640f}.path-back:hover{transform:translateY(-1px)}.path-progress{justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex}.path-progress .progress-bar{background:#dce5f0;height:12px}.path-count{text-align:right;color:#14224a;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.path-count b{font-weight:800}.path-count i{color:#93a5be;margin-left:2px;font-style:normal;font-weight:700}.path-unit-done{color:#2e9e5b;letter-spacing:.3px;background:#ebfaf0;border-radius:999px;align-items:center;margin-left:10px;padding:3px 12px;font-size:14px;font-weight:800;display:inline-flex}.path-head{text-align:center;margin:6px 0 16px}.path-title{color:#14224a;letter-spacing:-.5px;margin:0;font-size:clamp(56px,5vw,68px);font-weight:800;line-height:1}.path-title .en-highlight{color:#3478f6}.path-subtitle{color:#6e83a0;letter-spacing:.4px;margin:10px 0 0;font-size:clamp(26px,2.4vw,32px);font-weight:700;line-height:1.1}.path-subtitle .zh-dot{color:#b7c5d6;margin:0 8px}.path-subtitle .zh{color:#6e83a0;font-weight:700}.path-rail-wrap{margin-top:18px;position:relative}.path-rail{pointer-events:none;z-index:0;width:100%;height:32px;position:absolute;top:108px;left:0;right:0}.path-list{z-index:1;grid-template-columns:1fr 1.12fr 1fr 1fr 1fr 1fr 1fr;align-items:end;gap:0;padding:0;display:grid;position:relative}.path-cell{justify-content:center;display:flex}.path-footer{justify-content:center;padding:60px 0 0;display:flex}.path-footer .primary-btn{letter-spacing:1px;border-radius:30px;width:460px;min-height:74px;font-size:30px;font-weight:750}.path-arrow{margin-left:8px;font-size:28px;line-height:1}@media (width>=1367px){.path-shell{width:min(1500px,100vw - 80px)}.path-back{width:140px;height:54px;font-size:17px}.path-progress{max-width:540px}.path-count{font-size:36px}.path-title{font-size:76px}.path-subtitle{font-size:34px}.path-rail{top:120px}.path-footer .primary-btn{width:500px;min-height:80px;font-size:32px}.path-footer{padding-top:80px}}@media (height<=780px){.path-top{height:70px;padding-top:18px}.path-rail{top:100px}.path-footer{padding-top:36px}}@media (width<=720px){.path-list{grid-template-columns:1fr 1fr;row-gap:24px}.path-rail{display:none}}.option-card{width:100%;height:100%;transition:border-color .18s, background-color .18s, transform .18s var(--ease), box-shadow .18s;text-align:center;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #dce5f0;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 18px;display:flex;position:relative;box-shadow:0 3px 10px #1432640d}.option-card:hover{border-color:#b9cfe8;transform:translateY(-2px);box-shadow:0 6px 16px #14326414}.option-card:active{transform:scale(.99)}.option-art{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;padding:4px 8px 0;display:flex;position:relative}.option-art svg,.option-art img{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:100%}.option-card[data-word=dog] .option-art img,.option-card[data-word=dog] .option-art svg{max-height:215px}.option-card[data-word=cat] .option-art img,.option-card[data-word=cat] .option-art svg{max-height:210px}.option-card[data-word=rabbit] .option-art img,.option-card[data-word=rabbit] .option-art svg{max-height:220px}.option-word{color:#14224a;letter-spacing:.3px;flex:none;font-size:32px;font-weight:800;line-height:1.1}.option-card.is-selected{background:#fff;border:3px solid #3478f6;padding:12.5px 10.5px 16.5px;box-shadow:0 4px 14px #3478f629}.option-card.is-selected .option-word{color:#3478f6}.option-card.is-correct{background:#fff;border:3px solid #45be72;padding:12.5px 10.5px 16.5px;box-shadow:0 4px 14px #45be7229}.option-card.is-correct .option-word{color:#2a9856}.option-card.is-incorrect{animation:oc-shake .4s var(--ease);background:#fff7f7;border:3px solid #e87878;padding:12.5px 10.5px 16.5px;box-shadow:0 4px 14px #e8787824}.option-card.is-incorrect .option-word{color:#c75656}.option-badge{color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000026}.option-badge--ok{background:#45be72}.option-badge--no{background:#e87878}@keyframes oc-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (width<=1000px){.option-word{font-size:26px}.option-card[data-word] .option-art img,.option-card[data-word] .option-art svg{max-height:170px}}.act-page{background:#e8f3fd;justify-content:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.act-shell{z-index:1;position:relative}.lesson-content{flex-direction:column;width:min(1120px,100vw - 80px);margin:0 auto;display:flex}.act-top{box-sizing:border-box;grid-template-columns:130px 1fr 100px;align-items:center;gap:20px;height:74px;padding:24px 0 0;display:grid}.act-back{color:#5a6b85;cursor:pointer;width:120px;height:50px;transition:transform var(--dur) var(--ease), color var(--dur);background:#fff;border:1.5px solid #d5e0ee;border-radius:999px;justify-content:center;align-items:center;gap:4px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #1432640d}.act-back:hover{color:#1f3a66;transform:translateY(-1px)}.act-progress{justify-content:center;align-items:center;width:100%;max-width:440px;margin:0 auto;display:flex}.act-progress .progress-bar{background:#dce6f3;height:12px}.act-count{text-align:right;color:#14224a;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.act-count b{font-weight:800}.act-count i{color:#93a5be;margin-left:2px;font-style:normal;font-weight:700}.sound-wrap{justify-content:center;align-items:center;gap:46px;height:130px;margin:8px 0 0;display:flex;position:relative}.sound-btn{color:#fff;width:128px;height:128px;transition:transform var(--dur) var(--ease), background-color var(--dur);cursor:pointer;background:#3478f6;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 26px #3478f638}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #3b82f673, var(--shadow-blue)}70%{box-shadow:0 0 0 18px #3b82f600, var(--shadow-blue)}to{box-shadow:0 0 0 0 #3b82f600, var(--shadow-blue)}}.sound-wave{align-items:center;gap:7px;display:inline-flex}.sound-wave i{opacity:.8;background:#3478f6;border-radius:999px;width:10px;height:5px;display:block}.sound-wave i:first-child{opacity:.38;width:16px}.sound-wave i:nth-child(2){opacity:.5;width:26px}.sound-wave i:nth-child(3){opacity:.62;width:36px}.sound-wave-left i{transform-origin:100%;transform:rotate(-22deg)}.sound-wave-right i{transform-origin:0;transform:rotate(22deg)}.question-text{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 14px;max-width:900px;margin:22px auto 18px;line-height:1.1;display:flex}.question-line{color:#14224a;letter-spacing:-.4px;font-size:50px;font-weight:800}.question-word{color:#3478f6;letter-spacing:.3px;font-size:56px;font-weight:800;line-height:1.05}.question-q{color:#14224a;font-size:52px;font-weight:800}.choices{grid-template-columns:repeat(3,296px);justify-content:center;gap:24px;padding:0;display:grid}.choices>*{height:316px}.act-footer{justify-content:center;padding:26px 0 0;display:flex}.act-footer .primary-btn{letter-spacing:.5px;border-radius:28px;width:460px;min-height:72px;font-size:28px;font-weight:780}.act-footer .primary-btn.is-disabled,.act-footer .primary-btn:disabled{color:#fff;background:#a3b7d6;box-shadow:0 8px 20px #506ea029}.act-summary{justify-content:center;align-items:center}.summary-inner{text-align:center;background:#fff;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 8px 28px #14326414}.summary-emoji{font-size:56px}.summary-title{color:#14224a;font-size:30px;font-weight:800}.summary-line{color:#5c6a82;font-size:16px;font-weight:600}.summary-line b{color:#14224a}.star-line{color:#e0a50a;font-size:22px;font-weight:900}.summary-again{color:#8c9aae;margin-top:4px}@media (width>=1600px){.lesson-content{width:min(1240px,100vw - 120px)}.act-top{grid-template-columns:140px 1fr 110px;height:86px;padding-top:28px}.act-back{width:130px;height:54px;font-size:17px}.act-count{font-size:28px}.act-progress{max-width:500px}.sound-wrap{gap:54px;height:150px;margin-top:16px}.sound-btn{width:140px;height:140px}.question-text{max-width:1000px;margin:28px auto 24px}.question-line{font-size:56px}.question-word{font-size:64px}.question-q{font-size:58px}.choices{grid-template-columns:repeat(3,320px);gap:30px}.choices>*{height:344px}.act-footer{padding-top:34px}.act-footer .primary-btn{width:500px;min-height:78px;font-size:30px}}@media (width>=1367px) and (width<=1599px){.lesson-content{width:min(1180px,100vw - 90px)}.sound-btn{width:134px;height:134px}.sound-wrap{height:140px}.question-word{font-size:60px}.question-line{font-size:53px}.question-q{font-size:55px}.choices{grid-template-columns:repeat(3,308px);gap:26px}.choices>*{height:330px}}@media (width<=1000px){.choices{grid-template-columns:repeat(3,minmax(0,1fr))}.choices>*{height:auto;min-height:260px}.question-line{font-size:34px}.question-word{font-size:40px}.question-q{font-size:36px}.sound-btn{width:104px;height:104px}.sound-wrap{height:116px}.act-footer .primary-btn{width:min(460px,100%)}}@media (width<=720px){.choices{grid-template-columns:1fr;max-width:320px;margin:0 auto}.choices>*{min-height:240px}}.lv-page{box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative;overflow:hidden}.lv-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lv-top{z-index:1;box-sizing:border-box;grid-template-columns:130px 1fr 100px;align-items:center;gap:20px;width:min(1060px,100%);height:70px;padding-top:18px;display:grid;position:relative}.lv-back{color:#5a6b85;cursor:pointer;background:#fff;border:1.5px solid #d5e0ee;border-radius:999px;justify-content:center;align-items:center;gap:2px;width:120px;height:48px;font-size:16px;font-weight:700;transition:transform .18s,color .18s;display:inline-flex;box-shadow:0 2px 8px #1432640d}.lv-back:hover{color:#1f3a66;transform:translateY(-1px)}.lv-steps{justify-content:center;align-items:center;gap:38px;display:flex}.lv-step{width:34px;height:34px;font-family:var(--font-en);color:#a8b6c9;background:#e1e9f3;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.lv-step.is-done{color:#2f8a55;background:#b9e3c6}.lv-step.is-current{color:#fff;background:#3478f6;box-shadow:0 4px 12px #3478f64d}.lv-count{text-align:right;color:#14224a;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.lv-count b{font-weight:800}.lv-count i{color:#a8b6c9;margin-left:2px;font-style:normal;font-weight:700}.lv-title{z-index:1;text-align:center;margin:8px 0 14px;position:relative}.lv-title-en{color:#14224a;letter-spacing:-.4px;margin:0;font-size:52px;font-weight:800;line-height:1.05}.lv-title-zh{color:#7c8ca6;letter-spacing:.4px;margin:6px 0 0;font-size:24px;font-weight:650;line-height:1.1}.lv-main{z-index:1;flex:1;justify-content:center;align-items:center;width:min(1060px,100%);min-height:0;display:flex;position:relative}.lv-stage{width:100%;animation:.2s both lv-swap}@keyframes lv-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lv-hero{grid-template-columns:460px 1fr;align-items:center;gap:64px;width:100%;display:grid}.lv-hero-art{justify-content:center;align-items:flex-end;height:420px;display:flex}.lv-hero-img,.lv-hero-art svg,.lv-hero-art img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px #1432641a);width:auto;max-width:100%;height:100%}.lv-hero-info{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.lv-word{color:#14224a;letter-spacing:-.5px;margin:0;font-size:72px;font-weight:800;line-height:1}.lv-meaning{color:#7c8ca6;letter-spacing:.4px;margin:0 0 6px;font-size:26px;font-weight:650}.lv-pron{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:110px;height:110px;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 10px 24px #3478f642}.lv-pron:hover{background:#2a65d8;transform:translateY(-2px)}.lv-pron:active{transform:scale(.95)}.lv-pron.is-playing{animation:1.05s infinite lv-pulse}@keyframes lv-pulse{0%{box-shadow:0 0 #3478f64d,0 10px 24px #3478f642}70%{box-shadow:0 0 0 26px #3478f600,0 10px 24px #3478f642}to{box-shadow:0 0 #3478f600,0 10px 24px #3478f642}}.lv-example{margin-top:10px}.lv-example-en{color:#1f3a66;letter-spacing:.2px;margin:0;font-size:32px;font-weight:680;line-height:1.15}.lv-example-zh{color:#a0aec0;margin:4px 0 0;font-size:17px;font-weight:600}.lv-footer{z-index:1;flex-direction:column;align-items:center;gap:4px;padding:10px 0 20px;display:flex;position:relative}.lv-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:460px;height:70px;font-size:28px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.lv-primary:hover{background:#2a65d8;transform:translateY(-1px)}.lv-primary:active{transform:translateY(0)}.lv-primary-arrow{font-size:26px;line-height:1}.lv-footer-zh{color:#93a5be;font-size:15px;font-weight:600}@media (height<=780px){.lv-top{height:64px;padding-top:14px}.lv-title{margin:4px 0 10px}.lv-title-en{font-size:46px}.lv-title-zh{font-size:22px}.lv-hero-art{height:366px}.lv-word{font-size:68px}.lv-pron{width:104px;height:104px}.lv-pron svg{width:46px;height:46px}.lv-example-en{font-size:30px}.lv-primary{height:66px;font-size:26px}.lv-footer{padding:6px 0 14px}}@media (width>=1600px){.lv-top,.lv-main{width:min(1240px,100%)}.lv-title-en{font-size:58px}.lv-title-zh{font-size:26px}.lv-hero{grid-template-columns:520px 1fr;gap:80px}.lv-hero-art{height:446px}.lv-word{font-size:80px}.lv-meaning{font-size:28px}.lv-pron{width:116px;height:116px}.lv-pron svg{width:52px;height:52px}.lv-example-en{font-size:34px}.lv-primary{width:500px;height:74px;font-size:30px}}@media (width<=980px){.lv-hero{grid-template-columns:1fr;justify-items:center;gap:24px}.lv-hero-art{height:260px}.lv-hero-info{text-align:center;align-items:center}.lv-word{font-size:48px}.lv-pron{width:88px;height:88px}.lv-pron svg{width:40px;height:40px}.lv-example-en{font-size:24px}.lv-steps{gap:14px}.lv-step{width:26px;height:26px;font-size:13px}.lv-primary{width:min(460px,100%)}.lv-footer-count{position:static}}.vb-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vt-top{z-index:1;box-sizing:border-box;grid-template-columns:130px 1fr 100px;align-items:center;gap:20px;width:min(1060px,100%);height:66px;padding-top:16px;display:grid;position:relative}.vt-back{color:#5a6b85;cursor:pointer;background:#fff;border:1.5px solid #d5e0ee;border-radius:999px;justify-content:center;align-items:center;gap:2px;width:120px;height:48px;font-size:16px;font-weight:700;transition:transform .18s,color .18s;display:inline-flex;box-shadow:0 2px 8px #1432640d}.vt-back:hover{color:#1f3a66;transform:translateY(-1px)}.vt-steps{justify-content:center;align-items:center;gap:38px;display:flex}.vt-step{width:34px;height:34px;font-family:var(--font-en);color:#a8b6c9;background:#e1e9f3;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;transition:background-color .2s,color .2s;display:inline-flex}.vt-step.is-done{color:#2f8a55;background:#b9e3c6}.vt-step.is-current{color:#fff;background:#3478f6;box-shadow:0 4px 12px #3478f64d}.vt-count{text-align:right;color:#14224a;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.vt-count b{font-weight:800}.vt-count i{color:#a8b6c9;margin-left:2px;font-style:normal;font-weight:700}@media (width>=1600px){.vt-top{width:min(1240px,100%);height:76px;padding-top:20px}.vt-back{width:130px;height:52px;font-size:17px}.vt-step{width:38px;height:38px;font-size:18px}.vt-steps{gap:44px}.vt-count{font-size:24px}}@media (width<=980px){.vt-top{grid-template-columns:100px 1fr 70px;gap:10px}.vt-back{width:92px;height:42px;font-size:14px}.vt-steps{gap:12px}.vt-step{width:26px;height:26px;font-size:13px}.vt-count{font-size:18px}}.vls-page{box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative;overflow:hidden}.vls-title{z-index:1;text-align:center;margin:auto 0 12px;position:relative}.vls-title-en{color:#14224a;letter-spacing:-.4px;margin:0;font-size:56px;font-weight:800;line-height:1.05}.vls-title-zh{color:#7c8ca6;letter-spacing:.4px;margin:6px 0 0;font-size:24px;font-weight:650}.vls-sound{z-index:1;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;display:flex;position:relative}.vls-play{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 10px 24px #3478f642}.vls-play:hover{background:#2a65d8;transform:translateY(-2px)}.vls-play:active{transform:scale(.95)}.vls-play.is-playing{animation:1.05s infinite vls-pulse}@keyframes vls-pulse{0%{box-shadow:0 0 #3478f64d,0 10px 24px #3478f642}70%{box-shadow:0 0 0 26px #3478f600,0 10px 24px #3478f642}to{box-shadow:0 0 #3478f600,0 10px 24px #3478f642}}.vls-sound-hint{color:#a0aec0;letter-spacing:.3px;font-size:14px;font-weight:600}.vls-cards{z-index:1;grid-template-columns:repeat(3,296px);justify-content:center;gap:26px;display:grid;position:relative}.vls-card{cursor:pointer;box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:296px;height:305px;padding:16px 14px 18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 4px 14px #14326412}.vls-card:hover:not(:disabled){border-color:#b9cfe8;transform:translateY(-2px)}.vls-card:disabled{cursor:default}.vls-card-art{justify-content:center;align-items:flex-end;width:100%;height:226px;display:flex;position:relative}.vls-card-art svg,.vls-card-art img{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:100%}.vls-card[data-word=dog] .vls-card-art svg,.vls-card[data-word=dog] .vls-card-art img{max-height:215px}.vls-card[data-word=cat] .vls-card-art svg,.vls-card[data-word=cat] .vls-card-art img{max-height:210px}.vls-card[data-word=rabbit] .vls-card-art svg,.vls-card[data-word=rabbit] .vls-card-art img{max-height:222px}.vls-card-word{color:#14224a;letter-spacing:.3px;font-size:30px;font-weight:800;line-height:1.1}.vls-badge{color:#fff;background:#45be72;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:2px;right:2px;box-shadow:0 2px 8px #00000026}.vls-card.is-selected{border-color:#3478f6;box-shadow:0 0 0 4px #3478f629,0 6px 16px #3478f61f}.vls-card.is-selected .vls-card-word{color:#3478f6}.vls-card.is-correct{border-color:#45be72;box-shadow:0 0 0 4px #45be722e,0 6px 16px #45be721f}.vls-card.is-correct .vls-card-word{color:#2a9856}.vls-card.is-incorrect{background:#fff7f7;border-color:#e87878;animation:.4s vls-shake;box-shadow:0 0 0 4px #e8787824}.vls-card.is-incorrect .vls-card-word{color:#c75656}@keyframes vls-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.vls-footer{z-index:1;flex-direction:column;align-items:center;gap:8px;margin-bottom:auto;padding:18px 0;display:flex;position:relative}.vls-feedback{align-items:center;height:26px;display:flex}.vls-great{color:#2a9856;letter-spacing:.3px;font-size:20px;font-weight:800}.vls-retry{color:#d97070;letter-spacing:.3px;font-size:18px;font-weight:700}.vls-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:460px;height:70px;font-size:27px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vls-primary:hover:not(:disabled){background:#2a65d8;transform:translateY(-1px)}.vls-primary:disabled{box-shadow:none;cursor:not-allowed;background:#a3b7d6}.vls-arrow{font-size:26px;line-height:1}.vls-count{color:#b0bbcb;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}@media (height<=780px){.vls-title{margin:2px 0 8px}.vls-title-en{font-size:50px}.vls-title-zh{font-size:22px}.vls-sound{margin-bottom:8px}.vls-play{width:110px;height:110px}.vls-play svg{width:48px;height:48px}.vls-cards{grid-template-columns:repeat(3,288px);gap:24px}.vls-card{width:288px;height:296px}.vls-card-art{height:218px}.vls-card-word{font-size:28px}.vls-footer{padding:12px 0 14px}.vls-primary{height:66px;font-size:26px}}@media (width>=1600px){.vls-title-en{font-size:62px}.vls-title-zh{font-size:26px}.vls-play{width:128px;height:128px}.vls-play svg{width:58px;height:58px}.vls-cards{grid-template-columns:repeat(3,320px);gap:30px}.vls-card{width:320px;height:330px}.vls-card-art{height:244px}.vls-card[data-word=dog] .vls-card-art img,.vls-card[data-word=dog] .vls-card-art svg{max-height:232px}.vls-card[data-word=cat] .vls-card-art img,.vls-card[data-word=cat] .vls-card-art svg{max-height:226px}.vls-card[data-word=rabbit] .vls-card-art img,.vls-card[data-word=rabbit] .vls-card-art svg{max-height:240px}.vls-card-word{font-size:32px}.vls-primary{width:500px;height:74px;font-size:29px}.vls-great{font-size:22px}}@media (width<=980px){.vls-title-en{font-size:34px}.vls-title-zh{font-size:18px}.vls-play{width:92px;height:92px}.vls-play svg{width:40px;height:40px}.vls-cards{grid-template-columns:1fr;max-width:320px}.vls-card{width:100%;height:210px}.vls-card-art{height:148px}.vls-card-word{font-size:24px}.vls-primary{width:min(460px,100%)}}.vwc{cursor:pointer;box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:24px;justify-content:center;align-items:center;width:440px;height:108px;padding:0 58px 0 26px;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s;display:inline-flex;position:relative;box-shadow:0 4px 14px #14326412}.vwc:hover:not(:disabled){border-color:#b9cfe8;transform:translateY(-2px)}.vwc:focus-visible{outline-offset:3px;outline:3px solid #93b8f8}.vwc:disabled{cursor:default}.vwc-word{color:#14224a;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:42px;font-weight:800;line-height:1.1;overflow:hidden}.vwc.is-selected{background:#f5f9ff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f629,0 6px 16px #3478f61f}.vwc.is-selected .vwc-word{color:#3478f6}.vwc.is-correct{background:#f3fbf6;border-color:#45be72;box-shadow:0 0 0 4px #45be722e,0 6px 16px #45be721f}.vwc.is-correct .vwc-word{color:#2a9856}.vwc-badge{color:#fff;background:#45be72;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.vwc.is-incorrect{background:#fff7f7;border-color:#e87878;animation:.4s vwc-shake;box-shadow:0 0 0 4px #e8787824}.vwc.is-incorrect .vwc-word{color:#c75656}@keyframes vwc-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (width>=1600px){.vwc{width:462px;height:108px}.vwc-word{font-size:44px}.vwc-badge{width:38px;height:38px}}@media (width<=980px){.vwc{width:100%;max-width:420px;height:84px}.vwc-word{font-size:30px}}.vlk-page{box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative;overflow:hidden}.vlk-title{z-index:1;text-align:center;margin:auto 0 10px;position:relative}.vlk-title-en{color:#14224a;letter-spacing:-.4px;margin:0;font-size:58px;font-weight:800;line-height:1.05}.vlk-title-zh{color:#7c8ca6;letter-spacing:.4px;margin:6px 0 0;font-size:24px;font-weight:650}.vlk-main{z-index:1;grid-template-columns:48% 52%;align-items:center;gap:0;width:min(1100px,100vw - 80px);display:grid;position:relative}.vlk-left{justify-content:center;align-items:center;display:flex}.vlk-pic-card{box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:26px;justify-content:center;align-items:center;width:465px;height:412px;padding:20px;display:flex;box-shadow:0 6px 18px #14326412}.vlk-pic-img,.vlk-pic-card svg,.vlk-pic-card img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px #1432641a);width:auto;max-width:100%;height:100%;max-height:320px}.vlk-right{flex-direction:column;align-items:center;gap:24px;display:flex}.vlk-footer{z-index:1;flex-direction:column;align-items:center;gap:8px;margin-bottom:auto;padding:34px 0 0;display:flex;position:relative}.vlk-feedback{align-items:center;height:26px;display:flex}.vlk-great{color:#2a9856;letter-spacing:.3px;font-size:20px;font-weight:800}.vlk-retry{color:#d97070;letter-spacing:.3px;font-size:18px;font-weight:700}.vlk-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:460px;height:72px;font-size:28px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vlk-primary:hover:not(:disabled){background:#2a65d8;transform:translateY(-1px)}.vlk-primary:disabled{box-shadow:none;cursor:not-allowed;background:#a3b7d6}.vlk-arrow{font-size:26px;line-height:1}.vlk-count{color:#b0bbcb;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}@media (width>=1600px){.vlk-main{width:min(1220px,100vw - 120px)}.vlk-title-en{font-size:62px}.vlk-title-zh{font-size:26px}.vlk-pic-card{width:502px;height:437px}.vlk-pic-img,.vlk-pic-card svg,.vlk-pic-card img{max-height:346px}.vlk-right{gap:26px}.vlk-footer{padding-top:38px}.vlk-primary{width:500px;height:76px;font-size:30px}.vlk-great{font-size:22px}}@media (width<=980px){.vlk-title-en{font-size:34px}.vlk-title-zh{font-size:18px}.vlk-main{grid-template-columns:1fr;justify-items:center;gap:16px}.vlk-pic-card{width:100%;max-width:340px;height:220px}.vlk-pic-img,.vlk-pic-card svg,.vlk-pic-card img{max-height:184px}.vlk-primary{width:min(460px,100%)}}.vlm-page{box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px 18px;display:flex;position:relative;overflow:hidden}.vlm-title{z-index:1;text-align:center;margin:auto 0 14px;position:relative}.vlm-title-en{color:#14224a;letter-spacing:-.4px;margin:0;font-size:56px;font-weight:800;line-height:1.05}.vlm-title-zh{color:#7c8ca6;letter-spacing:.4px;margin:6px 0 0;font-size:24px;font-weight:650}.vlm-board{z-index:1;flex-direction:column;gap:16px;width:min(950px,100%);display:flex;position:relative}.vlm-lines{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vlm-row{z-index:1;grid-template-columns:315px 1fr 315px;align-items:center;gap:0;display:grid;position:relative}.vlm-spacer{display:block}.vlm-pic{cursor:pointer;box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:22px;justify-content:center;align-items:center;width:315px;height:130px;padding:8px 14px;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s;display:flex;position:relative;box-shadow:0 4px 12px #1432640f}.vlm-pic:hover:not(:disabled){border-color:#b9cfe8;transform:translateY(-1px)}.vlm-pic:focus-visible{outline-offset:3px;outline:3px solid #93b8f8}.vlm-pic:disabled{cursor:default}.vlm-pic-art{justify-content:center;align-items:center;height:100%;display:flex}.vlm-pic-art svg,.vlm-pic-art img{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:106px}.vlm-word{cursor:pointer;box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:22px;justify-content:center;align-items:center;width:315px;height:110px;padding:0 48px;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s;display:flex;position:relative;box-shadow:0 4px 12px #1432640f}.vlm-word:hover:not(:disabled){border-color:#b9cfe8;transform:translateY(-1px)}.vlm-word:focus-visible{outline-offset:3px;outline:3px solid #93b8f8}.vlm-word:disabled{cursor:default}.vlm-word-text{color:#14224a;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:40px;font-weight:800;line-height:1.1;overflow:hidden}.vlm-pic.is-selected,.vlm-word.is-selected{background:#f5f9ff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f629,0 6px 16px #3478f61f}.vlm-word.is-selected .vlm-word-text{color:#3478f6}.vlm-pic.is-error,.vlm-word.is-error{background:#fff7f7;border-color:#e87878;animation:.22s vlm-shake;box-shadow:0 0 0 4px #e8787824}.vlm-word.is-error .vlm-word-text{color:#c75656}@keyframes vlm-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.vlm-pic.is-done,.vlm-word.is-done{background:#f3fbf6;border-color:#39b96a;box-shadow:0 0 0 4px #39b96a29}.vlm-word.is-done .vlm-word-text{color:#2a9856}.vlm-check{color:#fff;background:#39b96a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;box-shadow:0 2px 8px #00000024}.vlm-pic .vlm-check{top:8px;right:10px}.vlm-word .vlm-check.is-right{top:50%;right:12px;transform:translateY(-50%)}.vlm-dot{box-sizing:content-box;background:#cbd6e4;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.vlm-dot.is-right{right:-13px}.vlm-dot.is-left{left:-13px}.vlm-pic.is-done .vlm-dot,.vlm-word.is-done .vlm-dot{background:#39b96a}.vlm-pic.is-selected .vlm-dot,.vlm-word.is-selected .vlm-dot{background:#3478f6}.vlm-footer{z-index:1;flex-direction:column;align-items:center;gap:5px;margin-bottom:auto;padding:14px 0 0;display:flex;position:relative}.vlm-great{color:#2a9856;letter-spacing:.3px;font-size:20px;font-weight:800;animation:.22s vlm-pop}@keyframes vlm-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vlm-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:460px;height:70px;font-size:28px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vlm-primary:hover{background:#2a65d8;transform:translateY(-1px)}.vlm-arrow{font-size:26px;line-height:1}.vlm-footer-zh{color:#93a5be;font-size:15px;font-weight:600}.vlm-hint{color:#a0aec0;letter-spacing:.3px;font-size:16px;font-weight:600}@media (width>=1600px){.vlm-title-en{font-size:60px}.vlm-title-zh{font-size:26px}.vlm-board{width:min(1030px,100%)}.vlm-row{grid-template-columns:340px 1fr 340px}.vlm-pic{width:340px;height:140px}.vlm-pic-art svg,.vlm-pic-art img{max-height:114px}.vlm-word{width:340px;height:118px}.vlm-word-text{font-size:42px}.vlm-primary{width:500px;height:74px;font-size:30px}.vlm-great{font-size:22px}}@media (width<=980px){.vlm-title-en{font-size:34px}.vlm-title-zh{font-size:18px}.vlm-board{width:100%}.vlm-row{grid-template-columns:1fr 24px 1fr}.vlm-pic{width:100%;height:96px}.vlm-pic-art svg,.vlm-pic-art img{max-height:78px}.vlm-word{width:100%;height:84px}.vlm-word-text{font-size:26px}.vlm-lines{display:none}.vlm-primary{width:min(460px,100%)}}.vsp-page{box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px 14px;display:flex;position:relative;overflow:hidden}.vsp-title{z-index:1;text-align:center;margin:auto 0 12px;position:relative}.vsp-title-en{color:#14224a;letter-spacing:-.4px;margin:0;font-size:58px;font-weight:800;line-height:1.05}.vsp-title-zh{color:#7c8ca6;letter-spacing:.4px;margin:6px 0 0;font-size:24px;font-weight:650}.vsp-main{z-index:1;grid-template-columns:40% 60%;align-items:center;width:min(1100px,100vw - 80px);display:grid;position:relative}.vsp-pic-wrap{justify-content:center;display:flex;position:relative}.vsp-pic-card{box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:26px;justify-content:center;align-items:center;width:390px;height:325px;padding:18px;display:flex;box-shadow:0 6px 18px #14326412}.vsp-pic-img,.vsp-pic-card svg,.vsp-pic-card img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px #1432641a);width:auto;max-width:100%;height:100%;max-height:245px}.vsp-play{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .18s,background-color .18s;display:inline-flex;position:absolute;top:-14px;right:-6px;box-shadow:0 8px 18px #3478f647}.vsp-play:hover{background:#2a65d8;transform:translateY(-2px)}.vsp-play:active{transform:scale(.95)}.vsp-play.is-playing{animation:1.05s infinite vsp-pulse}@keyframes vsp-pulse{0%{box-shadow:0 0 #3478f64d,0 8px 18px #3478f647}70%{box-shadow:0 0 0 22px #3478f600,0 8px 18px #3478f647}to{box-shadow:0 0 #3478f600,0 8px 18px #3478f647}}.vsp-right{flex-direction:column;align-items:center;gap:14px;display:flex}.vsp-slots{justify-content:center;align-items:center;gap:12px;display:flex}.vsp-slots[data-len="3"] .vsp-slot{width:112px;height:128px}.vsp-slots[data-len="4"] .vsp-slot{width:104px;height:120px}.vsp-slots[data-len="5"] .vsp-slot{width:96px;height:112px}.vsp-slots[data-len="6"] .vsp-slot{width:88px;height:104px}.vsp-slots[data-len="7"] .vsp-slot{width:82px;height:98px}.vsp-slots[data-len="8"] .vsp-slot{width:76px;height:92px}.vsp-slot{cursor:pointer;box-sizing:border-box;background:#fff;border-radius:20px;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .16s;display:inline-flex}.vsp-slot.is-empty{cursor:default;border:2.5px dashed #c9d6e6}.vsp-slot.is-empty:hover{transform:none}.vsp-slot.is-filled{background:#f5f9ff;border:3px solid #3478f6;box-shadow:0 0 0 4px #3478f624}.vsp-slot.is-filled:hover{transform:translateY(-2px)}.vsp-slot-ch{color:#3478f6;letter-spacing:.5px;font-size:46px;font-weight:800;line-height:1}.vsp-slots[data-len="6"] .vsp-slot-ch,.vsp-slots[data-len="7"] .vsp-slot-ch,.vsp-slots[data-len="8"] .vsp-slot-ch{font-size:40px}.vsp-slot.is-wrong{background:#fff7f7;border-color:#e87878;animation:.22s vsp-shake;box-shadow:0 0 0 4px #e8787824}.vsp-slot.is-wrong .vsp-slot-ch{color:#c75656}.vsp-slot.is-correct{background:#f3fbf6;border-color:#39b96a;box-shadow:0 0 0 4px #39b96a29}.vsp-slot.is-correct .vsp-slot-ch{color:#2a9856}@keyframes vsp-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.vsp-hint{color:#a0aec0;letter-spacing:.3px;margin:0;font-size:15px;font-weight:600}.vsp-tiles-wrap{z-index:1;justify-content:center;width:min(1100px,100vw - 80px);margin-top:16px;display:flex;position:relative}.vsp-tiles{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.vsp-tiles[data-count="6"] .vsp-tile{width:88px;height:88px;font-size:42px}.vsp-tiles[data-count="7"] .vsp-tile{width:84px;height:84px;font-size:40px}.vsp-tiles[data-count="8"] .vsp-tile{width:82px;height:82px;font-size:40px}.vsp-tiles[data-count="9"] .vsp-tile{width:80px;height:80px;font-size:38px}.vsp-tiles[data-count="10"] .vsp-tile{width:76px;height:76px;font-size:36px}.vsp-tile{width:80px;height:80px;font-family:var(--font-en);color:#14224a;cursor:pointer;background:#fff;border:2.5px solid #cfdbea;border-radius:18px;justify-content:center;align-items:center;font-size:38px;font-weight:800;transition:transform .16s,border-color .16s,background-color .16s,opacity .2s;display:inline-flex;box-shadow:0 4px 12px #14326412}.vsp-tile:hover:not(:disabled){background:#f5f9ff;border-color:#3478f6;transform:translateY(-2px)}.vsp-tile:focus-visible{outline-offset:3px;outline:3px solid #93b8f8}.vsp-tile.is-used{opacity:.28;cursor:default}.vsp-footer{z-index:1;flex-direction:column;align-items:center;gap:5px;margin-bottom:auto;padding:14px 0 0;display:flex;position:relative}.vsp-feedback{align-items:center;min-height:26px;display:flex}.vsp-great{color:#2a9856;letter-spacing:.3px;font-size:20px;font-weight:800}.vsp-oops{color:#d97070;letter-spacing:.2px;font-size:18px;font-weight:700}.vsp-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:460px;height:70px;font-size:28px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vsp-primary:hover:not(:disabled){background:#2a65d8;transform:translateY(-1px)}.vsp-primary:disabled{box-shadow:none;cursor:not-allowed;background:#a3b7d6}.vsp-arrow{font-size:26px;line-height:1}.vsp-footer-zh{color:#93a5be;font-size:15px;font-weight:600}@media (width>=1600px){.vsp-title-en{font-size:62px}.vsp-title-zh{font-size:26px}.vsp-main,.vsp-tiles-wrap{width:min(1240px,100vw - 120px)}.vsp-pic-card{width:420px;height:350px}.vsp-pic-img,.vsp-pic-card svg,.vsp-pic-card img{max-height:264px}.vsp-play{width:90px;height:90px}.vsp-slots[data-len="3"] .vsp-slot{width:120px;height:138px}.vsp-slots[data-len="6"] .vsp-slot{width:95px;height:112px}.vsp-slot-ch{font-size:50px}.vsp-tiles[data-count="9"] .vsp-tile{width:86px;height:86px;font-size:41px}.vsp-tiles[data-count="6"] .vsp-tile{width:95px;height:95px;font-size:45px}.vsp-primary{width:500px;height:74px;font-size:29px}}@media (width<=980px){.vsp-title-en{font-size:34px}.vsp-title-zh{font-size:18px}.vsp-main{grid-template-columns:1fr;justify-items:center;gap:14px}.vsp-pic-card{width:300px;height:200px}.vsp-pic-img,.vsp-pic-card svg,.vsp-pic-card img{max-height:150px}.vsp-play{width:64px;height:64px;top:-8px;right:0}.vsp-slots{gap:8px}.vsp-slots .vsp-slot{width:58px!important;height:70px!important}.vsp-slot-ch{font-size:30px!important}.vsp-tile,.vsp-tiles .vsp-tile{width:64px!important;height:64px!important;font-size:30px!important}.vsp-primary{width:min(460px,100%)}}.vrq-top{z-index:2;box-sizing:border-box;grid-template-columns:130px 1fr 100px;align-items:center;gap:20px;width:min(1100px,100%);height:66px;padding-top:16px;display:grid;position:relative}.vrq-back{color:#5a6b85;cursor:pointer;background:#fff;border:1.5px solid #d5e0ee;border-radius:999px;justify-content:center;align-items:center;gap:2px;width:120px;height:48px;font-size:16px;font-weight:700;transition:transform .18s,color .18s;display:inline-flex;box-shadow:0 2px 8px #1432640d}.vrq-back:hover{color:#1f3a66;transform:translateY(-1px)}.vrq-label{text-align:center;color:#5c6a82;letter-spacing:.3px;font-size:21px;font-weight:700}.vrq-label b{color:#3478f6;font-size:23px;font-weight:800}.vrq-right{display:block}@media (width>=1600px){.vrq-top{width:min(1240px,100%);height:76px;padding-top:20px}.vrq-back{width:130px;height:52px;font-size:17px}.vrq-label{font-size:23px}.vrq-label b{font-size:25px}}@media (width<=980px){.vrq-top{grid-template-columns:100px 1fr 40px;gap:8px}.vrq-back{width:92px;height:42px;font-size:14px}.vrq-label{font-size:16px}.vrq-label b{font-size:18px}}.vrs-page{box-sizing:border-box;background:linear-gradient(#eaf5fe 0%,#f2faf2 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0 24px 14px;display:flex;position:relative;overflow:hidden}.vrs-title{z-index:1;text-align:center;margin:auto 0 12px;position:relative}.vrs-title-en{color:#14224a;letter-spacing:-.4px;align-items:baseline;gap:12px;margin:0;font-size:62px;font-weight:800;line-height:1.05;display:inline-flex}.vrs-stars{color:#f6b73c;letter-spacing:4px;font-size:30px;transform:translateY(-6px)}.vrs-title-zh{color:#7c8ca6;letter-spacing:.4px;margin:4px 0 0;font-size:24px;font-weight:650}.vrs-stats{z-index:1;background:#ffffffb8;border:1.5px solid #dde7f2;border-radius:20px;justify-content:center;align-items:center;gap:26px;height:84px;margin-bottom:20px;padding:0 34px;display:flex;position:relative;box-shadow:0 2px 8px #1432640a}.vrs-stat{align-items:center;gap:8px;display:flex}.vrs-stat-icon{color:#8fa3bc;flex:none}.vrs-stat-num{color:#1f3a66;letter-spacing:.2px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.vrs-stat-label{color:#93a5be;margin-left:2px;font-size:15px;font-weight:600}.vrs-stat-div{background:#e2eaf4;width:1.5px;height:30px}.vrs-cards{z-index:1;justify-content:center;gap:24px;margin-bottom:20px;display:flex;position:relative}.vrs-card{box-sizing:border-box;background:#fff;border:2.5px solid #cfdbea;border-radius:24px;flex-direction:column;align-items:center;width:292px;height:286px;padding:16px 14px 14px;transition:transform .18s;display:flex;box-shadow:0 5px 16px #14326412}.vrs-card-art{justify-content:center;align-items:center;width:100%;height:152px;display:flex}.vrs-card-art svg,.vrs-card-art img{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:100%;max-height:152px}.vrs-card-word{color:#14224a;letter-spacing:.3px;margin:6px 0 0;font-size:34px;font-weight:800;line-height:1.1}.vrs-card-zh{color:#93a5be;margin:2px 0 0;font-size:16px;font-weight:600}.vrs-card-status{letter-spacing:.3px;border-radius:999px;align-items:center;gap:6px;height:34px;margin-top:auto;padding:0 14px;font-size:16px;font-weight:800;display:inline-flex}.vrs-card.is-mastered{background:#f5fcf7;border-color:#7fd3a0;box-shadow:0 0 0 3px #39b96a1a,0 5px 16px #1432640f}.vrs-card.is-mastered .vrs-card-word{color:#2a9856}.vrs-card.is-mastered .vrs-card-status{color:#2a9856;background:#e4f7ec}.vrs-card.is-review{background:#fffbf2;border-color:#f3c87a;box-shadow:0 0 0 3px #f0a93c1a,0 5px 16px #1432640f}.vrs-card.is-review .vrs-card-word{color:#c98a22}.vrs-card.is-review .vrs-card-status{color:#c98a22;background:#fff1d9}.vrs-footer{z-index:1;flex-direction:column;align-items:center;gap:4px;margin-bottom:auto;padding:6px 0 0;display:flex;position:relative}.vrs-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:460px;height:72px;font-size:28px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vrs-primary:hover{background:#2a65d8;transform:translateY(-1px)}.vrs-arrow{font-size:26px;line-height:1}.vrs-footer-zh{color:#93a5be;font-size:15px;font-weight:600}.vrs-review-again{color:#6e83a0;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:17px;font-weight:700;transition:color .16s,background-color .16s;display:inline-flex}.vrs-review-again:hover{color:#3478f6;background:#3478f612}.vrs-review-again:focus-visible{outline-offset:2px;outline:3px solid #93b8f8}@media (width>=1600px){.vrs-title-en{font-size:68px}.vrs-title-zh{font-size:26px}.vrs-stats{gap:34px;height:92px}.vrs-stat-num{font-size:26px}.vrs-cards{gap:28px}.vrs-card{width:316px;height:310px}.vrs-card-art,.vrs-card-art svg,.vrs-card-art img{height:166px;max-height:166px}.vrs-card-word{font-size:38px}.vrs-card-zh{font-size:17px}.vrs-primary{width:500px;height:76px;font-size:30px}.vrs-review-again{font-size:18px}}@media (width<=980px){.vrs-title-en{font-size:36px}.vrs-stars{font-size:20px}.vrs-title-zh{font-size:18px}.vrs-stats{flex-direction:column;gap:8px;height:auto;padding:12px 18px}.vrs-stat-div{display:none}.vrs-cards{flex-direction:column;align-items:center}.vrs-card{width:100%;max-width:320px;height:250px}.vrs-primary{width:min(460px,100%)}}.vocab-page{background:linear-gradient(#e4f1fc 0%,#eaf5f0 62%,#e4f3e0 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0 24px 20px;display:flex;position:relative;overflow:hidden}.vocab-top{box-sizing:border-box;grid-template-columns:130px 1fr 100px;align-items:center;gap:20px;width:min(1050px,100%);height:74px;padding-top:20px;display:grid}.vocab-back{color:#5a6b85;cursor:pointer;background:#fff;border:1.5px solid #d5e0ee;border-radius:999px;justify-content:center;align-items:center;gap:2px;width:120px;height:50px;font-size:16px;font-weight:700;transition:transform .18s;display:inline-flex;box-shadow:0 2px 8px #1432640d}.vocab-back:hover{color:#1f3a66;transform:translateY(-1px)}.vocab-progress-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.vocab-progress-bar{background:#dce6f3;border-radius:999px;width:100%;max-width:440px;height:12px;display:block;overflow:hidden}.vocab-progress-bar>span{border-radius:inherit;background:#45be72;height:100%;transition:width .35s;display:block}.vocab-progress-label{color:#6e83a0;letter-spacing:.4px;font-size:15px;font-weight:700}.vocab-count{text-align:right;color:#14224a;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.vocab-count b{font-weight:800}.vocab-count i{color:#93a5be;margin-left:2px;font-style:normal;font-weight:700}.vocab-main{flex:1;justify-content:center;align-items:center;width:min(1050px,100%);min-height:0;display:flex}.vocab-stage{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.vocab-hero-art{justify-content:center;align-items:flex-end;height:250px;display:flex}.vocab-hero-art.is-medium{height:210px}.vocab-hero-img,.vocab-hero-art svg,.vocab-hero-art img{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:100%}.vocab-word-block{flex-direction:column;align-items:center;gap:4px;display:flex}.vocab-word{color:#14224a;letter-spacing:.5px;margin:0;font-size:58px;font-weight:800;line-height:1}.vocab-meaning{color:#7c8ca6;margin:0;font-size:20px;font-weight:600}.vocab-audio-btn{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vocab-audio-btn:hover{background:#2a65d8;transform:translateY(-2px)}.vocab-audio-btn:active{transform:scale(.95)}.vocab-audio-btn.is-large{width:100px;height:100px}.vocab-audio-btn.is-playing{animation:1.05s infinite vocab-pulse}@keyframes vocab-pulse{0%{box-shadow:0 0 #3478f64d,0 8px 20px #3478f640}70%{box-shadow:0 0 0 24px #3478f600,0 8px 20px #3478f640}to{box-shadow:0 0 #3478f600,0 8px 20px #3478f640}}.vocab-prompt{flex-direction:column;align-items:center;gap:10px;display:flex}.vocab-prompt-text{color:#14224a;letter-spacing:.2px;margin:0;font-size:30px;font-weight:800}.vocab-prompt-hint{color:#8c9aae;margin:0;font-size:16px;font-weight:600}.vocab-footer{justify-content:center;align-items:center;gap:16px;padding-top:8px;display:flex;position:relative}.vocab-primary{color:#fff;letter-spacing:.5px;cursor:pointer;background:#3478f6;border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;min-width:460px;height:72px;font-size:28px;font-weight:780;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 20px #3478f640}.vocab-primary:hover:not(:disabled){background:#2a65d8;transform:translateY(-1px)}.vocab-primary:disabled{box-shadow:none;cursor:not-allowed;background:#a3b7d6}.vocab-ghost{color:#5a6b85;cursor:pointer;background:#fff;border:1.5px solid #d5e0ee;border-radius:999px;align-items:center;gap:4px;height:48px;padding:0 18px;font-size:16px;font-weight:700;display:inline-flex}.vocab-ghost:disabled{opacity:.45;cursor:not-allowed}.vocab-step-hint{color:#93a5be;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;position:absolute;right:-96px}.vocab-choice-row{grid-template-columns:repeat(3,296px);justify-content:center;gap:24px;display:grid}.vocab-pic-choice{cursor:pointer;background:#fff;border:3px solid #dce5f0;border-radius:24px;justify-content:center;align-items:center;height:300px;padding:16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.vocab-pic-choice:hover:not(:disabled){border-color:#b9cfe8;transform:translateY(-2px)}.vocab-pic-choice.is-correct{border-color:#45be72;box-shadow:0 0 0 4px #45be722e}.vocab-pic-choice.is-incorrect{background:#fff7f7;border-color:#e87878;animation:.4s vocab-shake}.vocab-pic-choice.is-reveal{opacity:.85;border-color:#45be72}.vocab-pic-choice-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.vocab-pic-choice-art svg,.vocab-pic-choice-art img{object-fit:contain;width:100%;height:100%}.vocab-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:2px;right:2px;box-shadow:0 2px 8px #00000026}.vocab-badge.is-ok{background:#45be72}.vocab-badge.is-no{background:#e87878}.vocab-word-choice-row{justify-content:center;gap:24px;display:flex}.vocab-word-choice{min-width:210px;height:92px;font-family:var(--font-en);color:#14224a;cursor:pointer;background:#fff;border:3px solid #dce5f0;border-radius:22px;font-size:36px;font-weight:800;transition:border-color .18s,transform .18s,box-shadow .18s}.vocab-word-choice:hover:not(:disabled){border-color:#b9cfe8;transform:translateY(-2px)}.vocab-word-choice.is-selected{color:#3478f6;border-color:#3478f6;box-shadow:0 0 0 4px #3478f629}.vocab-word-choice.is-correct{color:#2a9856;border-color:#45be72;box-shadow:0 0 0 4px #45be722e}.vocab-word-choice.is-incorrect{color:#c75656;background:#fff7f7;border-color:#e87878;animation:.4s vocab-shake}.vocab-match-grid{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:40px;display:grid}.vocab-match-col{flex-direction:column;gap:16px;display:flex}.vocab-match-pic{cursor:pointer;background:#fff;border:3px solid #dce5f0;border-radius:20px;justify-content:center;align-items:center;width:168px;height:132px;padding:10px;transition:border-color .18s,transform .18s,opacity .25s;display:flex}.vocab-match-pic svg,.vocab-match-pic img{object-fit:contain;width:100%;height:100%}.vocab-match-pic.is-picked{border-color:#3478f6;box-shadow:0 0 0 4px #3478f629}.vocab-match-pic.is-wrong{border-color:#e87878;animation:.4s vocab-shake}.vocab-match-pic.is-matched{opacity:.45;border-color:#45be72}.vocab-match-word{color:#14224a;cursor:pointer;background:#fff;border:3px solid #dce5f0;border-radius:20px;justify-content:center;align-items:center;width:168px;height:132px;font-size:30px;font-weight:800;transition:border-color .18s,transform .18s,opacity .25s;display:flex;position:relative}.vocab-match-word.is-picked{color:#3478f6;border-color:#3478f6;box-shadow:0 0 0 4px #3478f629}.vocab-match-word.is-wrong{color:#c75656;border-color:#e87878;animation:.4s vocab-shake}.vocab-match-word.is-matched{color:#2a9856;opacity:.45;border-color:#45be72}.vocab-match-ok{color:#fff;background:#45be72;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:8px;right:8px}.vocab-spell{gap:14px}.vocab-spell-head{align-items:center;gap:20px;display:flex}.vocab-spell-art{justify-content:center;align-items:center;width:168px;height:148px;display:flex}.vocab-spell-art svg,.vocab-spell-art img{object-fit:contain;width:100%;height:100%}.vocab-slots{gap:12px;display:flex}.vocab-slot{width:62px;height:76px;font-family:var(--font-en);color:#14224a;cursor:pointer;background:#fff;border:3px dashed #c9d6e6;border-radius:16px;justify-content:center;align-items:center;font-size:36px;font-weight:800;transition:border-color .18s,background-color .18s;display:inline-flex}.vocab-slot.is-filled{border-style:solid;border-color:#3478f6}.vocab-slots.is-wrong .vocab-slot{border-color:#e87878;animation:.4s vocab-shake}.vocab-slots.is-solved .vocab-slot{color:#2a9856;background:#ecf8f1;border-color:#45be72}.vocab-tiles{flex-wrap:wrap;justify-content:center;gap:12px;max-width:620px;display:flex}.vocab-tile{width:68px;height:68px;font-family:var(--font-en);color:#14224a;cursor:pointer;background:#fff;border:none;border-radius:16px;font-size:30px;font-weight:800;transition:transform .15s,opacity .2s;box-shadow:0 3px 10px #1432641a}.vocab-tile:hover:not(:disabled){transform:translateY(-2px)}.vocab-tile.is-used{opacity:.3;cursor:default}.vocab-result{gap:12px}.vocab-result-title{color:#14224a;margin:0;font-size:54px;font-weight:800}.vocab-result-sub{color:#5c6a82;margin:0;font-size:22px;font-weight:600}.vocab-result-sub b{color:#3478f6;font-size:26px}.vocab-result-list{flex-direction:column;gap:8px;min-width:360px;margin:8px 0;padding:0;list-style:none;display:flex}.vocab-result-item{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:12px 22px;display:flex;box-shadow:0 2px 8px #1432640d}.vocab-result-word{color:#14224a;font-size:26px;font-weight:800}.vocab-star{color:#d9dee6;margin-left:2px;font-size:24px}.vocab-star.on{color:#f6b73c}.vocab-result-acc{color:#5c6a82;margin:4px 0 0;font-size:20px;font-weight:600}.vocab-result-acc b{color:#3478f6;font-size:24px}.vocab-result-detail{color:#93a5be;margin-left:6px;font-size:15px}@keyframes vocab-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (height<=780px){.vocab-hero-art{height:220px}.vocab-hero-art.is-medium{height:190px}.vocab-word{font-size:52px}.vocab-audio-btn{width:76px;height:76px}.vocab-audio-btn.is-large{width:88px;height:88px}.vocab-prompt-text{font-size:26px}.vocab-choice-row{grid-template-columns:repeat(3,268px);gap:20px}.vocab-pic-choice{height:272px}.vocab-primary{min-width:420px;height:66px;font-size:26px}.vocab-spell-art{width:150px;height:132px}.vocab-slot{width:56px;height:68px;font-size:32px}.vocab-tile{width:62px;height:62px;font-size:27px}.vocab-match-pic,.vocab-match-word{width:150px;height:116px}}@media (width>=1600px){.vocab-top,.vocab-main{width:min(1180px,100%)}.vocab-hero-art{height:280px}.vocab-word{font-size:64px}.vocab-audio-btn.is-large{width:112px;height:112px}.vocab-choice-row{grid-template-columns:repeat(3,320px)}.vocab-pic-choice{height:322px}.vocab-primary{min-width:500px;height:78px;font-size:30px}}@media (width<=980px){.vocab-choice-row{grid-template-columns:1fr;max-width:420px;margin:0 auto}.vocab-pic-choice{height:200px}.vocab-word-choice-row{flex-direction:column;align-items:center}.vocab-primary{width:100%;min-width:0;max-width:460px}.vocab-step-hint{position:static}.vocab-match-grid{gap:20px}}.lsn-page{--lsn-blue:#3478f6;--lsn-blue-dark:#2a65d8;--lsn-green:#45be72;--lsn-green-dark:#2f9a57;--lsn-red:#e9888a;--lsn-ink:#1e3557;--lsn-ink-2:#2b3a55;--lsn-muted:#7c90ab;--lsn-muted-2:#93a5be;--lsn-line:#cfdbea;--lsn-line-soft:#dce5f0;box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px 14px;display:flex;position:relative;overflow:hidden}.lsn-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lsn-hd{z-index:2;box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;min-height:70px;padding-top:12px;display:grid;position:relative}.lsn-hd-back{height:38px;color:var(--lsn-ink-2);letter-spacing:.2px;cursor:pointer;background:#ffffffd9;border:none;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:0 15px 0 9px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #14326414}.lsn-hd-back:hover{background:#fff}.lsn-hd-steps{align-items:center;gap:9px;display:flex}.lsn-hd-step{color:#a3b4cb;background:#e4edf7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.lsn-hd-step.is-done{background:var(--lsn-green);color:#fff}.lsn-hd-step.is-current{background:var(--lsn-blue);color:#fff;box-shadow:0 3px 10px #3478f657}.lsn-hd-meta{color:var(--lsn-muted-2);white-space:nowrap;justify-self:end;align-items:center;gap:7px;font-size:13px;display:inline-flex}.lsn-hd-unit{color:var(--lsn-ink-2);font-size:15px;font-weight:750}.lsn-hd-dot{color:#c3cfde}.lsn-hd-dur{font-weight:600}.lsn-hd-count{color:var(--lsn-ink-2);font-size:18px;font-weight:800}.lsn-hd-count b{color:var(--lsn-blue)}.lsn-head{z-index:1;text-align:center;margin:6px 0 10px;position:relative}.lsn-head--compact{margin:0 0 6px}.lsn-title{color:var(--lsn-ink);letter-spacing:.5px;margin:0;font-size:52px;font-weight:800;line-height:1.06}.lsn-subtitle{color:var(--lsn-muted);margin:4px 0 0;font-size:22px;font-weight:650}.lsn-audio{z-index:1;flex-direction:column;align-items:center;gap:3px;margin:2px 0 12px;display:flex;position:relative}.lsn-audio-btn{background:var(--lsn-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 22px #3478f652}.lsn-audio-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #3478f661}.lsn-audio-btn:active{transform:translateY(0)}.lsn-audio-btn.is-playing{animation:1.05s ease-in-out infinite lsn-pulse}@keyframes lsn-pulse{0%,to{box-shadow:0 8px 22px #3478f652}50%{box-shadow:0 8px 30px #3478f694}}.lsn-audio-hint{color:var(--lsn-muted-2);font-size:13px;font-weight:600}.lsn-audio-count{color:#b0bbcb;font-size:12px;font-weight:700}.lsn-pics{z-index:1;justify-content:center;gap:26px;display:flex;position:relative}.lsn-pic{box-sizing:border-box;border:2.5px solid var(--lsn-line);cursor:pointer;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:292px;height:305px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 4px 12px #1432640d}.lsn-pic:hover:not(:disabled){border-color:#afc6e4;transform:translateY(-2px)}.lsn-pic:focus-visible{outline-offset:2px;outline:3px solid #3478f673}.lsn-pic-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lsn-pic-img,.lsn-pic-art svg{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:222px}.lsn-pic.is-selected{border-color:var(--lsn-blue);background:#f4f8ff;box-shadow:0 0 0 3px #3478f629}.lsn-pic.is-correct{border-color:var(--lsn-green);background:#f2fbf5;box-shadow:0 0 0 3px #45be7229}.lsn-pic.is-incorrect{border-color:var(--lsn-red);background:#fff6f6;animation:.22s ease-in-out lsn-shake}@keyframes lsn-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.lsn-badge{background:var(--lsn-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 3px 10px #45be7261}.lsn-split{z-index:1;flex:1;grid-template-columns:1fr 472px;align-items:center;gap:44px;width:min(1040px,100%);padding-bottom:4px;display:grid;position:relative}.lsn-split--dialogue{grid-template-columns:1fr 480px}.lsn-split-left{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.lsn-split-right{flex-direction:column;gap:14px;display:flex}.lsn-decor{opacity:.3;align-items:center;gap:12px;display:flex}.lsn-decor-chip{width:56px;height:56px;display:block}.lsn-decor-chip img,.lsn-decor-chip svg{object-fit:contain;width:100%;height:100%}.lsn-hint{color:var(--lsn-muted-2);text-align:center;margin:2px 0 0;font-size:15px;font-weight:600}.lsn-ans{box-sizing:border-box;border:2.5px solid var(--lsn-line);cursor:pointer;background:#fff;border-radius:22px;justify-content:center;align-items:center;width:100%;min-height:104px;padding:0 26px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 3px 10px #1432640d}.lsn-ans:hover:not(:disabled){border-color:#afc6e4;transform:translateY(-2px)}.lsn-ans:focus-visible{outline-offset:2px;outline:3px solid #3478f673}.lsn-ans-main{flex-direction:column;align-items:center;gap:3px;display:flex}.lsn-ans-label{color:var(--lsn-ink);font-size:30px;font-weight:750;line-height:1.15}.lsn-ans-label.zh{color:var(--lsn-ink-2);font-family:inherit;font-weight:700}.lsn-ans--en .lsn-ans-label{font-size:28px;font-weight:800}.lsn-ans-sub{color:var(--lsn-muted-2);font-size:15px;font-weight:600}.lsn-ans.is-selected{border-color:var(--lsn-blue);background:#f4f8ff;box-shadow:0 0 0 3px #3478f629}.lsn-ans.is-selected .lsn-ans-label{color:var(--lsn-blue-dark)}.lsn-ans.is-correct{border-color:var(--lsn-green);background:#f2fbf5;box-shadow:0 0 0 3px #45be7229}.lsn-ans.is-correct .lsn-ans-label{color:var(--lsn-green-dark)}.lsn-ans.is-incorrect{border-color:var(--lsn-red);background:#fff6f6;animation:.22s ease-in-out lsn-shake}.lsn-dlg{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.lsn-dlg-head{flex-direction:column;align-items:center;gap:2px;display:flex}.lsn-dlg-tag{color:var(--lsn-ink);letter-spacing:.4px;font-size:24px;font-weight:800}.lsn-dlg-zh{color:var(--lsn-muted-2);font-size:14px;font-weight:600}.lsn-dlg-roles{align-items:center;gap:16px;margin:2px 0;display:flex}.lsn-dlg-role-wrap{align-items:center;gap:16px;display:inline-flex}.lsn-dlg-role{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:inline-flex;box-shadow:0 3px 10px #1432641f}.lsn-dlg-role.is-a{background:#6fa8ff}.lsn-dlg-role.is-b{background:#7bd79b}.lsn-dlg-role-sep{display:none}.lsn-dlg-foot{flex-direction:column;align-items:center;gap:6px;min-height:34px;display:flex}.lsn-dlg-reveal{color:var(--lsn-blue);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:15px;font-weight:700}.lsn-dlg-reveal:hover{background:#3478f614}.lsn-dlg-text{box-sizing:border-box;border:1px solid var(--lsn-line-soft);text-align:left;background:#ffffffdb;border-radius:14px;width:min(420px,100%);padding:10px 16px}.lsn-dlg-line{color:var(--lsn-ink-2);gap:8px;margin:3px 0;font-size:15px;display:flex}.lsn-dlg-who{font-weight:800}.lsn-dlg-who.is-a{color:#4e8bf0}.lsn-dlg-who.is-b{color:var(--lsn-green-dark)}.lsn-dlg-lock{color:#a8b6c8;font-size:13px;font-weight:600}.lsn-q-panel{margin-bottom:2px}.lsn-q-tag{color:var(--lsn-muted-2);letter-spacing:.6px;font-size:13px;font-weight:800;display:inline-block}.lsn-q-en{color:var(--lsn-ink);margin:2px 0 1px;font-size:24px;font-weight:750;line-height:1.2}.lsn-q-zh{color:var(--lsn-muted-2);margin:0;font-size:14px;font-weight:600}.lsn-footer{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;gap:5px;min-height:92px;margin-top:auto;padding-top:10px;display:flex;position:relative}.lsn-feedback{align-items:center;height:22px;display:flex}.lsn-great{color:var(--lsn-green);font-size:20px;font-weight:750}.lsn-try{color:#e08a8c;font-size:20px;font-weight:700}.lsn-primary{background:var(--lsn-blue);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:28px;width:460px;height:70px;font-size:28px;font-weight:750;transition:background .16s,transform .16s;box-shadow:0 8px 20px #3478f647}.lsn-primary:hover:not(:disabled){background:var(--lsn-blue-dark);transform:translateY(-1px)}.lsn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#a3b7d6}.lsn-arrow{margin-left:4px}.lsn-footer-zh{color:var(--lsn-muted-2);font-size:14px;font-weight:600}.lsn-again{color:var(--lsn-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;margin-top:2px;padding:4px 10px;font-size:16px;font-weight:700}.lsn-again:hover{color:var(--lsn-blue);background:#3478f614}.lsn-result{z-index:1;flex:1;grid-template-columns:400px 1fr;align-items:center;gap:44px;width:min(1080px,100%);padding-bottom:4px;display:grid;position:relative}.lsn-result-left{flex-direction:column;align-items:center;gap:4px;display:flex}.lsn-trophy{color:#e8b23a;line-height:0}.lsn-result-title{color:var(--lsn-ink);letter-spacing:.5px;margin:2px 0 0;font-size:56px;font-weight:800}.lsn-result-sub{color:var(--lsn-muted);margin:2px 0 0;font-size:24px;font-weight:650}.lsn-result-right{flex-direction:column;gap:18px;display:flex}.lsn-stats{background:#ffffffb8;border-radius:20px;justify-content:center;align-items:center;gap:26px;height:88px;padding:0 30px;display:flex;box-shadow:0 3px 12px #1432640f}.lsn-stat{flex-direction:column;align-items:center;gap:2px;min-width:108px;display:flex}.lsn-stat-num{color:var(--lsn-ink);font-size:26px;font-weight:800}.lsn-stat-label{color:var(--lsn-muted);font-size:14px;font-weight:600}.lsn-stat-sep{background:var(--lsn-line-soft);width:1.5px;height:30px}.lsn-skills-title{color:var(--lsn-muted-2);margin-bottom:8px;font-size:15px;font-weight:700;display:block}.lsn-skills-list{flex-direction:column;gap:10px;display:flex}.lsn-skill{box-sizing:border-box;border:2px solid var(--lsn-line-soft);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.lsn-skill-label{color:var(--lsn-ink-2);font-size:19px;font-weight:700}.lsn-skill-level{align-items:center;gap:7px;font-size:17px;font-weight:700;display:inline-flex}.lsn-skill-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.lsn-skill.is-good{background:#f3fbf6;border-color:#b7e4c8}.lsn-skill.is-good .lsn-skill-level{color:var(--lsn-green-dark)}.lsn-skill.is-practice{background:#fff9f0;border-color:#f3d9a8}.lsn-skill.is-practice .lsn-skill-level{color:#d08a2c}.lsn-skill.is-review{background:#fff6f6;border-color:#f0c6c6}.lsn-skill.is-review .lsn-skill-level{color:#c96a6c}.lsn-footer--result{min-height:86px}@media (width>=1600px){.lsn-hd{min-height:82px}.lsn-hd-step{width:32px;height:32px;font-size:14px}.lsn-hd-unit{font-size:16px}.lsn-hd-count{font-size:20px}.lsn-title{font-size:60px}.lsn-subtitle{font-size:25px}.lsn-audio{margin:8px 0 18px}.lsn-pics{gap:30px}.lsn-pic{width:322px;height:338px}.lsn-pic-img,.lsn-pic-art svg{max-height:246px}.lsn-split{grid-template-columns:1fr 528px;gap:56px;width:min(1180px,100%)}.lsn-split--dialogue{grid-template-columns:1fr 536px}.lsn-ans{min-height:112px}.lsn-ans-label{font-size:32px}.lsn-ans--en .lsn-ans-label{font-size:30px}.lsn-ans-sub{font-size:16px}.lsn-q-en,.lsn-dlg-tag{font-size:26px}.lsn-primary{width:500px;height:76px;font-size:30px}.lsn-result{grid-template-columns:440px 1fr;gap:56px;width:min(1220px,100%)}.lsn-result-title{font-size:64px}.lsn-result-sub{font-size:26px}.lsn-stats{height:96px}.lsn-stat-num{font-size:28px}.lsn-skill{height:64px}.lsn-skill-label{font-size:21px}.lsn-skill-level{font-size:18px}}.ph-page{--ph-blue:#3478f6;--ph-blue-dark:#2a65d8;--ph-green:#45be72;--ph-green-dark:#2f9a57;--ph-red:#e9888a;--ph-red-dark:#d06a6c;--ph-amber:#f2b33d;--ph-amber-soft:#fdf3df;--ph-ink:#1e3557;--ph-ink-2:#2b3a55;--ph-muted:#7c90ab;--ph-muted-2:#93a5be;--ph-line:#cfdbea;--ph-line-soft:#e3ebf5;box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;height:100vh;padding:0 28px 12px;font-family:inherit;display:flex;position:relative;overflow:hidden}.ph-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ph-hd{z-index:2;box-sizing:border-box;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:100%;min-height:78px;padding-top:12px;display:grid;position:relative}.ph-hd-back{height:40px;color:var(--ph-ink-2);letter-spacing:.2px;cursor:pointer;background:#ffffffe0;border:none;border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:0 17px 0 10px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #14326414}.ph-hd-back:hover{background:#fff}.ph-hd-center{flex-direction:column;align-items:center;gap:4px;display:flex}.ph-hd-steps{align-items:center;gap:10px;display:flex}.ph-hd-step{color:#a3b4cb;background:#e4edf7;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex}.ph-hd-step.is-done{background:var(--ph-green);color:#fff}.ph-hd-step.is-current{background:var(--ph-blue);color:#fff;box-shadow:0 3px 10px #3478f657}.ph-hd-stepname{align-items:baseline;gap:8px;display:flex}.ph-hd-stepname-en{color:var(--ph-ink-2);letter-spacing:.3px;font-size:14px;font-weight:800}.ph-hd-stepname-zh{color:var(--ph-muted-2);font-size:11.5px;font-weight:600}.ph-hd-meta{color:var(--ph-muted-2);white-space:nowrap;justify-self:end;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.ph-hd-unit{color:var(--ph-ink-2);font-size:15.5px;font-weight:750}.ph-hd-dot{color:#c3cfde}.ph-hd-dur{font-weight:600}.ph-hd-count{color:var(--ph-ink-2);font-size:20px;font-weight:800}.ph-hd-count b{color:var(--ph-blue)}.ph-cue{z-index:1;color:var(--ph-ink);letter-spacing:.2px;text-align:center;flex:none;margin:2px 0 6px;font-size:23px;font-weight:750;position:relative}.ph-main{z-index:1;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:14px;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ph-gc-row{justify-content:center;align-items:flex-start;gap:30px;display:flex}.ph-gc-wrap{flex-direction:column;align-items:center;gap:5px;display:flex}.ph-gc{border:4px solid var(--ph-line);cursor:pointer;background:#fff;border-radius:34px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 6px 16px #1432640f}.ph-gc--lg{width:200px;height:240px}.ph-gc--md{width:156px;height:186px}.ph-gc:hover:not(:disabled){border-color:#a9c6ef}.ph-gc:disabled{cursor:default}.ph-gc.is-tapped{background:#f5f9ff;border-color:#8fb4e8}.ph-gc.is-active{border-color:var(--ph-blue);background:#eaf2ff;transform:translateY(-6px);box-shadow:0 16px 30px #3478f642}.ph-gc.is-combined{border-color:var(--ph-amber);background:#fff9ec;box-shadow:0 10px 24px #f2b33d47}.ph-gc-glyph{color:var(--ph-ink);letter-spacing:2px;font-size:108px;font-weight:800;line-height:1}.ph-gc--md .ph-gc-glyph{font-size:84px}.ph-gc-pending{color:#b07c22;background:var(--ph-amber-soft);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.ph-blend-stage{flex-direction:column;align-items:center;gap:10px;display:flex}.ph-blend-track{justify-content:center;align-items:flex-start;transition:gap .6s cubic-bezier(.4,0,.2,1);display:flex}.ph-blend-stage.is-split .ph-blend-track{gap:76px}.ph-blend-stage.is-closing .ph-blend-track{gap:26px}.ph-blend-stage.is-combined .ph-blend-track{gap:0}.ph-blend-stage.is-combined .ph-gc{border-radius:26px}.ph-blend-stage.is-combined .ph-gc+.ph-gc,.ph-blend-stage.is-combined .ph-gc-wrap+.ph-gc-wrap{margin-left:-4px}.ph-blend-caption{min-height:30px;color:var(--ph-muted);margin:0;font-size:19px;font-weight:700}.ph-blend-word{color:var(--ph-amber);letter-spacing:3px;font-size:30px;font-weight:800}.ph-choices{justify-content:center;gap:32px;display:flex}.ph-lc{border:4px solid var(--ph-line);cursor:pointer;background:#fff;border-radius:30px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;box-shadow:0 6px 16px #1432640f}.ph-lc--lg{width:220px;height:180px}.ph-lc--md{width:176px;height:148px}.ph-lc:hover:not(:disabled){border-color:#a9c6ef}.ph-lc.is-selected{border-color:var(--ph-blue);background:#f1f6ff;box-shadow:0 12px 26px #3478f638}.ph-lc.is-selected .ph-lc-glyph{color:var(--ph-blue)}.ph-lc.is-correct{border-color:var(--ph-green);background:#effaf1;box-shadow:0 10px 22px #45be7238}.ph-lc.is-correct .ph-lc-glyph{color:var(--ph-green-dark)}.ph-lc.is-incorrect{border-color:var(--ph-red);background:#fef3f3;animation:.22s ph-shake}@keyframes ph-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ph-lc-glyph{color:var(--ph-ink);font-size:96px;font-weight:800;line-height:1}.ph-lc--md .ph-lc-glyph{font-size:76px}.ph-badge-correct{background:var(--ph-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 10px #45be7261}.ph-audio{flex-direction:column;align-items:center;gap:4px;display:flex}.ph-audio-btn{background:var(--ph-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 26px #3478f652}.ph-audio-btn:hover{transform:translateY(-2px)}.ph-audio-btn.is-playing{animation:1.05s ease-in-out infinite ph-pulse}@keyframes ph-pulse{0%,to{box-shadow:0 10px 26px #3478f652}50%{box-shadow:0 10px 34px #3478f699}}.ph-audio-hint{color:var(--ph-muted-2);font-size:14px;font-weight:650}.ph-audio-count{color:#b0bbcb;font-size:12.5px;font-weight:700}.ph-audio-pill{border:3px solid var(--ph-line);height:58px;color:var(--ph-ink-2);cursor:pointer;background:#fffffff0;border-radius:999px;align-items:center;gap:9px;padding:0 28px;font-size:20px;font-weight:800;transition:border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 4px 14px #1432640f}.ph-audio-pill:hover{border-color:#a9c6ef;transform:translateY(-1px)}.ph-audio-pill.is-playing{border-color:var(--ph-blue);color:var(--ph-blue);animation:1.05s ease-in-out infinite ph-pulse-soft}@keyframes ph-pulse-soft{0%,to{box-shadow:0 4px 14px #1432640f}50%{box-shadow:0 8px 22px #3478f64d}}.ph-listen-row{align-items:center;gap:46px;display:flex}.ph-sound-btn-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.ph-sound-btn{background:var(--ph-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:152px;height:152px;display:inline-flex;box-shadow:0 12px 30px #3478f657}.ph-sound-btn svg{width:62px;height:62px}.ph-sound-btn.is-playing{animation:1.05s ease-in-out infinite ph-pulse}.ph-sound-pending{color:#b07c22;background:var(--ph-amber-soft);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.ph-listen-side{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.ph-listen-label{color:var(--ph-ink-2);font-size:20px;font-weight:750}.ph-readword{letter-spacing:5px;color:var(--ph-ink);margin:0;font-size:88px;font-weight:800;line-height:1}.ph-pics{justify-content:center;gap:34px;display:flex}.ph-pic{box-sizing:border-box;border:4px solid var(--ph-line);cursor:pointer;background:#fff;border-radius:30px;justify-content:center;align-items:center;width:336px;height:248px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 6px 16px #1432640f}.ph-pic:hover:not(:disabled){border-color:#a9c6ef;transform:translateY(-3px)}.ph-pic.is-selected{border-color:var(--ph-blue);background:#f7faff;box-shadow:0 14px 28px #3478f633}.ph-pic.is-correct{border-color:var(--ph-green);background:#f6fcf7;box-shadow:0 12px 24px #45be7233}.ph-pic.is-incorrect{border-color:var(--ph-red);background:#fef6f6;animation:.22s ph-shake}.ph-pic-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ph-pic-img{object-fit:contain;width:100%;height:100%}.ph-slots{justify-content:center;gap:18px;display:flex}.ph-slot{border:4px dashed var(--ph-line);width:122px;height:136px;color:var(--ph-ink);cursor:default;background:#fff;border-radius:24px;justify-content:center;align-items:center;font-size:66px;font-weight:800;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.ph-slot-empty{background:#dde6f1;border-radius:3px;width:34px;height:5px}.ph-slot--filled{border-style:solid;border-color:var(--ph-blue);color:var(--ph-blue);cursor:pointer;background:#f1f6ff}.ph-slot--correct{border-style:solid;border-color:var(--ph-green);color:var(--ph-green-dark);cursor:pointer;background:#effaf1}.ph-slot--wrong{border-style:solid;border-color:var(--ph-red);color:var(--ph-red-dark);cursor:pointer;background:#fef3f3}.ph-slot:disabled{cursor:default}.ph-tiles{justify-content:center;gap:18px;display:flex}.ph-tile{border:4px solid var(--ph-line);width:96px;height:108px;color:var(--ph-ink);cursor:pointer;background:#fff;border-radius:24px;justify-content:center;align-items:center;font-size:48px;font-weight:800;transition:border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 4px 12px #1432640d}.ph-tile:hover:not(:disabled){border-color:var(--ph-blue);transform:translateY(-3px);box-shadow:0 10px 20px #3478f62e}.ph-tile.is-used{opacity:.26;cursor:default}.ph-blend-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.ph-blend-btn{background:var(--ph-blue);color:#fff;letter-spacing:.4px;cursor:pointer;border:none;border-radius:999px;min-width:320px;height:68px;padding:0 46px;font-size:24px;font-weight:800;transition:background .16s,transform .16s;box-shadow:0 12px 28px #3478f64d}.ph-blend-btn:hover:not(:disabled){background:var(--ph-blue-dark);transform:translateY(-1px)}.ph-blend-btn:disabled{box-shadow:none;cursor:default;background:#b9cbe6}.ph-blend-btn.is-playing{animation:1.05s ease-in-out infinite ph-pulse}.ph-blend-status{align-items:center;gap:14px;display:flex}.ph-blend-pass{color:var(--ph-ink-2);font-size:18px;font-weight:700}.ph-blend-count{color:#b0bbcb;font-size:13px;font-weight:700}.ph-quiet-btn{border:2.5px solid var(--ph-line);height:48px;color:var(--ph-muted);cursor:pointer;background:#ffffffd1;border-radius:999px;align-items:center;gap:7px;padding:0 22px;font-size:16px;font-weight:700;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.ph-quiet-btn:hover{color:var(--ph-ink-2);background:#fff;border-color:#a9c6ef}.ph-quiet-btn--center{align-self:center}.ph-hint-used{color:var(--ph-amber);font-size:12px;font-style:normal;font-weight:800}.ph-tip{color:var(--ph-muted-2);text-align:center;margin:0;font-size:15px;font-weight:650}.ph-asset-note{text-align:center;color:#b07c22;background:#fdf3dfcc;border-radius:12px;max-width:1000px;margin:0;padding:6px 16px;font-size:12.5px;font-weight:600;line-height:1.5}.ph-asset-note--result{text-align:left;max-width:620px;margin-top:4px}.ph-footer{z-index:2;box-sizing:border-box;flex-direction:column;flex:none;align-items:center;gap:5px;width:100%;padding-top:4px;display:flex;position:relative}.ph-feedback{min-height:28px;font-size:20px;font-weight:800}.ph-great{color:var(--ph-green-dark)}.ph-try{color:var(--ph-red-dark)}.ph-primary{background:var(--ph-blue);color:#fff;letter-spacing:.3px;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:380px;height:68px;padding:0 52px;font-size:25px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex;box-shadow:0 12px 28px #3478f64d}.ph-primary:hover:not(:disabled){background:var(--ph-blue-dark)}.ph-primary:disabled{box-shadow:none;cursor:default;background:#b9cbe6}.ph-arrow{font-size:21px}.ph-foot-note{color:#a8b6c8;margin:0;font-size:12.5px;font-weight:600}.ph-again{color:var(--ph-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:2px;font-size:16px;font-weight:700;text-decoration:underline}.ph-again:hover{color:var(--ph-ink-2)}.ph-main--result{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:84px;padding:0 40px}.ph-result-left{flex-direction:column;align-items:center;gap:6px;width:400px;display:flex}.ph-trophy{width:156px;height:156px}.ph-great-title{color:var(--ph-ink);margin:8px 0 0;font-size:58px;font-weight:800}.ph-great-zh{color:var(--ph-muted);margin:2px 0 0;font-size:22px;font-weight:700}.ph-result-right{flex-direction:column;flex:0 660px;gap:14px;display:flex}.ph-stats{background:#fff;border-radius:22px;justify-content:space-around;align-items:center;padding:16px 22px;display:flex;box-shadow:0 6px 18px #1432640f}.ph-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.ph-stat-num{color:var(--ph-ink);font-size:34px;font-weight:800}.ph-stat-num.zh{font-size:29px}.ph-stat-label{color:var(--ph-muted-2);font-size:14.5px;font-weight:700}.ph-stat-sep{background:var(--ph-line-soft);width:1px;height:48px}.ph-skills-title{color:var(--ph-ink-2);margin:2px 0 -6px;font-size:15.5px;font-weight:700}.ph-skills{flex-direction:column;gap:10px;display:flex}.ph-rcard{background:#f6fcf7;border:2.5px solid #dceadf;border-radius:18px;align-items:center;gap:14px;height:66px;padding:0 22px;display:flex}.ph-rcard.is-practice{background:#fffbf1;border-color:#f3e3c6}.ph-rcard.is-review{background:#fef6f6;border-color:#f3d8d8}.ph-rcard-icon{font-size:22px;line-height:1}.ph-rcard-label{color:var(--ph-ink);flex:auto;font-size:23px;font-weight:750}.ph-rcard-level{color:var(--ph-green-dark);align-items:center;gap:8px;font-size:18px;font-weight:800;display:inline-flex}.ph-rcard.is-practice .ph-rcard-level{color:#c08a2e}.ph-rcard.is-review .ph-rcard-level{color:var(--ph-red-dark)}.ph-rcard-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.ph-footer--result{padding-top:0}.ph-dev-banner{z-index:9999;color:#fff8e8;letter-spacing:.6px;pointer-events:none;background:#c08a2eeb;border-radius:8px;padding:5px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;position:fixed;bottom:10px;left:12px}@media (width>=1600px){.ph-page{padding:0 90px 20px}.ph-hd{min-height:96px}.ph-hd-step{width:38px;height:38px;font-size:15px}.ph-hd-steps{gap:13px}.ph-hd-stepname-en{font-size:18px}.ph-hd-stepname-zh{font-size:14px}.ph-hd-back{height:46px;font-size:19px}.ph-hd-unit{font-size:19px}.ph-hd-dur{font-size:16px}.ph-hd-count{font-size:25px}.ph-cue{margin:4px 0 10px;font-size:30px}.ph-main{gap:20px}.ph-gc--lg{width:286px;height:340px}.ph-gc--md{width:222px;height:264px}.ph-gc-glyph{font-size:152px}.ph-gc--md .ph-gc-glyph{font-size:118px}.ph-gc-row{gap:48px}.ph-gc-pending{padding:3px 11px;font-size:12.5px}.ph-blend-stage.is-split .ph-blend-track{gap:116px}.ph-blend-stage.is-closing .ph-blend-track{gap:38px}.ph-blend-caption{min-height:38px;font-size:23px}.ph-blend-word{font-size:40px}.ph-blend-btn{min-width:400px;height:84px;font-size:29px}.ph-blend-pass{font-size:21px}.ph-blend-count{font-size:15px}.ph-lc--lg{width:308px;height:250px}.ph-lc--md{width:244px;height:202px}.ph-lc-glyph{font-size:134px}.ph-lc--md .ph-lc-glyph{font-size:106px}.ph-choices{gap:48px}.ph-badge-correct{width:42px;height:42px;top:-15px;right:-15px}.ph-sound-btn{width:206px;height:206px}.ph-sound-btn svg{width:86px;height:86px}.ph-listen-row{gap:76px}.ph-listen-label{font-size:27px}.ph-sound-pending{padding:3px 12px;font-size:12.5px}.ph-readword{letter-spacing:8px;font-size:122px}.ph-pic{border-radius:36px;width:452px;height:336px}.ph-pics{gap:52px}.ph-quiet-btn{height:56px;padding:0 28px;font-size:19px}.ph-slot{border-radius:30px;width:172px;height:192px;font-size:92px}.ph-slots{gap:26px}.ph-slot-empty{width:46px;height:6px}.ph-tile{border-radius:30px;width:134px;height:152px;font-size:66px}.ph-tiles{gap:26px}.ph-audio-hint{font-size:16px}.ph-audio-count{font-size:14px}.ph-audio-pill{height:68px;padding:0 36px;font-size:24px}.ph-audio-pill svg{width:30px;height:30px}.ph-tip{font-size:18px}.ph-asset-note{padding:8px 20px;font-size:14px}.ph-primary{border-radius:999px;min-width:500px;height:84px;font-size:30px}.ph-feedback{min-height:36px;font-size:25px}.ph-foot-note{font-size:14px}.ph-again{font-size:18px}.ph-main--result{gap:140px;padding:0 60px}.ph-result-left{width:540px}.ph-result-right{flex-basis:900px;gap:18px}.ph-trophy{width:232px;height:232px}.ph-great-title{font-size:82px}.ph-great-zh{font-size:30px}.ph-stats{border-radius:26px;padding:22px 30px}.ph-stat-num{font-size:48px}.ph-stat-num.zh{font-size:40px}.ph-stat-label{font-size:17px}.ph-stat-sep{height:60px}.ph-skills-title{font-size:18px}.ph-skills{gap:14px}.ph-rcard{border-radius:22px;height:92px;padding:0 30px}.ph-rcard-icon{font-size:28px}.ph-rcard-label{font-size:32px}.ph-rcard-level{font-size:24px}.ph-rcard-dot{width:11px;height:11px}}.sn-page{--sn-blue:#3478f6;--sn-blue-dark:#2a65d8;--sn-blue-soft:#f4f8ff;--sn-green:#45be72;--sn-green-dark:#2f9a57;--sn-red:#e9888a;--sn-red-dark:#c96a6c;--sn-amber:#d08a2c;--sn-ink:#1e3557;--sn-ink-2:#2b3a55;--sn-muted:#7c90ab;--sn-muted-2:#93a5be;--sn-line:#cfdbea;--sn-line-soft:#dce5f0;box-sizing:border-box;background:#eaf4fd;flex-direction:column;align-items:center;min-height:100vh;padding:0 24px 12px;display:flex;position:relative;overflow:hidden}.sn-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sn-hd{z-index:2;box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;min-height:68px;padding-top:10px;display:grid;position:relative}.sn-hd-back{height:38px;color:var(--sn-ink-2);letter-spacing:.2px;cursor:pointer;background:#ffffffe0;border:none;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:0 15px 0 9px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #14326414}.sn-hd-back:hover{background:#fff}.sn-hd-center{flex-direction:column;align-items:center;gap:4px;display:flex}.sn-hd-steps{align-items:center;gap:9px;display:flex}.sn-hd-step{color:#a3b4cb;background:#e4edf7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.sn-hd-step.is-done{background:var(--sn-green);color:#fff}.sn-hd-step.is-current{background:var(--sn-blue);color:#fff;box-shadow:0 3px 10px #3478f657}.sn-hd-stepname{align-items:baseline;gap:8px;display:flex}.sn-hd-stepname-en{color:var(--sn-ink-2);letter-spacing:.3px;font-size:14px;font-weight:800}.sn-hd-stepname-zh{color:var(--sn-muted-2);font-size:11.5px;font-weight:600}.sn-hd-meta{color:var(--sn-muted-2);white-space:nowrap;justify-self:end;align-items:center;gap:7px;font-size:13px;display:inline-flex}.sn-hd-unit{color:var(--sn-ink-2);font-size:15px;font-weight:750}.sn-hd-dot{color:#c3cfde}.sn-hd-dur{font-weight:600}.sn-hd-count{color:var(--sn-ink-2);font-size:18px;font-weight:800}.sn-hd-count b{color:var(--sn-blue)}.sn-main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;max-width:1120px;min-height:0;padding-bottom:2px;display:flex;position:relative}.sn-cue{color:var(--sn-muted);text-align:center;margin:0;font-size:22px;font-weight:700}.sn-main--meet{gap:8px}.sn-hero{grid-template-columns:340px 1fr;place-items:center;gap:56px;width:100%;display:grid}.sn-hero-art{justify-content:center;display:flex}.sn-hero-say{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.sn-sentence-lg{color:var(--sn-ink);letter-spacing:.2px;word-spacing:2px;margin:0;font-size:60px;font-weight:800;line-height:1.12}.sn-sentence-lg .is-key{color:var(--sn-blue)}.sn-sentence-dot{color:var(--sn-ink)}.sn-zh-weak{color:var(--sn-muted-2);margin:0;font-size:20px;font-weight:600}.sn-pic{border:2.5px solid var(--sn-line);box-sizing:border-box;background:#fff;border-radius:28px;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 6px 18px #14326412}.sn-pic--sm{width:340px;height:300px}.sn-pic--lg{border-radius:26px;width:360px;height:312px}.sn-pic-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sn-pic-img,.sn-pic-art svg{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%}.sn-audio{flex-direction:column;align-items:center;gap:4px;display:flex}.sn-audio-btn{background:var(--sn-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:0 8px 20px #3478f64d}.sn-audio-btn:hover{background:var(--sn-blue-dark);transform:translateY(-2px)}.sn-audio-btn:focus-visible{outline-offset:3px;outline:3px solid #3478f673}.sn-audio-btn.is-playing{animation:1.05s ease-in-out infinite sn-pulse}@keyframes sn-pulse{0%,to{box-shadow:0 8px 20px #3478f64d,0 0 #3478f666}50%{box-shadow:0 8px 20px #3478f64d,0 0 0 12px #3478f600}}.sn-audio-hint{color:var(--sn-muted-2);font-size:13.5px;font-weight:600}.sn-audio-count{color:var(--sn-blue);font-size:12.5px;font-weight:700}.sn-audio--pill{flex-direction:row;align-items:center;gap:10px}.sn-audio-pill{height:50px;color:var(--sn-blue-dark);cursor:pointer;background:#f7faff;border:2px solid #c9dcf7;border-radius:999px;align-items:center;gap:8px;padding:0 24px;font-size:19px;font-weight:750;display:inline-flex}.sn-audio-pill:hover{background:#edf4ff}.sn-audio-pill.is-playing{animation:1.05s ease-in-out infinite sn-pulse}.sn-build{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sn-build-body{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sn-build--split{flex-direction:row;justify-content:center;align-items:center;gap:52px;width:auto;max-width:1040px;margin:0 auto}.sn-build--split .sn-build-body{align-items:center;width:560px;max-width:560px}.sn-build--split .sn-tiles{max-width:560px}.sn-build--split .sn-strip{width:100%}.sn-build--split .sn-strip-inner{justify-content:center}.sn-build-lead{justify-content:center;display:flex}.sn-strip{border:2.5px solid var(--sn-line-soft);background:#fff;border-radius:22px;padding:8px 20px;transition:border-color .16s,background .16s,box-shadow .16s;box-shadow:0 6px 18px #1432640f,inset 0 -2px #1e355708}.sn-strip.is-filled{border-color:#c9dcf7}.sn-strip.is-correct{border-color:var(--sn-green);background:#f3fbf6;box-shadow:0 6px 18px #2f9a571f,inset 0 -2px #2f9a570f}.sn-strip.is-incorrect{border-color:var(--sn-red);background:#fff6f6;box-shadow:0 6px 18px #c96a6c1f,inset 0 -2px #c96a6c0f}.sn-strip-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:74px;display:flex}.sn-slot{box-sizing:border-box;color:var(--sn-ink);cursor:default;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:32px;font-weight:700;line-height:1;transition:transform .18s,background .18s,color .18s;display:inline-flex}.sn-slot.is-empty{min-width:62px;height:66px}.sn-slot-dash{background:#dce5f0;border-radius:3px;width:46px;height:4px;display:block}.sn-slot.is-selected,.sn-slot.is-correct{cursor:pointer;border-radius:14px;min-width:74px;height:66px;padding:0 22px}.sn-slot.is-selected{background:var(--sn-blue-soft);color:var(--sn-blue-dark);box-shadow:inset 0 0 0 2px #3478f659}.sn-slot.is-correct{color:var(--sn-green-dark);cursor:default;background:#eaf7ef;box-shadow:inset 0 0 0 2px #45be7261}.sn-slot-text{display:inline-block}.sn-slot.is-selected .sn-slot-text{animation:.18s ease-out sn-chunk-in}@keyframes sn-chunk-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sn-strip-period{height:66px;color:var(--sn-ink);align-items:flex-end;font-size:36px;font-weight:800;display:inline-flex}.sn-slots-hint{color:var(--sn-muted-2);margin:0;font-size:14.5px;font-weight:600}.sn-tiles{flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;display:flex}.sn-tile{box-sizing:border-box;border:2.5px solid var(--sn-line);height:78px;color:var(--sn-ink);cursor:pointer;background:#fff;border-radius:18px;justify-content:center;align-items:center;padding:0 30px;font-size:32px;font-weight:700;line-height:1;transition:border-color .16s,box-shadow .16s,transform .16s,opacity .16s;display:inline-flex;position:relative;box-shadow:0 4px 12px #14326412}.sn-tile:hover:not(:disabled){border-color:#afc6e4;transform:translateY(-2px);box-shadow:0 8px 18px #1432641a}.sn-tile:focus-visible{outline-offset:2px;outline:3px solid #3478f673}.sn-tile.is-used{opacity:.32;box-shadow:none;cursor:default;border-style:dashed}.sn-tile-key,.sn-opt-key{color:#b6c6da;letter-spacing:0;font-size:11px;font-weight:700;position:absolute;top:4px;right:8px}.sn-reveal{color:var(--sn-blue-dark);letter-spacing:.3px;margin:0;font-size:30px;font-weight:800}.sn-gapped{color:var(--sn-ink);letter-spacing:.2px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:58px;font-weight:800;display:flex}.sn-gap{box-sizing:border-box;color:#0000;background:linear-gradient(#3478f605,#3478f612);border-bottom:5px solid #bbd4f7;border-radius:6px 6px 0 0;justify-content:center;align-items:center;min-width:150px;height:78px;padding:0 24px 6px;transition:border-color .16s,color .16s,background .16s;display:inline-flex;position:relative}.sn-gap.is-selected{border-bottom-color:var(--sn-blue);color:var(--sn-blue-dark);background:linear-gradient(#3478f60a,#3478f61f)}.sn-gap.is-correct{border-bottom-color:var(--sn-green);color:var(--sn-green-dark);background:linear-gradient(#45be720a,#45be721f)}.sn-gap.is-incorrect{border-bottom-color:var(--sn-red);color:var(--sn-red-dark);background:linear-gradient(#e9888a0d,#e9888a21)}.sn-opts{justify-content:center;align-items:center;gap:28px;display:flex}.sn-opt{box-sizing:border-box;border:2.5px solid var(--sn-line);min-width:234px;height:98px;color:var(--sn-ink);cursor:pointer;background:#fff;border-radius:22px;justify-content:center;align-items:center;padding:0 30px;font-size:36px;font-weight:750;line-height:1;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 4px 14px #14326412}.sn-opt:hover:not(:disabled){border-color:#afc6e4;transform:translateY(-2px);box-shadow:0 8px 20px #1432641a}.sn-opt:focus-visible{outline-offset:2px;outline:3px solid #3478f673}.sn-opt.is-selected{border-color:var(--sn-blue);background:var(--sn-blue-soft);color:var(--sn-blue-dark);box-shadow:0 0 0 4px #3478f624}.sn-opt.is-correct{border-color:var(--sn-green);color:var(--sn-green-dark);background:#f3fbf6;box-shadow:0 0 0 4px #45be7224}.sn-opt.is-incorrect{border-color:var(--sn-red);color:var(--sn-red-dark);background:#fff6f6;box-shadow:0 0 0 4px #e9888a1f}.sn-badge-correct{background:var(--sn-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:-13px;right:-13px;box-shadow:0 2px 8px #2f9a574d}.sn-main--picture,.sn-main--listen{gap:12px}.sn-quiet-btn{border:2px dashed var(--sn-line-soft);height:42px;color:var(--sn-muted-2);cursor:pointer;background:#ffffffb8;border-radius:999px;padding:0 20px;font-size:15px;font-weight:650;transition:background .14s,color .14s,border-color .14s}.sn-quiet-btn:hover{color:var(--sn-ink-2);background:#fff;border-color:#c9dcf7}.sn-quiet-btn.is-used{color:var(--sn-blue-dark);background:var(--sn-blue-soft);border-style:solid;border-color:#c9dcf7}.sn-footer{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;max-width:1120px;min-height:108px;display:flex;position:relative}.sn-feedback{min-height:24px;font-size:20px;font-weight:700}.sn-great{color:var(--sn-green-dark)}.sn-try{color:var(--sn-red-dark)}.sn-primary{background:var(--sn-blue);color:#fff;letter-spacing:.4px;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:460px;height:70px;font-size:26px;font-weight:800;transition:background .14s,transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 8px 20px #3478f64d}.sn-primary:hover:not(:disabled){background:var(--sn-blue-dark);transform:translateY(-1px)}.sn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#b9cbdf}.sn-primary:focus-visible{outline-offset:3px;outline:3px solid #3478f673}.sn-arrow{font-size:22px}.sn-foot-note{color:var(--sn-muted-2);margin:0;font-size:12.5px;font-weight:600}.sn-main--result{grid-template-columns:380px 1fr;align-items:center;gap:60px;max-width:1060px;padding:0 36px;display:grid}.sn-result-left{flex-direction:column;align-items:center;gap:6px;display:flex}.sn-result-icon{width:132px;height:132px}.sn-result-icon svg{width:100%;height:100%}.sn-great-title{color:var(--sn-ink);letter-spacing:.4px;margin:0;font-size:62px;font-weight:800}.sn-great-zh{color:var(--sn-muted);margin:0;font-size:23px;font-weight:650}.sn-result-right{flex-direction:column;gap:12px;display:flex}.sn-stats{align-items:baseline;gap:26px;padding:0 4px;display:flex}.sn-stat{align-items:baseline;gap:7px;display:flex}.sn-stat-num{color:var(--sn-ink-2);font-size:24px;font-weight:750}.sn-stat-num.zh{font-size:21px}.sn-stat-label{color:var(--sn-muted-2);font-size:12.5px;font-weight:650}.sn-stat-sep{background:#dce5f0;border-radius:2px;align-self:center;width:1.5px;height:16px}.sn-skills-title{color:var(--sn-muted);margin:2px 0 0;font-size:14px;font-weight:700}.sn-skills{flex-direction:column;gap:10px;display:flex}.sn-rcard{box-sizing:border-box;border:2px solid var(--sn-line-soft);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex;box-shadow:0 4px 14px #1432640d}.sn-rcard-left{align-items:center;gap:12px;display:inline-flex}.sn-rcard-icon{width:42px;height:42px;color:var(--sn-blue-dark);background:#f1f6ff;border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.sn-rcard-label{color:var(--sn-ink-2);font-size:23px;font-weight:750}.sn-rcard-level{align-items:center;gap:7px;font-size:18px;font-weight:750;display:inline-flex}.sn-rcard-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.sn-rcard.is-good{background:#f7fcf9;border-color:#b7e4c8}.sn-rcard.is-good .sn-rcard-icon{color:var(--sn-green-dark);background:#eaf7ef}.sn-rcard.is-good .sn-rcard-level{color:var(--sn-green-dark)}.sn-rcard.is-practice{background:#fffcf7;border-color:#f3d9a8}.sn-rcard.is-practice .sn-rcard-icon{color:var(--sn-amber);background:#fdf3e2}.sn-rcard.is-practice .sn-rcard-level{color:var(--sn-amber)}.sn-rcard.is-review{background:#fff9f9;border-color:#f0c6c6}.sn-rcard.is-review .sn-rcard-icon{color:var(--sn-red-dark);background:#fbeded}.sn-rcard.is-review .sn-rcard-level{color:var(--sn-red-dark)}.sn-footer--result{gap:8px;min-height:112px}.sn-again{color:var(--sn-blue-dark);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;font-size:16px;font-weight:750;text-decoration:underline}.sn-again:hover{color:var(--sn-blue)}.sn-dev-banner{z-index:9999;color:#f2f7ff;letter-spacing:.6px;pointer-events:none;background:#3478f6e6;border-radius:8px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;position:fixed;bottom:10px;left:12px}@media (width>=1600px){.sn-page{padding:0 90px 18px}.sn-hd{min-height:92px}.sn-hd-step{width:38px;height:38px;font-size:15px}.sn-hd-steps{gap:13px}.sn-hd-stepname-en{font-size:18px}.sn-hd-stepname-zh{font-size:14px}.sn-hd-back{height:46px;font-size:19px}.sn-hd-unit{font-size:19px}.sn-hd-dur{font-size:16px}.sn-hd-count{font-size:25px}.sn-cue{font-size:29px}.sn-main{gap:20px;max-width:1500px}.sn-hero{grid-template-columns:460px 1fr;gap:80px}.sn-pic--sm{border-radius:36px;width:460px;height:406px}.sn-pic--lg{border-radius:34px;width:480px;height:416px}.sn-sentence-lg{font-size:80px}.sn-zh-weak{font-size:27px}.sn-audio-hint{font-size:17px}.sn-audio-count{font-size:15px}.sn-strip{border-radius:28px;padding:12px 28px}.sn-strip-inner{gap:14px;min-height:98px}.sn-slot{font-size:43px}.sn-slot.is-empty{min-width:84px;height:88px}.sn-slot-dash{width:60px;height:5px}.sn-slot.is-selected,.sn-slot.is-correct{border-radius:18px;min-width:100px;height:88px}.sn-strip-period{height:88px;font-size:48px}.sn-slots-hint{font-size:19px}.sn-tiles{gap:16px;max-width:1180px}.sn-tile{border-radius:24px;height:104px;padding:0 40px;font-size:42px}.sn-tile-key,.sn-opt-key{font-size:14px}.sn-reveal{font-size:40px}.sn-build--split{gap:76px;max-width:1400px}.sn-build--split .sn-build-body{width:720px;max-width:720px}.sn-build--split .sn-tiles{max-width:720px}.sn-gapped{gap:20px;font-size:76px}.sn-gap{border-bottom-width:6px;min-width:200px;height:104px}.sn-opt{border-radius:28px;min-width:300px;height:128px;font-size:48px}.sn-opts{gap:36px}.sn-badge-correct{width:46px;height:46px;top:-16px;right:-16px}.sn-quiet-btn{height:54px;padding:0 26px;font-size:18px}.sn-footer{min-height:138px}.sn-primary{min-width:560px;height:88px;font-size:32px}.sn-feedback{min-height:30px;font-size:25px}.sn-foot-note{font-size:14.5px}.sn-again{font-size:18px}.sn-main--result{grid-template-columns:470px 1fr;gap:84px;max-width:1380px;padding:0 56px}.sn-result-icon{width:168px;height:168px}.sn-great-title{font-size:80px}.sn-great-zh{font-size:29px}.sn-stat-num{font-size:30px}.sn-stat-num.zh{font-size:26px}.sn-stat-label{font-size:15px}.sn-skills-title{font-size:17px}.sn-skills{gap:13px}.sn-rcard{border-radius:22px;height:98px;padding:0 28px}.sn-rcard-icon{border-radius:16px;width:52px;height:52px}.sn-rcard-label{font-size:29px}.sn-rcard-level{font-size:23px}.sn-rcard-dot{width:12px;height:12px}}.spk-page{color:#1f3a5f;flex-direction:column;height:100vh;min-height:0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.spk-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.spk-page>:not(.spk-bg){z-index:1;position:relative}.spk-hd{justify-content:space-between;align-items:center;min-height:78px;padding:0 32px;display:flex}.spk-hd-back{color:#3478f6;cursor:pointer;background:#fffc;border:none;border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px 0 10px;font-size:18px;font-weight:700;display:flex}.spk-hd-center{flex-direction:column;align-items:center;gap:6px;display:flex}.spk-hd-steps{gap:9px;display:flex}.spk-hd-step{color:#8ca3c4;background:#d5deea;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.spk-hd-step.is-done{color:#fff;background:#45be72}.spk-hd-step.is-current{color:#fff;background:#3478f6}.spk-hd-stepname{align-items:baseline;gap:8px;display:flex}.spk-hd-stepname-en{color:#1f3a5f;font-size:15px;font-weight:800}.spk-hd-stepname-zh{color:#7a93b4;font-size:12px}.spk-hd-meta{color:#5a7499;align-items:center;gap:8px;font-size:15px;display:flex}.spk-hd-dot{color:#b7c6da}.spk-hd-count{font-size:17px}.spk-hd-count b{color:#3478f6;font-size:22px}.spk-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:0 40px 8px;display:flex}.spk-cue{color:#3b5b84;margin:0;font-size:22px;font-weight:600}.spk-word{letter-spacing:1px;color:#1f3a5f;font-size:76px;font-weight:800}.spk-sentence{letter-spacing:.5px;color:#1f3a5f;margin:0;font-size:50px;font-weight:750}.spk-pic{background:#ffffffb3;border-radius:26px;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 20px #3478f614}.spk-pic--sm{width:180px;height:180px}.spk-pic--lg{width:320px;height:300px}.spk-pic-art{width:82%;height:82%;display:flex}.spk-pic-img{width:100%;height:100%}.spk-repeat-body,.spk-compare-body{align-items:center;gap:32px;display:flex}.spk-compare-zones{align-items:stretch;gap:36px;display:flex}.spk-compare-zone{background:#ffffffbd;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:320px;padding:26px 36px;display:flex;box-shadow:0 6px 20px #3478f614}.spk-compare-zone-label{color:#7a93b4;letter-spacing:.3px;font-size:15px;font-weight:700}.spk-picture-body,.spk-answer-body{justify-content:center;align-items:center;gap:56px;display:flex}.spk-picture-side,.spk-answer-side{flex-direction:column;align-items:center;gap:14px;display:flex}.spk-say{color:#1f3a5f;margin:0;font-size:40px;font-weight:800}.spk-say-zh{color:#7a93b4;margin:0;font-size:18px}.spk-audio{flex-direction:column;align-items:center;gap:8px;display:flex}.spk-audio-btn{color:#3478f6;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 22px #3478f62e}.spk-audio-btn.is-playing{animation:1s ease-in-out infinite spk-pulse}.spk-audio-hint{color:#5a7499;font-size:15px}.spk-audio-count{color:#8ca3c4;font-size:13px}@keyframes spk-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.spk-mic{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:150px;display:flex}.spk-mic-record{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 30px #3478f652}.spk-mic-record:hover{transform:translateY(-2px);box-shadow:0 16px 36px #3478f661}.spk-mic-record:active{transform:translateY(0)scale(.98)}.spk-mic-hint{color:#7a93b4;margin:0;font-size:16px}.spk-mic-tap{flex-direction:column;align-items:center;gap:3px;display:flex}.spk-mic-tap-en{color:#1f3a5f;font-size:22px;font-weight:800}.spk-mic-tap-zh{color:#7a93b4;font-size:16px}.spk-mic-privacy{color:#a9bcd4;margin:0;font-size:12px}.spk-mic--recording{gap:10px}.spk-mic-stop{color:#fff;cursor:pointer;background:#e06b5a;border:none;border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;animation:1.4s ease-in-out infinite spk-rec-breathe;display:flex;box-shadow:0 12px 30px #e06b5a57}@keyframes spk-rec-breathe{0%,to{box-shadow:0 12px 30px #e06b5a57,0 0 #e06b5a38}50%{box-shadow:0 12px 30px #e06b5a57,0 0 0 16px #e06b5a00}}.spk-mic-rec-text{flex-direction:column;align-items:center;gap:2px;display:flex}.spk-mic-rec-label{color:#e06b5a;font-size:21px;font-weight:800}.spk-mic-rec-zh{color:#7a93b4;font-size:14px}.spk-mic-timer{color:#1f3a5f;font-variant-numeric:tabular-nums;margin:0;font-size:42px;font-weight:800}.spk-mic--recorded{gap:12px}.spk-mic-recorded-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.spk-mic-play{color:#fff;cursor:pointer;background:#45be72;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 30px;font-size:18px;font-weight:800;display:flex;box-shadow:0 8px 22px #45be7247}.spk-mic-play:hover{background:#3cb068}.spk-mic-play.is-active{animation:1s ease-in-out infinite spk-pulse}.spk-mic-play-zh{opacity:.92;font-size:14px;font-weight:600}.spk-mic-again{color:#3478f6;cursor:pointer;background:#fff;border:1.5px solid #3478f6;border-radius:999px;align-items:center;gap:7px;padding:12px 24px;font-size:16px;font-weight:700;display:flex}.spk-mic-again:hover{background:#f0f6ff}.spk-mic-again-zh{font-size:14px;font-weight:600}.spk-mic-heard{color:#5a7499;margin:0;font-size:16px}.spk-mic-heard-text{color:#1f3a5f;font-weight:700}.spk-mic-match{margin:0;font-size:19px;font-weight:700}.spk-mic-match.is-pass{color:#2e9e5b}.spk-mic-match.is-retry{color:#e0962e}.spk-mic-match.is-wait{color:#8ca3c4}.spk-mic-match.is-neutral{color:#5a7499;font-size:15px;font-weight:600}.spk-mic-ring{border:4px solid #d5deea;border-top-color:#3478f6;border-radius:50%;width:34px;height:34px;animation:1s linear infinite spk-spin}@keyframes spk-spin{to{transform:rotate(360deg)}}.spk-mic--error{gap:12px}.spk-mic-alert{color:#e06b5a}.spk-mic-errmsg{color:#5a7499;margin:0;font-size:18px}.spk-mic-retry{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:999px;align-items:center;gap:6px;padding:12px 28px;font-size:16px;font-weight:700;display:flex}.spk-hint{justify-content:center;min-height:40px;display:flex}.spk-hint-text{color:#b07a1e;background:#fff6e2;border-radius:14px;padding:8px 22px;font-size:22px;font-weight:700}.spk-quiet-btn{color:#7a93b4;cursor:pointer;background:0 0;border:1.5px dashed #8ca3c4;border-radius:999px;padding:6px 18px;font-size:15px}.spk-footer{flex-direction:column;align-items:center;gap:8px;padding:10px 0 16px;display:flex}.spk-primary{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:999px;min-width:380px;height:68px;padding:0 48px;font-size:25px;font-weight:800;box-shadow:0 10px 26px #3478f647}.spk-primary:hover{background:#2b68d6}.spk-primary:disabled{box-shadow:none;cursor:default;color:#fff;background:#b9cbe6}.spk-arrow{font-weight:400}.spk-foot-note{color:#8ca3c4;margin:0;font-size:13px}.spk-again{color:#5a7499;cursor:pointer;background:0 0;border:none;padding:6px 20px;font-size:15px;text-decoration:underline}.spk-main--result{flex-direction:row;gap:120px}.spk-result-left{flex-direction:column;align-items:center;gap:12px;display:flex}.spk-result-icon{width:132px;height:132px}.spk-result-icon svg{width:100%;height:100%}.spk-great-title{color:#1f3a5f;margin:0;font-size:64px;font-weight:800}.spk-great-zh{color:#5a7499;margin:0;font-size:22px}.spk-result-right{flex-direction:column;gap:14px;min-width:520px;display:flex}.spk-stats{justify-content:center;align-items:center;gap:26px;padding:16px 0;display:flex}.spk-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.spk-stat-num{color:#1f3a5f;font-size:40px;font-weight:800}.spk-stat-num.zh{font-size:32px}.spk-stat-label{color:#7a93b4;font-size:15px}.spk-stat-sep{background:#d5deea;width:1px;height:44px}.spk-skills-title{color:#3b5b84;margin:4px 0 0;font-size:17px;font-weight:700}.spk-skills{flex-direction:column;gap:12px;display:flex}.spk-rcard{background:#fff;border-radius:20px;align-items:center;gap:16px;height:72px;padding:0 26px;display:flex;box-shadow:0 6px 18px #3478f614}.spk-rcard-icon{color:#3478f6;width:30px;height:30px}.spk-rcard-icon svg{width:100%;height:100%}.spk-rcard-label{color:#1f3a5f;flex:1;font-size:26px;font-weight:700}.spk-rcard-level{font-size:20px;font-weight:800}.spk-rcard-level.is-good{color:#2e9e5b}.spk-rcard-level.is-practice{color:#e0962e}.spk-rcard-level.is-review{color:#e06b5a}.spk-dev-banner{z-index:9999;color:#fff8e8;letter-spacing:.6px;pointer-events:none;background:#c08a2eeb;border-radius:8px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;position:fixed;bottom:10px;left:12px}@media (width>=1600px){.spk-hd{min-height:96px;padding:0 60px}.spk-hd-step{width:36px;height:36px;font-size:15px}.spk-hd-steps{gap:12px}.spk-hd-stepname-en{font-size:18px}.spk-hd-stepname-zh{font-size:14px}.spk-hd-unit{font-size:19px}.spk-hd-count{font-size:22px}.spk-hd-count b,.spk-cue{font-size:28px}.spk-word{font-size:100px}.spk-sentence{font-size:64px}.spk-pic--sm{width:230px;height:230px}.spk-pic--lg{width:400px;height:372px}.spk-say{font-size:50px}.spk-mic-record,.spk-mic-stop{width:156px;height:156px}.spk-mic-record svg{width:62px;height:62px}.spk-mic-timer{font-size:54px}.spk-mic-tap-en{font-size:26px}.spk-mic-play{padding:17px 38px;font-size:21px}.spk-mic-again{padding:14px 28px;font-size:18px}.spk-primary{min-width:460px;height:82px;font-size:29px}.spk-main--result{gap:160px}.spk-result-icon{width:168px;height:168px}.spk-great-title{font-size:80px}.spk-rcard{height:88px}.spk-rcard-label{font-size:30px}}.sty-page{color:#1f3a5f;flex-direction:column;height:100vh;min-height:0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.sty-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sty-page>:not(.sty-bg){z-index:1;position:relative}.sty-hd{justify-content:space-between;align-items:center;min-height:78px;padding:0 32px;display:flex}.sty-hd-back{color:#3478f6;cursor:pointer;background:#fffc;border:none;border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px 0 10px;font-size:18px;font-weight:700;display:flex}.sty-hd-center{flex-direction:column;align-items:center;gap:6px;display:flex}.sty-hd-steps{gap:9px;display:flex}.sty-hd-step{color:#8ca3c4;background:#d5deea;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.sty-hd-step.is-done{color:#fff;background:#45be72}.sty-hd-step.is-current{color:#fff;background:#3478f6}.sty-hd-stepname{align-items:baseline;gap:8px;display:flex}.sty-hd-stepname-en{color:#1f3a5f;font-size:15px;font-weight:800}.sty-hd-stepname-zh{color:#7a93b4;font-size:12px}.sty-hd-meta{color:#5a7499;align-items:center;gap:8px;font-size:15px;display:flex}.sty-hd-dot{color:#b7c6da}.sty-hd-count{font-size:17px}.sty-hd-count b{color:#3478f6;font-size:22px}.sty-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:0 40px 8px;display:flex}.sty-cue{color:#3b5b84;margin:0;font-size:22px;font-weight:600}.sty-title{color:#1f3a5f;margin:0;font-size:64px;font-weight:800}.sty-scene{background:linear-gradient(#ddeffb 0%,#eaf6fb 55%,#eff8ec 100%);border-radius:24px;justify-content:center;align-items:flex-end;gap:18px;display:flex;position:relative;overflow:hidden}.sty-scene--lg{min-height:300px}.sty-scene--sm{min-height:150px}.sty-scene-bg{pointer-events:none;position:absolute;inset:0}.sty-scene-cloud{background:#ffffffd9;border-radius:999px;position:absolute}.sty-scene-cloud--a{width:110px;height:34px;top:28px;left:12%}.sty-scene-cloud--b{width:86px;height:28px;top:46px;right:14%}.sty-scene-hill{border-radius:50% 50% 0 0;position:absolute}.sty-scene-hill--a{background:#e3f5d4;width:60%;height:46%;bottom:0;left:-8%}.sty-scene-hill--b{background:#d8f0c2;width:55%;height:38%;bottom:0;right:-6%}.sty-scene-grass{background:#cdeeb6;height:18%;position:absolute;bottom:0;left:0;right:0}.sty-scene-animal{z-index:1;justify-content:center;align-items:center;animation:.22s ease-out both sty-animal-in;display:flex;position:relative}@keyframes sty-animal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sty-scene--lg .sty-scene-animal{width:220px;height:230px}.sty-scene--sm .sty-scene-animal{width:108px;height:116px}.sty-scene--n3.sty-scene--lg .sty-scene-animal{width:190px;height:200px}.sty-scene--n3.sty-scene--sm .sty-scene-animal{width:86px;height:94px}.sty-scene-animal--left{margin-left:6%;margin-right:auto}.sty-scene-animal--center{margin:0 auto}.sty-scene-animal--right{margin-left:auto;margin-right:6%}.sty-scene-img{width:100%;height:100%}.sty-feedback{margin:0;font-size:20px;font-weight:700}.sty-feedback.is-pass{color:#2e9e5b}.sty-feedback.is-retry{color:#e0962e}.sty-footer{flex-direction:column;align-items:center;gap:8px;padding:10px 0 16px;display:flex}.sty-primary{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:999px;min-width:340px;height:64px;padding:0 44px;font-size:23px;font-weight:800;transition:background .15s,transform .15s;box-shadow:0 10px 26px #3478f647}.sty-primary:hover{background:#2b68d6;transform:translateY(-1px)}.sty-primary:disabled{box-shadow:none;cursor:default;background:#b9cbe6;transform:none}.sty-arrow{font-weight:400}.sty-foot-note{color:#8ca3c4;margin:0;font-size:13px}.sty-again{color:#5a7499;cursor:pointer;background:0 0;border:none;padding:6px 20px;font-size:15px;text-decoration:underline}.sty-main--meet{gap:22px}.sty-meet-card{background:#ffffffb8;border-radius:28px;flex-direction:column;align-items:center;gap:10px;padding:22px 40px;display:flex;box-shadow:0 12px 34px #3478f61f}.sty-meet-sub{color:#7a93b4;margin:-4px 0 0;font-size:18px}.sty-meet-card .sty-scene--lg{width:660px}.sty-read-layout{align-items:stretch;gap:32px;width:100%;max-width:1140px;display:flex}.sty-read-stage{flex:6;justify-content:center;align-items:center;display:flex}.sty-read-stage .sty-scene--lg{width:100%;min-height:380px}.sty-read-narration{background:#ffffffd1;border-radius:24px;flex-direction:column;flex:4;justify-content:center;align-items:center;gap:18px;padding:24px 26px;display:flex;box-shadow:0 10px 28px #3478f61a}.sty-read-text{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.sty-read-sentence{color:#1f3a5f;margin:0;font-size:46px;font-weight:800;line-height:1.15}.sty-read-supp{color:#3b5b84;margin:0;font-size:33px;font-weight:700;line-height:1.15}.sty-read-play{color:#fff;cursor:pointer;background:#45be72;border:none;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #45be7252}.sty-read-play:hover{transform:translateY(-2px)}.sty-read-play.is-playing{animation:1s ease-in-out infinite sty-play-pulse}@keyframes sty-play-pulse{0%,to{box-shadow:0 10px 24px #45be7252,0 0 #45be724d}50%{box-shadow:0 10px 24px #45be7252,0 0 0 14px #45be7200}}.sty-read-page{color:#5a7499;font-size:18px;font-weight:700}.sty-quiet-btn{color:#7a93b4;cursor:pointer;background:0 0;border:1.5px dashed #8ca3c4;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;display:flex}.sty-read-hint-text{color:#b07a1e;background:#fff6e2;border-radius:14px;padding:8px 18px;font-size:17px;font-weight:700}.sty-read-nav{align-items:center;gap:22px;display:flex}.sty-read-prev{color:#7a93b4;cursor:pointer;background:#fff;border:1.5px solid #c7d5e8;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600}.sty-read-prev:disabled{opacity:.4;cursor:default}.sty-order-grid{align-items:center;gap:26px;display:flex}.sty-order-card{cursor:pointer;background:#fff;border:3px solid #d5deea;border-radius:24px;justify-content:center;align-items:center;width:300px;height:300px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 8px 22px #3478f61a}.sty-order-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3478f629}.sty-order-card.is-picked{border-color:#3478f6;box-shadow:0 8px 22px #3478f638}.sty-order-card.is-correct{border-color:#45be72}.sty-order-card.is-incorrect{border-color:#e06b5a}.sty-order-card .sty-scene--lg{border-radius:21px;width:100%;height:100%;min-height:0}.sty-order-num{color:#fff;background:#3478f6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex;position:absolute;top:-14px;right:-12px;box-shadow:0 4px 12px #3478f666}.sty-q-count{color:#8ca3c4;font-size:17px;font-weight:700}.sty-q-text{flex-direction:column;align-items:center;gap:4px;display:flex}.sty-q-en{color:#1f3a5f;text-align:center;margin:0;font-size:38px;font-weight:800}.sty-q-zh{color:#7a93b4;margin:0;font-size:16px}.sty-q-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.sty-q-opt{color:#1f3a5f;cursor:pointer;background:#fff;border:2px solid #d5deea;border-radius:20px;justify-content:center;align-items:center;min-width:150px;min-height:100px;padding:14px 28px;font-size:26px;font-weight:800;transition:border-color .15s,background .15s,transform .15s;display:flex;box-shadow:0 6px 16px #3478f614}.sty-q-opt:hover{transform:translateY(-2px)}.sty-q-opt.is-selected{color:#3478f6;background:#eaf2ff;border-color:#3478f6}.sty-q-opt.is-correct{color:#2e9e5b;background:#ebfaf0;border-color:#45be72}.sty-q-opt.is-incorrect{color:#d1554a;background:#fdeeeb;border-color:#e06b5a}.sty-q-opt-img{width:120px;height:120px;display:flex}.sty-q-opt-img img{object-fit:contain;width:100%;height:100%}.sty-retell-pictures{align-items:stretch;gap:22px;display:flex}.sty-retell-pic{cursor:pointer;background:#fff;border:3px solid #d5deea;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:230px;padding:12px;transition:border-color .18s,transform .18s;display:flex;box-shadow:0 6px 18px #3478f61a}.sty-retell-pic:hover{transform:translateY(-2px)}.sty-retell-pic.is-selected{border-color:#3478f6;box-shadow:0 8px 20px #3478f638}.sty-retell-pic.is-matched{border-color:#45be72}.sty-retell-pic .sty-scene--sm{width:100%;min-height:130px}.sty-retell-pic-sentence{color:#2e9e5b;text-align:center;min-height:26px;font-size:17px;font-weight:700}.sty-retell-pool{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sty-retell-sentence{color:#1f3a5f;cursor:pointer;background:#fff;border:2px solid #d5deea;border-radius:999px;padding:14px 24px;font-size:18px;font-weight:700;transition:border-color .15s,transform .15s;box-shadow:0 6px 14px #3478f614}.sty-retell-sentence:hover{color:#3478f6;border-color:#3478f6;transform:translateY(-2px)}.sty-retell-tell{flex-direction:column;align-items:center;gap:8px;display:flex}.sty-retell-tell-btn{color:#fff;cursor:pointer;background:#45be72;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 30px;font-size:18px;font-weight:700;display:flex;box-shadow:0 8px 20px #45be7247}.sty-main--result{flex-direction:row;gap:100px}.sty-result-left{flex-direction:column;align-items:center;gap:10px;display:flex}.sty-result-icon{width:120px;height:120px}.sty-result-icon svg{width:100%;height:100%}.sty-great-title{color:#1f3a5f;margin:0;font-size:58px;font-weight:800}.sty-great-en{color:#3b5b84;margin:0;font-size:24px;font-weight:700}.sty-great-zh{color:#5a7499;margin:0;font-size:20px}.sty-result-right{flex-direction:column;gap:14px;min-width:560px;display:flex}.sty-stats{justify-content:center;align-items:center;gap:22px;padding:14px 0;display:flex}.sty-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.sty-stat-num{color:#1f3a5f;font-size:34px;font-weight:800}.sty-stat-num.zh{font-size:28px}.sty-stat-label{color:#7a93b4;font-size:14px}.sty-stat-sep{background:#d5deea;width:1px;height:42px}.sty-skills-title{color:#3b5b84;margin:2px 0 0;font-size:16px;font-weight:700}.sty-skills{flex-direction:column;gap:12px;display:flex}.sty-rcard{background:#fff;border-radius:18px;align-items:center;gap:16px;height:68px;padding:0 24px;display:flex;box-shadow:0 6px 18px #3478f614}.sty-rcard-icon{color:#3478f6;width:28px;height:28px}.sty-rcard-icon svg{width:100%;height:100%}.sty-rcard-label{color:#1f3a5f;flex:1;font-size:24px;font-weight:700}.sty-rcard-level{font-size:19px;font-weight:800}.sty-rcard-level.is-good{color:#2e9e5b}.sty-rcard-level.is-practice{color:#e0962e}.sty-rcard-level.is-review{color:#e06b5a}.sty-dev-banner{z-index:9999;color:#fff8e8;letter-spacing:.6px;pointer-events:none;background:#c08a2eeb;border-radius:8px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;position:fixed;bottom:10px;left:12px}@media (width>=1600px){.sty-hd{min-height:96px;padding:0 60px}.sty-hd-step{width:36px;height:36px;font-size:15px}.sty-hd-steps{gap:12px}.sty-hd-stepname-en{font-size:18px}.sty-hd-stepname-zh{font-size:14px}.sty-hd-count{font-size:22px}.sty-hd-count b,.sty-cue{font-size:28px}.sty-title{font-size:80px}.sty-read-sentence{font-size:56px}.sty-read-supp{font-size:40px}.sty-q-en{font-size:44px}.sty-scene--lg{min-height:360px}.sty-scene--lg .sty-scene-animal{width:260px;height:270px}.sty-scene--n3.sty-scene--lg .sty-scene-animal{width:224px;height:236px}.sty-read-layout{max-width:1240px}.sty-order-card{width:330px;height:330px}.sty-primary{min-width:420px;height:76px;font-size:27px}.sty-main--result{gap:150px}.sty-result-icon{width:150px;height:150px}.sty-great-title{font-size:74px}.sty-rcard{height:82px}.sty-rcard-label{font-size:28px}}.bs-page{color:#1f3a5f;flex-direction:column;height:100vh;min-height:0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.bs-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bs-page>:not(.bs-bg){z-index:1;position:relative}.bs-hd{justify-content:space-between;align-items:flex-start;min-height:96px;padding:12px 32px 0;display:flex}.bs-hd-back{color:#3478f6;cursor:pointer;background:#fffc;border:none;border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px 0 10px;font-size:18px;font-weight:700;display:flex}.bs-hd-center{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bs-hd-steps{gap:10px;display:flex}.bs-hd-step{color:#8ca3c4;background:#d5deea;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.bs-hd-step.is-done{color:#fff;background:#45be72}.bs-hd-step.is-current{color:#fff;background:#3478f6;box-shadow:0 3px 8px #3478f64d}.bs-roundbar{align-items:center;gap:12px;display:flex}.bs-round-icon{color:#3478f6;width:26px;height:26px}.bs-round-icon svg{width:100%;height:100%}.bs-round-num{color:#8ca3c4;font-size:15px;font-weight:800}.bs-round-name-en{color:#1f3a5f;font-size:24px;font-weight:800}.bs-round-name-zh{color:#7a93b4;font-size:15px}.bs-hd-bar{background:#d5deea;border-radius:999px;width:220px;height:6px;overflow:hidden}.bs-hd-bar-fill{background:#3478f6;border-radius:999px;height:100%;transition:width .3s;display:block}.bs-hd-meta{color:#5a7499;align-items:center;gap:8px;padding-top:10px;font-size:15px;display:flex}.bs-hd-dot{color:#b7c6da}.bs-hd-count{font-size:17px}.bs-hd-count b{color:#3478f6;font-size:22px}.bs-qcount{color:#8ca3c4;font-size:15px;font-weight:700;position:absolute;top:104px;right:36px}.bs-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;padding:0 40px 8px;display:flex}.bs-task-text{flex-direction:column;align-items:center;gap:6px;display:flex}.bs-task-en{color:#1f3a5f;text-align:center;margin:0;font-size:36px;font-weight:800}.bs-task-zh{color:#7a93b4;margin:0;font-size:16px}.bs-word{color:#1f3a5f;letter-spacing:2px;margin:0;font-size:84px;font-weight:800;line-height:1}.bs-audio-btn{color:#fff;cursor:pointer;background:#45be72;border:none;border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 28px #45be7252}.bs-audio-btn:hover{transform:translateY(-2px)}.bs-audio-btn svg{width:44px;height:44px}.bs-audio-btn.is-playing{animation:1s ease-in-out infinite bs-pulse}@keyframes bs-pulse{0%,to{box-shadow:0 12px 28px #45be7252,0 0 #45be7247}50%{box-shadow:0 12px 28px #45be7252,0 0 0 16px #45be7200}}.bs-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;display:flex}.bs-opt{color:#1f3a5f;cursor:pointer;background:#fff;border:3px solid #d5deea;border-radius:22px;justify-content:center;align-items:center;min-width:170px;min-height:120px;padding:16px 26px;font-size:26px;font-weight:800;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px #3478f61a}.bs-opt:hover{transform:translateY(-3px);box-shadow:0 12px 26px #3478f629}.bs-opt.is-selected{color:#3478f6;background:#eaf2ff;border-color:#3478f6}.bs-opt.is-correct{color:#2e9e5b;background:#ebfaf0;border-color:#45be72}.bs-opt.is-incorrect{color:#d1554a;background:#fdeeeb;border-color:#e06b5a}.bs-opt-img{width:180px;height:200px;display:flex}.bs-opt-img img{object-fit:contain;width:100%;height:100%}.bs-feedback{margin:0;font-size:20px;font-weight:700;animation:.2s ease-out bs-fade-in}.bs-feedback.is-pass{color:#2e9e5b}.bs-feedback.is-retry{color:#e0962e}.bs-sentence-layout{align-items:center;gap:40px;display:flex}.bs-sentence-pic{width:180px;height:180px}.bs-sentence-pic img{object-fit:contain;width:100%;height:100%}.bs-sentence-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.bs-tile{color:#1f3a5f;cursor:pointer;background:#fff;border:2px solid #d5deea;border-radius:16px;padding:14px 24px;font-size:32px;font-weight:800;transition:border-color .15s,transform .15s;box-shadow:0 5px 12px #3478f614}.bs-tile:hover{transform:translateY(-2px)}.bs-tile.is-used{opacity:.3;cursor:default}.bs-slot{color:#1f3a5f;cursor:pointer;background:#ffffffa6;border:3px dashed #b7c6da;border-radius:16px;justify-content:center;align-items:center;min-width:96px;min-height:60px;padding:10px 18px;font-size:30px;font-weight:800;display:inline-flex}.bs-slot.is-filled{background:#fff;border-style:solid;border-color:#3478f6}.bs-speak-pic{width:200px;height:210px}.bs-speak-pic img{object-fit:contain;width:100%;height:100%}.bs-mic-record,.bs-mic-stop{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;transition:transform .15s,box-shadow .15s;display:flex}.bs-mic-record{background:#3478f6;box-shadow:0 12px 30px #3478f652}.bs-mic-record:hover{transform:translateY(-2px)}.bs-mic-stop{background:#e06b5a;animation:1.4s ease-in-out infinite bs-rec-breathe;box-shadow:0 12px 30px #e06b5a57}@keyframes bs-rec-breathe{0%,to{box-shadow:0 12px 30px #e06b5a57,0 0 #e06b5a38}50%{box-shadow:0 12px 30px #e06b5a57,0 0 0 16px #e06b5a00}}.bs-mic-play{color:#fff;cursor:pointer;background:#45be72;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 30px;font-size:18px;font-weight:700;display:flex;box-shadow:0 8px 20px #45be7247}.bs-mic-again{color:#3478f6;cursor:pointer;background:#fff;border:1.5px solid #3478f6;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:700}.bs-mic-err{color:#d1554a;margin:0;font-size:16px}.bs-round-complete{flex-direction:column;align-items:center;gap:14px;animation:.22s ease-out bs-fade-in;display:flex}.bs-round-complete-txt{color:#2e9e5b;font-size:32px;font-weight:800}.bs-round-complete-zh{color:#5a7499;font-size:18px}@keyframes bs-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bs-footer{flex-direction:column;align-items:center;gap:8px;padding:10px 0 16px;display:flex}.bs-primary{color:#fff;cursor:pointer;background:#3478f6;border:none;border-radius:999px;min-width:340px;height:64px;padding:0 44px;font-size:23px;font-weight:800;transition:background .15s,transform .15s;box-shadow:0 10px 26px #3478f647}.bs-primary:hover{background:#2b68d6;transform:translateY(-1px)}.bs-primary:disabled{box-shadow:none;cursor:default;background:#b9cbe6;transform:none}.bs-arrow{font-weight:400}.bs-foot-note{color:#8ca3c4;margin:0;font-size:13px}.bs-main--result{flex-direction:row;gap:80px}.bs-result-left{flex-direction:column;align-items:center;gap:12px;display:flex}.bs-result-icon{width:120px;height:120px}.bs-result-icon svg{width:100%;height:100%}.bs-great-title{color:#1f3a5f;margin:0;font-size:56px;font-weight:800}.bs-great-en{color:#3b5b84;margin:0;font-size:23px;font-weight:700}.bs-great-zh{color:#5a7499;margin:0;font-size:19px}.bs-result-right{flex-direction:column;gap:14px;min-width:560px;display:flex}.bs-result-stats{justify-content:center;align-items:center;gap:20px;padding:6px 0;display:flex}.bs-result-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.bs-result-stat-num{color:#1f3a5f;font-size:26px;font-weight:800}.bs-result-stat-label{color:#7a93b4;font-size:13px}.bs-result-stat-sep{background:#d5deea;width:1px;height:34px}.bs-skills-title{color:#3b5b84;margin:0;font-size:16px;font-weight:700}.bs-skills{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bs-domain-row{background:#fff;border-radius:16px;align-items:center;gap:12px;height:62px;padding:0 18px;display:flex;box-shadow:0 5px 14px #3478f614}.bs-domain-icon{color:#3478f6;width:26px;height:26px}.bs-domain-icon svg{width:100%;height:100%}.bs-domain-label{color:#1f3a5f;flex:1;font-size:20px;font-weight:700}.bs-domain-level{font-size:15px;font-weight:800}.bs-domain-level.is-good{color:#2e9e5b}.bs-domain-level.is-practice{color:#e0962e}.bs-domain-level.is-review{color:#e06b5a}.bs-dev-banner{z-index:9999;color:#fff8e8;letter-spacing:.6px;pointer-events:none;background:#c08a2eeb;border-radius:8px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;position:fixed;bottom:10px;left:12px}@media (width>=1600px){.bs-hd{min-height:110px;padding:14px 60px 0}.bs-hd-step{width:36px;height:36px;font-size:15px}.bs-hd-steps{gap:12px}.bs-round-name-en{font-size:30px}.bs-round-name-zh{font-size:18px}.bs-hd-count{font-size:22px}.bs-hd-count b{font-size:28px}.bs-task-en{font-size:44px}.bs-word{font-size:100px}.bs-opt-img{width:210px;height:230px}.bs-primary{min-width:420px;height:76px;font-size:27px}.bs-main--result{gap:140px}.bs-result-icon{width:150px;height:150px}.bs-great-title{font-size:70px}.bs-domain-row{height:72px}.bs-domain-label{font-size:23px}}.lesson-compact-page .lesson-lesson-picture{background:#f2f7ff;border-radius:24px;place-items:center;margin:0;display:grid}.lesson-compact-page .lesson-lesson-picture img{object-fit:contain;border-radius:20px;width:100%;max-height:350px;display:block}.lesson-compact-page .lesson-lesson-detail{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.lesson-compact-page .lesson-lesson-detail>*{max-width:100%}.lesson-compact-page .lesson-retell-tabs{align-items:center;gap:12px;margin:4px 0 10px;display:flex}.lesson-compact-page .lesson-retell-tabs [aria-pressed=true]{background:#edf3ff;outline:2px solid #4c73ff}.lesson-compact-page .lesson-retell-key{gap:4px;font-size:15px;display:grid}.lesson-compact-page .u1story-retell [hidden]{display:none}.lesson-compact-page .lesson-feedback-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-compact-page .lesson-retell-choices{gap:5px;display:grid}.lesson-compact-page .lesson-retell-choices label{align-items:center;gap:8px;min-height:44px;font-size:16px;line-height:1.3;display:flex}.lesson-compact-page .lesson-retell-choices input{flex:none;width:18px;height:18px}@media (width>=701px){.lesson-compact-page{box-sizing:border-box;min-height:100dvh;padding:12px clamp(16px,3vw,48px)}.lesson-compact-page .u1v-content{max-width:1280px}.lesson-compact-page .u1v-top{gap:16px}.lesson-compact-page .u1v-top>p{font-size:20px}.lesson-compact-page .u1v-progress{gap:4px;width:190px;font-size:17px}.lesson-compact-page .u1v-heading{margin:8px 0 12px}.lesson-compact-page .u1v-heading h1{font-size:30px;line-height:1.25}.lesson-compact-page .u1v-heading h1 span{font-size:21px}.lesson-compact-page .u1v-heading p{margin-top:2px;font-size:16px}.lesson-compact-page .btn,.lesson-compact-page .primary-btn{height:auto;min-height:44px;padding:9px 18px;font-size:17px;line-height:1.25}.lesson-compact-page .primary-btn{min-width:0}.lesson-compact-page .sound-btn{width:60px;min-width:60px;height:60px}.lesson-compact-page .u1v-card,.lesson-compact-page.u1s-page .u1s-card{border-radius:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,3vw,42px);min-height:0;padding:20px 24px;display:grid}.lesson-compact-page .u1v-picture,.lesson-compact-page .lesson-lesson-picture{width:100%;height:clamp(220px,100dvh - 320px,400px);min-height:0;max-height:none;margin:0}.lesson-compact-page .u1v-picture img,.lesson-compact-page .lesson-lesson-picture img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;max-height:100%}.lesson-compact-page .u1v-picture:has(figcaption){grid-template-rows:minmax(0,1fr) auto}.lesson-compact-page .u1v-picture figcaption{font-size:14px}.lesson-compact-page .u1v-word h2{margin:10px 0 6px;font-size:clamp(36px,4vw,60px)}.lesson-compact-page .u1v-meaning{font-size:24px}.lesson-compact-page .u1v-example{margin:10px 0 16px;font-size:22px}.lesson-compact-page .u1v-picker{align-items:center;gap:6px;width:100%;font-size:16px;display:flex}.lesson-compact-page select{min-width:0;max-width:100%;min-height:40px;font:inherit;padding:6px 8px}.lesson-compact-page .u1v-picker select{flex:1;width:0}.lesson-compact-page .u1v-audio{flex-wrap:wrap;justify-content:flex-start;gap:10px}.lesson-compact-page .u1v-audio-status{min-height:0;margin:0;font-size:15px}.lesson-compact-page .u1v-actions{gap:16px;margin-top:12px}.lesson-compact-page .u1v-message{margin-top:6px;font-size:15px;line-height:1.4}.lesson-compact-page .u1v-alert{gap:8px;margin:6px 0;padding:8px 12px;font-size:15px}.lesson-compact-page .lesson-lesson-detail{gap:10px}.lesson-compact-page .lesson-lesson-detail p{margin:0;font-size:16px;line-height:1.4}.lesson-compact-page.lesson-sentence-page .u1s-card h2{overflow-wrap:normal;font-size:clamp(28px,3vw,44px);line-height:1.25}.lesson-compact-page.lesson-sentence-page .u1s-card .u1v-meaning{font-size:22px}.lesson-compact-page.lesson-speaking-page .u1s-card h2{overflow-wrap:normal;font-size:clamp(26px,2.5vw,36px);line-height:1.25}.lesson-compact-page.lesson-speaking-page .lesson-lesson-detail{gap:7px}.lesson-compact-page.lesson-speaking-page .lesson-lesson-detail>p:last-child{color:var(--ink-500);font-size:14px}.lesson-compact-page.lesson-speaking-page .u1v-audio .btn{padding:8px 12px;font-size:16px}.lesson-compact-page.lesson-speaking-page p:empty{display:none}.lesson-compact-page.lesson-listening-page .lesson-lesson-detail{gap:6px}.lesson-compact-page.lesson-listening-page .u1v-actions{margin-top:0}.lesson-compact-page.lesson-listening-page{padding-bottom:6px}.lesson-compact-page.lesson-listening-page .u1l-scene{text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:5px;margin:0;padding:0;display:flex}.lesson-compact-page.lesson-listening-page .u1l-scene h2{font-size:clamp(24px,2.5vw,32px);line-height:1.2}.lesson-compact-page.lesson-listening-page .u1l-scene p{font-size:15px}.lesson-compact-page.lesson-listening-page form{width:100%}.lesson-compact-page.lesson-listening-page .u1l-question{border-radius:14px;min-width:0;margin:4px 0;padding:4px 8px 6px}.lesson-compact-page.lesson-listening-page .u1l-question legend{padding:2px 5px;font-size:17px}.lesson-compact-page.lesson-listening-page .u1l-options{gap:8px}.lesson-compact-page.lesson-listening-page .u1l-option{gap:6px;min-width:0;min-height:44px;padding:4px 8px;font-size:18px}.lesson-compact-page.lesson-listening-page .u1l-visual:empty{display:none}.lesson-compact-page.lesson-listening-page .u1l-question p{font-size:15px}.lesson-compact-page.lesson-listening-page .u1l-transcript{border-radius:14px;width:100%;margin:0;padding:6px 12px}.lesson-compact-page.lesson-listening-page .u1l-transcript p{font-size:16px;line-height:1.5}.lesson-compact-page.lesson-story-page .u1story-text{margin:8px 0;font-size:clamp(23px,2.4vw,32px);line-height:1.3}.lesson-compact-page.lesson-story-page{padding-bottom:4px}.lesson-compact-page.lesson-story-page fieldset{margin:8px 0;font-size:19px}.lesson-compact-page.lesson-story-page .u1story-option{min-height:44px;padding:5px 12px;font-size:18px}.lesson-compact-page .u1story-retell{padding:16px 20px}.lesson-compact-page .u1story-retell h2{font-size:24px}.lesson-compact-page .u1story-retell h3{margin:8px 0;font-size:19px}.lesson-compact-page .lesson-retell-match{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:22px;display:grid}.lesson-compact-page .lesson-retell-match .lesson-lesson-picture{height:clamp(220px,100dvh - 400px,300px)}.lesson-compact-page .lesson-retell-match .lesson-lesson-detail{gap:4px}.lesson-compact-page .lesson-retell-match h3{margin:0}.lesson-compact-page .lesson-retell-match .lesson-feedback-row{gap:6px}.lesson-compact-page .lesson-retell-match .lesson-feedback-row .btn{padding:8px 10px;font-size:16px}.lesson-compact-page .u1story-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:8px 0}.lesson-compact-page .u1story-retell>div:not([hidden]):has(>.u1story-tiles>button) .u1story-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-compact-page .u1story-tiles button,.lesson-compact-page .u1story-tiles label{gap:6px;min-width:0;padding:6px}.lesson-compact-page .u1story-tiles img{height:clamp(90px,100dvh - 520px,150px)}.lesson-compact-page .u1story-tiles select{font-size:14px}.lesson-compact-page .lesson-retell-key{margin-top:6px;line-height:1.3}.lesson-compact-page .u1boss-task{margin-top:10px;padding:14px 20px}.lesson-compact-page .u1boss-task h2{margin-bottom:10px;font-size:25px}.lesson-compact-page .u1boss-task p{margin:6px 0;font-size:17px}.lesson-compact-page .u1boss-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.lesson-compact-page .u1boss-options button{min-height:50px;padding:10px}.lesson-compact-page .u1boss-options img{height:clamp(110px,100dvh - 480px,220px)}.lesson-compact-page .u1boss-task>img{object-fit:contain;width:160px;height:clamp(90px,100dvh - 500px,150px)}}@media (width>=701px) and (height<=720px){.lesson-compact-page{padding:8px 20px}.lesson-compact-page .u1v-heading{margin:4px 0 8px}.lesson-compact-page .u1v-heading p{font-size:15px}.lesson-compact-page .u1v-card,.lesson-compact-page.u1s-page .u1s-card{gap:20px;padding:12px 18px}.lesson-compact-page .u1v-actions{margin-top:8px}.lesson-compact-page .lesson-lesson-detail{gap:7px}.lesson-compact-page.lesson-story-page{padding-top:6px;padding-bottom:0}.lesson-compact-page.lesson-boss-page{padding-bottom:6px}}@media (width>=701px) and (height>=721px) and (height<=800px){.lesson-lesson-heading{margin-top:4px;margin-bottom:8px;padding:6px 13px}.lesson-module-icon{border-radius:15px;width:44px;height:44px}.lesson-module-icon svg{width:23px;height:23px}.lesson-lesson-heading h1{font-size:27px}.lesson-lesson-heading h1 span{font-size:17px}.lesson-lesson-heading p{font-size:13px}.lesson-compact-page.lesson-listening-page{padding-bottom:0}.lesson-compact-page .u1v-card,.lesson-compact-page.u1s-page .u1s-card{gap:20px;padding:14px 18px}.lesson-compact-page .u1v-word,.lesson-compact-page .lesson-lesson-detail{gap:6px;padding:10px 14px}.lesson-compact-page.lesson-listening-page .u1l-scene{padding:6px 10px}.lesson-compact-page.lesson-listening-page .u1l-question{margin:3px 0;padding:3px 7px 5px}.lesson-compact-page.lesson-listening-page .u1l-option{min-height:40px;padding:3px 7px;font-size:16px}.lesson-compact-page .u1v-actions{margin-top:8px;padding:6px 10px}}.lesson-compact-page .u1v-picker select{color:#214a78;background:#eaf5ff;border:2px solid #91c7ef;box-shadow:0 2px #3777b814}.lesson-compact-page .u1v-picker select:focus-visible,.lesson-compact-page .u1story-tiles select:focus-visible,.lesson-compact-page .lesson-retell-choices input:focus-visible{outline-offset:2px;outline:3px solid #70b7f2}.lesson-compact-page .u1s-card h2,.lesson-compact-page .lesson-lesson-detail>h2{color:#23375d;background:#fff5d8;border:2px solid #f3d17c;border-radius:14px;padding:2px 10px}.lesson-compact-page .u1v-meaning{color:#5c5a91;background:#f2efff;border-radius:10px;padding:1px 9px}.lesson-compact-page.lesson-listening-page .u1l-question{background:#f5f1ff;border-color:#c5b9ef}.lesson-compact-page.lesson-listening-page .u1l-question legend{color:#4c3d83;background:#e8e0ff}.lesson-compact-page.lesson-listening-page .u1l-option{color:#21486f;background:#fff;border-color:#a8d4ee}.lesson-compact-page.lesson-listening-page .u1l-option:nth-child(2n){background:#fff8e5;border-color:#efd18a}.lesson-compact-page.lesson-listening-page .u1l-option.selected{color:#235d3c;background:#ddf5e6;border-color:#68bd83}.lesson-compact-page.lesson-speaking-page .u1v-picker select{color:#4b3d80;background:#eee8ff;border-color:#b5a2eb}.lesson-compact-page.lesson-speaking-page .lesson-lesson-detail>p:not(:last-child){color:#644a79;background:#fff0f6;border-left:4px solid #e6a8c8;border-radius:8px;padding:2px 8px}.lesson-compact-page.lesson-speaking-page .lesson-lesson-detail h2{color:#214a78;background:#e9f4ff;border-color:#91c7ef}.lesson-compact-page.lesson-story-page .u1story-text{color:#255647;background:#eaf8f3;border:2px solid #92d8ba;border-radius:14px;padding:3px 10px}.lesson-compact-page.lesson-story-page .u1story-option{background:#fff8e5;border:2px solid #efd18a;border-radius:12px;margin:2px}.lesson-compact-page.lesson-story-page .u1story-option:has(input:checked){background:#ddf5e6;border-color:#68bd83}.lesson-compact-page .lesson-retell-tabs .btn{color:#315985;background:#edf4ff;border-color:#a9c9ee}.lesson-compact-page .lesson-retell-tabs [aria-pressed=true]{color:#513d83;background:#e7ddff;border-color:#aa94e7}.lesson-compact-page .lesson-retell-choices label{color:#5b4820;background:#fff8e5;border:2px solid #efd18a;border-radius:12px;padding:4px 8px}.lesson-compact-page .lesson-retell-choices label:has(input:checked){color:#235d3c;background:#ddf5e6;border-color:#68bd83}.lesson-compact-page.lesson-boss-page .u1boss-task{background:#fffdf6;border-color:#e8cc88}.lesson-compact-page.lesson-boss-page .u1boss-task h2{color:#704d20;background:#fff1cc;border-radius:12px;padding:3px 10px}.lesson-compact-page.lesson-boss-page .u1boss-options button{color:#21486f;background:#edf7ff;border-color:#9dcbe8}.lesson-compact-page.lesson-boss-page .u1boss-options button:nth-child(2n){background:#fff2f7;border-color:#e9b1c9}.lesson-compact-page.lesson-boss-page .u1boss-options button[aria-pressed=true]{color:#235d3c;background:#ddf5e6;border-color:#68bd83}.lesson-compact-page{--lesson-ink:#20365c;--lesson-muted:#6b7e9d;--lesson-blue:#3678df;--lesson-blue-soft:#eaf4ff;--lesson-teal:#239b96;--lesson-teal-soft:#e9f8f5;--lesson-gold:#f2b94b;--lesson-gold-soft:#fff6dd;color:var(--lesson-ink);font-family:var(--font-cn)}.lesson-compact-page .u1v-content{max-width:1240px}.lesson-compact-page .u1v-top{color:var(--lesson-ink)}.lesson-compact-page .u1v-top>p{color:var(--lesson-ink);letter-spacing:.03em;background:#ffffffb8;border:1px solid #89aad35c;border-radius:14px;padding:5px 14px;font-size:18px}.lesson-compact-page .u1v-top>.btn{min-height:42px;color:var(--lesson-ink);background:#ffffffe6;border:1px solid #d3e2f1;padding:8px 18px}.lesson-compact-page .u1v-progress{color:var(--lesson-ink)}.lesson-compact-page .u1v-progress>span{letter-spacing:.02em;font-weight:800}.lesson-lesson-heading{text-align:left;background:#ffffffc7;border:1px solid #d7e5f2;border-radius:22px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;width:min(820px,100%);margin:6px auto 14px;padding:9px 16px;display:grid;box-shadow:0 8px 24px #3c5d8514}.lesson-module-icon{color:#fff;background:linear-gradient(145deg,#4e8ce5,#2c66c7);border-radius:18px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 7px 14px #3678df33}.lesson-lesson-heading h1{color:var(--lesson-ink);font-family:var(--font-en);letter-spacing:.01em;align-items:baseline;gap:12px;font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.1;display:flex}.lesson-lesson-heading h1 span{color:#6980a2;font-family:var(--font-cn);letter-spacing:0;font-size:clamp(16px,1.8vw,21px);font-weight:700}.lesson-lesson-heading p{color:var(--lesson-muted);margin-top:3px;font-size:15px}.lesson-module-number{color:#91a4bd;letter-spacing:.14em;white-space:nowrap;font-size:11px;font-weight:800}.lesson-compact-page .u1v-card{background:linear-gradient(135deg,#fffffffa,#f8fcfff5);border:1px solid #d4e2ef;border-radius:28px;box-shadow:0 14px 30px #304d701a,0 2px 6px #304d700a}.lesson-compact-page .u1v-picture,.lesson-compact-page .lesson-lesson-picture{background:linear-gradient(145deg,#f5f9ff,#eef7f8);border:1px solid #d7e5f3;border-radius:22px;box-shadow:inset 0 0 0 7px #eff7ffb3}.lesson-compact-page .u1v-word,.lesson-compact-page .lesson-lesson-detail{background:#ffffffb8;border:1px solid #e0e9f2;border-radius:22px;padding:14px 18px;box-shadow:0 6px 16px #314f700d}.lesson-compact-page .u1v-word h2,.lesson-compact-page .u1s-card h2,.lesson-compact-page .lesson-lesson-detail>h2{font-family:var(--font-en);letter-spacing:.01em;font-weight:800}.lesson-compact-page .u1v-example,.lesson-compact-page .u1v-card h2[lang=en]{color:var(--lesson-ink)}.lesson-compact-page .u1v-meaning{color:#596c91}.lesson-compact-page .u1v-picker{color:#7185a4;font-weight:700}.lesson-compact-page .u1v-picker select,.lesson-compact-page .lesson-lesson-detail label>select{color:#31547f;background:#f5f9ff;border:1px solid #b9cfe7;border-radius:12px;box-shadow:0 2px #3267a40f}.lesson-compact-page .btn{color:#365477;background:#fffffff0;border:1px solid #d3e0ed;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 5px 12px #314e7014}.lesson-compact-page .btn:hover:not(:disabled){background:#f3f8ff;border-color:#9fc2e4;box-shadow:0 8px 16px #314e7021}.lesson-compact-page .btn:disabled{color:#a4b1c1;background:#eef2f7;border-color:#e1e7ee}.lesson-compact-page .primary-btn{background:linear-gradient(135deg,#438cf0,#2f69d0);box-shadow:0 8px 17px #2f69d03b}.lesson-compact-page .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f7ee9,#285dbd)}.lesson-compact-page .sound-btn{background:linear-gradient(145deg,#4d91f4,#2d69d0);box-shadow:0 9px 18px #2d69d040}.lesson-compact-page .u1v-actions{background:#ffffff7a;border:1px solid #aec9e1ad;border-radius:22px;padding:7px 12px;box-shadow:0 6px 15px #3c5d850f}.lesson-compact-page .u1v-message{color:#637796;font-weight:600}.lesson-compact-page.lesson-listening-page .u1l-scene{width:100%;box-shadow:none;background:linear-gradient(135deg,#effbf9,#f7fbff);border:1px solid #b8e1dc;border-radius:16px;padding:9px 12px}.lesson-compact-page.lesson-listening-page .u1l-scene h2{color:#235e72;font-family:var(--font-en)}.lesson-compact-page.lesson-listening-page .u1l-question{border:1px solid #c7c1eb;box-shadow:0 4px 10px #665ba30f}.lesson-compact-page.lesson-listening-page .u1l-option{border-width:1px;transition:transform .16s,background-color .16s}.lesson-compact-page.lesson-listening-page .u1l-option:hover{transform:translateY(-1px)}.lesson-compact-page.lesson-speaking-page .lesson-level-badge{color:#256f75;background:#e9f8f5;border:1px solid #a8d9d1;border-radius:999px;width:max-content;padding:3px 11px;font-weight:800;display:inline-flex}.lesson-compact-page.lesson-speaking-page .lesson-model-line{color:#6d7894}.lesson-compact-page.lesson-speaking-page .lesson-model-line strong{color:#29456d;font-family:var(--font-en)}.lesson-compact-page.lesson-speaking-page .lesson-lesson-detail>p:not(:last-child){background:0 0;border:0;padding:0}.lesson-compact-page.lesson-speaking-page .lesson-demo-controls,.lesson-compact-page.lesson-speaking-page .lesson-recorder-controls{background:#f8fbff;border:1px solid #dbe6f0;border-radius:16px;gap:8px;width:100%;padding:7px 9px}.lesson-compact-page.lesson-speaking-page .lesson-recorder-controls{background:#fff9ef;border-color:#f1dbab}.lesson-compact-page.lesson-speaking-page .lesson-recorder-controls[data-recording=true]{background:#fff0f1;border-color:#efb5bc}.lesson-compact-page.lesson-speaking-page .lesson-demo-controls .lesson-audio-action{color:#2e66bb}.lesson-compact-page.lesson-speaking-page .lesson-recorder-controls .lesson-record-action{color:#a6631e}.lesson-compact-page.lesson-speaking-page .lesson-privacy-note{color:#77849b;font-size:13px}.lesson-compact-page.lesson-story-page .u1story-text{box-shadow:0 5px 12px #2e7e6314}.lesson-compact-page.lesson-story-page .u1v-card>div{background:#ffffffb8;border:1px solid #e0e9f2;border-radius:22px;padding:14px 18px}.lesson-compact-page.lesson-story-page .u1story-option{transition:transform .16s,background-color .16s}.lesson-compact-page.lesson-story-page .u1story-option:hover{transform:translateY(-1px)}.lesson-compact-page .u1story-retell{border:1px solid #d7e5f1;box-shadow:0 11px 25px #304d7014}.lesson-compact-page.lesson-boss-page .u1v-audio{background:#ffffffb8;border:1px solid #dbe5ef;border-radius:16px;padding:6px 8px}.lesson-compact-page.lesson-boss-page .u1boss-task{box-shadow:0 12px 26px #304d701a}.lesson-compact-page.lesson-boss-page .u1boss-task h2{font-family:var(--font-en);letter-spacing:.01em}.lesson-compact-page.lesson-boss-page .u1boss-options button{border-width:1px;transition:transform .16s,box-shadow .16s}.lesson-compact-page.lesson-boss-page .u1boss-options button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px #314e701f}@media (width<=700px){.lesson-lesson-heading{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:9px 12px}.lesson-module-icon{border-radius:14px;width:42px;height:42px}.lesson-module-icon svg{width:22px;height:22px}.lesson-module-number{display:none}.lesson-lesson-heading h1{flex-wrap:wrap;gap:7px;font-size:26px}.lesson-lesson-heading h1 span{font-size:16px}.lesson-compact-page .u1v-word,.lesson-compact-page .lesson-lesson-detail{padding:12px}.lesson-compact-page .u1v-actions{padding:6px}}@media (width>=701px) and (height<=720px){.lesson-lesson-heading{grid-template-columns:44px minmax(0,1fr) auto;margin-top:2px;margin-bottom:9px;padding:6px 13px}.lesson-lesson-heading p{font-size:13px}.lesson-compact-page .u1v-word,.lesson-compact-page .lesson-lesson-detail{padding:10px 14px}.lesson-lesson-heading{margin-bottom:7px;padding:4px 10px}.lesson-module-icon{border-radius:13px;width:38px;height:38px}.lesson-module-icon svg{width:20px;height:20px}.lesson-lesson-heading h1{font-size:24px}.lesson-lesson-heading h1 span{font-size:15px}.lesson-lesson-heading p{margin-top:1px;font-size:12px}.lesson-module-number{font-size:9px}.lesson-compact-page .u1v-card,.lesson-compact-page.u1s-page .u1s-card{gap:12px;padding:8px 12px}.lesson-compact-page .u1v-word,.lesson-compact-page .lesson-lesson-detail{border-radius:17px;gap:4px;padding:7px 10px}.lesson-compact-page .lesson-lesson-detail p{font-size:14px;line-height:1.25}.lesson-compact-page .lesson-lesson-detail>h2{padding:1px 8px;font-size:24px}.lesson-compact-page .u1v-audio .btn{min-height:36px;padding:5px 9px;font-size:14px}.lesson-compact-page.lesson-speaking-page .lesson-demo-controls,.lesson-compact-page.lesson-speaking-page .lesson-recorder-controls{gap:5px;padding:4px 6px}.lesson-compact-page.lesson-speaking-page .lesson-demo-controls .btn,.lesson-compact-page.lesson-speaking-page .lesson-recorder-controls .btn{flex:1 1 0;gap:4px;min-width:0;padding:5px 6px;font-size:13px}.lesson-compact-page.lesson-speaking-page .lesson-privacy-note{font-size:12px}.lesson-compact-page .u1v-actions{margin-top:5px;padding:5px 9px}.lesson-compact-page .u1v-message{margin-top:3px;font-size:13px}.lesson-compact-page.lesson-listening-page .u1l-scene{padding:5px 9px}.lesson-compact-page.lesson-listening-page .u1l-question{margin:2px 0;padding:3px 6px 4px}.lesson-compact-page.lesson-listening-page .u1l-option{min-height:36px;padding:3px 6px;font-size:15px}.lesson-compact-page.lesson-story-page .u1v-card>div{padding:8px 11px}.lesson-compact-page.lesson-listening-page{padding-bottom:0}.lesson-compact-page.lesson-story-page .u1story-retell{padding:10px 14px}.lesson-compact-page.lesson-story-page .lesson-retell-tabs{margin:2px 0 6px}.lesson-compact-page.lesson-story-page .lesson-retell-match{gap:14px}.lesson-compact-page.lesson-story-page .lesson-retell-match .lesson-lesson-picture{height:220px}.lesson-compact-page.lesson-story-page .lesson-retell-choices{gap:3px}.lesson-compact-page.lesson-story-page .lesson-retell-choices label{min-height:36px;padding:2px 6px;font-size:14px}.lesson-compact-page.lesson-boss-page{padding-bottom:0}.lesson-compact-page.lesson-boss-page .u1boss-task{margin-top:6px;padding:10px 14px}.lesson-compact-page.lesson-boss-page .u1boss-task h2{margin-bottom:5px}.lesson-compact-page.lesson-boss-page .u1boss-task p{margin:3px 0;font-size:15px;line-height:1.25}}.u1v-page{isolation:isolate;min-height:100dvh;padding:24px clamp(16px,4vw,64px) 36px;position:relative;overflow-x:hidden}.u1v-content{z-index:1;max-width:1120px;margin:auto;position:relative}.u1v-top{color:var(--ink-700);justify-content:space-between;align-items:center;gap:24px;font-weight:700;display:flex}.u1v-top>p{font-size:22px}.u1v-progress{text-align:right;gap:8px;width:220px;display:grid}.u1v-heading{text-align:center;margin:24px 0}.u1v-heading h1{font-size:clamp(28px,3.2vw,44px)}.u1v-heading h1 span{color:var(--ink-500);margin-left:16px;font-size:24px}.u1v-heading p{color:var(--ink-500);margin-top:8px;font-size:20px}.u1v-card{background:var(--surface,#fff);box-shadow:var(--shadow-card);border:2px solid #d8e1ee;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:28px 40px;display:grid}.u1v-picture{background:#f2f7ff;border-radius:24px;place-items:center;min-height:300px;display:grid;overflow:hidden}.u1v-picture img{object-fit:contain;max-width:100%;max-height:320px;display:block}.u1v-placeholder{color:#758baa;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.u1v-placeholder span{font-size:22px;font-weight:700}.u1v-placeholder small{font-size:16px}.u1v-word h2{overflow-wrap:anywhere;margin:14px 0 8px;font-size:clamp(44px,5vw,72px);line-height:1.15}.u1v-meaning{color:var(--ink-500);font-size:28px}.u1v-example{margin:16px 0 24px;font-size:24px}.u1v-picker{color:var(--ink-500);font-size:16px}.u1v-picker select{max-width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #d8e1ee;border-radius:12px;min-height:44px;padding:8px 12px}.u1v-audio{align-items:center;gap:20px;display:flex}.u1v-audio-status{color:var(--ink-500);min-height:26px;margin-top:14px}.u1v-actions{justify-content:center;align-items:center;gap:24px;margin-top:24px;display:flex}.u1v-message{text-align:center;color:var(--ink-700);margin-top:16px;font-size:18px}.u1v-alert{background:#fff1e7;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.u1v-page button:disabled{opacity:.6;transform:none}.u1v-page :focus-visible{outline-offset:4px;outline:3px solid #3478f6}@media (width<=700px){.u1v-top{flex-wrap:wrap;gap:12px}.u1v-top>p{font-size:18px}.u1v-progress{width:100%}.u1v-heading h1 span{margin:4px 0;display:block}.u1v-card{grid-template-columns:1fr;gap:20px;padding:20px}.u1v-picture{min-height:180px}.u1v-actions{flex-wrap:wrap;gap:12px}.u1v-actions .primary-btn{order:3}.u1v-word{text-align:center}.u1v-audio{justify-content:center}}.u1s-page .u1s-card{text-align:center;flex-direction:column;justify-content:center;gap:16px;min-height:340px;display:flex}.u1s-card h2{overflow-wrap:anywhere;font-size:clamp(32px,4.5vw,64px);line-height:1.25}.u1s-card .u1v-meaning{font-size:clamp(20px,2.5vw,28px)}.u1s-card .u1v-audio{flex-wrap:wrap;justify-content:center}.u1l-scene,.u1l-question,.u1l-transcript{background:var(--surface,#fff);border:2px solid #d8e1ee;border-radius:24px;margin:20px 0;padding:24px}.u1l-scene{text-align:center;justify-items:center;gap:12px;display:grid}.u1l-scene h2{font-size:clamp(26px,3vw,40px)}.u1l-question legend{background:#fff;border-radius:12px;padding:8px;font-size:22px}.u1l-options{flex-wrap:wrap;gap:20px;display:flex}.u1l-option{cursor:pointer;border:2px solid #d8e1ee;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:12px;min-width:160px;padding:20px;font-size:24px;display:flex}.u1l-option.selected{background:#eef3ff;border-color:#4c75ff}.u1l-visual{font-size:32px}.u1l-question p{margin-top:16px;font-size:20px}.u1l-transcript summary{cursor:pointer;font-size:20px}.u1story-page .u1story-text{white-space:pre-line;margin:16px 0;font-size:clamp(26px,3vw,38px);line-height:1.5}.u1story-page fieldset{border:0;margin:20px 0;padding:0;font-size:22px}.u1story-option{align-items:center;gap:12px;padding:12px 20px;display:inline-flex}.u1story-option input{width:22px;height:22px}.u1story-retell{background:#fff;border-radius:28px;padding:24px}.u1story-retell h3{margin:24px 0 12px}.u1story-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:16px 0;display:grid}.u1story-tiles button,.u1story-tiles label{flex-direction:column;gap:12px;height:auto;padding:12px;display:flex}.u1story-tiles img{object-fit:contain;width:100%;height:140px}.u1story-tiles select{width:100%;min-height:44px;font:inherit}.boss-question-navigation{flex-wrap:wrap}.boss-question-navigation .boss-question-position{white-space:nowrap;font-size:16px;font-weight:700}.boss-question-navigation .boss-navigation-notice{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.u1boss-page .u1boss-options button{position:relative}.u1boss-page .u1boss-options button>strong{color:#235d3c;background:#ddf5e6;border:1px solid #68bd83;border-radius:10px;padding:4px 8px;position:absolute;top:6px;right:6px}@media (width>=900px){.boss-question-navigation .boss-navigation-notice .btn{min-height:32px;padding:4px 10px;font-size:14px}}.u1boss-task{background:#fff;border:2px solid #d8e1ee;border-radius:28px;margin-top:20px;padding:28px}.u1boss-task h2{margin-bottom:20px;font-size:28px}.u1boss-task p{margin:16px 0;font-size:20px}.u1boss-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px;display:grid}.u1boss-options button{white-space:normal;flex-direction:column;height:auto;min-height:100px}.u1boss-options img{object-fit:contain;width:100%;height:180px}.u1boss-options [aria-pressed=true]{background:#edf3ff;outline:4px solid #4c73ff}@media (width>=1000px) and (height<=800px){.lesson-boss-page[data-unit-id=unit-1-hello-english] .u1boss-options{margin-bottom:8px}.lesson-boss-page[data-unit-id=unit-1-hello-english] .u1boss-options img{max-height:204px}}.u1boss-page .u3-boss-question .u3-boss-kind{color:#667d99;margin:0 0 4px;font-size:14px;font-weight:700}.u1boss-page .u3-boss-question .u3-boss-instruction{margin:4px 0 8px;font-size:15px}.u1boss-page[data-unit-id=unit-3-my-body] .u3-boss-question .u3-boss-stem{color:#254d7a;background:#eaf4ff;border-radius:12px;margin:6px 0 10px;padding:4px 12px;font-size:28px;font-weight:800}.u3-boss-question-body.has-picture{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.u3-boss-pictures{justify-content:center;gap:10px;display:flex}.u3-boss-pictures figure{text-align:center;flex:1;min-width:0;margin:0}.u3-boss-pictures img{object-fit:contain;border-radius:14px;width:100%;height:180px}.u3-boss-pictures figcaption{font-size:15px}.u3-boss-question .has-picture .u1boss-options{grid-template-columns:1fr}.u1boss-page .u3-boss-question .u1boss-options{gap:10px;margin:0 0 8px}.u1boss-page .u3-boss-question .u1boss-options button{border-radius:18px;gap:6px;padding:8px}.u1boss-page .u3-boss-question .u1boss-options img{height:clamp(100px,100dvh - 620px,220px)}.u3-boss-submit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.u1boss-page .u3-boss-question .u3-boss-explanation{background:#e9f8f3;border-radius:10px;margin:6px 0 0;padding:5px 10px;font-size:15px;line-height:1.4}@media (width>=900px){.lesson-compact-page[data-unit-id=unit-3-my-body]{padding:8px 20px}.lesson-compact-page[data-unit-id=unit-3-my-body] .u3-boss-question{margin-top:6px;padding:10px 14px}.lesson-compact-page[data-unit-id=unit-3-my-body] .u3-boss-question h2{margin-bottom:4px;font-size:22px;line-height:1.3}.u3-boss-pictures img{height:clamp(130px,100dvh - 510px,220px)}}@media (width>=900px) and (height<=720px){.lesson-compact-page[data-unit-id=unit-3-my-body]{padding-top:8px}.lesson-compact-page[data-unit-id=unit-3-my-body] .u3-boss-question .u3-boss-stem{margin:3px 0 6px;padding:2px 10px;font-size:25px}.lesson-compact-page[data-unit-id=unit-3-my-body] .u3-boss-question .u3-boss-instruction{margin:3px 0 5px}.lesson-compact-page[data-unit-id=unit-3-my-body] .u3-boss-question .u3-boss-explanation{margin:4px 0 0;padding:3px 8px}}@media (width<=700px){.u3-boss-question-body.has-picture{grid-template-columns:1fr}}.u4-listening-fit .u4-scene-heading{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.u4-listening-fit .u4-scene-heading>p{white-space:nowrap}.u4-listening-fit .u4-listening-feedback{flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;display:flex}@media (width>=900px){.lesson-compact-page.u4-listening-fit{padding:8px 20px}.u4-listening-fit .lesson-lesson-heading{margin:4px auto 8px;padding:6px 12px}.lesson-compact-page.u4-listening-fit .lesson-listening-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;padding:12px}.lesson-compact-page.u4-listening-fit .lesson-lesson-picture{height:clamp(300px,100dvh - 260px,490px)}.lesson-compact-page.u4-listening-fit .lesson-lesson-detail{gap:6px;padding:10px 12px}.lesson-compact-page.u4-listening-fit .u1l-scene{gap:6px;padding:8px 10px}.lesson-compact-page.u4-listening-fit .u1l-scene h2{font-size:24px;line-height:1.2}.lesson-compact-page.u4-listening-fit .lesson-lesson-detail p{font-size:15px;line-height:1.35}.lesson-compact-page.u4-listening-fit .u1v-audio{flex-wrap:nowrap;gap:8px;width:100%}.lesson-compact-page.u4-listening-fit .u1v-audio p{flex:1}.lesson-compact-page.u4-listening-fit .sound-btn{flex:none;width:44px;min-width:44px;height:44px}.lesson-compact-page.u4-listening-fit .u1l-question{margin:4px 0;padding:4px 8px 6px}.lesson-compact-page.u4-listening-fit .u1l-question legend{padding:2px 5px;font-size:16px}.lesson-compact-page.u4-listening-fit .u1l-options{flex-wrap:nowrap;gap:8px}.lesson-compact-page.u4-listening-fit .u1l-option{min-height:40px;padding:4px 8px;font-size:16px}.lesson-compact-page.u4-listening-fit .u1l-question p{margin-top:4px}.lesson-compact-page.u4-listening-fit .btn,.lesson-compact-page.u4-listening-fit .primary-btn{min-height:40px;padding:7px 12px;font-size:16px}.lesson-compact-page.u4-listening-fit .u1l-transcript{padding:8px 12px}.lesson-compact-page.u4-listening-fit .u1l-transcript p{line-height:1.5}.lesson-compact-page.u4-listening-fit .u1v-actions{margin-top:8px;padding:6px}.lesson-compact-page.u4-listening-fit .u1v-alert{gap:8px;margin:4px 0;padding:4px 10px}.lesson-compact-page.u4-listening-fit:has(.u1v-alert) .lesson-lesson-picture{height:clamp(240px,100dvh - 340px,420px)}}.lesson-boss-page[data-unit-id=unit-4-my-toys] .u1boss-options button{position:relative}.lesson-boss-page[data-unit-id=unit-4-my-toys] .u1boss-options button>strong{color:#235d3c;background:#ddf5e6;border:1px solid #68bd83;border-radius:10px;padding:4px 8px;position:absolute;top:6px;right:6px}@media (width>=900px){.lesson-compact-page.lesson-boss-page[data-unit-id=unit-4-my-toys] .u1boss-options img{height:clamp(110px,100dvh - 580px,190px)}}.u6-compact-page .u6-lesson-picture{background:#f2f7ff;border-radius:24px;place-items:center;margin:0;display:grid}.u6-compact-page .u6-lesson-picture img{object-fit:contain;border-radius:20px;width:100%;max-height:350px;display:block}.u6-compact-page .u6-lesson-detail{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.u6-compact-page .u6-lesson-detail>*{max-width:100%}.u6-compact-page .u6-retell-tabs{align-items:center;gap:12px;margin:4px 0 10px;display:flex}.u6-compact-page .u6-retell-tabs [aria-pressed=true]{background:#edf3ff;outline:2px solid #4c73ff}.u6-compact-page .u6-retell-key{gap:4px;font-size:15px;display:grid}.u6-compact-page .u1story-retell [hidden]{display:none}.u6-compact-page .u6-feedback-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.u6-compact-page .u6-retell-choices{gap:5px;display:grid}.u6-compact-page .u6-retell-choices label{align-items:center;gap:8px;min-height:44px;font-size:16px;line-height:1.3;display:flex}.u6-compact-page .u6-retell-choices input{flex:none;width:18px;height:18px}@media (width>=701px){.u6-compact-page{box-sizing:border-box;min-height:100dvh;padding:12px clamp(16px,3vw,48px)}.u6-compact-page .u1v-content{max-width:1280px}.u6-compact-page .u1v-top{gap:16px}.u6-compact-page .u1v-top>p{font-size:20px}.u6-compact-page .u1v-progress{gap:4px;width:190px;font-size:17px}.u6-compact-page .u1v-heading{margin:8px 0 12px}.u6-compact-page .u1v-heading h1{font-size:30px;line-height:1.25}.u6-compact-page .u1v-heading h1 span{font-size:21px}.u6-compact-page .u1v-heading p{margin-top:2px;font-size:16px}.u6-compact-page .btn,.u6-compact-page .primary-btn{height:auto;min-height:44px;padding:9px 18px;font-size:17px;line-height:1.25}.u6-compact-page .primary-btn{min-width:0}.u6-compact-page .sound-btn{width:60px;min-width:60px;height:60px}.u6-compact-page .u1v-card,.u6-compact-page.u1s-page .u1s-card{border-radius:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,3vw,42px);min-height:0;padding:20px 24px;display:grid}.u6-compact-page .u1v-picture,.u6-compact-page .u6-lesson-picture{width:100%;height:clamp(220px,100dvh - 320px,400px);min-height:0;max-height:none;margin:0}.u6-compact-page .u1v-picture img,.u6-compact-page .u6-lesson-picture img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;max-height:100%}.u6-compact-page .u1v-picture:has(figcaption){grid-template-rows:minmax(0,1fr) auto}.u6-compact-page .u1v-picture figcaption{font-size:14px}.u6-compact-page .u1v-word h2{margin:10px 0 6px;font-size:clamp(36px,4vw,60px)}.u6-compact-page .u1v-meaning{font-size:24px}.u6-compact-page .u1v-example{margin:10px 0 16px;font-size:22px}.u6-compact-page .u1v-picker{align-items:center;gap:6px;width:100%;font-size:16px;display:flex}.u6-compact-page select{min-width:0;max-width:100%;min-height:40px;font:inherit;padding:6px 8px}.u6-compact-page .u1v-picker select{flex:1;width:0}.u6-compact-page .u1v-audio{flex-wrap:wrap;justify-content:flex-start;gap:10px}.u6-compact-page .u1v-audio-status{min-height:0;margin:0;font-size:15px}.u6-compact-page .u1v-actions{gap:16px;margin-top:12px}.u6-compact-page .u1v-message{margin-top:6px;font-size:15px;line-height:1.4}.u6-compact-page .u1v-alert{gap:8px;margin:6px 0;padding:8px 12px;font-size:15px}.u6-compact-page .u6-lesson-detail{gap:10px}.u6-compact-page .u6-lesson-detail p{margin:0;font-size:16px;line-height:1.4}.u6-compact-page.u6-sentence-page .u1s-card h2{overflow-wrap:normal;font-size:clamp(28px,3vw,44px);line-height:1.25}.u6-compact-page.u6-sentence-page .u1s-card .u1v-meaning{font-size:22px}.u6-compact-page.u6-speaking-page .u1s-card h2{overflow-wrap:normal;font-size:clamp(26px,2.5vw,36px);line-height:1.25}.u6-compact-page.u6-speaking-page .u6-lesson-detail{gap:7px}.u6-compact-page.u6-speaking-page .u6-lesson-detail>p:last-child{color:var(--ink-500);font-size:14px}.u6-compact-page.u6-speaking-page .u1v-audio .btn{padding:8px 12px;font-size:16px}.u6-compact-page.u6-speaking-page p:empty{display:none}.u6-compact-page.u6-listening-page .u6-lesson-detail{gap:6px}.u6-compact-page.u6-listening-page .u1v-actions{margin-top:0}.u6-compact-page.u6-listening-page{padding-bottom:6px}.u6-compact-page.u6-listening-page .u1l-scene{text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:5px;margin:0;padding:0;display:flex}.u6-compact-page.u6-listening-page .u1l-scene h2{font-size:clamp(24px,2.5vw,32px);line-height:1.2}.u6-compact-page.u6-listening-page .u1l-scene p{font-size:15px}.u6-compact-page.u6-listening-page form{width:100%}.u6-compact-page.u6-listening-page .u1l-question{border-radius:14px;min-width:0;margin:4px 0;padding:4px 8px 6px}.u6-compact-page.u6-listening-page .u1l-question legend{padding:2px 5px;font-size:17px}.u6-compact-page.u6-listening-page .u1l-options{gap:8px}.u6-compact-page.u6-listening-page .u1l-option{gap:6px;min-width:0;min-height:44px;padding:4px 8px;font-size:18px}.u6-compact-page.u6-listening-page .u1l-visual:empty{display:none}.u6-compact-page.u6-listening-page .u1l-question p{font-size:15px}.u6-compact-page.u6-listening-page .u1l-transcript{border-radius:14px;width:100%;margin:0;padding:6px 12px}.u6-compact-page.u6-listening-page .u1l-transcript p{font-size:16px;line-height:1.5}.u6-compact-page.u6-story-page .u1story-text{margin:8px 0;font-size:clamp(23px,2.4vw,32px);line-height:1.3}.u6-compact-page.u6-story-page{padding-bottom:4px}.u6-compact-page.u6-story-page fieldset{margin:8px 0;font-size:19px}.u6-compact-page.u6-story-page .u1story-option{min-height:44px;padding:5px 12px;font-size:18px}.u6-compact-page .u1story-retell{padding:16px 20px}.u6-compact-page .u1story-retell h2{font-size:24px}.u6-compact-page .u1story-retell h3{margin:8px 0;font-size:19px}.u6-compact-page .u6-retell-match{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:22px;display:grid}.u6-compact-page .u6-retell-match .u6-lesson-picture{height:clamp(220px,100dvh - 400px,300px)}.u6-compact-page .u6-retell-match .u6-lesson-detail{gap:4px}.u6-compact-page .u6-retell-match h3{margin:0}.u6-compact-page .u6-retell-match .u6-feedback-row{gap:6px}.u6-compact-page .u6-retell-match .u6-feedback-row .btn{padding:8px 10px;font-size:16px}.u6-compact-page .u1story-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:8px 0}.u6-compact-page .u1story-retell>div:not([hidden]):has(>.u1story-tiles>button) .u1story-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.u6-compact-page .u1story-tiles button,.u6-compact-page .u1story-tiles label{gap:6px;min-width:0;padding:6px}.u6-compact-page .u1story-tiles img{height:clamp(90px,100dvh - 520px,150px)}.u6-compact-page .u1story-tiles select{font-size:14px}.u6-compact-page .u6-retell-key{margin-top:6px;line-height:1.3}.u6-compact-page .u1boss-task{margin-top:10px;padding:14px 20px}.u6-compact-page .u1boss-task h2{margin-bottom:10px;font-size:25px}.u6-compact-page .u1boss-task p{margin:6px 0;font-size:17px}.u6-compact-page .u1boss-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.u6-compact-page .u1boss-options button{min-height:50px;padding:10px}.u6-compact-page .u1boss-options img{height:clamp(110px,100dvh - 480px,220px)}.u6-compact-page .u1boss-task>img{object-fit:contain;width:160px;height:clamp(90px,100dvh - 500px,150px)}}@media (width>=701px) and (height<=720px){.u6-compact-page{padding:8px 20px}.u6-compact-page .u1v-heading{margin:4px 0 8px}.u6-compact-page .u1v-heading p{font-size:15px}.u6-compact-page .u1v-card,.u6-compact-page.u1s-page .u1s-card{gap:20px;padding:12px 18px}.u6-compact-page .u1v-actions{margin-top:8px}.u6-compact-page .u6-lesson-detail{gap:7px}.u6-compact-page.u6-story-page{padding-top:6px;padding-bottom:0}.u6-compact-page.u6-boss-page{padding-bottom:6px}}@media (width>=701px) and (height>=721px) and (height<=800px){.u6-lesson-heading{margin-top:4px;margin-bottom:8px;padding:6px 13px}.u6-module-icon{border-radius:15px;width:44px;height:44px}.u6-module-icon svg{width:23px;height:23px}.u6-lesson-heading h1{font-size:27px}.u6-lesson-heading h1 span{font-size:17px}.u6-lesson-heading p{font-size:13px}.u6-compact-page.u6-listening-page{padding-bottom:0}.u6-compact-page .u1v-card,.u6-compact-page.u1s-page .u1s-card{gap:20px;padding:14px 18px}.u6-compact-page .u1v-word,.u6-compact-page .u6-lesson-detail{gap:6px;padding:10px 14px}.u6-compact-page.u6-listening-page .u1l-scene{padding:6px 10px}.u6-compact-page.u6-listening-page .u1l-question{margin:3px 0;padding:3px 7px 5px}.u6-compact-page.u6-listening-page .u1l-option{min-height:40px;padding:3px 7px;font-size:16px}.u6-compact-page .u1v-actions{margin-top:8px;padding:6px 10px}}.u6-compact-page .u1v-picker select{color:#214a78;background:#eaf5ff;border:2px solid #91c7ef;box-shadow:0 2px #3777b814}.u6-compact-page .u1v-picker select:focus-visible,.u6-compact-page .u1story-tiles select:focus-visible,.u6-compact-page .u6-retell-choices input:focus-visible{outline-offset:2px;outline:3px solid #70b7f2}.u6-compact-page .u1s-card h2,.u6-compact-page .u6-lesson-detail>h2{color:#23375d;background:#fff5d8;border:2px solid #f3d17c;border-radius:14px;padding:2px 10px}.u6-compact-page .u1v-meaning{color:#5c5a91;background:#f2efff;border-radius:10px;padding:1px 9px}.u6-compact-page.u6-listening-page .u1l-question{background:#f5f1ff;border-color:#c5b9ef}.u6-compact-page.u6-listening-page .u1l-question legend{color:#4c3d83;background:#e8e0ff}.u6-compact-page.u6-listening-page .u1l-option{color:#21486f;background:#fff;border-color:#a8d4ee}.u6-compact-page.u6-listening-page .u1l-option:nth-child(2n){background:#fff8e5;border-color:#efd18a}.u6-compact-page.u6-listening-page .u1l-option.selected{color:#235d3c;background:#ddf5e6;border-color:#68bd83}.u6-compact-page.u6-speaking-page .u1v-picker select{color:#4b3d80;background:#eee8ff;border-color:#b5a2eb}.u6-compact-page.u6-speaking-page .u6-lesson-detail>p:not(:last-child){color:#644a79;background:#fff0f6;border-left:4px solid #e6a8c8;border-radius:8px;padding:2px 8px}.u6-compact-page.u6-speaking-page .u6-lesson-detail h2{color:#214a78;background:#e9f4ff;border-color:#91c7ef}.u6-compact-page.u6-story-page .u1story-text{color:#255647;background:#eaf8f3;border:2px solid #92d8ba;border-radius:14px;padding:3px 10px}.u6-compact-page.u6-story-page .u1story-option{background:#fff8e5;border:2px solid #efd18a;border-radius:12px;margin:2px}.u6-compact-page.u6-story-page .u1story-option:has(input:checked){background:#ddf5e6;border-color:#68bd83}.u6-compact-page .u6-retell-tabs .btn{color:#315985;background:#edf4ff;border-color:#a9c9ee}.u6-compact-page .u6-retell-tabs [aria-pressed=true]{color:#513d83;background:#e7ddff;border-color:#aa94e7}.u6-compact-page .u6-retell-choices label{color:#5b4820;background:#fff8e5;border:2px solid #efd18a;border-radius:12px;padding:4px 8px}.u6-compact-page .u6-retell-choices label:has(input:checked){color:#235d3c;background:#ddf5e6;border-color:#68bd83}.u6-compact-page.u6-boss-page .u1boss-task{background:#fffdf6;border-color:#e8cc88}.u6-compact-page.u6-boss-page .u1boss-task h2{color:#704d20;background:#fff1cc;border-radius:12px;padding:3px 10px}.u6-compact-page.u6-boss-page .u1boss-options button{color:#21486f;background:#edf7ff;border-color:#9dcbe8}.u6-compact-page.u6-boss-page .u1boss-options button:nth-child(2n){background:#fff2f7;border-color:#e9b1c9}.u6-compact-page.u6-boss-page .u1boss-options button[aria-pressed=true]{color:#235d3c;background:#ddf5e6;border-color:#68bd83}.u6-compact-page{--u6-ink:#20365c;--u6-muted:#6b7e9d;--u6-blue:#3678df;--u6-blue-soft:#eaf4ff;--u6-teal:#239b96;--u6-teal-soft:#e9f8f5;--u6-gold:#f2b94b;--u6-gold-soft:#fff6dd;color:var(--u6-ink);font-family:var(--font-cn)}.u6-compact-page .u1v-content{max-width:1240px}.u6-compact-page .u1v-top{color:var(--u6-ink)}.u6-compact-page .u1v-top>p{color:var(--u6-ink);letter-spacing:.03em;background:#ffffffb8;border:1px solid #89aad35c;border-radius:14px;padding:5px 14px;font-size:18px}.u6-compact-page .u1v-top>.btn{min-height:42px;color:var(--u6-ink);background:#ffffffe6;border:1px solid #d3e2f1;padding:8px 18px}.u6-compact-page .u1v-progress{color:var(--u6-ink)}.u6-compact-page .u1v-progress>span{letter-spacing:.02em;font-weight:800}.u6-lesson-heading{text-align:left;background:#ffffffc7;border:1px solid #d7e5f2;border-radius:22px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;width:min(820px,100%);margin:6px auto 14px;padding:9px 16px;display:grid;box-shadow:0 8px 24px #3c5d8514}.u6-module-icon{color:#fff;background:linear-gradient(145deg,#4e8ce5,#2c66c7);border-radius:18px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 7px 14px #3678df33}.u6-lesson-heading h1{color:var(--u6-ink);font-family:var(--font-en);letter-spacing:.01em;align-items:baseline;gap:12px;font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.1;display:flex}.u6-lesson-heading h1 span{color:#6980a2;font-family:var(--font-cn);letter-spacing:0;font-size:clamp(16px,1.8vw,21px);font-weight:700}.u6-lesson-heading p{color:var(--u6-muted);margin-top:3px;font-size:15px}.u6-module-number{color:#91a4bd;letter-spacing:.14em;white-space:nowrap;font-size:11px;font-weight:800}.u6-compact-page .u1v-card{background:linear-gradient(135deg,#fffffffa,#f8fcfff5);border:1px solid #d4e2ef;border-radius:28px;box-shadow:0 14px 30px #304d701a,0 2px 6px #304d700a}.u6-compact-page .u1v-picture,.u6-compact-page .u6-lesson-picture{background:linear-gradient(145deg,#f5f9ff,#eef7f8);border:1px solid #d7e5f3;border-radius:22px;box-shadow:inset 0 0 0 7px #eff7ffb3}.u6-compact-page .u1v-word,.u6-compact-page .u6-lesson-detail{background:#ffffffb8;border:1px solid #e0e9f2;border-radius:22px;padding:14px 18px;box-shadow:0 6px 16px #314f700d}.u6-compact-page .u1v-word h2,.u6-compact-page .u1s-card h2,.u6-compact-page .u6-lesson-detail>h2{font-family:var(--font-en);letter-spacing:.01em;font-weight:800}.u6-compact-page .u1v-example,.u6-compact-page .u1v-card h2[lang=en]{color:var(--u6-ink)}.u6-compact-page .u1v-meaning{color:#596c91}.u6-compact-page .u1v-picker{color:#7185a4;font-weight:700}.u6-compact-page .u1v-picker select,.u6-compact-page .u6-lesson-detail label>select{color:#31547f;background:#f5f9ff;border:1px solid #b9cfe7;border-radius:12px;box-shadow:0 2px #3267a40f}.u6-compact-page .btn{color:#365477;background:#fffffff0;border:1px solid #d3e0ed;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 5px 12px #314e7014}.u6-compact-page .btn:hover:not(:disabled){background:#f3f8ff;border-color:#9fc2e4;box-shadow:0 8px 16px #314e7021}.u6-compact-page .btn:disabled{color:#a4b1c1;background:#eef2f7;border-color:#e1e7ee}.u6-compact-page .primary-btn{background:linear-gradient(135deg,#438cf0,#2f69d0);box-shadow:0 8px 17px #2f69d03b}.u6-compact-page .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f7ee9,#285dbd)}.u6-compact-page .sound-btn{background:linear-gradient(145deg,#4d91f4,#2d69d0);box-shadow:0 9px 18px #2d69d040}.u6-compact-page .u1v-actions{background:#ffffff7a;border:1px solid #aec9e1ad;border-radius:22px;padding:7px 12px;box-shadow:0 6px 15px #3c5d850f}.u6-compact-page .u1v-message{color:#637796;font-weight:600}.u6-compact-page.u6-listening-page .u1l-scene{width:100%;box-shadow:none;background:linear-gradient(135deg,#effbf9,#f7fbff);border:1px solid #b8e1dc;border-radius:16px;padding:9px 12px}.u6-compact-page.u6-listening-page .u1l-scene h2{color:#235e72;font-family:var(--font-en)}.u6-compact-page.u6-listening-page .u1l-question{border:1px solid #c7c1eb;box-shadow:0 4px 10px #665ba30f}.u6-compact-page.u6-listening-page .u1l-option{border-width:1px;transition:transform .16s,background-color .16s}.u6-compact-page.u6-listening-page .u1l-option:hover{transform:translateY(-1px)}.u6-compact-page.u6-speaking-page .u6-level-badge{color:#256f75;background:#e9f8f5;border:1px solid #a8d9d1;border-radius:999px;width:max-content;padding:3px 11px;font-weight:800;display:inline-flex}.u6-compact-page.u6-speaking-page .u6-model-line{color:#6d7894}.u6-compact-page.u6-speaking-page .u6-model-line strong{color:#29456d;font-family:var(--font-en)}.u6-compact-page.u6-speaking-page .u6-lesson-detail>p:not(:last-child){background:0 0;border:0;padding:0}.u6-compact-page.u6-speaking-page .u6-demo-controls,.u6-compact-page.u6-speaking-page .u6-recorder-controls{background:#f8fbff;border:1px solid #dbe6f0;border-radius:16px;gap:8px;width:100%;padding:7px 9px}.u6-compact-page.u6-speaking-page .u6-recorder-controls{background:#fff9ef;border-color:#f1dbab}.u6-compact-page.u6-speaking-page .u6-recorder-controls[data-recording=true]{background:#fff0f1;border-color:#efb5bc}.u6-compact-page.u6-speaking-page .u6-demo-controls .u6-audio-action{color:#2e66bb}.u6-compact-page.u6-speaking-page .u6-recorder-controls .u6-record-action{color:#a6631e}.u6-compact-page.u6-speaking-page .u6-privacy-note{color:#77849b;font-size:13px}.u6-compact-page.u6-story-page .u1story-text{box-shadow:0 5px 12px #2e7e6314}.u6-compact-page.u6-story-page .u1v-card>div{background:#ffffffb8;border:1px solid #e0e9f2;border-radius:22px;padding:14px 18px}.u6-compact-page.u6-story-page .u1story-option{transition:transform .16s,background-color .16s}.u6-compact-page.u6-story-page .u1story-option:hover{transform:translateY(-1px)}.u6-compact-page .u1story-retell{border:1px solid #d7e5f1;box-shadow:0 11px 25px #304d7014}.u6-compact-page.u6-boss-page .u1v-audio{background:#ffffffb8;border:1px solid #dbe5ef;border-radius:16px;padding:6px 8px}.u6-compact-page.u6-boss-page .u1boss-task{box-shadow:0 12px 26px #304d701a}.u6-compact-page.u6-boss-page .u1boss-task h2{font-family:var(--font-en);letter-spacing:.01em}.u6-compact-page.u6-boss-page .u1boss-options button{border-width:1px;transition:transform .16s,box-shadow .16s}.u6-compact-page.u6-boss-page .u1boss-options button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px #314e701f}@media (width<=700px){.u6-lesson-heading{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:9px 12px}.u6-module-icon{border-radius:14px;width:42px;height:42px}.u6-module-icon svg{width:22px;height:22px}.u6-module-number{display:none}.u6-lesson-heading h1{flex-wrap:wrap;gap:7px;font-size:26px}.u6-lesson-heading h1 span{font-size:16px}.u6-compact-page .u1v-word,.u6-compact-page .u6-lesson-detail{padding:12px}.u6-compact-page .u1v-actions{padding:6px}}@media (width>=701px) and (height<=720px){.u6-lesson-heading{grid-template-columns:44px minmax(0,1fr) auto;margin-top:2px;margin-bottom:9px;padding:6px 13px}.u6-lesson-heading p{font-size:13px}.u6-compact-page .u1v-word,.u6-compact-page .u6-lesson-detail{padding:10px 14px}.u6-lesson-heading{margin-bottom:7px;padding:4px 10px}.u6-module-icon{border-radius:13px;width:38px;height:38px}.u6-module-icon svg{width:20px;height:20px}.u6-lesson-heading h1{font-size:24px}.u6-lesson-heading h1 span{font-size:15px}.u6-lesson-heading p{margin-top:1px;font-size:12px}.u6-module-number{font-size:9px}.u6-compact-page .u1v-card,.u6-compact-page.u1s-page .u1s-card{gap:12px;padding:8px 12px}.u6-compact-page .u1v-word,.u6-compact-page .u6-lesson-detail{border-radius:17px;gap:4px;padding:7px 10px}.u6-compact-page .u6-lesson-detail p{font-size:14px;line-height:1.25}.u6-compact-page .u6-lesson-detail>h2{padding:1px 8px;font-size:24px}.u6-compact-page .u1v-audio .btn{min-height:36px;padding:5px 9px;font-size:14px}.u6-compact-page.u6-speaking-page .u6-demo-controls,.u6-compact-page.u6-speaking-page .u6-recorder-controls{gap:5px;padding:4px 6px}.u6-compact-page.u6-speaking-page .u6-demo-controls .btn,.u6-compact-page.u6-speaking-page .u6-recorder-controls .btn{flex:1 1 0;gap:4px;min-width:0;padding:5px 6px;font-size:13px}.u6-compact-page.u6-speaking-page .u6-privacy-note{font-size:12px}.u6-compact-page .u1v-actions{margin-top:5px;padding:5px 9px}.u6-compact-page .u1v-message{margin-top:3px;font-size:13px}.u6-compact-page.u6-listening-page .u1l-scene{padding:5px 9px}.u6-compact-page.u6-listening-page .u1l-question{margin:2px 0;padding:3px 6px 4px}.u6-compact-page.u6-listening-page .u1l-option{min-height:36px;padding:3px 6px;font-size:15px}.u6-compact-page.u6-story-page .u1v-card>div{padding:8px 11px}.u6-compact-page.u6-listening-page{padding-bottom:0}.u6-compact-page.u6-story-page .u1story-retell{padding:10px 14px}.u6-compact-page.u6-story-page .u6-retell-tabs{margin:2px 0 6px}.u6-compact-page.u6-story-page .u6-retell-match{gap:14px}.u6-compact-page.u6-story-page .u6-retell-match .u6-lesson-picture{height:220px}.u6-compact-page.u6-story-page .u6-retell-choices{gap:3px}.u6-compact-page.u6-story-page .u6-retell-choices label{min-height:36px;padding:2px 6px;font-size:14px}.u6-compact-page.u6-boss-page{padding-bottom:0}.u6-compact-page.u6-boss-page .u1boss-task{margin-top:6px;padding:10px 14px}.u6-compact-page.u6-boss-page .u1boss-task h2{margin-bottom:5px}.u6-compact-page.u6-boss-page .u1boss-task p{margin:3px 0;font-size:15px;line-height:1.25}}.u1s-task-image{text-align:center;margin:8px auto 16px}.u1s-task-image img{aspect-ratio:1;object-fit:contain;background:#f1f6ff;border-radius:22px;width:min(280px,100%);margin:0 auto;display:block}.u1s-task-image figcaption{color:#6a7e9e;margin-top:8px;font-size:18px}.u7{color:#25375d;background:#eaf4ff;min-height:100dvh;font-family:Nunito,Microsoft YaHei,PingFang SC,sans-serif;position:relative}.u7 *{box-sizing:border-box}.u7-shell{z-index:1;flex-direction:column;gap:12px;max-width:1540px;min-height:100dvh;margin:0 auto;padding:18px 28px;display:flex;position:relative}.u7 button,.u7 a,.u7 select{font:inherit}.u7 button,.u7-top a{color:#314f7d;cursor:pointer;background:#fff;border:1px solid #d8e4f6;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #37567f09}.u7 button:disabled{opacity:.5;cursor:default}.u7 button:focus-visible,.u7 a:focus-visible,.u7 select:focus-visible{outline-offset:2px;outline:3px solid #faad31}.u7 button.u7-primary{color:#fff;background:linear-gradient(125deg,#5689f4,#426ad1);border-color:#0000}.u7-top{justify-content:space-between;align-items:center;gap:16px;min-height:46px;display:flex}.u7-top strong{font-size:23px}.u7-progress{text-align:right;gap:4px;min-width:190px;font-weight:700;display:grid}.u7 progress{appearance:none;background:#dae5f0;border:0;border-radius:9px;width:100%;height:8px;overflow:hidden}.u7 progress::-webkit-progress-bar{background:#dce5ef}.u7 progress::-webkit-progress-value{background:#59b677;border-radius:9px}.u7-heading{background:#ffffffd9;border:1px solid #d8e5f7;border-radius:24px;align-items:center;gap:16px;max-width:1000px;padding:15px 20px;display:flex;box-shadow:0 8px 22px #354f8510}.u7-icon{color:#fff;background:linear-gradient(135deg,#6092ee,#4767ce);border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.u7 h1,.u7 h2,.u7 p{margin:0}.u7 h1{font-size:clamp(24px,2.3vw,38px);line-height:1.15}.u7 h1 small{color:#6c7f9e;margin-left:12px;font-size:.6em}.u7-heading p{color:#7486a5;margin-top:5px;font-size:15px}.u7-eyebrow{color:#90a3c1;letter-spacing:2px;margin-left:auto;font-size:12px;font-weight:800}.u7-card{background:#ffffffed;border:1px solid #d8e5f6;border-radius:28px;flex:1;align-items:center;gap:24px;min-height:0;padding:20px;display:flex;box-shadow:0 12px 28px #33466a12}.u7-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);display:grid}.u7-picture{background:#f0f5ff;border:1px solid #dce8fa;border-radius:23px;justify-content:center;align-items:center;height:100%;min-height:0;margin:0;display:flex;overflow:hidden}.u7-picture img{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 310px)}.u7-detail{flex-direction:column;gap:12px;width:100%;min-width:0;min-height:0;display:flex;position:relative}.u7-picker{color:#788fb4;align-items:center;gap:10px;font-weight:700;display:flex}.u7 select{color:#405e8d;background:#f4f7fe;border:1px solid #cdddf3;border-radius:13px;min-width:0;max-width:100%;padding:9px 12px;font-size:16px}.u7-picker select{flex:1;width:100%}.u7-word{font-size:clamp(36px,4.5vw,68px);line-height:1.05}.u7-sentence{font-size:clamp(24px,2.8vw,43px);line-height:1.2}.u7-meaning{color:#667399;background:#f0ecff;border-radius:12px;padding:9px 14px;font-size:24px}.u7-model{font-size:25px;line-height:1.3}.u7-audio,.u7-record{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.u7-audio span{color:#9c5541;font-size:13px}.u7-actions{background:#ffffffa3;border:1px solid #d5e4f4;border-radius:22px;justify-content:center;gap:16px;padding:8px;display:flex}.u7-actions .u7-primary{min-width:230px}.u7-bottom{text-align:center;color:#6f83a2;font-size:14px}.u7-questions{gap:12px;display:grid}.u7 fieldset{background:#f5f9fd;border:1px solid #dfebf2;border-radius:16px;min-width:0;margin:0;padding:10px 12px}.u7 legend{padding:0 5px;font-size:17px;font-weight:700}.u7-options{flex-wrap:wrap;gap:8px;display:flex}.u7-options label{cursor:pointer;background:#fff;border:1px solid #dbe5f2;border-radius:12px;flex:1;align-items:center;gap:7px;min-width:90px;padding:11px 9px;font-size:16px;display:flex}.u7-options label[data-selected=true]{color:#274887;background:#e8f0ff;border-color:#7c9dee}.u7-options input{accent-color:#527fdb;width:17px;height:17px}.u7-tip,.u7-scene{color:#7385a3;font-size:15px;line-height:1.5}.u7-level{color:#6674af;background:#eeecff;border-radius:10px;align-self:flex-start;padding:6px 12px;font-size:14px;font-weight:700}.u7-record{background:#ecf7f2;border-radius:17px;padding:12px}.u7-record-status{color:#54776b;font-size:15px}.u7-story-text{font-size:clamp(22px,2.1vw,32px);line-height:1.4}.u7-feedback{color:#426d4c;background:#e7f6e9;border-radius:10px;padding:7px 12px;font-size:15px}.u7-sort{gap:12px;display:grid}.u7-picture-options,.u7-match{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.u7-picture-options button{flex-direction:column;min-width:0;padding:8px;display:flex;position:relative}.u7-picture-options img,.u7-match img{object-fit:contain;border-radius:12px;width:100%;height:clamp(100px,25dvh,250px)}.u7-picture-options b{color:#2d6b3a;background:#d7efd7;border-radius:8px;padding:4px 8px;position:absolute;top:4px;right:4px}.u7-picture-options span{font-size:14px}.u7-match label{flex-direction:column;gap:8px;min-width:0;display:flex}.u7-match select{width:100%;font-size:14px}.u7-alert{background:#fff0dc;border:1px solid #efc477;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.u7-transcript{z-index:10;background:#fff;border:1px solid #aebedf;border-radius:24px;width:auto;max-height:70dvh;margin:0;padding:24px;position:fixed;inset:15% 20%;overflow:auto;box-shadow:0 0 0 100vmax #18325455}.u7-transcript p{margin:14px 0;line-height:1.5}.u7-completion{justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex}.u7-hub-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:0;display:grid}.u7-hub-grid>a{color:#293b64;background:#ffffffed;border:1px solid #dbe5f4;border-radius:25px;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex;box-shadow:0 8px 25px #2d436012}.u7-hub-grid img{object-fit:contain;border-radius:17px;width:43%;height:100%;max-height:210px}.u7-hub-grid h2{margin:7px 0;font-size:24px}.u7-hub-grid p{color:#788baa;font-size:15px}.u7-hub-grid span{color:#527cd5;align-items:center;gap:6px;margin-top:18px;font-weight:700;display:flex}.u7 .vpractice-tabs{margin:0}.u7 .vpractice-form{gap:8px}.u7 .vpractice-input{padding:8px 12px;font-size:24px}.u7 .vpractice-letters button{min-height:32px;padding:5px 10px}.u7 .vpractice-controls button{min-height:34px;padding:6px 12px}@media (width>=860px) and (height>=600px){.u7-shell{height:100dvh}.u7-hub .u7-heading{max-width:none}.u7-wide .u7-detail{gap:10px}.u7-wide .u7-picture-options img,.u7-wide .u7-match img{max-height:calc(100dvh - 390px)}}@media (height<=750px) and (width>=860px){.u7-shell{gap:8px;padding:10px 22px}.u7-heading{padding:9px 16px}.u7-icon{width:46px;height:46px}.u7 h1{font-size:29px}.u7-card{gap:18px;padding:14px}.u7-detail{gap:8px}.u7 button{min-height:35px;padding:8px 12px}.u7-word{font-size:49px}.u7-model{font-size:21px}.u7-meaning{padding:6px 12px;font-size:20px}.u7-picture img{max-height:calc(100dvh - 255px)}.u7 fieldset{padding:7px 10px}.u7-options label,.u7-record{padding:8px}.u7-heading p{font-size:13px}.u7-story-text{font-size:24px}.u7-bottom,.u7-completion{font-size:12px}.u7-progress{font-size:14px}}@media (width<=859px){.u7-shell{padding:16px}.u7-split{grid-template-columns:1fr}.u7-picture{height:250px}.u7-picture img{max-height:250px}.u7-eyebrow{display:none}.u7-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.u7-top strong{font-size:18px}.u7-progress{min-width:100px}.u7-actions{gap:6px}.u7-actions .u7-primary{min-width:0}.u7-picture-options,.u7-match{grid-template-columns:repeat(2,minmax(0,1fr))}.u7-transcript{inset:10% 5%}}.u7-match-caption{color:#456083;min-height:38px;font-size:14px;line-height:1.35}.u7-story .u7-wide .u7-match{gap:8px}.u7-story .u7-wide .u7-match label{gap:5px}@media (width>=860px) and (height<=750px){.u7-speaking .u7-detail{gap:5px}.u7-speaking .u7-sentence{font-size:27px}.u7-speaking .u7-scene,.u7-speaking .u7-tip{font-size:13px}.u7-speaking .u7-record{padding:6px}.u7-speaking .u7-record button,.u7-speaking .u7-audio button{min-height:32px;padding:6px 10px}.u7-speaking .u7-level{padding:4px 10px}.u7-speaking .u7-record-status{font-size:14px}}.u7-story .u7-wide .u7-picture-options img{height:clamp(75px,17dvh,180px)}.u7-story .u7-wide .u7-sort>button{min-height:32px;padding:6px 12px}.u7-boss .u7-wide .u7-detail{gap:7px}.u7-boss .u7-wide h2{font-size:22px}.u7-boss .u7-wide .u7-sort{gap:6px}.u7-boss .u7-wide .u7-picture-options img{height:clamp(65px,13dvh,145px)}.u7-boss .u7-wide .u7-sort>button{min-height:32px;padding:6px 12px}.u7-boss .u7-wide .u7-feedback{padding:5px 10px}@media (width>=860px){.u7-listening .u7-detail{gap:7px}.u7-listening .u7-detail h2{font-size:24px}.u7-listening .u7-detail>button,.u7-listening .u7-audio button{min-height:34px;padding:7px 12px}.u7-listening .u7-questions{gap:7px}.u7-listening fieldset{padding:6px 10px}.u7-listening .u7-options label{padding:7px}.u7-listening .u7-feedback{padding:5px 10px}.u7-story .u7-match img{height:clamp(100px,21dvh,215px)}}@media (width>=860px) and (height<=750px){.u7-listening .u7-detail{gap:5px}.u7-listening .u7-detail h2{font-size:21px}.u7-listening .u7-scene{font-size:13px}.u7-listening .u7-options label{padding:5px 7px;font-size:15px}.u7-listening legend{font-size:15px}.u7-listening .u7-detail>button,.u7-listening .u7-audio button{min-height:30px;padding:5px 12px}.u7-listening .u7-feedback{font-size:13px}.u7-story .u7-match img{height:85px}.u7-story .u7-wide .u7-detail,.u7-story .u7-wide .u7-sort{gap:6px}.u7-match-caption{min-height:0;font-size:13px;line-height:1.2}}.bl{color:#25375d;background:#eaf4ff;min-height:100dvh;font-family:Nunito,Microsoft YaHei,PingFang SC,sans-serif;position:relative}.bl *{box-sizing:border-box}.bl-shell{z-index:1;flex-direction:column;gap:12px;max-width:1540px;min-height:100dvh;margin:0 auto;padding:18px 28px;display:flex;position:relative}.bl button,.bl a,.bl select{font:inherit}.bl button,.bl-top a{color:#314f7d;cursor:pointer;background:#fff;border:1px solid #d8e4f6;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #37567f09}.bl button:disabled{opacity:.5;cursor:default}.bl button:focus-visible,.bl a:focus-visible,.bl select:focus-visible{outline-offset:2px;outline:3px solid #faad31}.bl button.bl-primary{color:#fff;background:linear-gradient(125deg,#5689f4,#426ad1);border-color:#0000}.bl-top{justify-content:space-between;align-items:center;gap:16px;min-height:46px;display:flex}.bl-top strong{font-size:23px}.bl-progress{text-align:right;gap:4px;min-width:190px;font-weight:700;display:grid}.bl progress{appearance:none;background:#dae5f0;border:0;border-radius:9px;width:100%;height:8px;overflow:hidden}.bl progress::-webkit-progress-bar{background:#dce5ef}.bl progress::-webkit-progress-value{background:#59b677;border-radius:9px}.bl-heading{background:#ffffffd9;border:1px solid #d8e5f7;border-radius:24px;align-items:center;gap:16px;max-width:1000px;padding:15px 20px;display:flex;box-shadow:0 8px 22px #354f8510}.bl-icon{color:#fff;background:linear-gradient(135deg,#6092ee,#4767ce);border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.bl h1,.bl h2,.bl p{margin:0}.bl h1{font-size:clamp(24px,2.3vw,38px);line-height:1.15}.bl h1 small{color:#6c7f9e;margin-left:12px;font-size:.6em}.bl-heading p{color:#7486a5;margin-top:5px;font-size:15px}.bl-eyebrow{color:#90a3c1;letter-spacing:2px;margin-left:auto;font-size:12px;font-weight:800}.bl-card{background:#ffffffed;border:1px solid #d8e5f6;border-radius:28px;flex:1;align-items:center;gap:24px;min-height:0;padding:20px;display:flex;box-shadow:0 12px 28px #33466a12}.bl-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);display:grid}.bl-picture{background:#f0f5ff;border:1px solid #dce8fa;border-radius:23px;justify-content:center;align-items:center;height:100%;min-height:0;margin:0;display:flex;overflow:hidden}.bl-picture img{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 310px)}.bl-detail{flex-direction:column;gap:12px;width:100%;min-width:0;min-height:0;display:flex;position:relative}.bl-picker{color:#788fb4;align-items:center;gap:10px;font-weight:700;display:flex}.bl select{color:#405e8d;background:#f4f7fe;border:1px solid #cdddf3;border-radius:13px;min-width:0;max-width:100%;padding:9px 12px;font-size:16px}.bl-picker select{flex:1;width:100%}.bl-word{font-size:clamp(36px,4.5vw,68px);line-height:1.05}.bl-sentence{font-size:clamp(24px,2.8vw,43px);line-height:1.2}.bl-meaning{color:#667399;background:#f0ecff;border-radius:12px;padding:9px 14px;font-size:24px}.bl-model{font-size:25px;line-height:1.3}.bl-audio,.bl-record{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.bl-audio span{color:#9c5541;font-size:13px}.bl-actions{background:#ffffffa3;border:1px solid #d5e4f4;border-radius:22px;justify-content:center;gap:16px;padding:8px;display:flex}.bl-actions .bl-primary{min-width:230px}.bl-bottom{text-align:center;color:#6f83a2;font-size:14px}.bl-questions{gap:12px;display:grid}.bl fieldset{background:#f5f9fd;border:1px solid #dfebf2;border-radius:16px;min-width:0;margin:0;padding:10px 12px}.bl legend{padding:0 5px;font-size:17px;font-weight:700}.bl-options{flex-wrap:wrap;gap:8px;display:flex}.bl-options label{cursor:pointer;background:#fff;border:1px solid #dbe5f2;border-radius:12px;flex:1;align-items:center;gap:7px;min-width:90px;padding:11px 9px;font-size:16px;display:flex}.bl-options label[data-selected=true]{color:#274887;background:#e8f0ff;border-color:#7c9dee}.bl-options input{accent-color:#527fdb;width:17px;height:17px}.bl-tip,.bl-scene{color:#7385a3;font-size:15px;line-height:1.5}.bl-level{color:#6674af;background:#eeecff;border-radius:10px;align-self:flex-start;padding:6px 12px;font-size:14px;font-weight:700}.bl-record{background:#ecf7f2;border-radius:17px;padding:12px}.bl-record-status{color:#54776b;font-size:15px}.bl-story-text{font-size:clamp(22px,2.1vw,32px);line-height:1.4}.bl-feedback{color:#426d4c;background:#e7f6e9;border-radius:10px;padding:7px 12px;font-size:15px}.bl-sort{gap:12px;display:grid}.bl-picture-options,.bl-match{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.bl-picture-options button{flex-direction:column;min-width:0;padding:8px;display:flex;position:relative}.bl-picture-options img,.bl-match img{object-fit:contain;border-radius:12px;width:100%;height:clamp(100px,25dvh,250px)}.bl-picture-options b{color:#2d6b3a;background:#d7efd7;border-radius:8px;padding:4px 8px;position:absolute;top:4px;right:4px}.bl-picture-options span{font-size:14px}.bl-match label{flex-direction:column;gap:8px;min-width:0;display:flex}.bl-match select{width:100%;font-size:14px}.bl-alert{background:#fff0dc;border:1px solid #efc477;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.bl-transcript{z-index:10;background:#fff;border:1px solid #aebedf;border-radius:24px;width:auto;max-height:70dvh;margin:0;padding:24px;position:fixed;inset:15% 20%;overflow:auto;box-shadow:0 0 0 100vmax #18325455}.bl-transcript p{margin:14px 0;line-height:1.5}.bl-completion{justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex}.bl-hub-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:0;display:grid}.bl-hub-grid>a{color:#293b64;background:#ffffffed;border:1px solid #dbe5f4;border-radius:25px;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex;box-shadow:0 8px 25px #2d436012}.bl-hub-grid img{object-fit:contain;border-radius:17px;width:43%;height:100%;max-height:210px}.bl-hub-grid h2{margin:7px 0;font-size:24px}.bl-hub-grid p{color:#788baa;font-size:15px}.bl-hub-grid span{color:#527cd5;align-items:center;gap:6px;margin-top:18px;font-weight:700;display:flex}.bl .vpractice-tabs{margin:0}.bl .vpractice-form{gap:8px}.bl .vpractice-input{padding:8px 12px;font-size:24px}.bl .vpractice-letters button{min-height:32px;padding:5px 10px}.bl .vpractice-controls button{min-height:34px;padding:6px 12px}@media (width>=860px) and (height>=600px){.bl-shell{height:100dvh}.bl-hub .bl-heading{max-width:none}.bl-wide .bl-detail{gap:10px}.bl-wide .bl-picture-options img,.bl-wide .bl-match img{max-height:calc(100dvh - 390px)}}@media (height<=750px) and (width>=860px){.bl-shell{gap:8px;padding:10px 22px}.bl-heading{padding:9px 16px}.bl-icon{width:46px;height:46px}.bl h1{font-size:29px}.bl-card{gap:18px;padding:14px}.bl-detail{gap:8px}.bl button{min-height:35px;padding:8px 12px}.bl-word{font-size:49px}.bl-model{font-size:21px}.bl-meaning{padding:6px 12px;font-size:20px}.bl-picture img{max-height:calc(100dvh - 255px)}.bl fieldset{padding:7px 10px}.bl-options label,.bl-record{padding:8px}.bl-heading p{font-size:13px}.bl-story-text{font-size:24px}.bl-bottom,.bl-completion{font-size:12px}.bl-progress{font-size:14px}}@media (width<=859px){.bl-shell{padding:16px}.bl-split{grid-template-columns:1fr}.bl-picture{height:250px}.bl-picture img{max-height:250px}.bl-eyebrow{display:none}.bl-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-top strong{font-size:18px}.bl-progress{min-width:100px}.bl-actions{gap:6px}.bl-actions .bl-primary{min-width:0}.bl-picture-options,.bl-match{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-transcript{inset:10% 5%}}.bl-match-caption{color:#456083;min-height:38px;font-size:14px;line-height:1.35}.bl-story .bl-wide .bl-match{gap:8px}.bl-story .bl-wide .bl-match label{gap:5px}@media (width>=860px) and (height<=750px){.bl-speaking .bl-detail{gap:5px}.bl-speaking .bl-sentence{font-size:27px}.bl-speaking .bl-scene,.bl-speaking .bl-tip{font-size:13px}.bl-speaking .bl-record{padding:6px}.bl-speaking .bl-record button,.bl-speaking .bl-audio button{min-height:32px;padding:6px 10px}.bl-speaking .bl-level{padding:4px 10px}.bl-speaking .bl-record-status{font-size:14px}}.bl-story .bl-wide .bl-picture-options img{height:clamp(75px,17dvh,180px)}.bl-story .bl-wide .bl-sort>button{min-height:32px;padding:6px 12px}.bl-boss .bl-wide .bl-detail{gap:7px}.bl-boss .bl-wide h2{font-size:22px}.bl-boss .bl-wide .bl-sort{gap:6px}.bl-boss .bl-wide .bl-picture-options img{height:clamp(65px,13dvh,145px)}.bl-boss .bl-wide .bl-sort>button{min-height:32px;padding:6px 12px}.bl-boss .bl-wide .bl-feedback{padding:5px 10px}@media (width>=860px){.bl-listening .bl-detail{gap:7px}.bl-listening .bl-detail h2{font-size:24px}.bl-listening .bl-detail>button,.bl-listening .bl-audio button{min-height:34px;padding:7px 12px}.bl-listening .bl-questions{gap:7px}.bl-listening fieldset{padding:6px 10px}.bl-listening .bl-options label{padding:7px}.bl-listening .bl-feedback{padding:5px 10px}.bl-story .bl-match img{height:clamp(100px,21dvh,215px)}}@media (width>=860px) and (height<=750px){.bl-listening .bl-detail{gap:5px}.bl-listening .bl-detail h2{font-size:21px}.bl-listening .bl-scene{font-size:13px}.bl-listening .bl-options label{padding:5px 7px;font-size:15px}.bl-listening legend{font-size:15px}.bl-listening .bl-detail>button,.bl-listening .bl-audio button{min-height:30px;padding:5px 12px}.bl-listening .bl-feedback{font-size:13px}.bl-story .bl-match img{height:85px}.bl-story .bl-wide .bl-detail,.bl-story .bl-wide .bl-sort{gap:6px}.bl-match-caption{min-height:0;font-size:13px;line-height:1.2}}.bl-asset-error{text-align:center;color:#79572b;background:#fff4dd;border-radius:16px;padding:18px}.sv2{color:#253b60;background:#eaf4ff;min-height:100dvh;font-family:Nunito,Microsoft YaHei,sans-serif}.sv2 *{box-sizing:border-box}.sv2-shell{flex-direction:column;gap:10px;max-width:1540px;min-height:100dvh;margin:auto;padding:16px 24px;display:flex;position:relative}.sv2 h1,.sv2 h2,.sv2 p,.sv2 figure{margin:0}.sv2 button,.sv2 select,.sv2 a{font:inherit}.sv2 button,.sv2-top a{color:#315685;cursor:pointer;background:#fff;border:1px solid #d4e3f6;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-weight:700;text-decoration:none;display:inline-flex}.sv2 button:disabled{opacity:.45;cursor:default}.sv2 button:focus-visible,.sv2 select:focus-visible,.sv2 a:focus-visible{outline-offset:2px;outline:3px solid #f4b343}.sv2 .sv2-primary{color:#fff;background:linear-gradient(125deg,#5e90ee,#4265cc);border-color:#0000}.sv2-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.sv2-top strong{font-size:22px}.sv2-top>span{gap:5px;font-size:14px;display:grid}.sv2 progress{accent-color:#59b878;width:150px;height:8px}.sv2-heading{background:#ffffffd9;border:1px solid #d8e5f5;border-radius:22px;align-items:center;gap:18px;padding:14px 20px;display:flex}.sv2-heading>svg{color:#fff;background:#6387df;border-radius:14px;width:45px;height:45px;padding:9px}.sv2 h1{font-size:30px}.sv2 h1 small{color:#7185a1;font-size:20px}.sv2-heading p{color:#7b8baa;font-size:14px}.sv2-heading>span{color:#8a9dbf;letter-spacing:2px;margin-left:auto;font-size:12px}.sv2-picker{flex-wrap:wrap;align-items:center;gap:18px;font-size:14px;display:flex}.sv2-picker label{align-items:center;gap:8px;display:flex}.sv2 select{color:#345382;background:#f5f8ff;border:1px solid #cbdcf0;border-radius:12px;padding:8px 10px}.sv2-card{background:#fffffff2;border:1px solid #d5e4f5;border-radius:26px;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;min-height:0;padding:18px;display:grid;box-shadow:0 10px 28px #3c5e7910}.sv2-picture{background:#f0f5fc;border-radius:20px;place-items:center;min-height:0;display:grid;overflow:hidden}.sv2-picture img{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 275px)}.sv2-interaction{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.sv2-label{color:#657ea4;justify-content:space-between;gap:10px;font-size:14px;display:flex}.sv2 h2{font-size:clamp(26px,2.4vw,39px);line-height:1.2}.sv2-buttons{flex-wrap:wrap;gap:8px;display:flex}.sv2-muted,.sv2-privacy{color:#71849e;font-size:13px;line-height:1.4}.sv2-recorder{background:#edf8f1;border:1px solid #d3eadd;border-radius:18px;gap:8px;padding:12px;display:grid}.sv2-recorder p{color:#4d7565;font-size:14px}.sv2-hint{background:#fff5d8;border-radius:12px;padding:8px 12px;font-size:16px}.sv2-model{background:#eeeefe;border-radius:14px;padding:9px 12px}.sv2-model p{margin:4px 0;font-size:23px}.sv2-model small{color:#70739e;font-size:12px}.sv2-model-button{align-self:flex-start}.sv2-footer{background:#ffffffa6;border-radius:20px;justify-content:center;align-items:center;gap:16px;padding:6px;display:flex}.sv2-footer span{color:#738aa1;font-size:13px}.sv2-error{background:#fff0dc;border-radius:12px;padding:8px 14px}.sv2-closing{color:#43775a;justify-content:center;align-items:center;gap:15px;font-size:16px;display:flex}@media (width>=1000px) and (height>=600px){.sv2-shell{height:100dvh}.sv2-picture img{min-height:0;max-height:100%}.sv2-picture{height:100%}}@media (width>=1000px) and (height<=780px){.sv2-shell{gap:7px;padding:10px 18px}.sv2-heading{padding:8px 15px}.sv2 h1{font-size:26px}.sv2-card{gap:18px;padding:12px}.sv2-interaction{gap:7px}.sv2 button{min-height:33px;padding:7px 10px;font-size:13px}.sv2 h2{font-size:28px}.sv2-recorder{padding:8px}.sv2-model p{font-size:19px}.sv2-model{padding:6px 10px}.sv2-hint{padding:5px 10px;font-size:14px}.sv2-picker{font-size:13px}.sv2 select{padding:6px 10px}}@media (width<=999px){.sv2-card{grid-template-columns:1fr}.sv2-picture img{max-height:320px}.sv2-top strong{font-size:17px}.sv2-heading>span{display:none}.sv2-footer{flex-wrap:wrap}.sv2-top>span{font-size:12px}.sv2 progress{width:90px}}@media (width>=1000px) and (height<=780px){.sv2-shell:has(.sv2-model) .sv2-heading p{display:none}.sv2-card:has(.sv2-model) .sv2-interaction{gap:5px}.sv2-card:has(.sv2-model) .sv2-interaction>.sv2-muted{display:none}.sv2-card:has(.sv2-model) h2{font-size:24px}.sv2-model p{margin:2px 0;line-height:1.2}.sv2-model small{line-height:1.2}}@media (width>=860px) and (width<=999px) and (height>=600px){.unit9-runtime .sv2-shell{gap:6px;height:100dvh;padding:8px 14px}.unit9-runtime .sv2-heading{gap:10px;padding:7px 12px}.unit9-runtime .sv2 h1{font-size:25px}.unit9-runtime .sv2 h1 small{font-size:17px}.unit9-runtime .sv2-heading p{font-size:12px}.unit9-runtime .sv2-card{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:13px;padding:10px}.unit9-runtime .sv2-picture{height:100%;min-height:0}.unit9-runtime .sv2-picture img{min-height:0;max-height:100%}.unit9-runtime .sv2-interaction{gap:6px}.unit9-runtime .sv2 h2{font-size:24px}.unit9-runtime .sv2-picker{gap:10px;font-size:12px}.unit9-runtime .sv2 select{max-width:230px;padding:5px 7px}.unit9-runtime .sv2 button{gap:4px;min-height:32px;padding:6px 8px;font-size:12px}.unit9-runtime .sv2-buttons{gap:5px}.unit9-runtime .sv2-recorder{gap:5px;padding:7px}.unit9-runtime .sv2-muted,.unit9-runtime .sv2-privacy{font-size:12px}.unit9-runtime .sv2-recorder p{font-size:13px}.unit9-runtime .sv2-hint{padding:5px 8px;font-size:14px}.unit9-runtime .sv2-model{padding:5px 8px}.unit9-runtime .sv2-model p{margin:2px 0;font-size:18px}.unit9-runtime .sv2-card:has(.sv2-model)>.sv2-interaction>.sv2-muted{display:none}.unit9-runtime .sv2-footer{flex-wrap:nowrap;gap:8px;padding:4px}.unit9-runtime .sv2-footer span{font-size:12px}}:root{--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-300:#93c5fd;--blue-200:#bfdbfe;--blue-100:#dbeafe;--blue-50:#eff6ff;--green-600:#15803d;--green-500:#22c55e;--green-100:#dcfce7;--green-50:#f0fdf4;--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-100:#fef3c7;--orange-500:#f97316;--orange-100:#ffedd5;--red-500:#ef4444;--red-400:#f87171;--red-100:#fee2e2;--ink-900:#1c2a44;--ink-700:#3b4a63;--ink-500:#64748b;--ink-400:#94a3b8;--line:#e3e9f2;--bg:#f2f6fb;--surface:#fff;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--shadow-card:0 1px 2px #1c2a440a, 0 6px 18px #1c2a4412;--shadow-pop:0 2px 4px #1c2a440d, 0 14px 34px #1c2a4421;--shadow-blue:0 6px 18px #2563eb47;--font-cn:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", system-ui, sans-serif;--font-en:"Baloo 2", "Nunito", "Quicksand", "Varela Round", "Segoe UI Variable", "Segoe UI", -apple-system, sans-serif;--text-xs:13px;--text-sm:15px;--text-md:17px;--text-lg:19px;--text-xl:22px;--text-2xl:26px;--text-3xl:32px;--text-4xl:40px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:44px;--sp-8:56px;--ease:cubic-bezier(.25, .8, .3, 1);--dur:.2s}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-cn);font-size:var(--text-md);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.55}h1,h2,h3,h4,p{margin:0}.en,.word{font-family:var(--font-en);font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--blue-300);outline-offset:2px;border-radius:6px}img,svg{display:block}::selection{background:var(--blue-200)}ul{margin:0;padding:0;list-style:none}button,[role=button]{-webkit-user-select:none;user-select:none}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-cn);font-size:var(--text-lg);color:var(--ink-700);background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);min-height:52px;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease);white-space:nowrap;padding:12px 24px;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.985)}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-blue);font-size:var(--text-xl);min-height:60px;padding:14px 34px}.btn-primary:hover{background:var(--blue-700)}.btn-ghost{box-shadow:none;color:var(--ink-500);background:0 0}.btn-block{width:100%}.stars{align-items:center;gap:2px;display:inline-flex}.star{font-size:var(--text-xl);line-height:1}.star.dim{filter:grayscale();opacity:.35}.progress{border-radius:var(--radius-pill);background:var(--blue-100);height:12px;overflow:hidden}.progress>i{border-radius:inherit;background:var(--blue-500);height:100%;transition:width .5s var(--ease);display:block}.sound-btn{background:var(--blue-600);color:#fff;width:74px;height:74px;box-shadow:var(--shadow-blue);transition:transform var(--dur) var(--ease), background-color var(--dur);border-radius:50%;justify-content:center;align-items:center;font-size:34px;display:inline-flex}.sound-btn:hover{background:var(--blue-700);transform:translateY(-2px)}.sound-btn:active{transform:scale(.94)}.sound-btn.is-playing{animation:pulse-ring 1.1s var(--ease) infinite}.toast{background:var(--ink-900);color:#fff;font-size:var(--text-md);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);z-index:60;text-align:center;max-width:86vw;padding:12px 22px;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pop-in{animation:pop-in .45s var(--ease) both}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.float-y{animation:3s ease-in-out infinite float-y}