*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:#1D2333;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,92vw);margin:0 auto}

/* ===== 顶栏 ===== */
.topbar{background:#fff;border-bottom:1px solid #EEF0F5;position:sticky;top:0;z-index:50}
.topbar .in{display:flex;align-items:center;gap:26px;height:62px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:#1D2333}
/* ★ Logo C 方案：层叠上升（纯图形 SVG） */
.logo .mk{width:34px;height:34px;flex:0 0 34px;display:block;border-radius:9px;
  box-shadow:0 3px 10px rgba(123,92,255,.28)}
.logo small{display:block;font-size:10px;color:#9AA0B4;font-weight:400;letter-spacing:.5px}
.nav{display:flex;gap:22px;font-size:14px;color:#5A6178;margin-left:12px;flex:1;flex-wrap:wrap}
.nav a:hover{color:#7B5CFF}
.topbar .cta{display:flex;align-items:center;gap:12px;font-size:14px}
.topbar .cta .lg{color:#5A6178;padding:9px 20px;border-radius:20px;transition:.2s}
.topbar .cta .lg:hover{background:#F4F1FF;color:#7B5CFF}
.btn-hot{background:linear-gradient(135deg,#FF4D6D,#FF7A45);color:#fff;padding:9px 22px;
  border-radius:22px;font-weight:700;font-size:14px;box-shadow:0 6px 16px rgba(255,77,109,.28)}
.btn-hot:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,77,109,.36)}

/* ===== Hero 搜索主导 ===== */
.hero{background:
  radial-gradient(900px 400px at 50% -10%,rgba(123,92,255,.13),transparent 62%),
  linear-gradient(180deg,#F7F5FF 0%,#FFF6FA 100%);
  padding:64px 0 46px;text-align:center;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#E3DBFF,transparent)}
.hero .kicker{display:inline-block;background:#fff;border:1px solid #E8E1FF;color:#7B5CFF;
  font-size:12.5px;padding:5px 15px;border-radius:16px;font-weight:700;letter-spacing:.5px;margin-bottom:20px}
.hero h1{font-size:clamp(26px,4vw,44px);font-weight:800;letter-spacing:-.6px;color:#1D2333;line-height:1.3}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7B5CFF,#FF4D97);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.hero .sub{color:#7A8199;font-size:15.5px;margin:16px 0 30px}
/* 首屏「AI 搜索」示意图：纯视觉展示，不做真实查询 */
.searchbar{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:12px;background:#fff;
  border:2px solid #E8E1FF;border-radius:34px;padding:9px 9px 9px 24px;box-shadow:0 10px 30px rgba(123,92,255,.10)}
.searchbar .ph{flex:1;font-size:15px;color:#A8AEC0;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.searchbar .go{background:linear-gradient(135deg,#7B5CFF,#FF4D97);color:#fff;
  padding:12px 30px;border-radius:24px;font-weight:700;font-size:15px;white-space:nowrap}
.hotkeys{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#8A90A6}
.hotkeys .hk{background:#fff;border:1px solid #EEF0F5;padding:6px 15px;border-radius:16px}

/* ===== 公告条 ===== */
.notice{margin-top:34px;background:#fff;border:1px solid #F0EEF9;border-radius:14px;
  display:flex;align-items:center;gap:18px;padding:16px 22px;box-shadow:0 6px 20px rgba(30,35,60,.05)}
.notice .dt{color:#FF4D6D;font-weight:800;font-size:15px;white-space:nowrap}
.notice .dd{color:#7A8199;font-size:14px}
.notice .go{margin-left:auto;background:linear-gradient(135deg,#FF4D6D,#FF7A45);color:#fff;
  padding:9px 22px;border-radius:20px;font-weight:700;font-size:13.5px;white-space:nowrap}

/* ===== 通用区块 ===== */
section{padding:66px 0}
.sec-t{text-align:center;margin-bottom:42px}
.sec-t .en{color:#7B5CFF;font-size:12.5px;font-weight:800;letter-spacing:2.5px}
.sec-t h2{font-size:clamp(22px,2.8vw,32px);font-weight:800;margin:10px 0 12px;letter-spacing:-.5px}
.sec-t h2 em{font-style:normal;color:#FF4D6D}
.sec-t p{color:#7A8199;font-size:15px}

/* 四步流程 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:#fff;border:1px solid #EEF0F5;border-radius:16px;padding:28px 22px;position:relative;transition:.24s}
.step:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(123,92,255,.12);border-color:#DED5FF}
.step .n{font-size:34px;font-weight:800;background:linear-gradient(135deg,#7B5CFF,#FF4D97);
  -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.step h4{font-size:17px;margin:12px 0 8px}
.step p{font-size:13.5px;color:#7A8199;line-height:1.8}

/* 为什么选我们 */
.why{display:grid;grid-template-columns:1fr 1.2fr;gap:0;border-radius:20px;overflow:hidden;
  border:1px solid #F0EEF9}
.why .pic{background:linear-gradient(140deg,#7B5CFF,#FF4D97);padding:40px;display:flex;
  flex-direction:column;justify-content:center;color:#fff}
.why .pic .k{font-size:12.5px;letter-spacing:2.5px;opacity:.85;font-weight:700}
.why .pic h3{font-size:26px;font-weight:800;margin:12px 0 8px}
.why .pic .one{font-size:48px;font-weight:800;line-height:1.1}
.why .pic .lb{font-size:13px;opacity:.88;margin-top:6px}
.why .txt{padding:40px;background:#FFF9FB}
.why .txt h3{font-size:20px;margin:0 0 14px}
.why .txt p{color:#6B7288;font-size:14.5px;margin-bottom:12px}

/* 三卡（AI） */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tc{background:linear-gradient(160deg,#FBFAFF,#FFF5F9);border:1px solid #F0EEF9;border-radius:18px;
  padding:32px 26px;text-align:center;transition:.24s}
.tc:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(123,92,255,.13)}
.tc .ic{width:56px;height:56px;margin:0 auto 16px;border-radius:17px;display:flex;align-items:center;
  justify-content:center;font-size:26px;background:linear-gradient(135deg,#7B5CFF,#FF4D97);color:#fff}
.tc h4{font-size:18px;margin-bottom:10px}
.tc p{font-size:13.5px;color:#7A8199;line-height:1.8}

/* 服务网格 */
.svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc{background:#fff;border:1px solid #EEF0F5;border-radius:16px;padding:26px 22px;transition:.24s}
.svc:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(255,77,109,.11);border-color:#FFD9E4}
.svc .ic{font-size:30px;margin-bottom:12px;display:block}
.svc .en{font-size:11px;color:#FF4D6D;letter-spacing:2px;font-weight:800}
.svc h3{font-size:17px;margin:7px 0 9px}
.svc p{font-size:13px;color:#7A8199;line-height:1.75}

/* 流程条 */
.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.flow .f{background:#fff;border:1px solid #EEF0F5;border-radius:14px;padding:16px 22px;text-align:center;min-width:118px}
.flow .f b{display:block;font-size:15px;margin-bottom:4px}
.flow .f span{font-size:12px;color:#9AA0B4}
.flow .ar{color:#C9C3E8;font-size:18px}

/* 优势 */
/* ★ 核心优势：左右严格对称 + 放射状向外 */
.ring{position:relative;max-width:1020px;margin:0 auto;padding:56px 0 66px;min-height:760px}
.ring .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:164px;height:164px;border-radius:50%;z-index:4;
  background:linear-gradient(150deg,#FF7A3D,#FF4D6D);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  box-shadow:0 18px 44px rgba(255,77,109,.36)}
.ring .core .ic{font-size:46px;line-height:1}
.ring .core .lb{font-size:20px;font-weight:800;letter-spacing:3px}
/* 同心虚线环 */
.ring::before,.ring::after{content:"";position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);border-radius:50%;z-index:1}
.ring::before{width:346px;height:346px;border:1px dashed rgba(255,77,109,.20)}
.ring::after{width:560px;height:560px;border:1px dashed rgba(123,92,255,.13)}
/* 胶囊卡片：绕圆周等分 8 点，左右严格对称 */
.ring .adv{position:absolute;width:250px;background:#fff;border:1px solid #F3EEF6;
  border-radius:36px;padding:13px 18px;display:flex;align-items:center;gap:12px;z-index:3;
  box-shadow:0 6px 18px rgba(30,35,60,.06);transition:.24s}
.ring .adv:hover{border-color:#FFD9E4;box-shadow:0 14px 30px rgba(255,77,109,.18);transform:translateY(-3px)}
.ring .adv .ic{width:36px;height:36px;flex:0 0 36px;border-radius:50%;font-size:17px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#7B5CFF,#FF4D97);color:#fff}
.ring .adv h4{font-size:14.5px;margin:0;font-weight:800;white-space:nowrap}
.ring .adv p{font-size:11.5px;color:#8A90A6;line-height:1.5;margin-top:2px}
/* ---- 左4条：贴左边，垂直等分 ---- */
.ring .adv:nth-child(1){left:0;top:52px}
.ring .adv:nth-child(3){left:0;top:194px}
.ring .adv:nth-child(5){left:0;top:336px}
.ring .adv:nth-child(7){left:0;top:478px}
/* ---- 右4条：镜像对称（top 与左列一一对应） ---- */
.ring .adv:nth-child(2){right:0;top:52px}
.ring .adv:nth-child(4){right:0;top:194px}
.ring .adv:nth-child(6){right:0;top:336px}
.ring .adv:nth-child(8){right:0;top:478px}

/* 客户 */
.logos{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.lg{background:#fff;border:1px solid #EEF0F5;border-radius:12px;padding:18px 10px;text-align:center;
  font-size:13px;color:#6B7288;transition:.2s}
.lg:hover{border-color:#7B5CFF;color:#7B5CFF}

/* 联系 */
.cta-band{background:linear-gradient(135deg,#7B5CFF 0%,#FF4D97 100%);border-radius:24px;padding:48px 40px;
  display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;color:#fff}
.cta-band h2{font-size:28px;font-weight:800;margin-bottom:10px}
.cta-band p{opacity:.9;font-size:14.5px;margin-bottom:22px}
.cta-band .btns{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btns a{background:#fff;color:#7B5CFF;padding:13px 28px;border-radius:24px;font-weight:700;font-size:14.5px}
.cta-band .btns a.g{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.4)}
.cta-band .qr{background:#fff;border-radius:18px;padding:14px;text-align:center;color:#1D2333;min-width:190px}
.cta-band .qr img{width:158px;height:158px;display:block}
.cta-band .qr .cap{font-size:12px;color:#7A8199;margin-top:8px}

/* 页脚 */
footer{background:#16182A;color:#9AA0B4;padding:46px 0 22px;font-size:13.5px}
.fcol{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:34px;padding-bottom:28px;border-bottom:1px solid #262942}
footer h5{color:#fff;font-size:15px;margin:0 0 14px}
footer li{list-style:none;margin-bottom:9px}
footer .desc{line-height:1.9;max-width:300px}
.foot-b{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:12.5px;flex-wrap:wrap;gap:10px}

/* 悬浮联系 */





@media(max-width:1180px){
  .ring{min-height:auto;padding:20px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .ring::before,.ring::after,.ring .core{display:none}
  .ring .adv{position:static;width:auto}
}
@media(max-width:980px){
  .steps,.svcs,.advs,.three{grid-template-columns:repeat(2,1fr)}
  .logos{grid-template-columns:repeat(4,1fr)}
  .why{grid-template-columns:1fr}
  .cta-band{grid-template-columns:1fr;text-align:center}
  .cta-band .btns{justify-content:center}
}
@media(max-width:620px){
  .nav{display:none}
  .steps,.svcs,.advs,.three,.logos,.ring{grid-template-columns:1fr}
  .notice{flex-direction:column;text-align:center}
  .notice .go{margin-left:0}
  .searchbar{padding-left:16px}
  .searchbar .go{padding:12px 20px}
  
}


/* ============================================================
   ★ 文章展示 / 栏目页 / 文章页（爬虫友好：全部真实 <a href>）
   ============================================================ */

/* ---- 首页：行业资讯 ---- */
.news-sec{background:#fff;padding:66px 0}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nc{background:#fff;border:1px solid #EEF0F5;border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:.24s}
.nc:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(123,92,255,.13);border-color:#DED5FF}
/* 色条压扁为细条（原 132px → 26px，约 1/5），不再放无意义文字 */
.nc .thumb{height:26px;background:linear-gradient(90deg,#7B5CFF,#FF4D97);position:relative;overflow:hidden}
.nc .thumb::after{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 12% 50%,rgba(255,255,255,.42),transparent 62%)}
.nc .thumb .tt{display:none}
.nc .bd{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column}
.nc .meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#9AA0B4;margin-bottom:10px}
.nc .meta .cat{color:#7B5CFF;background:#F4F1FF;padding:2px 9px;border-radius:11px;font-weight:700}
.nc h3{font-size:16px;line-height:1.62;margin:0 0 10px;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc:hover h3{color:#7B5CFF}
.nc p{font-size:13px;color:#8A90A6;line-height:1.75;flex:1;margin:0 0 14px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc .rd{font-size:13px;color:#FF4D6D;font-weight:700}
.more-wrap{text-align:center;margin-top:36px}
.btn-more{display:inline-block;background:linear-gradient(135deg,#7B5CFF,#FF4D97);color:#fff;
  padding:13px 40px;border-radius:26px;font-weight:700;font-size:14.5px;
  box-shadow:0 8px 22px rgba(123,92,255,.26);transition:.22s}
.btn-more:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(123,92,255,.36)}

/* ---- 面包屑 ---- */
.crumb{font-size:13px;color:#9AA0B4;padding:20px 0 0}
.crumb a{color:#7B5CFF}
.crumb span{margin:0 7px}

/* ---- 栏目页 ---- */
.list-wrap{padding:34px 0 66px;background:#fff}
.list-wrap h1{font-size:26px;font-weight:800;margin-bottom:8px}
.list-wrap .sub2{color:#8A90A6;font-size:14px;margin-bottom:30px}
.li{background:#fff;border:1px solid #EEF0F5;border-radius:16px;padding:24px 26px;margin-bottom:16px;
  display:block;transition:.24s}
.li:hover{border-color:#DED5FF;box-shadow:0 12px 28px rgba(123,92,255,.11);transform:translateX(4px)}
.li .meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:#9AA0B4;margin-bottom:10px}
.li .meta .cat{color:#FF4D6D;background:#FFF0F4;padding:2px 10px;border-radius:11px;font-weight:700}
.li h2{font-size:19px;line-height:1.55;margin:0 0 10px;font-weight:700}
.li:hover h2{color:#7B5CFF}
.li p{font-size:13.5px;color:#8A90A6;line-height:1.8;margin:0}

/* ---- 分页 ---- */
.pager{display:flex;gap:9px;justify-content:center;align-items:center;margin-top:42px;flex-wrap:wrap}
.pager a,.pager span{min-width:38px;height:38px;padding:0 13px;border-radius:19px;
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;
  border:1px solid #EEF0F5;background:#fff;color:#5A6178}
.pager a:hover{border-color:#7B5CFF;color:#7B5CFF}
.pager .cur{background:linear-gradient(135deg,#7B5CFF,#FF4D97);color:#fff;border-color:transparent;font-weight:700}
.pager .dis{color:#C9CDD8;cursor:default}

/* ---- 文章页 ---- */
.art{padding:30px 0 66px;background:#fff}
.art-hd{max-width:820px;margin:0 auto 30px;text-align:center}
.art-hd h1{font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.5;margin:14px 0 16px}
.art-hd .meta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:#9AA0B4}
.art-bd{max-width:820px;margin:0 auto;font-size:16px;line-height:2.1;color:#3A4256}
.art-bd p{margin:0 0 20px}
.art-bd h3{font-size:20px;margin:32px 0 14px;color:#1D2333}
/* 上一篇 / 下一篇（爬虫唯一深挖路径） */
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:40px auto 0}
.pn{display:block;background:#FBFAFF;border:1px solid #EEF0F5;border-radius:14px;padding:18px 22px;transition:.24s}
.pn:hover{border-color:#DED5FF;box-shadow:0 10px 24px rgba(123,92,255,.11)}
.pn .k{font-size:12.5px;color:#9AA0B4;margin-bottom:7px;display:block}
.pn .t{font-size:15px;font-weight:700;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn.next{text-align:right}
.pn.next .k::after{content:" →"}
@media(max-width:760px){
  .prevnext{grid-template-columns:1fr}
  .pn.next{text-align:left}
  .pn.next .k::after{content:""}
  .news-grid{grid-template-columns:1fr}
}

/* ============================================================
   ★ 右侧悬浮联系栏：电话（横排）+ 微信二维码（常驻显示，不折叠）
   ============================================================ */
.side{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:60;
  display:flex;flex-direction:column;align-items:flex-end;gap:14px}
/* --- 电话：横排显示 --- */
.side .tel{display:flex;align-items:center;gap:9px;padding:11px 16px;
  background:#fff;border:1px solid #EEF0F5;border-radius:30px;
  box-shadow:0 8px 22px rgba(30,35,60,.10);transition:.24s}
.side .tel:hover{transform:translateX(-4px);border-color:#DED5FF;
  box-shadow:0 14px 30px rgba(123,92,255,.20)}
.side .tel .ic{width:32px;height:32px;flex:0 0 32px;border-radius:50%;font-size:15px;
  background:linear-gradient(135deg,#7B5CFF,#FF4D97);color:#fff;
  display:flex;align-items:center;justify-content:center}
.side .tel .num{font-size:15px;font-weight:800;color:#1D2333;letter-spacing:.4px;white-space:nowrap}
.side .tel:hover .num{color:#7B5CFF}
/* --- 微信二维码：直接常驻显示，不折叠、不需 hover --- */
.side .wechat{background:#fff;border:1px solid #EEF0F5;border-radius:18px;
  padding:14px 12px 12px;box-shadow:0 8px 22px rgba(30,35,60,.10);text-align:center}
.side .wechat .wbtn{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px}
.side .wechat .wbtn .ic{width:22px;height:22px;border-radius:50%;font-size:12px;
  background:linear-gradient(135deg,#FF4D6D,#FF9A44);color:#fff;
  display:flex;align-items:center;justify-content:center}
.side .wechat .wbtn .lb{font-size:13px;color:#1D2333;font-weight:800}
.side .wechat .pop{display:block;opacity:1;visibility:visible;transform:none;
  position:static;width:auto;background:none;border:0;padding:0;box-shadow:none}
.side .wechat .pop img{width:150px;height:150px;display:block;border-radius:10px}
.side .wechat .pop .cap{font-size:12.5px;color:#1D2333;font-weight:800;margin-top:9px}
.side .wechat .pop .tip{font-size:11px;color:#9AA0B4;margin-top:3px}
@media(max-width:620px){ .side{display:none} }