@charset "utf-8";
/* ==========================================================================
   成都品茶 · 专属休闲生活服务
   Template: LEDGER  /  账册式极简 —— 布局由 1px 可见分隔线构成
   01 令牌 02 基础 03 顶栏 04 首屏+胶片条+数据行 05 区块通用
   06 对照表 07 流程时间轴 08 档位对照表 09 两栏文章索引
   10 表格化 FAQ 11 全宽 CTA 12 页脚 13 文章页 14 响应式
   ========================================================================== */

/* ---------- 01 令牌 ---------- */
:root{ --mist-l:#4B6DB7;
 --rule2:#EDEDE4;
 --r3:15.1px;
 --r2:13.3px;
 --r4:27.3px;
 --r1:12.4px;
 --body:#4A4740;
 --w:1240px;
 --mist:#294A92;
 --faint:#8A867E;
 --cinnabar:#B76A27;
 --sheet:#FFFFFF;
 --ink:#1A1A1A;
 --cinnabar-d:#91531D;
 --rule:#E2E2D8;
 --paper:#F7F6F3;
 --sheet2:#FBFAF8;
 --e1:0 1px 2px rgba(26,26,26,.03), 0 8px 22px -18px rgba(26,26,26,.22);
 --ff:"Segoe UI",Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
 --e2:0 2px 8px rgba(26,26,26,.05), 0 24px 50px -30px rgba(183,106,39,.32)}

/* ---------- 02 基础 ---------- */
*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;
-webkit-text-size-adjust:100%}
body{ font:400 16px/1.78 var(--ff);
 -moz-osx-font-smoothing:grayscale;
 background:var(--paper);
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
 margin:0;
 color:var(--body)}
img{ display:block;
 max-width:100%;
 height:auto}
a{color:inherit;
text-decoration:none}
h1,h2,h3,h4,p,ol,ul,figure{margin:0}
h1,h2,h3,h4{letter-spacing:-.02em;
line-height:1.3;
font-weight:700;
color:var(--ink)}
ul,ol{list-style:none;
padding:0}
table{border-collapse:collapse}
::selection{background:rgba(183,106,39,.16)}
:focus-visible{
outline:2px solid var(--mist);
outline-offset:3px;
border-radius:4px
}
.sr{height:1px;position:absolute!important;overflow:hidden;width:1px;white-space:nowrap;clip:rect(0 0 0 0)}
.listvk{  left:-9999px;
  position:absolute}
.listvk:focus{left:18px;box-shadow:var(--e1);border-radius:var(--r1);background:var(--sheet);top:14px;z-index:70;color:var(--cinnabar);padding:10px 18px}
/* part */
.notefw{width:100%;padding:0 20px;max-width:var(--w);margin:0 auto}

/* ---------- 03 顶栏 ---------- */
.picknb{ backdrop-filter:saturate(170%) blur(14px);
 top:0;
 border-bottom:1px solid var(--rule);
 background:rgba(247,246,243,.92);
 position:sticky;
 z-index:40;
 -webkit-backdrop-filter:saturate(170%) blur(14px)}
.rowbk{
max-width:var(--w);
gap:18px;
margin:0 auto;
height:70px;
align-items:center;
padding:0 20px;
display:flex
}
.barf9{white-space:nowrap;display:flex;color:var(--ink);align-items:center;letter-spacing:-.015em;flex:none;font-size:16px;font-weight:700;gap:10px}
.barf9 i{ border-radius:9px;
 height:28px;
 flex:none;
 background:var(--cinnabar);
 position:relative;
 width:28px}
.barf9 i::after{content:"";border-radius:2px;position:absolute;inset:8px 8px 6px;background:linear-gradient(180deg,transparent 42%,#fff 42%,#fff 58%,transparent 58%)}
.metae8{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
gap:4px;
scrollbar-width:none;
flex:1;
display:flex
}
.metae8::-webkit-scrollbar{display:none}
.metae8 a{font-size:15px;border-bottom:1px solid transparent;padding:8px 0;margin-right:26px;color:var(--faint);white-space:nowrap;transition:color .18s,border-color .18s}
.metae8 a:hover{color:var(--ink);border-bottom-color:var(--cinnabar)}
.grprd{font-weight:600;font-size:15px;border-bottom:2px solid var(--cinnabar);color:var(--ink);flex:none;padding:8px 0;transition:color .18s}
.grprd:hover{color:var(--cinnabar)}

/* ---------- 04 首屏 ---------- */
.coret5{
padding:60px 0 0;
background:
  radial-gradient(700px 400px at 88% -20%,rgba(183,106,39,.07),transparent 62%),var(--paper)
}
.notep7{gap:42px;align-items:end;display:grid}
.deckud{
font-weight:600;
background:rgba(183,106,39,.07);
gap:9px;
align-items:center;
display:inline-flex;
padding:6px 14px;
color:var(--cinnabar);
font-size:13px;
border:1px solid rgba(183,106,39,.22);
border-radius:999px
}
.deckud b{  flex:none;
  border-radius:50%;
  background:var(--mist);
  height:6px;
  width:6px}
.coret5 h1{font-size:clamp(27px,5.4vw,49px);line-height:1.17;margin-top:22px;letter-spacing:-.035em}
.coret5 .txtkj{max-width:600px;margin-top:22px;color:var(--body);font-size:16.5px}
.hdxc{  display:flex;
  gap:12px;
  margin-top:30px;
  flex-wrap:wrap}
.frameks,.herof7{height:50px;align-items:center;font-size:15px;font-weight:600;padding:0 26px;display:inline-flex;border:1px solid transparent;border-radius:var(--r1);transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;justify-content:center}
.frameks{box-shadow:0 16px 30px -18px rgba(183,106,39,.9);color:#fff;background:var(--cinnabar)}
.frameks:hover{background:var(--cinnabar-d);transform:translateY(-2px)}
.herof7{color:var(--ink);border-color:var(--rule);box-shadow:none;background:transparent}
.herof7:hover{transform:translateY(-2px);border-color:var(--mist);color:var(--mist)}

.flowey{gap:10px;
grid-template-columns:repeat(4,1fr);
display:grid}
.flowey figure{border:1px solid var(--rule);box-shadow:var(--e1);border-radius:var(--r1);overflow:hidden;margin:0;background:var(--sheet2)}
.flowey img{aspect-ratio:3/4;width:100%;object-fit:cover}
.flowey figure:nth-child(even){transform:translateY(20px)}

/* module */
.coretr{margin-top:52px;grid-template-columns:repeat(2,1fr);display:grid;border-top:1px solid var(--rule)}
.coretr > div{ border-right:1px solid var(--rule);
 border-bottom:1px solid var(--rule);
 padding:20px 18px 22px}
.coretr > div:nth-child(2n){border-right:0}
.coretr b{color:var(--ink);display:block;letter-spacing:-.04em;font-size:clamp(20px,3.4vw,27px);font-variant-numeric:tabular-nums}
.coretr b i{  color:var(--cinnabar);
  font-style:normal}
.coretr span{display:block;font-size:13px;color:var(--faint);margin-top:5px}

/* ---------- 05 区块通用 ---------- */
.stackfc{padding:76px 0}
.stackfc.basew8{ border-bottom:1px solid var(--rule);
 border-top:1px solid var(--rule);
 background:var(--sheet)}
.pnlxx{gap:14px;
margin-bottom:42px;
max-width:720px;
display:grid}
.linefs{font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--cinnabar)}
.pnlxx h2{letter-spacing:-.032em;font-size:clamp(23px,4.2vw,33px)}
.pnlxx p{color:var(--faint);font-size:15.5px}

/* ---------- 06 对照表 ---------- */
.contrb{ border-radius:var(--r3);
 background:var(--sheet);
 border:1px solid var(--rule);
 overflow:hidden}
.frameh6{background:var(--sheet2);
display:grid;
border-bottom:1px solid var(--rule);
grid-template-columns:1fr 1fr}
.frameh6 span{
font-weight:700;
color:var(--faint);
font-size:13px;
padding:15px 22px;
letter-spacing:.14em
}
.frameh6 span:last-child{color:var(--cinnabar);border-left:1px solid var(--rule)}
.cardvd{display:grid;grid-template-columns:1fr 1fr}
.cardvd + .cardvd{border-top:1px solid var(--rule2)}
.cardvd p{
padding:20px 22px;
font-size:15px
}
.cardvd .navv9{color:var(--faint)}
.cardvd .navv9::before{color:var(--rule);margin-right:9px;content:"—"}
.cardvd .ftz5{border-left:1px solid var(--rule);color:var(--ink);position:relative}
.cardvd .ftz5::before{width:3px;left:0;background:var(--cinnabar);opacity:.9;top:0;content:"";bottom:0;position:absolute}
/* module */
.cardvd .ftz5 strong{font-weight:600}

/* ---------- 07 流程时间轴 ---------- */
.flow{
position:relative;
padding-left:44px
}
.flow::before{left:11px;content:"";position:absolute;width:1px;top:10px;background:var(--rule);bottom:10px}
.flow-item{padding:0 0 34px;
position:relative}
.flow-item:last-child{padding-bottom:0}
.flow-dot{border-radius:50%;background:var(--sheet);top:7px;width:11px;height:11px;border:2px solid var(--cinnabar);position:absolute;left:-39px}
.flow-no{ color:var(--mist);
 display:block;
 font-weight:700;
 font-size:13px;
 letter-spacing:.18em}
.flow-body h3{font-size:19px;margin-top:9px;letter-spacing:-.022em}
.flow-body p{margin-top:11px;font-size:15.2px;color:var(--faint);max-width:660px}
.flow-body ul{margin-top:14px;gap:8px;display:grid}
.flow-body li{
font-size:14.4px;
position:relative;
padding-left:16px;
color:var(--faint)
}
.flow-body li::before{left:4px;position:absolute;font-weight:700;color:var(--cinnabar);content:"·"}

/* ---------- 08 档位对照表 ---------- */
.tiers{border:1px solid var(--rule);-webkit-overflow-scrolling:touch;border-radius:var(--r3);background:var(--sheet);overflow-x:auto;overflow:hidden}
.tiers-grid{min-width:680px}
.tiers-head,.tiers-row{grid-template-columns:1.15fr 1fr 1fr 1fr;display:grid}
.tiers-head{  border-bottom:1px solid var(--rule);
  background:var(--sheet2)}
.tiers-head span{ color:var(--ink);
 font-size:14.5px;
 font-weight:700;
 padding:17px 20px}
.tiers-head span:first-child{color:var(--faint);font-size:13px;letter-spacing:.14em;font-weight:700}
.tiers-head span + span{border-left:1px solid var(--rule)}
.tiers-head span:nth-child(3){color:var(--cinnabar)}
.tiers-row + .tiers-row{border-top:1px solid var(--rule2)}
/* tone */
.tiers-row span{ color:var(--body);
 font-size:14.4px;
 padding:16px 20px}
.tiers-row span:first-child{font-size:13px;font-weight:600;color:var(--faint);letter-spacing:.1em}
.tiers-row span + span{border-left:1px solid var(--rule2)}
.tiers-row span:nth-child(3){  color:var(--ink);
  font-weight:500;
  background:rgba(183,106,39,.035)}
.tiers-foot{  background:var(--sheet2);
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  padding:18px 20px;
  gap:14px;
  justify-content:space-between;
  border-top:1px solid var(--rule)}
.tiers-foot p{color:var(--faint);font-size:14.4px}

/* ---------- 09 两栏文章索引 ---------- */
.boxy1{gap:0;display:grid;border-top:1px solid var(--rule)}
.cards6{border-bottom:1px solid var(--rule)}
.secgs{gap:18px;padding:22px 2px;align-items:start;display:grid;grid-template-columns:96px 1fr;transition:background .2s,padding-left .2s}
.secgs + .secgs{border-top:1px solid var(--rule2)}
.secgs:hover{
padding-left:10px;
background:linear-gradient(90deg,rgba(183,106,39,.05),transparent 72%)
}
.outerzb{border:1px solid var(--rule);border-radius:var(--r1);overflow:hidden;background:var(--sheet2);margin:0}
.outerzb img{aspect-ratio:1/1;width:100%;object-fit:cover}
/* layout */
.metazk{
font-weight:600;
font-size:13px;
color:var(--mist);
letter-spacing:.07em;
font-variant-numeric:tabular-nums
}
/* core */
.kitxt h3{font-size:17.6px;line-height:1.5;letter-spacing:-.022em;margin-top:9px}
.kitxt h3 a:hover{color:var(--cinnabar)}
.kitxt p{
font-size:14.5px;
color:var(--faint);
margin-top:10px
}
.lnkmx{color:var(--cinnabar);transition:gap .2s;font-weight:600;gap:6px;display:inline-flex;margin-top:12px;align-items:center;font-size:14px}
.lnkmx:hover{gap:11px}

/* ---------- 10 表格化 FAQ ---------- */
.outerwy{overflow:hidden;
border-radius:var(--r4);
background:var(--sheet);
border:1px solid var(--rule)}
.chipvd + .chipvd{border-top:1px solid var(--rule)}
.chipvd summary{gap:14px;cursor:pointer;color:var(--ink);grid-template-columns:44px 1fr 20px;display:grid;align-items:baseline;padding:21px 24px;font-size:15.6px;list-style:none;font-weight:600;transition:background .18s}
.chipvd summary::-webkit-details-marker{display:none}
.chipvd summary::before{content:attr(data-i);font-size:13px;letter-spacing:.12em;color:var(--faint);font-weight:700}
.chipvd summary::after{
color:var(--cinnabar);
font-size:18px;
text-align:right;
content:"+";
line-height:1
}
.chipvd summary:hover{background:var(--sheet2)}
.chipvd[open] summary{color:var(--cinnabar)}
.chipvd[open] summary::after{content:"−"}
.chipvd .outerun{
max-width:900px;
font-size:14.9px;
padding:0 24px 24px 82px;
color:var(--faint)
}

/* ---------- 11 全宽 CTA ---------- */
.podj6{position:relative;color:rgba(255,255,255,.82);overflow:hidden;background:var(--cinnabar)}
.podj6::before{position:absolute;content:"";inset:0;pointer-events:none;background:
  radial-gradient(560px 300px at 88% -20%,rgba(255,255,255,.16),transparent 62%),
  radial-gradient(460px 260px at 4% 118%,rgba(0,0,0,.16),transparent 64%)}
.herotj{position:relative;display:grid;gap:26px;padding:56px 0}
.podj6 h2{  font-size:clamp(22px,4.2vw,33px);
  color:#fff;
  letter-spacing:-.032em}
.podj6 p{color:rgba(255,255,255,.8);margin-top:14px;max-width:620px;font-size:15.8px}
.podj6 .hdxc{margin-top:0}
.podj6 .frameks{
color:var(--cinnabar);
box-shadow:0 16px 30px -18px rgba(0,0,0,.5);
background:#fff
}
.podj6 .frameks:hover{background:#fff;color:var(--cinnabar-d)}
.podj6 .herof7{ border-color:rgba(255,255,255,.42);
 color:#fff}
.podj6 .herof7:hover{  background:rgba(255,255,255,.08);
  border-color:#fff;
  color:#fff}

/* ---------- 12 页脚 ---------- */
.nodefa{border-top:1px solid var(--rule);background:var(--paper);padding:52px 0 26px}
.ftag{gap:28px;display:grid}
.ftpk{  color:var(--ink);
  margin-bottom:13px;
  font-size:16px;
  gap:10px;
  align-items:center;
  font-weight:700;
  display:flex}
.ftpk i{flex:none;height:26px;border-radius:8px;background:var(--cinnabar);width:26px}
.wrapez{ line-height:1.85;
 color:var(--faint);
 max-width:370px;
 font-size:14.3px}
.gridew h4{
color:var(--faint);
text-transform:uppercase;
margin-bottom:15px;
letter-spacing:.16em;
font-size:13px
}
.blkj6{display:grid;
gap:10px}
.blkj6 a{font-size:14.3px;transition:color .18s;color:var(--body)}
.blkj6 a:hover{color:var(--cinnabar)}
.framez6{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;padding-top:19px;font-size:13px;display:flex;color:var(--faint);margin-top:38px;gap:8px 18px}

/* ---------- 13 文章页 ---------- */
.ftxa{padding:40px 0 66px}
.midbg{color:var(--faint);font-size:13px;margin-bottom:22px}
.midbg a:hover{color:var(--cinnabar)}
.midbg span{color:var(--body)}
.chipnq{max-width:820px}
.chipnq h1{font-size:clamp(24px,4.6vw,36px);
letter-spacing:-.034em}
.contsz{align-items:center;flex-wrap:wrap;color:var(--faint);display:flex;gap:8px 16px;margin-top:15px;font-size:13px}
.contsz b{letter-spacing:.06em;font-weight:600;color:var(--mist)}
.contsz em{font-weight:600;color:var(--cinnabar);font-style:normal}
.kitdt{margin:28px 0;background:var(--sheet2);box-shadow:var(--e1);border-radius:var(--r3);border:1px solid var(--rule);overflow:hidden}
.kitdt img{
width:100%;
aspect-ratio:16/10;
object-fit:cover
}
.slotp3{max-width:820px}
/* module */
.slotp3 h2{  border-bottom:1px solid var(--rule);
  letter-spacing:-.028em;
  padding-bottom:10px;
  margin:42px 0 14px;
  font-size:clamp(19px,3.4vw,24px)}
.slotp3 h3{margin:28px 0 10px;font-size:17.3px;color:var(--mist)}
.slotp3 p{margin:14px 0;font-size:16.1px}
.slotp3 ul{margin:14px 0;display:grid;gap:9px}
.slotp3 li{position:relative;padding-left:18px;font-size:15.5px}
.slotp3 li::before{left:0;content:"—";color:var(--cinnabar);position:absolute}
.slotp3 strong{font-weight:600;color:var(--ink)}
.figt0{border:1px solid var(--rule);box-shadow:var(--e1);background:var(--sheet);border-left:3px solid var(--mist);font-size:15px;padding:20px 22px;border-radius:var(--r2);margin:26px 0}
.figt0 b{color:var(--mist)}
.outerys{font-size:15px;transition:gap .2s;align-items:center;display:inline-flex;color:var(--cinnabar);margin-top:40px;gap:8px;font-weight:600}
.outerys:hover{gap:13px}

/* ---------- 14 响应式 ---------- */
@media(min-width:700px){
  .coretr{grid-template-columns:repeat(4,1fr)}
  .coretr > div{  border-right:1px solid var(--rule);
  border-bottom:0}
  .coretr > div:nth-child(2n){border-right:1px solid var(--rule)}
  .coretr > div:last-child{border-right:0}
/* grid */
  .boxy1{grid-template-columns:1fr 1fr}
  .cards6:first-child{padding-right:30px;border-right:1px solid var(--rule)}
  .cards6:last-child{padding-left:30px}
  .cards6{border-bottom:0}
  .ftag{grid-template-columns:1.6fr 1fr 1fr}
}
@media(min-width:1020px){
  .coret5{padding:74px 0 0}
  .notep7{  grid-template-columns:1.02fr .98fr;
  gap:56px}
  .secgs{gap:20px;grid-template-columns:112px 1fr}
  .herotj{
gap:44px;
padding:66px 0;
align-items:center;
grid-template-columns:1.35fr auto
}
  .flow{padding-left:52px}
  .flow-dot{left:-47px}
}
@media(max-width:620px){
  .grprd{display:none}
  .metae8 a{margin-right:18px}
  .flowey{gap:8px}
  .flowey figure:nth-child(even){transform:translateY(12px)}
  .chipvd summary{grid-template-columns:30px 1fr 18px;padding:18px 16px;gap:10px}
  .chipvd .outerun{padding:0 16px 20px 56px}
  .cardvd p{padding:16px 14px;font-size:14.2px}
  .frameh6 span{padding:13px 14px}
  .herotj{padding:44px 0}
}
@media(prefers-reduced-motion:reduce){
  *{  scroll-behavior:auto!important;
  animation:none!important;
  transition:none!important}
  .flowey figure:nth-child(even){transform:none}
}

/* ---------- 相关文章（文章页内链，把权重留在站内） ---------- */
.fignn{ border-top:1px solid var(--line,#E4E4EC);
 margin-top:56px;
 padding-top:30px}
.fignn h2{font-size:19px;margin:0 0 16px}
.tilezg{gap:12px;display:grid}
@media(min-width:720px){.tilezg{grid-template-columns:repeat(3,1fr)}}
.tilezg a{border-radius:var(--r2,14px);padding:15px 17px;background:var(--surface,var(--sheet,#fff));transition:border-color .2s,transform .2s;display:block;border:1px solid var(--line,#E4E4EC)}
.tilezg a:hover{transform:translateY(-2px);border-color:var(--brand,var(--jade,var(--accent,currentColor)))}
.tilezg h3{ line-height:1.45;
 margin:0;
 font-size:15px}
.tilezg p{overflow:hidden;display:-webkit-box;color:var(--dim,#7D8197);line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;margin:8px 0 0}
/* 首屏文字列：grid 子项要给 min-width:0，否则长词会把列撑破 */
.setqy{min-width:0}


/* ---------- 15 扩展：关于我们 / 分类 ---------- */
/* tone */
.ftj1{
display:grid;
gap:34px
}
.setnz{display:grid;
align-items:start;
gap:12px;
grid-template-columns:1fr 1fr}
.setnz figure{box-shadow:var(--e1);border:1px solid var(--rule);margin:0;background:var(--sheet2);border-radius:var(--r3);overflow:hidden}
.setnz img{  object-fit:cover;
  width:100%}
.setnz figure:first-child img{aspect-ratio:4/5}
.setnz figure:last-child img{margin-top:28px;aspect-ratio:3/4}
.wraps6 h2{letter-spacing:-.032em;margin-top:14px;font-size:clamp(23px,4.2vw,33px)}
.wraps6 p{font-size:15.8px;margin-top:18px}
.listbp{line-height:1.74;margin:26px 0 0;font-size:17px;padding:6px 0 6px 20px;color:var(--ink);border-left:2px solid var(--cinnabar)}
.listbp footer{font-size:13px;
margin-top:12px;
letter-spacing:.05em;
color:var(--faint)}
.corebc{
gap:0;
margin-top:32px;
display:grid;
border-top:1px solid var(--rule)
}
.midn6{grid-template-columns:76px 1fr;display:grid;padding:19px 2px;border-bottom:1px solid var(--rule2);gap:16px}
.listzx{font-weight:700;color:var(--cinnabar);font-size:13px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.midn6 h3{letter-spacing:-.02em;font-size:16.4px}
.midn6 p{margin-top:8px;font-size:14.5px;color:var(--faint)}
.setz0{  overflow:hidden;
  gap:1px;
  border-radius:var(--r2);
  grid-template-columns:repeat(2,1fr);
  border:1px solid var(--rule);
  background:var(--rule);
  display:grid;
  margin-top:28px}
.setz0 > div{  padding:16px;
  background:var(--sheet)}
.setz0 b{letter-spacing:-.04em;color:var(--ink);font-size:22px;display:block;font-variant-numeric:tabular-nums}
.setz0 b i{font-style:normal;color:var(--cinnabar)}
.setz0 span{color:var(--faint);display:block;margin-top:5px;font-size:13px}

.cardt6{border-radius:var(--r3);background:var(--sheet);overflow:hidden;border:1px solid var(--rule)}
.deckcs{  border-bottom:1px solid var(--rule2);
  transition:background .2s;
  padding:24px 22px}
.deckcs:last-child{border-bottom:0}
.deckcs:hover{background:var(--sheet2)}
.figur{font-size:12px;font-weight:700;color:var(--cinnabar);letter-spacing:.18em}
.deckcs h3{letter-spacing:-.022em;margin-top:11px;font-size:19px}
.deckcs p{color:var(--faint);
max-width:720px;
margin-top:12px;
font-size:14.8px}
.deckcs ul{display:grid;gap:9px;margin-top:14px}
.deckcs li{padding-left:18px;position:relative;font-size:14.2px;color:var(--faint)}
.deckcs li::before{content:"—";
left:0;
color:var(--cinnabar);
position:absolute}
@media(min-width:700px){
  .setz0{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:900px){
  .deckcs{  display:grid;
  grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:22px}
  .figur{padding-top:4px}
  .deckcs h3{margin-top:0}
  .deckcs p{margin-top:0}
  .deckcs ul{margin-top:0}
}
/* part */
@media(min-width:1020px){
  .ftj1{gap:52px;align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}

/* ---------- 补齐：Base 用到但样式表没写的类 ---------- */
.hero-copy{display:block}
.blkjv{display:block}

/* ---------- 移动端打磨 ----------
   百度移动友好度要求可点击元素不能太小：窄屏下导航与页脚链接统一 ≥36px 高。
   字号方面：正文不小于 13px（各模板里 12.x 的辅助文字已统一抬到 13px）。 */
@media(max-width:767px){
  header a,aside a,nav a,.side-nav a,.side-cta,.side-mark,
  .menu a,.nav-list a,.grprd,.topbar a,.btn,.blkj6 a,.foot-links a{
align-items:center;
display:inline-flex;
min-height:36px
}
  .blkj6 a,.foot-links a{min-height:38px}
}