/* ===== 资质与荣誉 — 新版 3:2 横版高品质证书 ===== */
.certs-section{background:var(--white)}

/* ---- 分类筛选标签 ---- */
.cert-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.cert-filters button{font-family:var(--font-bold);font-size:14px;padding:9px 22px;border-radius:24px;border:2px solid #e0e4e4;background:var(--white);color:#556;cursor:pointer;transition:all .25s;letter-spacing:.5px}
.cert-filters button:hover{border-color:var(--teal);color:var(--teal)}
.cert-filters button.active{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 16px rgba(17,150,152,.3)}

/* ---- 统一网格 ---- */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;perspective:1200px}
@media(max-width:1024px){.cert-grid{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:640px){.cert-grid{grid-template-columns:1fr;gap:18px}}

/* ---- 方案A：渐进浮现 ---- */
@keyframes certFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.cert-card{background:var(--light-bg);border-radius:18px;overflow:hidden;transition:all .45s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;opacity:0;transform:translateY(30px);transform-style:preserve-3d}
.cert-card.revealed{animation:certFadeUp .6s cubic-bezier(.23,1,.32,1) forwards}
.cert-card:nth-child(1){animation-delay:0s}
.cert-card:nth-child(2){animation-delay:.06s}
.cert-card:nth-child(3){animation-delay:.12s}
.cert-card:nth-child(4){animation-delay:.08s}
.cert-card:nth-child(5){animation-delay:.14s}
.cert-card:nth-child(6){animation-delay:.20s}
.cert-card:nth-child(7){animation-delay:.16s}
.cert-card:nth-child(8){animation-delay:.22s}
.cert-card:nth-child(9){animation-delay:.28s}
.cert-card:nth-child(n+10){animation-delay:.24s}

/* ---- 方案C：景深悬浮 ---- */
.cert-card:hover{transform:translateY(-12px) rotateX(2deg);box-shadow:0 28px 56px rgba(17,150,152,.22),0 8px 16px rgba(0,0,0,.1)}
.cert-card.hidden{display:none}

/* ---- 缩略图 ---- */
.cert-thumb{position:relative;display:block;overflow:hidden;cursor:pointer;aspect-ratio:3/2;background:#e8ecec;border:none;padding:0;width:100%}
.cert-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.cert-thumb:hover img{transform:scale(1.06)}
.cert-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.03));pointer-events:none;transition:opacity .3s}
.cert-thumb:hover::after{opacity:0}

/* ---- 卡片文字区 ---- */
.cert-body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column}

/* 标签 */
.cert-tag{display:inline-block;font-size:11.5px;font-family:var(--font-bold);padding:3px 10px;border-radius:16px;margin-bottom:9px;line-height:1.4;letter-spacing:.5px;align-self:flex-start}
.tag-qual{background:rgba(14,122,124,.13);color:#0e7a7c}
.tag-brand{background:rgba(47,111,176,.12);color:#2f6fb0}
.tag-train{background:rgba(27,158,159,.15);color:#138a8b}
.tag-honor{background:rgba(176,140,46,.15);color:#97701f}

.cert-body h3{font-family:var(--font-bold);font-size:16px;color:var(--dark);margin-bottom:5px;line-height:1.4}
.cert-meta{font-size:12px;color:var(--teal);margin-bottom:6px}
.cert-desc{font-size:12.5px;color:#777;line-height:1.65;margin:0}

/* ---- Lightbox ---- */
.lightbox{position:fixed;inset:0;background:rgba(12,28,28,.92);display:none;align-items:center;justify-content:center;z-index:2000;padding:24px;opacity:0;transition:opacity .3s}
.lightbox.open{display:flex;opacity:1}
.lightbox-inner{max-width:1100px;width:100%;max-height:92vh;overflow:auto;background:#1a1a1a;border-radius:18px;display:grid;grid-template-columns:1fr}
@media(min-width:769px){.lightbox-inner{grid-template-columns:1.2fr 1fr}}
.lightbox-img{display:flex;align-items:center;justify-content:center;padding:24px;background:#111}
.lightbox-img img{max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:8px}
.lightbox-info{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}
.lightbox-info h3{font-family:var(--font-bold);font-size:22px;color:#fff;margin-bottom:8px;line-height:1.35}
.lightbox-info .lb-meta{color:var(--teal);font-size:14px;margin-bottom:16px}
.lightbox-info p{font-size:14px;color:#bbb;line-height:1.85;margin:0}
.lb-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:none;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lb-close:hover{background:rgba(255,255,255,.28)}

/* ---- 底部注释 ---- */
.honors-note{margin-top:36px;text-align:center;font-size:13.5px;color:#888;line-height:1.8}