*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:#191919;font:16px/1.75 'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #bd4204;outline-offset:5px}img{max-width:100%;height:auto}header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #ddd;background:#fff}header img{width:180px;height:52px;object-fit:contain}nav{display:flex;gap:24px;align-items:center}nav a{font-size:14px}.wrap{max-width:1200px;margin:auto;padding:76px 28px}h1,h2,h3,p{margin-top:0}h1{font-size:76px;line-height:1.1;margin-bottom:18px}h2{font-size:36px;line-height:1.28;margin-bottom:24px}h3{font-size:19px;line-height:1.4}p{max-width:72ch}.tag{font-size:12px;font-weight:700;margin-bottom:22px}.hero{position:relative;background:#141416;color:#fff;isolation:isolate;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 30%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,12,.98) 0%,rgba(10,10,12,.94) 37%,rgba(10,10,12,.45) 72%,rgba(10,10,12,.25));z-index:-1}.hero .wrap{padding-top:70px;padding-bottom:70px}.hero .tag{color:#ffad78}.hero h2{font-size:34px;max-width:520px;margin-bottom:18px}.hero p:not(.tag){max-width:510px;color:#e0e0e0}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:28px 0 20px}.button{background:#ff782d;color:#151515;padding:13px 22px;border-radius:5px;text-decoration:none;font-weight:700;display:inline-block;line-height:1.5}.actions>a:not(.button){font-size:14px}.hero .small{font-size:13px;max-width:460px!important}.intro{padding-bottom:32px}.intro h2{max-width:660px}.accent{color:#a63b00}.product{background:#f3f4f5}.product .wrap{padding-top:32px;padding-bottom:38px}figure{margin:0}figure img{display:block;width:100%;aspect-ratio:1440/1000;object-fit:contain;background:#101014;border:1px solid #ddd}figcaption{font-size:13px;color:#555;padding-top:12px}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}.feature{padding:24px 0;border-top:1px solid #ddd}.feature .number{color:#b74000;font-size:13px;font-weight:700}.feature h3{margin:8px 0}.feature p{font-size:14px;color:#555;margin-bottom:0}.lesson-band{background:#f3f4f5}.lesson{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px}.sentence{border-left:4px solid #ff782d;padding:12px 0 12px 24px;margin:28px 0}.hanzi{font-size:36px;line-height:1.5;font-family:'Microsoft YaHei','Segoe UI',sans-serif;display:block}.pinyin{font-size:17px;color:#a63900;display:block;margin:10px 0}.sentence p{margin:0}.pattern{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.pattern span{padding-bottom:8px;border-bottom:2px solid #ff782d;font-weight:600}table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:15px}td,th{text-align:left;padding:13px 8px;border-bottom:1px solid #d3d3d3}th{font-size:13px;color:#555}td:first-child{font-size:23px}.small{font-size:13px;color:#555}.question{padding:28px 0;border-top:1px solid #ccc;margin-top:30px}.question .hanzi{font-size:25px}details{border-top:1px solid #d4d4d4;padding:19px 0}summary{font-weight:650;cursor:pointer;line-height:1.5}details p{margin:16px 0 0;color:#444}.question details{margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:36px}.steps b{display:block;color:#ab3b00;margin-bottom:12px}.faq{max-width:850px}.closing{background:#171719;color:#fff}.closing .wrap{padding-top:60px;padding-bottom:60px}.closing h2{max-width:700px}.closing p{color:#ddd}footer .wrap{padding-top:35px;padding-bottom:35px}footer p{font-size:12px;color:#555}footer nav{gap:20px;flex-wrap:wrap}footer a{font-size:13px}.contact{display:block;margin:20px 0}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}
@media(max-width:800px){header{padding:12px 22px}header img{width:146px;height:42px}nav{gap:16px}.wrap{padding:48px 24px}h1{font-size:52px}h2{font-size:29px}.hero h2{font-size:29px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson{grid-template-columns:1fr;gap:28px}.hero:after{background:rgba(10,10,12,.87)}.hero .wrap{padding-top:52px;padding-bottom:45px}.steps{gap:25px}}
@media(max-width:430px){header{gap:10px;padding:10px 18px}header img{width:130px}nav{gap:12px}nav a{font-size:12px}.wrap{padding-left:20px;padding-right:20px}h1{font-size:46px}.hero h2{font-size:27px}.features{grid-template-columns:1fr;gap:0}.steps{grid-template-columns:1fr;gap:20px}.steps p{margin-bottom:0}.actions{align-items:flex-start;flex-direction:column}.hanzi{font-size:30px}td,th{padding-left:4px;padding-right:4px}.hero .wrap{padding-top:38px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}