/* HanweiChinese: approved willow-green identity, 29 October 2026. */
:root{--ink:#294a37;--green:#315c45;--muted:#75816d;--cream:#faf9f2;--line:#e1e6d7;--willow:#75986b;--sage:#c9d8bc}
body{background:var(--cream)}.hero h1>span{color:#7a9a69}.eyebrow{color:#70845f}.text-link{color:#3f6847}.dot{background:#8da977}
header{height:132px}.brand{gap:0;letter-spacing:0;line-height:1}.brand-lockup{display:block;width:252px;height:130px;object-fit:contain}.brand-logo,.brand-wordmark{display:none}footer .brand-lockup{width:184px;height:95px}.footer-gallery{display:flex;align-items:center;gap:7px;font-size:10px;color:#5f7955;white-space:nowrap}.footer-gallery .ui-icon{width:14px;height:14px}footer>small{font-size:8px}
.btn{background:var(--green);box-shadow:0 4px 0 #24463212}.btn:hover{background:#234730}.ui-icon{display:inline-block;object-fit:contain;width:18px;height:18px;vertical-align:middle;flex-shrink:0}.btn>.ui-icon{filter:brightness(0) invert(1);width:16px;height:16px}.text-link>.ui-icon{width:14px;height:14px}.hanwei-sticker{object-fit:contain;vertical-align:middle;flex-shrink:0}.new .ui-icon{height:13px;width:13px}.close{display:grid;place-items:center;padding:6px;top:10px;right:10px}.close .ui-icon{width:19px;height:19px}
.hero{padding-top:20px}.hero-art .orbit{background:#e9eeda}.hero-art .o2{background:none;border-color:#cedbc0}.hero-art .mascot{width:355px;height:355px;object-fit:contain;margin-top:30px;transform:rotate(-3deg)}.hero-art .spark{color:#aab782}.hero-art .float-card{bottom:8px}.hero-art .bubble{right:0;top:2px}.hero-art .art-caption{bottom:-28px}.chinese-float{color:#91a67c}.float-card,.bubble{background:#fffef7;border-color:#e4e9d9}.mini-icon{background:#e4edd8}.mini-icon .ui-icon{width:15px;height:15px}.hero-note>span{color:#809a60}.benefits{background:#f0f3e8;color:#6e805d;gap:45px}.benefits>span{display:inline-flex;align-items:center;gap:7px}.benefits .ui-icon{width:15px;height:15px}
.course.peach{background:#edf0df}.course.mint{background:#e3ecd8}.course.lilac{background:#eaf0e5}.course-art{color:#5a7d4c}.course .pill{color:#6c805e}.skills-section{gap:60px}.skill-grid{gap:22px}.skill-tile{display:block;padding:15px;border-radius:16px;background:#f2f4ea;transition:background .15s}.skill-tile:hover{background:#e9efdf}.skill-portrait{width:105px;height:105px;display:block;margin:-3px 0 4px}.skill-tile h3{font-size:14px;margin-top:6px}.skill-tile p{font-size:10px}.resource{background:#fffef8}.book-cover{background:#75946b}.resource-note{color:#8c9e76}.final-cta{background:#e9efdc}.final-cta>img{width:130px;height:140px;opacity:1}
.daily-hero,.lesson-banner{background:#e7eedb;border-color:#dce6cf}.daily-hero>img{width:190px;height:218px;right:-4px;bottom:-5px;object-fit:contain}.streak{display:flex;align-items:center;gap:6px;background:#edf1df;color:#5e7946}.streak .ui-icon{width:17px;height:17px}.streak b{margin:0}.tiny-bubble{color:#638050}.side-link.selected{background:#e7edd9}.side-link>.ui-icon{width:20px;height:20px}.task-list,.week-card,.skill-card{background:#fffef8}.task-skill{width:52px;height:52px;border-radius:10px;object-fit:contain}.task{gap:12px;padding:13px 0}.meter i{background:#8da87b}.meter:nth-of-type(2) i{background:#a8ba8e}.meter:nth-of-type(3) i{background:#789a6d}.meter:nth-of-type(4) i{background:#b3c49a}.buddy-card{background:#e8efdf;min-height:185px;padding-right:80px}.buddy-sticker{position:absolute;right:4px;top:18px;width:94px;height:94px}.buddy-card h3{font-size:18px}.buddy-card p{max-width:180px}.skill-tip{color:#7b8d67}.node.done{background:#819e6b}.node.current{background:var(--green);box-shadow:0 0 0 6px #e1ead3}.node.locked{background:#e8eddf}.week b.active{background:#e7eed9}.week b.now{background:var(--green)}.progress i{background:#86a370}.task-check{color:#acb99f}
.lesson-goat>img{width:215px;height:215px;bottom:-33px}.hanwei-tip{border-color:#d5e0c7;background:#f3f5eb}.hanwei-tip>img{width:115px;height:115px}.tea-scene{background:#eef2e3}.tea-asset{width:180px;height:165px;object-fit:contain;background:transparent;border-radius:0}.phrase-card{background:#eaf0df}.phrase-card>small{color:#819272}.record-panel{background:#f0f3e8}.record-dot{background:#e2eacd;color:#638050}.record-dot.recording{color:#b2614c;background:#f3e5d5}.transcript,.self-review{border-color:#e0e6d5}.menu-board{background:#f1f3e5;border-color:#dce4cc;box-shadow:5px 5px 0 #e3e8d6}.menu-board>div:not(.menu-heading){border-color:#d4dfc3}.reading-note{background:#e8f0dc}.word-token{background:#ecf2e3;border-color:#d6e1c8;box-shadow:0 3px 0 #dce6cf}.word-token:hover{background:#e0ebd2}.lesson-nav>a.is-current{border-color:#d4e1c5;background:#fffef8}.lesson-nav em{background:#eef2e5;width:42px;height:42px;border-radius:11px;overflow:hidden}.nav-skill{height:46px;width:46px}.lesson-nav em>.ui-icon{height:20px;width:20px}.lesson-feedback{display:flex;align-items:center;gap:13px;line-height:1.8}.lesson-feedback:empty{min-height:0!important;margin-top:0!important}.feedback-emoji{width:70px;height:70px;object-fit:contain;flex-shrink:0}.result-box{background:#f1f3e7;border-color:#dfe7d2}.result-box.passed{background:#e9f0dc}.success-asset{width:165px;height:165px}.soft-notice{background:#eef1df;color:#7a865d}.lesson-tags>span{display:inline-flex;align-items:center;gap:5px}.lesson-tags .ui-icon{width:12px;height:12px}.modal-mascot{float:right;width:88px;height:88px;margin:7px 0 8px 12px}.chat-msg{background:#eaf0df}.chat-msg>.ui-icon{width:14px;height:14px}.record-panel small{color:#7d8a70}
.asset-page{padding-bottom:55px}.asset-hero{padding:30px 0 45px;text-align:center}.asset-hero .eyebrow{justify-content:center}.asset-hero h1{font-size:43px;letter-spacing:-1.8px;line-height:1.35;margin:17px 0}.asset-hero p{font-size:12px;max-width:530px;margin:0 auto 25px}.asset-hero .btn{font-size:12px;gap:12px}.asset-logo-panel{display:flex;align-items:center;gap:35px;border-radius:22px;border:1px solid #e0e7d3;padding:22px 30px;background:#f8f9f0;margin-bottom:50px}.asset-logo-panel>img{width:48%;height:auto;max-height:290px;object-fit:contain}.asset-logo-panel h2{font-size:23px;margin:12px 0}.asset-logo-panel p{font-size:11px;margin-bottom:20px}.asset-logo-panel .tag{font-size:8px;letter-spacing:1px}.asset-page>h2{font-size:26px;margin:40px 0 24px}.asset-description{font-size:11px;margin:-12px 0 23px}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.asset-card{border:1px solid #e0e6d5;border-radius:15px;background:#fffef8;padding:20px 15px 14px;display:flex;flex-direction:column;align-items:center;transition:background .15s,transform .15s;min-width:0}.asset-card:hover{background:#eff3e5;transform:translateY(-3px)}.asset-card>.hanwei-sticker{width:145px;height:145px;max-width:100%}.asset-card>span{font-size:11px;margin-top:10px;text-align:center;font-weight:500;line-height:1.6}.asset-card>small{display:flex;align-items:center;gap:7px;font-size:8px;color:#95a187;margin-top:12px}.asset-card>small .ui-icon{width:12px;height:12px}.ui-assets{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.asset-small{padding:22px 8px 15px}.asset-small>.ui-icon{width:30px;height:30px}.asset-small>span{font-size:9px}.asset-return{padding:40px 0 0;text-align:center}.asset-return .btn{font-size:12px;gap:13px}
@media(max-width:1100px){header{padding-left:25px;padding-right:25px;gap:18px}.brand-lockup{width:218px;height:113px}.benefits{gap:25px}.skills-section{gap:35px}.daily-hero>img{right:10px}.asset-grid{gap:13px}.ui-assets{grid-template-columns:repeat(5,minmax(0,1fr))}footer{gap:20px}footer .brand-lockup{width:155px;height:80px}}
@media(max-width:760px){header{height:auto;min-height:120px;padding:8px 22px 15px;gap:8px 14px}.brand-lockup{width:185px;height:96px}header>.btn{font-size:11px;padding:12px 14px;gap:12px}nav{font-size:9px;gap:9px}header nav a{padding:8px 0}.hero{padding-top:24px}.hero-art{min-height:370px}.hero-art .mascot{width:310px;height:310px;max-width:100%;margin-top:35px}.hero-art .bubble{top:8px;font-size:20px;right:0}.hero-art .float-card{bottom:0;left:15px}.hero-art .art-caption{font-size:7px;bottom:-28px;right:15px}.benefits{gap:17px 11px;font-size:8px}.benefits .ui-icon{width:13px;height:13px}.skill-grid{gap:15px}.skill-tile{padding:13px}.skill-portrait{width:95px;height:95px;margin:0 auto 8px}.skill-tile h3{font-size:12px}.skill-tile p{font-size:10px}.final-cta>img{position:absolute;width:96px;height:106px;right:0;top:12px;opacity:1}.final-cta h2{max-width:72%}.final-cta p{max-width:70%}footer{gap:12px 17px;padding-top:15px;padding-bottom:25px}footer .brand-lockup{width:150px;height:77px}footer>span{font-size:8px;flex:1;min-width:120px}footer .footer-gallery{font-size:10px}footer>small{width:auto;font-size:8px;margin-left:auto}.streak{font-size:8px;padding:9px;gap:5px;flex-wrap:wrap}.streak .ui-icon{height:14px;width:14px}.daily-hero>img{width:155px;height:180px;right:-6px;bottom:2px}.tiny-bubble{right:8px;top:33px}.task-skill{width:46px;height:46px}.buddy-card{padding-right:95px}.buddy-sticker{width:100px;height:100px;right:10px;top:15px}.buddy-card h3 br{display:none}.buddy-card p{max-width:none}.lesson-goat>img{height:145px;width:145px;bottom:-9px;right:-5px}.tea-asset{height:190px;width:210px;max-width:100%;margin:0 auto 15px;display:block;object-fit:contain}.lesson-tags>span{font-size:7px}.lesson-tags .ui-icon{width:10px;height:10px}.lesson-nav em{width:36px;height:36px;border-radius:9px}.lesson-nav em .nav-skill{width:39px;height:39px}.lesson-nav>a{padding:8px 5px;min-width:45px}.lesson-nav>a>span{font-size:8px}.lesson-nav{gap:5px}.feedback-emoji{width:60px;height:60px}.lesson-feedback{gap:9px}.lesson-feedback>span{font-size:10px}.success-asset{width:140px;height:140px}.modal-mascot{width:76px;height:76px}.activity-card>.btn{gap:8px}.activity-card .ui-icon{width:14px;height:14px}.asset-hero{padding:20px 0 30px}.asset-hero h1{font-size:30px;letter-spacing:-1px}.asset-hero p{font-size:11px}.asset-logo-panel{display:block;padding:20px;margin-bottom:35px}.asset-logo-panel>img{width:100%;max-height:240px;display:block;margin:0 auto 12px}.asset-logo-panel h2{font-size:22px}.asset-page>h2{font-size:22px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-card{padding:15px 9px 12px}.asset-card>.hanwei-sticker{width:135px;height:135px}.asset-card>span{font-size:10px}.ui-assets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.asset-small{padding:18px 5px 12px}.asset-small>.ui-icon{width:25px;height:25px}.asset-small>span{font-size:8px}.asset-description{font-size:10px}.asset-page{padding-bottom:35px}}
@media(max-width:360px){.brand-lockup{width:152px;height:79px}header>.btn{padding:11px;font-size:10px}.hero-art .bubble{right:4px;font-size:18px}.hero-art .mascot{width:270px;height:290px}.hero-art .float-card{left:0}.skill-tile h3{font-size:11px}.skill-portrait{width:78px;height:78px}.daily-hero>img{width:135px;right:-13px}.ui-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-card>.hanwei-sticker{height:110px;width:110px}}
@media(max-width:760px){.daily-hero{min-height:280px}.daily-hero>div{width:62%}.daily-hero h2{font-size:24px;letter-spacing:-.6px;line-height:1.45}.daily-hero>img{width:35%;height:auto;aspect-ratio:1;right:0;bottom:18px}.daily-hero .btn{max-width:100%;font-size:10px;padding:12px 13px;gap:8px;line-height:1.6}.daily-hero p{font-size:10px}.tiny-bubble{right:8px;top:25px;font-size:8px}.lesson-goat>img{right:0}}
@media(max-width:360px){.daily-hero{min-height:300px}.daily-hero h2{font-size:23px}.daily-hero .btn{font-size:9px;padding:11px 10px}}