@charset "utf-8";
/* ==========================================================================
   橙意公关 · 官网设计系统（chengyi.css）V2
   风格要点：
     · 深藏蓝 #1F2B4E 大面积用于 Hero / CTA / 页脚，橙 #FF6A00 点睛
     · 奶油色 #FBF1E7 与白色交替做区块底色
     · 区块标题居中（大标题 + 灰色副题）
     · 卡片化版面、胶囊按钮、圆角筛选标签
   目录：
     01 设计令牌  02 骨架与标题  03 按钮/标签/图标
     04 Hero      05 服务卡片    06 案例卡片与筛选
     07 资质      08 流程步骤    09 双栏图文
     10 客户名录  11 藏蓝CTA     12 联系页（左卡右表单 + 藏蓝二维码区）
     13 内容页    14 时间线      15 页脚（藏蓝四栏）
     16 分页      17 响应式
   ========================================================================== */

/* ============ 01 设计令牌 ============ */
:root{
  --cy-orange:#FF6A00;
  --cy-orange-600:#E85D00;
  --cy-orange-050:#FFF1E5;
  --cy-navy:#1F2B4E;          /* 主蓝：标题色 / 按钮等（Hero / CTA / 页脚已改黑） */
  --cy-black:#000000;         /* 品牌黑：取自 2026 PPT 封面黑底，Hero / CTA / 页脚 */
  --cy-navy-700:#283661;
  --cy-navy-050:#EEF1F8;
  --cy-cream:#FBF1E7;         /* 奶油色区块底 */
  --cy-soft:#F7F8FB;          /* 兼容旧内联样式的浅灰底 */
  --cy-ink:#23283B;
  --cy-ink-600:#5E6474;
  --cy-ink-400:#8A8F9E;
  --cy-line:#E8E9EF;
  --cy-line-2:#F1F2F6;
  --cy-bg:#FFFFFF;
  --cy-r:16px;
  --cy-r-sm:10px;
  --cy-sh-s:0 1px 2px rgba(31,43,78,.05),0 8px 22px rgba(31,43,78,.06);
  --cy-sh-m:0 16px 36px rgba(31,43,78,.12),0 2px 6px rgba(31,43,78,.05);
  --cy-ctn:1200px;
  --cy-sec-y:88px;
  --cy-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
}

/* ============ 02 骨架与标题 ============ */
.cy-wrap{max-width:var(--cy-ctn);margin:0 auto;padding:0 24px}
.cy-sec{padding:var(--cy-sec-y) 0}
.cy-sec--cream{background:var(--cy-cream)}
.cy-sec--soft{background:#F7F8FB}

/* 区块标题：全部居中 —— 大标题 + 灰色副题 */
.cy-head{max-width:720px;margin:0 auto 52px;text-align:center}
.cy-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  letter-spacing:.14em;color:var(--cy-orange);margin-bottom:14px}
.cy-h2{font-size:clamp(26px,3vw,38px);line-height:1.3;font-weight:800;letter-spacing:-.01em;
  color:var(--cy-ink);margin:0}
.cy-sub{margin-top:14px;font-size:16px;line-height:1.85;color:var(--cy-ink-600)}

/* ============ 03 按钮 / 标签 / 图标 ============ */
.cy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 30px;border-radius:999px;font-size:15px;font-weight:700;
  border:1px solid transparent;cursor:pointer;transition:.22s;white-space:nowrap}
.cy-btn--primary{background:var(--cy-orange);color:#fff;box-shadow:0 8px 20px rgba(255,106,0,.28)}
.cy-btn--primary:hover{background:var(--cy-orange-600);transform:translateY(-2px)}
.cy-btn--ghost{border-color:var(--cy-line);color:var(--cy-ink);background:#fff}
.cy-btn--ghost:hover{border-color:var(--cy-orange);color:var(--cy-orange)}
.cy-btn--light{border-color:rgba(255,255,255,.35);color:#fff}
.cy-btn--light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.cy-btn--lg{padding:15px 38px;font-size:16px}

.cy-tag{display:inline-block;padding:5px 13px;border-radius:999px;font-size:12.5px;font-weight:600;
  background:var(--cy-orange-050);color:var(--cy-orange-600)}
.cy-tag--line{background:#fff;border:1px solid var(--cy-line);color:var(--cy-ink-600)}
.cy-tag--navy{background:rgba(255,255,255,.12);color:#fff}
.cy-tag--abs{position:absolute;left:14px;top:14px;z-index:2;
  background:var(--cy-orange);color:#fff;box-shadow:0 4px 12px rgba(255,106,0,.35)}

/* 橙色圆角小图标（服务/联系卡片的图标位） */
.cy-ico{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:12px;background:var(--cy-orange-050);color:var(--cy-orange)}

/* ============ 04 Hero（黑底 + 圆点纹理 + 左文右图卡） ============ */
.cy-hero{position:relative;overflow:hidden;background:var(--cy-black);color:#fff;
  /* 头部是 fixed(--header-h:88px)，顶部 padding 必须含 header 高度，否则内容贴死导航 */
  padding:calc(var(--header-h) + 52px) 0 100px}
.cy-hero::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.22) 1.6px,transparent 1.6px);
  background-size:30px 30px;
  mask-image:radial-gradient(900px 560px at 74% 18%,#000,transparent 70%);
  -webkit-mask-image:radial-gradient(900px 560px at 74% 18%,#000,transparent 70%)}
.cy-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 380px at 12% 90%,rgba(255,106,0,.16),transparent 60%)}
.cy-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;
  gap:60px;align-items:center}
.cy-hero__title{font-size:clamp(34px,4.6vw,58px);line-height:1.18;font-weight:900;
  letter-spacing:-.01em;margin:0;color:#fff}
.cy-hero__title em{font-style:normal;color:var(--cy-orange)}
.cy-hero__desc{margin-top:20px;font-size:16.5px;line-height:1.9;color:rgba(255,255,255,.72);max-width:560px}
.cy-hero__desc b{color:#fff;font-weight:700}
.cy-hero__acts{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px}
.cy-hero__stats{margin-top:44px;display:flex;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
.cy-hero__stats div{padding-right:40px;margin-right:40px;border-right:1px solid rgba(255,255,255,.12)}
.cy-hero__stats div:last-child{border-right:0;margin-right:0;padding-right:0}
.cy-hero__stats b{display:block;font-size:30px;font-weight:900;color:#fff;line-height:1.1}
.cy-hero__stats b i{font-style:normal;font-size:18px;color:var(--cy-orange);margin-left:2px}
.cy-hero__stats span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.55)}
.cy-hero__art{position:relative}
/* 首屏 Bento 拼贴：左竖幅主图（政府级规格）+ 右上（品牌级创意）+ 右下（消费级传播） */
.cy-hero__art{display:grid;grid-template-columns:1.62fr 1fr;grid-template-rows:1fr 1fr;
  gap:12px;aspect-ratio:10/8.8}
.cy-hero__art figure{margin:0;position:relative;border-radius:16px;overflow:hidden;
  box-shadow:0 24px 52px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12)}
.cy-hero__art img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;display:block}
.cy-hero__g1{grid-row:1/3}
.cy-hero__tag{position:absolute;left:10px;bottom:10px;z-index:2;padding:4px 11px;border-radius:999px;
  background:rgba(8,17,29,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;line-height:1.5;white-space:nowrap}
@media (max-width:680px){
  /* 手机：标题文案在前、图在后（平板断点里 art 是 order:-1，窄屏要还原阅读顺序） */
  .cy-hero__art{max-width:100%;grid-template-columns:1fr;grid-template-rows:1fr;
    aspect-ratio:4/3;gap:0}
  .cy-hero__g1{grid-row:auto}
  .cy-hero__g2,.cy-hero__g3{display:none}
  .cy-hero__tag{font-size:10.5px;padding:3px 9px}
}

/* ============ 05 服务卡片（白卡 + 橙图标 + 打勾清单） ============ */
.cy-cap{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cy-cap__i{padding:30px 26px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);transition:.26s}
.cy-cap__i:hover{transform:translateY(-6px);box-shadow:var(--cy-sh-m);border-color:rgba(255,106,0,.3)}
.cy-cap__i .cy-ico{margin-bottom:18px}
.cy-cap__i h3{margin:0 0 10px;font-size:18px;font-weight:800;color:var(--cy-ink)}
.cy-cap__i p{font-size:14px;line-height:1.8;color:var(--cy-ink-600)}
.cy-cap__i ul{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.cy-cap__i li{position:relative;padding-left:22px;font-size:13.5px;color:var(--cy-ink-600)}
.cy-cap__i li::before{content:"✓";position:absolute;left:0;top:0;color:var(--cy-orange);font-weight:800}

/* ============ 服务页·服务流程八步（.cy-steps：此前类名无任何样式导致裸文本，补齐） ============ */
.cy-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:6px}
.cy-step{padding:26px 22px 24px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);
  transition:transform .25s,box-shadow .25s,border-color .25s}
.cy-step:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.35);
  box-shadow:0 16px 34px rgba(14,23,38,.10)}
.cy-step__dot{display:block;font-size:26px;font-weight:900;line-height:1;
  color:var(--cy-orange);font-variant-numeric:tabular-nums;margin-bottom:12px}
.cy-step h3{margin:0 0 8px;font-size:16.5px;font-weight:800;color:var(--cy-ink)}
.cy-step p{margin:0;font-size:13.5px;line-height:1.7;color:var(--cy-ink-600)}
@media (max-width:1080px){
  .cy-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .cy-steps{grid-template-columns:1fr;gap:14px}
  .cy-step{padding:22px 18px 20px}
}

/* ============ 06 案例卡片与筛选 ============ */
.cy-filter{display:flex;flex-direction:column;gap:16px;justify-content:center;
  margin-bottom:40px}
.cy-filter__row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.cy-chip{display:inline-block;padding:8px 20px;border-radius:999px;font-size:14px;
  border:1px solid var(--cy-line);background:#fff;color:var(--cy-ink-600);transition:.2s}
.cy-chip:hover{border-color:var(--cy-orange);color:var(--cy-orange)}
.cy-chip.is-on{background:var(--cy-orange);border-color:var(--cy-orange);color:#fff;font-weight:700}
.cy-chip i{font-style:normal;opacity:.65;margin-left:5px;font-size:12px}

.cy-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cy-cases--4{grid-template-columns:repeat(4,1fr)}
.cy-case{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);overflow:hidden;transition:.26s}
.cy-case:hover{transform:translateY(-6px);box-shadow:var(--cy-sh-m)}
.cy-case__m{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--cy-line-2)}
.cy-case__m img{width:100%;height:100%;object-fit:cover;transition:.5s}
.cy-case:hover .cy-case__m img{transform:scale(1.06)}
.cy-case__b{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.cy-case__client{font-size:12.5px;color:var(--cy-ink-400);margin-bottom:6px}
.cy-case__b h3{margin:0 0 10px;font-size:17.5px;font-weight:800;line-height:1.5;color:var(--cy-ink)}
.cy-case__b h3 a{display:block}
.cy-case:hover .cy-case__b h3 a{color:var(--cy-orange-600)}
.cy-case__desc{margin:0 0 14px;font-size:14px;line-height:1.8;color:var(--cy-ink-600)}
.cy-case__tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}
.cy-case__tags span{font-size:12px;padding:4px 11px;border-radius:6px;
  background:var(--cy-orange-050);color:var(--cy-orange-600)}
.cy-case__scale{margin-top:12px;font-size:13px;color:var(--cy-ink-400)}

/* 案例详情 */
.cy-cd{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}
.cy-cd__blk{padding:26px 0;border-top:1px solid var(--cy-line)}
.cy-cd__blk:first-child{border-top:0;padding-top:0}
.cy-cd__blk h2{margin:0 0 14px;font-size:19px;font-weight:800;color:var(--cy-ink);
  display:flex;align-items:center;gap:10px}
.cy-cd__blk h2 i{flex:0 0 auto;width:24px;height:24px;border-radius:7px;background:var(--cy-orange);
  color:#fff;font-size:12px;font-style:normal;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center}
.cy-cd__blk p,.cy-cd__blk li{font-size:16px;line-height:1.95;color:var(--cy-ink)}
.cy-cd__data{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cy-cd__data div{padding:18px;background:#fff;border:1px solid var(--cy-line);border-radius:var(--cy-r-sm)}
.cy-cd__data b{display:block;font-size:22px;font-weight:900;color:var(--cy-orange-600);line-height:1.25}
.cy-cd__data span{display:block;margin-top:5px;font-size:13px;color:var(--cy-ink-600)}
.cy-cd__album{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.cy-cd__album img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#f5f6f8;border-radius:10px;display:block}
.cy-cd__video{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#15110B}
.cy-cd__video video,.cy-cd__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cy-cd__side{padding:26px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);position:sticky;top:96px}
.cy-cd__side dl{margin:0}
.cy-cd__side dt{font-size:12.5px;color:var(--cy-ink-400);margin-top:16px}
.cy-cd__side dt:first-child{margin-top:0}
.cy-cd__side dd{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--cy-ink);line-height:1.7}
.cy-cd__side dd a{color:var(--cy-orange-600);text-decoration:none;transition:color .2s}
.cy-cd__side dd a:hover{color:var(--cy-orange);text-decoration:underline}

/* 企业信用平台图标链接（关于页 · 资质与荣誉 · 客服微信下方） */
.cy-creditlinks{margin-top:18px;padding-top:16px;border-top:1px dashed var(--cy-line)}
.cy-creditlinks__t{margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--cy-ink-400)}
.cy-creditlinks__row{display:flex;flex-wrap:wrap;gap:12px}
.cy-creditlinks__i{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding:14px 10px;background:#fff;border:1px solid var(--cy-line);border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s}
.cy-creditlinks__i:hover{transform:translateY(-3px);border-color:var(--cy-orange);box-shadow:0 8px 18px rgba(255,106,0,.16)}
.cy-creditlinks__i img{width:auto;max-width:100%;max-height:52px;display:block}

/* ============ 07 资质（奶油底白卡） ============ */
.cy-qual{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cy-qual__i{padding:34px 18px 34px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);text-align:center;
  transition:transform .25s,box-shadow .25s,border-color .25s}
.cy-qual__i:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.35);
  box-shadow:0 16px 34px rgba(14,23,38,.10)}
.cy-qual__medal{position:relative;width:216px;max-width:100%;margin:0 auto;aspect-ratio:308/190}
.cy-qual__wheatimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  transition:transform .3s}
.cy-qual__i:hover .cy-qual__wheatimg{transform:scale(1.1)}
.cy-qual__medaltxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:16px 44px 40px;font-size:12.5px;font-weight:800;color:var(--cy-ink);line-height:1.75}

/* ============ 08 流程步骤（V4：波浪旅程图 Journey Wave） ============
   一条连续起伏的橙色路径贯穿 8 个站点；卡片沿波峰/波谷上下交替悬挂，
   从左到右即 01→08 的完整动线，路径本身就是"连续性"的表达。
   站点 x 由 --i 计算（6.25% + 12.5%×i，对应 SVG viewBox x=50+100i）。 */
.cy-journey{position:relative;height:450px;margin-top:18px}
.cy-journey__path{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.cy-journey__rail{fill:none;stroke:rgba(255,106,0,.13);stroke-width:9;
  stroke-linecap:round;vector-effect:non-scaling-stroke}
.cy-journey__line{fill:none;stroke:url(#cyWave);stroke-width:2.6;
  stroke-linecap:round;vector-effect:non-scaling-stroke}
.cy-journey__end{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;
  color:#fff;background:var(--cy-orange);box-shadow:0 6px 16px rgba(255,106,0,.3)}
.cy-journey__end--s{left:0}
.cy-journey__end--e{right:0;background:var(--cy-navy)}
/* 站点：波峰 33% / 波谷 67%，与 SVG y=66/134 对齐 */
.cy-jstop{position:absolute;left:calc(6.25% + var(--i)*12.5%);width:18px;height:18px;
  transform:translateX(-50%);z-index:2}
.cy-jstop--up{top:33%}
.cy-jstop--down{top:67%}
.cy-jstop__dot{display:block;width:18px;height:18px;border-radius:50%;
  background:#fff;border:4px solid var(--cy-orange);
  box-shadow:0 0 0 7px rgba(255,106,0,.12),0 4px 10px rgba(255,106,0,.28);
  transition:transform .25s,box-shadow .25s}
.cy-jstop:hover .cy-jstop__dot{transform:scale(1.25);box-shadow:0 0 0 10px rgba(255,106,0,.16)}
/* 卡片：波峰站点挂上方、波谷站点挂下方 */
.cy-jcard{position:absolute;left:50%;transform:translateX(-50%);width:140px;
  padding:12px 12px 11px;background:#fff;border:1px solid var(--cy-line);border-radius:14px;
  box-shadow:0 10px 26px rgba(14,23,38,.10);text-align:center;
  transition:transform .26s,box-shadow .26s,border-color .26s}
.cy-jstop--up .cy-jcard{bottom:calc(100% + 14px)}
.cy-jstop--down .cy-jcard{top:calc(100% + 14px)}
.cy-jstop:hover .cy-jcard{transform:translateX(-50%) translateY(-4px);
  border-color:rgba(255,106,0,.4);box-shadow:0 18px 36px rgba(14,23,38,.16)}
.cy-jcard__no{display:block;font-size:26px;font-weight:900;line-height:1;letter-spacing:-.03em;
  color:var(--cy-orange);margin-bottom:5px}
.cy-jcard h3{margin:0 0 5px;font-size:14px;font-weight:800;color:var(--cy-ink)}
.cy-jcard p{margin:0;font-size:11.8px;line-height:1.65;color:var(--cy-ink-600)}
@media (max-width:1080px){
  /* 窄屏降级为卡片网格：路径与站点隐藏，内容仍按 01-08 顺序可读 */
  .cy-journey{height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
  .cy-journey__path,.cy-journey__end,.cy-jstop__dot{display:none}
  .cy-jstop{position:static;width:auto;transform:none}
  .cy-jcard{position:static;transform:none;width:auto;min-height:118px}
  .cy-jstop:hover .cy-jcard{transform:translateY(-4px)}
}
@media (max-width:680px){
  /* 手机：竖向时间轴 —— 左侧一条连续橙色竖线，8 个节点自上而下依次排列，
     比 2 列网格更符合单手阅读，且仍保留「连续流程」的语义。 */
  .cy-journey{display:block;height:auto;padding-left:28px;margin-top:20px}
  .cy-journey::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:3px;
    border-radius:3px;opacity:.5;
    background:linear-gradient(180deg,#FFB347,var(--cy-orange) 45%,#E85D00)}
  .cy-journey__path,.cy-journey__end{display:none}
  .cy-jstop{position:relative;left:auto;top:auto;transform:none;width:auto;height:auto;
    margin:0 0 12px;padding:0}
  .cy-jstop:last-child{margin-bottom:0}
  .cy-jstop__dot{position:absolute;left:-27px;top:16px;width:14px;height:14px;
    display:block;border-width:3px;box-shadow:0 0 0 5px rgba(255,106,0,.12)}
  .cy-jcard{position:static;transform:none;width:100%;min-height:0;
    display:block;text-align:center;padding:14px 14px 13px}
  .cy-jcard__no{display:block;font-size:28px;margin:0 0 4px;align-self:auto;
    color:var(--cy-orange);-webkit-text-stroke:0;letter-spacing:-.02em}
  .cy-jcard h3{grid-column:auto;grid-row:auto;margin:0 0 3px;font-size:14.5px}
  .cy-jcard p{grid-column:auto;grid-row:auto;font-size:12px}
  .cy-jstop:hover .cy-jcard{transform:translateY(-2px)}
  .cy-jstop:hover .cy-jstop__dot{transform:scale(1.15)}
}

/* ============ 09 双栏图文 ============ */
.cy-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.cy-split--rev .cy-split__media{order:2}
.cy-split__media img{width:100%;height:auto;border-radius:var(--cy-r);box-shadow:var(--cy-sh-m)}
.cy-split__body h3{margin:0 0 16px;font-size:clamp(22px,2.4vw,30px);font-weight:800;color:var(--cy-ink)}
.cy-split__body p{margin:0 0 14px;font-size:15.5px;line-height:1.9;color:var(--cy-ink-600)}
.cy-split__body ul{margin:16px 0 20px;display:flex;flex-direction:column;gap:9px}
.cy-split__body li{position:relative;padding-left:24px;font-size:14.5px;color:var(--cy-ink-600)}
.cy-split__body li::before{content:"✓";position:absolute;left:0;top:0;color:var(--cy-orange);font-weight:800}

/* ============ 10 客户名录 ============ */
.cy-clients{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--cy-line);
  border:1px solid var(--cy-line);border-radius:var(--cy-r);overflow:hidden}
.cy-clients div{background:#fff;padding:20px 14px;text-align:center;font-size:14px;font-weight:600;
  color:var(--cy-ink);transition:.2s;display:flex;align-items:center;justify-content:center;min-height:64px}
.cy-clients div:hover{background:var(--cy-orange-050);color:var(--cy-orange-600)}
.cy-clients-note{margin-top:16px;font-size:13px;color:var(--cy-ink-400);text-align:center}

/* ============ 11 黑底 CTA（黑取自 2026 PPT 封面；整幅区块 + 居中标题 + 按钮/二维码） ============ */
.cy-ctasec{background:var(--cy-black);color:#fff;padding:76px 0;position:relative;overflow:hidden}
.cy-ctasec::before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.2) 1.6px,transparent 1.6px);background-size:30px 30px;
  mask-image:radial-gradient(700px 380px at 50% 0%,#000,transparent 72%);
  -webkit-mask-image:radial-gradient(700px 380px at 50% 0%,#000,transparent 72%)}
.cy-ctasec__in{position:relative;z-index:2;text-align:center;max-width:720px;margin:0 auto}
.cy-ctasec h2{margin:0;font-size:clamp(26px,3vw,36px);font-weight:900;color:#fff}
.cy-ctasec p{margin:16px auto 0;font-size:16px;line-height:1.9;color:rgba(255,255,255,.66);max-width:560px}
.cy-ctasec__acts{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.cy-ctasec--split .cy-ctasec__in{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;
  gap:48px;align-items:center;text-align:center}
.cy-ctasec__hook{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cy-ctasec--split .cy-ctasec__hook{justify-content:center}

/* ============ 12 联系页 ============ */
.cy-csplit{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.cy-cinfo{background:var(--cy-cream);border-radius:var(--cy-r);padding:32px}
.cy-cinfo__hero{text-align:center;padding-bottom:26px;border-bottom:1px dashed rgba(255,106,0,.25);margin-bottom:26px}
.cy-cinfo__hero img{width:170px;margin:0 auto 16px;filter:drop-shadow(0 12px 22px rgba(255,106,0,.18))}
.cy-cinfo__hero b{display:block;font-size:17px;color:var(--cy-ink)}
.cy-cinfo__hero span{display:block;margin-top:6px;font-size:14px;color:var(--cy-orange-600);font-weight:700}
.cy-cinfo__item{display:flex;gap:14px;padding:14px 0}
.cy-cinfo__item .cy-ico{flex:0 0 auto;width:42px;height:42px;border-radius:10px}
.cy-cinfo__item b{display:block;font-size:15px;color:var(--cy-ink);font-weight:800}
.cy-cinfo__item p{margin:4px 0 0;font-size:14px;color:var(--cy-ink-600);line-height:1.7}
.cy-cinfo__item p a[href^="tel:"]{color:var(--cy-orange-600);font-weight:800}
.cy-cinfo__item p a[href^="tel:"]:hover{text-decoration:underline}
.cy-form{background:#fff;border:1px solid var(--cy-line);border-radius:var(--cy-r);padding:32px;
  box-shadow:var(--cy-sh-s)}
.cy-form h3{margin:0 0 6px;font-size:20px;font-weight:800;color:var(--cy-ink)}
.cy-form__tip{margin:0 0 20px;font-size:13px;color:var(--cy-ink-400)}
.cy-f{margin-bottom:16px}
.cy-f label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:700;color:var(--cy-ink)}
.cy-f label i{font-style:normal;color:var(--cy-orange)}
.cy-f input,.cy-f select,.cy-f textarea{width:100%;padding:12px 14px;border:1px solid var(--cy-line);
  border-radius:var(--cy-r-sm);font-size:14.5px;background:#fff;color:var(--cy-ink);transition:.2s}
.cy-f input:focus,.cy-f select:focus,.cy-f textarea:focus{outline:none;border-color:var(--cy-orange);
  box-shadow:0 0 0 3px rgba(255,106,0,.12)}
.cy-f textarea{min-height:96px;resize:vertical}
.cy-f input::placeholder,.cy-f textarea::placeholder{color:#B4B8C4}
.cy-form .cy-btn{width:100%;margin-top:8px}
.cy-form__tip2{margin:12px 0 0;font-size:12.5px;color:var(--cy-ink-400);text-align:center}

/* 联系页 · 左卡底部微信说明 */
.cy-cinfo__note{margin-top:22px;padding:16px 18px;border-radius:var(--cy-r-sm);
  background:linear-gradient(135deg,rgba(255,106,0,.10),rgba(31,43,78,.06));
  border:1px dashed rgba(255,106,0,.32)}
.cy-cinfo__note b{display:block;font-size:14.5px;color:var(--cy-navy);font-weight:800}
.cy-cinfo__note span{display:block;margin-top:5px;font-size:13px;color:var(--cy-ink-600);line-height:1.7}

/* 联系页复制图标（复用 [data-copy] / .copyico，site.js 模块 17 自动绑定）：
   品牌橙配色；气泡统一朝上居中，避免右侧溢出。 */
.cy-cinfo .copyico{display:inline-grid;width:22px;height:22px;border-radius:6px;vertical-align:-4px;
  margin-left:6px;border:1px solid var(--cy-line);background:#fff;color:var(--cy-orange)}
.cy-cinfo .copyico:hover{border-color:var(--cy-orange);background:rgba(255,106,0,.07)}
.cy-cinfo .copyico.is-done{border-color:rgba(0,166,81,.45);background:rgba(0,166,81,.08);color:#00A651}
.cy-cinfo .copyico .copyico__tip{left:50%;right:auto;top:auto;bottom:calc(100% + 8px);
  transform:translateX(-50%) translateY(3px);background:var(--cy-navy);color:#fff;white-space:nowrap}
.cy-cinfo .copyico .copyico__tip::after{right:auto;left:50%;top:100%;transform:translateX(-50%);
  border-color:transparent;border-top-color:var(--cy-navy)}
.cy-cinfo .copyico:hover .copyico__tip,.cy-cinfo .copyico:focus-visible .copyico__tip,
.cy-cinfo .copyico.is-done .copyico__tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* 联系页 · 自媒体账号矩阵（公众号 + 小红书，官网与自媒体资产交叉绑定）
   卡片样式与上方「客服微信号」说明块保持一致：同款奶油渐变底 + 橙色虚线边 */
.cy-mp{margin-top:14px;padding:16px 18px;border-radius:var(--cy-r-sm);
  background:linear-gradient(135deg,rgba(255,106,0,.10),rgba(31,43,78,.06));
  border:1px dashed rgba(255,106,0,.32)}
.cy-mp>b{display:block;font-size:14px;color:var(--cy-navy);font-weight:800;
  padding-bottom:8px;border-bottom:1px dashed rgba(255,106,0,.25);margin-bottom:10px}
.cy-mp__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* 去掉二维码卡片白底：卡片透明，JPEG 自带白底用 mix-blend-mode:multiply 融入奶油面板
   （白色相乘后显示底色、黑色二维码保留），hover 改轻微上浮，避免透明卡片出现白色阴影框 */
.cy-mp__i{margin:0;text-align:center;background:transparent;border-radius:0;
  padding:2px 4px 4px;transition:transform .2s}
.cy-mp__i:hover{transform:translateY(-2px)}
.cy-mp__i img{display:block;width:100%;max-width:104px;height:auto;margin:0 auto;
  aspect-ratio:1;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.cy-mp__i figcaption{margin-top:6px}
.cy-mp__i figcaption b{display:block;font-size:13px;font-weight:800}
.cy-mp__i figcaption b a{color:var(--cy-ink);text-decoration:none;transition:color .2s}
.cy-mp__i figcaption b a:hover{color:var(--cy-orange-600)}
.cy-mp__i figcaption span{display:block;margin-top:1px;font-size:12.5px;
  color:var(--cy-orange-600);font-weight:700;letter-spacing:.02em}

/* 藏蓝 CTA 内的胶囊标签 */
.cy-ctasec .cy-pill{display:inline-block;padding:7px 15px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  font-size:13px;color:#fff;font-weight:600}

/* 三栏能力卡（联系页「接下来三步」） */
.cy-cap--3{grid-template-columns:repeat(3,1fr)}
.cy-cap--3 .cy-cap__i h3{color:var(--cy-navy)}
/* 编号 01/02/03 整体橙色粗体（原 ::first-letter 只染到「0」一个字符，视觉残缺） */
.cy-cap--3 .cy-cap__i .cy-cap__no{color:var(--cy-orange);font-weight:800}

/* ============ 05.5 服务优势（六大竞争优势：3 列卡 + 编号 + 说明 + 证据清单） ============ */
.cy-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.cy-adv__i{position:relative;padding:30px 26px 26px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);transition:transform .26s,box-shadow .26s,border-color .26s}
.cy-adv__i:hover{transform:translateY(-6px);box-shadow:var(--cy-sh-m);border-color:rgba(255,106,0,.3)}
.cy-adv__no{display:block;font-size:34px;font-weight:900;line-height:1;
  color:var(--cy-orange);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-bottom:14px}
.cy-adv__h3{margin:0 0 10px;font-size:18px;font-weight:800;color:var(--cy-navy);line-height:1.5}
.cy-adv__p{margin:0;font-size:14px;line-height:1.8;color:var(--cy-ink-600)}
.cy-adv__ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.cy-adv__ul li{position:relative;padding-left:22px;font-size:13.5px;color:var(--cy-ink-600);line-height:1.6}
.cy-adv__ul li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--cy-orange);font-weight:800}
@media (max-width:1024px){.cy-adv{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.cy-adv{grid-template-columns:1fr;gap:14px}.cy-adv__i{padding:26px 22px 22px}}

/* 页头承诺钩子 */
.cy-pagehero__hook{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.cy-pagehero__hook span{padding:7px 16px;border-radius:999px;background:var(--cy-cream);
  border:1px solid rgba(255,106,0,.25);font-size:13.5px;font-weight:700;color:var(--cy-orange-600)}

/* 藏蓝二维码区 */
.cy-qrsec__qr{display:flex;justify-content:center;gap:22px;margin-top:30px;flex-wrap:wrap}
.cy-qrsec__qr figure{margin:0;background:#fff;border-radius:14px;padding:14px 14px 10px;text-align:center}
.cy-qrsec__qr img{width:150px;height:150px;border-radius:8px}
.cy-qrsec__qr figcaption{margin-top:8px;font-size:12.5px;color:var(--cy-ink-600)}

/* ============ 13 内容页 ============ */
/* 内页顶部（关于橙意 / 核心服务 / 案例精选 / 橙意课堂 / 联系我们 及所有详情页）—— V2 编辑式版式
   版式：奶油白底 + 大标题左对齐 + 橙色竖条 + 右侧纯几何橙色装饰，靠留白和字号建立层级。
   ⚠ padding-top 必须含 --header-h：头部是 fixed，否则顶部内容会被压在导航下面。 */
.cy-pagehero{position:relative;overflow:hidden;isolation:isolate;text-align:left;
  padding:calc(var(--header-h) + 52px) 0 50px;
  background:linear-gradient(180deg,#FFF7F0 0%,#FFFDFB 62%,#FFFFFF 100%);
  border-bottom:1px solid var(--cy-line)}
/* 右侧装饰 ①：大圆环 + 点阵（纯几何，无文案，避免与任何"深色 Banner"撞脸） */
.cy-pagehero::before{content:"";position:absolute;right:-140px;top:50%;z-index:0;
  width:520px;height:520px;margin-top:-250px;border-radius:50%;
  border:1px solid rgba(255,106,0,.22);
  background:radial-gradient(rgba(255,106,0,.16) 1.6px,transparent 1.7px) 0 0/24px 24px;
  mask-image:radial-gradient(circle at 50% 50%,#000 46%,rgba(0,0,0,.35) 72%,transparent 88%);
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 46%,rgba(0,0,0,.35) 72%,transparent 88%)}
/* 右侧装饰 ②：橙色方块已按要求移除，仅保留圆环/点阵 */
/* 底部左侧橙色短标尺：标示「章节起点」，替代通栏分割线 */
.cy-pagehero::after{content:"";position:absolute;left:0;bottom:-1px;z-index:2;
  width:180px;height:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,var(--cy-orange),#FFC36B)}
/* 右列只是装饰位，不参与内容流：内容按正常文档流排，装饰绝对定位到右侧空白区，
   避免出现「第三个子元素被自动排到装饰列」的错位。 */
.cy-pagehero>.cy-wrap{position:relative;z-index:2;min-height:132px}
.cy-pagehero h1{position:relative;margin:0;padding-left:20px;
  font-size:clamp(30px,4.2vw,48px);font-weight:900;color:var(--cy-ink);
  line-height:1.22;letter-spacing:-.025em}
.cy-pagehero h1::before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:6px;
  border-radius:3px;background:linear-gradient(180deg,var(--cy-orange),#FFC36B)}
.cy-pagehero p{margin:16px 0 0;padding-left:20px;font-size:16.5px;line-height:1.9;
  color:var(--cy-ink-600);max-width:680px}
.cy-pagehero__tags{margin:18px 0 0 20px;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.cy-pagehero__hook{margin-top:20px;justify-content:flex-start}
/* 面包屑：轻量横排（非胶囊），分隔符改橙色 ›，当前页橙色加粗 */
.cy-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;
  padding:0;margin:0 0 18px;border:0;background:none;
  font-size:13px;letter-spacing:.02em;color:var(--cy-ink-400)}
.cy-crumb a{color:var(--cy-ink-400);transition:color .18s}
.cy-crumb a:hover{color:var(--cy-orange)}
.cy-crumb span{margin:0;font-size:0;color:var(--cy-orange);opacity:.7}
.cy-crumb span::after{content:"\203A";font-size:14px;margin:0 2px}
.cy-crumb b{color:var(--cy-orange);font-weight:700}

.cy-post{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
.cy-body{font-size:16.5px;line-height:2;color:var(--cy-ink)}
.cy-body h2{margin:44px 0 18px;font-size:24px;font-weight:800;color:var(--cy-ink);
  padding-left:14px;border-left:4px solid var(--cy-orange);line-height:1.4}
.cy-body h3{margin:32px 0 14px;font-size:19px;font-weight:800;color:var(--cy-ink)}
.cy-body p{margin:0 0 18px}
.cy-body ul,.cy-body ol{margin:0 0 20px;padding-left:22px}
.cy-body ul{list-style:disc}
.cy-body ol{list-style:decimal}
.cy-body li{margin-bottom:9px}
.cy-body blockquote{margin:24px 0;padding:18px 22px;background:var(--cy-cream);
  border-left:3px solid var(--cy-orange);border-radius:0 10px 10px 0;color:var(--cy-ink-600)}
.cy-body table{width:100%;margin:22px 0;border:1px solid var(--cy-line);border-radius:10px;overflow:hidden;font-size:15px}
.cy-body th{background:var(--cy-cream);font-weight:800;color:var(--cy-ink);text-align:left}
.cy-body th,.cy-body td{padding:12px 16px;border-bottom:1px solid var(--cy-line)}
.cy-body tr:last-child td{border-bottom:0}
.cy-body img{border-radius:10px;margin:20px 0}
.cy-body strong{font-weight:800;color:var(--cy-ink)}

/* 课堂列表：栏目页 3 列卡片；首页 cy-klist--4 一行 4 个；移动端 1 列 */
.cy-klist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cy-klist--4{grid-template-columns:repeat(4,1fr)}
.cy-kitem{display:block;padding:22px 22px 20px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);transition:transform .25s,box-shadow .25s,border-color .25s}
.cy-kitem:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.35);
  box-shadow:0 16px 34px rgba(14,23,38,.10)}
.cy-kitem__b h3{margin:0 0 10px;font-size:17.5px;font-weight:800;line-height:1.55}
.cy-kitem__b h3 a{color:var(--cy-ink)}
.cy-kitem:hover .cy-kitem__b h3 a{color:var(--cy-orange-600)}
.cy-kitem__b p{margin:0 0 12px;font-size:14.5px;line-height:1.85;color:var(--cy-ink-600)}
.cy-kitem__m2{display:flex;gap:8px 16px;font-size:12.5px;color:var(--cy-ink-400);flex-wrap:wrap}

.cy-sidebox{padding:24px;background:#fff;border:1px solid var(--cy-line);border-radius:var(--cy-r);
  position:sticky;top:96px}
.cy-sidebox h3{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--cy-ink)}
.cy-sidebox ol,.cy-sidebox ul{margin:0;padding-left:18px}
.cy-sidebox li{margin-bottom:10px;font-size:14.5px;line-height:1.7}
.cy-sidebox li a{color:var(--cy-ink-600)}
.cy-sidebox li a:hover{color:var(--cy-orange)}

/* ============ 14 时间线 ============ */
.cy-tl{position:relative;max-width:820px;margin:0 auto;padding:8px 0}
.cy-tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;
  background:var(--cy-orange);border-radius:2px;opacity:.85}
.cy-tl__i{position:relative;width:50%;padding:0 44px 40px 0}
.cy-tl__i:nth-child(even){left:50%;padding:0 0 40px 44px}
.cy-tl__dot{position:absolute;right:-9px;top:6px;width:18px;height:18px;border-radius:50%;
  background:#fff;border:4px solid var(--cy-orange);z-index:2}
.cy-tl__i:nth-child(even) .cy-tl__dot{right:auto;left:-9px}
.cy-tl__card{background:#fff;border:1px solid var(--cy-line);border-radius:var(--cy-r-sm);
  padding:18px 20px;box-shadow:var(--cy-sh-s)}
.cy-tl__card b{display:block;font-size:17px;font-weight:900;color:var(--cy-orange-600)}
.cy-tl__card h3{margin:4px 0 6px;font-size:15.5px;font-weight:800;color:var(--cy-ink)}
.cy-tl__card p{margin:0;font-size:13.5px;line-height:1.75;color:var(--cy-ink-600)}

/* ============ 15 页脚 ============ */
.cy-footer{background:var(--cy-black);color:#fff;padding:0}
.cy-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px}
.cy-footer h3{margin:0 0 18px;font-size:15px;font-weight:800;color:#fff}
.cy-footer ul{margin:0;padding:0;list-style:none}
.cy-footer ul li{margin-bottom:11px}
.cy-footer ul a{font-size:14px;color:rgba(255,255,255,.62);transition:.2s}
.cy-footer ul a:hover{color:var(--cy-orange)}
.cy-footer__bar{padding:22px 0;
  display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;
  font-size:13px;color:rgba(255,255,255,.45)}
.cy-footer__bar a{color:rgba(255,255,255,.45)}
.cy-footer__bar a:hover{color:#fff}
.cy-footer__qr{display:flex;gap:14px;margin-top:16px}
.cy-footer__qr figure{margin:0;text-align:center}
.cy-footer__qr img{width:86px;height:86px;border-radius:8px;background:#fff;padding:4px}
.cy-footer__qr figcaption{margin-top:6px;font-size:11.5px;color:rgba(255,255,255,.5)}

/* ============ 16 分页 ============ */
.cy-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.cy-pager a,.cy-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;
  padding:0 14px;border:1px solid var(--cy-line);border-radius:999px;font-size:14.5px;color:var(--cy-ink-600);background:#fff}
.cy-pager a:hover{border-color:var(--cy-orange);color:var(--cy-orange)}
.cy-pager .is-on{background:var(--cy-orange);border-color:var(--cy-orange);color:#fff;font-weight:700}
.cy-pager .is-dis{opacity:.42;cursor:default}
.cy-count{margin-top:16px;text-align:center;font-size:13px;color:var(--cy-ink-400)}

/* ============ 16.5 客户 LOGO 墙（悬停显示行业） ============ */
.cy-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cy-logo{position:relative;background:#fff;border:1px solid var(--cy-line);border-radius:12px;
  aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;
  padding:10px;overflow:hidden;transition:.25s}
.cy-logo img{width:100%;aspect-ratio:inherit;max-width:96%;max-height:86%;object-fit:contain}
.cy-logo__tip{position:absolute;inset:0;background:rgba(31,43,78,.93);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  text-align:center;padding:10px;opacity:0;transition:.25s;overflow:hidden}
.cy-logo__tip em{font-style:normal;font-size:15.5px;font-weight:800;color:var(--cy-orange)}
.cy-logo__tip span{font-size:12.5px;color:rgba(255,255,255,.75)}
.cy-logo:hover{transform:translateY(-4px);box-shadow:var(--cy-sh-m);border-color:rgba(255,106,0,.35)}
.cy-logo:hover .cy-logo__tip{opacity:1}
/* 浮层出现 100deg 渐变 / skewX(-18deg) / -58%→118% / .55s）。每次 hover 从左扫到右一次，收起时随浮层淡出复位。 */
.cy-logo__tip::after{content:"";position:absolute;top:0;left:-58%;width:42%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);transition:left .55s ease}
.cy-logo:hover .cy-logo__tip::after{left:118%}

/* ============ 16.6 右侧浮动客服（圆角正方形微信图标）+ 置顶按钮 ============ */
.cygg{right:18px}
.cygg__btn{width:56px;height:56px;border-radius:16px;background:#07C160;
  box-shadow:0 8px 20px rgba(7,193,96,.34)}
.cygg__btn:hover{background:#06AD56;box-shadow:0 12px 26px rgba(7,193,96,.46)}
.cygg__btn svg{width:30px;height:30px}
.cygg__btn::after{border-radius:16px;
  box-shadow:0 0 0 0 rgba(7,193,96,.5);animation:cyggPulse 2s cubic-bezier(.66,0,0,1) infinite}
@keyframes cyggPulse{0%{box-shadow:0 0 0 0 rgba(7,193,96,.5)}70%{box-shadow:0 0 0 12px rgba(7,193,96,0)}100%{box-shadow:0 0 0 0 rgba(7,193,96,0)}}
.cygg__tel{display:none!important}          /* 不需要电话图标 */
.cygg__panel{right:66px;width:220px;max-height:82vh;overflow-y:auto;overflow-x:hidden}
.cygg__panel .cygg__qr{width:180px;height:180px}
.cygg__label{margin:10px 0 4px;font-size:13px;font-weight:800;color:var(--cy-ink)}
.cygg__sub{margin:0 0 10px;font-size:11.5px;color:var(--cy-ink-400)}
.toTop{right:18px;bottom:auto;top:calc(50% + 44px);   /* 微信图标正下方（按钮 56 高，间距 16） */
  width:56px;height:56px;border-radius:16px;border:none;
  background:var(--cy-navy);color:#fff;box-shadow:0 8px 20px rgba(31,43,78,.32)}
.toTop:hover{background:var(--cy-navy-700)}
.cygg__tt{margin:0;font-size:15px;font-weight:800;color:var(--cy-navy)}
.cygg__panel .cygg__sub{margin-top:4px}
.cygg__panel .cygg__qr--2{margin-top:10px}
.cygg__panel .cygg__label{margin:6px 0 0}

/* 面板内「复制微信号」小图标：复用 [data-copy]（site.js 模块 17 自动绑定），
   只覆盖配色与气泡方向——气泡朝上居中，避免被面板右侧裁掉。 */
.cygg__sub{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.cygg__sub b{color:var(--cy-ink);font-weight:800;letter-spacing:.02em}
.cygg__copy.cygg__copy{display:inline-grid;width:24px;height:24px;border-radius:7px;
  border:1px solid var(--cy-line);background:#fff;color:var(--cy-orange)}
.cygg__copy:hover{border-color:var(--cy-orange);background:rgba(255,106,0,.07)}
.cygg__copy.is-done{border-color:rgba(0,166,81,.45);background:rgba(0,166,81,.08);color:#00A651}
.cygg__copy .copyico__tip{left:50%;right:auto;top:auto;bottom:calc(100% + 8px);
  transform:translateX(-50%) translateY(3px);background:var(--cy-navy);color:#fff}
.cygg__copy .copyico__tip::after{right:auto;left:50%;top:100%;transform:translateX(-50%);
  border-color:transparent;border-top-color:var(--cy-navy)}
.cygg__copy:hover .copyico__tip,.cygg__copy:focus-visible .copyico__tip,
.cygg__copy.is-done .copyico__tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media (max-width:520px){.cygg__panel{right:62px;width:200px}.cygg__panel .cygg__qr{width:152px;height:152px}
  .cygg__btn,.toTop{width:50px;height:50px;border-radius:14px}
  .toTop{top:calc(50% + 40px)}}

/* ============ 16.8 首页常见问题（details/summary 手风琴，无 JS 也能展开） ============ */
.cy-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:768px){.cy-faq{grid-template-columns:1fr;gap:12px}}
.cy-faq__i{background:#fff;border:1px solid var(--cy-line);border-radius:var(--cy-r-sm);
  overflow:hidden;transition:border-color .2s,box-shadow .2s}
.cy-faq__i[open]{border-color:rgba(255,106,0,.35);box-shadow:var(--cy-sh-s)}
.cy-faq__i summary{list-style:none;cursor:pointer;padding:17px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-size:16px;font-weight:700;color:var(--cy-ink);line-height:1.6}
.cy-faq__i summary::-webkit-details-marker{display:none}
.cy-faq__i summary::marker{content:""}
.cy-faq__i summary:hover .cy-faq__q{color:var(--cy-orange-600)}
.cy-faq__q{flex:1;transition:color .2s}
.cy-faq__ic{flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--cy-orange-050);color:var(--cy-orange);
  display:grid;place-items:center;font-size:18px;font-weight:800;line-height:1;transition:.2s}
.cy-faq__ic::before{content:"+"}
.cy-faq__i[open] .cy-faq__ic{background:var(--cy-orange);color:#fff}
.cy-faq__i[open] .cy-faq__ic::before{content:"\2212"}
.cy-faq__a{padding:0 20px 20px;font-size:15px;line-height:1.95;color:var(--cy-ink-600)}
.cy-faq__a p{margin:0}


/* ============ 16.7 头部导航 LOGO（图片版：白底用深色字，深色 Hero 用白色字） ============ */
.cy-logo-hd .logo__mark{background:none;color:var(--cy-navy);-webkit-text-fill-color:currentColor;
  font-size:0;line-height:0;display:block}
.cy-logoimg{display:block;width:auto;height:52px}
.cy-logoimg--white{display:none}
.cy-logotxt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.header:not(.is-solid) .cy-logoimg--dark{display:none}
.header:not(.is-solid) .cy-logoimg--white{display:block}

/* ============ 16.8 顶部横向滚动进度条（橙色渐变；曾改右侧竖向滑块，应用户要求移回顶部） ============ */
.cy-sprog{position:fixed;left:0;right:0;top:0;height:3px;z-index:180;pointer-events:none;
  opacity:0;transition:opacity .3s;background:rgba(31,43,78,.06)}
.cy-sprog.is-on{opacity:1}
.cy-sprog i{display:block;width:0;height:100%;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#FFC36B 0%,var(--cy-orange) 42%,#B8410A 100%);
  box-shadow:0 1px 8px rgba(255,106,0,.35)}
@media (max-width:640px){.cy-sprog{height:3px}}

/* ============ 16.9 头部创意电话按钮（图标 + 号码，点击直接拨号） ============ */
.cy-telbtn{position:relative;display:inline-flex;align-items:center;padding:4px;border-radius:999px;overflow:hidden;
  background:linear-gradient(100deg,var(--cy-orange) 0%,#FF8A3D 52%,var(--cy-orange-600) 100%);
  color:#fff;font-weight:800;font-size:15px;letter-spacing:.01em;line-height:1;
  box-shadow:0 6px 18px rgba(255,106,0,.26);
  transition:transform .22s,box-shadow .22s}
.cy-telbtn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(255,106,0,.38)}
.cy-telbtn:active{transform:translateY(0)}
.cy-telbtn__ic{flex:none;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);
  display:grid;place-items:center}
.cy-telbtn__ic svg{transition:transform .2s}
.cy-telbtn:hover .cy-telbtn__ic svg{animation:cyTelRing .82s ease}
.cy-telbtn__num{padding:0 15px 0 10px;font-variant-numeric:tabular-nums}
.cy-telbtn::after{content:"";position:absolute;top:0;left:-58%;width:42%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);transition:left .55s ease}
.cy-telbtn:hover::after{left:118%}
@keyframes cyTelRing{
  0%{transform:rotate(0)}   18%{transform:rotate(-20deg)} 38%{transform:rotate(16deg)}
  58%{transform:rotate(-10deg)} 78%{transform:rotate(7deg)} 100%{transform:rotate(0)}
}
@media (max-width:1180px){
  .cy-telbtn{font-size:14px}
  .cy-telbtn__ic{width:30px;height:30px}
  .cy-telbtn__num{padding:0 12px 0 9px}
}
@media (max-width:560px){
  .cy-telbtn__num{display:none}
  .cy-telbtn{padding:5px}
}
@media (max-width:640px){
  .cy-sprog{height:2px}
}

/* ============ 16.8 关于页：统计条 / 使命愿景卡 / 证书图库 / 灯箱 ============ */
.cy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.cy-mv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cy-mv__i{padding:30px 26px 26px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);text-align:center;
  transition:transform .25s,box-shadow .25s,border-color .25s}
.cy-mv__i:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.35);
  box-shadow:0 16px 34px rgba(14,23,38,.10)}
.cy-mv__i span.cy-mv__ic{display:flex;width:54px;height:54px;margin:0 auto 16px;align-items:center;justify-content:center;
  border-radius:50%;color:#fff;background:linear-gradient(135deg,#FFB25C,var(--cy-orange) 70%);
  box-shadow:0 8px 18px rgba(255,106,0,.28)}
.cy-mv__i b{display:block;font-size:18px;font-weight:800;letter-spacing:.08em;color:var(--cy-ink)}
.cy-mv__i::after{content:"";display:block;width:34px;height:3px;margin:12px auto 14px;
  border-radius:2px;background:linear-gradient(90deg,#FFB25C,var(--cy-orange))}
.cy-mv__i > span:not(.cy-mv__ic){display:block;font-size:14.5px;line-height:1.9;color:var(--cy-ink-600)}
.cy-qualgal{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.cy-qualgal__i{flex:0 0 calc((100% - 60px)/4);box-sizing:border-box;
  margin:0;padding:14px 14px 13px;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);text-align:center;
  transition:transform .25s,box-shadow .25s,border-color .25s}
.cy-qualgal__i:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.35);
  box-shadow:0 16px 34px rgba(14,23,38,.10)}
.cy-qualgal__ph{display:flex;align-items:center;justify-content:center;overflow:hidden;
  aspect-ratio:4/3;border-radius:8px;background:var(--cy-cream)}
.cy-qualgal__ph img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.cy-qualgal__ph--txt{flex-direction:column;gap:10px;padding:14px;text-align:center;cursor:default}
.cy-qualgal__ph--txt b{font-size:14.5px;line-height:1.7;color:var(--cy-ink)}
.cy-qualgal__ph--txt span{font-size:12px;color:var(--cy-ink-400)}
.cy-qualgal__i>b{display:block;margin-top:12px;font-size:13.5px;font-weight:700;
  line-height:1.6;color:var(--cy-ink)}
.cy-lightbox{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;
  background:rgba(10,14,24,.88);opacity:0;pointer-events:none;transition:opacity .25s}
.cy-lightbox.is-on{opacity:1;pointer-events:auto}
.cy-lightbox img{max-width:92vw;max-height:86vh;border-radius:8px;
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.cy-lightbox__x{position:absolute;top:16px;right:20px;width:44px;height:44px;border:0;
  border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.cy-lightbox__x:hover{background:rgba(255,255,255,.28)}
.cy-lightbox__cap{position:absolute;left:0;right:0;bottom:20px;margin:0;text-align:center;
  font-size:14px;color:rgba(255,255,255,.82)}

/* ============ 16.8b 文章详情 meta 条（时间/阅读/时长 + 朗读、复制链接） ============ */
.cy-pmeta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:18px;
  font-size:13.5px;color:var(--cy-ink-600)}
.cy-pmeta__i{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.cy-pmeta__i svg{opacity:.5;flex:0 0 auto}
.cy-pmeta__dot{color:var(--cy-line)}
.cy-pmeta__acts{display:inline-flex;gap:8px;margin-left:auto}
.cy-pmeta__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;
  border:1px solid var(--cy-line);border-radius:999px;background:#fff;
  font-size:13px;line-height:1;color:var(--cy-ink-600);cursor:pointer;
  transition:color .2s,border-color .2s,background .2s}
.cy-pmeta__btn:hover{color:var(--cy-orange-600);border-color:rgba(255,106,0,.4);background:var(--cy-orange-050)}
.cy-pmeta__btn.is-on{color:#fff;background:var(--cy-orange);border-color:var(--cy-orange)}
/* .copyico__tip 基础样式是 site.css 里的悬浮气泡（默认隐藏），此处改为静态行内文字 */
.cy-pmeta__btn .copyico__tip{position:static;left:auto;top:auto;transform:none;opacity:1;visibility:visible;
  pointer-events:auto;background:none;padding:0;border-radius:0;color:inherit;font-size:13px;font-weight:500}
.cy-pmeta__btn .copyico__tip::after{display:none}
@media (max-width:680px){
  .cy-pmeta__acts{margin-left:0;width:100%}
}

/* ============ 16.8c 文章详情：正文上方文章目录（书籍目录风格） ============ */
/* 标题 h1 沿用通用 .cy-pagehero h1 的橙色竖线（简洁规范），不额外覆盖。
   目录：奶油渐变卡片 + 章节号 + 点线引导 + 跳转箭头，锚点沿用 html 的 scroll-padding-top:96px */
.cy-toc{margin:0 0 36px;padding:22px 26px 16px;
  background:linear-gradient(180deg,var(--cy-cream),#fff);
  border:1px solid var(--cy-line);border-radius:var(--cy-r)}
.cy-toc__hd{display:flex;align-items:center;gap:12px;padding-bottom:14px;
  border-bottom:1px dashed rgba(31,43,78,.18)}
.cy-toc__ic{flex:0 0 auto;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;
  border-radius:10px;color:#fff;background:linear-gradient(135deg,#FFB25C,var(--cy-orange) 70%)}
.cy-toc__t{margin:0;font-size:17px;font-weight:800;color:var(--cy-ink);letter-spacing:.02em}
.cy-toc__sub{margin:3px 0 0;font-size:12.5px;line-height:1.6;color:var(--cy-ink-400)}
.cy-toc__count{margin-left:auto;flex:0 0 auto;font-size:12.5px;color:var(--cy-ink-400);
  border:1px solid var(--cy-line);border-radius:999px;padding:4px 10px;background:#fff}
.cy-toc__list{list-style:none;margin:6px 0 0;padding:0}
.cy-toc__list li{border-bottom:1px dotted rgba(31,43,78,.12)}
.cy-toc__list li:last-child{border-bottom:0}
.cy-toc__list a{display:flex;align-items:baseline;gap:12px;padding:11px 2px;
  font-size:14.5px;line-height:1.6;color:var(--cy-ink-600);text-decoration:none;transition:color .2s}
.cy-toc__list a:hover{color:var(--cy-orange-600)}
.cy-toc__no{flex:0 0 auto;font-weight:800;color:var(--cy-orange);font-variant-numeric:tabular-nums}
.cy-toc__txt{flex:0 1 auto;min-width:0}
.cy-toc__lead{flex:1 1 auto;min-width:24px;height:2px;align-self:center;
  background:radial-gradient(circle,rgba(31,43,78,.3) 1px,transparent 1.2px) 0 0/8px 100% repeat-x}
.cy-toc__go{flex:0 0 auto;color:var(--cy-orange);font-size:13px;opacity:.7}
@media (max-width:680px){
  .cy-toc{padding:18px 16px 12px;margin-bottom:28px}
  .cy-toc__sub,.cy-toc__count{display:none}
}

/* ============ 16.8d 案例详情：meta 条与侧栏档案标题 ============ */
/* 与 hero 内 h1 / 摘要 / 标签统一左缩进 20px；按钮不靠右分散，但与「阅读次数」拉开间距 */
.cy-pmeta--case{padding-left:20px;margin-top:12px}
.cy-pmeta--case .cy-pmeta__acts{margin-left:24px}
/* 窄屏时按钮组换行占满整行，左外边距需归零，避免 100% 宽 + 24px 造成横向溢出 */
@media (max-width:680px){
  .cy-pmeta--case .cy-pmeta__acts{margin-left:0}
}
.cy-cd__side-t{text-align:center;color:var(--cy-orange)}

/* ============ 16.8e 案例详情：相册备注与大图 / 多条视频结束定格 ============ */
.cy-cd__album__i{margin:0;position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 36px)/3)}
.cy-cd__album__i img{cursor:zoom-in;transition:transform .25s,box-shadow .25s}
.cy-cd__album__i img:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(31,43,78,.16)}
.cy-cd__album__i figcaption{margin:8px 2px 0;min-height:3.2em;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.6;color:var(--cy-ink-600);text-align:center;text-wrap:balance}
@media (max-width:768px){.cy-cd__album{gap:14px}.cy-cd__album__i{flex-basis:calc((100% - 14px)/2)}}
@media (max-width:520px){.cy-cd__album{gap:12px}.cy-cd__album__i{flex-basis:100%}}
.cy-cd__video + .cy-cd__video{margin-top:18px}
.cy-casevideo__outro{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;
  background-color:#15110B;background-position:center;background-size:cover;background-repeat:no-repeat}
.cy-casevideo.is-ended .cy-casevideo__outro{display:flex}
.cy-casevideo__replay{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border:0;border-radius:999px;
  background:var(--cy-orange);color:#fff;font-size:15px;font-weight:700;line-height:1;cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.34);transition:background .2s,transform .2s}
.cy-casevideo__replay:hover{background:var(--cy-orange-600);transform:scale(1.04)}
.cy-casevideo__replay::before{content:"";width:0;height:0;border-style:solid;
  border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}
.cy-casevideo__link{margin:0 0 14px;font-size:14px}
.cy-casevideo__link a{color:var(--cy-orange-600);font-weight:600}

/* ============ 16.8b 活动执行视频（推荐案例视频轮播：PC 一行 3 个 / 移动端 1 个） ============ */
/* 视口层负责裁剪、轨道层只做位移——overflow 与 transform 绝不能同层，
   否则点击箭头时整个盒子（连同裁剪框）一起移走，版块只剩空白 */
.cy-actv__vp{overflow:hidden}
.cy-actv__track{display:flex;gap:24px;transition:transform .45s ease}
.cy-actv__i{margin:0;flex:0 0 calc((100% - 48px)/3)}
.cy-actv__frame{position:relative;border-radius:14px;overflow:hidden;background:#15110B;
  aspect-ratio:16/9;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.cy-actv__frame video{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0;box-shadow:none}
.cy-actv__cover{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.cy-actv__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:64px;height:64px;border:0;border-radius:50%;background:var(--cy-orange);cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.34);
  transition:background .2s,transform .2s}
.cy-actv__play::before{content:"";width:0;height:0;border-style:solid;margin-left:4px;
  border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}
.cy-actv__play:hover{background:var(--cy-orange-600);transform:translate(-50%,-50%) scale(1.06)}
/* 播放后隐藏封面层（与案例详情页一致：暂停时不回显封面，播完由定格层接管） */
.cy-actv__frame.is-playing .cy-actv__cover,
.cy-actv__frame.is-playing .cy-actv__play{display:none}
.cy-actv__t{margin-top:14px;font-size:15px;font-weight:700;color:var(--cy-ink);line-height:1.6}
.cy-actv__t a{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
.cy-actv__t a:hover{color:var(--cy-orange-600)}
.cy-actv__tic{flex:0 0 auto;width:19px;height:16px;margin-right:7px;color:var(--cy-orange-600)}
.cy-actv__t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 26px)}
.cy-actv__nav{display:flex;justify-content:center;gap:18px;margin-top:32px}
.cy-actv__btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--cy-line);
  background:#fff;color:var(--cy-ink);font-size:20px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .2s,color .2s,opacity .2s,transform .2s}
.cy-actv__btn:hover{border-color:var(--cy-orange);color:var(--cy-orange-600);transform:translateY(-2px)}
.cy-actv__btn[disabled]{opacity:.35;cursor:default;pointer-events:none}
@media (max-width:768px){
  .cy-actv__i{flex:0 0 100%}
  .cy-actv__btn{width:44px;height:44px;font-size:18px}
}

/* ============ 16.9 友情链接（低调文本链） ============ */.cy-flink{border-top:1px solid var(--cy-line);background:#fff;padding:20px 0}
.cy-flink__in{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:8px 16px;text-align:center}
.cy-flink__t{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--cy-ink-400)}
.cy-flink__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 10px;font-size:13px}
.cy-flink__list a{color:var(--cy-ink-600);text-decoration:none;transition:color .2s}
.cy-flink__list a:hover{color:var(--cy-orange-600);text-decoration:underline}
.cy-flink__list i{font-style:normal;color:var(--cy-line)}
@media (max-width:680px){
  .cy-flink{padding:18px 0}
  .cy-flink__list{font-size:12.5px;gap:8px}
}

/* ============ 17 响应式 ============ */@media (max-width:1080px){
  .cy-hero__in{grid-template-columns:1fr;gap:40px}
  .cy-hero__art{order:-1;max-width:560px}
  .cy-klist,.cy-klist--4{grid-template-columns:repeat(2,1fr)}
  .header__cta .burger{order:1}        /* 移动端汉堡在左、电话在右（与桌面顺序互换） */
  .header__cta .cy-telbtn{order:2}
  .cy-cap,.cy-qual{grid-template-columns:repeat(2,1fr)}
  .cy-cases,.cy-cases--4{grid-template-columns:repeat(2,1fr)}
  .cy-clients{grid-template-columns:repeat(4,1fr)}
  .cy-logos{grid-template-columns:repeat(4,1fr)}
  .cy-cd,.cy-post,.cy-split,.cy-csplit{grid-template-columns:1fr;gap:32px}
  .cy-stats{grid-template-columns:repeat(2,1fr)}
  .cy-qualgal__i{flex-basis:calc((100% - 20px)/2)}
  .cy-split--rev .cy-split__media{order:0}
  .cy-cd__side,.cy-sidebox{position:static}
  .cy-ctasec--split .cy-ctasec__in{grid-template-columns:1fr;text-align:center}
  .cy-ctasec--split .cy-ctasec__hook{justify-content:center}
  .cy-footer__grid{grid-template-columns:1fr 1fr;gap:32px}
  .cy-pagehero::before{right:-200px;width:400px;height:400px;margin-top:-200px}
}
@media (max-width:680px){
  :root{--cy-sec-y:60px}
  .cy-wrap{padding:0 18px}
  .cy-cap,.cy-qual,.cy-cases,.cy-cases--4{grid-template-columns:1fr}
  .cy-cap--3{grid-template-columns:1fr}
  .cy-clients{grid-template-columns:repeat(2,1fr)}
  .cy-logos{grid-template-columns:repeat(3,1fr);gap:10px}
  .cy-logo{aspect-ratio:1/1;padding:8px}
  .cy-logo__tip em{font-size:13px}
  .cy-logo__tip span{font-size:11px}
  .cy-logoimg{height:38px}
  .cy-pagehero{padding:calc(var(--header-h) + 34px) 0 40px}
  .cy-pagehero p{font-size:15.5px;margin-top:12px}
  .cy-pagehero::before{right:-220px;width:360px;height:360px;margin-top:-180px}
  .cy-hero{padding:calc(var(--header-h) + 28px) 0 64px}
  .cy-hero__art{order:0;max-width:100%}       /* 覆盖 1080 断点的 order:-1：手机端标题在前、图在后 */
  .cy-hero__stats div{padding-right:14px;margin-right:14px}
  .cy-hero__stats b{font-size:25px}
  .cy-klist,.cy-klist--4{grid-template-columns:1fr;gap:14px}
  .cy-kitem{padding:18px 16px 17px}
  .cy-kitem__b h3{font-size:16px}
  .cy-cd__data{grid-template-columns:1fr}
  .cy-stats{grid-template-columns:repeat(2,1fr)}
  .cy-mv{grid-template-columns:1fr}
  .cy-qualgal{gap:14px}
  .cy-qualgal__i{flex-basis:calc((100% - 14px)/2)}
  .cy-tl::before{left:10px}
  .cy-tl__i{width:100%;padding:0 0 32px 40px}
  .cy-tl__i:nth-child(even){left:0;padding:0 0 32px 40px}
  .cy-tl__dot{left:2px;right:auto}
  .cy-tl__i:nth-child(even) .cy-tl__dot{left:2px}
  .cy-footer__grid{grid-template-columns:1fr}
}

/* ============ 18 关于页·品牌简介文字盒滚动 ============
   作用域锚点：.cy-split__body 首子元素是 <p>（标题在盒外）；首页 / 服务页 split 的
   首子元素是 h2 / h3，天然不命中。绝不依赖段落数——后台增删段落会让旧锚点整体失效。
   约显示 3 段，滑块 / 箭头由 site.js 的 .cy-ascr 驱动；padding-right 撑开文字与滑块间距，
   比例只在 >=1081px 生效，避免覆盖窄屏单列规则。 */
@media (min-width:1081px){
  .cy-split:has(> .cy-split__body > p:first-child){grid-template-columns:1.08fr 0.92fr}
}
.cy-split:has(> .cy-split__body > p:first-child){position:relative}
.cy-split:has(> .cy-split__body > p:first-child) .cy-split__body{
  max-height:360px;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding-right:40px;overscroll-behavior:contain;
  scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),transparent 100%)}
.cy-split:has(> .cy-split__body > p:first-child) .cy-split__body::-webkit-scrollbar{display:none}
.cy-ascr{position:absolute;z-index:2;width:14px;display:flex;flex-direction:column;
  align-items:center;gap:5px;user-select:none}
.cy-ascr__btn{width:14px;height:14px;flex:0 0 14px;padding:0;
  display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;border-radius:0;
  color:#C7CBD5;font-size:9px;line-height:1;cursor:pointer;
  transition:color .2s}
.cy-ascr__btn:hover:not(:disabled){color:var(--cy-orange)}
.cy-ascr__btn:disabled{opacity:.4;cursor:default}
.cy-ascr__track{position:relative;flex:1;width:2px;min-height:40px;
  background:#EDEFF4;border-radius:2px;cursor:pointer}
.cy-ascr__thumb{position:absolute;left:0;top:0;width:100%;min-height:30px;
  border-radius:2px;background:#C9CDD8;cursor:grab;
  transition:background .2s}
.cy-ascr__thumb:hover{background:var(--cy-orange)}
.cy-ascr__thumb:active{cursor:grabbing}
@media (max-width:680px){
  .cy-split:has(> .cy-split__body > p:first-child) .cy-split__body{
    max-height:420px;padding-right:32px}
  .cy-ascr{width:14px;gap:5px}
  .cy-ascr__btn{width:14px;height:14px;flex-basis:14px;font-size:9px}
  .cy-ascr__track{width:2px}
}

/* ============ 19 首页·客户评价卡片（CMS【客户评价】驱动） ============
   版式参照客户提供的评价卡样式；标签直接复用 .cy-tag，仅在本版块取消加粗。
   头像统一橙系 135° 渐变（品牌主色 --cy-orange），不再按序号轮换颜色。
   flex-wrap + justify-content:center：后台条数不是 3 的倍数时末行也居中。 */
.cy-tm__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.cy-tm__card{box-sizing:border-box;flex:0 0 calc((100% - 40px)/3);
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--cy-line);
  border-radius:var(--cy-r);padding:26px 26px 24px;box-shadow:var(--cy-sh-s);
  transition:border-color .22s,transform .22s,box-shadow .22s}
.cy-tm__card:hover{border-color:var(--cy-orange);transform:translateY(-3px);box-shadow:var(--cy-sh-m)}
.cy-tm__hd{display:flex;align-items:center;gap:14px}
.cy-tm__av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#FFA15A 0%,var(--cy-orange) 52%,#E85400 100%);
  color:#fff;font-size:18px;font-weight:700;letter-spacing:.02em}
.cy-tm__av img{width:100%;height:100%;object-fit:cover}
.cy-tm__who{min-width:0}
.cy-tm__who h3{margin:0 0 5px;font-size:17px;line-height:1.4;font-weight:700;color:var(--cy-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-tm__rate{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cy-ink-400)}
.cy-tm__stars{color:var(--cy-orange);font-size:13px;letter-spacing:1px;white-space:nowrap}
.cy-tm__rate b{font-weight:600;color:var(--cy-ink-600)}
.cy-tm__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
/* 仅本版块取消标签加粗；全局 .cy-tag 仍保持 600，供其他版块沿用 */
.cy-tm__tags .cy-tag{font-weight:400}
.cy-tm__txt{margin:18px 0 0;font-size:14.5px;line-height:1.9;color:var(--cy-ink-600);flex:1}
.cy-tm__meta{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--cy-line-2);
  font-size:12.5px;color:var(--cy-ink-400)}
@media (max-width:1080px){
  .cy-tm__card{flex-basis:calc((100% - 20px)/2)}
}
@media (max-width:680px){
  .cy-tm__grid{gap:14px}
  .cy-tm__card{flex-basis:100%;padding:22px 20px}
  /* 避开站内右侧既有浮动按钮（微信 / 回顶），只作用于本版块正文 */
  .cy-tm__txt{padding-right:34px}
}