:root{--story-ink:#1d3027;--story-muted:#64776b;--story-line:#dce5dc;--story-surface:#f3f6f2}
.brand-promise{padding-top:var(--public-section-space,48px);padding-bottom:var(--public-section-space,48px);display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);gap:clamp(26px,6vw,104px);align-items:start;border-top:1px solid #e5ebe5}
.brand-promise .eyebrow{color:#708878}
.brand-promise h2{font-size:clamp(29px,3vw,46px);line-height:1.3;letter-spacing:-.05em;margin:13px 0 0;color:var(--story-ink)}
.brand-promise>div:last-child>p{font-size:clamp(17px,1.5vw,23px);line-height:1.7;letter-spacing:-.015em;color:var(--story-ink);max-width:760px;margin:2px 0 28px}
.promise-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.promise-steps span{font-size:12px;color:#496754;padding:14px 0;border-top:1px solid #aebeb1;white-space:nowrap}
.promise-steps b{color:#809486;font-size:10px;margin-right:10px}
.home-scenes{padding-top:var(--public-section-space,48px);padding-bottom:var(--public-section-space,48px);background:#f3f6f1;max-width:none}
.home-scenes>.section-heading,.home-scenes>.home-scene-groups,.home-scenes>.home-scene-footer{max-width:1840px;margin-left:auto;margin-right:auto}
.home-scenes .section-heading h2{max-width:630px}
.home-scene-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.scene-group-card{display:flex;flex-direction:column;padding:28px;min-height:290px;border:1px solid #d9e2d7;border-radius:18px;background:#fff}
.scene-index{font-size:10px;letter-spacing:.13em;font-weight:700;color:#66816d}
.scene-group-card h3{font-size:clamp(20px,1.9vw,27px);line-height:1.3;margin:22px 0 8px;color:var(--story-ink)}
.scene-group-card p{font-size:12px;line-height:1.75;color:var(--story-muted);margin:0 0 20px}
.scene-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.scene-links a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#284332;background:#eff4ee;border:1px solid #e0e9df;border-radius:999px;padding:8px 11px;text-decoration:none}
.scene-links a:hover,.scene-browser-links button:hover{background:#dfe9dd}
.scene-group-more{display:inline-block;align-self:start;margin-top:25px;font-size:11px;font-weight:700;color:#1d5130;text-decoration:none;border-bottom:1px solid #9eb5a1;padding-bottom:5px}
.home-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;font-size:12px;color:#738576}
.home-scene-footer a{color:#1d5130;font-weight:700;text-decoration:none;border-bottom:1px solid #9eb5a1;padding-bottom:5px}
.home-library{padding-top:var(--public-section-space,48px)}
.home-library .section-heading h2{max-width:700px}
.hero-catalog-link{display:inline-block;margin-top:21px;font-size:12px;font-weight:700;color:#2a5b38;text-decoration:underline;text-underline-offset:5px}
.home-capabilities{padding-top:var(--public-section-space,48px);padding-bottom:var(--public-section-space,48px)}
.capability-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.capability-grid article{border-top:1px solid #a7b9a8;padding:19px 13px 13px 0}
.capability-grid span{font-size:10px;letter-spacing:.1em;font-weight:700;color:#6d8974}
.capability-grid h3{font-size:18px;line-height:1.4;color:#1d3427;margin:18px 0 8px}
.capability-grid p{font-size:12px;line-height:1.8;color:#637668;margin:0}
.capability-grid-page{margin-top:28px}
.brand-contact{padding-block:var(--public-section-space,48px);gap:clamp(40px,7vw,110px);align-items:start}
.brand-contact .contact-intro h2{font-size:clamp(34px,3.6vw,54px);line-height:1.28}
.brand-contact .contact-intro p{font-size:14px;max-width:520px;margin:20px 0 30px}
.brand-contact .contact-intro a{color:#e6f0e5;text-decoration:underline;text-underline-offset:6px;font-size:13px}
.scenario-inquiry{border:1px solid #6a826e;border-radius:20px;padding:clamp(23px,3vw,36px);background:#ffffff0d;box-shadow:0 18px 48px #0d201823}
.scenario-inquiry h3{font-size:21px;margin:0 0 6px}
.scenario-inquiry>p{margin:0 0 20px!important;color:#bdcdbd!important}
.scenario-inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.scenario-inquiry label{display:block;color:#e7efe6;font-size:12px;line-height:1.5}
.scenario-inquiry label.wide{grid-column:1/-1}
.scenario-inquiry input:not([type=checkbox]),.scenario-inquiry select,.scenario-inquiry textarea{box-sizing:border-box;display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #9aad9e;border-radius:9px;padding:11px 12px;background:#fff;color:#1d3027;font:inherit;font-size:13px}
.scenario-inquiry textarea{min-height:76px;resize:vertical}
.scenario-inquiry .scenario-consent{display:flex;align-items:flex-start;gap:9px;margin:17px 0;color:#d5e3d5}
.scenario-inquiry .scenario-consent input{margin:2px 0 0;accent-color:#88b18a}
.scenario-inquiry [name=website]{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.scenario-inquiry button{width:100%;border:0;border-radius:9px;padding:14px 20px;background:#f4f7ef;color:#1b3527;font-size:13px;font-weight:700;cursor:pointer}
.scenario-inquiry button:disabled{opacity:.6;cursor:wait}
.scenario-inquiry-status{min-height:20px;margin:11px 0 0!important;color:#ffd8c3!important}
.scenario-inquiry-status.success{color:#e5f6de!important}
.scene-page-hero h1{max-width:700px}
.scene-browser-groups{border-top:1px solid var(--story-line)}
.scene-browser-group{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;padding:26px 0;border-bottom:1px solid var(--story-line);scroll-margin-top:110px}
.scene-browser-group h3{font-size:23px;margin:9px 0;color:var(--story-ink)}
.scene-browser-group p{font-size:12px;line-height:1.75;color:var(--story-muted);margin:0}
.scene-browser-links{display:flex;flex-wrap:wrap;align-content:start;gap:9px}
.scene-browser-links button{border:1px solid #d4e0d5;background:#f7faf6;border-radius:9px;padding:10px 13px;color:#2b4934;font-size:12px;cursor:pointer}
.scene-browser-links button[aria-pressed=true]{background:#203c2c;color:#fff;border-color:#203c2c}
.scene-results{scroll-margin-top:var(--scene-header-height,64px);width:min(1840px,calc(100vw - 96px));max-width:none;margin-inline:calc((100% - min(1840px,calc(100vw - 96px)))/2)}
.scene-results-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:23px}
.scene-results-heading h2{margin-bottom:7px}
.scene-results-heading p{margin:0;font-size:13px;color:var(--story-muted);line-height:1.7}
.scene-strong-link{display:inline-block;padding:13px 17px;background:#1d3929;color:#fff;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}
#homeLibraryGrid,#sceneSchemeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.scene-scheme-card{border:1px solid var(--story-line);border-radius:13px;overflow:hidden;background:#fff}
.scene-scheme-image{display:block;aspect-ratio:1/1;background:#f4f6f3}
.scene-scheme-image img{width:100%;height:100%;object-fit:contain}
.scene-scheme-card>div{padding:10px 18px 12px}
.scene-scheme-card small{font-size:10px;color:#728476}
.scene-scheme-card h3{font-size:17px;color:var(--story-ink);margin:4px 0}
.scene-scheme-card p{font-size:12px;line-height:1.45;color:var(--story-muted);min-height:0}
.scene-scheme-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--story-line);padding-top:12px;margin-top:14px;font-size:11px}
.scene-scheme-bottom strong{font-size:13px;color:#1d3829}
.scene-scheme-bottom a{color:#1b5b31;font-weight:700;white-space:nowrap}
.case-story{padding:58px 0;border-top:1px solid #dfe6df;margin-top:55px}
.case-story-heading h2{font-size:clamp(26px,3vw,39px);margin:10px 0 25px;letter-spacing:-.04em}
.case-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.case-story-grid article{padding:19px 0;border-top:1px solid #d9e3db}
.case-story-grid span{font-size:11px;font-weight:700;color:#548063;letter-spacing:.06em}
.case-story-grid p{font-size:14px;line-height:1.9;color:#3f5546;white-space:pre-line;margin:10px 0 0}
@media(max-width:1100px){.home-scene-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-promise{grid-template-columns:1fr;gap:22px}.brand-promise h2{max-width:630px}}
@media(max-width:760px){.home-scenes{padding-inline:6vw}.scene-browser-group{grid-template-columns:1fr;gap:14px}.scene-results-heading{display:block}.scene-strong-link{margin-top:17px}.brand-contact{grid-template-columns:1fr}.brand-contact .contact-intro{max-width:620px}.brand-promise{padding-top:var(--public-section-space,32px);padding-bottom:var(--public-section-space,32px)}}
@media(max-width:560px){.home-scene-groups,.case-story-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid>article:last-child:nth-child(odd){grid-column:1/-1}.scene-group-card{min-height:0}.promise-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-scene-footer{display:block}.home-scene-footer a{display:inline-block;margin-top:12px}.scenario-inquiry-grid{grid-template-columns:1fr}.scenario-inquiry label.wide{grid-column:auto}.scene-scheme-image{aspect-ratio:4/3}}
.home-library#scenarios{background:#f7f8f5;max-width:none;padding-inline:max(48px,calc((100vw - 1840px)/2));}
.home-library#scenarios>.section-heading,.home-library#scenarios>.scene-filter-anchor,.home-library#scenarios>.home-library-tools,.home-library#scenarios>.home-library-grid,.home-library#scenarios>.home-library-status{max-width:1840px;margin-left:auto;margin-right:auto}
.scene-filter-anchor{scroll-margin-top:96px}
.scene-filter{--scene-filter-inset:16px;border-top:1px solid #dbe4db;border-bottom:1px solid #dbe4db;margin:18px calc(-1 * var(--scene-filter-inset)) 12px;padding:8px var(--scene-filter-inset);background:#fff}
.scene-filter-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start;padding:0}
.scene-filter-specific{margin-top:2px}
.scene-filter-label{color:#657a6b;font-size:12px;font-weight:700;line-height:20px;padding-top:7px;white-space:nowrap}
.scene-filter-buttons{display:flex;flex-wrap:wrap;gap:0 12px;min-width:0}
.scene-filter-buttons button{flex:none;min-height:34px;padding:4px 3px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#4a5d50;font:inherit;font-size:14px;line-height:24px;white-space:nowrap;cursor:pointer}
.scene-filter-buttons button small{font-size:10px;margin-left:4px;opacity:.72}
.scene-filter-buttons button:hover{color:#1d3929}
.scene-filter-buttons button[aria-pressed=true]{border-bottom-color:#1d3929;color:#1d3929;font-weight:700}
.scene-filter-buttons button:focus-visible{outline:2px solid #7eaa80;outline-offset:-2px}
#sceneBrowserGroups{position:sticky;top:var(--scene-header-height,64px);z-index:25}
.scene-results-count{color:#66786a;font-size:12px;margin:0 0 18px}
.scene-filter-empty{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px;background:#fff;border:1px dashed #bacbbd;border-radius:12px}
.scene-filter-empty h3{margin:0 0 8px;color:#20382a;font-size:20px}
.scene-filter-empty p{margin:0 0 18px;color:#637668;font-size:13px}
.scene-filter-empty a{color:#1d5130;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){#homeLibraryGrid,#sceneSchemeGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1199px){#homeLibraryGrid,#sceneSchemeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){.scene-filter{--scene-filter-inset:12px}.scene-filter-label::after{content:"左右滑动 →";display:block;font-size:10px;font-weight:400;line-height:14px;color:#657a6b}.scene-filter-buttons{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9eafa1 #edf1ed;padding-bottom:6px}.scene-filter-buttons::-webkit-scrollbar{height:6px}.scene-filter-buttons::-webkit-scrollbar-track{background:#edf1ed}.scene-filter-buttons::-webkit-scrollbar-thumb{background:#9eafa1;border-radius:3px}#homeLibraryGrid,#sceneSchemeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-results{width:calc(100vw - 36px);margin-inline:calc((100% - (100vw - 36px))/2)}.home-library#scenarios{padding-inline:18px}}
@media(max-width:599px){#homeLibraryGrid,#sceneSchemeGrid{grid-template-columns:1fr}.scene-filter-row{gap:8px}.scene-filter-buttons{gap:10px}.scene-filter-buttons button{min-height:44px;padding:9px 3px;font-size:13px}}


.scene-filter[data-state="loading"] button small,.scene-filter[data-state="error"] button small{display:none}.scene-feedback{grid-column:1/-1;min-height:150px;padding:24px;border:1px solid #dbe4db;background:#fff;border-radius:8px;color:#637668}.scene-feedback h3{margin:0 0 8px;font-size:18px;color:#20382a}.scene-feedback p{margin:0 0 14px;font-size:13px;line-height:1.6}.scene-feedback button,#homeLibraryStatus button{min-height:44px;padding:9px 16px;border:1px solid #bdcdbb;background:#fff;color:#244b31;border-radius:4px;font:inherit;cursor:pointer}.scene-feedback a{display:inline-block;margin-left:14px;color:#244b31;text-decoration:underline}@media(max-width:599px){.scenario-inquiry input:not([type=checkbox]),.scenario-inquiry select,.scenario-inquiry textarea{font-size:16px;min-height:44px}}
