@charset "utf-8";
/* ==========================================================================
   上海品茶工作室 · UI v3
   Template: BENTO VIOLET  /  浅色 bento 网格 · 左轴分栏首屏
   01 令牌 02 基础 03 通告跑马灯 04 导航 05 首屏分栏+2x2拼贴+数据带
   06 区块通用 07 Bento 服务网格 08 文章双列卡 09 FAQ 左轴双栏
   10 横向 CTA 11 页脚 12 文章页 13 响应式
   ========================================================================== */

/* ---------- 01 令牌 ---------- */
:root{--r3:21.6px;--bg:#F5F5F8;--surface2:#FAFAFC;--dim:#7A7A8C;--ink:#141420;--font:Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--orange:#FB1A14;--violet-deep:#201FB8;--r1:13px;--r2:19.9px;--text:#4A4A57;--ink-bar:#141420;--sh:0 1px 2px rgba(20,20,32,.04), 0 10px 26px -18px rgba(20,20,32,.2);--line2:#EFEFF4;--sh-h:0 2px 6px rgba(20,20,32,.05), 0 26px 54px -26px rgba(39,38,219,.36);--surface:#FFFFFF;--r4:30.2px;--max:1200px;--orange-soft:#FD473A;--violet:#2726DB;--violet-soft:#5A67F8;--line:#E6E9EE}

/* ---------- 02 基础 ---------- */
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
font:400 16px/1.78 var(--font);
background:var(--bg);
color:var(--text);
margin:0;
-moz-osx-font-smoothing:grayscale
}
img{height:auto;display:block;max-width:100%}
a{ color:inherit;
 text-decoration:none}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{letter-spacing:-.018em;color:var(--ink);font-weight:700;line-height:1.3}
ul{
margin:0;
list-style:none;
padding:0
}
::selection{background:rgba(39,38,219,.2)}
:focus-visible{outline-offset:3px;outline:2px solid var(--orange);border-radius:6px}
.nowrap{white-space:nowrap}
.figg1{z-index:1;position:relative}
.pickdz{
margin:0 auto;
max-width:var(--max);
padding:0 20px;
width:100%
}
.a11y{width:1px;clip:rect(0 0 0 0);height:1px;overflow:hidden;white-space:nowrap;position:absolute!important}
/* shell */
.basesv{left:-9999px;position:absolute}
.basesv:focus{z-index:80;box-shadow:var(--sh);color:var(--violet);padding:10px 18px;top:14px;border-radius:var(--r1);left:18px;background:var(--surface)}

/* ---------- 03 通告跑马灯 ---------- */
.lnkgu{
color:rgba(255,255,255,.88);
overflow:hidden;
background:var(--ink-bar);
position:relative
}
.lanerz{width:max-content;white-space:nowrap;display:flex;animation:barslide 30s linear infinite;padding:9px 0;font-size:13px}
.lanerz span{gap:8px;padding:0 20px;align-items:center;display:inline-flex}
.lanerz span::before{  content:"";
  flex:none;
  border-radius:50%;
  height:5px;
  background:var(--orange-soft);
  width:5px}
@keyframes barslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- 04 导航 ---------- */
.boardzf{backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);top:0;position:sticky;z-index:40;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}
.unitmx{
display:flex;
gap:16px;
padding:0 20px;
height:68px;
margin:0 auto;
max-width:var(--max);
align-items:center
}
.cellra{letter-spacing:-.012em;display:flex;color:var(--ink);flex:none;align-items:center;font-size:16px;white-space:nowrap;gap:10px;font-weight:700}
.cellra i{ background:linear-gradient(135deg,var(--violet),var(--orange));
 width:30px;
 border-radius:10px;
 flex:none;
 height:30px;
 position:relative}
.cellra i::after{
inset:9px;
position:absolute;
border-radius:4px;
content:"";
border:2px solid #fff
}
.unitfz{
display:flex;
gap:2px;
overflow-x:auto;
flex:1;
-webkit-overflow-scrolling:touch;
scrollbar-width:none
}
.unitfz::-webkit-scrollbar{display:none}
.unitfz a{color:var(--dim);padding:9px 14px;white-space:nowrap;border-radius:var(--r1);position:relative;transition:color .18s,background .18s;font-size:15px}
.unitfz a:hover{background:rgba(39,38,219,.06);color:var(--violet)}
.unitfz a::after{transform-origin:left;left:14px;height:2px;right:14px;position:absolute;transform:scaleX(0);content:"";background:linear-gradient(90deg,var(--violet),var(--orange));bottom:4px;border-radius:2px;transition:transform .22s}
.unitfz a:hover::after{transform:scaleX(1)}
.tagda{display:inline-flex;height:42px;background:var(--ink);letter-spacing:.01em;flex:none;color:#fff;border-radius:999px;font-weight:600;align-items:center;font-size:14.5px;transition:background .18s,transform .18s,box-shadow .18s;padding:0 22px}
.tagda:hover{
transform:translateY(-1px);
box-shadow:0 12px 24px -12px rgba(39,38,219,.8);
background:var(--violet)
}

/* ---------- 05 首屏 ---------- */
.pillh1{
background:
  radial-gradient(720px 420px at 96% -12%,rgba(39,38,219,.1),transparent 62%),
  radial-gradient(560px 340px at 2% 8%,rgba(251,26,20,.09),transparent 60%),var(--bg);
padding:56px 0 64px
}
.podga{ align-items:center;
 display:grid;
 gap:40px}
.hdqd{gap:9px;align-items:center;border:1px solid rgba(39,38,219,.2);font-size:13px;padding:7px 15px;background:rgba(39,38,219,.07);color:var(--violet);border-radius:999px;display:inline-flex;font-weight:600}
.hdqd b{height:6px;flex:none;background:var(--orange);border-radius:50%;width:6px}
.txtuw{margin-top:24px;font-size:clamp(28px,5.8vw,52px);letter-spacing:-.035em;line-height:1.16}
.cardj2{font-size:16.5px;margin-top:22px;max-width:600px;color:var(--text)}
.contst{gap:12px;flex-wrap:wrap;margin-top:30px;display:flex}
.figqb{border-radius:var(--r1);display:inline-flex;justify-content:center;height:50px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;font-size:15px;border:1px solid transparent;padding:0 26px;font-weight:600;align-items:center}
/* skin */
.listbk{
box-shadow:0 16px 32px -16px rgba(39,38,219,.85);
background:var(--violet);
color:#fff
}
.listbk:hover{transform:translateY(-2px);background:var(--violet-deep)}
.coretk{ color:var(--ink);
 background:var(--surface);
 border-color:var(--line);
 box-shadow:var(--sh)}
.coretk:hover{
border-color:rgba(251,26,20,.55);
color:var(--violet);
transform:translateY(-2px)
}

.boardkf{  gap:14px;
  grid-template-rows:auto auto;
  grid-template-columns:1.1fr 1fr;
  display:grid}
.boardkf figure{border:1px solid var(--line);
box-shadow:var(--sh);
background:var(--surface2);
border-radius:var(--r3);
overflow:hidden;
margin:0}
.boardkf figure:nth-child(1){position:relative;
grid-row:1/3}
.boardkf figure:nth-child(1) img{position:absolute;inset:0;height:100%;object-fit:cover;width:100%}
.boardkf figure:nth-child(2) img,.boardkf figure:nth-child(3) img{width:100%;aspect-ratio:1/1;object-fit:cover}

.framesr{overflow:hidden;gap:1px;margin-top:48px;border:1px solid var(--line);border-radius:var(--r3);background:var(--line);display:grid;grid-template-columns:repeat(2,1fr)}
.framesr > div{background:var(--surface);padding:22px 20px}
.framesr b{font-variant-numeric:tabular-nums;color:var(--ink);display:block;font-size:clamp(21px,3.6vw,29px);letter-spacing:-.04em}
.framesr b i{color:var(--orange);font-style:normal}
.framesr span{ display:block;
 font-size:13px;
 color:var(--dim);
 margin-top:6px}

/* ---------- 06 区块通用 ---------- */
.icony{padding:78px 0}
.icony.sides6{
border-bottom:1px solid var(--line);
background:var(--surface);
border-top:1px solid var(--line)
}
.unitnf{max-width:680px;margin-bottom:42px}
.metawh{color:var(--orange);
align-items:center;
letter-spacing:.2em;
gap:8px;
display:inline-flex;
text-transform:uppercase;
font-weight:700;
font-size:12px}
.metawh::before{
content:"";
background:currentColor;
width:22px;
height:1.5px
}
.unitnf h2{font-size:clamp(23px,4.4vw,34px);
letter-spacing:-.03em;
margin-top:14px}
.unitnf p{
color:var(--dim);
margin-top:16px;
font-size:15.5px
}

/* ---------- 07 Bento 服务网格 ---------- */
.listrd{  gap:16px;
  grid-template-columns:1fr;
  display:grid}
.icon5{position:relative;box-shadow:var(--sh);background:var(--surface);display:flex;padding:26px;border:1px solid var(--line);overflow:hidden;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;border-radius:var(--r4)}
.icon5:hover{border-color:rgba(39,38,219,.34);
box-shadow:var(--sh-h);
transform:translateY(-4px)}
.icon5::before{pointer-events:none;background:radial-gradient(circle,rgba(39,38,219,.09),transparent 70%);width:120px;top:-40px;position:absolute;content:"";border-radius:50%;right:-40px;height:120px}
.boardmk{font-weight:700;font-size:13px;letter-spacing:.16em;color:var(--orange)}
.icon5 h3{font-size:18px;margin-top:14px;letter-spacing:-.02em}
.icon5 p{color:var(--dim);margin-top:12px;font-size:14.7px}
.midz8{
margin:-26px -26px 22px;
background:var(--surface2);
overflow:hidden
}
.midz8 img{width:100%;aspect-ratio:16/11;object-fit:cover}
.icon5 ul{margin-top:16px;gap:9px;display:grid}
.icon5 li{font-size:14.3px;color:var(--dim);padding-left:18px;position:relative}
.icon5 li::before{
width:7px;
position:absolute;
left:0;
top:9px;
content:"";
height:7px;
background:linear-gradient(135deg,var(--violet),var(--orange));
border-radius:2px
}

/* ---------- 08 文章双列卡 ---------- */
.ftet{grid-template-columns:1fr;gap:20px;display:grid}
.ftpt{flex-direction:column;position:relative;overflow:hidden;display:flex;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);border-radius:var(--r3);transition:transform .22s,box-shadow .22s,border-color .22s}
.ftpt:hover{box-shadow:var(--sh-h);border-color:rgba(39,38,219,.34);transform:translateY(-4px)}
.itempb{background:var(--surface2);margin:0;position:relative;overflow:hidden}
.itempb img{aspect-ratio:4/3;transition:transform .5s ease;object-fit:cover;width:100%}
.ftpt:hover .itempb img{transform:scale(1.035)}
.coreh6{letter-spacing:-.05em;left:16px;top:12px;-webkit-text-stroke:1.4px rgba(255,255,255,.7);position:absolute;font-weight:800;font-size:38px;color:transparent;line-height:1}
.outerhc{flex:1;display:flex;padding:22px 22px 24px;flex-direction:column}
.ftpt time{ letter-spacing:.07em;
 font-variant-numeric:tabular-nums;
 font-weight:600;
 font-size:13px;
 color:var(--violet)}
.ftpt h3{  letter-spacing:-.022em;
  line-height:1.45;
  font-size:18.5px;
  margin-top:10px}
.ftpt h3 a:hover{color:var(--violet)}
.ftpt p{margin-top:12px;
color:var(--dim);
flex:1;
font-size:14.6px}
.mainu9{
align-items:center;
gap:7px;
transition:gap .2s;
display:inline-flex;
margin-top:18px;
font-size:14.5px;
font-weight:600;
color:var(--orange)
}
.mainu9:hover{gap:12px}

/* ---------- 09 FAQ 左轴双栏 ---------- */
.sidepm{gap:28px;display:grid}
.ftgw{max-width:420px}
.ftgw h2{font-size:clamp(22px,4vw,31px);margin-top:14px;letter-spacing:-.03em}
.ftgw p{font-size:15.4px;color:var(--dim);margin-top:16px}
.pnlfb{margin-top:24px}
.basehm{display:grid;gap:12px}
.setnd{
transition:border-color .2s,box-shadow .2s;
padding:0 22px;
box-shadow:var(--sh);
border-radius:var(--r2);
background:var(--surface);
border:1px solid var(--line)
}
.setnd:hover{border-color:rgba(39,38,219,.3)}
.setnd[open]{box-shadow:var(--sh-h);border-color:rgba(39,38,219,.5)}
.setnd summary{transition:color .18s;gap:16px;padding:20px 0;font-size:15.6px;align-items:center;font-weight:600;justify-content:space-between;cursor:pointer;color:var(--ink);display:flex;list-style:none}
.setnd summary::-webkit-details-marker{display:none}
.setnd summary:hover{color:var(--violet)}
.setnd summary::after{line-height:1;content:"＋";font-size:17px;flex:none;color:var(--orange)}
.setnd[open] summary::after{content:"－"}
.setnd .hdq2{
color:var(--dim);
padding-top:16px;
border-top:1px solid var(--line2);
padding:0 0 22px;
font-size:14.8px
}

/* ---------- 10 横向 CTA ---------- */
.chipda{background:linear-gradient(118deg,rgba(39,38,219,.1),rgba(251,26,20,.09) 62%,rgba(39,38,219,.06)),var(--surface);border:1px solid var(--line);position:relative;padding:44px 30px;box-shadow:var(--sh-h);border-radius:var(--r4);overflow:hidden}
.chipda::after{ background:repeating-linear-gradient(115deg,transparent 0 20px,rgba(39,38,219,.05) 20px 40px);
 position:absolute;
 inset:0;
 pointer-events:none;
 content:"";
 opacity:.6}
/* skin */
.cellx4{  position:relative;
  display:grid;
  gap:24px}
.mainfa h2{
letter-spacing:-.03em;
font-size:clamp(22px,4.2vw,32px)
}
/* base */
.mainfa p{margin-top:14px;max-width:560px;color:var(--text);font-size:15.8px}
.metaky{flex-wrap:wrap;display:flex;gap:12px}

/* ---------- 11 页脚 ---------- */
.figy2{border-top:1px solid var(--line);padding:56px 0 28px;background:var(--surface)}
.grpan{display:grid;gap:30px}
.cardgq h4{color:var(--dim);text-transform:uppercase;margin-bottom:16px;font-size:13px;letter-spacing:.16em}
/* block */
.slotp6{font-weight:700;gap:10px;margin-bottom:14px;display:flex;font-size:16px;align-items:center;color:var(--ink)}
.slotp6 i{height:28px;border-radius:9px;width:28px;flex:none;background:linear-gradient(135deg,var(--violet),var(--orange))}
.linesv{max-width:360px;line-height:1.85;color:var(--dim);font-size:14.4px}
.gridk2{display:grid;gap:11px}
.gridk2 a{color:var(--text);transition:color .18s;font-size:14.4px}
.gridk2 a:hover{color:var(--violet)}
.boxsm{
flex-wrap:wrap;
padding-top:20px;
justify-content:space-between;
font-size:13px;
margin-top:40px;
color:var(--dim);
display:flex;
gap:8px 18px;
border-top:1px solid var(--line)
}

/* ---------- 12 文章页 ---------- */
.basewn{padding:40px 0 68px}
.chipwa{font-size:13px;margin-bottom:22px;color:var(--dim)}
.chipwa a:hover{color:var(--violet)}
.chipwa span{color:var(--text)}
.lnkjj{max-width:800px}
.lnkjj h1{
font-size:clamp(24px,4.8vw,37px);
letter-spacing:-.032em
}
.colah{color:var(--dim);display:flex;flex-wrap:wrap;margin-top:16px;gap:8px 16px;align-items:center;font-size:13px}
.colah b{font-weight:600;
color:var(--orange);
letter-spacing:.06em}
.colah em{  font-weight:600;
  color:var(--violet);
  font-style:normal}
.noteh1{  background:var(--surface2);
  border:1px solid var(--line);
  border-radius:var(--r4);
  box-shadow:var(--sh);
  margin:30px 0;
  overflow:hidden}
.noteh1 img{  aspect-ratio:16/10;
  width:100%;
  object-fit:cover}
.sects{max-width:800px}
.sects h2{font-size:clamp(19px,3.5vw,25px);margin:42px 0 14px;letter-spacing:-.026em;line-height:1.4;border-left:3px solid var(--violet);padding-left:16px}
.sects h3{font-size:17.4px;
margin:28px 0 10px;
color:var(--violet-deep)}
.sects p{
margin:14px 0;
font-size:16.1px
}
.sects ul{ gap:9px;
 margin:14px 0;
 padding-left:20px;
 list-style:disc;
 display:grid}
.sects li{font-size:15.5px}
/* block */
.sects li::marker{color:var(--orange)}
.sects strong{  font-weight:600;
  color:var(--ink)}
.hdnq{color:var(--text);padding:20px 22px;margin:26px 0;background:var(--surface);border-left:3px solid var(--orange);border:1px solid var(--line);box-shadow:var(--sh);border-radius:var(--r3);font-size:15px}
.hdnq b{color:var(--violet)}
.boardvr{font-weight:600;gap:8px;font-size:15px;display:inline-flex;transition:gap .2s;align-items:center;margin-top:40px;color:var(--violet)}
.boardvr:hover{gap:13px}

/* ---------- 13 响应式 ---------- */
@media(min-width:700px){
  .framesr{grid-template-columns:repeat(4,1fr)}
  .listrd{ gap:18px;
 grid-template-columns:repeat(2,1fr)}
/* part */
  .icon5.zonewa{grid-column:span 2}
  .ftet{gap:22px;grid-template-columns:repeat(2,1fr)}
  .grpan{grid-template-columns:1.5fr 1fr 1fr 1fr}
}
/* view */
@media(min-width:1020px){
  .pillh1{padding:68px 0 78px}
  .podga{gap:60px;grid-template-columns:1.04fr .96fr}
  .listrd{grid-template-columns:repeat(4,1fr);gap:18px}
  .icon5.zonewa{ grid-column:span 2;
 grid-row:span 2}
  .sidepm{grid-template-columns:.86fr 1.14fr;gap:54px;align-items:start}
  .ftgw{
top:110px;
position:sticky
}
  .chipda{padding:52px 46px}
  .cellx4{
align-items:center;
gap:40px;
grid-template-columns:1.3fr auto
}
}
@media(max-width:560px){
  .tagda{display:none}
  .boardkf{gap:10px}
  .framesr > div{padding:18px 16px}
  .icon5{padding:22px}
/* frame */
  .midz8{margin:-22px -22px 20px}
  .coreh6{font-size:30px}
  .chipda{padding:34px 22px}
}
@media(prefers-reduced-motion:reduce){
  *{ transition:none!important;
 scroll-behavior:auto!important;
 animation:none!important}
  .lnkgu{overflow-x:auto}
}

/* ---------- 相关文章（文章页内链，把权重留在站内） ---------- */
.setgf{margin-top:56px;border-top:1px solid var(--line,#E4EAEC);padding-top:30px}
.setgf h2{
font-size:19px;
margin:0 0 16px
}
.nodem7{gap:12px;display:grid}
@media(min-width:720px){.nodem7{grid-template-columns:repeat(3,1fr)}}
.nodem7 a{transition:border-color .2s,transform .2s;background:var(--surface,var(--sheet,#fff));border-radius:var(--r2,14px);border:1px solid var(--line,#E4EAEC);display:block;padding:15px 17px}
.nodem7 a:hover{transform:translateY(-2px);border-color:var(--brand,var(--jade,var(--accent,currentColor)))}
.nodem7 h3{margin:0;line-height:1.45;font-size:15px}
.nodem7 p{color:var(--dim,#7E9396);margin:8px 0 0;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;line-height:1.6}


/* ---------- 14 扩展：关于我们 / 分类 ---------- */
.grpsm{gap:34px;
display:grid}
.grpeg{
display:grid;
gap:12px;
grid-template-columns:1fr 1fr;
align-items:start
}
.grpeg figure{  background:var(--surface2);
  border:1px solid var(--line);
  box-shadow:var(--sh);
  border-radius:var(--r3);
  margin:0;
  overflow:hidden}
.grpeg img{width:100%;object-fit:cover}
.grpeg figure:first-child img{aspect-ratio:4/5}
.grpeg figure:last-child img{ aspect-ratio:3/4;
 margin-top:28px}
.listst h2{  margin-top:14px;
  font-size:clamp(23px,4.4vw,33px);
  letter-spacing:-.03em}
.listst p{
font-size:15.8px;
margin-top:18px
}
.ftfg{
line-height:1.74;
border-left:2px solid var(--violet);
margin:26px 0 0;
color:var(--ink);
padding:6px 0 6px 20px;
font-size:17px
}
.ftfg footer{font-size:13px;color:var(--dim);letter-spacing:.05em;margin-top:12px}
.metaqq{ gap:0;
 margin-top:32px;
 display:grid;
 border-top:1px solid var(--line)}
.fte2{
gap:16px;
display:grid;
padding:19px 2px;
border-bottom:1px solid var(--line2);
grid-template-columns:76px 1fr
}
.pillvb{
letter-spacing:.1em;
font-weight:700;
color:var(--orange);
font-variant-numeric:tabular-nums;
font-size:13px
}
.fte2 h3{
font-size:16.4px;
letter-spacing:-.02em
}
.fte2 p{color:var(--dim);margin-top:8px;font-size:14.5px}
.listfj{ grid-template-columns:repeat(2,1fr);
 display:grid;
 margin-top:28px;
 border:1px solid var(--line);
 background:var(--line);
 overflow:hidden;
 gap:1px;
 border-radius:var(--r2)}
.listfj > div{ padding:16px;
 background:var(--surface)}
.listfj b{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);display:block;font-size:22px}
.listfj b i{color:var(--orange);font-style:normal}
.listfj span{display:block;color:var(--dim);font-size:13px;margin-top:5px}

.boxj0{display:grid;
gap:16px}
.seczq{  border:1px solid var(--line);
  background:var(--surface);
  transition:transform .22s,box-shadow .22s,border-color .22s;
  border-radius:var(--r3);
  padding:24px 22px;
  position:relative;
  box-shadow:var(--sh);
  overflow:hidden}
.seczq::before{top:-1px;
content:"";
left:22px;
background:linear-gradient(90deg,var(--violet),var(--orange));
height:2px;
position:absolute;
width:26px}
.seczq:hover{
box-shadow:var(--sh-h);
border-color:rgba(39,38,219,.34);
transform:translateY(-4px)
}
.kitb2{letter-spacing:.18em;color:var(--orange);font-weight:700;font-size:12px}
.seczq h3{
letter-spacing:-.022em;
margin-top:12px;
font-size:19px
}
.seczq p{
color:var(--dim);
margin-top:12px;
font-size:14.7px
}
.seczq ul{display:grid;margin-top:16px;gap:9px}
.seczq li{font-size:14.2px;
color:var(--dim);
padding-left:18px;
position:relative}
/* core */
.seczq li::before{width:7px;background:linear-gradient(135deg,var(--violet),var(--orange));top:9px;left:0;border-radius:2px;position:absolute;height:7px;content:""}
/* skin */
@media(min-width:700px){
  .listfj{grid-template-columns:repeat(4,1fr)}
  .boxj0{grid-template-columns:1fr 1fr}
}
@media(min-width:1020px){
  .grpsm{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:52px;align-items:start}
}

/* ---------- 补齐 Base 通用区块类 ----------
   Base.cardhb()/about() 用的是 .herokq / .lanee1，
   而本模板的样式表只有 .icony / .unitnf，导致这两个区块没有上下留白。 */
.herokq{padding:78px 0}
.herokq.sides6{border-top:1px solid var(--line);background:var(--surface);border-bottom:1px solid var(--line)}
.lanee1{max-width:680px;
margin-bottom:42px}
.lanee1 h2{letter-spacing:-.03em;margin-top:14px;font-size:clamp(23px,4.4vw,34px)}
.lanee1 p{
font-size:15.5px;
color:var(--dim);
margin-top:16px
}
.ftxe{display:block}
.carduq{display:block}

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