/* ============================================================
   CN-KD 云联 · 鸟擎风主题 (v1)  —  cnkd-home.css
   白底 + 品牌蓝 #2948DF / #4A66E8 · PC/移动自适应
   ============================================================ */
:root{
  --ck-blue:#2948DF;
  --ck-blue2:#4A66E8;
  --ck-ink:#141B33;
  --ck-gray:#5A6480;
  --ck-line:#E8ECF6;
  --ck-bg:#F7F9FD;
  --ck-radius:10px;
  --ck-shadow:0 10px 34px rgba(24,46,140,.08);
}
/* ---------- 全局 ---------- */
body.ck-body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;color:var(--ck-ink);background:#fff;}
.ck-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.ck-tac{text-align:center;}
a{transition:color .18s;}
::selection{background:rgba(41,72,223,.15);}

/* ---------- 顶部导航 ---------- */
.footer.ck-footer .ck-logo-img{height:30px;width:auto;max-width:190px;object-fit:contain;}
.footer.ck-footer .ck-logo-invert{filter:brightness(0) invert(1);}
.footer.ck-footer .ck-brandtxt{color:#fff;font-size:18px;font-weight:700;}

/* ---------- Hero ---------- */
.ck-hero{position:relative;overflow:hidden;background:
 radial-gradient(900px 420px at 88% 18%, rgba(74,102,232,.16), transparent 60%),
 radial-gradient(700px 380px at 70% 90%, rgba(41,72,223,.10), transparent 65%),
 linear-gradient(180deg,#F2F5FE 0%,#FAFBFF 100%);}
.ck-hero .ck-deco{position:absolute;right:-60px;top:-80px;width:560px;height:560px;pointer-events:none;opacity:.9;}
.ck-hero .ck-deco2{position:absolute;right:220px;bottom:-140px;width:320px;height:320px;pointer-events:none;opacity:.7;}
.ck-hero .ck-wrap{position:relative;padding:88px 24px 56px;}
.ck-hero .ck-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ck-line);color:var(--ck-blue);font-size:13px;padding:6px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(24,46,140,.06);}
.ck-hero .ck-badge i{font-size:12px;}
.ck-hero h1{margin:22px 0 18px;font-size:48px;line-height:1.25;font-weight:800;letter-spacing:-.5px;color:var(--ck-ink);}
.ck-hero h1 .ck-hl{background:linear-gradient(120deg,var(--ck-blue),var(--ck-blue2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.ck-hero .ck-sub{max-width:640px;font-size:17px;line-height:1.9;color:var(--ck-gray);margin:0 0 34px;}
.ck-hero .ck-btns{display:flex;gap:14px;flex-wrap:wrap;}
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 30px;border-radius:6px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:all .18s;}
.ck-btn-pri{background:linear-gradient(120deg,var(--ck-blue),var(--ck-blue2));color:#fff;box-shadow:0 10px 24px rgba(41,72,223,.28);}
.ck-btn-pri:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(41,72,223,.34);}
.ck-btn-ghost{background:#fff;color:var(--ck-ink);border-color:var(--ck-line);}
.ck-btn-ghost:hover{color:var(--ck-blue);border-color:var(--ck-blue);}
.ck-hero .ck-tabs{display:flex;gap:38px;margin-top:52px;border-top:1px solid rgba(20,27,51,.08);padding-top:22px;flex-wrap:wrap;}
.ck-hero .ck-tabs a{color:var(--ck-gray);font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
.ck-hero .ck-tabs a:hover{color:var(--ck-blue);}
.ck-hero .ck-tabs i{width:6px;height:6px;border-radius:50%;background:var(--ck-blue);opacity:.5;}

/* ---------- 区块通用 ---------- */
.ck-sec{padding:78px 0;}
.ck-sec.gray{background:var(--ck-bg);}
.ck-sec-head{margin-bottom:42px;}
.ck-sec-head h2{font-size:34px;font-weight:800;letter-spacing:-.4px;margin:0 0 12px;color:var(--ck-ink);}
.ck-sec-head p{font-size:15px;color:var(--ck-gray);margin:0;line-height:1.8;}
.ck-sec-head.center{text-align:center;}
.ck-sec-head.center p{margin:0 auto;max-width:620px;}

/* ---------- 快捷四宫格 ---------- */
.ck-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--ck-line);border-radius:var(--ck-radius);overflow:hidden;box-shadow:var(--ck-shadow);}
.ck-grid4 a{display:block;padding:30px 30px 26px;text-decoration:none;border-right:1px solid var(--ck-line);position:relative;transition:background .18s;}
.ck-grid4 a:last-child{border-right:none;}
.ck-grid4 a:hover{background:#FAFBFF;}
.ck-grid4 h3{margin:0 0 8px;font-size:19px;font-weight:700;color:var(--ck-ink);}
.ck-grid4 p{margin:0;font-size:13px;color:var(--ck-gray);line-height:1.7;}
.ck-grid4 .ck-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:1px solid var(--ck-line);display:flex;align-items:center;justify-content:center;color:var(--ck-gray);font-size:12px;transition:all .18s;}
.ck-grid4 a:hover .ck-arrow{background:var(--ck-blue);border-color:var(--ck-blue);color:#fff;}

/* ---------- 数据卡（为何选择我们） ---------- */
.ck-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.ck-stat{background:#fff;border:1px solid var(--ck-line);border-radius:var(--ck-radius);padding:30px 28px;position:relative;transition:all .2s;}
.ck-stat:hover{transform:translateY(-4px);box-shadow:var(--ck-shadow);border-color:rgba(41,72,223,.25);}
.ck-stat .num{font-size:34px;font-weight:800;color:var(--ck-ink);letter-spacing:-.5px;}
.ck-stat .num em{font-style:normal;color:var(--ck-blue);}
.ck-stat .tt{font-size:16px;font-weight:600;margin:6px 0 10px;color:var(--ck-ink);}
.ck-stat p{font-size:13px;color:var(--ck-gray);line-height:1.8;margin:0;}
.ck-stat .ck-go{position:absolute;right:24px;top:28px;width:30px;height:30px;border-radius:50%;border:1px solid var(--ck-line);color:var(--ck-gray);display:flex;align-items:center;justify-content:center;font-size:12px;}

/* ---------- 产品矩阵 ---------- */
.ck-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.ck-prod{background:#fff;border:1px solid var(--ck-line);border-radius:var(--ck-radius);padding:32px 30px;transition:all .2s;position:relative;overflow:hidden;}
.ck-prod::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--ck-blue),var(--ck-blue2));opacity:0;transition:opacity .2s;}
.ck-prod:hover{transform:translateY(-4px);box-shadow:var(--ck-shadow);}
.ck-prod:hover::after{opacity:1;}
.ck-prod .ic{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--ck-blue),var(--ck-blue2));margin-bottom:20px;}
.ck-prod h3{font-size:19px;font-weight:700;margin:0 0 10px;color:var(--ck-ink);}
.ck-prod p{font-size:13px;color:var(--ck-gray);line-height:1.85;margin:0 0 18px;min-height:66px;}
.ck-prod .more{color:var(--ck-blue);font-size:14px;text-decoration:none;font-weight:500;}
.ck-prod .more i{margin-left:5px;transition:transform .18s;display:inline-block;}
.ck-prod:hover .more i{transform:translateX(4px);}
.ck-prod .tag{position:absolute;right:0;top:0;background:linear-gradient(120deg,var(--ck-blue),var(--ck-blue2));color:#fff;font-size:12px;padding:4px 12px;border-radius:0 0 0 8px;}

/* ---------- 方案三卡 ---------- */
.ck-sols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.ck-sol{border-radius:var(--ck-radius);padding:34px 30px;color:#fff;position:relative;overflow:hidden;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;}
.ck-sol h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff;}
.ck-sol p{margin:0;font-size:13px;opacity:.85;line-height:1.7;}
.ck-sol .bg{position:absolute;inset:0;z-index:0;}
.ck-sol>*{position:relative;z-index:1;}
.ck-sol.s1 .bg{background:linear-gradient(135deg,#2948DF 0%,#5A7BFF 100%);}
.ck-sol.s2 .bg{background:linear-gradient(135deg,#1B2240 0%,#3A4A8C 100%);}
.ck-sol.s3 .bg{background:linear-gradient(135deg,#4A66E8 0%,#7B93FF 100%);}
.ck-sol:hover h3{text-decoration:underline;text-underline-offset:4px;}

/* ---------- CTA ---------- */
.ck-cta{background:linear-gradient(120deg,var(--ck-blue) 0%,var(--ck-blue2) 100%);border-radius:16px;padding:52px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;}
.ck-cta::before{content:"";position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);}
.ck-cta::after{content:"";position:absolute;right:120px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06);}
.ck-cta h2{color:#fff;font-size:30px;font-weight:800;margin:0 0 10px;position:relative;z-index:1;}
.ck-cta p{color:rgba(255,255,255,.85);font-size:15px;margin:0;position:relative;z-index:1;}
.ck-cta .ck-btn{background:#fff;color:var(--ck-blue);border:none;position:relative;z-index:1;flex-shrink:0;}
.ck-cta .ck-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.18);}

/* ---------- 页脚 ---------- */
.footer.ck-footer{background:#0F1428;color:#8E97B4;margin-top:78px;padding:60px 0 0;}
.footer.ck-footer .ck-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;}
.footer.ck-footer .ck-logo img{height:34px;}
.footer.ck-footer .ck-about{font-size:13px;line-height:1.9;margin:16px 0 0;color:#6E7896;max-width:300px;}
.footer.ck-footer h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 18px;}
.footer.ck-footer ul{list-style:none;margin:0;padding:0;}
.footer.ck-footer li{margin-bottom:12px;}
.footer.ck-footer a{color:#8E97B4;font-size:13px;text-decoration:none;}
.footer.ck-footer a:hover{color:#fff;}
.footer.ck-footer .ck-bar{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#5E688A;flex-wrap:wrap;}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1100px){
  .ck-prods{grid-template-columns:repeat(2,1fr);}
  .ck-prod p{min-height:0;}
  .ck-stats{grid-template-columns:repeat(2,1fr);}
  .ck-grid4{grid-template-columns:repeat(2,1fr);}
  .ck-grid4 a:nth-child(2n){border-right:none;}
  .ck-grid4 a:nth-child(-n+2){border-bottom:1px solid var(--ck-line);}
  .ck-sols{grid-template-columns:1fr;}
  .footer.ck-footer .ck-cols{grid-template-columns:1fr 1fr;}
}
@media (max-width:991px){
  .ck-hero .ck-wrap{padding:56px 24px 44px;}
  .ck-hero h1{font-size:34px;}
  .ck-hero .ck-sub{font-size:15px;}
  .ck-hero .ck-deco{width:340px;height:340px;right:-80px;top:-60px;opacity:.5;}
  .ck-hero .ck-deco2{display:none;}
  .ck-hero .ck-tabs{gap:20px;margin-top:36px;}
  .ck-sec{padding:54px 0;}
  .ck-sec-head h2{font-size:26px;}
}
@media (max-width:767px){
  .ck-wrap{padding:0 18px;}
  .ck-hero h1{font-size:28px;}
  .ck-hero .ck-btns .ck-btn{width:100%;}
  .ck-hero .ck-tabs{display:none;}
  .ck-grid4{grid-template-columns:1fr;}
  .ck-grid4 a{border-right:none;border-bottom:1px solid var(--ck-line);}
  .ck-grid4 a:last-child{border-bottom:none;}
  .ck-stats{grid-template-columns:1fr;}
  .ck-prods{grid-template-columns:1fr;}
  .ck-cta{flex-direction:column;text-align:center;padding:40px 26px;}
  .footer.ck-footer .ck-cols{grid-template-columns:1fr;gap:26px;}
  .ck-grid4 .ck-arrow{display:none;}
}
@media (max-width:380px){
  .ck-hero h1{font-size:24px;}
}