/* 经营知识：详情页（窄栏阅读）+ 列表页（宽屏大首屏）。
   与 industry.css 同时加载（那个提供 .nav / .footer / :root 变量），
   类名统一用 .a- / .know-wrap / .klist- 前缀，避免和落地页样式互相污染。 */
.know-wrap{width:min(860px,calc(100% - 40px));margin:auto}

.crumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:26px 0 0;color:#a1a1aa;font-size:14px}
.crumb a:hover{color:var(--primary)}
.crumb em{font-style:normal;color:#71717a}

.article{padding:26px 0 8px}
.a-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;color:#a1a1aa;font-size:14px;margin-bottom:16px}
.a-cat{background:var(--soft);color:#6d28d9;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700}
.article h1{font-size:38px;line-height:1.34;letter-spacing:-1.2px;margin:0 0 26px;color:var(--ink)}

/* 正文是 CMS 后台录入的富文本，常带内联 style 和固定宽度，这里统一压到容器内
   （与资讯详情页 .article-body 同一套处理思路，只是按本页的配色命名） */
.a-content{color:#3f3f46;font-size:17px;line-height:1.95;word-break:break-word}
.a-content *{max-width:100%}
.a-content img{height:auto;border-radius:12px;margin:8px 0}
.a-content p{margin:0 0 18px}
.a-content h1,.a-content h2,.a-content h3,.a-content h4{margin:32px 0 14px;line-height:1.45;letter-spacing:-.6px;color:var(--ink)}
.a-content ul,.a-content ol{margin:0 0 18px;padding-left:24px}
.a-content li{margin:8px 0}
.a-content a{color:var(--primary);text-decoration:underline}
.a-content table{display:block;overflow-x:auto;border-collapse:collapse}
.a-content td,.a-content th{border:1px solid var(--line);padding:10px 12px}
.a-content pre{background:#faf7ff;border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto}
.a-content blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--primary);background:#faf7ff;color:var(--muted)}

.a-back{display:inline-block;margin:32px 0 0;font-size:15px;color:var(--muted)}
.a-back:hover{color:var(--primary)}

/* CTA 沿用原来的紫色渐变 */
.a-cta{margin:44px 0 80px;padding:56px 40px;border-radius:28px;text-align:center;color:#fff;background:linear-gradient(135deg,#5b21b6,#7c3aed 55%,#a855f7)}
.a-cta h2{font-size:34px;letter-spacing:-1px;margin:0 0 12px}
.a-cta p{color:#ede9fe;margin:0 0 26px;font-size:16px}
.a-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.a-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:14px;font-weight:780;font-size:16px}
/* 带上 .a-cta-actions 前缀提高特异性：紫色底上要白底按钮，
   industry.css 里的 .btn-primary 是紫底白字，靠源码顺序压它不够稳。 */
.a-cta-actions .btn-primary{background:#fff;color:#6d28d9}
.a-cta-actions .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}

/* ---------------------------------------------------------------- 列表页 /knowledge/ */

/* 页头用原站已有的紫色渐变，和落地页 CTA 是同一套色 */
.klist-hero{background:linear-gradient(135deg,#5b21b6,#7c3aed 55%,#a855f7);color:#fff;padding:96px 0 72px}
.klist-hero h1{font-size:46px;letter-spacing:-1.8px;margin:0 0 14px}
/* 行业站列表页的面包屑压在紫色色带上，需要浅色版本（默认 .crumb 是深灰） */
.klist-hero .crumb{padding:0 0 18px;color:rgba(255,255,255,.78)}
.klist-hero .crumb a{color:rgba(255,255,255,.92)}
.klist-hero .crumb a:hover{color:#fff}
.klist-hero .crumb em{color:#fff}
.klist-hero p{margin:0;color:#ede9fe;font-size:18px;max-width:760px}
.klist-count{color:rgba(255,255,255,.82);font-size:15px;margin-top:14px}

.klist-wrap{width:min(1200px,calc(100% - 40px));margin:auto}
.klist-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.klist-card{background:#fff;border:1px solid var(--line);border-radius:20px;height:100%;transition:.2s}
.klist-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(24,24,27,.08);border-color:#ddd6fe}
.klist-card a{display:flex;flex-direction:column;height:100%;padding:28px}
.klist-ind{display:inline-block;align-self:flex-start;background:var(--soft);color:#6d28d9;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700}
.klist-card h2{margin:16px 0 10px;font-size:21px;line-height:1.45;letter-spacing:-.4px;color:var(--ink)}
.klist-card:hover h2{color:var(--primary)}
.klist-card p{margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.klist-meta{display:flex;gap:16px;flex-wrap:wrap;color:#a1a1aa;font-size:13px;margin-top:auto;padding-top:18px}

.klist-empty{color:var(--muted);font-size:16px;padding:64px 0;text-align:center}
.klist-pager{display:flex;align-items:center;gap:18px;justify-content:center;margin-top:40px;font-size:15px;color:var(--muted)}
.klist-pager a{padding:10px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.klist-pager a:hover{border-color:var(--primary);color:var(--primary)}
.klist-pager span{color:#a1a1aa}

@media(max-width:900px){.klist-grid{grid-template-columns:1fr 1fr}
  .klist-hero{padding:76px 0 56px}.klist-hero h1{font-size:38px}}

@media(max-width:600px){
  .know-wrap{width:calc(100% - 28px)}
  .navlinks{display:none}
  .article h1{font-size:26px}
  .a-content{font-size:16px}
  .a-cta{padding:32px 22px;margin-bottom:56px}
  .a-cta h2{font-size:24px}
  .klist-wrap{width:calc(100% - 28px)}
  .klist-hero{padding:60px 0 44px}
  .klist-hero h1{font-size:30px}
  .klist-hero p{font-size:16px}
  .klist-grid{grid-template-columns:1fr}
}