/* Shared transparent masthead across the public website preview. */
body .header,body.design-page .header,body .header:has(~ #temporary:not([hidden])){background:transparent;backdrop-filter:none;border:0;box-shadow:none;border-radius:0;color:#fff}
body .header .brand,body .header a,body.design-page .header .brand,body.design-page .header a{color:inherit;text-shadow:0 1px 5px #0009}
body .header:has(~ #temporary:not([hidden])){color:#29392e}
body .header:has(~ #temporary:not([hidden])) a,body .header:has(~ #temporary:not([hidden])) .brand{text-shadow:none}
@media(max-width:700px){body .header nav a,body.design-page .header nav a{text-shadow:none;color:#29392e}body .header nav .nav-contact,body.design-page .header nav .nav-contact{color:#fff}}

/* Review 13: larger shared navigation. */
@media(min-width:701px){.header #site-navigation{font-size:16px;gap:clamp(15px,1.8vw,30px)}}
@media(min-width:701px) and (max-width:1000px){.header #site-navigation{font-size:14px;gap:14px}}
@media(max-width:700px){.header #site-navigation{font-size:16px}}

@media(max-width:700px){

body .header #site-navigation{background:rgba(244,246,240,.62);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid #ffffff75;box-shadow:0 12px 30px #10201626}
body .header #site-navigation a{background:rgba(255,255,255,.19)}
body .header #site-navigation .nav-contact{background:rgba(42,62,42,.73);color:white}
}

/* Latest mobile footer: compact shared contacts, supersedes hidden footer. */
.footer-wechat{display:none}
@media(max-width:700px){
body footer,body.listing-page>footer{display:block;background:#24252f;background-image:none;color:#e3e4dc;padding:20px 24px 16px;min-height:0;height:auto}
body footer .wrap{width:100%;margin:0 auto}
body footer .footer-main{display:block;padding:0}
body footer .footer-main>p,body footer .footer-main>a:not(.brand),body footer .brand i,body footer .brand b{display:none}
body footer .brand{gap:8px}body footer .company-logo{width:28px;height:28px}body footer .brand span{font-size:9px;color:#fff}
body footer .footer-company{display:block;margin-top:12px;padding:0;border:0}
body footer .footer-company>div:not(:last-child),body footer .footer-company h3,body footer .footer-company p,body footer .footer-company a[href*="公司官网"],body footer .footer-company a[href*="预约咨询"]{display:none}
body footer .footer-company a,body footer .footer-company a.footer-wechat{display:block;font-size:11px;line-height:1.8;color:#c3cbbd;padding:2px 0;min-height:0}
body footer .footer-bottom{display:block;margin-top:10px;padding:8px 0 0;font-size:9px;border-top:1px solid #ffffff20;color:#a0a99b}
body footer .footer-bottom>span:not(:first-child){display:none}
body.listing-page>footer{min-height:190px}body.listing-page>footer .wrap{width:52%;margin-left:48%;position:relative;z-index:2}
}

/* Current-page marker and translucent mobile navigation. */
body .header #site-navigation a[aria-current=page]{background:#ffffff30;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff45;padding:9px 12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:700px){
body .header #site-navigation{background:rgba(232,239,229,.26);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid #ffffff80;box-shadow:inset 0 1px 0 #ffffff80,0 16px 40px #10201635}
body .header #site-navigation a,body .header #site-navigation .nav-contact{background:transparent;color:#17291e;text-shadow:0 1px 5px #ffffff90}
body .header #site-navigation a[aria-current=page]{background:#ffffff55;box-shadow:inset 0 0 0 1px #ffffff60;padding:12px}
}

/* Review 19 shared navigation and contact columns. */
@media(min-width:701px){.header #site-navigation{gap:clamp(10px,1.2vw,22px);font-size:15px}}
body footer .footer-company>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 20px;align-content:start}
body footer .footer-company{grid-template-columns:1fr .65fr 1.5fr;gap:32px}
body footer .footer-company>div:last-child h3{grid-column:1/-1}
body footer .footer-company .footer-wechat{display:block}
body footer .footer-company a[href*='公司官网'],body footer .footer-company a[href*='预约咨询'],body footer .footer-company a[href*='/appointment']{display:none}
@media(max-width:700px){
body .header #site-navigation{background:rgba(232,239,229,.12);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}
body .header #site-navigation a[aria-current=page]{background:#ffffff30}
body footer .footer-company{display:block}
body footer .footer-company>div:last-child{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3px 10px}
}

@media(max-width:700px){body .header #site-navigation{background:radial-gradient(ellipse at 98% 2%,#ffffffe0 0, #ffffff38 5%,transparent 22%),linear-gradient(0deg,#ffffff25,transparent 16%),rgba(232,239,229,.065);backdrop-filter:blur(7px) saturate(115%);-webkit-backdrop-filter:blur(7px) saturate(115%);box-shadow:inset 0 -2px 8px #ffffff38,inset -1px 1px 1px #ffffffa0,0 12px 28px #13251622;border-color:#ffffff70}}

/* Public page titles share typography across desktop and mobile. */
body.about-page .about-hero h1,body.design-page .design-hero h1,body.listing-page .page-hero h1{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:clamp(34px,3.2vw,68px);font-weight:400;line-height:1.4;letter-spacing:0;margin:22px 0}
@media(max-width:700px){body.about-page .about-hero h1,body.design-page .design-hero h1,body.listing-page .page-hero h1{font-size:30px;line-height:1.35;margin:12px 0}}

@media(max-width:700px){body .header.menu-open #site-navigation a{color:#000;font-weight:700;text-shadow:none}}

@media(max-width:700px){body .header #site-navigation{backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%)}body .header #site-navigation a[aria-current=page]{background:#ffffff18}}

.public-language{flex:none;background:#ffffff20;color:inherit;border:1px solid #ffffff70;border-radius:5px;padding:6px 9px;font:12px/1.5 Arial;cursor:pointer;white-space:nowrap}.public-language span{opacity:.65}.public-language span.active{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:4px}.public-language i{font-style:normal}.public-language:focus-visible{outline:2px solid #c9af77;outline-offset:3px}@media(min-width:701px){body .header{gap:14px}.header #site-navigation{gap:10px!important;font-size:14px!important}}@media(max-width:700px){.public-language{position:absolute;right:70px;top:25px;font-size:10px;padding:6px}.header .brand,.appointment-header .appointment-brand{gap:6px}.header .brand b,.appointment-header .appointment-brand b{font-size:11px;letter-spacing:0}.header .brand i,.appointment-header .appointment-brand i{display:none}.appointment-header{padding-inline:16px}.header .company-logo{width:30px;height:30px}.header .brand span{font-size:8px}.appointment-header .appointment-brand span{font-size:8px}.appointment-header .appointment-brand img{width:30px;height:30px}}


/* Review 29: shared masthead coordinates. */
@media(max-width:700px){
body .header,body .appointment-header{position:absolute!important;inset:0 0 auto!important;width:100%!important;height:88px!important;margin:0!important;padding:0 24px!important;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px}
body .header .brand,body .appointment-header .appointment-brand{margin:0;gap:6px}
body .header .mobile-menu,body .appointment-header .appointment-menu{position:absolute!important;right:24px!important;top:23px!important;margin:0!important;width:42px!important;height:42px!important;box-sizing:border-box}
body .header .public-language,body .appointment-header .public-language{position:absolute;right:82px;top:30px;height:28px;box-sizing:border-box;padding:5px 6px;line-height:16px;margin:0}
body .header .company-logo,body .appointment-brand img{width:30px;height:30px}
body .header #site-navigation,body .appointment-header nav{top:80px!important}
}
.case-preview-control{position:fixed;right:16px;bottom:16px;z-index:1000;padding:8px 12px;background:#fffef4ee;color:#253b30;border:1px solid #a5b295;border-radius:7px;box-shadow:0 3px 16px #0002;font:12px/1.5 Arial}
.case-preview-control select{margin-left:5px;background:white;color:#253b30;border:1px solid #bac6b1;padding:5px}
@media print{.case-preview-control{display:none}}



body .hero-copy h1,body .design-hero-copy h1,body .about-hero h1,body .knowledge-copy h1,body .appointment-hero h1{font-family:'Noto Serif SC','Songti SC',SimSun,serif!important;font-size:clamp(34px,3.2vw,68px)!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important}
@media(max-width:700px){body .hero-copy h1,body .design-hero-copy h1,body .about-hero h1,body .knowledge-copy h1,body .appointment-hero h1{font-size:30px!important;line-height:1.35!important}}

@media(min-width:701px){body .header .public-language{position:absolute;right:5.5%;top:82px;margin:0}}