/* Shared KidMindLab typography and chrome. Component rules are derived from the homepage stylesheet. */
body.kml-product-page{margin:0;background:#fbf8f0;color:#193b35;font-family:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif;line-height:1.7}
html[lang|="en"] body.kml-product-page{font-family:system-ui, -apple-system, "Segoe UI", Arial, sans-serif}
.kml-product-page main :is(h1,h2,h3,p,button,summary,input){font-family:inherit}
.kml-product-page main .hero h1{font-size:clamp(32px,4vw,48px);line-height:1.18;letter-spacing:-.035em;max-width:none}
.kml-product-page main :is(.intro,.product-intro){font-size:16px;line-height:1.7}
.kml-product-page .kml-product-id{display:flex;align-items:center;gap:10px;margin:0 0 15px;font-size:17px;line-height:1.35;font-weight:700}
.kml-product-id img{width:38px;height:38px;flex:none;object-fit:contain;border-radius:9px}
.kml-site-chrome{--ink:#193b35;--muted:#5c6d65;--line:#d9ddd1;--coral:#c84f38;--yellow:#f2cf69;--content:1200px;color:var(--ink);text-align:start;line-height:1.7}
.kml-site-chrome *, .kml-site-chrome{box-sizing:border-box}
.kml-site-chrome .wrap{width:auto}
.kml-site-chrome a{color:inherit;text-decoration:none}
.kml-site-chrome button{font:inherit;color:inherit;cursor:pointer;border:0}
.kml-site-chrome :is(a,button):focus-visible{outline:2px solid #50745b;outline-offset:3px}
.kml-site-chrome [hidden]{display:none!important}
.kml-site-chrome :is(h2,p){margin:0}
.kml-site-chrome .language-menu{max-height:min(65vh,480px);overflow:auto}
.kml-site-chrome .footer-bottom{flex-wrap:wrap;line-height:1.9}
.kml-site-chrome .wrap{max-width: var(--content); margin: auto; padding-inline: 32px;}
.kml-site-chrome .coral{color: var(--coral);}
.kml-site-chrome.site-header{position: sticky; top: 0px; z-index: 30; background: rgba(251, 248, 240, 0.96); border-bottom: 1px solid rgba(217, 221, 209, 0.5); backdrop-filter: blur(14px);}
.kml-site-chrome .header-inner{display: flex; align-items: center; justify-content: space-between; min-height: 102px; gap: 24px;}
.kml-site-chrome .brand{display: flex; align-items: center; gap: 11px; flex-shrink: 0; font-size: 25px; font-weight: 800; letter-spacing: -1px; line-height: 1.3;}
.kml-site-chrome .brand small{display: block; font-size: 10px; letter-spacing: 2px; font-weight: 400; margin-top: 5px;}
.kml-site-chrome .brand-mark{position: relative; width: 38px; height: 42px; display: block;}
.kml-site-chrome .brand-mark i{display: block; position: absolute; left: 0px; top: 8px; width: 27px; height: 27px; background: rgb(48, 105, 83); border-radius: 50%;}
.kml-site-chrome .brand-mark b{position: absolute; width: 13px; height: 13px; background: var(--coral); border-radius: 50%; right: 0px; top: 2px;}
.kml-site-chrome .brand-mark em{position: absolute; left: 18px; bottom: 1px; width: 18px; height: 13px; background: var(--yellow); border-radius: 0 0 16px 16px; transform: rotate(-30deg);}
.kml-site-chrome .main-nav{display: flex; align-items: center; gap: 34px; font-size: 13px; font-weight: 600;}
.kml-site-chrome .main-nav a{min-height: 44px; display: flex; align-items: center; gap: 6px;}
.kml-site-chrome .main-nav a:hover,.kml-site-chrome .footer-top a:hover{color: var(--coral);}
.kml-site-chrome .menu-toggle{display: none; width: 44px; height: 44px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; background: transparent; border: 1px solid var(--line); border-radius: 50%;}
.kml-site-chrome .menu-toggle span{height: 2px; width: 17px; background: var(--ink); border-radius: 2px;}
.kml-site-chrome .mobile-nav{padding-block: 12px 20px; display: grid; gap: 8px;}
.kml-site-chrome .mobile-nav a{padding: 8px 0px; min-height: 44px;}
.kml-site-chrome.site-footer{border-top: 1px solid var(--line); background: rgb(241, 240, 229); padding: 55px 0px 20px;}
.kml-site-chrome .footer-top{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 35px;}
.kml-site-chrome .footer-brand{font-size: 26px; font-weight: 800; letter-spacing: -1px;}
.kml-site-chrome .footer-top p{font-size: 12px; line-height: 2; color: var(--muted); margin-top: 17px;}
.kml-site-chrome .footer-top h2{font-size: 11px; margin-bottom: 17px; color: rgb(100, 114, 97); font-weight: 400;}
.kml-site-chrome .footer-top>div>a:not(.footer-brand){display: block; min-height: 36px; font-size: 12px;}
.kml-site-chrome .footer-note{text-align: right;}
.kml-site-chrome .asterisk{font-size: 40px; color: rgb(196, 129, 59); line-height: 1;}
.kml-site-chrome .footer-bottom{display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgb(214, 220, 205); padding-top: 20px; margin-top: 40px; font-size: 9px; color: rgb(106, 118, 102); letter-spacing: 0.6px;}
@media (min-width:1400px){}@media (max-width:1050px){.kml-site-chrome .main-nav{gap: 22px;}
.kml-site-chrome .footer-top{gap: 25px; grid-template-columns: 1.3fr 1fr 1fr;}
.kml-site-chrome .footer-note{display: none;}
}@media (max-width:760px){.kml-site-chrome .wrap{padding-inline: 23px;}
.kml-site-chrome .header-inner{min-height: 83px;}
.kml-site-chrome .brand{font-size: 23px;}
.kml-site-chrome .main-nav{display: none;}
.kml-site-chrome .menu-toggle{display: flex;}
.kml-site-chrome .footer-top{grid-template-columns: 1fr 1fr; gap: 30px;}
.kml-site-chrome .footer-top>div:first-child{grid-column: span 2;}
.kml-site-chrome.site-footer{padding-top: 35px;}
.kml-site-chrome .footer-brand{font-size: 24px;}
.kml-site-chrome .footer-top p{margin-top: 12px;}
.kml-site-chrome .footer-bottom{margin-top: 26px; flex-direction: column; gap: 8px; padding-bottom: 24px;}
}@media (max-width:760px){}@media (hover:none){}@media (max-width:374px){.kml-site-chrome .wrap{padding-inline: 18px;}
}@media (prefers-reduced-motion:reduce){}.kml-site-chrome .header-actions{display: flex; align-items: center; gap: 12px; flex-shrink: 0;}
.kml-site-chrome .language-picker{display: flex; align-items: center; gap: 5px; border: 1px solid rgb(186, 199, 183); border-radius: 24px; padding-left: 12px; min-height: 44px; background: rgba(255, 253, 246, 0.314); flex-shrink: 0;}
.kml-site-chrome .language-picker svg{width: 16px; height: 16px;}
.kml-site-chrome .language-picker select{font-size: 12px; color: var(--ink); border: 0px; background: transparent; padding: 9px 8px 9px 0px; min-height: 42px; max-width: 106px; cursor: pointer; border-radius: 20px;}
.kml-site-chrome .language-picker select:focus-visible{outline: 2px solid #50745b; outline-offset: 2px;}
html[lang|="en"] .kml-site-chrome .main-nav{gap: 22px; font-size: 12px;}
@media (max-width:1050px){.kml-site-chrome .main-nav{display: none;}
.kml-site-chrome .menu-toggle{display: flex;}
.kml-site-chrome .header-inner{gap: 15px;}
.kml-site-chrome .header-actions{margin-left: auto;}
}@media (max-width:760px){.kml-site-chrome .header-inner{gap: 10px;}
.kml-site-chrome .header-actions{gap: 7px;}
.kml-site-chrome .brand{font-size: 20px; gap: 7px; letter-spacing: -0.7px;}
.kml-site-chrome .brand small{font-size: 8px; letter-spacing: 0.8px;}
.kml-site-chrome .brand-mark{width: 32px; transform: scale(.85); transform-origin: left center; margin-right: -3px;}
.kml-site-chrome .language-picker{padding-left: 5px; gap: 0px;}
.kml-site-chrome .language-picker svg{display: none;}
.kml-site-chrome .language-picker select{font-size: 11px; width: 77px; max-width: 77px; padding: 8px 1px; min-height: 42px;}
.kml-site-chrome .menu-toggle{width: 42px; height: 44px;}
.kml-site-chrome .language-picker select option{font-size: 14px;}
}@media (max-width:374px){.kml-site-chrome .brand{font-size: 18px; gap: 3px;}
.kml-site-chrome .brand small{font-size: 7px; letter-spacing: 0.4px;}
.kml-site-chrome .brand-mark{width: 29px; transform: scale(.75); margin-right: -4px;}
.kml-site-chrome .header-inner{gap: 6px;}
.kml-site-chrome .header-actions{gap: 5px;}
.kml-site-chrome .language-picker select{width: 73px; max-width: 73px;}
.kml-site-chrome .menu-toggle{width: 39px;}
}.kml-site-chrome .language-picker.enhanced{position: relative; gap: 0px; padding: 0px; border: 0px; background: transparent;}
.kml-site-chrome .language-picker.enhanced>select{display: none;}
.kml-site-chrome .language-picker.enhanced>svg{position: absolute; left: 13px; width: 16px; height: 16px; pointer-events: none; z-index: 1;}
.kml-site-chrome .language-trigger{display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 14px 9px 36px; border: 1px solid rgb(186, 199, 183); border-radius: 24px; background: rgba(255, 253, 246, 0.5); font-size: 12px; line-height: 1.5; white-space: nowrap; transition: background .18s,border-color .18s;}
.kml-site-chrome .language-trigger>svg{width: 14px; height: 14px; transition: transform .18s;}
.kml-site-chrome .language-trigger:hover,.kml-site-chrome .language-trigger[aria-expanded=true]{background: rgb(232, 237, 223); border-color: rgb(141, 166, 138);}
.kml-site-chrome .language-trigger[aria-expanded=true]>svg{transform: rotate(180deg);}
.kml-site-chrome .language-trigger:focus:not(:focus-visible),.kml-site-chrome .menu-toggle:focus:not(:focus-visible){outline: none;}
.kml-site-chrome .language-menu{position: absolute; right: 0px; top: calc(100% + 10px); width: 168px; max-width: calc(100vw - 36px); padding: 6px; border: 1px solid rgb(200, 211, 193); border-radius: 14px; background: rgb(255, 253, 247); box-shadow: 0 10px 32px #193b351a; z-index: 50;}
.kml-site-chrome .language-menu button{display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px; border-radius: 9px; background: transparent; font-size: 13px; line-height: 1.5; text-align: left;}
.kml-site-chrome .language-menu button:hover,.kml-site-chrome .language-menu button:focus-visible{background: rgb(237, 241, 229); outline: none;}
.kml-site-chrome .language-menu button[aria-checked=true]{background: rgb(225, 235, 219); font-weight: 650;}
.kml-site-chrome .language-check{opacity: 0; color: rgb(53, 104, 83);}
.kml-site-chrome .language-menu button[aria-checked=true] .language-check{opacity: 1;}
.kml-site-chrome .menu-toggle{border-radius: 12px; transition: background .18s;}
.kml-site-chrome .menu-toggle:hover,.kml-site-chrome .menu-toggle[aria-expanded=true]{background: rgb(232, 237, 223);}
.kml-site-chrome .menu-toggle span{transition: transform .18s,opacity .18s;}
.kml-site-chrome .menu-toggle[aria-expanded=true] span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.kml-site-chrome .menu-toggle[aria-expanded=true] span:nth-child(2){opacity: 0;}
.kml-site-chrome .menu-toggle[aria-expanded=true] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.kml-site-chrome .mobile-nav a{padding: 10px 12px; border-radius: 10px;}
.kml-site-chrome .mobile-nav a:hover{background: rgb(232, 237, 223);}
@media (max-width:760px){.kml-site-chrome .language-trigger{padding: 9px 10px; gap: 5px; font-size: 11px;}
.kml-site-chrome .language-trigger>svg{width: 12px; height: 12px;}
}@media (prefers-reduced-motion:reduce){.kml-site-chrome .language-trigger,.kml-site-chrome .language-trigger>svg,.kml-site-chrome .menu-toggle,.kml-site-chrome .menu-toggle span{transition: none;}
}.kml-site-chrome.site-footer a{text-underline-offset: 4px;}
.kml-site-chrome .footer-bottom{line-height: 1.9;}
@media (max-width:760px){}@media (max-width:359px){}@media (min-width:761px) and (max-height:500px){}@media (min-width:761px) and (max-height:500px){}
header.kml-site-chrome.site-header{width:100%;margin:0;padding:0;background:#fbf8f0f5;border-bottom:1px solid #d9ddd180;z-index:30}
.kml-site-chrome .header-inner{padding-block:0}
.kml-site-chrome.site-footer{width:100%;margin:0;display:block}
.kml-site-chrome .kml-native-language{position:static;margin:0;max-width:none}
.kml-site-chrome .kml-native-language .language-trigger{list-style:none;cursor:pointer}
.kml-site-chrome .kml-native-language .language-trigger::after{content:none}
.kml-site-chrome .kml-native-language .language-trigger::-webkit-details-marker{display:none}
.kml-site-chrome .language-menu a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5}
.kml-site-chrome .language-menu a:is(:hover,:focus-visible){background:#edf1e5;outline:none}
.kml-site-chrome .language-menu a[aria-checked=true]{background:#e1ebdb;font-weight:650}
.kml-site-chrome .language-menu a[aria-checked=true] .language-check{opacity:1}
.kml-site-chrome .mobile-nav[popover]{position:fixed;inset:var(--header-height,84px) 0 auto;width:100%;border:0;margin:0 auto;background:#fbf8f0;color:inherit}
.kml-site-chrome .mobile-nav[popover]:not(:popover-open){display:none}
@media(min-width:1051px){.kml-site-chrome .mobile-nav[popover]{display:none}}
@media(min-width:1400px){.kml-site-chrome{--content:1264px}}
@media(max-width:760px){.kml-product-page main .hero h1{font-size:30px}.kml-product-page main :is(.intro,.product-intro){font-size:14px}.kml-product-page .kml-product-id{font-size:15px;margin-bottom:12px}.kml-product-id img{width:32px;height:32px}}