.home-hero{min-height:720px;background:#f7fafb;color:var(--ink);border-bottom:1px solid var(--line)}
.home-hero:before{background:linear-gradient(rgba(11,48,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,48,75,.045) 1px,transparent 1px);background-size:72px 72px}
.home-hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center;min-height:720px;padding:48px 0}
.home-hero-copy{position:relative;z-index:2}.home-hero-copy .eyebrow{color:var(--orange)}
.hero-badge{display:inline-flex;align-items:center;gap:18px;margin-bottom:24px}.hero-badge img{width:68px;height:82px;object-fit:contain}.hero-badge b{font-size:32px;line-height:1;color:var(--navy);letter-spacing:.08em;font-weight:800}
.home-hero-copy h1{font-size:64px;line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:22px 0 18px}
.home-hero-copy h2{font-size:29px;line-height:1.35;margin:0 0 22px;max-width:650px;color:#203d50}
.home-hero-copy>p{font-size:17px;line-height:1.8;color:#617481;max-width:650px}
.home-hero .hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;color:#385367;margin-top:28px}
.home-hero .hero-points span:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:11px;margin-right:7px}
.dark-outline{border-color:#8da0ad;color:var(--navy);background:#fff}
.home-hero-visual{position:relative;padding-top:144px}.supply-flow{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;z-index:4}
.supply-flow>div{min-width:105px;background:#fff;border:1px solid #d6e1e7;padding:14px 12px;border-radius:9px;box-shadow:0 9px 25px rgba(15,48,70,.08)}
.supply-flow b{display:block;color:var(--orange);font-size:12px}.supply-flow span{display:block;font-weight:750;font-size:13px;margin-top:3px;white-space:nowrap}.supply-flow i{height:1px;flex:1;background:#8fb3c8;position:relative}.supply-flow i:after{content:'';position:absolute;right:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.icon-flow>div{position:relative;min-width:116px;height:112px;padding:14px 10px 12px 48px}.icon-flow .flow-icon{position:absolute;left:11px;top:17px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#b8121b,#df2935);box-shadow:0 7px 15px rgba(201,21,34,.22)}.icon-flow .flow-icon svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-flow b{margin-top:2px}.icon-flow strong{display:block;font-size:13px;line-height:1.35;margin-top:5px;color:var(--navy)}
.hero-photo-board{position:relative;height:475px;background:#e8f0f4;border:1px solid #ccdbe3;border-radius:22px;box-shadow:0 24px 60px rgba(19,55,78,.14);overflow:hidden}
.hero-photo-board figure{margin:0;position:absolute;background:#fff;border:8px solid #fff;box-shadow:0 14px 30px rgba(9,34,51,.18);overflow:hidden}.hero-photo-board img{width:100%;height:100%;object-fit:cover}
.photo-main{left:35px;top:38px;width:46%;height:310px}.photo-top{right:35px;top:35px;width:38%;height:205px}.photo-top img{object-fit:cover!important}.photo-bottom{right:25px;bottom:42px;width:43%;height:190px}
.photo-caption{position:absolute;left:35px;bottom:35px;width:43%;background:rgba(7,31,51,.94);color:#fff;padding:17px 19px}.photo-caption b{display:block}.photo-caption span{display:block;color:#d5e1e8;font-size:12px;line-height:1.6;margin-top:7px;letter-spacing:.02em}
.business-summaries{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1.08fr .92fr;gap:10px;z-index:5}.business-summaries details{background:#fff;border:1px solid #d2dfe6;border-radius:12px;box-shadow:0 10px 28px rgba(15,48,70,.09);overflow:hidden}.business-summaries summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:14px;font-weight:800;color:var(--navy);border-bottom:1px solid #e0e9ee}.business-summaries summary::-webkit-details-marker{display:none}.business-summaries summary:after{content:'⌄';float:right;color:var(--orange)}.business-summaries details>div{display:flex;flex-wrap:wrap;gap:6px;padding:11px 12px}.business-summaries details span{font-size:11px;padding:5px 8px;background:#eef4f7;color:#39566a;border-radius:999px;white-space:nowrap}
.business-collage{height:500px}.business-collage figure{border-width:6px}.collage-a{left:22px;top:23px;width:42%;height:245px}.collage-b{left:22px;bottom:22px;width:27%;height:190px}.collage-c{left:31%;bottom:22px;width:25%;height:190px}.collage-d{right:22px;top:23px;width:29%;height:190px}.collage-e{right:22px;top:226px;width:40%;height:125px}.collage-f{right:22px;bottom:22px;width:40%;height:115px}.business-collage .collage-c img,.business-collage .collage-d img{object-fit:contain;background:#fff}
html[lang="en"] .home-hero-copy h1{font-size:52px;line-height:1.08;letter-spacing:-.035em}
html[lang="en"] .home-hero-copy h2{font-size:25px}
html[lang="en"] .supply-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
html[lang="en"] .supply-flow i{display:none}
html[lang="en"] .supply-flow>div{min-width:0;height:112px;padding:14px 8px 10px 46px}
html[lang="en"] .supply-flow strong{font-size:11px;line-height:1.25}
html[lang="en"] .photo-caption{width:49%;padding:15px 16px}
@media(max-width:1050px){.home-hero-grid{grid-template-columns:1fr;gap:10px}.home-hero-copy h1{font-size:52px}.home-hero-visual{padding-top:120px}.home-hero{min-height:auto}.supply-flow>div{min-width:0;flex:1}.supply-flow i{flex:0 0 15px}}
@media(max-width:1050px){.home-hero-visual{padding-top:142px}}
@media(max-width:700px){.home-hero-grid{padding:55px 0}.home-hero-copy h1{font-size:41px}.home-hero-copy h2{font-size:23px}.home-hero-visual{padding-top:0}.icon-flow{position:relative;display:grid;grid-template-columns:1fr 1fr!important;gap:8px;margin-bottom:12px}.icon-flow i{display:none}.icon-flow>div{height:96px}.business-collage{height:430px}.collage-a{left:12px;top:12px;width:55%;height:200px}.collage-b{left:12px;bottom:12px;width:32%;height:190px}.collage-c{left:46%;bottom:12px;width:24%;height:140px}.collage-d{right:12px;top:12px;width:28%;height:145px}.collage-e{right:12px;top:170px;width:39%;height:110px}.collage-f{right:12px;bottom:12px;width:25%;height:125px}}
/* 首页业务拼图：增加产品图并用紧凑网格填满展示区域。 */
.business-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;padding:18px;height:500px}
.business-collage figure{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0;border-width:5px;min-width:0;min-height:0}
.business-collage .collage-a{grid-column:1/3;grid-row:1/3}
.business-collage .collage-b{grid-column:3;grid-row:1}
.business-collage .collage-c{grid-column:4;grid-row:1}
.business-collage .collage-d{grid-column:3/5;grid-row:2}
.business-collage .collage-e{grid-column:1;grid-row:3}
.business-collage .collage-f{grid-column:2;grid-row:3}
.business-collage .collage-g{grid-column:3;grid-row:3}
.business-collage .collage-h{grid-column:4;grid-row:3}
.business-collage .collage-c img,.business-collage .collage-g img,.business-collage .collage-h img{object-fit:contain;background:#fff}
@media(max-width:700px){
  .business-collage{height:650px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));padding:10px;gap:6px}
  .business-collage .collage-a{grid-column:1/3;grid-row:1/3}
  .business-collage .collage-b{grid-column:1;grid-row:3}
  .business-collage .collage-c{grid-column:2;grid-row:3}
  .business-collage .collage-d{grid-column:1/3;grid-row:4}
  .business-collage .collage-e{grid-column:1;grid-row:5}
  .business-collage .collage-f{grid-column:2;grid-row:5}
  .business-collage .collage-g{grid-column:1;grid-row:6}
  .business-collage .collage-h{grid-column:2;grid-row:6}
}