:root{
    --ink:#0B1520;--ink-2:#16222F;--ink-soft:#44525F;--ink-faint:#7A8794;
    --paper:#F4F7F6;--paper-2:#EAF0EE;
    --brand:#0F7C86;--brand-deep:#0A4A52;--brand-bright:#2FD5C7;
    --amber:#E9A13B;--amber-soft:#F7E3C0;
    --line:#DFE7E4;--white:#fff;--maxw:1100px;
    --serif:"Songti SC","Noto Serif SC","Source Han Serif SC",Georgia,serif;
    --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif;
  }

  /* Hero */
  .hero{position:relative;color:#EAF3F1;overflow:hidden;background:linear-gradient(160deg,rgba(10,74,82,.92),rgba(10,20,32,.97)),radial-gradient(560px 300px at 80% 10%,rgba(47,213,199,.16),transparent);padding:70px 22px 84px}
  .hero .wrap{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
  .kicker{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;letter-spacing:3px;color:var(--brand-bright);margin-bottom:16px}
  .kicker .bar{width:26px;height:2px;background:var(--brand-bright)}
  .hero h1{font-family:var(--serif);font-size:clamp(36px,6.5vw,58px);line-height:1.18;font-weight:700;max-width:16em;text-wrap:balance}
  .hero .sub{margin-top:18px;font-size:clamp(16px,2vw,19px);color:#C6DCD8;max-width:38em}
  .hero-media{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-media .m-main{border-radius:14px;overflow:hidden;border:1px solid rgba(201,228,226,.18)}
  .hero-media .m-main img{width:100%;height:240px;object-fit:cover}
  .hero-media .m-side{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-media .m-side .tile{border-radius:12px;overflow:hidden;border:1px solid rgba(201,228,226,.16)}
  .hero-media .m-side img{width:100%;height:170px;object-fit:cover}
  .cap{font-size:12px;color:#A8C3C0;margin-top:8px;text-align:center}

  .sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom: 30px;margin-top: 30px;}
  .sec-no{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--brand);border:1.5px solid var(--brand);border-radius:9px;padding:5px 11px;flex:0 0 auto}
  .sec-title{font-family:var(--serif);font-size:clamp(25px,3.6vw,33px);font-weight:700;line-height:1.3}
  .sec-rule{flex:1;height:1px;background:var(--line);align-self:center}
  p.bodyp{margin-bottom:16px;color:#22303C;max-width:56em}
  .hl{color:var(--brand-deep);font-weight:600}

  /* 特点 */
  .feat-layout{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
  .feat-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .feat{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
  .feat .num{font-family:var(--serif);font-weight:700;font-size:15px;color:#fff;background:var(--brand);border-radius:9px;padding:6px 10px;flex:0 0 auto}
  .feat:nth-child(2n) .num{background:var(--brand-deep)}
  .feat .k{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:3px}
  .feat .k .val{color:var(--brand-deep)}
  .feat .d{font-size:14px;color:var(--ink-soft)}
  .feat-demo{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--white)}
  .feat-demo img{width:100%;height:auto;max-height:430px;object-fit:cover}
  .feat-demo .dcap{padding:12px 16px;font-size:13.5px;color:var(--ink-soft)}

  /* 制品 */
  .prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .prod{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
  .prod .ph{aspect-ratio:4/3;overflow:hidden;background:#0B1520}
  .prod .ph img{width:100%;height:100%;object-fit:cover}
  .prod .pb{padding:13px 15px}
  .prod .pb h4{font-size:15.5px;font-weight:700;color:var(--ink)}
  .prod .pb p{font-size:13px;color:var(--ink-faint);margin-top:2px}

  @media (min-width:768px){
    .hero .wrap{grid-template-columns:1.15fr .85fr}
    .feat-layout{grid-template-columns:1.4fr .6fr}
    .feat-grid{grid-template-columns:1fr 1fr}
    .prod-grid{grid-template-columns:repeat(3,1fr)}
  }

  /* 设备展示 */
  .equip-list{display:flex;flex-direction:column;gap:20px}
  .equip{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(11,21,32,.04)}
  .equip .eh{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,#FBFDFC,#F3F7F5)}
  .equip .tag{font-family:var(--serif);font-weight:700;font-size:14px;color:#fff;background:var(--brand);border-radius:8px;padding:5px 12px;white-space:nowrap}
  .equip .eh h3{font-size:16.5px;font-weight:700;color:var(--ink)}
  .equip .eh .who{font-size:12.5px;color:var(--ink-faint);margin-left:auto;white-space:nowrap}
  .equip .eg{display:grid;grid-template-columns:1fr;gap:2px;background:#0B1520}
  .equip .eg img{width:100%;height:230px;object-fit:cover}
  .equip .eg.two{grid-template-columns:1fr 1fr}
  .equip .eg.two img{height:250px}
  .equip .eg.three{grid-template-columns:repeat(3,1fr)}
  .equip .eg.three img{height:180px}

  /* 9000L 亮点 */
  .spotlight{margin-top:26px;background:linear-gradient(150deg,rgba(10,74,82,.95),rgba(10,20,32,.98));border-radius:18px;padding:26px;color:#EAF3F1;display:grid;grid-template-columns:1fr;gap:22px;align-items:center;box-shadow:0 10px 30px rgba(10,40,48,.18)}
  .spotlight .sh h3{font-family:var(--serif);font-size:clamp(20px,2.8vw,25px);font-weight:700;margin:12px 0 6px}
  .spotlight .sh .lead{font-size:14.5px;color:#C6DCD8;margin-bottom:16px}
  .spotlight .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}
  .spotlight .m{font-size:12.5px;color:#A8C3C0}
  .spotlight .m b{color:#fff;font-size:17px;display:block;font-weight:700}
  .spotlight .pics{display:grid;grid-template-columns:1fr;gap:12px}
  .spotlight .pics figure{background:rgba(255,255,255,.04);border:1px solid rgba(201,228,226,.2);border-radius:12px;overflow:hidden}
  .spotlight .pics img{width:100%;max-height:280px;object-fit:cover}
  .spotlight .pics figcaption{padding:8px 12px;font-size:12px;color:#BBD6D3}
  @media (min-width:768px){
    .spotlight{grid-template-columns:1fr .95fr}
    .spotlight .metrics{grid-template-columns:repeat(4,1fr)}
    .spotlight .pics{grid-template-columns:1fr 1fr}
  }