/* =========================================================================
   服务能力 · 一屏栏目（v1 · 2026-09-23）
   老大要求：这一栏不要逐屏滚动 → 整栏固定一屏，五块内容点入口开子屏。
   通用块（.ss-entries/.ss-entry、子屏 dl/.qc-strip/.certs-row/table.ss-facts）复用 css/supply37.css。
   本文件只管：一屏容器 / 背景 / 左文右图 / 窄屏，以及子屏里拼装器的深底版式。
   ========================================================================= */

html.onepage,html.onepage body{overflow:hidden;height:100%}
html.onepage header.nav{position:fixed;top:0;left:0;right:0}

/* ---------- 一屏容器 ---------- */
.svc{position:relative;height:100vh;min-height:0;overflow:hidden;
  background:#062418;color:#EAF3EC;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.svc-bg{position:absolute;inset:0;
  background:url("../assets/img/greenhouse_hd.png") center/cover no-repeat;
  opacity:.20;filter:saturate(.85) brightness(.7)}
.svc:before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 12% 0%,rgba(6,36,24,.55) 0%,rgba(6,36,24,.94) 60%,#04160f 100%),
    linear-gradient(180deg,rgba(4,22,15,.85),rgba(4,22,15,.55) 45%,rgba(4,22,15,.92));
  pointer-events:none}
.svc-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:40px;
  align-items:center;height:100%;padding:calc(var(--nav-h,76px) + 34px) 6vw 150px;
  box-sizing:border-box;max-width:1560px;margin:0 auto}

/* ---------- 左：文案 ---------- */
.svc-hero .en{font-family:var(--latin,Inter,sans-serif);font-size:11.5px;letter-spacing:.26em;color:#CDE86B}
.svc-hero h1{margin:14px 0 0;font-size:clamp(34px,4.4vw,60px);line-height:1.06;letter-spacing:.02em;color:#fff}
.svc-hero .lead{margin-top:18px;max-width:640px;font-size:15.5px;line-height:1.95;color:#BBD3C6}
.svc-hero .lead b{color:#CDE86B;font-weight:600}
.svc-stats{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px}
.svc-stats div{border-left:1px solid rgba(205,232,107,.32);padding-left:14px}
.svc-stats b{display:block;font-family:var(--latin,Inter,sans-serif);font-size:22px;color:#fff;letter-spacing:.02em}
.svc-stats span{display:block;margin-top:5px;font-size:12px;color:#8FBBA3;letter-spacing:.04em}
.svc-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.svc-tags span{font-size:12.5px;padding:7px 13px;border-radius:999px;color:#DCE9E0;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}

/* ---------- 右：实拍两张 ---------- */
.svc-media{display:flex;flex-direction:column;gap:16px}
.svc-media figure{margin:0;position:relative;border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);background:#0a2c1e;box-shadow:0 18px 44px rgba(0,0,0,.42)}
.svc-media img{display:block;width:100%;height:clamp(150px,20vh,220px);object-fit:cover}
.svc-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:11.5px;
  color:#DCE9E0;letter-spacing:.04em;background:linear-gradient(0deg,rgba(4,22,15,.92),rgba(4,22,15,0))}
.svc-media figure:first-child{transform:translateY(-6px)}

/* ---------- 入口条：与服务能力主内容网格对齐（.svc-wrap 左右各 6vw），底部留白再放一点 ---------- */
.svc .ss-entries{width:min(88vw,1460px);bottom:44px}
.svc .ss-entry.cta .k:after{content:"→"}   /* 栏内开子屏，不用外链箭头 ↗ */
.svc .pin-foot{bottom:8px}

/* ---------- 子屏里的拼装器（子屏面板是深墨绿 → 用深底版式覆盖浅底样式） ---------- */
.ss-content .asm{grid-template-columns:1fr;gap:0}
.ss-content .step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:18px 20px;margin-bottom:13px}
.ss-content .step .st em{background:#CDE86B;color:#10331F;border-radius:999px;width:24px;height:24px;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.ss-content .step .st b{color:#fff}
.ss-content .chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#DCE9E0;
  padding:8px 15px;font-size:13px}
.ss-content .chip:hover{border-color:rgba(205,232,107,.7)}
.ss-content .chip.on{background:#CDE86B;border-color:#CDE86B;color:#10331F;font-weight:600}
.ss-content .svccard{position:static;margin-top:16px;border-radius:16px;padding:24px 22px}
.ss-content .svccard h3{font-size:19px}
.ss-content .svccard .rows div{font-size:13px}
.ss-content .svccard .rows span:first-child{color:#9EB8AA}
.ss-content .svccard .foot button{padding:10px 18px}
/* 双轨对照表：三列，窄屏允许横向滚动 */
.ss-content table.ss-facts.dual3 th{width:auto}
.ss-content table.ss-facts.dual3 th:first-child{width:130px;white-space:nowrap}
.ss-content .dual-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ss-content .dual-scroll table{min-width:560px}

/* ---------- 窄屏 / 平板 ---------- */
@media (max-width:1180px){
  .svc-wrap{gap:28px;padding-left:5vw;padding-right:5vw}
  .svc-hero .lead{font-size:14.5px}
  .svc-stats{gap:18px}
}
@media (max-width:980px){
  .svc-wrap{grid-template-columns:1fr;align-content:center;gap:22px;padding-bottom:190px}
  .svc-media{flex-direction:row}
  .svc-media figure{flex:1 1 0}
  .svc-media img{height:118px}
  .svc-media figure:first-child{transform:none}
}
@media (max-width:820px){
  .svc .ss-entries{bottom:24px}              /* 手机底部手势条安全区 */
  .svc-wrap{padding:calc(var(--nav-h,64px) + 18px) 18px 214px;align-content:start}
  .svc-hero h1{font-size:34px}
  .svc-hero .lead{font-size:13.5px;line-height:1.85}
  .svc-stats{gap:14px;margin-top:18px}
  .svc-stats b{font-size:17px}
  .svc-stats span{font-size:11px}
  .svc-tags{display:none}                    /* 手机：标签收进子屏，屏内只留标题+数字 */
  .svc-media{display:none}
  .svc:before{background:linear-gradient(180deg,rgba(4,22,15,.82),rgba(4,22,15,.94))}
}