/* ============================================================
   周升网络 · 建站服务模块 12 页专属样式
   仅在 style.css 之后引入；不改全局样式
   ------------------------------------------------------------
   分节：
   00  服务页共享小件（背景图类 / 页头标签条 / FAQ 手风琴 / CTA 变体）
   01  service.html        建站服务总览（居中横幅 + 痛点三卡 + 卷轴服务矩阵）
   02  service-brand.html   品牌官网定制（右侧大印章 + 竖排时间轴）
   03  service-marketing.html 营销型网站（数字墙页头 + 漏斗 + 结构大纲）
   04  service-show.html    宣传展示站（上图下文分栏 + 横向画册条）
   05  service-company.html 企业形象官网（窗棂页头 + CSS 组织架构图）
   06  service-mall.html    电商商城（斜向胶带页头 + 购物五步流程）
   07  service-responsive.html 响应式网站（标尺页头 + 三断点设备列）
   08  service-redesign.html 老站改版（卷轴页头 + 前后对比表）
   09  service-seo.html     SEO优化型网站（关键词云页头 + 语义标签卡）
   10  service-portal.html   行业门户（门柱页头 + 架构树）
   11  service-lp.html      专题落地页（手账贴纸页头 + AB 对照卡）
   12  price.html           建站价格（价目横幅 + 四档套餐卡）
   ============================================================ */

/* ---------- 00 共享小件 ---------- */
/* 页头背景图（CSS 内联，页面 HTML 不写 style 属性） */
.bg-hero-service   {background-image:url('../images/banner-service.jpg')}
.bg-hero-main     {background-image:url('../images/banner-main.jpg')}
.bg-hero-analytics {background-image:url('../images/data-analytics.jpg')}
.bg-hero-device    {background-image:url('../images/device-mockup.jpg')}
.bg-hero-office    {background-image:url('../images/office-a.jpg')}
.bg-hero-phone     {background-image:url('../images/phone-browse.jpg')}
.bg-hero-process   {background-image:url('../images/banner-process.jpg')}
.bg-hero-scan      {background-image:url('../images/security-scan.jpg')}
.bg-hero-industry  {background-image:url('../images/banner-industry.jpg')}
.bg-hero-sketch    {background-image:url('../images/sketch-note.jpg')}
.bg-hero-contact   {background-image:url('../images/banner-contact.jpg')}
.bg-team-design    {background-image:url('../images/team-design.jpg')}
.bg-team-meet      {background-image:url('../images/team-meet.jpg')}
.bg-team-dev       {background-image:url('../images/team-dev.jpg')}
.bg-team-client    {background-image:url('../images/team-client.jpg')}
.bg-office-b       {background-image:url('../images/office-b.jpg')}
.bg-handshake      {background-image:url('../images/handshake.jpg')}
.bg-contract       {background-image:url('../images/contract-sign.jpg')}
.bg-tea            {background-image:url('../images/tea-meeting.jpg')}
.bg-keyboard       {background-image:url('../images/keyboard-close.jpg')}
.bg-server         {background-image:url('../images/server-room.jpg')}
.bg-award          {background-image:url('../images/award-cert.jpg')}
.bg-puyang         {background-image:url('../images/city-puyang.jpg')}
.bg-xuchang        {background-image:url('../images/city-xuchang.jpg')}
.bg-software       {background-image:url('../images/software-team.jpg')}
.bg-factory        {background-image:url('../images/factory-electric.jpg')}
.bg-solar          {background-image:url('../images/solar-energy.jpg')}
.bg-building       {background-image:url('../images/building-site.jpg')}

/* 页头下沿中式回纹分隔 */
.hero-fret{height:14px;background:repeating-linear-gradient(90deg,var(--rosewood) 0 2px,transparent 2px 10px,var(--cream-deep) 10px 12px,transparent 12px 20px);opacity:.55}

/* 页头下方快捷标签条 */
.sv-chiprow{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sv-chiprow .tag{background:rgba(244,233,211,.1);border-color:rgba(244,233,211,.4);color:var(--cream-light)}

/* FAQ 手风琴（details 原生，零脚本） */
.sv-faq{max-width:900px;margin:0 auto}
.sv-faq details{border-bottom:1px solid var(--cream-deep);background:transparent}
.sv-faq summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;
  padding:20px 6px;font-family:var(--font-h);font-size:17px;letter-spacing:1px;color:var(--ink);
}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq summary .q-no{flex:none;width:30px;height:30px;border:1px solid var(--rosewood);color:var(--rosewood);display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:0;font-family:var(--font-b)}
.sv-faq summary .q-plus{margin-left:auto;flex:none;width:22px;height:22px;position:relative}
.sv-faq summary .q-plus::before,.sv-faq summary .q-plus::after{content:"";position:absolute;background:var(--rosewood);transition:transform var(--t-fast)}
.sv-faq summary .q-plus::before{left:0;right:0;top:10px;height:2px}
.sv-faq summary .q-plus::after{top:0;bottom:0;left:10px;width:2px}
.sv-faq details[open] summary .q-plus::after{transform:scaleY(0)}
.sv-faq details .sv-faq-a{padding:0 6px 22px 50px;color:var(--ink-soft);font-size:14px}
.sv-faq details .sv-faq-a a{color:var(--rosewood);border-bottom:1px solid var(--line)}

/* 正文 CTA 联系块（每页一处，区别于页脚通用 cta-band） */
.sv-ctabox{
  margin-top:10px;padding:34px 38px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;
  background:linear-gradient(120deg,var(--cream),var(--cream-light));
  border:1px solid var(--cream-deep);border-left:5px solid var(--rosewood);position:relative;
}
.sv-ctabox::after{content:"";position:absolute;right:-14px;bottom:-14px;width:56px;height:56px;border:2px solid var(--rosewood);opacity:.18}
.sv-ctabox h3{font-size:21px;letter-spacing:2px;margin-bottom:6px}
.sv-ctabox p{font-size:14px;color:var(--ink-soft)}
.sv-ctabox .sv-cta-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sv-ctabox .sv-cta-tel{font-family:var(--font-h);font-size:26px;color:var(--rosewood);letter-spacing:1px;line-height:1.2}
.sv-ctabox .sv-cta-tel small{display:block;font-family:var(--font-b);font-size:12px;color:var(--ink-mute);letter-spacing:2px;margin-bottom:4px}

/* 章节间竖排侧注（中式母题） */
.sec{position:relative}
.vert-note{
  position:absolute;right:8px;top:86px;writing-mode:vertical-rl;
  font-family:var(--font-h);letter-spacing:8px;font-size:13px;color:var(--cream-deep);
  border-right:1px solid var(--cream-deep);padding-right:10px;user-select:none;pointer-events:none;
}
.sec--dark .vert-note,.sec--rosewood .vert-note{color:rgba(244,233,211,.3);border-right-color:rgba(244,233,211,.25)}

/* ---------- 01 service.html 建站服务总览 ---------- */
.hero-ovl{padding:150px 0 84px}
.hero-ovl .hero-in{max-width:780px}
.hero-ovl .ovl-quote{margin-top:26px;padding-left:16px;border-left:2px solid var(--gold);color:rgba(244,233,211,.8);font-size:14px;max-width:620px}

/* 痛点三卡 */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pain-card{background:var(--cream-light);border:1px solid var(--cream-deep);padding:30px 26px;position:relative;transition:var(--t-fast)}
.pain-card:hover{border-color:var(--rosewood);box-shadow:var(--shadow-1);transform:translateY(-3px)}
.pain-card .pain-no{font-family:var(--font-h);font-size:13px;letter-spacing:3px;color:var(--rosewood);margin-bottom:12px}
.pain-card h3{font-size:19px;margin-bottom:10px}
.pain-card p{font-size:14px;color:var(--ink-soft)}
.pain-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--rosewood);transition:width var(--t-mid)}
.pain-card:hover::after{width:100%}

/* 服务矩阵：左右交错条目（卷轴式横条） */
.cat-list{display:flex;flex-direction:column;gap:18px}
.cat-row{
  display:grid;grid-template-columns:96px 1fr auto;gap:26px;align-items:center;
  background:var(--cream-light);border:1px solid var(--cream-deep);padding:24px 30px;transition:var(--t-fast);
}
.cat-row:nth-child(even){background:linear-gradient(100deg,var(--cream) 0%,var(--cream-light) 55%)}
.cat-row:hover{border-color:var(--rosewood);box-shadow:var(--shadow-1)}
.cat-row .cat-num{font-family:var(--font-h);font-size:34px;color:var(--rosewood);opacity:.85;text-align:center;border-right:1px solid var(--cream-deep);padding-right:22px}
.cat-row h3{font-size:19px;margin-bottom:6px}
.cat-row p{font-size:14px;color:var(--ink-soft)}
.cat-row .cat-tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.cat-row .cat-more{flex:none;display:inline-flex;align-items:center;gap:6px;color:var(--rosewood);font-size:13px;letter-spacing:2px;border:1px solid var(--line);padding:9px 16px;transition:var(--t-fast)}
.cat-row .cat-more:hover{background:var(--rosewood);color:var(--cream-light)}
.cat-row .cat-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}

/* 对比表加亮中列 */
.cmp-wrap{overflow-x:auto}
.cmp-tbl td.win{background:rgba(138,46,46,.07);font-weight:600}
.cmp-tbl th.win{background:var(--rosewood-deep)}

/* 总览页底部本地双面板 */
.local-duo{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.local-panel{position:relative;min-height:230px;color:var(--cream-light);display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--cream-deep)}
.local-panel .lp-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease}
.local-panel:hover .lp-bg{transform:scale(1.05)}
.local-panel .lp-body{position:relative;z-index:2;padding:26px;background:linear-gradient(0deg,rgba(33,26,21,.88),transparent)}
.local-panel h3{font-size:21px;letter-spacing:3px;margin-bottom:6px}
.local-panel p{font-size:13px;color:rgba(244,233,211,.85)}

/* ---------- 02 service-brand.html 品牌官网定制 ---------- */
.hero-brand{padding:150px 0 90px;overflow:hidden}
.hero-brand .hero-row{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.hero-brand .brand-seal{
  justify-self:end;width:190px;height:190px;border:3px double var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--font-h);color:var(--cream-light);font-size:22px;letter-spacing:6px;line-height:1.7;
  transform:rotate(-6deg);background:rgba(33,26,21,.35);
}

/* 竖排时间轴 */
.vtl{position:relative;padding-left:34px}
.vtl::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:1px;background:var(--cream-deep)}
.vtl-item{position:relative;padding:0 0 34px 22px}
.vtl-item:last-child{padding-bottom:0}
.vtl-item::before{content:"";position:absolute;left:-31px;top:6px;width:13px;height:13px;background:var(--cream-light);border:3px solid var(--rosewood);transform:rotate(45deg)}
.vtl-item .vtl-step{font-size:12px;letter-spacing:3px;color:var(--rosewood);margin-bottom:4px}
.vtl-item h3{font-size:19px;margin-bottom:6px}
.vtl-item p{font-size:14px;color:var(--ink-soft)}

/* 视觉体系三卡 */
.vis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vis-card{background:var(--cream-light);border:1px solid var(--cream-deep);padding:28px 24px}
.vis-card .vis-swatches{display:flex;height:44px;margin-bottom:16px;border:1px solid var(--cream-deep)}
.vis-card .vis-swatches span{flex:1}
.vis-card h3{font-size:18px;margin-bottom:8px}
.vis-card p{font-size:14px;color:var(--ink-soft)}

/* 品牌案例横条图卡 */
.bcase-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.bcase{position:relative;border:1px solid var(--cream-deep);min-height:300px;display:flex;align-items:flex-end;overflow:hidden}
.bcase .bc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease}
.bcase:hover .bc-bg{transform:scale(1.05)}
.bcase .bc-body{position:relative;z-index:2;width:100%;padding:22px;background:linear-gradient(0deg,rgba(33,26,21,.9),rgba(33,26,21,.15));color:var(--cream-light)}
.bcase h3{font-size:18px;letter-spacing:1px}
.bcase p{font-size:13px;color:rgba(244,233,211,.85);margin-top:6px}

/* ---------- 03 service-marketing.html 营销型网站 ---------- */
.hero-mkt{padding:150px 0 90px;overflow:hidden}
.hero-mkt .hero-row{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.mkt-numbers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mkt-num{border:1px solid rgba(244,233,211,.3);padding:16px 18px;background:rgba(33,26,21,.3)}
.mkt-num b{display:block;font-family:var(--font-h);font-size:26px;color:var(--gold);letter-spacing:1px}
.mkt-num small{font-size:12px;color:rgba(244,233,211,.75);letter-spacing:1px}

/* 长页结构大纲（纵向编号行） */
.outline{counter-reset:outline}
.outline-row{display:grid;grid-template-columns:64px 200px 1fr;gap:22px;align-items:baseline;padding:20px 4px;border-bottom:1px dashed var(--cream-deep)}
.outline-row .ol-no{font-family:var(--font-h);font-size:30px;color:var(--rosewood);opacity:.75}
.outline-row h3{font-size:17px;letter-spacing:1px}
.outline-row p{font-size:14px;color:var(--ink-soft)}

/* 转化漏斗（横条） */
.funnel{display:flex;flex-direction:column;gap:10px;max-width:860px;margin:0 auto}
.funnel-row{display:grid;grid-template-columns:120px 1fr 90px;gap:18px;align-items:center}
.funnel-row .fn-label{font-size:13px;letter-spacing:2px;color:var(--ink-soft);text-align:right}
.funnel-bar{height:40px;background:linear-gradient(90deg,var(--rosewood-deep),var(--rosewood));color:var(--cream-light);display:flex;align-items:center;padding:0 16px;font-size:13px;letter-spacing:1px;justify-content:space-between}
.funnel-row:nth-child(1) .funnel-bar{width:100%}
.funnel-row:nth-child(2) .funnel-bar{width:78%}
.funnel-row:nth-child(3) .funnel-bar{width:56%}
.funnel-row:nth-child(4) .funnel-bar{width:36%}
.funnel-row:nth-child(5) .funnel-bar{width:18%}
.funnel-row:nth-child(even) .funnel-bar{background:linear-gradient(90deg,var(--ink),var(--ink-soft))}
.funnel-row .fn-pct{font-family:var(--font-h);color:var(--rosewood);font-size:18px}

/* 营销触点四宫格 */
.touch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.touch-card{border:1px solid var(--cream-deep);background:var(--cream-light);padding:24px 20px;text-align:center}
.touch-card .tc-ic{width:46px;height:46px;margin:0 auto 14px;border:1px solid var(--rosewood);color:var(--rosewood);display:flex;align-items:center;justify-content:center;border-radius:50%}
.touch-card .tc-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
.touch-card h3{font-size:16px;margin-bottom:8px}
.touch-card p{font-size:13px;color:var(--ink-soft)}

/* ---------- 04 service-show.html 宣传展示站 ---------- */
/* 上下分栏页头：图在上、文在下 */
.hero-split{padding:0;background:var(--ink);color:var(--cream-light)}
.hero-split .hs-img{height:320px;background-size:cover;background-position:center;position:relative}
.hero-split .hs-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--ink))}
.hero-split .hs-body{padding:34px 0 56px}
.hero-split .hs-body h1{font-size:36px;letter-spacing:5px;margin:10px 0}
.hero-split .hs-body p{max-width:660px;color:rgba(244,233,211,.82);font-size:14px}

/* 横向画册条 */
.gal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gal-cell{border:1px solid var(--cream-deep);background:var(--cream-light)}
.gal-cell .gc-img{height:170px;background-size:cover;background-position:center}
.gal-cell .gc-body{padding:14px 16px}
.gal-cell h3{font-size:15px;margin-bottom:4px}
.gal-cell p{font-size:12.5px;color:var(--ink-mute)}

/* 大图小注排版 */
.essay-two{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.essay-two .et-img{height:380px;background-size:cover;background-position:center;border:1px solid var(--cream-deep);box-shadow:var(--shadow-1)}
.essay-two h3{font-size:22px;margin-bottom:12px}
.essay-two p{color:var(--ink-soft);font-size:14px;margin-bottom:10px}

/* 行业标签云 */
.tagcloud{display:flex;flex-wrap:wrap;gap:12px}
.tagcloud .tag{padding:8px 18px;font-size:13px}

/* ---------- 05 service-company.html 企业形象官网 ---------- */
/* 窗棂页头：左右竖条装饰 */
.hero-org{padding:150px 0 84px}
.hero-org .hero-lattice{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(4,44px);gap:8px;opacity:.5;pointer-events:none}
.hero-org .hero-lattice span{height:150px;border:1px solid rgba(244,233,211,.5)}

/* CSS 组织架构图 */
.org-tree{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 0}
.org-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.org-box{
  background:var(--cream-light);border:1px solid var(--rosewood);padding:14px 26px;text-align:center;min-width:150px;position:relative;
}
.org-box b{display:block;font-family:var(--font-h);letter-spacing:2px;font-size:15px}
.org-box small{color:var(--ink-mute);font-size:12px}
.org-box--top{background:var(--rosewood);color:var(--cream-light);border-color:var(--rosewood-dark)}
.org-line-v{width:1px;height:26px;background:var(--rosewood)}
.org-line-h{height:1px;background:var(--rosewood);flex:none}

/* 团队四宫格 */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.team-card{border:1px solid var(--cream-deep);background:var(--cream-light)}
.team-card .tc-img{height:180px;background-size:cover;background-position:center}
.team-card .tc-body{padding:14px 16px}
.team-card h3{font-size:15px}
.team-card p{font-size:12.5px;color:var(--ink-mute);margin-top:3px}

/* 荣誉墙 */
.honor-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.honor-item{border:1px solid var(--cream-deep);padding:22px;background:var(--cream-light);display:flex;gap:16px;align-items:flex-start}
.honor-item .hi-seal{flex:none;width:44px;height:44px;border:2px solid var(--rosewood);color:var(--rosewood);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:12px;letter-spacing:1px;transform:rotate(-4deg)}
.honor-item h3{font-size:15.5px;margin-bottom:5px}
.honor-item p{font-size:13px;color:var(--ink-soft)}

/* ---------- 06 service-mall.html 电商商城 ---------- */
.hero-mall{padding:150px 0 90px;overflow:hidden}
.hero-mall::after{content:"";position:absolute;right:-40px;top:40px;width:340px;height:46px;background:rgba(176,141,87,.5);transform:rotate(8deg);pointer-events:none}

/* 商品陈列三型 */
.goods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.goods-card{background:var(--cream-light);border:1px solid var(--cream-deep);padding:28px 24px;position:relative}
.goods-card .gc-idx{position:absolute;top:14px;right:18px;font-family:var(--font-h);font-size:30px;color:var(--cream-deep)}
.goods-card h3{font-size:18px;margin-bottom:10px}
.goods-card p{font-size:14px;color:var(--ink-soft)}

/* 购物五步流程（箭头连接） */
.buyflow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:buy}
.buy-step{padding:22px 16px;background:var(--cream-light);border:1px solid var(--cream-deep);position:relative;margin-right:14px}
.buy-step:last-child{margin-right:0}
.buy-step::after{content:"";position:absolute;right:-14px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-left-color:var(--rosewood);z-index:2}
.buy-step:last-child::after{display:none}
.buy-step .bs-no{font-family:var(--font-h);color:var(--rosewood);font-size:13px;letter-spacing:2px;margin-bottom:8px}
.buy-step h3{font-size:15.5px;margin-bottom:6px}
.buy-step p{font-size:12.5px;color:var(--ink-soft)}

/* ---------- 07 service-responsive.html 响应式网站 ---------- */
.hero-rwd{padding:150px 0 84px}
.hero-rwd .rwd-ruler{display:flex;height:8px;margin-top:26px;max-width:560px}
.hero-rwd .rwd-ruler span{height:100%}
.hero-rwd .rwd-ruler span:nth-child(1){flex:2;background:var(--rosewood)}
.hero-rwd .rwd-ruler span:nth-child(2){flex:1.2;background:var(--gold)}
.hero-rwd .rwd-ruler span:nth-child(3){flex:.6;background:var(--cream)}

/* 三断点设备列 */
.bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bp-card{border-top:3px solid var(--rosewood);background:var(--cream-light);border-left:1px solid var(--cream-deep);border-right:1px solid var(--cream-deep);border-bottom:1px solid var(--cream-deep);padding:26px 24px}
.bp-card .bp-dev{font-family:var(--font-h);font-size:19px;letter-spacing:2px;margin-bottom:4px}
.bp-card .bp-size{font-size:12px;color:var(--ink-mute);letter-spacing:1px;margin-bottom:14px}
.bp-card ul li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink-soft);margin:7px 0}
.bp-card ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--rosewood);transform:rotate(45deg)}

/* 代码注解块（不用真实代码，用类标注） */
.note-block{border:1px dashed var(--cream-deep);background:var(--cream);padding:20px 24px;font-size:14px;color:var(--ink-soft);position:relative}
.note-block .nb-tag{position:absolute;top:-11px;left:16px;background:var(--rosewood);color:var(--cream-light);font-size:12px;padding:2px 12px;letter-spacing:2px}

/* ---------- 08 service-redesign.html 老站改版升级 ---------- */
.hero-redesign{padding:140px 0 90px}
.hero-redesign .scroll-ends{display:flex;justify-content:space-between;align-items:center;margin-top:26px;max-width:640px;color:rgba(244,233,211,.6)}
.hero-redesign .scroll-ends span{font-family:var(--font-h);letter-spacing:4px;font-size:14px}

/* 旧站诊断问题列表 */
.diag-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}
.diag-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--cream-light);border:1px solid var(--cream-deep)}
.diag-item .di-x{flex:none;width:22px;height:22px;border-radius:50%;background:var(--rosewood);color:var(--cream-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-h)}
.diag-item h3{font-size:15px;margin-bottom:3px}
.diag-item p{font-size:13px;color:var(--ink-soft)}

/* 迁移保障提示三联 */
.mig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mig-card{padding:26px 24px;background:var(--cream-light);border-top:3px solid var(--gold)}
.mig-card h3{font-size:17px;margin-bottom:8px}
.mig-card p{font-size:13.5px;color:var(--ink-soft)}

/* ---------- 09 service-seo.html SEO优化型网站 ---------- */
.hero-seo{padding:150px 0 90px}
.kw-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:680px}
.kw-cloud .tag{background:rgba(244,233,211,.08);border-color:rgba(244,233,211,.35);color:var(--cream-light)}
.kw-cloud .tag:nth-child(3n){font-size:14px;padding:6px 16px}

/* 关键词三步 */
.kw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:kw}
.kw-step{position:relative;padding:30px 26px;background:var(--cream-light);border:1px solid var(--cream-deep)}
.kw-step .kw-no{font-family:var(--font-h);font-size:44px;color:var(--cream-deep);position:absolute;right:16px;top:6px;line-height:1}
.kw-step h3{font-size:18px;margin-bottom:10px;letter-spacing:1px}
.kw-step p{font-size:14px;color:var(--ink-soft)}

/* 语义标签卡 */
.sem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sem-card{display:flex;gap:18px;padding:22px;background:var(--cream-light);border:1px solid var(--cream-deep)}
.sem-card .sem-tag{flex:none;font-family:Consolas,monospace;background:var(--ink);color:var(--gold);padding:6px 12px;font-size:13px;height:max-content}
.sem-card h3{font-size:15.5px;margin-bottom:5px}
.sem-card p{font-size:13px;color:var(--ink-soft)}

/* 优化周期条 */
.cycle-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--cream-deep)}
.cycle-cell{padding:22px 20px;border-right:1px solid var(--cream-deep);background:var(--cream-light)}
.cycle-cell:last-child{border-right:0}
.cycle-cell .cc-when{font-size:12px;letter-spacing:2px;color:var(--rosewood);margin-bottom:6px}
.cycle-cell h3{font-size:15px;margin-bottom:6px}
.cycle-cell p{font-size:12.5px;color:var(--ink-soft)}

/* ---------- 10 service-portal.html 行业门户网站 ---------- */
.hero-portal{padding:150px 0 84px}
.hero-portal .gate-cols{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:flex;gap:10px;opacity:.4;pointer-events:none}
.hero-portal .gate-cols span{width:22px;height:180px;background:repeating-linear-gradient(180deg,rgba(244,233,211,.7) 0 14px,transparent 14px 26px)}

/* 门户架构树（嵌套方块） */
.arch-tree{max-width:820px;margin:0 auto;text-align:center}
.arch-root{display:inline-block;background:var(--rosewood);color:var(--cream-light);padding:14px 40px;font-family:var(--font-h);letter-spacing:4px;border:1px solid var(--rosewood-dark)}
.arch-children{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.arch-node{background:var(--cream-light);border:1px solid var(--cream-deep);padding:16px 12px;text-align:center}
.arch-node b{display:block;font-size:14.5px;letter-spacing:1px;margin-bottom:4px}
.arch-node small{font-size:12px;color:var(--ink-mute)}

/* 信息模块卡 */
.info-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-mod{background:var(--cream-light);border:1px solid var(--cream-deep);padding:26px 24px;position:relative}
.info-mod .im-ic{width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.info-mod .im-ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}
.info-mod h3{font-size:17px;margin-bottom:8px}
.info-mod p{font-size:13.5px;color:var(--ink-soft)}

/* ---------- 11 service-lp.html 专题落地页 ---------- */
.hero-lp{padding:150px 0 90px;overflow:hidden}
.hero-lp .tape-note{
  position:absolute;right:60px;bottom:50px;background:var(--cream);color:var(--ink);
  padding:14px 22px;font-family:var(--font-h);font-size:15px;letter-spacing:2px;
  transform:rotate(3deg);box-shadow:var(--shadow-1);
}
.hero-lp .tape-note::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:90px;height:18px;background:rgba(176,141,87,.55)}

/* AB 对照卡 */
.ab-duo{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:0}
.ab-card{border:1px solid var(--cream-deep);background:var(--cream-light);padding:28px 26px}
.ab-card--b{border-color:var(--rosewood);box-shadow:var(--shadow-1)}
.ab-card .ab-tag{display:inline-block;padding:3px 14px;font-size:12px;letter-spacing:3px;border:1px solid var(--ink-mute);color:var(--ink-mute);margin-bottom:14px}
.ab-card--b .ab-tag{background:var(--rosewood);border-color:var(--rosewood);color:var(--cream-light)}
.ab-card h3{font-size:18px;margin-bottom:8px}
.ab-card p{font-size:14px;color:var(--ink-soft)}
.ab-vs{text-align:center;font-family:var(--font-h);font-size:20px;color:var(--gold)}

/* 转化技巧编号清单 */
.tips-num{counter-reset:tips}
.tips-num .tip-row{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:18px 0;border-bottom:1px dashed var(--cream-deep);align-items:baseline}
.tips-num .tip-row .tn-no{font-family:var(--font-h);font-size:28px;color:var(--rosewood);opacity:.8}
.tips-num .tip-row h3{font-size:16.5px;margin-bottom:5px}
.tips-num .tip-row p{font-size:14px;color:var(--ink-soft)}

/* ---------- 12 price.html 建站价格 ---------- */
.hero-price{padding:150px 0 80px}

/* 四档套餐卡 */
.pri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.pri-card{background:var(--cream-light);border:1px solid var(--cream-deep);padding:30px 24px;display:flex;flex-direction:column;position:relative;transition:var(--t-fast)}
.pri-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-1)}
.pri-card--hot{background:linear-gradient(165deg,var(--rosewood-dark),var(--rosewood-deep));color:var(--cream-light);border-color:var(--rosewood-dark)}
.pri-card--hot .pri-price{color:var(--gold)}
.pri-card--hot ul li{color:rgba(244,233,211,.85)}
.pri-card--hot ul li::before{background:var(--gold)}
.pri-card .pri-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-size:12px;letter-spacing:2px;padding:3px 14px;white-space:nowrap}
.pri-card .pri-name{font-family:var(--font-h);font-size:19px;letter-spacing:3px;margin-bottom:4px}
.pri-card .pri-for{font-size:12.5px;color:var(--ink-mute);margin-bottom:16px}
.pri-card--hot .pri-for{color:rgba(244,233,211,.65)}
.pri-price{font-family:var(--font-h);font-size:34px;color:var(--rosewood);margin-bottom:4px;letter-spacing:1px}
.pri-price small{font-size:13px;font-family:var(--font-b);color:var(--ink-mute)}
.pri-card--hot .pri-price small{color:rgba(244,233,211,.6)}
.pri-card ul{margin:18px 0 24px;flex:1}
.pri-card ul li{position:relative;padding-left:18px;font-size:13.5px;color:var(--ink-soft);margin:8px 0}
.pri-card ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--rosewood);transform:rotate(45deg)}

/* 预算建议三联 */
.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.budget-card{padding:28px 26px;background:var(--cream-light);border-left:4px solid var(--gold)}
.budget-card h3{font-size:17px;margin-bottom:8px}
.budget-card p{font-size:14px;color:var(--ink-soft)}

/* ---------- 响应式收敛 ---------- */
@media (max-width:1024px){
  .pain-grid,.vis-grid,.goods-grid,.kw-steps,.bp-grid,.mig-grid,.info-mods,.budget-grid{grid-template-columns:1fr 1fr}
  .touch-grid,.team-grid,.honor-wall,.cycle-strip{grid-template-columns:repeat(2,1fr)}
  .gal-strip{grid-template-columns:repeat(2,1fr)}
  .pri-grid{grid-template-columns:1fr 1fr}
  .buyflow{grid-template-columns:1fr 1fr}
  .buy-step{margin-right:0;margin-bottom:14px}
  .buy-step::after{display:none}
  .hero-brand .hero-row,.hero-mkt .hero-row,.essay-two{grid-template-columns:1fr}
  .hero-brand .brand-seal{justify-self:start;width:150px;height:150px;font-size:18px}
  .ab-duo{grid-template-columns:1fr}
  .ab-vs{padding:10px 0}
  .vert-note{display:none}
  .hero-org .hero-lattice,.hero-portal .gate-cols{display:none}
  .outline-row{grid-template-columns:44px 1fr}
  .outline-row p{grid-column:2}
  .arch-children{grid-template-columns:1fr 1fr}
  .cat-row{grid-template-columns:60px 1fr}
  .cat-row .cat-more{grid-column:2}
  .diag-list,.sem-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pain-grid,.vis-grid,.goods-grid,.kw-steps,.bp-grid,.mig-grid,.info-mods,.budget-grid,
  .touch-grid,.team-grid,.honor-wall,.cycle-strip,.gal-strip,.pri-grid,.buyflow,
  .local-duo,.bcase-strip,.funnel-row{grid-template-columns:1fr}
  .funnel-row{grid-template-columns:80px 1fr 70px}
  .funnel-bar{width:100% !important}
  .sv-ctabox{padding:24px 20px}
  .hero-split .hs-img{height:210px}
  .hero-split .hs-body h1{font-size:26px}
  .org-row{gap:10px}
  .org-box{min-width:120px;padding:10px 14px}
  .sv-faq details .sv-faq-a{padding-left:6px}
  .cat-row .cat-num{font-size:24px}
}

/* ============================================================
   99  原子工具类（替换原内联 style，保持页面零内联样式）
   ============================================================ */
.u-crumb{display:inline-block;margin-bottom:0}
.u-crumb-light{display:inline-block;margin-bottom:0;color:rgba(244,233,211,.6)}
.u-heroen{margin-top:14px}
.u-pad-t10{padding-top:10px}
.u-herorow{margin-top:20px}
.u-maxw680{max-width:680px}
.u-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.u-center{text-align:center}
.u-center13{text-align:center;margin-top:22px;font-size:13px;color:var(--ink-mute)}
.u-center13d{text-align:center;margin-top:22px;font-size:13px;color:rgba(244,233,211,.6)}
.u-mt12{margin-top:12px}
.u-mt16{margin-top:16px}
.u-mt18{margin-top:18px}
.u-mt20{margin-top:20px}
.u-mt22{margin-top:22px}
.u-mt24{margin-top:24px}
.u-mt26{margin-top:26px}
.u-c-soft{color:var(--ink-soft)}
.u-c-mute{color:var(--ink-mute)}
.u-c-cream{color:var(--cream-light)}
.u-c-gold{color:var(--gold)}
.u-c-rose{color:var(--rosewood)}
.u-c-c60{color:rgba(244,233,211,.6)}
.u-c-c70{color:rgba(244,233,211,.7)}
.u-c-c75{color:rgba(244,233,211,.75)}
.u-c-c80{color:rgba(244,233,211,.8)}
.u-c-c85{color:rgba(244,233,211,.85)}
.u-c-c90{color:rgba(244,233,211,.9)}
.u-kw-no50{color:rgba(176,141,87,.5)}
.u-bg-gold{background:var(--gold)}
.u-bg-creamlight{background:var(--cream-light)}
.u-faq-box{background:transparent}
.u-btnstart{align-self:flex-start}
.u-imgfit{width:100%;height:100%;object-fit:cover}
.u-et-img-340{height:340px;background-size:cover;background-position:center;border:1px solid var(--cream-deep)}
.u-bd-c20{border-color:rgba(244,233,211,.2)}
.u-tag-on-dark{border-color:rgba(244,233,211,.4);color:var(--cream-light)}
.u-qno{border-color:var(--gold);color:var(--gold)}
.u-sum-on-dark{color:var(--cream-light)}
.u-ans-on-dark{color:rgba(244,233,211,.85)}
.u-link-rose{color:var(--rosewood);border-bottom:1px solid var(--line)}
.u-link-gold{color:var(--gold);border-bottom:1px solid rgba(176,141,87,.5)}
.u-ttl17{font-size:17px;margin-bottom:8px}
.u-ttl18{font-size:18px;margin-bottom:8px}
.u-ttl18b{font-size:18px;margin-bottom:10px}
.u-ttl18c{font-size:18px;margin-bottom:12px}
.u-ttl19{font-size:19px;margin-bottom:10px}
.u-ttl21{font-size:21px;margin-bottom:12px}
.u-fs17-mb10{font-size:17px;margin-bottom:10px}
.u-h20-mb12{font-size:20px;margin-bottom:12px}
.u-h3row{font-size:17px;margin:8px 0 6px}
.u-stepno{font-family:var(--font-h);font-size:15px;letter-spacing:2px;color:var(--gold)}
.u-txt14{font-size:14px;color:var(--ink-soft)}
.u-txt14d{font-size:14px;color:rgba(244,233,211,.85)}
.u-txt13d{font-size:13px;color:rgba(244,233,211,.8)}
.u-ans85-mb18{color:rgba(244,233,211,.85);font-size:14px;margin-bottom:18px}
.u-soft-mb12{color:var(--ink-soft);margin-bottom:12px}
.u-soft-mb10{color:var(--ink-soft);margin-bottom:10px}
.u-card-plain{border:1px solid var(--cream-deep);padding:26px;background:var(--cream-light)}
.u-card-rose{border:1px solid var(--rosewood);padding:26px;background:var(--cream)}
.u-card-rose-top{border-top:3px solid var(--rosewood);background:var(--cream-light);padding:26px}
.u-card-mall-dark{border:1px solid rgba(244,233,211,.25);padding:26px;background:rgba(33,26,21,.25)}
.u-bdl2{border-left:2px solid var(--gold);padding-left:14px}
.u-bdl3{border-left:3px solid var(--gold);padding-left:16px}
.u-bp-on-dark{background:rgba(244,233,211,.06);border-color:rgba(244,233,211,.2)}
.u-bp-top-cream{border-top-color:var(--cream)}
.u-bp-top-gold{border-top-color:var(--gold)}
.u-bp-top-rose{border-top-color:var(--rosewood)}
.u-bpdev{color:var(--cream-light)}
.u-lead-soft-tight{max-width:760px;margin:-14px 0 28px;color:var(--ink-soft)}
.u-lead-soft-tight30{max-width:760px;margin:-14px 0 30px;color:var(--ink-soft)}
.u-lead-soft-tight34{max-width:760px;margin:-14px 0 34px;color:var(--ink-soft);font-size:15px}
.u-lead-780{max-width:780px;margin:28px auto 0;text-align:center;font-size:14px;color:rgba(244,233,211,.8)}
.u-lead-760-center{max-width:760px;margin:30px auto 0;text-align:center;font-size:14px;color:rgba(244,233,211,.8)}
.u-txt14-mt22{margin-top:22px;font-size:14px;color:var(--ink-soft)}
.u-txt14-mt24{margin-top:24px;font-size:14px;color:var(--ink-soft)}
.u-txt14-mt26{margin-top:26px;font-size:14px;color:var(--ink-soft)}
.u-txt14d-mt24{margin-top:24px;font-size:14px;color:rgba(244,233,211,.85)}
.u-txt14d-mt26{margin-top:26px;font-size:14px;color:rgba(244,233,211,.85)}
.u-note20{margin-top:20px;font-size:13px;color:rgba(244,233,211,.7)}
.u-link20{margin-top:14px;font-size:14px;color:var(--ink-soft)}
.u-fs12-c60-mt10{font-size:12px;color:rgba(244,233,211,.6);margin-top:10px;letter-spacing:2px}
.u-sw-rose{background:#8A2E2E}
.u-sw-cream{background:#F4E9D3}
.u-sw-ink{background:#211A15}
.u-sw-gold{background:#B08D57}
.u-sw-inksoft{background:#4E4338}
.u-sw-mute{background:#8A7B68}
.u-sw-deepcream{background:#E6D6B5}
.u-sw-rosewood-dark{background:#4E181C}
.u-th-dark{background:rgba(33,26,21,.5);color:var(--cream-light);border-color:rgba(244,233,211,.25)}
.u-th-dark2{background:rgba(33,26,21,.5);color:rgba(244,233,211,.8);border-color:rgba(244,233,211,.25)}
.u-th-mid{background:rgba(33,26,21,.4);color:rgba(244,233,211,.75)}
.u-th-trans{background:transparent;color:var(--cream-light);border-color:rgba(244,233,211,.3)}
.u-th-gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.u-th-gold2{background:var(--gold);color:var(--ink)}
.u-tbody-dark{color:rgba(244,233,211,.9)}