/* ===== 三大服务 · 效果图样式（沿用官网令牌与组件气质） ===== */
:root{
  --orange:#EE5F27; --orange-deep:#D84E18; --orange-soft:#FDEAE0;
  --ink:#221A14; --ink-2:#5C4F44; --ink-3:#8A7B6E;
  --cream:#FBF7F1; --surface:#FFFDF9; --line:rgba(34,26,20,.10); --line-2:rgba(34,26,20,.06);
  --serif:"Noto Serif SC","Songti SC",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}

html{-webkit-text-size-adjust:100%}

body{background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}

a{color:inherit;text-decoration:none}

.shell{width:min(1200px,92vw);margin:0 auto}

.sec{padding:72px 0}

.sec.tight{padding:48px 0}

.sec-head{max-width:820px}

.sec-head.center{margin:0 auto;text-align:center}

.eyebrow{display:inline-block;font-size:12.5px;font-weight:900;letter-spacing:.14em;color:var(--orange-deep);text-transform:uppercase}

.sec-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--orange-soft);color:var(--orange-deep);font-size:12.5px;font-weight:900;margin-right:8px;vertical-align:2px}

h1{font-family:var(--serif);font-size:clamp(34px,4.6vw,58px);line-height:1.16;font-weight:900;letter-spacing:.01em}

h1 em{font-style:normal;color:var(--orange)}

.h-sec{font-family:var(--serif);font-size:clamp(25px,3vw,36px);line-height:1.28;font-weight:900}

.sub-h{font-size:15.5px;color:var(--ink-2);line-height:1.85;margin-top:14px}

.lede{font-size:clamp(15px,1.35vw,17.5px);color:var(--ink-2);line-height:1.9;max-width:760px}

.lede b,.sub-h b{color:var(--ink);font-weight:800}


/* ---------- 导航（静态复刻） ---------- */
.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(251,247,241,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2)}


/* ---------- HERO ---------- */
.svc-hero{padding:64px 0 26px}

.svc-hero .eyebrow{margin-bottom:16px}

.svc-hero h1{margin-bottom:20px}

.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}

.pill{font-size:12.5px;font-weight:800;color:var(--ink-2);background:#F4EDE3;border:1px solid #E8DFD2;border-radius:999px;padding:7px 13px}

.pill.i{background:var(--orange-soft);border-color:rgba(238,95,39,.28);color:var(--orange-deep)}


/* ---------- 产业链图 ---------- */
.chain{border:1px solid #E8DFD2;border-radius:22px;background:var(--surface);padding:22px;overflow:hidden}

.chain-cap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}

.chain-cap b{font-size:13.5px;font-weight:900;letter-spacing:.02em}

.chain-cap span{font-size:12px;color:var(--ink-3)}

.chain-grid{display:grid;grid-template-columns:1fr 34px 1.18fr 34px 1fr 30px .52fr;align-items:stretch;gap:0}

.col{border:1px solid #E8DFD2;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}

.col-h{background:#F6EFE4;border-bottom:1px solid #E8DFD2;padding:9px 12px;min-height:40px;font-size:12px;font-weight:900;color:var(--ink-2);letter-spacing:.04em;display:flex;align-items:center;gap:6px;line-height:1.4}

.col-h i{width:6px;height:6px;border-radius:50%;background:var(--orange);display:block;flex:none}

.col-b{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1}

.blk{border:1px dashed rgba(34,26,20,.16);border-radius:10px;padding:9px 10px;background:#FCFAF5}

.blk b{display:block;font-size:12.5px;font-weight:900;margin-bottom:5px}

.blk ul{list-style:none;font-size:12.5px;color:var(--ink-2);line-height:1.85}

.blk li::before{content:"·";color:var(--orange);font-weight:900;margin-right:5px}

.col.mid .col-h{background:var(--orange-soft);color:var(--orange-deep);border-bottom-color:rgba(238,95,39,.25)}

.col.mid{box-shadow:0 18px 44px -30px rgba(238,95,39,.55)}

.arrow{display:grid;place-items:center;color:var(--orange);font-size:17px;font-weight:900}

.col.user{background:linear-gradient(180deg,#2A201A,#1C1512);color:#FFF6EC;border-color:#221A14;align-items:center;justify-content:center;text-align:center;padding:16px 8px;position:relative}



.col.user b{font-family:var(--serif);font-size:15px;font-weight:900;writing-mode:horizontal-tb}

.col.user span{font-size:11px;color:#E8C9B4;margin-top:6px;line-height:1.6}

.chain-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:12px;color:var(--ink-3);line-height:1.7}

.chain-note b{color:var(--ink-2)}


/* ---------- 三支柱 / 卡片 ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

.card{background:var(--surface);border:1px solid #E8DFD2;border-radius:20px;padding:22px 20px;transition:.2s}

.card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -28px rgba(34,26,20,.28)}

.card .no{font-family:var(--serif);font-size:13px;font-weight:900;color:var(--orange);background:var(--orange-soft);border-radius:8px;padding:3px 9px;display:inline-block;margin-bottom:10px}

.card h3{font-size:17px;font-weight:900;margin-bottom:8px;line-height:1.45}

.card p{font-size:13.5px;color:var(--ink-2);line-height:1.8}

.card ul{list-style:none;margin-top:10px;font-size:12.5px;color:var(--ink-2);line-height:1.9}

.card li::before{content:"→";color:var(--orange);font-weight:900;margin-right:6px}


/* ---------- 人群 ---------- */
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}

.who span{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E8DFD2;border-radius:12px;padding:11px 13px;font-size:13.5px;font-weight:700}

.who span i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:block;flex:none}


/* ---------- 两条路径 ---------- */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.path{border-radius:20px;padding:24px;border:1px solid #E8DFD2;background:var(--surface)}

.path.hi{background:linear-gradient(180deg,#FFF7F1,#FFFDF9);border-color:rgba(238,95,39,.3);box-shadow:0 24px 60px -40px rgba(238,95,39,.6)}

.path .tag{display:inline-block;font-size:12px;font-weight:900;color:var(--orange-deep);background:var(--orange-soft);border-radius:999px;padding:4px 11px;margin-bottom:12px}

.path h3{font-family:var(--serif);font-size:22px;font-weight:900;margin-bottom:8px}

.path p{font-size:13.5px;color:var(--ink-2);line-height:1.85}

.path ul{list-style:none;margin:14px 0 18px;font-size:13px;color:var(--ink-2);line-height:2}

.path li::before{content:"✓";color:var(--orange);font-weight:900;margin-right:8px}


/* ---------- 定价 ---------- */
.prices{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.price{background:#fff;border:1px solid #E8DFD2;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column}

.price.hot{border-color:var(--orange);box-shadow:0 20px 46px -32px rgba(238,95,39,.7);background:linear-gradient(180deg,#FFF8F3,#fff)}

.price .pn{font-size:14px;font-weight:900}

.price .pg{font-size:12px;color:var(--ink-3);margin-top:2px;min-height:32px}

.price .pv{font-family:var(--serif);font-size:20px;font-weight:900;color:var(--orange-deep);margin:8px 0 4px;line-height:1.3}

.price .pv small{font-family:var(--sans);font-size:12px;color:var(--ink-3);font-weight:700}

.price .pd{font-size:12px;color:var(--ink-2);line-height:1.75;margin-top:6px}

.price .pt{margin-top:auto;padding-top:12px}

.price .btn{width:100%;min-height:36px;font-size:12.5px;padding:0 10px}


/* ---------- 留白案例位 ---------- */
.case-slot{border:1.5px dashed rgba(34,26,20,.18);border-radius:20px;background:repeating-linear-gradient(45deg,#FCF8F2,#FCF8F2 12px,#F8F2E8 12px,#F8F2E8 24px);padding:34px 24px;text-align:center}

.case-slot b{display:block;font-size:14px;font-weight:900;color:var(--ink-2)}

.case-slot span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:6px}


/* ---------- CTA / 页脚 ---------- */
.final{margin:0 auto 40px}

.final-in{background:#221A14;border-radius:26px;padding:38px 34px;color:#FFF6EC;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}

.final-in h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.3}

.final-in p{font-size:13.5px;color:#D8C4B4;margin-top:8px}

.final-in .btn-primary{background:var(--orange);box-shadow:0 12px 30px -14px rgba(238,95,39,.9)}


/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .nav-links{display:none}
  .prices{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:900px){
  .sec{padding:52px 0}
  .hero-ctas .btn{flex:1 1 46%}
  .grid3,.grid2,.paths{grid-template-columns:1fr}
  .chain-grid{grid-template-columns:1fr;gap:10px}
  .arrow{transform:rotate(90deg);height:22px}
  .col.user{flex-direction:row;gap:10px;padding:16px}
  .prices{grid-template-columns:1fr 1fr;gap:10px}
  .final-in{padding:26px 20px}
}

@media (max-width:520px){
  .prices{grid-template-columns:1fr}
  .nav-cta .btn-ghost{display:none}
}



/* ---------- 谁适合：分类分组 ---------- */
.who-groups{display:flex;flex-direction:column;gap:14px}

.wg{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:start;padding-bottom:14px;border-bottom:1px dashed rgba(34,26,20,.08)}

.wg:last-child{border-bottom:0;padding-bottom:0}

.wg-t{font-size:12px;font-weight:900;color:var(--orange-deep);background:var(--orange-soft);border-radius:8px;padding:5px 9px;text-align:center;line-height:1.5;white-space:nowrap}

.who{display:flex;flex-wrap:wrap;gap:8px}

.who span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #E8DFD2;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;white-space:nowrap}

.who span i{width:6px;height:6px;border-radius:50%;background:var(--orange);display:block;flex:none}

@media (max-width:640px){
  .wg{grid-template-columns:1fr;gap:8px}
  .wg-t{justify-self:start}
  .who span{font-size:12.5px;padding:7px 11px}
}


/* ---------- 定价：4 档 ---------- */
@media (min-width:1081px){.prices{grid-template-columns:repeat(4,1fr)}}


/* ---------- 需求登记表单 ---------- */
.form-card{background:#fff;border:1px solid #E8DFD2;border-radius:22px;padding:26px 26px 22px;max-width:960px;margin:0 auto}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}

.fld{display:flex;flex-direction:column;gap:6px}

.fld.full{grid-column:1 / -1}

.fld label{font-size:12px;font-weight:800;color:var(--ink-2)}

.fld label em{color:var(--orange);font-style:normal;margin-left:2px}

.fld input,.fld select,.fld textarea{width:100%;border:1px solid rgba(34,26,20,.14);background:#FBF7F1;border-radius:12px;padding:11px 13px;font-size:13.5px;font-family:inherit;color:var(--ink);outline:none;transition:.16s}

.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(238,95,39,.14)}

.fld textarea{min-height:88px;resize:vertical;line-height:1.7}

.fld ::placeholder{color:#A9998B}

.chips{display:flex;flex-wrap:wrap;gap:8px}

.chips label{display:inline-flex;align-items:center;gap:7px;background:#FBF7F1;border:1px solid rgba(34,26,20,.14);border-radius:999px;padding:8px 13px;font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer;white-space:nowrap}

.chips input{position:absolute;opacity:0;width:0;height:0}

.chips label:has(input:checked){border-color:var(--orange);background:var(--orange-soft);color:var(--orange-deep)}

.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(34,26,20,.08)}

.form-foot .tip{font-size:12px;color:var(--ink-3);line-height:1.7;max-width:520px}

@media (max-width:760px){
  .form-card{padding:20px 16px 18px}
  .form-grid{grid-template-columns:1fr}
}
/* 2026-11-03 移动端收口 */
@media (max-width:520px){
  .chips{gap:6px}
  .chips label{white-space:normal;line-height:1.5;font-size:12px;padding:7px 10px}
  .fld input,.fld textarea{font-size:16px} /* 防 iOS 聚焦缩放 */
}
html,body{max-width:100%}
@media (max-width:900px){ .grid2{grid-template-columns:1fr 1fr !important} }
@media (max-width:430px){ .grid2{grid-template-columns:1fr !important} }

/* 2026-11-03 CTA 区块强制与内容容器对齐（PC/移动同一规则） */
.shell.final{margin-left:auto !important;margin-right:auto !important;width:min(1200px,92vw) !important;max-width:1200px}
.shell.final .final-in{width:100%;box-sizing:border-box}
@media (max-width:900px){.shell.final{margin:26px auto 36px !important}}

/* 2026-11-03 CTA 最终结构：外层占满，内层自居中（不依赖 .shell） */
.shell.final{display:block !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important}
.shell.final .final-in{width:min(1200px,92vw) !important;margin:0 auto 40px !important;box-sizing:border-box;float:none !important}
@media (max-width:900px){.shell.final .final-in{width:92vw !important;margin:0 auto 32px !important;padding:24px 20px !important}}
/* 与其他内容块同宽：减去容器 28px 内边距 */
.shell.final .final-in{width:calc(min(1200px,92vw) - 56px) !important;margin:0 auto 40px !important}

.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.persona{display:flex;flex-direction:column;background:#FFFDF9;border:1px solid rgba(34,26,20,.10);border-radius:20px;padding:22px 20px;text-decoration:none;color:inherit;transition:.2s}
.persona:hover{transform:translateY(-3px);border-color:rgba(238,95,39,.4);box-shadow:0 22px 46px -30px rgba(238,95,39,.55)}
.p-tag{align-self:flex-start;font-size:12px;font-weight:900;color:#A1521F;background:rgba(238,95,39,.10);border-radius:999px;padding:4px 11px;margin-bottom:12px}
.persona h3{font-family:var(--serif);font-size:16px;font-weight:900;line-height:1.6;margin:0 0 14px}
.persona p{margin:auto 0 0;font-size:12.5px;font-weight:800;color:#D84E18}
@media (max-width:900px){.persona-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.persona-grid{grid-template-columns:1fr}}

/* 谁付钱：黑框外，顶部居中 */
.user-wrap{display:flex;flex-direction:column;justify-content:center;gap:8px;height:100%}
.user-cap{text-align:center;font-size:11px;letter-spacing:.14em;color:#8A7B6E;font-weight:900}
.user-wrap .col.user{flex:1;justify-content:center}
@media (max-width:900px){.user-wrap{gap:6px}.user-cap{font-size:11px}}