/* ===== 知识中心栏目页专用样式 ===== */
.kc-hero{
  padding:72px 0 56px;
  background:radial-gradient(1200px 480px at 80% -10%,rgba(46,91,255,.10),transparent 60%),linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);
  border-bottom:1px solid var(--border);
}
.kc-hero--banner{
  background-size:cover;background-position:center;background-repeat:no-repeat;
  color:#fff;position:relative;
}
.kc-hero--banner::before{
  content:"";position:absolute;inset:0;background:rgba(15,23,42,.45);pointer-events:none;
}
.kc-hero--banner .container-wide{position:relative;z-index:1;}
.kc-hero--banner h1,.kc-hero--banner p,.kc-hero--banner .eyebrow{color:#fff;}
.kc-hero--banner p{opacity:.92;}
.kc-hero h1{
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.08;
  letter-spacing:-.02em;
  margin-top:18px;
}
.kc-hero h1 .grad{
  background:linear-gradient(135deg,var(--brand-700),var(--brand-500));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.kc-hero p{
  font-size:18px;color:var(--ink-500);max-width:760px;margin:18px auto 0;line-height:1.75;
}
.kc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;}
.kc-stat{
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 18px;text-align:center;
  box-shadow:var(--shadow-xs);
}
.kc-stat .num{
  font-size:30px;font-weight:900;
  background:linear-gradient(135deg,var(--brand-700),var(--brand-500));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.kc-stat .label{font-size:13px;color:var(--ink-500);margin-top:6px;}
@media(max-width:600px){.kc-stats{grid-template-columns:repeat(2,1fr);}}

/* 主体两栏布局 */
.kc-layout{
  display:grid;
  grid-template-columns:240px 1fr;
  gap:48px;
  padding:64px 0;
  align-items:flex-start;
}
.kc-sidebar{
  position:sticky;top:calc(var(--header-h) + 24px);
}
.kc-sidebar h4{
  font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--ink-400);
  text-transform:uppercase;margin:0 0 16px;padding-left:14px;
}
.kc-cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.kc-cat-list a{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;border-radius:10px;
  font-size:14px;font-weight:500;color:var(--ink-700);
  text-decoration:none;transition:background var(--d) var(--ease),color var(--d) var(--ease);
}
.kc-cat-list a:hover{background:var(--brand-50);color:var(--brand-700);}
.kc-cat-list a.active{background:var(--brand-50);color:var(--brand-700);font-weight:700;}
.kc-cat-list a .count{
  font-size:12px;color:var(--ink-400);background:#fff;border:1px solid var(--border);
  border-radius:999px;padding:2px 8px;min-width:24px;text-align:center;
}
.kc-cat-list a.active .count{background:var(--brand-100);color:var(--brand-700);border-color:var(--brand-200);}

.kc-tags{margin-top:32px;}
.kc-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.kc-tag-cloud a{
  font-size:12px;color:var(--ink-600);background:#fff;border:1px solid var(--border);
  padding:4px 10px;border-radius:999px;text-decoration:none;
  transition:all var(--d) var(--ease);
}
.kc-tag-cloud a:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50);}

/* 文章列表 */
.kc-list-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;
}
.kc-list-head h2{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--ink-900);}
.kc-sort{display:flex;gap:6px;font-size:13px;}
.kc-sort button{
  padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;
  font-size:13px;color:var(--ink-600);cursor:pointer;transition:all var(--d) var(--ease);
}
.kc-sort button.active{background:var(--ink-900);color:#fff;border-color:var(--ink-900);}

.kc-articles{display:flex;flex-direction:column;gap:20px;}
.kc-article{
  display:grid;grid-template-columns:240px 1fr;gap:24px;
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;
  text-decoration:none;color:inherit;
  transition:transform var(--d) var(--ease),box-shadow var(--d) var(--ease),border-color var(--d) var(--ease);
}
.kc-article:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brand-200);}
.kc-article .thumb{
  width:100%;height:160px;border-radius:10px;overflow:hidden;background:var(--bg-soft);
}
.kc-article .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.kc-article .body{display:flex;flex-direction:column;gap:10px;}
.kc-article .meta-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.kc-article .cat{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;
  color:var(--brand-700);background:var(--brand-50);padding:3px 10px;border-radius:999px;
}
.kc-article .cat.tech{color:#7C3AED;background:#F3EEFF;}
.kc-article .cat.case{color:#0E7B5E;background:#E6F7F1;}
.kc-article h3{
  font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--ink-900);
  margin:0;
}
.kc-article:hover h3{color:var(--brand-700);}
.kc-article p{font-size:14px;color:var(--ink-500);line-height:1.7;margin:0;}
.kc-article .meta-bot{
  display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ink-400);
  margin-top:auto;padding-top:8px;border-top:1px dashed var(--border);
}
.kc-article .meta-bot .author{display:flex;align-items:center;gap:6px;}
.kc-article .meta-bot .avatar{
  width:20px;height:20px;border-radius:50%;
  background:linear-gradient(135deg,var(--brand-500),var(--brand-700));
  color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;
}

/* 分页 */
.kc-pagination{
  display:flex;align-items:center;justify-content:center;gap:6px;margin-top:40px;
}
.kc-pagination a,.kc-pagination span{
  min-width:38px;height:38px;padding:0 12px;border-radius:10px;
  display:grid;place-items:center;font-size:14px;font-weight:600;
  border:1px solid var(--border);background:#fff;color:var(--ink-700);
  text-decoration:none;transition:all var(--d) var(--ease);
}
.kc-pagination a:hover{border-color:var(--brand-300);color:var(--brand-700);}
.kc-pagination .current{background:var(--brand-700);color:#fff;border-color:var(--brand-700);}
.kc-pagination .dots{border:none;background:transparent;color:var(--ink-400);}

@media(max-width:960px){
  .kc-layout{grid-template-columns:1fr;gap:24px;}
  .kc-sidebar{position:static;}
  .kc-cat-list{flex-direction:row;flex-wrap:wrap;gap:6px;}
  .kc-cat-list a{padding:6px 12px;}
  .kc-cat-list a .count{display:none;}
}
@media(max-width:640px){
  .kc-article{grid-template-columns:1fr;}
  .kc-article .thumb{height:180px;}
}


/* ===== generator extras (list) ===== */
.kc-stats{grid-template-columns:repeat(2,1fr);max-width:420px;}
.kc-article .top-badge{
  font-size:11px;font-weight:700;color:#B45309;background:#FEF3C7;padding:3px 8px;border-radius:999px;
}
.kc-empty{text-align:center;padding:64px 24px;color:var(--ink-400);}
.kc-extras{padding:48px 0 64px;border-top:1px solid var(--border);}
.kc-extras h2{font-size:22px;font-weight:800;color:var(--ink-900);margin:0 0 20px;text-align:center;}
.kc-faq details{
  background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:12px;
}
.kc-faq summary{font-weight:700;color:var(--ink-900);cursor:pointer;}
.kc-faq details p{margin:12px 0 0;color:var(--ink-500);line-height:1.7;}
.kc-overview{max-width:760px;margin:0 auto;font-size:16px;color:var(--ink-700);line-height:1.8;}