/* about/certifications/index.html 页面专属样式（原内联 <style> 抽出，CSP 禁用内联样式） */
.chips{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:32px;}
  .chips a{display:inline-flex; align-items:center; gap:8px; font-size:13.4px; font-weight:600; color:#2C4053; background:#fff; border:1px solid var(--line); border-radius:20px; padding:7px 15px; transition:.18s;}
  .chips a:hover{border-color:var(--brand); color:var(--brand);}
  .chips a .n{font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:var(--acc-2); font-weight:700;}

  .cat-head{display:flex; align-items:baseline; gap:12px; margin-bottom:6px; flex-wrap:wrap;}
  .cat-head h2{font-size:23px; margin:0;}
  .cat-head .cnt{font-size:12px; font-weight:700; color:var(--acc-2); background:var(--acc-bg); border-radius:20px; padding:2px 10px;}
  .cat-desc{font-size:14px; color:var(--ink3); margin:0 0 22px; max-width:780px;}

  .cg{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .cert{border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; transition:border-color .2s, box-shadow .2s, transform .2s; display:flex; flex-direction:column;}
  .cert:hover{border-color:#C9DCE8; box-shadow:0 12px 28px rgba(18,57,94,.08); transform:translateY(-2px);}
  .thumb{aspect-ratio:4/3; background:#F4F7FA; overflow:hidden; border-bottom:1px solid var(--line2);}
  .thumb img{width:100%; height:100%; object-fit:cover; object-position:top center;}
  .cert figcaption{padding:14px 16px 16px;}
  .cert figcaption b{display:block; font-size:14.2px; color:var(--brand); font-weight:700; line-height:1.45;}
  .cert figcaption span{display:block; font-size:11.8px; color:var(--ink3); margin-top:4px;}

  table.list{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden;}
  table.list th,table.list td{padding:13px 16px; text-align:left; font-size:13.4px; border-bottom:1px solid var(--line2); vertical-align:top;}
  table.list thead th{background:var(--bg2); font-size:12.4px; color:var(--ink2); font-weight:700;}
  table.list tbody tr:last-child td{border-bottom:0;}
  table.list td:first-child{color:var(--brand); font-weight:600;}
  .tag{display:inline-block; font-size:11px; font-weight:700; border-radius:5px; padding:2px 8px; white-space:nowrap;}
  .t1{background:var(--acc-bg); color:var(--acc-2);}
  .t2{background:#EAF1F8; color:var(--brand2);}
  .t3{background:#F2EFFA; color:#5B4B9E;}

  .ext{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 26px;}
  .ext li{font-size:13.2px; color:var(--ink2); padding:7px 0 7px 16px; position:relative; border-bottom:1px dashed var(--line);}
  .ext li::before{content:""; position:absolute; left:0; top:13px; width:5px; height:5px; border-radius:1.5px; background:#C3D3E1;}

  .note{background:var(--bg2); border:1px solid var(--line); border-radius:12px; padding:22px 24px; max-width:920px;}
  .note h3{font-size:15.5px; margin:0 0 8px;}
  .note p{font-size:13.4px; color:var(--ink2); margin:0 0 8px; line-height:1.8;}
  .note p:last-child{margin-bottom:0;}

  @media (max-width:980px){
    .cg{grid-template-columns:1fr 1fr;}
    .ext{grid-template-columns:1fr;}
  }
  @media (max-width:560px){
    .cg{grid-template-columns:1fr;}
    table.list th,table.list td{padding:11px 12px; font-size:12.6px;}
  }