/* Image-led brand direction; existing detail-page layouts remain shared. */
.mobile-break{display:none}
:root{--paper:#fff;--ink:#232722;--muted:#70766e;--yellow:#f2c54e;--green:#435a39;--line:#e8eae5;--radius:6px}
body{font-size:15px}h1,h2,h3{font-weight:500}.container{width:min(1120px,calc(100% - 80px))}
.site-header{height:166px;flex-direction:column;justify-content:center;gap:15px;padding-top:25px;border:0}.brand img{width:168px}.nav{justify-content:center;gap:65px;font-size:13px;width:100%;height:57px}.nav a{color:#5c625b}.nav a[aria-current=page]::after{width:auto;right:0;height:2px;background:var(--ink)}.nav .button{display:none}
.button{min-height:38px;padding:5px 22px;gap:22px;font-size:13px;font-weight:400;border-color:#777e74}.button:hover{background:var(--ink);color:white;transform:none}.button.dark{border-color:var(--ink)}.button.ghost:hover{background:#f1f2ec}.arrow{font-size:16px}.eyebrow{color:var(--muted);font-weight:400;font-size:11px;letter-spacing:.17em}.eyebrow:before{display:none}.text-link{font-size:13px;font-weight:400}.marker:after{display:none}
.brand-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:580px;overflow:hidden;background:#029ed8;color:white}.brand-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.brand-hero-copy{position:absolute;top:45px;left:20px;right:20px;text-align:center;text-shadow:0 1px 9px #064f6922}.brand-hero-copy p{font-size:12px;letter-spacing:.25em;margin:0 0 15px}.brand-hero-copy h1{font-size:58px;line-height:1.35;letter-spacing:.04em;margin:0 0 18px}.brand-hero-copy>span{font-size:16px;letter-spacing:.12em}.hero-discover{display:flex;align-items:center;gap:18px;justify-content:center;width:190px;margin:25px auto 0;font-size:13px;border-bottom:1px solid #ffffff80;padding-bottom:10px}.hero-credit{position:absolute;bottom:15px;right:25px;color:#434b3e;font-size:10px}
.overline{font-size:11px;letter-spacing:.17em}.life-banner{position:relative;min-height:500px;overflow:hidden;margin:72px 0 100px;background:#039fdb;border-radius:6px;color:white}.life-copy{padding:60px 0 50px 60px;position:relative;z-index:1}.life-copy h2{font-size:41px;line-height:1.55;letter-spacing:.04em;margin:20px 0 30px}.life-copy p{font-size:15px;line-height:2.1}.life-banner>img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:center 65%}
.section-title h2{font-size:30px;line-height:1.4;margin:0 0 7px;letter-spacing:.01em}.section-title>p{font-size:13px;margin:0 0 25px}.section-title>span{display:block;font-size:13px;color:var(--muted);margin:22px 0 30px}.selected-products{display:grid;grid-template-columns:245px 1fr;gap:60px;align-items:start;margin:0 0 105px;scroll-margin-top:45px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.showcase-image{height:310px;overflow:hidden;display:block;border-radius:4px}.showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.showcase-item:hover img{transform:scale(1.035)}.showcase-item:first-child img{object-position:center 45%}.showcase-item:last-child img{object-position:center 36%}.showcase-item h3{font-size:18px;text-align:center;margin:19px 0 2px}.showcase-item p{font-size:11px;color:var(--muted);text-align:center;margin:0}.showcase-item span{display:flex;justify-content:center;gap:12px;font-size:12px;margin-top:16px}.showcase-item i{font-style:normal}
.story-banner{position:relative;height:470px;overflow:hidden;background:#f6e9bb;border-radius:6px;margin-bottom:70px}.story-banner>img{position:absolute;right:0;width:55%;height:100%;object-fit:cover;object-position:center 65%}.story-banner>div{position:relative;z-index:1;padding:70px 60px}.story-banner h2{font-size:38px;line-height:1.65;letter-spacing:.04em;margin:20px 0}.story-banner p{font-size:15px;line-height:2}.brand-story{display:grid;grid-template-columns:245px 1fr;gap:60px;margin-bottom:100px}.story-text{max-width:645px}.story-text p{font-size:15px;line-height:2.1;margin:0 0 16px;color:#555d53}.story-text .button{margin-top:20px}
.footage-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;margin-bottom:100px}.footage-image{height:335px;position:relative;overflow:hidden;border-radius:6px}.footage-image img{height:100%;width:100%;object-fit:cover;object-position:center 48%}.play-mark{position:absolute;bottom:22px;right:22px;width:45px;height:45px;background:#fffc;border-radius:50%;display:grid;place-items:center;font-size:14px}.home-help{display:grid;grid-template-columns:245px 1fr;gap:60px;margin-bottom:90px}.home-help>div:last-child a{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.home-help>div:last-child a:first-child{border-top:1px solid var(--line)}
.footer{border:0;background:var(--yellow);padding:55px 0 20px;color:#343a2f}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-heading{font-size:29px;margin:0;line-height:1.4}.footer-en{font-size:11px;letter-spacing:.1em;margin:5px 0 20px!important}.footer-contact{font-size:13px;border-top:1px solid #3335;padding-top:20px;max-width:410px}.footer-contact p{margin:7px 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;font-size:13px;padding-top:5px}.footer .footer-brand{width:135px;margin:0 0 25px}.footer-bottom{border-color:#3333;margin-top:35px;padding-top:18px;font-size:10px;color:#655d3e}
.section{margin-bottom:85px}.section-head h2{font-size:29px;letter-spacing:0;font-weight:500}.section-head p{font-size:13px}.contact-band{background:#f7f8f3;padding:34px 38px}.contact-band h2{font-size:25px}.page-intro{border-top:1px solid var(--line);margin-top:10px}.page-intro h1{font-size:40px;letter-spacing:0;font-weight:500}.breadcrumbs{border-top:1px solid var(--line)}.product-info h1{font-size:37px;font-weight:500}.spec-box strong{font-weight:500}.fact{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0 0}.report-status article{border:0;border-top:1px solid var(--line);border-radius:0;padding:25px 0}.evidence-card{border:0;border-radius:0}.evidence-card>div{padding:20px 0}.evidence-card img{border-radius:6px}.video-card{border:0;border-radius:6px;background:#f8f8f4}summary{font-weight:500}.faq-sidebar a{font-size:13px}
@media(min-width:1700px){.brand-hero{height:650px}.brand-hero-copy{top:55px}.brand-hero-copy h1{font-size:67px}}
@media(max-width:1000px){.container{width:calc(100% - 60px)}.nav{gap:40px}.brand-hero{height:510px}.brand-hero-copy h1{font-size:46px}.selected-products,.brand-story,.home-help{grid-template-columns:190px 1fr;gap:35px}.showcase-grid{gap:24px}.showcase-image{height:270px}.life-copy{padding-left:40px}.life-copy h2{font-size:34px}.story-banner>div{padding-left:40px}.footage-feature{gap:35px}.product-info h1{font-size:31px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:88px;flex-direction:row;justify-content:space-between;padding:20px 0;gap:15px}.brand img{width:132px}.menu-toggle{border:0;background:transparent;padding:8px;font-size:13px}.nav{top:88px;height:auto;background:white;box-shadow:0 15px 20px #0001}.nav a[aria-current=page]::after{right:auto;width:30px}.brand-hero{height:510px}.brand-hero>img{object-position:28% center}.brand-hero-copy{top:42px;left:20px;right:20px}.brand-hero-copy h1{font-size:33px;line-height:1.55;letter-spacing:.02em;max-width:310px;margin:0 auto 18px}.brand-hero-copy p{font-size:10px;letter-spacing:.18em;margin-bottom:18px}.brand-hero-copy>span{font-size:12px;letter-spacing:.04em}.hero-discover{margin-top:22px;font-size:12px}.hero-credit{font-size:9px;right:15px;bottom:11px}.overline{font-size:9px;letter-spacing:.12em}
.life-banner{margin:35px 0 55px;min-height:650px}.life-copy{padding:35px 28px 0}.life-copy h2{font-size:29px;margin:12px 0 16px}.life-copy p{font-size:13px;margin-bottom:0}.life-banner>img{width:100%;height:360px;top:auto;bottom:0;object-position:center 68%}.selected-products{display:block;margin-bottom:55px}.section-title h2{font-size:26px}.section-title>p{font-size:12px;margin-bottom:16px}.section-title>span{font-size:12px;margin:12px 0 18px}.selected-products>.section-title{margin-bottom:27px}.selected-products>.section-title>span{display:none}.showcase-grid{gap:16px}.showcase-image{height:210px}.showcase-item h3{font-size:15px;line-height:1.6;margin-top:13px}.showcase-item p{font-size:10px}.showcase-item span{font-size:11px;margin-top:10px}
.story-banner{height:540px;margin-bottom:38px}.story-banner>div{padding:30px 27px}.story-banner h2{font-size:29px;line-height:1.55;margin:12px 0}.story-banner p{font-size:13px;margin:12px 0}.story-banner>img{width:100%;height:310px;top:auto;bottom:0;object-position:center 66%}.brand-story,.home-help{grid-template-columns:1fr;gap:15px;margin-bottom:55px}.story-text p{font-size:14px}.story-text .button{margin-top:8px}.footage-feature{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.footage-image{height:290px}.home-help>div:last-child a{font-size:13px;padding:16px 0}.footer{padding:36px 0 20px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-heading{font-size:26px}.footer-contact{font-size:12px}.footer .footer-brand{width:122px;margin-bottom:17px}.footer-links{font-size:12px;gap:10px 25px;margin-top:0}.footer-bottom{font-size:10px;margin-top:25px}
.section{margin-bottom:55px}.section-head h2{font-size:25px}.contact-band{padding:26px 24px}.contact-band h2{font-size:23px}.page-intro h1{font-size:31px}.product-info h1{font-size:30px}.faq-sidebar a{font-size:12px}summary{font-size:14px}}
@media(max-width:700px){.mobile-break{display:block}.brand-hero{height:560px;background:#039fdb}.brand-hero>img{position:absolute;bottom:0;height:370px;object-position:28% center}.brand-hero-copy h1{max-width:none;font-size:31px;line-height:1.5}}
/* Match the reference's light section headings and normal system text. */
body{font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;font-weight:400;font-size:16px}
.nav{font-size:16px}.section-title h2,.section-head h2,.footer-heading{font-size:40px;font-weight:300;letter-spacing:0}.section-title>p{font-size:18px;font-weight:400}.story-text p{font-size:16px}.showcase-item h3{font-size:19px;font-weight:400}.page-intro h1,.product-info h1{font-weight:300}
.brand-hero{height:auto;aspect-ratio:1942/809;background:#79bae9}.brand-hero>img{position:static;height:100%;object-fit:cover;object-position:center}.brand-hero-copy{top:2.5%;text-shadow:0 2px 12px #2672a526}.brand-hero-copy h1{display:flex;align-items:center;justify-content:center;gap:25px;margin:0;color:white;font-family:"Arial Rounded MT Bold","PingFang SC","Microsoft YaHei",sans-serif;font-weight:700;font-size:clamp(64px,7.4vw,140px);letter-spacing:.02em;line-height:1.3}.brand-hero-copy h1 span{font-size:.6em;font-weight:600;letter-spacing:.03em}.brand-hero-copy p{font-size:clamp(14px,1.5vw,22px);letter-spacing:.14em;margin:0}.hero-credit{color:white;background:#17321c77;padding:2px 8px;border-radius:3px;right:16px;bottom:10px;font-size:10px}
@media(min-width:1700px){.brand-hero{height:auto}.brand-hero-copy{top:2.5%}.brand-hero-copy h1{font-size:clamp(100px,7.4vw,140px)}}
@media(max-width:1000px){.section-title h2,.section-head h2,.footer-heading{font-size:32px}.section-title>p{font-size:16px}.nav{font-size:14px}}
@media(max-width:700px){.brand-hero{height:auto;aspect-ratio:1/1;background:#79bae9}.brand-hero>img{position:static;height:100%;width:100%;object-fit:cover;object-position:center}.brand-hero-copy{top:4%;left:10px;right:10px}.brand-hero-copy h1{font-size:54px;gap:12px;line-height:1.35}.brand-hero-copy p{font-size:12px;letter-spacing:.05em;margin:4px 0 0}.hero-credit{font-size:8px;bottom:7px;right:7px}.nav{font-size:15px}.section-title h2,.section-head h2,.footer-heading{font-size:29px}.section-title>p{font-size:15px}.story-text p{font-size:14px}.showcase-item h3{font-size:15px}.page-intro h1{font-size:31px}.product-info h1{font-size:30px}}
@media(max-width:700px){.brand-hero{aspect-ratio:1.3/1}.brand-hero-copy h1{font-size:44px}.brand-hero-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.showcase-image{position:relative}.showcase-item:last-child img{object-position:center}.showcase-image .studio-credit{position:absolute;bottom:8px;right:8px;padding:2px 6px;border-radius:3px;background:#fff9;color:#565f4c;font-size:9px}
.home-film{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:contain;border-radius:6px;background:#171b17}
/* Light Chinese typography and three reference-inspired brand scenes. */
.production-image img{height:auto}
@font-face{font-family:"XCH Reference Sans";src:url("/assets/xch-reference-regular-v1.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"XCH Reference Sans";src:url("/assets/xch-reference-bold-v1.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
body{font-family:"XCH Reference Sans","Microsoft YaHei",sans-serif;font-weight:400;color:#151515}button,input,textarea,select{font-family:inherit}
.section-title h2,.section-head h2,.footer-heading,.page-intro h1,.product-info h1{font-family:inherit;font-weight:400;letter-spacing:.015em;line-height:1.35}
.brand-hero-copy{top:3%;text-shadow:none}.brand-hero-copy h1{font-family:inherit;font-weight:700;font-size:clamp(72px,8.5vw,152px);letter-spacing:.055em;line-height:1;margin:0 auto;max-width:none;gap:24px}.brand-hero-copy h1 span{font-family:inherit;font-weight:400;writing-mode:vertical-rl;text-orientation:upright;font-size:.5em;letter-spacing:.06em;line-height:1.05}.brand-hero-copy p{font-weight:400;letter-spacing:.04em;margin-top:10px}
.section-title>p{font-family:inherit;font-size:20px;margin-bottom:25px}.button{font-size:14px;min-height:36px;padding:4px 22px}
.nature-banner{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:12px;margin:72px 0 90px;background:#92c8ea;color:white}.nature-banner>img{width:100%;height:100%;object-fit:cover}.nature-banner h2{position:absolute;top:8%;right:5%;margin:0;font-size:42px;font-weight:400;line-height:1.45;text-align:right;letter-spacing:.025em;text-shadow:0 1px 8px #30586a40}.nature-banner>p{position:absolute;left:5%;bottom:8%;margin:0;font-size:21px;line-height:1.85;font-weight:400;text-shadow:0 1px 10px #182a16}.scene-credit{position:absolute;bottom:12px;right:15px;font-size:10px;background:#17321c77;color:white;padding:2px 7px;border-radius:3px}
.story-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;margin-bottom:100px;scroll-margin-top:35px}.story-mascot{width:100%;height:auto}.feature-copy p{font-size:16px;line-height:1.8;margin:0 0 16px;color:#222}.story-feature .button,.production-feature .button{margin-top:34px}.production-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;margin-bottom:100px}.production-image{position:relative;margin:0;overflow:hidden;border-radius:12px}.production-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.production-image figcaption{position:absolute;bottom:9px;left:10px;right:10px;width:fit-content;padding:3px 7px;border-radius:3px;background:#fffD;font-size:10px;color:#333}.feature-copy .scene-note{font-size:12px;color:#777}
@media(max-width:1000px){.nature-banner h2{font-size:33px}.nature-banner>p{font-size:17px}.story-feature{gap:35px}.production-feature{gap:30px}}
@media(max-width:700px){.nature-banner{aspect-ratio:auto;height:570px;margin:35px 0 55px}.nature-banner>img{object-position:60% center}.nature-banner h2{top:25px;right:22px;left:22px;font-size:27px;text-align:left}.nature-banner>p{left:22px;bottom:30px;font-size:15px;line-height:1.8}.nature-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#15281822,transparent 30%,transparent 50%,#14241688);pointer-events:none}.nature-banner h2,.nature-banner>p,.scene-credit{z-index:1}.scene-credit{font-size:8px;bottom:8px;right:8px}.section-title>p{font-size:17px}.story-feature,.production-feature{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.story-feature .button,.production-feature .button{margin-top:12px}.feature-copy p{font-size:14px;line-height:1.9}.story-mascot{max-width:450px;margin:auto}.production-image figcaption{font-size:9px}.section-title h2,.section-head h2,.footer-heading{font-size:32px}}
@media(max-width:700px){.brand-hero-copy{top:1.5%}.brand-hero-copy h1{font-size:clamp(52px,15vw,84px);gap:14px}.brand-hero-copy p{margin-top:6px}}
.selected-products{display:block}.selected-products>.section-title{margin-bottom:32px}.catalog-category{display:grid;grid-template-columns:245px 1fr;gap:60px;align-items:start}.catalog-category-title{margin:0;padding-top:12px;font-size:26px;font-weight:400;line-height:1.4}.showcase-item h4{font-size:19px;font-weight:400;text-align:center;margin:19px 0 2px}
/* Official WeChat entry: visible below the hero, in navigation and in every footer. */
.header-miniapp{display:none}.nav .miniapp-nav{font-weight:700;color:#304e31;border-bottom:2px solid #f2c54e;padding-bottom:4px;white-space:nowrap}
.miniapp-entry{display:grid;grid-template-columns:1fr 210px;gap:40px;align-items:center;padding:30px 40px;margin:28px 0 0;background:#f3f6ee;border-radius:12px;scroll-margin-top:24px}.miniapp-copy h2{font-size:30px;line-height:1.4;font-weight:400;margin:0 0 10px}.miniapp-copy p{font-size:16px;color:#53604d;margin:0 0 20px}.miniapp-copy small{display:block;font-size:12px;color:#626b5c;margin-top:12px}.miniapp-open{background:#344c32;border-color:#344c32;min-height:44px;color:white}.miniapp-code{margin:0;text-align:center}.miniapp-code img{width:176px;height:176px;margin:0 auto;background:white;object-fit:contain}.miniapp-code figcaption{margin-top:8px;font-size:12px;color:#53604d}.footer-miniapp{display:flex;align-items:center;gap:18px;margin-bottom:24px}.footer-miniapp>img{width:112px;height:112px;background:white;object-fit:contain;flex-shrink:0}.footer-miniapp strong{font-size:16px;font-weight:700}.footer-miniapp p{margin:5px 0;font-size:12px}.footer-miniapp a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.nav{gap:28px}.miniapp-entry{padding:26px;gap:24px}.miniapp-copy h2{font-size:26px}}
@media(max-width:700px){.site-header{gap:8px}.header-miniapp{display:inline-flex;margin-left:auto;white-space:nowrap;font-size:12px;min-height:36px;padding:4px 13px;background:#344c32;border-color:#344c32;color:white}.menu-toggle{flex-shrink:0}.miniapp-entry{grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding:22px 16px;margin-top:18px}.miniapp-copy h2{font-size:21px;max-width:8em;margin-bottom:8px}.miniapp-copy p{font-size:13px;line-height:1.65;margin-bottom:14px}.miniapp-copy small{font-size:11px;line-height:1.65}.miniapp-open{padding:6px 12px;font-size:12px;gap:6px;min-height:40px}.miniapp-code img{width:112px;height:112px}.miniapp-code figcaption{font-size:10px;line-height:1.6}.footer-miniapp>img{width:100px;height:100px}}
.story-feature .section-title>h2,.production-feature .section-title>h2,.footage-feature .section-title>h2,.home-help .section-title>h2{margin-bottom:25px}.footer-contact{margin-top:24px}
@media(max-width:700px){.miniapp-copy h2 span{display:block;white-space:nowrap}}
@media(max-width:1000px){.catalog-category{grid-template-columns:190px 1fr;gap:35px}}
@media(max-width:700px){.selected-products>.section-title{margin-bottom:22px}.catalog-category{display:block}.catalog-category-title{font-size:21px;padding-top:0;margin-bottom:18px}.showcase-item h4{font-size:15px;line-height:1.6;margin-top:13px}.story-feature .section-title>h2,.production-feature .section-title>h2,.footage-feature .section-title>h2,.home-help .section-title>h2{margin-bottom:18px}}