@charset "utf-8";
/* spine-teal | 现代黑体 · 1400 疏朗留白 · 细线极简 · 堆叠标题 · 纯线列表 · 居中收束 · 章节规则线 · 纯白底 */
:root{--fs-base:16px;
--h2:clamp(23px,4.2vw,33px);
--h4:clamp(17.5px,3vw,21px);
--font-head:var(--font);
--sh:0 1px 2px rgba(16,20,24,.04),0 10px 24px -18px rgba(16,20,24,.22);
--bw:1px;
--r3:19.3px;
--gut:20px;
--r1:11.5px;
--lead:1.78;
--track-h:-.022em;
--h5:17.3px;
--fw-body:400;
--max:1180px;
--h3:clamp(19px,3.4vw,24px);
--font:Tahoma,Verdana,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
--h1:clamp(30px,5.2vw,48px);
--shh:0 2px 8px rgba(16,20,24,.06),0 28px 56px -28px rgba(16,20,24,.3);
--tz-body:1;
--r2:14.8px;
--rk:1;
--fw-head:700;
--lh-head:1.26;
--dens:var(--dens-base);
--tz:1;
--r4:25.9px;
--r-media:18px;
--dens-base:1;
--r-btn:10px;
--r-pill:999px}

:root{  --accent-soft:#DAB56F;
  --line2:#EBF1EF;
  --dark-fg:rgba(255,255,255,.7);
  --body:#5A625F;
  --surface:#FFFFFF;
  --dark-bg:#102C26;
  --brand:#096D74;
  --accent:#CB9531;
  --brand-d:#07555B;
  --surface2:#EDF4F1;
  --ink:#101A17;
  --line:#DBE8E5;
  --brand-l:#E1EFEF;
  --dark-accent:#E1C188;
  --bg:#F7FAF9;
  --dim:#8D9391;
  --brand-soft:#71ABAE}




*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;margin:0}
img,svg,video{  display:block;
  height:auto;
  max-width:100%}
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{
background:none;
padding:0;
border:0;
cursor:pointer
}
table{border-collapse:collapse;
border-spacing:0}
summary{display:list-item}
summary::-webkit-details-marker{display:none}
hr{margin:0;border:0}
[hidden]{display:none!important}


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

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


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





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

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


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


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

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


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


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


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

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


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


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


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

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

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


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





































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




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




:root{--r3:6.3px;--r4:7.6px;--bw:1px;--r1:3.3px;--r2:4.5px;--shh:none;--rk:.28;--sh:none;--r-media:4px;--r-pill:3px;--r-btn:4px}
.contes{box-shadow:none}
.hdu2{
color:var(--ink);
border-color:var(--ink)
}
.contes:hover,.hdu2:hover{transform:none}
.tagn8 a:hover{
transform:none;
background:var(--surface2)
}




.hdh3 h2{margin-top:calc(16px*var(--dens))}
.hdh3.center .slottm::after{content:"";
background:currentColor;
width:22px;
height:2px}




.listhu{border-bottom:var(--bw) solid var(--line)}
.listhu:first-child{border-top:var(--bw) solid var(--line)}
.listhu summary{font-size:calc(15.6px*var(--tz));gap:16px;grid-template-columns:auto minmax(0,1fr) 24px;padding:calc(20px*var(--dens)) 0;align-items:start;list-style:none;display:grid}
.listhu summary::before{margin-right:14px;color:var(--accent);font-size:13px;font-weight:700;content:attr(data-n);display:inline-block;font-variant-numeric:tabular-nums}
.listhu summary::after{  content:"+";
  font-weight:300;
  color:var(--dim);
  font-size:20px;
  justify-self:end;
  line-height:1;
  transition:transform .2s}
.listhu[open] summary::after{color:var(--brand);content:"–"}
.listhu .contzk{
padding:0 24px calc(22px*var(--dens)) 0;
margin-left:34px;
border-top:0;
padding-top:0
}




.seta4{
text-align:center;
padding-top:calc(62px*var(--dens))
}
.seta4 .txtb6{display:flex;
align-items:center;
flex-direction:column}
.mainha{
grid-template-columns:1fr;
max-width:620px;
width:100%;
justify-items:center;
gap:calc(34px*var(--dens))
}
.seta4 .txthe{justify-content:center;margin-bottom:calc(8px*var(--dens))}
.seta4 .outern0{ margin:0 auto;
 text-align:center;
 max-width:44ch}
.seta4 .hdkp{width:100%}
.seta4 .tilefu{gap:8px calc(24px*var(--dens));justify-content:center;flex-wrap:wrap;display:flex}
.itema1{justify-content:center;text-align:center;gap:10px 26px;width:100%}


.itemkg,.contnu,.slote3,.gridjy{margin-left:auto;margin-right:auto;max-width:800px}
.itemkg{padding-bottom:calc(26px*var(--dens));border-bottom:2px solid var(--ink)}
.pnlfp{margin:calc(28px*var(--dens)) auto;border-radius:0}
.contnu{counter-reset:ah}
/* frame */
.contnu h2{border-bottom:var(--bw) solid var(--line);font-size:var(--h4);margin-top:calc(50px*var(--dens));gap:14px;border-left:0;counter-increment:ah;align-items:baseline;padding:calc(16px*var(--dens)) 0 calc(12px*var(--dens));border-top:2px solid var(--ink);display:flex}
.contnu h2::before{
content:counter(ah,decimal-leading-zero);
flex:none;
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--accent);
letter-spacing:.08em;
font-size:13.5px
}
.contnu h3{padding-left:calc(28px*var(--dens))}
.contnu p{margin:calc(15px*var(--dens)) 0}







.innerqr{
border-bottom:var(--bw) solid var(--line);
background:var(--bg)
}
.pnlyj{display:flex;height:60px;gap:14px;align-items:center}
.hdcs{flex:none;font-weight:700;font-size:calc(15px*var(--tz));display:flex;gap:9px;white-space:nowrap;align-items:center;color:var(--ink)}
.hdcs i{  flex:none;
  height:20px;
  border-radius:50%;
  box-shadow:inset 0 0 0 4px var(--surface);
  width:20px;
  background:var(--brand)}
.framefe{gap:16px;
overflow-x:auto;
flex:1;
min-width:0;
display:flex;
scrollbar-width:none}
.framefe::-webkit-scrollbar{display:none}
.framefe a{color:var(--dim);min-height:36px;align-items:center;font-size:13.2px;display:inline-flex;white-space:nowrap}
.framefe a:hover{color:var(--brand)}
.innerqr .tagx8{flex:none;color:#fff;font-weight:700;white-space:nowrap;background:var(--brand);height:var(--h-btn,38px);border-radius:var(--r-pill);display:inline-flex;font-size:13.2px;align-items:center;padding:0 18px}
.innerqr .tagx8:hover{background:var(--brand-d)}


.cellk2{ text-align:center;
 padding:calc(46px*var(--dens)) 0 calc(24px*var(--dens))}
.cellk2 h1{
font-size:var(--h1);
max-width:22ch;
margin:0 auto
}
.itemzd{
margin:calc(16px*var(--dens)) auto 0;
color:var(--dim);
max-width:54ch;
font-size:calc(16.4px*var(--tz))
}
.cellk2 .wrapa3{justify-content:center;margin-top:calc(22px*var(--dens))}
.boardmu{ gap:10px;
 flex-wrap:wrap;
 justify-content:center;
 display:flex;
 margin-top:calc(26px*var(--dens))}
.boardmu span{background:var(--surface);border-radius:var(--r-pill);color:var(--dim);border:var(--bw) solid var(--line);align-items:baseline;gap:6px;display:inline-flex;padding:7px 13px;font-size:12.6px}
.boardmu b{
color:var(--ink);
font-size:15px
}


.leadse{padding:calc(46px*var(--dens)) 0;scroll-margin-top:14px}
.leadse.nodew5{background:var(--surface2)}
.lanejm{
padding:4px 0;
margin-top:calc(24px*var(--dens));
position:relative
}
.lanejm::before{margin-left:-1px;top:0;left:50%;position:absolute;width:2px;background:linear-gradient(180deg,transparent,var(--line) 8%,var(--line) 92%,transparent);bottom:0;content:""}
.slotdm{
gap:9px;
display:grid;
margin:0 0 calc(20px*var(--dens)) auto;
width:calc(50% - 30px);
background:var(--surface);
position:relative;
transition:border-color .18s,transform .18s;
border:var(--bw) solid var(--line);
padding:calc(18px*var(--dens)) calc(19px*var(--dens));
border-radius:var(--r2)
}
.slotdm:hover{
border-color:var(--brand);
transform:translateY(-2px)
}
.slotdm::before{height:11px;
width:11px;
box-shadow:0 0 0 4px var(--surface2);
border-radius:50%;
left:calc(-30px - 5px);
top:26px;
background:var(--brand);
position:absolute;
content:""}
.lanejm .slotdm:nth-child(even){margin-right:auto;margin-left:0}
.lanejm .slotdm:nth-child(even)::before{right:calc(-30px - 5px);left:auto}
.notefk{
color:var(--accent);
font-weight:700;
font-variant-numeric:tabular-nums;
font-size:12px;
letter-spacing:.2em
}
.slotdm h3{font-size:calc(17.4px*var(--tz))}
.slotdm h3 a:hover{color:var(--brand)}
.slotdm p{font-size:calc(14.4px*var(--tz));color:var(--dim)}
.navnt{
flex-wrap:wrap;
display:flex;
gap:6px
}
.navnt span{ color:var(--body);
 background:var(--surface2);
 border:var(--bw) solid var(--line);
 border-radius:var(--r-pill);
 font-size:12px;
 padding:3px 9px}
.navat{gap:6px;
display:grid}
.navat li{position:relative;color:var(--body);font-size:13.4px;padding-left:15px}
.navat li::before{
position:absolute;
left:0;
content:"";
border:2px solid var(--accent);
border-radius:50%;
width:7px;
height:7px;
top:.62em
}
.txts6{
font-weight:600;
font-variant-numeric:tabular-nums;
letter-spacing:.06em;
font-size:12.4px;
color:var(--accent)
}


.leadyj{display:grid;gap:calc(22px*var(--dens))}
.framevq p{font-size:calc(15.4px*var(--tz));margin-top:calc(12px*var(--dens))}
.kitst{
border-left:4px solid var(--brand);
background:var(--surface);
padding:calc(16px*var(--dens));
margin:calc(18px*var(--dens)) 0 0;
font-size:calc(15.8px*var(--tz))
}
.kitst footer{
color:var(--dim);
font-size:12.6px;
margin-top:9px
}
.notev4{margin:0}
.notev4 img{aspect-ratio:3/4;object-fit:cover;background:var(--surface2);border-radius:var(--r2);width:100%}
.seck7{
grid-template-columns:repeat(2,minmax(0,1fr));
display:grid;
gap:calc(12px*var(--dens));
margin-top:calc(20px*var(--dens))
}
.seck7>div{padding:calc(14px*var(--dens));background:var(--surface);border:var(--bw) solid var(--line);border-top:3px solid var(--brand)}
.seck7 b{display:block;font-size:calc(22px*var(--tz));letter-spacing:-.04em;color:var(--ink)}
.seck7 b i{margin-left:2px;font-size:12.6px;font-style:normal;color:var(--accent)}
.seck7 span{ color:var(--dim);
 display:block;
 margin-top:4px;
 font-size:12.8px}
.chipcc{margin-top:calc(20px*var(--dens));display:grid;gap:calc(10px*var(--dens))}
.innerkf{
padding:calc(13px*var(--dens)) 0;
gap:5px;
display:grid;
border-bottom:var(--bw) solid var(--line)
}
.innerkf span{font-size:12.6px;
font-weight:700;
color:var(--accent);
letter-spacing:.14em}
.innerkf h3{font-size:calc(15.4px*var(--tz))}
.innerkf p{color:var(--dim);font-size:13.4px}


.contez .unitb7{margin-right:auto;margin-top:calc(22px*var(--dens));max-width:880px;margin-left:auto}
.tilegz .txtb6{
gap:20px;
display:grid
}
.tilegz h2{color:#fff}
.tilegz p{color:rgba(255,255,255,.78);font-size:calc(15.2px*var(--tz));margin-top:calc(12px*var(--dens));max-width:54ch}
.tilegz .contes{  color:var(--ink);
  background:#fff}
.tilegz .contes:hover{  color:#fff;
  background:var(--accent)}
.tilegz .hdu2{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.tilegz .hdu2:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}


@media(min-width:680px){
  .seck7{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:760px){
  .cellk2{padding:calc(60px*var(--dens)) 0 calc(30px*var(--dens))}
  .leadse{padding:calc(60px*var(--dens)) 0}
  .leadyj{align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:calc(36px*var(--dens))}
  .tilegz .txtb6{
gap:calc(40px*var(--dens));
grid-template-columns:minmax(0,1fr) auto;
align-items:center
}
}

@media(max-width:759px){
/* grid */
  .lanejm::before{ margin-left:0;
 left:9px}
  .slotdm,.lanejm .slotdm:nth-child(even){margin:0 0 calc(16px*var(--dens)) 32px;width:auto}
  .slotdm::before,.lanejm .slotdm:nth-child(even)::before{left:-28px;right:auto;top:22px}
}





.stacktj,.bd-band.stacktj{border-color:transparent;background:var(--dark-bg);color:var(--dark-fg)}
.stacktj h1,.stacktj h2,.stacktj h3,.stacktj h4,.stacktj summary,
.bd-band.stacktj h1,.bd-band.stacktj h2,.bd-band.stacktj h3,.bd-band.stacktj h4{color:#fff}
.stacktj .slottm,.bd-band.stacktj .slottm{color:var(--dark-accent)}
.stacktj .link-more,.bd-band.stacktj .link-more{color:var(--dark-accent)}
.stacktj p,.stacktj .mini,.stacktj .m,.stacktj .hdh3 p,
.bd-band.stacktj p,.bd-band.stacktj .m{color:var(--dark-fg)}
.stacktj .no{color:var(--dark-accent)}
.stacktj .hdu2{background:transparent;
border-color:rgba(255,255,255,.3);
color:#fff}
.stacktj .hdu2:hover{
border-color:#fff;
background:rgba(255,255,255,.12);
color:#fff
}
.stacktj .tag{
border-color:rgba(255,255,255,.16);
color:var(--dark-fg);
background:rgba(255,255,255,.08)
}
.stacktj .listhu{
border-color:rgba(255,255,255,.14);
background:rgba(255,255,255,.04)
}
.stacktj .listhu .contzk{border-top-color:rgba(255,255,255,.12)}
.stacktj .rule,.stacktj .tint,.stacktj .soft{background:var(--dark-bg)}


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


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


@media(max-width:900px){
  .contnu{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>.txtb6{
position:relative;
z-index:1
}
.cta-pic>.book-fig{
position:absolute;
margin:0;
z-index:0;
inset:0
}
.cta-pic>.book-fig img{
opacity:.22;
width:100%;
object-fit:cover;
height:100%
}




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


.card-fig{  background:var(--surface2);
  margin:0;
  overflow:hidden}
.card-fig img{  object-fit:cover;
  aspect-ratio:16/10;
  display:block;
  width:100%;
  transition:transform .5s ease}
.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{
width:62px;
overflow:hidden;
background:var(--surface2);
height:62px;
flex:none
}
.thumb-s img{
height:100%;
display:block;
width:100%;
object-fit:cover
}

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


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


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


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