:root{--ink:#213b31;--muted:#67746b;--paper:#faf9f2;--green:#1c4937;--lime:#ddeb9b;--line:#dce1d4;--serif:Georgia,'Noto Serif CJK SC','Songti SC','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Inter,'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input,summary{ -webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{color:inherit}img{max-width:100%;object-fit:contain}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h2{font-size:clamp(29px,3vw,42px);line-height:1.35;letter-spacing:-1.5px}.wrap{max-width:1200px;margin:auto;padding:0 38px}.skip{position:fixed;top:-60px;left:12px;z-index:50;background:var(--green);color:white;padding:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid #a56b2d;outline-offset:4px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:24px;line-height:1.25;letter-spacing:-.8px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:1.8px;margin-top:6px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--green);color:var(--lime);height:43px;width:43px;border-radius:13px 13px 5px 13px;font-family:var(--serif);font-size:28px}.nav nav,.nav-tools{display:flex;align-items:center;gap:26px}.nav nav a{font-size:14px}.nav-tools{gap:13px}.nav select{border:0;background:transparent;color:var(--green);max-width:90px;font-size:13px;padding:8px 0}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:50px;padding:14px 25px;font-size:14px;font-weight:600;line-height:1.4;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.primary{background:var(--green);color:var(--paper)}.primary:hover{background:#306247}.outline{border:1px solid #b9c4b9;background:transparent;padding:11px 18px}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:24px;align-items:center;padding-top:45px;padding-bottom:75px;min-height:590px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5}.tiny-spark{color:#9a6c35;font-size:19px;vertical-align:middle;margin-right:7px}.hero h1{font-size:clamp(38px,4.6vw,63px);line-height:1.28;letter-spacing:-2.5px;margin:23px 0 25px}.hero h1 span{font-family:var(--serif);color:#597a48;font-weight:500}.hero-desc{max-width:420px;font-size:15px;line-height:1.95;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:13px;border-bottom:1px solid #acb8a7;padding-bottom:4px}.micro{font-size:11px;color:var(--muted);margin-top:20px;letter-spacing:.3px}.hero-art{position:relative;height:440px}.orbit{position:absolute;border:1px solid #d8dfc7;border-radius:50%;width:400px;height:400px;top:20px;left:50%;transform:translateX(-50%);background:#eaf0d7}.orbit-two{width:445px;height:445px;top:-3px;background:transparent;border-style:dashed;opacity:.65}.hero-art img{position:absolute;filter:drop-shadow(0 12px 10px #64843e12);height:auto}.hero-qilin{width:68%;left:19%;top:20%;z-index:3}.hero-koi{width:41%;left:-6%;top:58%;z-index:4;transform:rotate(-12deg)}.hero-dragon{width:42%;right:-5%;top:-4%;z-index:2;transform:rotate(8deg)}.floating-label{position:absolute;z-index:5;background:#fffef8;padding:9px 17px;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 0 #d8dfca33;font-size:20px;font-family:var(--serif)}.floating-label small{display:block;font:10px/1.5 'Segoe UI',sans-serif;letter-spacing:1px;color:var(--muted)}.label-top{top:24px;left:30px;transform:rotate(-9deg)}.label-bottom{bottom:-2px;right:1px;font:12px/1.5 'Microsoft YaHei',sans-serif;display:flex;align-items:center;gap:8px;transform:rotate(4deg)}.label-dot{background:#719b55;width:7px;height:7px;border-radius:50%}.art-star{position:absolute;color:#bd9046;font-size:33px}.star-one{top:8px;left:190px}.star-two{bottom:45px;right:2px}.art-seal{position:absolute;bottom:67px;right:17px;font-family:var(--serif);color:#a16a42;border:1px solid #a16a42;line-height:1.3;padding:5px;font-size:15px;border-radius:5px;transform:rotate(9deg)}.intro-strip{background:#f0f0e5;border-top:1px solid #e5e6db;border-bottom:1px solid #e5e6db}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:27px;padding-bottom:27px}.strip-inner p{font-size:17px}.strip-inner em{font-family:var(--serif);font-style:normal}.strip-inner>div{display:flex;align-items:center;gap:12px}.strip-inner b{font-family:var(--serif);font-size:32px;line-height:1;font-weight:500}.strip-inner span{font-size:11px;color:var(--muted)}.section{padding-top:88px;padding-bottom:88px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}.section-head h2{margin-top:13px}.section-desc{font-size:13px;line-height:1.9;color:var(--muted);max-width:280px}.guardian-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.guardian-card{border:1px solid var(--line);border-radius:18px;background:#f4f5e9;padding:18px 20px 12px;text-align:left;position:relative;min-height:197px;overflow:hidden;transition:transform .2s,border-color .2s}.guardian-card:nth-child(3n+2){background:#f4eee3}.guardian-card:nth-child(3n){background:#f1eff4}.guardian-card:hover{transform:translateY(-4px);border-color:#92a582}.guardian-card .level{font-size:10px;font-weight:700;letter-spacing:1.5px}.guardian-card h3{font-family:var(--serif);font-size:26px;margin-top:37px;line-height:1.3}.guardian-card p{font-size:11px;color:var(--muted);margin-top:6px;max-width:42%}.guardian-card img{position:absolute;width:57%;height:185px;right:-1px;bottom:2px;object-position:right bottom;transition:transform .2s}.guardian-card:hover img{transform:rotate(-3deg)}.guardian-card .arrow{position:absolute;right:16px;top:12px;color:#8d9c83;font-size:19px}.quiet-note{font-size:11px;color:var(--muted);margin-top:20px}.course-section{background:#ecefe4;padding:75px 0}.catalog-tools{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #cfd8c7;background:transparent;font-size:12px;border-radius:50px;padding:8px 14px;white-space:nowrap}.filter.active{background:var(--green);border-color:var(--green);color:var(--paper)}.search-box{border:1px solid #cbd5c4;border-radius:8px;display:flex;align-items:center;gap:10px;padding:6px 12px;max-width:220px;background:#f9faef}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px;padding:4px}.course-list{display:grid;gap:22px}.course-card{border:1px solid #d6ddcb;background:#fdfcf5;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:39% 1fr}.course-image{background:#e4e9db;min-height:270px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px}.course-image img{width:100%;max-height:280px;filter:drop-shadow(0 6px 9px #233f3110);border-radius:6px}.course-image .category{position:absolute;top:17px;left:20px;font-size:10px;letter-spacing:1px}.course-info{padding:32px 35px}.badge{display:inline-block;font-size:10px;letter-spacing:.8px;padding:4px 9px;border-radius:5px;background:#ebeddd;color:#667246}.course-info h3{font-size:27px;letter-spacing:-1px;line-height:1.4;margin:13px 0 10px}.course-info p{font-size:13px;color:var(--muted);line-height:1.9;max-width:540px}.course-meta{display:flex;gap:15px;color:#798273;font-size:11px;margin-top:14px}.course-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0e4d7;margin-top:24px;padding-top:20px}.price{font:32px/1.3 var(--serif)}.price small{font:10px/1.5 'Segoe UI',sans-serif;display:block;color:var(--muted)}.course-bottom .pill{padding:12px 20px}.empty{padding:48px;text-align:center;border:1px dashed #bdcbb4;border-radius:20px}.empty img{height:130px;width:140px;margin-bottom:14px}.empty h3{font-size:21px;margin-bottom:8px}.empty p{color:var(--muted);font-size:13px}.empty button{margin-top:20px}.course-footnote{display:flex;gap:10px;align-items:center;margin-top:23px;color:var(--muted);font-size:12px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.learning h2{margin:20px 0}.learning>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:390px;line-height:1.9}.phrase-card{border:1px solid #dce2d4;border-radius:20px;padding:35px;background:#f2f1e5;position:relative;min-height:285px}.phrase-label{font-size:9px;letter-spacing:1.8px;color:#7a8c70}.pinyin{font-size:13px;margin-top:27px;letter-spacing:1px;color:#829274}.chinese{font-family:var(--serif);font-size:34px;letter-spacing:1px;margin:4px 0 13px}.phrase-card p{font-size:12px;color:var(--muted)}.phrase-card img{position:absolute;right:-25px;bottom:-25px;width:135px;transform:rotate(-6deg)}.questions{padding-top:20px;display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.questions h2{margin-top:15px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{list-style:none;font-size:15px;position:relative;padding-right:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:13px}.closing{background:#e5ebcc;padding:47px 0;overflow:hidden}.closing .wrap{position:relative}.closing h2{font-size:32px;margin:12px 0 20px}.closing img{position:absolute;right:100px;top:-15px;width:210px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px}.footer .brand{font-size:18px;display:block}.footer .brand small{font-size:9px}.footer p,.footer button{font-size:11px;color:var(--muted)}.plain{background:transparent;padding:6px 9px}.footer>div{display:flex;gap:10px}dialog{width:min(680px,calc(100% - 28px));max-height:88dvh;overflow:auto;background:var(--paper);border:1px solid #d7decf;border-radius:20px;color:var(--ink);padding:30px}dialog::backdrop{background:#13261de0;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.icon-button{border:1px solid #d5ddcc;background:transparent;border-radius:50%;font-size:25px;line-height:1;width:33px;height:33px}.dialog-content h2,#dialog-content h2{font-size:30px;margin-bottom:15px}.dialog-body{font-size:14px;color:var(--muted);line-height:1.9;white-space:pre-line}.dialog-price{margin-top:20px;display:flex;align-items:center;gap:20px}.lesson-list{padding-left:22px;font-size:13px;color:var(--muted);line-height:2}.dialog-notice{background:#eef0df;border-radius:9px;padding:15px;margin:20px 0;font-size:13px}.language-note{font-size:11px;color:var(--muted)}body:has(dialog[open]){overflow:hidden}
@media(min-width:1350px){.hero h1{font-size:62px}}@media(max-width:1000px){.nav nav{display:none}.hero h1{font-size:43px}.hero-art{height:370px}.orbit{width:320px;height:320px}.orbit-two{width:360px;height:360px}.label-top{left:0}.hero-koi{left:-5%}.learning{gap:45px}.course-info{padding:25px}.guardian-card h3{font-size:23px}.guardian-card{padding-left:16px}.strip-inner{gap:20px}.strip-inner p{font-size:14px}.hero{gap:15px}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{height:85px;gap:12px}.brand{font-size:20px;gap:8px}.brand-mark{width:34px;height:36px;font-size:23px}.brand small{font-size:7px;letter-spacing:1px}.nav-tools{gap:0}.nav-tools .pill{display:none}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:50px;gap:30px}.hero-copy{max-width:480px}.hero h1{font-size:44px;letter-spacing:-2px;margin:20px 0}.hero-desc{font-size:14px;max-width:95%}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero-actions{gap:23px;margin-top:24px}.hero-art{width:min(100%,390px);height:330px;justify-self:center;margin-top:14px}.orbit{width:285px;height:285px;top:15px}.orbit-two{width:320px;height:320px;top:-3px}.hero-qilin{top:9%;width:66%;left:21%}.hero-dragon{width:38%;right:0;top:-9%}.hero-koi{width:38%;left:0;top:51%}.floating-label{font-size:17px;padding:7px 13px}.label-top{top:10px;left:13px}.label-bottom{font-size:10px;right:8px;bottom:14px}.star-one{left:145px;top:-17px}.art-seal{right:24px;bottom:65px}.intro-strip .wrap{padding-top:22px;padding-bottom:22px}.strip-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:19px 10px}.strip-inner>p{grid-column:1/-1;font-size:15px}.strip-inner>div{gap:9px}.strip-inner b{font-size:27px}.strip-inner span{font-size:10px}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block;margin-bottom:25px}.section-desc{margin-top:14px;font-size:12px}.section-desc br{display:none}h2{font-size:30px;letter-spacing:-1px}.guardian-grid{grid-template-columns:repeat(3,1fr);gap:8px}.guardian-card{min-height:176px;padding:11px 8px}.guardian-card .level{font-size:8px;letter-spacing:.6px}.guardian-card img{width:100%;height:99px;bottom:36px;right:0;object-position:center}.guardian-card h3{font-size:16px;margin-top:100px;line-height:1.4}.guardian-card p{display:none}.guardian-card .arrow{right:7px;top:6px;font-size:14px}.quiet-note{font-size:10px;line-height:1.8}.course-section{padding:52px 0}.catalog-tools{display:block}.filters{gap:6px}.filter{font-size:11px;padding:7px 12px}.search-box{margin-top:15px;max-width:100%}.course-card{grid-template-columns:1fr}.course-image{min-height:195px;max-height:240px;padding:37px 22px 22px}.course-image img{max-height:185px;width:auto;max-width:100%}.course-info{padding:23px}.course-info h3{font-size:24px}.course-bottom{gap:13px}.course-bottom .pill{font-size:12px;padding:12px 17px}.price{font-size:30px}.course-footnote{align-items:flex-start;font-size:11px}.learning{grid-template-columns:1fr;gap:30px}.learning h2 br{display:none}.phrase-card{min-height:260px;margin-right:12px;padding:25px}.chinese{font-size:29px}.phrase-card img{width:110px;right:-20px;bottom:-13px}.questions{display:block;padding-top:10px}.questions h2 br{display:none}.faq-list{margin-top:18px}.closing h2{font-size:25px;max-width:210px}.closing img{width:140px;right:0;top:35px;opacity:.9}.closing .eyebrow{font-size:8px}.closing .pill{position:relative;z-index:1}.footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px}.footer>p{display:none}.footer>div{gap:0}dialog{padding:22px}.empty{padding:30px 20px}.dialog-price{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer>div{flex-wrap:wrap}