/* 证书区沿用目录的连续背景，以留白和细分隔线组织内容，不另外建立整片色块。 */
.catalogue-support{margin:0 var(--space,48px) 64px;padding:44px 0 0;border-top:1px solid rgba(147,185,238,.18);color:#f3f7fc}
.catalogue-support .certificate-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}
.catalogue-support h2{font-size:clamp(28px,2.7cqw,36px);font-weight:550;line-height:1.35;letter-spacing:-.025em;margin:0}
.catalogue-support .certificate-heading p{font-size:16px;line-height:1.75;color:#abc0db;margin:0;max-width:460px}
/* 证书以完整纸张比例展示，原始图案和文字不裁切；右侧信息按阅读顺序对齐，不把证书当装饰缩略图。 */
.catalogue-support .certificate-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:clamp(36px,5cqw,76px);align-items:center}
.catalogue-support .certificate-figure{margin:0;min-width:0}
.catalogue-support .certificate-preview{display:block;width:100%;padding:0;border:0;border-radius:0;cursor:zoom-in;background:#fff;outline-offset:5px;box-shadow:0 12px 28px rgba(0,6,24,.18);transition:box-shadow .2s ease}
.catalogue-support .certificate-preview:hover{box-shadow:0 14px 32px rgba(0,6,24,.28)}
.catalogue-support .certificate-preview img{display:block;width:100%;height:auto;max-width:none;border-radius:0}
.catalogue-support .certificate-information{min-width:0;max-width:760px}
.catalogue-support h3{font-size:clamp(30px,3cqw,42px);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0;color:#f3f7fc}
.catalogue-support .certificate-name{font-size:18px;line-height:1.6;color:#d0dded;margin:10px 0 26px}
.catalogue-support .certificate-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;margin:0}
.catalogue-support .certificate-facts>div{padding:13px 0 15px;border-top:1px solid rgba(147,185,238,.15);min-width:0}
.catalogue-support .certificate-fact-wide{grid-column:1/-1}
.catalogue-support dt{font-size:14px;line-height:1.6;color:#abc0db;margin:0 0 6px}
.catalogue-support dd{font-size:16px;line-height:1.65;color:#f3f7fc;margin:0;overflow-wrap:anywhere}
.catalogue-support button:focus-visible{outline:2px solid #b6d2ff;outline-offset:5px}
/* 窄屏先读认证信息，再看完整原件；证书限制在可读宽度内，不需要横向拖动。 */
@container website (max-width:700px){
  .catalogue-support{padding-top:30px;margin-bottom:40px}
  .catalogue-support .certificate-heading{display:block;margin-bottom:26px}
  .catalogue-support .certificate-heading p{margin-top:12px}
  .catalogue-support .certificate-layout{grid-template-columns:minmax(0,1fr);gap:30px}
  .catalogue-support .certificate-information{grid-row:1}
  .catalogue-support .certificate-figure{width:min(100%,340px);justify-self:center}
  .catalogue-support .certificate-facts{gap:0 20px}
  .catalogue-support .certificate-name{font-size:16px;margin-bottom:20px}
}
@container website (max-width:420px){.catalogue-support .certificate-facts{grid-template-columns:minmax(0,1fr)}.catalogue-support .certificate-fact-wide{grid-column:auto}}
/* 放大层使用完整证书图片，宽度优先保证小字可读；滚动局限在弹层内，不改变原目录位置。 */
.catalogue-support .certificate-lightbox{width:min(860px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid rgba(182,210,255,.4);border-radius:8px;background:#061a3a;color:#f3f7fc;overflow:hidden;box-shadow:0 20px 70px rgba(0,6,24,.5)}
.catalogue-support .certificate-lightbox::backdrop{background:rgba(0,6,24,.85)}
.catalogue-support .certificate-lightbox-toolbar{height:44px;display:flex;align-items:center;justify-content:flex-end;padding:0 4px;background:#0a2349}
.catalogue-support .certificate-lightbox-close{display:grid;place-items:center;width:40px;height:40px;min-height:0;padding:0;border:0;border-radius:4px;background:transparent;color:#f3f7fc;font-size:30px;line-height:1;cursor:pointer}
.catalogue-support .certificate-lightbox-close:hover{background:rgba(182,210,255,.15)}
.catalogue-support .certificate-lightbox-viewport{max-height:calc(100dvh - 86px);overflow:auto;overscroll-behavior:contain;background:#fff}
.catalogue-support .certificate-lightbox-viewport img{display:block;width:100%;min-width:700px;max-width:none;height:auto;border-radius:0}
@media(max-width:700px){.catalogue-support .certificate-lightbox{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.catalogue-support .certificate-lightbox-viewport{max-height:calc(100dvh - 66px)}}

/* 公司情况与证书共用原目录底色；同级章节仅通过留白和细线区分，不再拼接大面积背景。 */
.catalogue-support .catalogue-overview-heading{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:30px}
.catalogue-support .catalogue-overview p{font-size:16px;line-height:1.75;color:#c2d2e8;margin:12px 0 0}
.catalogue-support .catalogue-overview-heading>p{max-width:420px;margin-top:0}
.catalogue-support .catalogue-support-strengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-bottom:35px}
.catalogue-support .catalogue-support-strengths article{border-top:1px solid rgba(147,185,238,.15);padding-top:20px}
.catalogue-support .catalogue-support-strengths h3{font-size:19px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0}
.catalogue-support .catalogue-support-company{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px;border:1px solid rgba(147,185,238,.10);border-radius:12px;background:rgba(6,36,91,.08)}
.catalogue-support .catalogue-support-company h3{font-size:26px;line-height:1.5;letter-spacing:-.02em}
.catalogue-support .catalogue-support-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}
.catalogue-support .catalogue-support-photos figure{margin:0;min-width:0}
.catalogue-support .catalogue-support-photos img{display:block;width:100%;height:190px;object-fit:cover;border-radius:5px}
.catalogue-support .catalogue-support-photos figcaption{font-size:14px;line-height:1.6;color:#abc0db;margin-top:9px}
.catalogue-support .catalogue-certification{margin-top:48px;padding-top:40px;border-top:1px solid rgba(147,185,238,.14)}
@container website (max-width:1000px){.catalogue-support .catalogue-support-strengths{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-support .catalogue-support-company{gap:25px;padding:24px}.catalogue-support .catalogue-support-company h3{font-size:24px}.catalogue-support .catalogue-support-photos img{height:165px}}
@container website (max-width:700px){.catalogue-support .catalogue-overview-heading{display:block;margin-bottom:24px}.catalogue-support .catalogue-overview-heading>p{margin-top:15px}.catalogue-support .catalogue-support-strengths{grid-template-columns:1fr;gap:20px}.catalogue-support .catalogue-support-company{grid-template-columns:1fr;padding:22px;gap:24px}.catalogue-support .catalogue-support-photos{gap:12px}.catalogue-support .catalogue-support-photos img{height:150px}.catalogue-support .catalogue-certification{margin-top:32px;padding-top:30px}}
