/* ============ 内容中心 #cc ============ */
.cc-hero{background:linear-gradient(135deg,#0f2a5f 0%,#1e40af 60%,#2563eb 100%);color:#fff;padding:38px 0 30px}
.cc-hero h1{margin:0 0 8px;font-size:30px;letter-spacing:.5px}
.cc-hero p{margin:0;opacity:.86;font-size:15px}
.cc-switch{display:inline-flex;background:rgba(255,255,255,.16);border-radius:999px;padding:4px;margin-top:18px}
.cc-switch a{display:inline-block;padding:8px 22px;border-radius:999px;color:#fff;text-decoration:none;font-size:14px;opacity:.82}
.cc-switch a.active{background:#fff;color:#1e40af;font-weight:700;opacity:1}
.cc-switch small{display:block;font-weight:400;font-size:11px;opacity:.75;margin-top:2px}
.cc-wrap{padding:22px 0 46px}
.cc-chiprow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 6px}
.cc-chiprow .cc-lab{font-size:13px;color:#64748b;margin-right:2px;white-space:nowrap}
.cc-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #dbe3ef;border-radius:999px;
  background:#fff;color:#334155;font-size:13.5px;text-decoration:none;transition:.15s}
.cc-chip:hover{border-color:#2563eb;color:#1e40af}
.cc-chip.active{background:#1e40af;border-color:#1e40af;color:#fff;font-weight:600}
.cc-chip .n{font-size:12px;opacity:.72;font-weight:400}
.cc-chip.active .n{opacity:.85}
.cc-sub{margin:10px 0 0;padding-left:0}
.cc-bar{display:flex;align-items:baseline;gap:10px;margin:20px 0 14px;padding-bottom:11px;border-bottom:2px solid #e8eef7}
.cc-bar h2{margin:0;font-size:19px;color:#0f2a5f}
.cc-bar .cnt{font-size:13px;color:#64748b}
.cc-bar .clr{margin-left:auto;font-size:13px;color:#2563eb;text-decoration:none}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:15px}
.cc-card{background:#fff;border:1px solid #e6ecf5;border-radius:11px;padding:16px 17px 13px;display:flex;flex-direction:column;
  transition:.16s;position:relative;overflow:hidden}
.cc-card:hover{border-color:#93b4f5;box-shadow:0 6px 20px rgba(30,64,175,.10);transform:translateY(-2px)}
.cc-badge{position:absolute;top:0;right:0;font-size:11px;padding:3px 10px;border-bottom-left-radius:9px;color:#fff;font-weight:600}
.cc-bf-解决方案{background:#0e7490}.cc-bf-技术干货{background:#1e40af}
.cc-bf-配套文章{background:#b45309}.cc-bf-新闻动态{background:#6d28d9}
.cc-tp{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#475569;background:#f1f5f9;
  border-radius:6px;padding:3px 8px;margin-bottom:9px;width:fit-content}
.cc-card h3{margin:0 0 7px;font-size:15.5px;line-height:1.45}
.cc-card h3 a{color:#12203a;text-decoration:none}
.cc-card h3 a:hover{color:#1e40af}
.cc-card .ex{margin:0 0 11px;font-size:13px;color:#64748b;line-height:1.62;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-meta{display:flex;gap:12px;font-size:12px;color:#94a3b8;border-top:1px dashed #eef2f8;padding-top:9px}
.cc-empty{text-align:center;padding:56px 0;color:#64748b}
.cc-pager{display:flex;gap:7px;justify-content:center;margin:30px 0 0;flex-wrap:wrap}
.cc-pager a,.cc-pager span{min-width:36px;padding:7px 12px;border:1px solid #dbe3ef;border-radius:8px;
  text-align:center;font-size:13.5px;color:#334155;text-decoration:none;background:#fff}
.cc-pager .cur{background:#1e40af;border-color:#1e40af;color:#fff;font-weight:700}
.cc-pager .dis{opacity:.4;pointer-events:none}
@media (max-width:640px){
  .cc-hero h1{font-size:23px}.cc-grid{grid-template-columns:1fr}
  .cc-chip{padding:6px 11px;font-size:12.5px}
}