/* 首页业务部分（2026-11-06，03_关键文档/77）。飞天首屏和龙俯冲一律不碰，这里没有 .sp- 开头的选择器。
   字：标题改宋体 500，靠大小和留白。色：夜底、暖白、鎏金，主按钮保持中国红。 */
:root{--hm-gold:#f0bd58;--hm-text:#fffaf2;--hm-dim:#c6b6a4;--hm-head:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--hm-ink:#040303}

/* 会发光的龙，会咆哮的恐龙 */
.dx-c3 h2{font-family:var(--hm-head);font-weight:500;letter-spacing:-.01em}
.dx-c3 h2 em{color:var(--hm-gold)}

/* 业务转盘：只留一个主角，其余压暗；业务名是全屏最大的字 */
.bz-copy{width:min(30em,36vw)}
.bz-copy h2{font-family:var(--hm-head);font-weight:500;font-size:clamp(18px,1.5vw,24px);line-height:1.5;letter-spacing:0;color:var(--hm-dim);margin:0 0 2.4vh}
.bz-copy h2 br{display:none}
.bz-copy h2 em{color:var(--hm-dim)}
.bz-item h3{font-family:var(--hm-head);font-weight:500;font-size:clamp(44px,5.4vw,92px);line-height:1.08;letter-spacing:-.01em}
.bz-item p{color:var(--hm-text);font-size:clamp(16px,1.2vw,19px);line-height:1.8}
.bz-item .more{border-bottom-color:var(--hm-gold)}
.bz-item .more:hover{color:var(--hm-gold)}
.bz-nav{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:4px 30px;margin-top:4.4vh}
.bz-nav button{border-bottom:0;padding:5px 0;font-size:16px;text-align:left;color:var(--hm-dim)}
.bz-nav button[aria-current="true"]{color:var(--hm-gold)}
.bz-nav button:hover{color:var(--hm-text)}
.bz-face:not(.on) img{filter:brightness(.34) saturate(.6);transition:filter .7s var(--ease)}
.bz-face.on img{transition:filter .7s var(--ease)}

/* 灯廊的文字 */
.lt-c1 h2,.lt-c3 h2{font-family:var(--hm-head);font-weight:500;letter-spacing:-.01em}
.lt-c1 h2 em,.lt-c3 h2 em{color:var(--hm-gold)}

/* 工厂：自贡制造 */
.hm-fac{position:relative;z-index:2;isolation:isolate;display:flex;align-items:flex-end;min-height:100svh;background:var(--hm-ink);color:var(--hm-text)}
.hm-fac-pic{position:absolute;inset:0;z-index:-2;margin:0}
.hm-fac-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hm-fac::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--hm-ink) 2%,rgba(12,8,6,.66) 34%,rgba(12,8,6,.1) 70%)}
.hm-fac-tx{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px clamp(32px,6vw,96px);align-items:end;width:100%;padding:0 var(--gut) clamp(44px,7vh,80px)}
.hm-fac h2{grid-row:span 2;margin:0;font:500 clamp(42px,7vw,116px)/1.12 var(--hm-head);letter-spacing:-.01em;color:#fff}
.hm-fac p{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.85;color:var(--hm-text)}
.hm-fac .more{justify-self:start;color:#fff;border-bottom-color:var(--hm-gold)}
.hm-fac .more:hover,.hm-proj .more:hover{color:var(--hm-gold)}
.hm-craft{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:6px;background:var(--hm-ink)}
.hm-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;text-decoration:none;color:#fff}
.hm-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.hm-tile:hover img{transform:scale(1.04)}
.hm-tile::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(to top,rgba(0,0,0,.76),transparent)}
.hm-tile span{position:absolute;z-index:1;left:clamp(14px,1.6vw,24px);bottom:clamp(12px,1.5vw,22px);font:500 clamp(20px,1.9vw,30px)/1.3 var(--hm-head)}

/* 做过的项目 */
.hm-proj{position:relative;z-index:2;padding:clamp(80px,11vh,140px) 0 6px;background:var(--hm-ink);color:var(--hm-text)}
.hm-proj-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;padding:0 var(--gut) clamp(28px,4vh,44px)}
.hm-proj h2{margin:0;font:500 clamp(36px,4.4vw,72px)/1.15 var(--hm-head);letter-spacing:-.01em;color:#fff}
.hm-proj .more{color:#fff;border-bottom-color:var(--hm-gold)}
.hm-proj-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.hm-p{position:relative;display:block;grid-column:span 5;height:clamp(300px,38vw,600px);overflow:hidden;text-decoration:none;color:#fff}
.hm-p.p0,.hm-p.p3{grid-column:span 7}
.hm-p img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.hm-p:hover img{transform:scale(1.03)}
.hm-p::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.74),transparent 46%)}
.hm-p span{position:absolute;z-index:1;left:clamp(18px,2.2vw,34px);right:18px;bottom:clamp(16px,2vw,28px);display:grid;gap:4px}
.hm-p b{font:500 clamp(24px,2.5vw,40px)/1.25 var(--hm-head)}
.hm-p small{font-size:15px;color:#ece5da}

/* 结尾：整屏实拍 */
.hp-end{display:flex;align-items:flex-end;background:var(--hm-ink);isolation:isolate}
.hp-end .h-scene{inset:0;width:auto;z-index:-2;-webkit-mask-image:none;mask-image:none}
.hp-end .h-scene img{object-position:50% 34%}
.hp-end::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,rgba(12,8,6,.95) 4%,rgba(12,8,6,.5) 38%,rgba(12,8,6,0) 66%)}
.hp-end .tx{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px clamp(32px,6vw,96px);align-items:end}
.hp-end .tx::before{display:none}
.hp-end h2{grid-row:span 3;margin:0;font:500 clamp(42px,6.4vw,104px)/1.14 var(--hm-head);letter-spacing:-.01em;color:#fff}
.hp-end .tx>p:not(.h-honor){margin:0;color:var(--hm-text)}
.hp-end .h-tel{margin-top:10px;font:500 clamp(38px,4.4vw,68px)/1.1 var(--hm-head)}
.hp-end .h-tel:hover{color:var(--hm-gold)}
.hp-end .h-honor{grid-column:1/-1;margin-top:26px;max-width:none;color:var(--hm-dim)}
.hp-end .h-acts{grid-column:1/-1;margin-top:14px}

/* 页脚大字 */
body:not(.inner-page) .foot{overflow:hidden}
body:not(.inner-page) .foot-mark{display:block;margin:clamp(32px,4vw,56px) 0 -.12em;font:500 clamp(72px,19.6vw,330px)/1 var(--hm-head);color:#fff;opacity:.075;white-space:nowrap;text-align:center;overflow:hidden;user-select:none}

@media (max-width:1100px),(orientation:portrait){
  .bz-copy{width:auto}
  .bz-copy h2{display:none}
  .bz-item h3{font-size:clamp(32px,8.4vw,52px)}
  .bz-nav{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:2vh}
  .bz-nav button{font-size:15px}
}
@media (max-width:860px){
  .hm-fac-tx,.hp-end .tx{grid-template-columns:minmax(0,1fr)}
  .hm-fac h2,.hp-end h2{grid-row:auto}
  .hm-craft{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-p,.hm-p.p0,.hm-p.p3{grid-column:1/-1;height:64vw}
  .hp-end{display:grid;align-content:end}
  .hp-end .h-scene{position:absolute;inset:0;height:auto;margin:0;order:0}
}
.lt-c3 h2,.lt-c3 p{text-shadow:0 1px 14px rgba(7,8,12,.9),0 0 30px rgba(7,8,12,.7)}

/* 竖屏和窄屏：结尾屏也是整屏实拍，文字单列，压暗更多保证看得清（用户常用窗口约 1032×1184） */
@media (max-width:1100px),(orientation:portrait){
  .hp-end{display:flex;align-items:flex-end;min-height:100svh}
  .hp-end .h-scene{position:absolute;inset:0;width:auto;height:auto;margin:0;order:0;-webkit-mask-image:none;mask-image:none}
  .hp-end .tx{grid-template-columns:minmax(0,1fr)}
  .hp-end h2{grid-row:auto;font-size:clamp(40px,9vw,84px)}
  .hp-end .h-honor{grid-column:auto}
  .hp-end .h-acts{grid-column:auto}
  .hp-end::after{background:linear-gradient(to top,rgba(12,8,6,.94) 20%,rgba(12,8,6,.62) 50%,rgba(12,8,6,.04) 82%)}
}
@media (max-width:700px){.hp-end::after{background:linear-gradient(to top,rgba(12,8,6,.95) 44%,rgba(12,8,6,.74) 72%,rgba(12,8,6,.12) 96%)}.hp-end .h-honor{color:var(--hm-text)}}

/* 福字拱门（11-06）：虫洞换中国风以后，这句字压在亮灯组上，加阴影保证看得清 */
.lt-c2{text-shadow:0 1px 14px rgba(7,8,12,.92),0 0 32px rgba(7,8,12,.72)}

/* 代码动画（11-07）：只作用于飞天之后的业务部分 */
.ch{will-change:opacity}
.lit-cv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s linear}
.lit-cv.on{opacity:1}
.hm-fac-pic,.hp-end .h-scene{overflow:hidden}