/* ==========================================================================
   「CXOU®Agentic 会议会展平台」产品页专属样式
   依赖 main.css 的设计 token（--void / --cream / --ember / --line ...），
   排版语言与 about.css 保持一致：深底、细边、hover 抬升、序号放大。
   ========================================================================== */

/* ---------- 通用：小勾选列表 ---------- */
.ap-ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.ap-ticks li{position:relative;padding-left:22px;font-size:14px;line-height:1.8;color:var(--dim)}
.ap-ticks li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;
  background:var(--ember);transform:rotate(45deg)}

/* ==========================================================================
   头图
   ========================================================================== */
.ap-hero{position:relative;overflow:hidden;
  padding:calc(var(--head-h) + 70px) 0 68px}
.ap-hero__glow{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 55% at 72% 18%,rgba(226,84,44,.20),transparent 62%),
    radial-gradient(ellipse 46% 42% at 18% 82%,rgba(240,185,80,.11),transparent 66%)}
.ap-hero .wrap{position:relative;z-index:2}
.ap-hero .crumbs{color:var(--faint);margin-bottom:28px}
.ap-hero .sec-tag{margin-bottom:14px}
/* word-break:keep-all —— 标题里「CXOU®Agentic 会议会展平台」是「英文词 + 一段中文」。
   中文默认可以在任意字之间断行，窄屏会断成「会议会 / 台」这种孤字行；
   keep-all 让中文整段不拆，只允许在英文与中文之间的空格处断，
   于是窄屏固定是「CXOU®Agentic」+「会议会展平台」两行，宽屏是一行。 */
.ap-hero__title{font-size:clamp(28px,4.6vw,56px);font-weight:800;letter-spacing:-.02em;
  line-height:1.2;color:var(--text);margin:0 0 18px;
  word-break:keep-all;overflow-wrap:normal}
.ap-hero__slogan{font-size:clamp(17px,2.2vw,24px);font-weight:700;color:var(--cream);
  margin:0 0 16px;letter-spacing:.01em}
.ap-hero__desc{font-size:16px;line-height:2;color:var(--dim);max-width:760px;margin:0 0 34px}
.ap-hero__actions{display:flex;gap:14px;flex-wrap:wrap}

/* ==========================================================================
   硬数字带
   ========================================================================== */
.ap-stats-band{padding:0 0 8px}
.ap-stats{display:grid;gap:1px;background:var(--line-s);
  border:1px solid var(--line-s);margin:0;
  grid-template-columns:repeat(auto-fit,minmax(min(50%,150px),1fr))}
.ap-stats>div{background:var(--void);padding:clamp(20px,2.4vw,30px) clamp(18px,2vw,26px)}
.ap-stats>div:hover{background:var(--void2)}
.ap-stats dt{font-size:clamp(26px,3vw,42px);font-weight:800;color:var(--cream);
  line-height:1.1;letter-spacing:-.02em}
.ap-stats dd{margin:6px 0 8px;font-size:14px;color:var(--dim);line-height:1.5}
.ap-stats .en{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}

/* ==========================================================================
   页内目录
   ========================================================================== */
.ap-toc{position:sticky;top:var(--head-h);z-index:40;
  background:rgba(18,10,8,.92);backdrop-filter:blur(10px);
  border-top:1px solid var(--line-s);border-bottom:1px solid var(--line-s)}
.ap-toc ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.ap-toc a{display:block;padding:13px 14px;font-size:13.5px;color:var(--dim);
  text-decoration:none;white-space:nowrap;transition:color .25s}
.ap-toc a:hover{color:var(--ember)}

/* ==========================================================================
   01 平台定位
   ========================================================================== */
.ap-approach{display:grid;gap:clamp(16px,1.8vw,26px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.ap-approach__card{position:relative;background:var(--void2);border:1px solid var(--line);
  padding:clamp(26px,2.8vw,38px);overflow:hidden}
.ap-approach__card:hover{border-color:var(--ember);transform:translateY(-4px)}
.ap-approach__no{position:absolute;top:14px;right:20px;font-size:44px;font-weight:800;
  line-height:1;color:rgba(255,225,168,.07);letter-spacing:-.03em}
.ap-approach__k{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--cream);
  margin:0 0 4px}
.ap-approach__en{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember);
  margin:0 0 14px;font-weight:700}
.ap-approach__d{font-size:14.5px;line-height:1.95;color:var(--text);margin:0}

/* ==========================================================================
   02 五大核心产品
   ========================================================================== */
.ap-products{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,1.6vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.ap-product{position:relative;background:var(--void2);border:1px solid var(--line);
  padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;
  transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ap-product:hover{border-color:var(--ember);transform:translateY(-4px)}
.ap-product__name{font-size:clamp(18px,1.9vw,22px);font-weight:800;color:var(--cream);margin:0 0 4px}
.ap-product__en{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.ap-product__desc{font-size:14px;line-height:1.9;color:var(--dim);margin:0 0 18px;flex:1}
.ap-product__fit{margin:0;padding-top:14px;border-top:1px solid var(--line-s);
  font-size:12.5px;color:var(--text);line-height:1.7}
.ap-product__fit span{display:block;font-size:10.5px;letter-spacing:.16em;color:var(--ember);
  margin-bottom:4px;font-weight:700}

/* ==========================================================================
   03 企业级支撑能力
   ========================================================================== */
.ap-caps{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:var(--line-s);border:1px solid var(--line-s);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.ap-cap{background:var(--void);padding:clamp(20px,2.2vw,28px)}
.ap-cap:hover{background:var(--void2)}
.ap-cap__k{font-size:16px;font-weight:700;color:var(--cream);margin:0 0 8px}
.ap-cap__d{font-size:13.5px;line-height:1.8;color:var(--dim);margin:0}

/* ==========================================================================
   04 部署与服务模式
   ========================================================================== */
.ap-deploys{list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,1.8vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.ap-deploy{background:var(--void2);border:1px solid var(--line);padding:clamp(24px,2.6vw,32px);
  transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ap-deploy:hover{border-color:var(--ember);transform:translateY(-4px)}
.ap-deploy__k{font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--cream);margin:0 0 4px}
.ap-deploy__en{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember);
  margin:0 0 14px;font-weight:700}
.ap-deploy__d{font-size:14px;line-height:1.9;color:var(--text);margin:0}

/* ==========================================================================
   05 AI 能力
   ========================================================================== */
.ap-insight{display:grid;gap:clamp(16px,1.8vw,26px);
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}
.ap-insight__pains{background:var(--void2);border:1px solid var(--line);
  border-left:3px solid var(--rust);padding:clamp(22px,2.4vw,30px)}
.ap-insight__label{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--ember);margin:0 0 14px}
.ap-insight__pains ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ap-insight__pains li{font-size:14px;line-height:1.8;color:var(--dim);padding-left:16px;position:relative}
.ap-insight__pains li::before{content:"—";position:absolute;left:0;color:var(--faint)}
.ap-insight__caps{display:grid;gap:clamp(14px,1.6vw,20px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.ap-icard{position:relative;background:var(--void2);border:1px solid var(--line);
  padding:clamp(22px,2.4vw,30px)}
.ap-icard:hover{border-color:var(--ember)}
.ap-icard__no{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--ember);margin:0 0 10px}
.ap-icard__k{font-size:17px;font-weight:700;color:var(--cream);margin:0;line-height:1.5}

.ap-ai{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;gap:clamp(16px,1.8vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.ap-ai__card{background:var(--void2);border:1px solid var(--line);padding:clamp(24px,2.6vw,34px);
  transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ap-ai__card:hover{border-color:var(--ember);transform:translateY(-4px)}
.ap-ai__k{font-size:clamp(19px,2.1vw,24px);font-weight:800;color:var(--cream);margin:0 0 4px}
.ap-ai__en{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.ap-ai__d{font-size:14.5px;line-height:1.9;color:var(--text);margin:0}

/* ==========================================================================
   06 全流程办会
   ========================================================================== */
.ap-flow{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:var(--line-s);border:1px solid var(--line-s);
  grid-template-columns:repeat(auto-fit,minmax(min(50%,150px),1fr));counter-reset:apf}
.ap-flow__item{background:var(--void);padding:clamp(20px,2.2vw,28px) clamp(16px,1.8vw,22px);
  position:relative}
.ap-flow__item:hover{background:var(--void2)}
.ap-flow__n{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--ember);margin:0 0 10px}
.ap-flow__k{font-size:16px;font-weight:700;color:var(--cream);margin:0 0 8px}
.ap-flow__d{font-size:13px;line-height:1.8;color:var(--dim);margin:0}

/* ==========================================================================
   07 垂直场景产品
   ========================================================================== */
.ap-vert{background:var(--void2);border:1px solid var(--line);margin-bottom:clamp(16px,2vw,24px);
  display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr)}
.ap-vert:last-child{margin-bottom:0}
.ap-vert__head{padding:clamp(24px,2.6vw,34px);border-right:1px solid var(--line-s)}
.ap-vert__k{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--cream);margin:0 0 4px}
.ap-vert__en{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember);
  margin:0 0 14px;font-weight:700}
.ap-vert__d{font-size:14px;line-height:1.9;color:var(--dim);margin:0}
.ap-vert__body{padding:clamp(24px,2.6vw,34px)}

.ap-media{display:grid;gap:clamp(16px,1.8vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ap-media__col{padding-right:clamp(0px,1.4vw,18px);border-right:1px solid var(--line-s)}
.ap-media__col:last-child{border-right:0;padding-right:0}
.ap-media__k{font-size:15.5px;font-weight:700;color:var(--cream);margin:0 0 3px}
.ap-media__en{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 4px}

.ap-modules{margin-top:clamp(20px,2.4vw,28px);padding-top:clamp(18px,2vw,24px);border-top:1px solid var(--line-s)}
.ap-modules__label{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--ember);margin:0 0 12px}
.ap-modules ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ap-modules li{font-size:12.5px;color:var(--dim);padding:5px 12px;
  border:1px solid var(--line);background:var(--void)}

.ap-awflow{list-style:none;margin:0 0 clamp(20px,2.4vw,28px);padding:0;display:flex;flex-wrap:wrap;
  align-items:center;gap:8px}
.ap-awflow li{font-size:13px;font-weight:600;color:var(--cream);padding:7px 14px;
  border:1px solid var(--line);background:var(--void)}
.ap-awflow li+li::before{content:none}
.ap-awflow li:not(:last-child){position:relative}
.ap-awflow li:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;
  transform:translateY(-50%);color:var(--ember);font-size:13px}

.ap-awstages{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,1.6vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.ap-awstage{padding-right:clamp(0px,1.2vw,16px)}
.ap-awstage__k{font-size:15px;font-weight:700;color:var(--cream);margin:0 0 10px}

/* ==========================================================================
   08 版本与参考价
   ========================================================================== */
.ap-pricing{list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,1.8vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.ap-price{background:var(--void2);border:1px solid var(--line);padding:clamp(24px,2.6vw,32px);
  display:flex;flex-direction:column;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ap-price:hover{border-color:var(--ember);transform:translateY(-4px)}
.ap-price__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-bottom:12px}
.ap-price__k{font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--cream);margin:0}
.ap-price__mode{font-size:11px;letter-spacing:.12em;color:var(--ember);font-weight:700;
  border:1px solid var(--line);padding:3px 10px}
.ap-price__note{font-size:13.5px;line-height:1.85;color:var(--dim);margin:0 0 18px}
.ap-tiers{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:1px;
  background:var(--line-s);border:1px solid var(--line-s)}
.ap-tier{background:var(--void);padding:14px 16px}
.ap-tier__name{font-size:14px;font-weight:700;color:var(--cream);margin:0 0 4px}
.ap-tier__fit{font-size:12.5px;color:var(--faint);margin:0 0 8px;line-height:1.6}
.ap-tier__price{font-size:16px;font-weight:800;color:var(--gold);margin:0;letter-spacing:.01em}

/* ==========================================================================
   09 平台自办验证
   ========================================================================== */
.ap-why{list-style:none;margin:0 0 clamp(28px,3.2vw,44px);padding:0;display:grid;gap:clamp(14px,1.6vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.ap-why__item{background:var(--void2);border:1px solid var(--line);
  border-top:2px solid var(--ember);padding:clamp(22px,2.4vw,30px)}
.ap-why__k{font-size:17.5px;font-weight:700;color:var(--cream);margin:0 0 10px}
.ap-why__d{font-size:14px;line-height:1.9;color:var(--dim);margin:0}

.ap-events{display:grid;gap:clamp(16px,1.8vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ap-events__group{background:var(--void2);border:1px solid var(--line);padding:clamp(22px,2.4vw,30px)}
.ap-events__k{font-size:17px;font-weight:800;color:var(--cream);margin:0 0 3px}
.ap-events__en{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}
.ap-events__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ap-event__n{font-size:14.5px;font-weight:700;color:var(--gold);margin:0 0 5px;line-height:1.5}
.ap-event__d{font-size:13px;line-height:1.85;color:var(--dim);margin:0}

.ap-closing{display:grid;gap:clamp(24px,2.8vw,40px);margin-top:clamp(32px,3.6vw,52px);
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.ap-closing__label{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--ember);margin:0 0 16px}
.ap-vision__list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,1.6vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.ap-vision__list li{position:relative;background:var(--void2);border:1px solid var(--line);padding:clamp(20px,2.2vw,28px)}
.ap-vision__n{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--ember);margin:0 0 10px}
.ap-vision__k{font-size:17px;font-weight:700;color:var(--cream);margin:0 0 8px}
.ap-vision__d{font-size:13.5px;line-height:1.85;color:var(--dim);margin:0}
.ap-quals{display:grid;gap:1px;background:var(--line-s);border:1px solid var(--line-s)}
.ap-qual{background:var(--void);padding:clamp(20px,2.2vw,26px)}
.ap-qual__k{font-size:16px;font-weight:800;color:var(--cream);margin:0 0 8px}
.ap-qual__d{font-size:13px;line-height:1.8;color:var(--dim);margin:0}

/* ==========================================================================
   联系我们
   ========================================================================== */
.ap-contacts{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:clamp(14px,1.6vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ap-contact{background:var(--void2);border:1px solid var(--line);padding:clamp(22px,2.4vw,30px);
  transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ap-contact:hover{border-color:var(--ember);transform:translateY(-3px)}
.ap-contact__role{margin:0;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--ember)}
.ap-contact__name{margin:4px 0 12px;font-size:22px;font-weight:800;color:var(--cream);line-height:1.3}
.ap-contact__line{margin:0;font-size:14px;line-height:1.85;color:var(--dim);
  display:flex;gap:10px;align-items:baseline}
.ap-contact__line a{color:var(--cream);text-decoration:none;letter-spacing:.02em}
.ap-contact__line a:hover{color:var(--ember)}
.ap-contact__k{flex:0 0 auto;font-size:11.5px;letter-spacing:.1em;color:var(--faint)}
.ap-contact__v{color:var(--cream);letter-spacing:.02em;word-break:break-all}
.ap-contact__v--same{color:var(--faint);letter-spacing:.04em;word-break:normal}
.ap-contact__meta{border-top:1px solid var(--line-s);padding-top:20px}
.ap-contact__meta p{margin:0 0 8px;font-size:13.5px;color:var(--dim);line-height:1.8}
.ap-contact__meta a{color:var(--cream);text-decoration:none}
.ap-contact__meta a:hover{color:var(--ember)}

/* ==========================================================================
   窄屏
   ========================================================================== */
@media(max-width:900px){
  .ap-closing{grid-template-columns:1fr}
  .ap-insight{grid-template-columns:1fr}
}

@media(max-width:760px){
  .ap-vert{grid-template-columns:1fr}
  .ap-vert__head{border-right:0;border-bottom:1px solid var(--line-s)}
  .ap-media__col{border-right:0;padding-right:0}
  .ap-toc{position:static}
  .ap-toc ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ap-toc a{padding:12px 12px}
  .ap-hero{padding:calc(var(--head-h) + 44px) 0 52px}
  .ap-hero__title{max-width:none}
  .ap-flow{grid-template-columns:repeat(auto-fit,minmax(min(50%,140px),1fr))}
  .ap-awflow{gap:6px}
  .ap-awflow li{font-size:12px;padding:6px 11px}
  .ap-awflow li:not(:last-child)::after{right:-13px;font-size:12px}
}

@media(max-width:480px){
  .ap-stats{grid-template-columns:repeat(auto-fit,minmax(min(50%,130px),1fr))}
  .ap-flow{grid-template-columns:1fr 1fr}
  .ap-hero__actions .btn{width:100%}
}