/* 本轮统一基础：共享导航、暖纸色与清晰控件。 */
:root{--paper:#f2f0eb;--cloud:#e5e1d8;--ink:#242724;--muted:#666a61;--line:#cfcec6;--blue:#765239;--pale:#e9e2d7;--max:1440px}
html{scroll-padding-top:32px}
body{background:var(--paper);color:var(--ink);font-size:16px}
.wrap{width:min(var(--max),calc(100% - 96px))}
body>header{position:relative!important;background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line);z-index:20}
.nav{height:86px;gap:28px}
.brand{font-size:22px;font-weight:650;letter-spacing:-1px}
.brand-mark i{background:var(--ink)!important}.brand-mark i:last-child{background:var(--blue)!important}
.nav-links{gap:28px;color:var(--ink)!important}
.nav-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.button,.button.small{border-radius:2px;min-height:46px;background:var(--ink);color:var(--paper);box-shadow:none;font-size:14px}
.button:hover{background:#444b41}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px;text-underline-offset:6px}
.button:disabled{opacity:.55;cursor:default}.mobile-only{display:none!important}
.menu-toggle{min-height:44px;background:transparent;border-radius:2px;color:var(--ink)}
.footer{padding:42px 0 24px;border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}
.footer-top{display:flex;justify-content:space-between;gap:36px;margin-bottom:32px}.footer p{font-size:14px;color:var(--muted);max-width:440px;margin-top:18px}
.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
#motion-toggle{min-height:44px;background:transparent;border:1px solid var(--line);padding:8px 14px;color:var(--ink);font-size:13px}
[hidden]{display:none!important}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:18px}.nav-links{gap:18px}.brand{font-size:20px}}
@media(max-width:900px){.nav{height:76px}.nav>.button{display:none}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;margin:0;background:var(--paper)!important;color:var(--ink)!important;padding:20px 32px;border-bottom:1px solid var(--line);box-shadow:none;z-index:25}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.mobile-only{display:inline-flex!important}.footer-top{display:block}.footer-links{margin-top:25px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.brand{font-size:19px}.nav-links{padding-inline:20px}.footer-bottom{gap:12px}.footer-bottom>span:last-child{flex-basis:100%}}
/* 首页：六个职责，不再叠加旧模块。 */
.garage-home h1,.garage-home h2{font-weight:500;letter-spacing:-.055em}
.garage-home h2{font-size:clamp(34px,4vw,58px);line-height:1.08}
.eyebrow{font-size:12px;font-weight:650;letter-spacing:.045em;color:var(--muted);margin-bottom:24px}
.garage-hero{position:relative;background:#272922;color:#f2f0eb;isolation:isolate}
.garage-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 54%;z-index:-2}
.garage-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,22,18,.84),rgba(17,22,18,.3) 66%,rgba(17,22,18,.12));z-index:-1}
.garage-hero__content{min-height:620px;min-height:clamp(570px,78svh,860px);display:flex;flex-direction:column;justify-content:center;padding-block:64px;align-items:flex-start}
.garage-hero .eyebrow{color:#d9ddcf;margin-bottom:26px}.garage-hero h1{font-size:clamp(52px,5.7vw,84px);line-height:1.06;max-width:15ch;margin:0}
.garage-hero__description{font-size:18px;line-height:1.6;max-width:39ch;margin-top:28px;color:#e4e5de}
.garage-hero__actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.garage-hero .button{background:var(--paper);color:var(--ink);min-height:50px}.garage-hero .text-link{color:var(--paper)}
.garage-hero__note{font-size:12px;color:#dddcd3;margin-top:36px}
.brand-routes{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-block:76px}
.brand-routes h2{font-size:clamp(32px,3.2vw,46px)}.brand-routes>div>p:last-child{max-width:36ch;color:var(--muted);margin-top:24px}
.brand-routes__list a{display:grid;grid-template-columns:1fr 24px;gap:6px 14px;border-top:1px solid var(--line);padding:19px 0;text-decoration:none}
.brand-routes__list a:last-child{border-bottom:1px solid var(--line)}.brand-routes__list span{font-size:23px;letter-spacing:-.035em}.brand-routes__list small{font-size:14px;color:var(--muted);grid-row:2}.brand-routes__list b{grid-column:2;grid-row:1/3;align-self:center;font-weight:400}
.brand-routes__list a:hover span{text-decoration:underline;text-underline-offset:6px}
/* 三张同墙照片只随滚动变化，停用动效时用完整前后两图。 */
.wall-transformation{background:#e5e1d8;padding:56px 0;position:relative}
.wall-transformation__shell{width:min(1440px,calc(100% - 96px));margin:auto}
.wall-transformation__heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:22px}
.wall-transformation__heading h2{font-size:clamp(34px,3.5vw,50px)}.wall-transformation__heading h2 br{display:none}.wall-transformation__heading h2 em{font-style:normal}
.wall-transformation__eyebrow{font-size:12px;margin-bottom:12px;color:var(--muted)}.wall-transformation__intro{font-size:15px;color:var(--muted);max-width:32ch}
.wall-transformation__stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;margin:auto}
.wall-transformation__frame{margin:0;position:relative;min-width:0}.wall-transformation__frame--middle{display:none}
.wall-transformation__frame img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.wall-transformation__frame figcaption{position:absolute;bottom:12px;left:12px;background:var(--paper);padding:5px 10px;font-size:12px}
.wall-transformation__concept{position:absolute;top:12px;right:12px;background:var(--paper);padding:5px 10px;font-size:11px;z-index:4}
.wall-transformation__image-fallback{display:none}
.wall-transformation__footer{margin-top:16px;font-size:14px;display:flex;justify-content:space-between;gap:20px}
.wall-transformation__phase{display:none}.wall-transformation__phase.is-active{display:block}.wall-transformation__phase span{font-size:12px;color:var(--blue)}.wall-transformation__phase p{margin-top:5px;color:var(--muted)}
.wall-transformation__progress{display:flex;gap:18px;align-items:center;font-size:12px;white-space:nowrap}.wall-transformation__progress-track{width:100px;height:2px;background:#bfb9ac}.wall-transformation__progress-track i{display:block;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left}
.wall-transformation.is-enhanced:not(.is-static){padding:0;height:175svh}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__shell{height:100%;padding-block:28px;display:flex;flex-direction:column}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__stage{display:block;flex:1;min-height:0;width:100%;margin:0}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__frame{display:block;position:absolute;inset:0}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__frame img{width:100%;height:100%;object-fit:contain}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__frame--middle{clip-path:inset(0 100% 0 0)}
.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__frame--after{clip-path:inset(0 100% 0 0)}
.photo-vision{padding-block:80px;background:var(--paper)}
.photo-vision__grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw}
.photo-vision__copy>p:not(.eyebrow){max-width:35ch;margin-top:24px;color:var(--muted)}
.vision-boundary{font-size:14px;line-height:1.65;color:var(--muted)}.photo-vision__copy .text-link{margin-top:20px}
.vision-demo{min-width:0;background:#e5e1d8}.vision-demo__bar{display:flex;justify-content:space-between;padding:12px 16px;font-size:12px;border-bottom:1px solid var(--line)}
.vision-demo__image{position:relative;overflow:hidden;aspect-ratio:3/2}.vision-demo__image>img{width:100%;height:100%;object-fit:contain}
.vision-demo__after{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.vision-demo[data-step="2"] .vision-demo__after{opacity:1}
.vision-demo__zones{position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none}.vision-demo[data-step="1"] .vision-demo__zones{opacity:1}
.vision-demo__zones span{position:absolute;left:12%;top:14%;width:76%;height:41%;border:1px solid #f2f0eb;color:#fff;padding:8px;background:#24272444;font-size:12px}
.vision-demo__zones b{position:absolute;left:13%;bottom:12%;padding:5px 8px;background:var(--paper);font-size:12px;font-weight:500}
.vision-demo__zones i{position:absolute;left:12%;right:12%;top:14%;height:2px;background:white;animation:vision-scan 2s ease-in-out infinite}
@keyframes vision-scan{from{top:14%}to{top:55%}}
.vision-demo__bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;font-size:14px}.vision-demo__bottom .button{font-size:12px;white-space:nowrap;padding:10px 14px}
.vision-demo__steps{display:flex;justify-content:space-between;gap:12px;list-style:none;padding:0 16px 16px;margin:0;font-size:12px;color:var(--muted)}
/* 影片直接说明使用场景；与产品文案共用一段，不另堆重复静态图。 */
.first-product{padding-block:64px;display:grid;grid-template-columns:minmax(240px,.85fr) 1.15fr;grid-template-areas:"film intro" "film copy";grid-template-rows:auto 1fr;column-gap:7vw;row-gap:0;align-items:start;border-top:1px solid var(--line)}
.first-product__intro{grid-area:intro;padding-top:36px}.first-product__copy{grid-area:copy}
.first-product__copy>p{margin-top:20px;max-width:42ch}.fit-entry{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.fit-entry span{display:block;font-size:14px;color:var(--muted)}
.ritual-film{grid-area:film;margin:0;width:min(100%,315px);justify-self:center}
.ritual-film .campaign-film__frame{position:relative;width:100%;background:var(--ink)}
.ritual-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.ritual-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;color:var(--muted);font-size:12px}
.film-toggle{min-height:44px;min-width:80px;padding:9px 18px;background:var(--ink);border:0;color:var(--paper);cursor:pointer}
.garage-home .lead-capture{margin:0;padding:54px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:none;border:0;border-radius:0;box-shadow:none}
.lead-band{background:#e5e1d8}.garage-home .lead-capture h2{font-size:clamp(32px,3vw,44px)}
.garage-home .lead-capture__copy>p{font-size:15px}.garage-home .lead-capture__eyebrow{font-size:12px!important}
.garage-home .lead-form__qualify,.garage-home .lead-form__privacy{font-size:13px}.garage-home .lead-form__privacy{color:#565a52}.garage-home .lead-form input,.garage-home .lead-form select{border-radius:2px}
.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:900px){.brand-routes{gap:40px}.photo-vision__grid{gap:40px}.first-product{column-gap:40px}.garage-hero__content{min-height:590px}.wall-transformation__shell{width:calc(100% - 48px)}.wall-transformation__intro{display:none}.garage-home .lead-capture{grid-template-columns:1fr;gap:28px}.garage-home .lead-capture__copy>p{max-width:52ch}}
@media(max-width:620px){
.garage-hero__content{min-height:590px;padding-block:48px}.garage-hero h1{font-size:54px;max-width:10ch}.garage-hero__description{font-size:16px;max-width:31ch}.garage-hero__actions{gap:8px;align-items:flex-start;flex-direction:column}.garage-hero__note{font-size:11px;margin-top:22px}.garage-hero__image{object-position:72% center}.garage-hero:after{background:linear-gradient(90deg,#111612d9,#11161266)}
.brand-routes{grid-template-columns:1fr;gap:30px;padding-block:48px}.brand-routes__list span{font-size:21px}.brand-routes__list a{padding-block:14px}.brand-routes>div>p:last-child{font-size:15px;margin-top:18px}
.eyebrow{margin-bottom:18px}.wall-transformation__shell{width:calc(100% - 32px)}.wall-transformation__heading h2{font-size:33px}.wall-transformation__heading h2 br{display:block}.wall-transformation__heading{margin-bottom:16px}.wall-transformation__stage{grid-template-columns:1fr}.wall-transformation__frame img{aspect-ratio:2/3}
.wall-transformation.is-enhanced:not(.is-static){height:165svh}.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__shell{padding-block:24px}
.wall-transformation__footer{gap:12px}.wall-transformation__phase p{font-size:13px;max-width:28ch}.wall-transformation__progress-track{display:none}.wall-transformation__concept{font-size:10px;padding:4px 7px}
.photo-vision{padding-block:48px}.photo-vision__grid{grid-template-columns:1fr;gap:30px}.first-product{grid-template-columns:1fr;grid-template-areas:'intro' 'film' 'copy';gap:24px}.photo-vision__copy>p:not(.eyebrow){margin-top:18px}.vision-demo__bottom{flex-wrap:wrap;gap:12px}.vision-demo__steps{font-size:11px}
.first-product{padding-block:48px}.first-product h2{font-size:36px}.first-product__copy>p:not(.eyebrow){margin-top:16px}.garage-home .lead-capture{padding-block:40px}.first-product__intro{padding-top:0}.ritual-film{width:min(100%,270px)}.first-product__copy>p:first-child{margin-top:0}
}
@media(max-height:620px) and (min-width:621px){.garage-hero__content{min-height:520px;padding-block:44px}.garage-hero h1{font-size:60px}.garage-hero__description{margin-top:20px}.garage-hero__actions{margin-top:22px}.garage-hero__note{margin-top:22px}.wall-transformation__heading h2{font-size:30px}.wall-transformation__eyebrow{margin-bottom:6px}.wall-transformation.is-enhanced:not(.is-static) .wall-transformation__shell{padding-block:16px}.wall-transformation__phase p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 留资区继承浅底色，清除旧版白字与卡片内衬。 */
.garage-home .lead-capture__copy,.garage-home .lead-capture__copy h2{color:var(--ink)}
.garage-home .lead-capture__copy>p{color:#565a52}
.garage-home .lead-capture__copy .lead-capture__eyebrow{color:#765239}
.garage-home .lead-form{background:transparent;padding:0;border:0;box-shadow:none}
.garage-home .lead-form .button{background:var(--ink)}

.wall-transformation__frame[aria-hidden="true"] figcaption{visibility:hidden}