@charset "utf-8";
/* bands-forest | 现代黑体 · 1400 疏朗留白 · 大圆角亲和 · 计数序号标题 · 整块浅盘 · 品牌大字 · 宽版大字 · 纯白底 */
:root{--r4:30.4px;--tz-body:1;--max:1160px;--r3:15.1px;--lh-head:1.26;--dens-base:1;--r-pill:999px;--bw:1px;--fs-base:16px;--fw-head:700;--sh:0 1px 2px rgba(16,20,24,.04),0 10px 24px -18px rgba(16,20,24,.22);--r1:10.1px;--h5:17.3px;--gut:20px;--r2:17.6px;--font:Tahoma,Verdana,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--h1:clamp(30px,5.2vw,48px);--h2:clamp(23px,4.2vw,33px);--dens:var(--dens-base);--tz:1;--fw-body:400;--font-head:var(--font);--h4:clamp(17.5px,3vw,21px);--shh:0 2px 8px rgba(16,20,24,.06),0 28px 56px -28px rgba(16,20,24,.3);--track-h:-.022em;--r-media:18px;--r-btn:10px;--h3:clamp(19px,3.4vw,24px);--rk:1;--lead:1.78}

:root{--dark-accent:#D4D388;--accent-soft:#CCCA6F;--brand-l:#E4EBEA;--ink:#12211A;--accent:#B5B332;--line2:#F0F4EE;--body:#5E6863;--line:#DAE7DB;--brand-d:#19473F;--surface2:#F1F6F0;--dark-fg:rgba(255,255,255,.7);--brand:#215A50;--surface:#FFFFFF;--brand-soft:#7E9F99;--bg:#FFFFFF;--dark-bg:#162D2A;--dim:#929996}




*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
img,svg,video{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,ol,ul,dl,dd,pre{margin:0}
ul,ol{list-style:none;padding:0}
button,input,select,textarea{
font:inherit;
color:inherit
}
button{
cursor:pointer;
padding:0;
border:0;
background:none
}
table{ border-collapse:collapse;
 border-spacing:0}
summary{display:list-item}
summary::-webkit-details-marker{display:none}
hr{border:0;margin:0}
[hidden]{display:none!important}


.vh{white-space:nowrap;position:absolute!important;clip-path:inset(50%);height:1px;overflow:hidden;width:1px;clip:rect(0 0 0 0)}
.nodezb{top:0;left:-9999px;position:absolute}
.nodezb:focus{
top:14px;
left:16px;
color:#fff;
padding:11px 20px;
background:var(--brand,#174243);
border-radius:6px;
z-index:99
}
:focus-visible{ border-radius:3px;
 outline:2px solid var(--accent,#bdb141);
 outline-offset:3px}

@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important;animation:none!important}
}


@media(max-width:767px){
  a,button,summary,select{min-height:36px}
  header a,aside a,nav a,.pnly7 a,.foot-links a,.btn,.metahy,.blkn8{display:inline-flex;min-height:36px;align-items:center}
}





.setre{display:block}
.ftww{width:100%;margin:0 auto;max-width:var(--max);padding:0 var(--gut)}

body{background:var(--bg);line-height:var(--lead);color:var(--body);font-size:calc(var(--fs-base)*var(--tz-body));-webkit-font-smoothing:antialiased;font-family:var(--font);-moz-osx-font-smoothing:grayscale;font-weight:var(--fw-body,400)}
h1,h2,h3,h4{  line-height:var(--lh-head,1.26);
  color:var(--ink);
  letter-spacing:var(--track-h,-.022em);
  font-family:var(--font-head,var(--font));
  font-weight:var(--fw-head,700)}
p{margin:0}
b,strong{ font-weight:600;
 color:var(--ink)}
::selection{  background:var(--brand);
  color:#fff}

.mini{  font-size:13px;
  color:var(--dim)}
.lead{font-size:calc(17px*var(--tz));color:var(--body)}
.rule{border-top:var(--bw) solid var(--line)}
.center{margin-left:auto;margin-right:auto;text-align:center}
.tint{background:var(--surface2)}
.tagn6{background:var(--surface2)}


.m{flex-wrap:wrap;color:var(--dim);font-size:13px;display:flex;gap:6px 12px;align-items:center}
.m b{
color:var(--brand);
font-weight:600;
letter-spacing:.02em
}
.m time{font-variant-numeric:tabular-nums}
.m span{position:relative}
.m span::before{ color:var(--line);
 content:"·";
 margin-right:10px}


.no{ display:inline-block;
 font-variant-numeric:tabular-nums;
 font-size:12.5px;
 color:var(--accent);
 letter-spacing:.14em;
 font-weight:700}

.tag{
background:var(--surface2);
color:var(--body);
border:var(--bw) solid var(--line);
padding:4px 11px;
display:inline-flex;
align-items:center;
font-size:12.5px;
border-radius:var(--r-pill)
}


.secye{gap:9px;align-items:center;font-size:12.5px;display:inline-flex;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--accent)}
.secye::before{ flex:none;
 height:2px;
 content:"";
 background:currentColor;
 width:22px}


.lanekh{max-width:720px}
.lanekh h2{margin-top:calc(14px*var(--dens));font-size:calc(var(--h2)*var(--tz))}
.lanekh p{
color:var(--dim);
margin-top:calc(15px*var(--dens));
font-size:calc(15.5px*var(--tz))
}


.chipxh{
gap:12px;
flex-wrap:wrap;
display:flex
}
.metahy,.blkn8{display:inline-flex;
height:var(--h-btn,48px);
align-items:center;
transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;
font-weight:600;
justify-content:center;
border:var(--bw) solid transparent;
font-size:15px;
border-radius:var(--r-btn);
padding:0 calc(26px*var(--dens))}
.metahy{
background:var(--brand);
color:#fff
}
.metahy:hover{background:var(--brand-d);transform:translateY(-2px)}
.blkn8{border-color:var(--line);color:var(--ink);background:var(--surface)}
.blkn8:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-2px)}
.btn-sm{
height:38px;
font-size:13.5px;
padding:0 16px
}

.itemjg{font-weight:600;transition:gap .2s;color:var(--accent);display:inline-flex;font-size:14px;align-items:center;gap:7px}
.itemjg:hover{gap:12px}


.navrm{display:grid;gap:calc(12px*var(--dens))}
.wrapne summary{font-weight:600;transition:color .18s;cursor:pointer;color:var(--ink)}
.wrapne summary:hover{color:var(--brand)}
.wrapne .corecv{color:var(--dim);font-size:calc(14.8px*var(--tz))}


.lnkwc{ background:var(--ft-bg,var(--surface2));
 border-top:var(--bw) solid var(--line);
 color:var(--ft-fg,var(--body));
 padding:calc(54px*var(--dens)) 0 calc(26px*var(--dens))}
.grppd{
display:grid;
gap:calc(28px*var(--dens))
}
.blkrk{
align-items:center;
margin-bottom:calc(13px*var(--dens));
gap:10px;
color:var(--ft-head,var(--ink));
font-size:calc(16px*var(--tz));
display:flex;
font-weight:700
}
.blkrk i{background:var(--brand);
width:26px;
border-radius:calc(8px*var(--rk));
height:26px;
flex:none}
.rowkg{line-height:1.86;max-width:400px;font-size:14.2px}
.mainmj h3{ opacity:.78;
 font-weight:700;
 text-transform:uppercase;
 font-size:12.5px;
 margin-bottom:calc(14px*var(--dens));
 letter-spacing:.16em;
 color:var(--ft-head,var(--dim))}
.pnly7{display:grid;gap:calc(10px*var(--dens))}
.pnly7 a{  transition:color .18s;
  font-size:14.2px}
.pnly7 a:hover{color:var(--ft-hi,var(--brand))}
.slotc1{justify-content:space-between;margin-top:calc(38px*var(--dens));border-top:var(--bw) solid var(--line);display:flex;opacity:.8;padding-top:calc(18px*var(--dens));gap:8px 20px;font-size:13px;flex-wrap:wrap}


.slotxt{padding:calc(38px*var(--dens)) 0 calc(70px*var(--dens))}
.tileb6{font-size:13px;color:var(--dim);margin-bottom:calc(22px*var(--dens))}
.tileb6 a:hover{color:var(--brand)}
.tileb6 span{color:var(--body)}
.basekm h1{font-size:calc(var(--h1)*var(--tz))}
.linea0{gap:8px 16px;
display:flex;
color:var(--dim);
flex-wrap:wrap;
font-size:13px;
align-items:center;
margin-top:calc(15px*var(--dens))}
.linea0 b{color:var(--brand);letter-spacing:.06em;font-weight:600}
.linea0 em{color:var(--accent);font-weight:600;font-style:normal}
.maine6{  overflow:hidden;
  background:var(--surface2);
  margin:calc(28px*var(--dens)) 0;
  border:var(--bw) solid var(--line);
  border-radius:var(--r-media)}
.maine6 img{object-fit:cover;aspect-ratio:16/10;width:100%}

.topye h2{border-left:calc(3px*var(--rk)) solid var(--brand);font-size:calc(var(--h4)*var(--tz));padding-left:15px;margin:calc(42px*var(--dens)) 0 calc(14px*var(--dens))}
.topye h3{margin:calc(28px*var(--dens)) 0 calc(10px*var(--dens));font-size:calc(var(--h5)*var(--tz));color:var(--brand-d)}
.topye p{font-size:calc(16.1px*var(--tz));margin:calc(14px*var(--dens)) 0}
.topye ul{gap:9px;display:grid;margin:calc(14px*var(--dens)) 0}
.topye li{font-size:calc(15.5px*var(--tz));
padding-left:18px;
position:relative}
.topye li::before{
background:var(--accent);
left:0;
width:7px;
content:"";
border-radius:calc(2px*var(--rk));
height:7px;
top:.62em;
position:absolute
}
.topye strong{
color:var(--ink);
font-weight:600
}
.topye blockquote{margin:calc(26px*var(--dens)) 0;
font-size:calc(15.4px*var(--tz));
border-left:var(--bw) solid var(--line);
padding:4px 0 4px 18px;
color:var(--dim)}
.kittd{display:inline-flex;color:var(--brand);margin-top:calc(40px*var(--dens));align-items:center;font-size:15px;font-weight:600;gap:8px;transition:gap .2s}
.kittd:hover{gap:13px}

.callout,.mainqw{padding:calc(18px*var(--dens)) calc(20px*var(--dens));margin:calc(26px*var(--dens)) 0;border:var(--bw) solid var(--line);font-size:calc(15px*var(--tz));border-left:calc(3px*var(--rk)) solid var(--accent);background:var(--surface2);border-radius:var(--r2)}
.callout b,.mainqw b{color:var(--brand)}


.linek3{
margin-top:calc(56px*var(--dens));
padding-top:calc(30px*var(--dens));
border-top:var(--bw) solid var(--line)
}
.linek3>h2{margin:0 0 calc(16px*var(--dens));font-size:calc(var(--h5)*var(--tz))}
.hdnr{
display:grid;
gap:calc(12px*var(--dens))
}
.hdnr a{border:var(--bw) solid var(--line);padding:calc(15px*var(--dens)) calc(17px*var(--dens));border-radius:var(--r2);display:block;transition:border-color .2s,transform .2s;background:var(--surface)}
.hdnr a:hover{border-color:var(--brand);transform:translateY(-2px)}
.hdnr h3{margin:0;font-size:calc(15px*var(--tz));line-height:1.45}
.hdnr p{-webkit-box-orient:vertical;overflow:hidden;color:var(--dim);margin:calc(8px*var(--dens)) 0 0;font-size:13px;line-height:1.6;-webkit-line-clamp:2;display:-webkit-box}
@media(min-width:760px){.hdnr{grid-template-columns:repeat(3,1fr)}}





































:root{--lead:1.78;--tz-body:1;--lh-head:1.24;--fw-head:700;--tz:1;--track-h:-.024em;--font:Tahoma,Verdana,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--font-head:var(--font);--fw-body:400}
h1{font-weight:800}
.secye{font-weight:700}




:root{--h4:clamp(19px,3.2vw,24px);--max:1360px;--fs-base:16.5px;--h2:clamp(27px,4.8vw,42px);--dens-base:1.32;--h3:clamp(22px,3.8vw,28px);--h1:clamp(36px,6vw,62px);--gut:40px;--h5:18.5px}
.lanekh{max-width:780px}
.lanekh p{max-width:60ch}




:root{--r1:24.3px;
--r-media:32px;
--r2:23.2px;
--r-btn:999px;
--r3:34px;
--r-pill:999px;
--rk:1.9;
--r4:57.9px;
--shh:0 4px 10px rgba(16,20,24,.05),0 40px 72px -34px rgba(16,20,24,.3);
--sh:0 2px 4px rgba(16,20,24,.03),0 18px 38px -22px rgba(16,20,24,.2);
--bw:0}
.metahy{box-shadow:0 16px 30px -16px var(--brand)}
.lanekh{padding:0}
.wrapne[open]{background:var(--surface)}




body{counter-reset:sechd}
.lanekh{counter-increment:sechd;
align-items:start;
display:grid;
grid-template-columns:auto minmax(0,1fr);
max-width:none;
column-gap:calc(34px*var(--dens))}
.lanekh::before{user-select:none;line-height:.86;grid-row:1 / span 3;font-size:calc(52px*var(--tz));font-variant-numeric:tabular-nums;-webkit-text-stroke:1.5px var(--accent-soft);grid-column:1;letter-spacing:-.05em;font-weight:800;content:counter(sechd,decimal-leading-zero);color:transparent}
.lanekh .secye,.lanekh h2,.lanekh p{grid-column:2}
.lanekh h2{margin-top:calc(10px*var(--dens))}
.lanekh.center{
display:grid;
text-align:left
}
.lanekh.center::before{grid-row:1 / span 3}
@media(max-width:767px){
  .lanekh{
row-gap:0;
grid-template-columns:1fr
}
  .lanekh::before{margin-bottom:calc(10px*var(--dens));grid-column:1;font-size:calc(34px*var(--tz));grid-row:1}
  .lanekh .secye,.lanekh h2,.lanekh p{grid-column:1}
}


.navrm{
border-radius:var(--r3);
background:var(--surface2);
gap:0;
padding:calc(10px*var(--dens)) calc(30px*var(--dens))
}
.wrapne{border-bottom:var(--bw) solid var(--line)}
.wrapne:last-child{border-bottom:0}
.wrapne summary{
align-items:center;
list-style:none;
padding:calc(21px*var(--dens)) 0;
display:grid;
grid-template-columns:auto minmax(0,1fr) 22px;
font-size:calc(15.6px*var(--tz));
gap:16px
}
.wrapne summary::before{font-variant-numeric:tabular-nums;font-size:12.5px;content:attr(data-n);margin-right:16px;font-weight:700;color:var(--accent)}
.wrapne summary::after{content:"＋";
justify-self:end;
line-height:1;
color:var(--brand);
font-size:16px}
.wrapne[open] summary::after{content:"－"}
.wrapne .corecv{margin-top:calc(-6px*var(--dens));border-top:0;padding:0 0 calc(22px*var(--dens)) 40px}




.lnkwc{
position:relative;
padding-top:calc(72px*var(--dens));
overflow:hidden
}
.grppd{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);padding-bottom:calc(30px*var(--dens))}
.lnkwc .blkrk{
gap:13px;
letter-spacing:-.02em;
font-size:calc(26px*var(--tz))
}
.lnkwc .blkrk i{  width:34px;
  height:34px}
.lnkwc .rowkg{font-size:calc(15px*var(--tz));max-width:46ch}
.lnkwc .mainmj h3{letter-spacing:.2em}
.lnkwc .pnly7 a{font-size:14.6px}
.slotc1{margin-top:calc(30px*var(--dens))}
@media(max-width:860px){.grppd{grid-template-columns:1fr 1fr}
  .grppd>div:first-child{grid-column:1 / -1}
  .lnkwc .blkrk{font-size:calc(21px*var(--tz))}}




.basekm,.topye,.tileb6,.kittd{
margin-left:auto;
max-width:880px;
margin-right:auto
}
.basekm h1{
letter-spacing:-.035em;
font-size:calc(var(--h1)*var(--tz))
}
.topye p{margin:calc(20px*var(--dens)) 0;
line-height:1.95;
font-size:calc(17.6px*var(--tz))}
.topye h2{ margin-top:calc(52px*var(--dens));
 position:relative;
 padding-left:0;
 padding-top:calc(18px*var(--dens));
 border-left:0;
 font-size:calc(var(--h3)*var(--tz))}
.topye h2::before{background:var(--accent);content:"";height:3px;width:52px;top:0;left:0;position:absolute}
.topye li{
font-size:calc(16.4px*var(--tz));
line-height:1.9
}
.maine6{border-radius:0;margin:calc(32px*var(--dens)) auto;border-left:0;border-right:0}




.deckk0{  background:var(--ink);
  top:0;
  z-index:40;
  position:sticky;
  color:#fff}
.cardpu{display:flex;
align-items:center;
gap:18px;
height:66px}
.bare4{font-weight:700;display:flex;color:#fff;gap:10px;font-size:calc(15.5px*var(--tz));flex:none;white-space:nowrap;align-items:center}
.bare4 i{
width:26px;
position:relative;
height:26px;
background:var(--brand);
border-radius:calc(8px*var(--rk));
flex:none
}
.bare4 i::after{position:absolute;
border:1px solid #fff;
border-radius:calc(3px*var(--rk));
content:"";
inset:8px}
.flowdm{scrollbar-width:none;gap:20px;flex:1;overflow-x:auto;display:flex;-webkit-overflow-scrolling:touch}
.flowdm::-webkit-scrollbar{display:none}
.flowdm a{padding:6px 0;transition:color .18s,border-color .18s;white-space:nowrap;color:rgba(255,255,255,.66);font-size:14.4px;border-bottom:var(--bw) solid transparent}
.flowdm a:hover{color:#fff;border-bottom-color:var(--accent)}
.pillnx{height:38px;color:#1a1206;flex:none;align-items:center;transition:filter .18s;font-size:13.6px;font-weight:700;padding:0 calc(18px*var(--dens));background:var(--accent);border-radius:var(--r1);display:inline-flex}
.pillnx:hover{filter:brightness(1.08)}


.unitt3{color:rgba(255,255,255,.74);
background:var(--ink);
overflow:hidden;
position:relative}
.unitt3::before{  background:radial-gradient(720px 380px at 84% -10%,var(--brand),transparent 60%);
  position:absolute;
  inset:0;
  pointer-events:none;
  content:""}
.podce{padding:calc(64px*var(--dens)) 0 calc(56px*var(--dens));gap:34px;position:relative;display:grid}
.rownt{padding:6px calc(14px*var(--dens));
font-weight:600;
font-size:13px;
color:#fff;
border:var(--bw) solid rgba(255,255,255,.2);
display:inline-flex;
background:rgba(255,255,255,.1);
border-radius:var(--r-pill);
gap:9px;
align-items:center}
.rownt b{background:var(--accent);height:6px;border-radius:50%;width:6px;flex:none}
.unitt3 h1{letter-spacing:-.045em;font-size:clamp(28px,5.6vw,52px);color:#fff;margin-top:calc(20px*var(--dens));line-height:1.12}
.flowpb{  font-size:calc(16.4px*var(--tz));
  margin-top:calc(20px*var(--dens));
  max-width:600px;
  color:rgba(255,255,255,.76)}
.unitt3 .chipxh{margin-top:calc(28px*var(--dens))}
.unitt3 .metahy{color:#1a1206;box-shadow:none;background:var(--accent)}
.unitt3 .metahy:hover{background:var(--accent-soft)}
.unitt3 .blkn8{border-color:rgba(255,255,255,.34);background:transparent;color:#fff}
.unitt3 .blkn8:hover{
background:rgba(255,255,255,.08);
border-color:#fff;
color:#fff
}
.zonen9{border-radius:var(--r4);margin:0;overflow:hidden;border:var(--bw) solid rgba(255,255,255,.14)}
.zonen9 img{aspect-ratio:16/7;width:100%;object-fit:cover}


.cardct{padding:calc(72px*var(--dens)) 0}
.cardct.tagn6{
background:var(--surface2);
border-top:var(--bw) solid var(--line);
border-bottom:var(--bw) solid var(--line)
}
.cardct.lanept{color:rgba(255,255,255,.74);background:var(--ink)}
.cardct.lanept h2,.cardct.lanept h3{color:#fff}
.cardct.lanept .secye{color:var(--accent)}
.cardct.lanept .lanekh p{color:rgba(255,255,255,.62)}
.cardct.lanept .itemjg{color:var(--accent-soft)}


.lnkw9{gap:0;border-top:var(--bw) solid var(--line);display:grid;margin-top:calc(38px*var(--dens))}
.cardct.lanept .lnkw9{border-top-color:rgba(255,255,255,.14)}
.celle1{display:grid;gap:18px;border-bottom:var(--bw) solid var(--line2);padding:calc(26px*var(--dens)) 0;grid-template-columns:auto 1fr;align-items:start}
.cardct.lanept .celle1{border-bottom-color:rgba(255,255,255,.12)}
.pickpt{font-variant-numeric:tabular-nums;
color:transparent;
line-height:.9;
font-weight:800;
font-size:calc(44px*var(--tz));
letter-spacing:-.05em;
-webkit-text-stroke:1.4px var(--brand)}
.cardct.lanept .pickpt{-webkit-text-stroke-color:var(--accent)}
/* grid */
.listhg h3{letter-spacing:-.024em;
font-size:calc(19px*var(--tz))}
.listhg p{margin-top:10px;font-size:14.8px}
.listhg .notecd{font-size:14.5px;margin-top:10px;color:var(--dim)}
.cardct.lanept .listhg .notecd{color:rgba(255,255,255,.6)}
.cardrc{display:flex;margin-top:calc(13px*var(--dens));gap:7px;flex-wrap:wrap}
.cardrc span{font-size:13px;background:var(--surface2);padding:4px 11px;border:var(--bw) solid var(--line);color:var(--dim);border-radius:calc(6px*var(--rk))}
.cardct.lanept .cardrc span{
color:rgba(255,255,255,.72);
border-color:rgba(255,255,255,.16);
background:rgba(255,255,255,.08)
}


.flowmg{margin-top:calc(38px*var(--dens));gap:18px;display:grid}
.rowcj{  padding:calc(22px*var(--dens));
  display:grid;
  border:var(--bw) solid var(--line);
  box-shadow:var(--sh);
  gap:18px;
  align-items:center;
  border-radius:var(--r3);
  background:var(--surface)}
.rowcj figure{border-radius:var(--r2);margin:0;background:var(--surface2);overflow:hidden}
.rowcj img{aspect-ratio:16/10;width:100%;object-fit:cover}
.sett8{
font-size:13px;
color:var(--accent);
font-weight:700;
letter-spacing:.16em
}
.rowcj h3{ margin-top:11px;
 letter-spacing:-.022em;
 font-size:calc(18.4px*var(--tz))}
.rowcj p{margin-top:11px;color:var(--dim);font-size:14.6px}
.rowcj ul{margin-top:calc(14px*var(--dens));display:grid;gap:8px}
.rowcj li{padding-left:calc(16px*var(--dens));font-size:14.1px;position:relative;color:var(--dim)}
.rowcj li::before{height:6px;top:9px;background:var(--brand-soft);position:absolute;content:"";width:6px;border-radius:calc(2px*var(--rk));left:0}


.blkxy{display:grid;align-items:start;gap:32px}
.metama p{
margin-top:calc(15px*var(--dens));
font-size:calc(15.9px*var(--tz))
}
.cardct.lanept .metama p{color:rgba(255,255,255,.72)}
.midwx{
font-size:calc(16.4px*var(--tz));
border-left:var(--bw) solid var(--accent);
line-height:1.72;
color:var(--ink);
margin:calc(22px*var(--dens)) 0 0;
padding:6px 0 6px calc(18px*var(--dens))
}
.cardct.lanept .midwx{color:#fff}
.midwx footer{color:var(--dim);
font-size:13px;
margin-top:10px}
.cardct.lanept .midwx footer{color:rgba(255,255,255,.55)}
.cells9{display:grid;
grid-template-columns:1fr 1fr;
gap:12px}
.cells9 figure{overflow:hidden;border-radius:var(--r3);border:var(--bw) solid var(--line);margin:0}
.cardct.lanept .cells9 figure{border-color:rgba(255,255,255,.14)}
.cells9 img{width:100%;object-fit:cover;aspect-ratio:3/4}
.navck{  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  border:var(--bw) solid var(--line);
  background:var(--line);
  margin-top:calc(26px*var(--dens));
  border-radius:var(--r2)}
.cardct.lanept .navck{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.14)}
.navck > div{padding:calc(16px*var(--dens)) calc(15px*var(--dens));background:var(--surface)}
.cardct.lanept .navck > div{background:var(--ink)}
.navck b{font-variant-numeric:tabular-nums;color:var(--ink);display:block;letter-spacing:-.04em;font-size:calc(21px*var(--tz))}
.cardct.lanept .navck b{color:#fff}
.navck b i{font-size:13px;color:var(--accent);font-style:normal}
.navck span{ font-size:13px;
 display:block;
 color:var(--dim);
 margin-top:4px}
.cardct.lanept .navck span{color:rgba(255,255,255,.6)}
.sideet{
border-top:var(--bw) solid var(--line);
margin-top:calc(24px*var(--dens))
}
.cardct.lanept .sideet{border-top-color:rgba(255,255,255,.14)}
/* grid */
.liner3{grid-template-columns:70px 1fr;padding:calc(15px*var(--dens)) 0;border-bottom:var(--bw) solid var(--line2);gap:14px;display:grid}
.cardct.lanept .liner3{border-bottom-color:rgba(255,255,255,.1)}
.hdum{
color:var(--accent);
font-size:13px;
font-variant-numeric:tabular-nums;
font-weight:700
}
.liner3 h3{font-size:calc(15.6px*var(--tz))}
.liner3 p{color:var(--dim);margin-top:7px;font-size:14.1px}
.cardct.lanept .liner3 p{color:rgba(255,255,255,.6)}


.linejy{display:grid;gap:16px;margin-top:calc(36px*var(--dens))}
.frameha{
overflow:hidden;
grid-template-columns:116px 1fr;
display:grid;
transition:transform .22s,box-shadow .22s,border-color .22s;
border:var(--bw) solid var(--line);
box-shadow:var(--sh);
border-radius:var(--r3);
gap:18px;
background:var(--surface)
}
.frameha:hover{  transform:translateY(-3px);
  box-shadow:var(--shh);
  border-color:var(--brand)}
.frameha figure{ background:var(--surface2);
 overflow:hidden;
 margin:0}
.frameha img{
width:100%;
object-fit:cover;
height:100%
}
.navjm{padding:calc(18px*var(--dens)) calc(20px*var(--dens)) calc(20px*var(--dens)) 0}
.frameha time{
color:var(--accent);
font-weight:600;
font-size:13px;
font-variant-numeric:tabular-nums;
letter-spacing:.06em
}
.frameha h3{letter-spacing:-.022em;margin-top:9px;font-size:calc(17.2px*var(--tz));line-height:1.5}
.frameha h3 a:hover{color:var(--brand)}
.frameha p{
font-size:14.2px;
color:var(--dim);
margin-top:9px
}
.frameha .itemjg{margin-top:calc(13px*var(--dens))}


.navr1{position:relative;background:var(--brand);overflow:hidden;color:rgba(255,255,255,.84)}
.navr1::before{inset:0;background:radial-gradient(560px 300px at 92% -16%,rgba(255,255,255,.2),transparent 62%);position:absolute;pointer-events:none;content:""}
.poddk{
display:grid;
gap:24px;
padding:calc(52px*var(--dens)) 0;
position:relative
}
.navr1 h2{letter-spacing:-.03em;color:#fff;font-size:clamp(22px,4.2vw,32px)}
.navr1 p{ color:rgba(255,255,255,.84);
 margin-top:calc(13px*var(--dens));
 font-size:calc(15.6px*var(--tz));
 max-width:600px}
.navr1 .metahy{background:#fff;color:var(--ink)}
.navr1 .blkn8{background:transparent;
color:#fff;
border-color:rgba(255,255,255,.45)}
.navr1 .blkn8:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.1)}

@media(min-width:700px){
  .rowcj{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px}
  .rowcj:nth-child(even) figure{order:2}
  .linejy{grid-template-columns:repeat(2,1fr)}
  .navck{grid-template-columns:repeat(4,1fr)}
  .podce{padding:calc(76px*var(--dens)) 0 calc(64px*var(--dens))}
}
@media(min-width:1020px){
  .celle1{grid-template-columns:120px 1fr;padding:calc(30px*var(--dens)) 0;gap:28px}
  .pickpt{font-size:calc(56px*var(--tz))}
  .blkxy{
grid-template-columns:minmax(0,7fr) minmax(0,5fr);
gap:48px
}
  .poddk{  padding:calc(62px*var(--dens)) 0;
  grid-template-columns:minmax(0,7fr) auto;
  align-items:center;
  gap:40px}
  .podce{  gap:0;
  grid-template-columns:minmax(0,1fr)}
  .zonen9{margin-top:calc(44px*var(--dens))}
}
@media(max-width:560px){
  .pillnx{display:none}
  .pickpt{font-size:calc(36px*var(--tz))}
  .frameha{ grid-template-columns:92px 1fr;
 gap:14px}
  .poddk{padding:calc(40px*var(--dens)) 0}
}





.lanept,.cardct.lanept{  background:var(--dark-bg);
  color:var(--dark-fg);
  border-color:transparent}
.lanept h1,.lanept h2,.lanept h3,.lanept h4,.lanept summary,
.cardct.lanept h1,.cardct.lanept h2,.cardct.lanept h3,.cardct.lanept h4{color:#fff}
.lanept .secye,.cardct.lanept .secye{color:var(--dark-accent)}
.lanept .itemjg,.cardct.lanept .itemjg{color:var(--dark-accent)}
.lanept p,.lanept .mini,.lanept .m,.lanept .lanekh p,
.cardct.lanept p,.cardct.lanept .m{color:var(--dark-fg)}
.lanept .no{color:var(--dark-accent)}
.lanept .blkn8{color:#fff;background:transparent;border-color:rgba(255,255,255,.3)}
.lanept .blkn8:hover{  border-color:#fff;
  color:#fff;
  background:rgba(255,255,255,.12)}
.lanept .tag{background:rgba(255,255,255,.08);color:var(--dark-fg);border-color:rgba(255,255,255,.16)}
.lanept .wrapne{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.lanept .wrapne .corecv{border-top-color:rgba(255,255,255,.12)}
/* view */
.lanept .rule,.lanept .tint,.lanept .tagn6{background:var(--dark-bg)}


.lanekh.banner{background:var(--dark-bg)}


@media(max-width:767px){
  :root{--gut:16px;--dens:calc(var(--dens-base,1) * .7)}
  
  .lanekh{
column-gap:0;
grid-template-columns:1fr
}
  .lanekh .secye,.lanekh h2,.lanekh p{ grid-column:1;
 grid-row:auto}
  .lanekh::before{  grid-row:auto;
  grid-column:1}
}


@media(max-width:900px){
  .topye{columns:1}
}


.pic{overflow:hidden}
.pic>.card-fig:first-child{margin:calc(-1*var(--cp,0px)) calc(-1*var(--cp,0px)) 0}


.cta-pic{  position:relative;
  overflow:hidden}
.cta-pic>.ftww{z-index:1;position:relative}
.cta-pic>.book-fig{
inset:0;
margin:0;
position:absolute;
z-index:0
}
.cta-pic>.book-fig img{  height:100%;
  opacity:.22;
  width:100%;
  object-fit:cover}




.tb{color:var(--dark-fg);background:var(--dark-bg)}
.tb-in{
min-height:38px;
display:flex;
gap:12px;
padding-top:6px;
align-items:center;
padding-bottom:6px;
flex-wrap:wrap
}
.tb-say{text-overflow:ellipsis;color:var(--dark-fg);white-space:nowrap;overflow:hidden;min-width:0;flex:1;font-size:calc(13.7px*var(--tz))}
.tb-say b{
font-weight:600;
color:#fff
}
.tb-acts{flex:none;gap:8px;display:flex}
.tb-go{border:var(--bw) solid rgba(255,255,255,.3);min-height:26px;display:inline-flex;transition:background .18s,border-color .18s;border-radius:var(--r-pill);font-size:calc(12.5px*var(--tz));align-items:center;color:#fff;padding:0 13px;white-space:nowrap}
.tb-go:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16)}
.tb-go.tb-hot{font-weight:600;background:var(--accent);border-color:var(--accent)}
.tb-go.tb-hot:hover{
border-color:var(--accent-soft);
background:var(--accent-soft)
}
@media(max-width:600px){
  .tb-in{gap:8px 10px}
  .tb-acts{width:100%}
  .tb-go{  justify-content:center;
  flex:1}
}


.card-fig{background:var(--surface2);margin:0;overflow:hidden}
.card-fig img{
transition:transform .5s ease;
width:100%;
aspect-ratio:16/10;
object-fit:cover;
display:block
}
.card-fig:hover img{transform:scale(1.045)}
.card-fig.fig-wide img{aspect-ratio:21/9}
.card-fig.fig-sq img{aspect-ratio:1/1}
.card-fig.fig-tall img{aspect-ratio:4/5}

.thumb-s{overflow:hidden;width:62px;height:62px;background:var(--surface2);flex:none}
.thumb-s img{
width:100%;
height:100%;
display:block;
object-fit:cover
}

.fig-round{border-radius:50%;overflow:hidden;flex:none;height:54px;background:var(--surface2);width:54px}
.fig-round img{object-fit:cover;
display:block;
width:100%;
height:100%}


.ft-4 .grppd{gap:calc(24px*var(--dens))}
@media(min-width:680px){.ft-4 .grppd{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){
  .ft-4 .grppd{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
}
.ft-tags{flex-wrap:wrap;display:flex;gap:7px}
/* part */
.ft-tags a{  padding:0 11px;
  border:var(--bw) solid var(--line);
  font-size:calc(12.6px*var(--tz));
  border-radius:var(--r-pill);
  display:inline-flex;
  min-height:28px;
  align-items:center;
  color:var(--ft-fg,var(--body))}
.ft-tags a:hover{color:var(--brand);border-color:var(--brand)}
.ft-say{color:var(--ft-fg,var(--dim));line-height:1.85;margin-top:calc(10px*var(--dens));font-size:13px;max-width:340px}


.dock{display:none}
@media(max-width:767px){
  .dock{bottom:0;left:0;position:fixed;right:0;z-index:60;grid-template-columns:1fr 1fr;display:grid;box-shadow:0 -10px 26px -18px rgba(0,0,0,.45);background:var(--surface);border-top:var(--bw) solid var(--line)}
  .dock a{align-items:center;font-weight:600;font-size:calc(14.4px*var(--tz));justify-content:center;display:flex;color:var(--ink);min-height:48px}
  .dock a+a{border-left:var(--bw) solid var(--line)}
  .dock .dock-main{color:#fff;
background:var(--brand)}
  
  .ft-dock{padding-bottom:calc(96px*var(--dens))}
}


.ct{margin-top:calc(18px*var(--dens));display:flex;flex-wrap:wrap;gap:10px}
.ct-tel,.ct-i{display:inline-flex;gap:8px;border:var(--bw) solid var(--line);text-decoration:none;padding:9px 15px;align-items:baseline;border-radius:var(--r-pill);background:var(--surface);min-height:40px}
.ct-tel{border-color:var(--brand);background:var(--brand);box-shadow:0 12px 24px -18px rgba(17,131,140,.95)}
.ct-tel b,.ct-i b{color:var(--ink);letter-spacing:-.01em;font-size:calc(15.2px*var(--tz));font-weight:700}
.ct-tel b{color:#fff}
.ct-tel span,.ct-i span{  color:var(--dim);
  font-size:12.1px}
.ct-tel span{color:rgba(255,255,255,.82)}
.ct-tel:hover{
background:var(--brand-d);
border-color:var(--brand-d)
}
.foot-contact{flex-wrap:wrap;margin-top:calc(10px*var(--dens));display:flex;gap:6px 14px}
.foot-contact span{
color:var(--ft-fg,var(--dim));
font-size:13px
}
.foot-contact a{
gap:6px;
font-size:13.5px;
font-weight:700;
min-height:26px;
display:inline-flex;
color:var(--brand);
align-items:center
}
.tb-tel{ border-color:rgba(255,255,255,.5);
 background:rgba(255,255,255,.15);
 font-weight:700}

/* ===== 视觉语言覆盖层（仅令牌，不改原有布局规则）===== */
:root{--line2:#C8D6CC;--lh-head:1.1;--fw-body:400;--brand-l:#DCEBE4;--accent:#D4BA29;--r-pill:0;--r1:0;--accent-soft:#E9D560;--font-head:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fw-head:800;--brand-soft:#5E9885;--brand:#205A4D;--r3:0;--sh:none;--h3:clamp(19px,3.3vw,24px);--r-btn:0;--r2:0;--h5:17px;--r4:0;--r-media:0;--bw:3px;--h2:clamp(23px,4.2vw,34px);--shh:8px 8px 0 rgba(21,41,35,.22);--body:#3E514D;--track-h:-.02em;--dens-base:0.84;--rk:0.9;--dim:#7C8C82;--surface2:#E3EDE5;--font:"Segoe UI",Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--bg:#F2F6F1;--line:#0E2418;--ink:#0E2418;--surface:#FFFFFF;--brand-d:#133C33;--dark-accent:#E9D560;--dark-bg:#0E2418;--h4:18px;--h1:clamp(30px,5.4vw,54px);--lead:1.6}

/* ===== 视觉语言覆盖层 ===== */
h1,h2,h3,h4,h5{letter-spacing:var(--track-h);
line-height:var(--lh-head);
font-weight:var(--fw-head);
font-family:var(--font-head)}
body{line-height:var(--lead);font-family:var(--font)}
[class$="-btn"],[class$="-btn-o"],button[type="submit"]{border-radius:var(--r-btn)}
[class$="-card"],[class$="-item"],[class$="-box"],[class$="-cell"]{border-radius:var(--r3)}
@media(max-width:768px){body{font-size:16px}}