/* ===========================================================
   ck169 厨具企业名录（/qiye/）列表页 + 企业介绍页 专用样式
   2026-10-27
   =========================================================== */

/* ---------- 列表页 hero ---------- */
.ckd-qiye .ck-co-hero{ height:200px; }
.ckd-qiye .ck-co-hero .ck-rank-hero-title{ font-size:30px; }
.ck-co-hero-stat{ margin-top:10px; font-size:13px; opacity:.9; letter-spacing:.3px; }
.ck-co-hero-stat b{ color:#ffe9a8; font-weight:600; }

/* ---------- 筛选工具条 ---------- */
.ck-co-toolbar{
  background:var(--ckd-card,#fff); border:1px solid var(--ckd-line,#e7edf5);
  border-radius:10px; padding:12px 16px 10px; margin:0 0 16px;
}
.ck-co-tb-row{ display:flex; gap:10px; align-items:flex-start; padding:5px 0; }
.ck-co-tb-label{
  flex:0 0 42px; font-size:13px; color:var(--ckd-muted,#6b7787);
  line-height:27px; text-align:right;
}
.ck-co-chips{ display:flex; flex-wrap:wrap; gap:8px; flex:1; }
.ck-chip{
  display:inline-block; padding:4px 13px; border:1px solid var(--ckd-line,#e7edf5);
  border-radius:15px; font-size:13px; color:var(--ckd-ink,#1d2430);
  background:#fff; cursor:pointer; line-height:1.5; transition:all .15s; user-select:none;
}
.ck-chip:hover{ border-color:var(--ckd-blue2,#2f6fc4); color:var(--ckd-blue,#1a4d8f); }
.ck-chip.on{ background:var(--ckd-blue,#1a4d8f); border-color:var(--ckd-blue,#1a4d8f); color:#fff; }
.ck-co-tb-foot{
  display:flex; justify-content:space-between; align-items:center;
  border-top:1px dashed var(--ckd-line,#e7edf5); margin-top:8px; padding-top:9px;
  font-size:13px; color:var(--ckd-muted,#6b7787);
}
.ck-co-tb-foot .ck-reset{ color:var(--ckd-blue,#1a4d8f); cursor:pointer; }
.ck-co-tb-foot .ck-reset:hover{ text-decoration:underline; }

/* ---------- 企业卡片网格 ---------- */
.ck-co-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.ck-co-card{
  border:1px solid var(--ckd-line,#e7edf5); border-radius:10px;
  background:var(--ckd-card,#fff); transition:box-shadow .18s, transform .18s, border-color .18s;
  position:relative; overflow:hidden;
}
.ck-co-card:hover{
  box-shadow:0 6px 20px rgba(20,30,55,.10); transform:translateY(-2px);
  border-color:#cfdcee;
}
.ck-co-card.is-hide{ display:none; }
.ck-co-card-link{ display:block; padding:16px 16px 14px; color:inherit; height:100%; }
.ck-co-card-link:hover{ text-decoration:none; color:inherit; }

.ck-co-top{ display:flex; gap:11px; align-items:flex-start; margin-bottom:11px; }
.ck-co-logo{
  flex:0 0 44px; width:44px; height:44px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-size:19px; font-weight:600; color:#fff; line-height:1;
  background:linear-gradient(135deg,#1a4d8f,#2f6fc4);
}
.ck-co-card:nth-child(3n+2) .ck-co-logo{ background:linear-gradient(135deg,#0e8a8a,#19a8a8); }
.ck-co-card:nth-child(3n+3) .ck-co-logo{ background:linear-gradient(135deg,#5a4b9c,#7a68c4); }
.ck-co-name{
  font-size:15px; font-weight:600; color:var(--ckd-ink,#1d2430);
  margin:3px 0 4px; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.ck-co-full{
  font-size:12px; color:var(--ckd-muted,#6b7787); margin:0; line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ck-co-meta{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; }
.ck-co-region{
  font-size:12px; color:var(--ckd-blue,#1a4d8f); background:#eef4fb;
  border-radius:4px; padding:2px 8px; line-height:1.6;
}
.ck-co-cat{
  font-size:12px; color:var(--ckd-muted,#6b7787); background:#f4f6f9;
  border-radius:4px; padding:2px 8px; line-height:1.6;
}
.ck-co-desc{
  font-size:13px; color:#4a5566; line-height:1.62; margin:0 0 10px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:42px;
}
.ck-co-go{
  font-size:13px; color:var(--ckd-blue,#1a4d8f); font-weight:600;
  display:block; border-top:1px dashed var(--ckd-line,#e7edf5); padding-top:9px;
}
.ck-co-card:hover .ck-co-go{ color:var(--ckd-blue2,#2f6fc4); }

.ck-co-empty{
  text-align:center; color:var(--ckd-muted,#6b7787); font-size:14px;
  padding:36px 0; background:var(--ckd-card,#fff);
  border:1px dashed var(--ckd-line,#e7edf5); border-radius:10px;
}

/* ---------- 名录说明区 ---------- */
.ck-co-note{
  background:var(--ckd-card,#fff); border:1px solid var(--ckd-line,#e7edf5);
  border-radius:10px; padding:18px 20px; margin-top:18px;
}
.ck-co-note h2{ font-size:17px; color:var(--ckd-blue,#1a4d8f); margin:0 0 10px; font-weight:600; }
.ck-co-note p{ font-size:14px; line-height:1.85; color:#4a5566; margin:0 0 9px; }
.ck-co-note p:last-child{ margin-bottom:0; }

/* ---------- 列表页侧栏 ---------- */
.ck-co-side .card{
  background:var(--ckd-card,#fff); border:1px solid var(--ckd-line,#e7edf5);
  border-radius:10px; margin-bottom:16px; overflow:hidden;
}
.ck-co-side .card-h{
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 15px; border-bottom:2px solid var(--ckd-blue,#1a4d8f);
}
.ck-co-side .card-h h2, .ck-co-side .card-h h3{
  font-size:15px; color:var(--ckd-blue,#1a4d8f); margin:0; font-weight:600;
}
.ck-co-side .card-b{ padding:12px 15px; }
.ck-co-side ul.lst{ list-style:none; margin:0; padding:0; }
.ck-co-side ul.lst li{ padding:8px 0; border-bottom:1px dashed var(--ckd-line,#e7edf5); }
.ck-co-side ul.lst li:last-child{ border-bottom:0; }
.ck-co-side ul.lst li a{ color:var(--ckd-ink,#1d2430); font-size:14px; display:block; }
.ck-co-side ul.lst li a:hover{ color:var(--ckd-blue,#1a4d8f); }
.ck-co-side .ck-side-cta{
  background:linear-gradient(135deg,#1a4d8f,#2d6cb9); color:#fff;
  border-radius:10px; padding:18px 16px; margin-bottom:16px;
}
.ck-co-side .ck-side-cta h3{ font-size:15px; margin:0 0 8px; color:#fff; font-weight:600; }
.ck-co-side .ck-side-cta p{ font-size:13px; line-height:1.7; margin:0 0 12px; opacity:.9; }
.ck-co-side .ck-side-cta a{
  display:block; text-align:center; background:#fff; color:var(--ckd-blue,#1a4d8f);
  border-radius:6px; padding:9px 0; font-size:14px; font-weight:600;
}
.ck-co-side .ck-side-cta a:hover{ text-decoration:none; background:#eef4fb; }

/* ---------- 企业介绍页 ---------- */
.ck-co-head{
  background:linear-gradient(135deg,#1a4d8f 0%,#2d6cb9 60%,#3a7cc5 100%);
  border-radius:10px; padding:26px 26px; color:#fff; display:flex; gap:18px;
  align-items:center; margin-bottom:16px; position:relative; overflow:hidden;
  box-shadow:0 2px 10px rgba(20,30,55,.10);
}
.ck-co-head::after{
  content:""; position:absolute; right:-40px; top:-50px; width:210px; height:210px;
  border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);
}
.ck-co-head-logo{
  flex:0 0 66px; width:66px; height:66px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:28px; font-weight:600; background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28); position:relative; z-index:1;
}
.ck-co-head-main{ position:relative; z-index:1; flex:1; min-width:0; }
.ck-co-head-name{ font-size:24px; font-weight:600; margin:0 0 6px; line-height:1.3; }
.ck-co-head-name .brand{ font-size:24px; font-weight:600; display:block; }
.ck-co-head-name .full{ display:block; font-size:14px; font-weight:400; opacity:.9; margin-top:5px; }
.ck-co-head-full{ font-size:14px; opacity:.92; margin:0 0 10px; }
.ck-co-head-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.ck-co-head-tags span{
  font-size:12px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22);
  border-radius:4px; padding:2px 9px; line-height:1.7;
}

.ck-co-facts{
  display:grid; grid-template-columns:repeat(2,1fr); gap:10px 18px;
  background:#f7fafd; border:1px solid var(--ckd-line,#e7edf5);
  border-radius:8px; padding:15px 18px; margin:0 0 6px;
}
.ck-co-fact{ display:flex; font-size:13px; line-height:1.7; }
.ck-co-fact .k{ flex:0 0 68px; color:var(--ckd-muted,#6b7787); }
.ck-co-fact .v{ flex:1; color:var(--ckd-ink,#1d2430); }
/* 正文自动内链在档案格里弱化，避免视觉噪声 */
.ck-co-facts .v a{ color:inherit; border-bottom:1px dotted rgba(26,77,143,.35); }
.ck-co-facts .v a:hover{ color:var(--ckd-blue,#1a4d8f); text-decoration:none; }

.ck-co-body{ font-size:15px; line-height:1.95; color:#33404f; }
.ck-co-body h2{
  font-size:17px; font-weight:600; color:var(--ckd-blue,#1a4d8f);
  border-left:4px solid var(--ckd-blue,#1a4d8f); padding-left:10px;
  margin:26px 0 12px; line-height:1.3;
}
.ck-co-body h2:first-child{ margin-top:0; }
.ck-co-body h3{ font-size:15px; font-weight:600; color:var(--ckd-ink,#1d2430); margin:18px 0 8px; }
.ck-co-body p{ margin:0 0 13px; }
.ck-co-body ul{ margin:0 0 14px; padding-left:0; list-style:none; }
.ck-co-body ul li{
  position:relative; padding-left:16px; margin-bottom:7px; line-height:1.8;
}
.ck-co-body ul li::before{
  content:""; position:absolute; left:2px; top:11px; width:5px; height:5px;
  border-radius:50%; background:var(--ckd-teal,#0e8a8a);
}
.ck-co-body img{ max-width:100%; height:auto; border-radius:6px; }

/* 详情页侧栏 */
.ck-co-sidecard{
  background:var(--ckd-card,#fff); border:1px solid var(--ckd-line,#e7edf5);
  border-radius:10px; overflow:hidden; margin-bottom:16px;
}
.ck-co-sidecard .card-h{
  padding:12px 15px; border-bottom:2px solid var(--ckd-blue,#1a4d8f);
}
.ck-co-sidecard .card-h h2, .ck-co-sidecard .card-h h3{
  font-size:15px; color:var(--ckd-blue,#1a4d8f); margin:0; font-weight:600;
}
.ck-co-sidecard .card-b{ padding:14px 15px; }
.ck-co-rel{ list-style:none; margin:0; padding:0; }
.ck-co-rel li{ padding:9px 0; border-bottom:1px dashed var(--ckd-line,#e7edf5); }
.ck-co-rel li:last-child{ border-bottom:0; }
.ck-co-rel li a{ font-size:14px; color:var(--ckd-ink,#1d2430); display:block; line-height:1.5; }
.ck-co-rel li a:hover{ color:var(--ckd-blue,#1a4d8f); }
.ck-co-rel .sub{ font-size:12px; color:var(--ckd-muted,#6b7787); }

.ck-co-footnav{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between;
  border-top:1px solid var(--ckd-line,#e7edf5); margin-top:24px; padding-top:16px;
  font-size:14px;
}
.ck-co-footnav a{ color:var(--ckd-blue,#1a4d8f); }

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .ck-co-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .ckd-qiye .ck-co-hero{ height:auto; padding:26px 20px; }
  .ckd-qiye .ck-co-hero .ck-rank-hero-title{ font-size:21px; }
  .ck-co-tb-label{ flex:0 0 34px; font-size:12px; }
  /* 移动端筛选标签改为横向滑动单行，避免标签堆满屏幕 */
  .ck-co-chips{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:5px; }
  .ck-co-chips .ck-chip{ flex:0 0 auto; }
  .ck-co-tb-row{ align-items:center; }
  .ck-co-grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .ck-co-card-link{ padding:12px 12px 10px; }
  .ck-co-logo{ flex:0 0 38px; width:38px; height:38px; font-size:16px; }
  .ck-co-name{ font-size:14px; }
  .ck-co-desc{ font-size:12px; min-height:0; -webkit-line-clamp:3; }
  .ck-co-facts{ grid-template-columns:1fr; }
  .ck-co-head{ flex-direction:column; align-items:flex-start; padding:20px 18px; }
  .ck-co-head-name{ font-size:20px; }
  .ck-co-body{ font-size:15px; }
}
@media (max-width:480px){
  .ck-co-grid{ grid-template-columns:1fr; }
}