@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&family=ZCOOL+KuaiLe&display=swap";:root{color:#26354a;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8fc;font-family:Nunito,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;padding:18px max(22px,50vw - 550px)}.topbar,.practice-topbar{justify-content:space-between;align-items:center;height:58px;display:flex}.brand{color:#24344c;background:0 0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:900;display:inline-flex}.brand-mark,.mission-icon,.lesson-icon,.summary-icon{justify-content:center;align-items:center;display:inline-flex}.brand-mark{color:#fff;background:#3977e8;border-radius:10px;width:35px;height:35px}nav{background:#edf1f7;border-radius:10px;gap:5px;padding:4px;display:flex}nav button,.icon-button{color:#65758a;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}nav button.active,nav button:hover,.icon-button:hover{color:#2669d9;background:#fff;box-shadow:0 2px 8px #2b4d7c1a}.home-view,.plain-view{max-width:1030px;margin:44px auto 20px}.welcome-row,.section-heading,.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.eyebrow{color:#5c7aa8;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}h1,h2,p{margin:0}h1{letter-spacing:0;font-family:ZCOOL KuaiLe,Microsoft YaHei,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.2}h2{font-size:21px;line-height:1.25}.subtle,.section-heading>span,.found-area>.eyebrow,.skill-card>p{color:#708099;font-size:14px}.streak-chip{color:#e96939;white-space:nowrap;background:#fff0e8;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;font-weight:800;display:inline-flex}.daily-mission{color:#fff;background:#3275e6;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:31px;padding:27px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 35px #2d6cd02e}.daily-mission:after{content:"";border:31px solid #ffffff21;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-120px;right:-60px}.mission-copy{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.mission-icon{color:#2565cf;background:#ffd969;border-radius:8px;width:56px;height:56px}.daily-mission .eyebrow{color:#bed9ff}.daily-mission h2{font-size:23px}.daily-mission p:not(.eyebrow){color:#d9e8ff;margin-top:5px;font-size:14px}.primary-button{color:#24344c;white-space:nowrap;z-index:1;background:#ffd75d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 3px #e9b829}.primary-button:hover{transform:translateY(-1px);box-shadow:0 5px #e9b829}.primary-button:active{transform:translateY(2px);box-shadow:0 1px #e9b829}.content-section{margin-top:42px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:17px;display:grid}.lesson-card{text-align:left;color:#26354a;background:#fff;border:1px solid #e6ebf3;border-radius:8px;align-items:center;gap:13px;min-height:82px;padding:17px;transition:transform .2s,box-shadow .2s;display:flex}button.lesson-card:hover{transform:translateY(-2px);box-shadow:0 9px 18px #304d781a}.lesson-card.locked{color:#8f9bad;background:#fafbfd}.lesson-icon{border-radius:8px;flex:none;width:43px;height:43px}.blue .lesson-icon{color:#2871e6;background:#eaf3ff}.yellow .lesson-icon{color:#c58813;background:#fff6d9}.coral .lesson-icon{color:#e75958;background:#ffebeb}.locked .lesson-icon{color:#8896a8;background:#edf1f5}.lesson-info{gap:3px;display:grid}.lesson-info strong{font-size:16px}.lesson-info small{color:#758399;font-size:13px}.lesson-arrow{color:#96a5b8;margin-left:auto}.summary-strip{border-top:1px solid #e3e9f1;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px;padding:20px 0;display:grid}.summary-strip>div{justify-content:center;align-items:center;gap:10px;display:flex}.summary-icon{border-radius:8px;width:38px;height:38px}.summary-icon.blue{color:#2775e8;background:#eaf3ff}.summary-icon.yellow{color:#c88b10;background:#fff4d7}.summary-icon.coral{color:#e76563;background:#ffedeb}.summary-strip p{display:grid}.summary-strip strong{font-size:18px}.summary-strip small{color:#8390a1;font-size:12px}.practice-view{max-width:920px;min-height:calc(100vh - 36px);margin:0 auto}.practice-topbar{border-bottom:1px solid #e2e9f2}.practice-route{align-items:center;gap:9px;font-size:14px;display:inline-flex}.practice-route span:last-child{color:#8090a7}.route-dot{border-radius:50%;width:10px;height:10px}.route-dot.blue{background:#3977e8}.route-dot.yellow{background:#f2bd3d}.route-dot.coral{background:#ee7365}.route-dot.green{background:#42b981}.practice-tools{align-items:center;gap:7px;display:flex}.timer{color:#e45e49;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:900;display:inline-flex}.practice-content{text-align:center;max-width:610px;margin:27px auto 0}.mission-progress{color:#728097;align-items:center;gap:11px;font-size:13px;font-weight:800;display:flex}.progress-track{background:#e8edf4;border-radius:10px;flex:1;height:8px;overflow:hidden}.progress-track div{border-radius:inherit;background:#51bc88;height:100%;transition:width .3s}.target-panel{background:#fff;border:1px solid #e3e9f1;border-radius:8px;margin-top:20px;padding:19px 20px 17px;box-shadow:0 8px 20px #425b800f}.target-number{color:#286fdc;font-family:ZCOOL KuaiLe,Microsoft YaHei,sans-serif;font-size:66px;line-height:1}.equation{color:#68788d;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-weight:900;display:flex}.equation span{color:#2f425b;border:2px dashed #b8c5d5;border-radius:7px;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.equation strong{color:#286fdc;font-size:18px}.feedback{color:#718199;min-height:23px;margin:17px 0 12px;font-size:14px;font-weight:800}.feedback.correct{color:#1d9c68}.feedback.wrong{color:#dd5d5d}.feedback.complete{color:#1d9c68}.number-board{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.number-card{color:#293b53;background:#fff;border:2px solid #e0e7f0;border-radius:8px;height:69px;font-size:27px;font-weight:900;transition:transform .15s,border-color .15s,background .15s;box-shadow:0 3px #d9e2ee}.number-card:hover{border-color:#5d94ef;transform:translateY(-2px)}.number-card.selected{color:#2364d4;background:#eaf3ff;border-color:#3676e6}.number-card.matched{color:#16875a;background:#e8f8ef;border-color:#42b981;box-shadow:0 3px #a8dfbd}.number-card.wrong{color:#ce554e;background:#fff0ef;border-color:#ed7c72}.number-card.hinted{color:#b57d13;border-color:#efb426;animation:.7s ease-in-out 2 hint-glow}@keyframes hint-glow{50%{box-shadow:0 0 0 5px #f7c73838}}.found-area{min-height:48px;margin-top:24px}.found-area>.eyebrow{margin-bottom:7px}.found-pairs{flex-wrap:wrap;justify-content:center;gap:7px;min-height:29px;display:flex}.found-pairs span,.found-pairs i{border-radius:6px;min-width:65px;height:27px}.found-pairs span{color:#16875a;background:#e7f7ef;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:900;display:inline-flex}.found-pairs i{background:#eef2f6;border:1px dashed #d5dde7}.hint-button{color:#9b7112;background:#fff5d8;border:1px solid #f6dc8e;border-radius:8px;align-items:center;gap:7px;margin-top:25px;padding:10px 14px;font-weight:900;display:inline-flex}.hint-button:hover{background:#ffefb8}.overlay{z-index:5;background:#1d304c78;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card,.pause-card{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:370px;padding:31px 28px 26px;box-shadow:0 18px 50px #14243c3d}.result-burst{color:#fff;background:#f2bd3d;border:6px solid #fff;border-radius:50%;place-items:center;width:80px;height:80px;margin:-54px auto 13px;display:grid}.result-card h2,.pause-card h2{margin-bottom:11px;font-size:24px}.earned-stars{color:#f1bd35;justify-content:center;gap:5px;margin:18px 0;display:flex}.result-card>p:not(.eyebrow){color:#748399;margin-bottom:21px;font-size:14px}.result-card .primary-button,.pause-card .primary-button{width:100%}.text-button{color:#6f8097;background:0 0;margin:4px auto 0;padding:14px;font-weight:800;display:block}.pause-card{padding-top:35px}.pause-card>svg{color:#3977e8;margin-bottom:12px}.plain-view{max-width:860px}.page-heading{align-items:center}.progress-hero{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.progress-hero>div{background:#fff;border:1px solid #e6ebf3;border-radius:8px;align-items:center;gap:13px;padding:22px;display:flex}.progress-hero p{color:#748399;font-size:13px;display:grid}.progress-hero strong{color:#26354a;margin-top:2px;font-size:24px}.skill-card{background:#fff;border:1px solid #e6ebf3;border-radius:8px;margin-top:24px;padding:25px}.mastery-bar{background:#eaf0f6;border-radius:10px;height:11px;margin:23px 0 14px;overflow:hidden}.mastery-bar span{border-radius:inherit;background:#51bc88;height:100%;transition:width .3s;display:block}.settings-list{background:#fff;border:1px solid #e1e8f0;border-radius:8px;margin-top:30px;overflow:hidden}.settings-list label{border-bottom:1px solid #e9eef4;justify-content:space-between;align-items:center;min-height:66px;padding:14px 18px;display:flex}.settings-list label:last-child{border-bottom:0}.settings-list label>span{align-items:center;gap:10px;display:flex}.settings-list svg{color:#3977e8}.settings-list input[type=checkbox]{appearance:none;background:#cad4e0;border-radius:14px;width:42px;height:24px;transition:background .2s;position:relative}.settings-list input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.settings-list input:checked{background:#3977e8}.settings-list input:checked:after{transform:translate(18px)}.name-input{text-align:right;color:#26354a;border:1px solid #d9e1eb;border-radius:6px;outline-color:#3977e8;max-width:130px;padding:8px 10px}.danger-button{color:#c75555;background:#fff;border:1px solid #f0d8d8;border-radius:7px;align-items:center;gap:7px;margin-top:22px;padding:10px 13px;font-size:14px;font-weight:800;display:inline-flex}@media (width<=650px){.app-shell{padding:12px 16px}.home-view,.plain-view{margin-top:30px}.daily-mission{flex-direction:column;align-items:stretch;padding:22px}.daily-mission .primary-button{width:100%}.lesson-grid{grid-template-columns:1fr}.summary-strip{margin-top:30px}.summary-strip>div{justify-content:flex-start}.practice-content{margin-top:20px}.target-number{font-size:58px}.number-board{gap:8px}.number-card{height:62px;font-size:24px}.progress-hero{grid-template-columns:1fr;gap:10px}.progress-hero>div{padding:17px}.welcome-row{flex-direction:column;align-items:flex-start}.practice-route span:last-child{display:none}.timer{font-size:13px}.practice-tools{gap:2px}.icon-button{width:33px}.target-panel{margin-top:15px}}@media (width>=651px) and (width<=900px){.lesson-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.app-shell{padding-inline:11px}.brand{font-size:16px}.number-card{height:55px}.practice-topbar{height:53px}.target-panel{padding:15px}.found-area{margin-top:18px}.hint-button{margin-top:17px}}.voice-setting{color:#718199;border-bottom:1px solid #e9eef4;flex-direction:column;align-items:flex-start;gap:9px;min-height:74px;padding:13px 18px;font-size:13px;display:flex}.test-voice-button{color:#2669d9;background:#eaf3ff;border-radius:6px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;font-weight:900;display:inline-flex}.test-voice-button svg{color:inherit}.practice-actions{justify-content:center;align-items:center;gap:9px;margin-top:25px;display:flex}.practice-actions .hint-button{margin-top:0}.skip-button{color:#6e7f94;background:#fff;border:1px solid #dbe3ed;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:900;display:inline-flex}.skip-button:hover{color:#3977e8;background:#f6faff;border-color:#a9c4ef}.challenge-summary{grid-template-columns:repeat(2,1fr);gap:9px;margin:19px 0;display:grid}.challenge-summary span{color:#748399;background:#f5f8fc;border-radius:7px;padding:12px 8px;font-size:13px;font-weight:800}.challenge-summary strong{color:#286fdc;font-size:22px;display:block}.skip-confirm>p:not(.eyebrow){color:#718199;margin:0 0 17px;font-size:14px;line-height:1.6}.skip-confirm .eyebrow{margin-top:2px}.skip-confirm h2{margin-bottom:8px}.history-section{margin-top:24px}.history-empty{color:#718199;text-align:center;background:#fff;border:1px dashed #cfd9e5;border-radius:8px;padding:22px;font-size:14px}.history-list{background:#fff;border:1px solid #e1e8f0;border-radius:8px;overflow:hidden}.history-item{border-bottom:1px solid #edf1f5;align-items:center;gap:13px;min-height:68px;padding:11px 15px;display:flex}.history-item:last-child{border-bottom:0}.history-target{color:#286fdc;background:#eaf3ff;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.history-item p{gap:3px;display:grid}.history-item small{color:#758399;font-size:12px}.history-status{color:#2d78dd;background:#eaf3ff;border-radius:5px;margin-left:auto;padding:5px 8px;font-size:12px;font-weight:900}.history-status.skipped{color:#9b7112;background:#fff5d8}.history-status.timeout{color:#c75555;background:#fff0ef}.green .lesson-icon{color:#16875a;background:#e7f7ef}.lesson-card.unavailable{color:#8f9bad;cursor:not-allowed;background:#fafbfd}.lesson-card.unavailable .lesson-icon{color:#8896a8;background:#edf1f5}.lesson-card.unavailable .lesson-arrow{opacity:.5}.history-status.resolved{color:#16875a;background:#e7f7ef}.mastery-section{margin-top:24px}.mastery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.mastery-card{background:#fff;border:1px solid #e1e8f0;border-radius:8px;padding:19px}.mastery-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mastery-card h3{color:#26354a;margin:0;font-size:17px}.mastery-card-heading small,.mastery-metrics small,.error-summary small{color:#758399;font-size:12px}.mastery-card-heading>span{color:#a57817;background:#fff5d8;border-radius:5px;flex:none;padding:4px 7px;font-size:12px;font-weight:900}.mastery-card-heading>span.strong{color:#16875a;background:#e7f7ef}.mastery-card .mastery-bar{height:9px;margin:18px 0 15px}.mastery-metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mastery-metrics p{gap:3px;display:grid}.mastery-metrics strong{color:#2d4563;font-size:15px}.error-summary{border-top:1px solid #edf1f5;flex-wrap:wrap;align-items:center;gap:5px 8px;min-height:26px;margin-top:15px;padding-top:12px;display:flex}.error-summary>span{color:#a95a4f;background:#fff0ef;border-radius:5px;padding:3px 6px;font-size:12px;font-weight:800}.error-summary>span:first-of-type:only-of-type{color:#718199;background:#f2f5f8}@media (width<=380px){.practice-actions{margin-top:17px}.mastery-metrics{gap:4px}.mastery-metrics strong{font-size:14px}}@media (width<=650px){.mastery-list{grid-template-columns:1fr}}