.first-five-banner{background:#eef3e8;border:1px solid #dbe5d3;border-radius:20px;align-items:center;gap:24px;margin:12px 0 30px;padding:27px 30px;display:flex}.first-five-banner-icon{flex-shrink:0;width:75px;height:80px;overflow:hidden}.first-five-banner-icon .math-art{width:100px;height:80px;margin-left:-13px}.first-five-banner h2{word-break:keep-all;margin:5px 0 7px;font-size:23px}.first-five-banner p{color:#647369;font-size:13px}.first-five-banner>.button{flex-shrink:0;margin-left:auto}.first-five-banner.compact{margin-top:24px}.first-five-page{padding:45px 0 15px}.five-intro{grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;display:grid}.five-pill{color:#497557;background:#eff4e8;border:1px solid #d9e5d4;border-radius:40px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:inline-flex}.five-intro h1{word-break:keep-all;margin:18px 0;font-size:48px;line-height:1.3}.five-intro h1 em{color:var(--green);font-style:normal}.five-intro p{color:#65786e;font-size:15px;line-height:1.9}.five-facts{flex-wrap:wrap;gap:17px;margin-top:23px;font-size:12px;display:flex}.five-facts span{align-items:center;gap:6px;display:inline-flex}.five-route{background:linear-gradient(145deg,#faf3db,#edf3e7);border:1px solid #e5e7db;border-radius:23px;padding:27px 30px}.five-route ol{gap:11px;margin:13px 0;padding:0;list-style:none;display:grid}.five-route li{align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.five-route li>span{color:#45745e;background:#fff9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:inline-grid}.five-route small{color:#6a7867;font-size:12px}.five-progress{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:32px;padding:19px 23px}.five-progress>div:first-child{justify-content:space-between;align-items:center;gap:15px;font-size:13px;display:flex}.five-progress span{color:#65776a;font-size:12px}.five-progress-track{background:#ecf0e8;border-radius:10px;height:6px;margin-top:12px;overflow:hidden}.five-progress-track>span{border-radius:inherit;background:#4c9174;height:100%;display:block}.five-access{color:#65776b;align-items:flex-start;gap:8px;margin:16px 0;font-size:12px;line-height:1.9;display:flex}.five-access svg{margin-top:3px}.five-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:auto;margin:27px 0 22px;display:grid}.five-days button{white-space:normal;background:#fff;border:1px solid #e1e5da;border-radius:13px;justify-items:center;gap:2px;min-width:0;padding:15px 8px;display:grid}.five-days button[aria-current=step]{background:#e7f0e5;border-color:#4e886c;box-shadow:inset 0 0 0 1px #4e886c}.five-days button>span{color:#67836e;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.five-days b{font-size:14px}.five-days small{color:#69796d;font-size:12px;font-weight:400}.five-lesson{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.five-video{border-radius:22px;flex-direction:column;padding:30px;display:flex;overflow:hidden}.five-video h2{word-break:keep-all;margin:9px 0 12px;font-size:29px}.five-video p{font-size:14px;line-height:1.8}.five-video>.math-art{color:#4d806b;width:100%;height:210px;margin:13px 0}.five-video-bottom{justify-content:space-between;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.five-video-bottom b{align-items:center;gap:5px;display:inline-flex}.five-video>.button{width:100%;min-height:52px}.five-original{text-align:center;color:#586e61;word-break:keep-all;margin-top:13px;font-size:11px;line-height:1.8}.five-activity{border:1px solid var(--line);background:#fff;border-radius:22px;padding:30px}.five-activity h2{margin:10px 0 16px;font-size:24px}.five-activity p{word-break:keep-all;overflow-wrap:anywhere;font-size:14px;line-height:1.9}.five-activity-intro{color:#67796e}.five-mission{background:#f4f5eb;border-radius:14px;align-items:flex-start;gap:12px;margin:23px 0;padding:20px;display:flex}.five-pencil{color:#628668;margin-top:4px}.five-activity h3{margin:23px 0 11px;font-size:17px}.five-activity details{border-top:1px solid var(--line);margin:21px 0 0;padding-top:14px}.five-activity summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px;font-weight:600;display:list-item}.five-activity details>p{color:#4e715c;background:#f0f5ed;border-radius:9px;margin-top:5px;padding:15px;font-size:13px}.five-note-tip{color:#7a857a;align-items:flex-start;gap:7px;margin-top:16px;display:flex;font-size:12px!important}.five-note-tip svg{margin-top:4px}.five-bottom-nav{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.five-bottom-nav>span{color:#7d867c;font-size:13px}.five-bottom-nav .button{min-height:46px;font-size:13px}.five-bottom-nav button:disabled{cursor:default;opacity:.35}.five-footer-note{color:#7a8479;margin:28px 0;font-size:12px;line-height:1.9}.five-unavailable{padding:18px 0;font-size:13px!important}.five-unavailable .button{margin-top:12px}.net-puzzle{background:#fafbf7;border-radius:12px;justify-content:center;gap:20px;padding:15px;display:flex}.net-puzzle figure{text-align:center;flex:1;max-width:160px;margin:0}.net-puzzle svg{width:100%;height:170px;margin-top:8px;display:block}.five-finish{background:#e7f1e5;border-radius:18px;align-items:center;gap:20px;margin:30px 0;padding:28px;display:flex}.five-finish h2{margin-bottom:9px;font-size:23px}.five-finish p{font-size:13px}.five-finish>.button{flex-shrink:0;margin-left:auto}.five-watch-context{background:#eef5e8;border:1px solid #d9e5d1;border-radius:12px;margin:0 0 20px;padding:17px 20px}.five-watch-context>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.five-watch-context b{font-size:14px}.five-watch-context button{min-height:44px;font-size:12px;font-weight:600}.five-watch-context p{margin-top:7px;font-size:13px;line-height:1.85}.five-watch-context details{margin-top:12px;font-size:13px}.five-watch-context summary{cursor:pointer;min-height:40px;padding:8px 0}.five-watch-context .net-puzzle{max-width:430px;margin-top:15px}.five-watch-finish{background:#e8f2e4;border-radius:13px;margin-top:24px;padding:24px}.five-watch-finish p{margin-bottom:15px}.course-feature .feature-bottom h2{font-size:25px;line-height:1.4}.course-feature .feature-art{height:178px}.course-feature .feature-art .math-art{height:170px}.course-feature .feature-bottom small{font-size:12px}.header-inner{gap:44px}@media (max-width:1100px){.five-intro{gap:25px}.five-intro h1{font-size:39px}.five-video{padding:24px}.five-activity{padding:25px}.five-video h2{font-size:25px}.five-days button{min-height:91px}.five-lesson{gap:18px}.first-five-banner{gap:17px;padding:23px}.first-five-banner-icon{display:none}.first-five-banner h2{font-size:22px}.five-finish{flex-wrap:wrap}.five-finish>.button{margin-left:0}.five-watch-context button{font-size:13px}.five-watch-context p{font-size:14px}.header-inner{gap:0}}@media (max-width:720px){.first-five-page{padding-top:28px}.five-intro{grid-template-columns:minmax(0,1fr);gap:24px}.five-intro h1{margin:16px 0;font-size:36px}.five-intro p{font-size:14px}.five-pill{font-size:11px}.five-facts{gap:13px;margin-top:18px;font-size:11px}.five-route{padding:20px}.five-route ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0}.five-route li{white-space:nowrap;flex-direction:column;gap:8px;font-size:10px}.five-route small{font-size:11px}.five-progress{margin-top:24px;padding:16px}.five-progress>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}.five-progress span,.five-access{font-size:12px}.five-days{gap:5px;margin:22px 0 16px}.five-days button{min-height:78px;padding:10px 2px}.five-days small{display:none}.five-days b{font-size:13px}.five-lesson{grid-template-columns:minmax(0,1fr);gap:16px}.five-video{padding:23px}.five-video h2{font-size:26px}.five-video>.math-art{height:165px;margin:7px 0}.five-activity{padding:23px}.five-activity h2{font-size:23px}.five-activity p{font-size:14px}.five-mission{gap:9px;padding:17px}.five-bottom-nav{gap:8px}.five-bottom-nav>span{display:none}.five-bottom-nav .button{min-height:48px;padding:12px;font-size:12px}.five-footer-note{font-size:11px}.first-five-banner{flex-direction:column;align-items:stretch;gap:18px;margin:20px 0 25px;padding:23px}.first-five-banner>.button{width:100%;margin-left:0}.first-five-banner h2{font-size:22px}.first-five-banner p{font-size:13px;line-height:1.85}.five-finish{gap:13px;padding:23px}.five-finish>.button{width:100%}.five-finish h2{font-size:23px}.five-watch-context{padding:16px}.five-watch-context>div{flex-direction:column;align-items:flex-start;gap:5px}.five-watch-context button{padding:7px 0}.five-watch-context details{font-size:13px}.course-feature .feature-bottom h2{font-size:23px}.header-inner>nav{gap:5px}.header-inner>nav button{font-size:12px}}@media (max-width:359px){.five-intro h1{font-size:31px}.five-route{padding:16px}.five-route li{font-size:9px}.five-days b{font-size:12px}.five-video,.five-activity{padding:20px}.five-video h2{font-size:24px}.header-inner>nav button{font-size:11px}.first-five-banner h2{font-size:20px}}.five-jump{margin-top:22px;font-size:13px}.five-lesson{scroll-margin-top:135px}@media (max-width:720px){.five-jump{width:100%;min-height:48px;margin-top:20px}}