/* 场景方案：以已登记实拍和项目叙事带领浏览；不改首页。 */
.scn-hero{position:relative;background:#08090a;color:#fff;overflow:hidden}
.scn-hero-media{position:relative;margin:0 auto;line-height:0;cursor:zoom-in}
.scn-hero-media img{display:block;width:100%;height:auto;max-width:none}
.scn-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.38) 43%,transparent 76%),linear-gradient(0deg,rgba(0,0,0,.64),transparent 24%)}
@media (min-width:901px){.scn-midautumn-hero .scn-hero-media::after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.72) 46%,transparent 78%),linear-gradient(0deg,rgba(0,0,0,.64),transparent 24%)}}
.scn-hero-media figcaption{position:absolute;z-index:1;right:var(--gut);bottom:20px;max-width:38%;font-size:14px;line-height:1.5;text-align:right;color:#fff;text-shadow:0 1px 6px #000}
.scn-hero-media:focus-visible{outline:3px solid var(--lamp);outline-offset:-5px}
.scn-hero-copy{position:absolute;z-index:1;left:var(--gut);right:var(--gut);bottom:clamp(56px,8vw,116px);max-width:720px;pointer-events:none}
.scn-hero-copy a{pointer-events:auto}
.scn-hero-copy .crumb{padding:0;margin:0 0 clamp(20px,2.4vw,38px);color:#fff}
body .scn-hero .sf-head h1{margin:0;color:#fff;font-size:clamp(42px,5.5vw,82px);line-height:1.16;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.7)}
.scn-hero .sf-head p{max-width:34em;margin:20px 0 0;color:#fff;font-size:clamp(17px,1.35vw,20px);line-height:1.8;text-shadow:0 1px 12px #000}
.scn-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px var(--gut);margin:0}
.scn-jumps a{min-height:44px;display:inline-flex;align-items:center}
.scn-intro .sf-intro-in{gap:clamp(28px,7vw,100px)}
.scn-intro h2{max-width:12em}
.scn-intro-heading .sf-fig{margin:clamp(20px,3vw,38px) 0 0}
.scn-intro-heading .sf-fig .im{aspect-ratio:auto;border-radius:0;line-height:0}
.scn-intro-heading .sf-fig img{height:auto;object-fit:contain}
.scn-route-plan{margin:clamp(32px,5vw,72px) 0 0;max-width:1328px}
.scn-route-plan>a{display:block;line-height:0}
.scn-route-plan>a:focus-visible,.scn-route-plan figcaption a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.scn-route-plan img{display:block;width:100%;height:auto;object-fit:contain}
.scn-route-plan figcaption{margin-top:12px;font-size:15px;line-height:1.7}
.scn-route-plan figcaption a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.scn-parts>.sh{margin-bottom:clamp(32px,5vw,72px)}
.scn-parts .scn-part{gap:clamp(28px,4.5vw,72px);margin-top:clamp(72px,9vw,140px)}
.scn-parts .sf-media{align-items:start}
.scn-parts .sf-part.pair .sf-media{grid-template-columns:repeat(2,minmax(0,1fr))}
.scn-parts .sf-fig .im,.scn-parts .sf-part.pair .sf-fig .im{aspect-ratio:auto;border-radius:0;box-shadow:none;line-height:0}
.scn-parts .sf-fig img{width:100%;height:auto;object-fit:contain}
.scn-parts .sf-fig figcaption{font-size:14px;line-height:1.6;opacity:1}
.scn-parts .sf-fig:hover .im{box-shadow:none!important}
.scn-parts .scn-feature{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-inline:calc(-1 * var(--gut))}
.scn-parts .scn-feature .sf-tx{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,7vw,100px);align-items:start;padding:0 var(--gut) clamp(30px,4vw,58px)}
.scn-parts .scn-feature .sf-tx h3{grid-row:1 / span 2;font-size:clamp(32px,3.6vw,56px);max-width:12em}
.scn-parts .scn-feature .sf-tx .sf-tags{margin-top:18px}
.scn-parts .scn-feature .sf-media,.scn-parts .scn-feature.pair .sf-media{order:1;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.scn-parts .scn-feature .sf-fig{width:100%;justify-self:center}
.scn-parts .scn-feature .sf-fig figcaption{padding:12px var(--gut) 22px;margin:0}
/* 横屏保留整幅原图，也让标题在首屏可见；竖屏仍按原比例全宽。 */
@media (min-width:901px){
  .scn-hero-media img{width:auto;max-width:100%;max-height:calc(100svh - var(--top-h,76px));margin-inline:auto}
}
@media (max-width:900px){
  .scn-hero-media::after{display:none}
  .scn-hero-media figcaption{position:static;max-width:none;padding:10px var(--gut) 0;text-align:right;text-shadow:none}
  .scn-hero-copy{position:static;max-width:none;padding:28px var(--gut) 50px}
  .scn-hero-copy .crumb{margin-bottom:22px}
  body .scn-hero .sf-head h1{font-size:clamp(32px,7vw,54px)}
  .scn-hero .sf-head p{font-size:17px}
  .scn-parts .scn-feature .sf-tx{grid-template-columns:minmax(0,1fr);gap:12px}
  .scn-parts .scn-feature .sf-tx h3{grid-row:auto}
  .scn-parts .scn-feature .sf-tx .sf-tags{margin-top:8px}
}
@media (max-width:520px){
  body .scn-hero .sf-head h1{font-size:clamp(27px,8vw,36px);text-wrap:normal}
  .scn-jumps{gap:8px 20px;padding-block:20px}
  .scn-parts .sf-part.pair .sf-media{grid-template-columns:minmax(0,1fr);gap:24px}
  .scn-parts .scn-feature.pair .sf-media{gap:0}
  .scn-parts .scn-feature .sf-tx h3{font-size:clamp(28px,8vw,38px)}
}

/* 场景中的真实照片保留原比例，错落留白形成悬浮感。 */
@media (min-width:901px){
 .scn-parts .scn-feature .sf-media{padding:clamp(24px,4vw,64px) var(--gut);background:var(--night)}
 .scn-parts .scn-feature .sf-fig{max-width:1280px}
 .scn-parts .scn-feature .sf-fig .im{box-shadow:0 26px 50px rgba(0,0,0,.32)}
 .scn-parts .scn-feature .sf-fig{transition:transform 280ms cubic-bezier(.22,1,.36,1)}
 .scn-parts .scn-feature .sf-fig:hover,.scn-parts .scn-feature .sf-fig:focus-visible{transform:translateY(-7px)}
 .scn-parts .scn-feature .sf-fig:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
}
@media(prefers-reduced-motion:reduce){.scn-parts .scn-feature .sf-fig{transition:none}.scn-parts .scn-feature .sf-fig:hover,.scn-parts .scn-feature .sf-fig:focus-visible{transform:none}}

/* 场景图册不强裁为 4:3：横图、竖图都保留完整画面。 */
body .sx-big .im{display:flex;justify-content:center;align-items:center;aspect-ratio:auto;overflow:visible;border-radius:0;line-height:0;box-shadow:none}
body .sx-big .im::after{display:none}
body .sx-big img{display:block;width:auto;height:auto;max-width:100%;max-height:min(70vh,800px);object-fit:contain}
body .sx-th img{object-fit:contain;background:var(--night)}

/* 四组已核实灯组：照片完整呈现，通用工序与产品实拍分开说明。 */
.st-photo-complete .st-card figure{background:var(--night)}
.st-photo-complete .st-card img{object-fit:contain}
.st-photo-complete .st-tx .st-photo-note{font-size:14px;line-height:1.5;opacity:.8;margin-top:1.4em}

/* 项目场景页目录保留原生跳转，移动端扩大触控与键盘焦点。 */
@media (max-width:900px){
 body:is(.w-lantern,.w-dino,.w-read) .scn-jumps a.more{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
 body:is(.w-lantern,.w-dino,.w-read) .scn-jumps a.more:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
}

/* 商场节日主题：先解释，再用两幅完整实拍呈现空间与造型。 */
.scn-commercial-holiday{display:flex;flex-direction:column;align-items:stretch}
.scn-commercial-holiday .sf-tx{order:0}
.scn-commercial-holiday .sf-media{order:1!important}
@media(min-width:521px){
  .scn-commercial-holiday .sf-media{grid-template-columns:minmax(0,3.16fr) minmax(0,1fr)!important;gap:clamp(12px,1.5vw,24px)}
}
@media(min-width:901px){
  .scn-commercial-holiday .sf-tx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,7vw,100px);align-items:start}
  .scn-commercial-holiday .sf-tx h3{grid-row:1 / span 2}
}


/* 博物馆骨架章节：说明先行，横竖实拍按原比例并列。 */
.scn-museum-skeleton{display:flex;flex-direction:column;align-items:stretch}
.scn-museum-skeleton .sf-tx{order:0}
.scn-museum-skeleton .sf-media{order:1!important}
@media(min-width:521px){.scn-museum-skeleton .sf-media{grid-template-columns:minmax(0,1fr) minmax(0,2.25fr)!important;gap:clamp(12px,1.5vw,24px)}}
@media(min-width:901px){.scn-museum-skeleton .sf-tx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,7vw,100px);align-items:start}.scn-museum-skeleton .sf-tx h3{grid-row:1/span 2}}
/* 动物游线：前景主灯组与另一组工厂实拍错落呈现，保持照片原比例。 */
@media(min-width:901px){
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-tx{grid-column:1/5;grid-row:1;align-self:center;padding:0 clamp(24px,3vw,48px) 0 0;margin:0;background:transparent}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-tx h3{font-size:clamp(29px,2.8vw,42px)}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-media{grid-column:5/13;grid-row:1;order:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(12px,1.5vw,24px)}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-fig:nth-child(2){margin-top:clamp(38px,6vw,86px)}
}
@media(max-width:900px){
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac){display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-tx{order:0;align-self:stretch;padding:0;margin:0;background:transparent}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-media{order:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-fig:nth-child(2){margin-top:36px}
}
@media(max-width:520px){
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-media{grid-template-columns:minmax(0,1fr);gap:24px}
 .scn-parts>.scn-part.scn-forest:not(.sf-zodiac) .sf-fig:nth-child(2){margin-top:0}
}

/* 场景工艺入口的移动触控区域；保留原有锚点与焦点样式。 */
@media (max-width:900px){#sc-make > .sh > a.more{min-height:44px;align-items:center;box-sizing:border-box}}
/* 先理解方案，再按原比例展示设计资料与现场画面。 */
.scn-parts>.scn-part.scn-dino-plan{display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,3vw,44px)}
.scn-parts>.scn-part.scn-dino-plan .sf-tx{order:0;margin:0;padding:0;background:transparent;align-self:stretch}
.scn-parts>.scn-part.scn-dino-plan .sf-media{order:1!important;width:100%;gap:clamp(12px,1.5vw,24px)}
@media(min-width:521px){.scn-parts>.scn-part.scn-dino-plan.pair .sf-media{grid-template-columns:minmax(0,1fr) minmax(0,1.53fr)}}
@media(min-width:901px){.scn-parts>.scn-part.scn-dino-plan .sf-tx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,7vw,100px);align-items:start}.scn-parts>.scn-part.scn-dino-plan .sf-tx h3{grid-row:1 / span 2;font-size:clamp(30px,3vw,44px)}}

/* 中秋水景先解释布置条件，再保留两个独立的本厂亮灯画面。 */
.scn-parts>.scn-part.scn-mid-lotus{display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,3vw,44px)}
.scn-parts>.scn-part.scn-mid-lotus .sf-tx{order:0;margin:0;padding:0;background:transparent;align-self:stretch}
.scn-parts>.scn-part.scn-mid-lotus .sf-media{order:1!important;width:100%;gap:clamp(12px,1.5vw,24px)}
@media(min-width:521px){.scn-parts>.scn-part.scn-mid-lotus.pair .sf-media{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.scn-parts>.scn-part.scn-mid-lotus .sf-fig:nth-child(2){margin-top:clamp(20px,3vw,44px)}}
@media(max-width:520px){.scn-parts>.scn-part.scn-mid-lotus.pair .sf-media{grid-template-columns:minmax(0,1fr)}.scn-parts>.scn-part.scn-mid-lotus .sf-fig:nth-child(2){margin-top:0}}
@media(min-width:901px){.scn-parts>.scn-part.scn-mid-lotus .sf-tx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,7vw,100px);align-items:start}.scn-parts>.scn-part.scn-mid-lotus .sf-tx h3{grid-row:1 / span 2;font-size:clamp(30px,3vw,44px)}}

