/* ============================================================
   周升网络 zhousheng88.com · 定制案例模块专属样式（page-case.css）
   ------------------------------------------------------------
   分节索引：
   00  案例模块公共基底（Hero 变体 / 中式装饰工具 / 详情页通用）
   01  case.html            总览：行业筛选 + 差异排版网格
   02  case-electric.html    客户诉求大图 + 方案四宫格
   03  case-energy.html      纵向时间轴 + 成果指标墙
   04  case-build.html       左右拉页式前后对比
   05  case-soft.html        沉浸式全屏首图 + 卡片堆叠
   06  case-factory.html     交错图文 + 卷轴数字横幅
   07  case-service.html      编号纵向清单 + 引言证言
   08  case-catering.html     错落拼贴 + 锚点侧栏
   09  case-edu.html          横排卷轴步骤 + FAQ 手风琴
   10  case-medical.html      深色章节穿插 + 竖排印章侧标
   11  case-logistics.html    横向路线时间轴 + 大数字
   12  case-agri.html          卷轴横幅 + 左右交替图文
   13  case-brand.html        杂志风大图 + 引言大字 + 三栏
   14  响应式三档
   ============================================================ */

/* ============================================================
   00  公共基底
   ============================================================ */

/* 案例详情 Hero：在 .page-hero 基础上叠加中式回纹边框 */
.ch-hero{position:relative;overflow:hidden}
.ch-hero::after{
  content:"";position:absolute;left:26px;right:26px;bottom:26px;height:34px;z-index:2;
  background:
    repeating-linear-gradient(90deg, rgba(244,233,211,.28) 0 2px, transparent 2px 14px);
  opacity:.5;pointer-events:none;
}
.ch-hero .hero-in{width:100%}
.ch-hero .he-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:5px;color:var(--gold);
  border:1px solid rgba(176,141,87,.5);padding:6px 16px;margin-bottom:18px;
}
.ch-hero h1{font-family:var(--font-h);font-size:42px;letter-spacing:5px;line-height:1.25;margin:10px 0 6px}
.ch-hero .hero-desc{max-width:680px}
.ch-hero .he-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ch-hero .he-meta span{
  font-size:12px;letter-spacing:2px;color:var(--cream-light);
  border:1px solid rgba(244,233,211,.35);padding:5px 14px;
}
/* Hero 右下角竖排印章 */
.ch-hero .he-seal{
  position:absolute;right:44px;bottom:64px;z-index:3;
  writing-mode:vertical-rl;
  font-family:var(--font-h);font-size:15px;letter-spacing:8px;color:var(--cream-light);
  border:2px solid var(--gold);padding:14px 8px;background:rgba(78,24,28,.55);
}

/* 详情页正文通用阅读块 */
.ch-sec{padding:74px 0}
.ch-sec-tight{padding:52px 0}
.ch-prose{max-width:820px;color:var(--ink-soft);font-size:15.5px;line-height:2}
.ch-prose p{margin-bottom:16px}
.ch-prose strong{color:var(--rosewood)}

/* 中式小工具：水墨分隔 */
.ink-rule{display:flex;align-items:center;gap:14px;margin:34px 0;color:var(--ink-mute);font-size:12px;letter-spacing:4px}
.ink-rule::before,.ink-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--cream-deep),transparent)}

/* 中式编号大字 */
.cn-num{font-family:var(--font-h);font-size:15px;letter-spacing:4px;color:var(--gold)}

/* 客户证言通用块 */
.ch-quote{
  position:relative;border:1px solid var(--cream-deep);background:var(--cream);
  padding:34px 34px 28px;
}
.ch-quote::before{
  content:"“";position:absolute;top:-18px;left:22px;
  font-family:var(--font-h);font-size:64px;color:var(--rosewood);line-height:1;
}
.ch-quote q{quotes:none;font-family:var(--font-h);font-size:18px;line-height:1.9;color:var(--ink)}
.ch-quote .q-who{margin-top:16px;font-size:13px;color:var(--ink-mute);letter-spacing:1px}

/* 案例底部相关阅读 */
.rel-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rel-links a{
  border:1px solid var(--cream-deep);background:var(--cream-light);padding:18px 20px;
  font-size:14px;letter-spacing:1px;transition:var(--t-fast);position:relative;
}
.rel-links a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rosewood);transform:scaleY(0);transition:transform var(--t-fast)}
.rel-links a:hover{border-color:var(--rosewood);color:var(--rosewood)}
.rel-links a:hover::before{transform:scaleY(1)}

/* 正文内嵌 CTA 联系块（每详情页一处，样式随页变体） */
.in-cta{
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--rosewood-dark),var(--rosewood-deep));
  color:var(--cream-light);padding:34px 38px;border-left:5px solid var(--gold);
}
.in-cta h3{font-family:var(--font-h);font-size:22px;letter-spacing:3px;margin-bottom:6px}
.in-cta p{color:rgba(244,233,211,.78);font-size:13.5px}
.in-cta .ic-tels{font-family:var(--font-h);font-size:26px;color:var(--gold);letter-spacing:2px}
.in-cta .ic-sub{font-size:12px;color:rgba(244,233,211,.65);letter-spacing:2px;margin-top:4px}

/* ============================================================
   01  case.html 总览：筛选 + 差异网格
   ============================================================ */
.pg-list .page-hero{background-image:url(../images/banner-case.jpg)}
.case-filter{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 40px}
.case-filter button{
  padding:9px 22px;font-size:13px;letter-spacing:2px;color:var(--ink-soft);
  border:1px solid var(--cream-deep);background:var(--cream-light);cursor:pointer;
  transition:var(--t-fast);
}
.case-filter button:hover{border-color:var(--rosewood);color:var(--rosewood)}
.case-filter button.is-on{background:var(--rosewood);border-color:var(--rosewood);color:var(--cream-light)}

/* 差异排版网格：12 张卡，大小错落 */
.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.cg-card{
  position:relative;overflow:hidden;background:var(--cream);border:1px solid var(--cream-deep);
  display:flex;flex-direction:column;transition:var(--t-mid);
}
.cg-card:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}
.cg-card .cg-thumb{position:relative;overflow:hidden}
.cg-card .cg-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cg-card:hover .cg-thumb img{transform:scale(1.06)}
.cg-card .cg-cat{
  position:absolute;left:0;top:0;z-index:2;
  background:var(--rosewood);color:var(--cream-light);font-size:12px;letter-spacing:2px;
  padding:5px 14px;
}
.cg-card .cg-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.cg-card h3{font-family:var(--font-h);font-size:19px;letter-spacing:1px;margin-bottom:8px}
.cg-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.8;flex:1}
.cg-card .cg-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cg-card .cg-tags span{font-size:11.5px;color:var(--ink-mute);border:1px solid var(--cream-deep);padding:2px 10px}
.cg-card .cg-more{margin-top:14px;font-size:13px;color:var(--rosewood);letter-spacing:2px;display:inline-flex;align-items:center;gap:6px}
.cg-card .cg-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--t-fast)}
.cg-card:hover .cg-more svg{transform:translateX(4px)}

/* 错落跨度 */
.span-7{grid-column:span 7}
.span-5{grid-column:span 5}
.span-6{grid-column:span 6}
.span-4{grid-column:span 4}
.span-8{grid-column:span 8}
.cg-h1 .cg-thumb{aspect-ratio:16/9}
.cg-h2 .cg-thumb{aspect-ratio:4/3}
.cg-h3 .cg-thumb{aspect-ratio:3/2}
/* 一张通栏横卡 */
.cg-wide{grid-column:span 12;flex-direction:row;align-items:stretch}
.cg-wide .cg-thumb{width:46%;flex:none}
.cg-wide .cg-body{justify-content:center}

/* 总览页数据条 */
.list-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--ink);color:var(--cream-light)}
.list-stat div{padding:30px 20px;text-align:center;border-right:1px solid rgba(244,233,211,.12)}
.list-stat div:last-child{border-right:0}
.list-stat .ls-num{font-family:var(--font-h);font-size:34px;color:var(--gold)}
.list-stat .ls-label{font-size:12px;letter-spacing:3px;color:rgba(244,233,211,.6);margin-top:6px}

/* ============================================================
   02  case-electric：诉求大图 + 方案四宫格
   ============================================================ */
.pg-electric .ch-hero{background-image:url(../images/factory-electric.jpg)}
/* 客户诉求大图 */
.el-demand{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
.el-demand .ed-img{position:relative;border:1px solid var(--cream-deep);box-shadow:var(--shadow-1)}
.el-demand .ed-img img{width:100%;display:block}
.el-demand .ed-img figcaption{
  position:absolute;left:0;bottom:0;background:rgba(33,26,21,.8);color:var(--cream-light);
  font-size:12px;letter-spacing:2px;padding:6px 14px;
}
.el-demand .ed-list li{position:relative;padding-left:30px;margin:14px 0;font-size:15px;color:var(--ink-soft);line-height:1.9}
.el-demand .ed-list li::before{
  content:attr(data-no);position:absolute;left:0;top:2px;
  width:22px;height:22px;line-height:22px;text-align:center;
  background:var(--rosewood);color:var(--cream-light);font-size:12px;font-family:var(--font-h);
}
.el-demand .ed-list li strong{color:var(--ink)}
/* 方案四宫格 */
.el-solve{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.el-cell{
  border:1px solid var(--cream-deep);background:var(--cream-light);padding:28px 26px;
  position:relative;transition:var(--t-fast);
}
.el-cell:hover{border-color:var(--rosewood);box-shadow:var(--shadow-1)}
.el-cell .ec-idx{font-family:var(--font-h);font-size:30px;color:var(--cream-deep);position:absolute;right:18px;top:10px}
.el-cell h4{font-size:17px;letter-spacing:2px;margin-bottom:8px;color:var(--rosewood)}
.el-cell p{font-size:13.5px;color:var(--ink-soft);line-height:1.9}

/* ============================================================
   03 case-energy：纵向时间轴 + 成果指标墙
   ============================================================ */
.pg-energy .ch-hero{background-image:url(../images/solar-energy.jpg)}
/* 纵向时间轴 */
.en-timeline{position:relative;padding-left:34px}
.en-timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--rosewood),var(--cream-deep))}
.en-tl-item{position:relative;padding:0 0 30px 26px}
.en-tl-item::before{
  content:"";position:absolute;left:-31px;top:6px;width:16px;height:16px;
  background:var(--cream-light);border:3px solid var(--rosewood);border-radius:50%;
}
.en-tl-item .et-date{font-size:12px;letter-spacing:3px;color:var(--gold);font-family:var(--font-h)}
.en-tl-item h4{font-size:16px;margin:4px 0 6px}
.en-tl-item p{font-size:14px;color:var(--ink-soft);line-height:1.85;max-width:640px}
/* 成果指标墙 */
.en-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cream-deep);border:1px solid var(--cream-deep)}
.en-wall .ew-cell{background:var(--ink);color:var(--cream-light);padding:30px 22px;text-align:center}
.en-wall .ew-num{font-family:var(--font-h);font-size:38px;color:var(--gold);line-height:1.1}
.en-wall .ew-num small{font-size:16px}
.en-wall .ew-label{font-size:12.5px;letter-spacing:2px;color:rgba(244,233,211,.65);margin-top:8px}
.en-wall .ew-note{font-size:11.5px;color:rgba(244,233,211,.4);margin-top:6px}

/* ============================================================
   04 case-build：左右拉页式前后对比
   ============================================================ */
.pg-build .ch-hero{background-image:url(../images/building-site.jpg)}
.ba-cmp{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;border:1px solid var(--cream-deep)}
.ba-side{padding:30px 30px 34px}
.ba-side--old{background:repeating-linear-gradient(45deg,#efe6d2 0 12px,#e9dfc6 12px 24px)}
.ba-side--new{background:var(--rosewood-dark);color:var(--cream-light)}
.ba-tag{
  display:inline-block;font-size:12px;letter-spacing:3px;padding:4px 14px;margin-bottom:16px;
}
.ba-side--old .ba-tag{background:var(--ink);color:var(--cream)}
.ba-side--new .ba-tag{background:var(--gold);color:var(--ink)}
.ba-side h4{font-size:18px;letter-spacing:2px;margin-bottom:12px}
.ba-side ul li{position:relative;padding-left:18px;margin:8px 0;font-size:13.5px;line-height:1.8}
.ba-side--old ul li::before{content:"×";position:absolute;left:0;color:var(--ink-mute)}
.ba-side--new ul li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.ba-vs{
  align-self:center;width:52px;height:52px;border-radius:50%;
  background:var(--rosewood);color:var(--cream-light);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-h);font-size:15px;letter-spacing:1px;margin:0 -26px;z-index:2;
  border:4px solid var(--cream-light);box-shadow:var(--shadow-1);
}
/* 关键词矩阵表 */
.ba-kw{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.ba-kw div{border:1px dashed var(--cream-deep);padding:14px 16px;font-size:13.5px;color:var(--ink-soft);background:var(--cream-light)}
.ba-kw div b{display:block;color:var(--rosewood);font-family:var(--font-h);margin-bottom:2px;font-weight:700}

/* ============================================================
   05 case-soft：沉浸式全屏首图 + 卡片堆叠
   ============================================================ */
.pg-soft .ch-hero{
  background-image:url(../images/software-team.jpg);
  min-height:88vh;display:flex;align-items:center;
}
.pg-soft .ch-hero h1{font-size:48px;max-width:780px}
.pg-soft .ch-hero .hero-desc{font-size:15px}
/* 卡片堆叠：错落叠压 */
.st-stack{position:relative;max-width:900px;margin:0 auto;padding:20px 0 60px}
.st-card{
  background:var(--cream-light);border:1px solid var(--cream-deep);box-shadow:var(--shadow-1);
  padding:30px 34px;position:relative;
}
.st-card + .st-card{margin-top:-38px;margin-left:6%}
.st-card:nth-child(even){margin-right:6%}
.st-card .st-no{
  position:absolute;top:-14px;left:24px;background:var(--rosewood);color:var(--cream-light);
  font-family:var(--font-h);font-size:13px;letter-spacing:3px;padding:4px 14px;
}
.st-card h4{font-size:18px;margin-bottom:8px;color:var(--rosewood-dark)}
.st-card p{font-size:14px;color:var(--ink-soft);line-height:1.9}

/* ============================================================
   06 case-factory：交错图文 + 卷轴数字横幅
   ============================================================ */
.pg-factory .ch-hero{background-image:url(../images/banner-industry.jpg)}
.fc-alt{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:38px 0}
.fc-alt:nth-child(even) .fc-alt-img{order:2}
.fc-alt .fc-alt-img img{width:100%;border:1px solid var(--cream-deep);box-shadow:var(--shadow-1)}
.fc-alt h3{font-family:var(--font-h);font-size:24px;letter-spacing:2px;margin-bottom:12px;color:var(--ink)}
.fc-alt h3 small{display:block;font-size:12px;letter-spacing:4px;color:var(--gold);margin-bottom:6px;font-family:var(--font-b)}
.fc-alt p{font-size:14.5px;color:var(--ink-soft);line-height:2}
/* 卷轴数字横幅 */
.fc-scroll{
  position:relative;background:linear-gradient(120deg,var(--rosewood-dark),var(--rosewood-deep));
  color:var(--cream-light);padding:46px 40px;overflow:hidden;
}
.fc-scroll::before,.fc-scroll::after{
  content:"";position:absolute;top:0;bottom:0;width:18px;
  background:repeating-linear-gradient(180deg,var(--gold) 0 6px,var(--rosewood-dark) 6px 12px);
}
.fc-scroll::before{left:0}
.fc-scroll::after{right:0}
.fc-scroll .fc-scroll-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.fc-scroll .fcs-num{font-family:var(--font-h);font-size:36px;color:var(--gold)}
.fc-scroll .fcs-label{font-size:12.5px;letter-spacing:2px;color:rgba(244,233,211,.7);margin-top:6px}

/* ============================================================
   07 case-service：编号纵向清单 + 引言证言
   ============================================================ */
.pg-service .ch-hero{background-image:url(../images/handshake.jpg)}
.sv-list{counter-reset:sv}
.sv-item{
  counter-increment:sv;display:grid;grid-template-columns:80px 1fr;gap:26px;
  padding:26px 0;border-bottom:1px solid var(--cream-deep);
}
.sv-item::before{
  content:"0" counter(sv);font-family:var(--font-h);font-size:34px;color:var(--cream-deep);
  line-height:1;padding-top:4px;
}
.sv-item h4{font-size:17px;margin-bottom:6px;letter-spacing:1px}
.sv-item p{font-size:14px;color:var(--ink-soft);line-height:1.9}
/* 证言大引言 */
.sv-quote{
  border-left:6px solid var(--rosewood);background:var(--cream);
  padding:40px 46px;margin:44px 0;position:relative;
}
.sv-quote q{quotes:none;font-family:var(--font-h);font-size:24px;line-height:1.8;color:var(--ink);display:block}
.sv-quote .sv-qmark{position:absolute;right:26px;top:14px;font-family:var(--font-h);font-size:90px;color:var(--cream-deep);line-height:1}
.sv-quote figcaption{margin-top:14px;font-size:13px;color:var(--ink-mute);letter-spacing:2px}

/* ============================================================
   08 case-catering：错落拼贴 + 锚点侧栏
   ============================================================ */
.pg-catering .ch-hero{background-image:url(../images/banner-main.jpg)}
/* 锚点侧栏 + 正文 */
.ct-wrap{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
.ct-anchor{position:sticky;top:80px;border:1px solid var(--cream-deep);background:var(--cream-light);padding:20px 0}
.ct-anchor a{
  display:block;padding:10px 24px;font-size:14px;color:var(--ink-soft);letter-spacing:1px;
  border-left:3px solid transparent;transition:var(--t-fast);
}
.ct-anchor a:hover{color:var(--rosewood);border-left-color:var(--rosewood);background:var(--cream)}
/* 拼贴画廊 */
.ct-collage{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:16px}
.ct-collage figure{overflow:hidden;border:1px solid var(--cream-deep)}
.ct-collage img{width:100%;height:100%;object-fit:cover}
.ct-collage .ct-a{grid-row:span 2}
.ct-collage .ct-b{grid-column:span 2}
.ct-collage figcaption{
  position:relative;margin-top:-30px;z-index:2;background:rgba(33,26,21,.72);color:var(--cream-light);
  font-size:12px;letter-spacing:1px;padding:5px 12px;width:max-content;
}

/* ============================================================
   09 case-edu：横排卷轴步骤 + FAQ 手风琴
   ============================================================ */
.pg-edu .ch-hero{background-image:url(../images/office-a.jpg)}
/* 横排卷轴步骤 */
.ed-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--rosewood);border-bottom:1px solid var(--cream-deep)}
.ed-step{padding:26px 20px 30px;text-align:center;position:relative}
.ed-step + .ed-step{border-left:1px dashed var(--cream-deep)}
.ed-step .eds-dot{
  width:14px;height:14px;background:var(--rosewood);margin:-33px auto 16px;transform:rotate(45deg);
}
.ed-step h4{font-size:15.5px;margin-bottom:6px}
.ed-step p{font-size:12.5px;color:var(--ink-mute);line-height:1.8}
/* FAQ 手风琴 details */
.ed-faq details{border:1px solid var(--cream-deep);background:var(--cream-light);margin-bottom:12px}
.ed-faq summary{
  cursor:pointer;list-style:none;padding:16px 22px;font-family:var(--font-h);font-size:15.5px;
  letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;
}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq summary::after{content:"+";font-size:20px;color:var(--rosewood);transition:transform var(--t-fast)}
.ed-faq details[open] summary::after{transform:rotate(45deg)}
.ed-faq details p{padding:0 22px 18px;font-size:14px;color:var(--ink-soft);line-height:1.9}

/* ============================================================
   10 case-medical：深色章节穿插 + 竖排印章侧标
   ============================================================ */
.pg-medical .ch-hero{background-image:url(../images/tea-meeting.jpg)}
.md-dark{background:var(--ink);color:var(--cream-light);position:relative}
.md-dark .sec-head .sh-cn{color:var(--cream-light)}
.md-dark .sec-head .sh-en{color:rgba(244,233,211,.55)}
.md-dark p{color:rgba(244,233,211,.82)}
/* 竖排印章侧标 */
.md-vs{position:relative;padding-left:56px}
.md-vs::before{
  content:attr(data-vert);position:absolute;left:0;top:0;
  writing-mode:vertical-rl;font-family:var(--font-h);font-size:14px;letter-spacing:6px;
  color:var(--gold);border:1px solid rgba(176,141,87,.5);padding:10px 5px;
}
.md-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.md-card{border:1px solid rgba(244,233,211,.18);padding:26px 24px;background:rgba(244,233,211,.04)}
.md-card h4{font-size:16px;color:var(--gold);margin-bottom:8px;letter-spacing:2px}
.md-card p{font-size:13.5px;line-height:1.9}

/* ============================================================
   11 case-logistics：横向路线时间轴 + 大数字
   ============================================================ */
.pg-logistics .ch-hero{background-image:url(../images/banner-process.jpg)}
.lg-route{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin:30px 0 10px}
.lg-route::before{content:"";position:absolute;top:19px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--rosewood),var(--gold));z-index:0}
.lg-stop{text-align:center;position:relative;z-index:1;padding:0 8px}
.lg-stop .ls-dot{
  width:40px;height:40px;margin:0 auto 14px;border-radius:50%;
  background:var(--cream-light);border:3px solid var(--rosewood);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-h);font-size:13px;color:var(--rosewood);
}
.lg-stop h4{font-size:14.5px;margin-bottom:4px}
.lg-stop p{font-size:12px;color:var(--ink-mute);line-height:1.7}
/* 大数字排 */
.lg-bignum{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;padding:20px 0}
.lg-bignum .lbn{font-family:var(--font-h);font-size:56px;color:var(--rosewood);line-height:1}
.lg-bignum .lbn small{font-size:20px;color:var(--gold)}
.lg-bignum p{font-size:13px;color:var(--ink-mute);margin-top:8px;letter-spacing:2px}

/* ============================================================
   12 case-agri：卷轴横幅 + 左右交替图文
   ============================================================ */
.pg-agri .ch-hero{background-image:url(../images/city-puyang.jpg)}
.ag-scroll{
  background:var(--cream);border-top:2px solid var(--rosewood);border-bottom:2px solid var(--rosewood);
  padding:26px 30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.ag-scroll .ags-seal{
  flex:none;width:52px;height:52px;border:2px solid var(--rosewood);color:var(--rosewood);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:13px;
}
.ag-scroll p{font-family:var(--font-h);font-size:17px;letter-spacing:2px;color:var(--ink);flex:1;min-width:260px}
.ag-pair{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:30px 0}
.ag-pair:nth-child(even) .ag-pair-img{order:2}
.ag-pair img{width:100%;border:1px solid var(--cream-deep);box-shadow:var(--shadow-1)}
.ag-pair h3{font-family:var(--font-h);font-size:22px;letter-spacing:2px;margin-bottom:10px}
.ag-pair h3 small{display:block;font-size:12px;letter-spacing:4px;color:var(--gold);font-family:var(--font-b);margin-bottom:6px}
.ag-pair p{font-size:14.5px;color:var(--ink-soft);line-height:2}

/* ============================================================
   13 case-brand：杂志风大图 + 引言大字 + 三栏
   ============================================================ */
.pg-brand .ch-hero{
  background-image:url(../images/banner-case.jpg);
  min-height:80vh;display:flex;align-items:flex-end;padding-bottom:90px;
}
.pg-brand .ch-hero h1{font-size:52px;letter-spacing:8px}
.bd-quote{
  font-family:var(--font-h);font-size:30px;line-height:1.9;letter-spacing:2px;
  color:var(--ink);max-width:900px;margin:0 auto;text-align:center;
}
.bd-quote::before{content:"";display:block;width:60px;height:3px;background:var(--rosewood);margin:0 auto 26px}
.bd-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.bd-col{border-top:3px solid var(--rosewood);padding-top:20px}
.bd-col h4{font-size:17px;letter-spacing:2px;margin-bottom:10px;color:var(--rosewood-dark)}
.bd-col p{font-size:14px;color:var(--ink-soft);line-height:1.95}
.bd-bigimg img{width:100%;border:1px solid var(--cream-deep);box-shadow:var(--shadow-1)}
.bd-bigimg figcaption{font-size:12px;color:var(--ink-mute);letter-spacing:2px;margin-top:8px;text-align:center}

/* ============================================================
   14 响应式
   ============================================================ */
@media (max-width:1024px){
  .case-grid{grid-template-columns:repeat(6,1fr)}
  .span-7,.span-5,.span-6,.span-4,.span-8{grid-column:span 6}
  .cg-wide{grid-column:span 6;flex-direction:column}
  .cg-wide .cg-thumb{width:100%}
  .el-demand,.fc-alt,.ag-pair,.ba-cmp{grid-template-columns:1fr}
  .fc-alt:nth-child(even) .fc-alt-img{order:0}
  .ag-pair:nth-child(even) .ag-pair-img{order:0}
  .ba-vs{margin:0 auto;transform:rotate(90deg)}
  .en-wall{grid-template-columns:repeat(2,1fr)}
  .list-stat,.fc-scroll .fc-scroll-in{grid-template-columns:repeat(2,1fr)}
  .rel-links,.md-cards,.bd-cols,.ba-kw{grid-template-columns:repeat(2,1fr)}
  .ct-wrap{grid-template-columns:1fr}
  .ct-anchor{position:static;display:flex;flex-wrap:wrap;padding:8px 0}
  .ct-anchor a{border-left:0;border-bottom:2px solid transparent;padding:8px 14px}
  .ct-anchor a:hover{border-bottom-color:var(--rosewood)}
  .lg-route{grid-template-columns:repeat(5,1fr)}
  .lg-stop p{display:none}
  .pg-soft .ch-hero h1{font-size:36px}
  .pg-brand .ch-hero h1{font-size:38px}
  .ch-hero .he-seal{display:none}
}
@media (max-width:640px){
  .ch-hero h1{font-size:28px}
  .cg-grid,.case-grid{grid-template-columns:1fr}
  .span-7,.span-5,.span-6,.span-4,.span-8{grid-column:span 1}
  .cg-wide{grid-column:span 1}
  .el-solve,.en-wall,.list-stat,.fc-scroll .fc-scroll-in,.rel-links,.md-cards,.bd-cols,.ba-kw,.lg-bignum,.ed-scroll{grid-template-columns:1fr}
  .ed-step + .ed-step{border-left:0;border-top:1px dashed var(--cream-deep)}
  .ed-step .eds-dot{margin:-33px auto 14px}
  .ct-collage{grid-template-columns:1fr;grid-auto-rows:auto}
  .ct-collage figure{grid-row:auto;grid-column:auto}
  .sv-item{grid-template-columns:44px 1fr;gap:14px}
  .sv-item::before{font-size:24px}
  .st-card + .st-card{margin-left:0;margin-top:-24px}
  .st-card:nth-child(even){margin-right:0}
  .in-cta{flex-direction:column;align-items:flex-start}
  .lg-route::before{display:none}
  .lg-stop{display:flex;align-items:center;gap:14px;text-align:left;padding:10px 0}
  .lg-stop .ls-dot{margin:0;flex:none}
  .lg-stop p{display:block;font-size:12px}
  .bd-quote{font-size:21px}
  .ch-quote{padding:28px 22px 22px}
}

/* §15 迁移自内联 style 的工具类（视觉与原声明逐条一致） */
.ss-quote{margin-top:36px}
.ss-notice{margin-top:30px}
.ss-t{margin:8px 0;color:var(--cream-light)}
.ss-p{color:rgba(244,233,211,.75);font-size:14px;line-height:1.9}
.ss-a{color:var(--gold)}