@charset "utf-8";
/* pro-violet | 现代黑体 · 1400 疏朗留白 · 玻璃柔光 · 居中大字标题 · 双栏卡片 · 品牌大字 · 浮起白卡 · 带色底 */
:root{--h5:17.3px;--lead:1.78;--r2:17.9px;--r-media:18px;--tz:1;--r1:9.3px;--shh:0 2px 8px rgba(16,20,24,.06),0 28px 56px -28px rgba(16,20,24,.3);--h2:clamp(23px,4.2vw,33px);--h4:clamp(17.5px,3vw,21px);--r3:15.3px;--lh-head:1.26;--fs-base:16px;--tz-body:1;--r4:24px;--font-head:var(--font);--rk:1;--font:Tahoma,Verdana,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--dens-base:1;--r-pill:999px;--gut:20px;--sh:0 1px 2px rgba(16,20,24,.04),0 10px 24px -18px rgba(16,20,24,.22);--h1:clamp(30px,5.2vw,48px);--dens:var(--dens-base);--fw-body:400;--h3:clamp(19px,3.4vw,24px);--r-btn:10px;--max:1170px;--bw:1px;--fw-head:700;--track-h:-.022em}

:root{--line:#E9D4F7;--dim:#908C9C;--brand-soft:#BE83E8;--body:#63596E;--surface2:#F1EBFB;--surface:#FFFFFF;--bg:#F8F5FD;--ink:#17102B;--line2:#EEE6FA;--dark-accent:#FAC77A;--dark-bg:#351650;--dark-fg:rgba(255,255,255,.7);--brand:#8F2AD7;--accent:#F69E19;--brand-l:#EDE5FA;--brand-d:#6F21A7;--accent-soft:#F9BB5E}




*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
img,svg,video{height:auto;max-width:100%;display:block}
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{color:inherit;font:inherit}
button{  cursor:pointer;
  border:0;
  padding: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{width:1px;clip:rect(0 0 0 0);height:1px;clip-path:inset(50%);overflow:hidden;position:absolute!important;white-space:nowrap}
.wrapv4{top:0;position:absolute;left:-9999px}
.wrapv4:focus{background:var(--brand,#17433E);border-radius:6px;padding:11px 20px;left:16px;color:#fff;z-index:99;top:14px}
:focus-visible{border-radius:3px;outline-offset:3px;outline:2px solid var(--accent,#bea240)}

/* theme */
@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,.pnla1 a,.foot-links a,.btn,.blkng,.barbw{display:inline-flex;min-height:36px;align-items:center}
}





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

body{font-size:calc(var(--fs-base)*var(--tz-body));color:var(--body);line-height:var(--lead);-webkit-font-smoothing:antialiased;font-weight:var(--fw-body,400);font-family:var(--font);background:var(--bg);-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{font-family:var(--font-head,var(--font));line-height:var(--lh-head,1.26);font-weight:var(--fw-head,700);color:var(--ink);letter-spacing:var(--track-h,-.022em)}
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)}
.lnkz1{margin-left:auto;margin-right:auto;text-align:center}
/* view */
.linemd{background:var(--surface2)}
.soft{background:var(--surface2)}


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


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

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


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


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


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

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


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


.conttp{
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))
}
.baseav{display:grid;
gap:calc(28px*var(--dens))}
.ftc7{ display:flex;
 font-size:calc(16px*var(--tz));
 font-weight:700;
 gap:10px;
 color:var(--ft-head,var(--ink));
 margin-bottom:calc(13px*var(--dens));
 align-items:center}
.ftc7 i{
background:var(--brand);
border-radius:calc(8px*var(--rk));
height:26px;
width:26px;
flex:none
}
/* block */
.midcj{font-size:14.2px;line-height:1.86;max-width:400px}
.podq6 h3{ font-weight:700;
 letter-spacing:.16em;
 font-size:12.5px;
 text-transform:uppercase;
 opacity:.78;
 color:var(--ft-head,var(--dim));
 margin-bottom:calc(14px*var(--dens))}
/* layout */
.pnla1{gap:calc(10px*var(--dens));display:grid}
.pnla1 a{font-size:14.2px;transition:color .18s}
.pnla1 a:hover{color:var(--ft-hi,var(--brand))}
.boxvc{font-size:13px;border-top:var(--bw) solid var(--line);gap:8px 20px;flex-wrap:wrap;padding-top:calc(18px*var(--dens));justify-content:space-between;display:flex;opacity:.8;margin-top:calc(38px*var(--dens))}


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

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

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


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





































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




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




:root{--r-media:22px;--r3:29.9px;--shh:0 6px 16px rgba(16,20,24,.06),0 44px 80px -36px rgba(16,20,24,.34);--sh:0 1px 2px rgba(16,20,24,.03),0 14px 34px -20px rgba(16,20,24,.24);--rk:1.35;--bw:0;--r1:11.6px;--r2:16.2px;--r-pill:999px;--r4:36.8px;--r-btn:999px}
.barbw{box-shadow:var(--sh);background:var(--surface);border-color:transparent}
.barbw:hover{  color:var(--brand);
  box-shadow:var(--shh);
  border-color:transparent}
.deckhb[open]{background:var(--surface)}


.corea2{margin-right:auto;margin-left:auto;max-width:820px;text-align:center}
.corea2 .icoks{color:var(--body);letter-spacing:.28em;width:100%;justify-content:center}
.corea2 .icoks::before,.corea2 .icoks::after{content:"";flex:none;height:1px;width:34px;background:var(--line)}
.corea2 h2{font-weight:800;letter-spacing:-.03em;margin-top:calc(20px*var(--dens))}
.corea2 p{margin-top:calc(18px*var(--dens));margin-right:auto;max-width:64ch;margin-left:auto}




.flowp7{gap:calc(14px*var(--dens))}
.deckhb{  border-radius:var(--r2);
  padding:0 calc(20px*var(--dens));
  border:var(--bw) solid var(--line);
  background:var(--surface)}
.deckhb[open]{border-color:var(--brand)}
.deckhb summary{ list-style:none;
 grid-template-columns:auto minmax(0,1fr) 20px;
 gap:12px;
 display:grid;
 align-items:start;
 font-size:calc(15px*var(--tz));
 padding:calc(17px*var(--dens)) 0}
.deckhb summary::before{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;content:attr(data-n) "  "}
.deckhb summary::after{font-size:15px;content:"＋";justify-self:end;color:var(--brand);line-height:1.2}
.deckhb[open] summary::after{content:"－"}
.deckhb .itemzu{font-size:calc(14.4px*var(--tz));padding:calc(13px*var(--dens)) 0 calc(18px*var(--dens));border-top:var(--bw) solid var(--line2)}
@media(min-width:820px){.flowp7{  grid-template-columns:1fr 1fr;
  align-items:start}}




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




.pillqf{padding-bottom:calc(84px*var(--dens));
background:var(--surface2)}
.lnktm{
margin:0 auto calc(22px*var(--dens));
max-width:860px
}
.kitp9{
margin:0 auto;
box-shadow:var(--sh);
border-radius:var(--r3) var(--r3) 0 0;
background:var(--surface);
max-width:860px;
padding:calc(44px*var(--dens)) calc(50px*var(--dens)) calc(12px*var(--dens))
}
.kitjj{border-radius:0;box-shadow:var(--sh);border-top:0;border-right:0;border-left:0;max-width:860px;margin:0 auto}
.kitjj img{aspect-ratio:21/9}
.chipar{ padding:calc(18px*var(--dens)) calc(50px*var(--dens)) calc(50px*var(--dens));
 margin:0 auto;
 box-shadow:var(--sh);
 max-width:860px;
 background:var(--surface);
 border-radius:0 0 var(--r3) var(--r3)}
.nodepk{margin:calc(30px*var(--dens)) auto 0;max-width:860px}
.chipar h2{margin-top:calc(44px*var(--dens))}
@media(max-width:767px){
  .kitp9{padding:calc(28px*var(--dens)) calc(20px*var(--dens)) calc(10px*var(--dens))}
  .chipar{padding:calc(14px*var(--dens)) calc(20px*var(--dens)) calc(30px*var(--dens))}
}







.tilehn{background:color-mix(in srgb,var(--bg) 88%,transparent);top:0;-webkit-backdrop-filter:saturate(160%) blur(14px);z-index:40;position:sticky;border-bottom:var(--bw) solid var(--line);backdrop-filter:saturate(160%) blur(14px)}
.boxpn{gap:20px;height:64px;display:flex;align-items:center}
/* module */
.grpcs{gap:10px;color:var(--ink);align-items:center;display:flex;font-size:calc(16.4px*var(--tz));flex:none;letter-spacing:-.018em;font-weight:700}
.grpcs i{flex:none;height:28px;border-radius:calc(8px*var(--rk));width:28px;background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%)}
.rowx1{flex:1;display:flex;gap:4px;scrollbar-width:none;overflow-x:auto;min-width:0}
.rowx1::-webkit-scrollbar{display:none}
.rowx1 a{border-radius:var(--r1);font-size:14.3px;flex:none;padding:8px calc(13px*var(--dens));color:var(--body)}
.rowx1 a:hover{background:var(--surface2);color:var(--brand)}
.setn7{display:inline-flex;padding:0 calc(20px*var(--dens));height:40px;background:var(--brand);border-radius:var(--r1);color:#fff;font-size:14.2px;box-shadow:var(--sh);font-weight:600;align-items:center;flex:none}
.setn7:hover{background:var(--brand-d)}


.cellr5{overflow:hidden;text-align:center;padding:calc(76px*var(--dens)) 0 0;position:relative}
.cellr5::before{
pointer-events:none;
width:min(900px,120vw);
top:-160px;
content:"";
height:520px;
background:radial-gradient(closest-side,var(--brand-soft),transparent 72%);
left:50%;
transform:translateX(-50%);
border-radius:50%;
position:absolute;
opacity:.26
}
.podv5{margin:0 auto;max-width:820px;position:relative}
.sidex9{ padding:0 calc(15px*var(--dens));
 gap:9px;
 box-shadow:var(--sh);
 align-items:center;
 height:32px;
 display:inline-flex;
 background:var(--surface);
 border-radius:99px;
 border:var(--bw) solid var(--line);
 font-size:13.2px;
 color:var(--body)}
.sidex9 b{padding:0 8px;font-size:11.6px;display:inline-flex;background:var(--accent);font-weight:700;height:20px;color:#fff;border-radius:99px;align-items:center}
.cellr5 h1{margin-top:calc(22px*var(--dens));line-height:1.16;font-size:clamp(30px,6vw,52px);letter-spacing:-.042em}
.baseys{margin:22px auto 0;line-height:1.86;font-size:clamp(16px,2.2vw,18.6px);color:var(--body);max-width:660px}
.cellr5 .boxd1{margin-top:calc(30px*var(--dens));justify-content:center}
.figez{
color:var(--dim);
margin-top:calc(15px*var(--dens));
font-size:13.4px
}
.flowq7{ margin-right:auto;
 margin-top:calc(52px*var(--dens));
 border-bottom:0;
 max-width:1080px;
 border:var(--bw) solid var(--line);
 background:var(--surface2);
 overflow:hidden;
 box-shadow:var(--shh);
 border-radius:var(--r4) var(--r4) 0 0;
 margin-left:auto}
.flowq7 img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.lanepu{padding:calc(22px*var(--dens)) 0;border-top:var(--bw) solid var(--line);margin-top:0;background:var(--surface2);border-bottom:var(--bw) solid var(--line)}
.leadm7{gap:14px 34px;flex-wrap:wrap;display:flex;justify-content:center;align-items:center}
.lanepu span{letter-spacing:.06em;font-size:12.6px;color:var(--dim)}
.lanepu b{font-weight:700;opacity:.5;font-size:calc(16.6px*var(--tz));letter-spacing:-.02em;color:var(--body)}


.itemw5{padding:calc(82px*var(--dens)) 0}
.itemw5.linemd{background:var(--surface2)}
.itemw5.deep{
background:var(--ink);
color:rgba(255,255,255,.78)
}
.itemw5.deep .corea2 h2,.itemw5.deep h2,.itemw5.deep h3{color:#fff}
.itemw5.deep .icoks{color:var(--accent)}
.itemw5.deep .corea2 p{color:rgba(255,255,255,.7)}


.wrapra{
display:grid;
margin-top:calc(52px*var(--dens));
gap:56px
}
.gridwp{gap:28px;align-items:center;display:grid}
.gridwp figure{box-shadow:var(--sh);overflow:hidden;margin:0;background:var(--surface2);border-radius:var(--r3);border:var(--bw) solid var(--line)}
.gridwp figure img{ width:100%;
 aspect-ratio:4/3;
 object-fit:cover}
.kitam em{font-style:normal;letter-spacing:.16em;color:var(--accent);font-size:12.5px;text-transform:uppercase;font-weight:700}
.kitam h3{
font-size:clamp(20px,3.2vw,27px);
margin-top:calc(13px*var(--dens));
letter-spacing:-.032em;
line-height:1.34
}
.kitam p{  color:var(--body);
  line-height:1.92;
  margin-top:calc(14px*var(--dens));
  font-size:calc(15.6px*var(--tz))}
.kitam ul{display:grid;gap:10px;margin-top:calc(16px*var(--dens))}
.kitam li{color:var(--body);position:relative;font-size:14.6px;padding-left:calc(26px*var(--dens))}
.kitam li::before{left:0;width:14px;border-radius:50%;content:"";top:6px;background:var(--brand-soft);height:14px;position:absolute}
.kitam li::after{
height:5px;
top:10px;
position:absolute;
background:#fff;
content:"";
left:4.5px;
width:5px;
border-radius:50%
}
.kitam .boxd1{margin-top:calc(22px*var(--dens))}


.setju{gap:20px;align-items:start;margin-top:calc(48px*var(--dens));display:grid}
.pnlyh{
border-radius:var(--r3);
border:var(--bw) solid var(--line);
padding:calc(26px*var(--dens)) calc(24px*var(--dens)) calc(28px*var(--dens));
background:var(--surface);
transition:transform .22s,box-shadow .22s,border-color .22s
}
.pnlyh:hover{box-shadow:var(--shh);transform:translateY(-4px)}
.pnlyh.itemuu{
border-color:var(--brand);
box-shadow:var(--sh)
}
.pnlyh em{ height:24px;
 align-items:center;
 padding:0 10px;
 display:inline-flex;
 font-size:12.2px;
 background:var(--surface2);
 border-radius:99px;
 color:var(--dim);
 font-style:normal;
 font-weight:600}
/* grid */
.pnlyh.itemuu em{
background:var(--accent);
color:#fff
}
.pnlyh h3{font-size:calc(21px*var(--tz));letter-spacing:-.028em;margin-top:calc(14px*var(--dens))}
.pnlyh > p{
margin-top:9px;
line-height:1.8;
font-size:14.4px;
color:var(--dim)
}
.pnlyh ul{margin-top:calc(18px*var(--dens));display:grid;border-top:var(--bw) solid var(--line2);gap:10px;padding-top:calc(18px*var(--dens))}
.pnlyh li{
padding-left:calc(22px*var(--dens));
font-size:14.2px;
position:relative;
color:var(--body)
}
.pnlyh li::before{font-size:13px;position:absolute;color:var(--brand);content:"✓";left:0;font-weight:700}
.pnlyh .barbw{  margin-top:calc(20px*var(--dens));
  width:100%}


.secqf{grid-template-columns:repeat(2,1fr);gap:1px;display:grid;border-radius:var(--r3);background:var(--line);overflow:hidden;border:var(--bw) solid var(--line)}
.secqf div{padding:calc(24px*var(--dens)) calc(20px*var(--dens));background:var(--surface)}
.secqf b{font-size:clamp(26px,4vw,34px);color:var(--ink);letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums}
.secqf b i{color:var(--dim);font-size:calc(15px*var(--tz));letter-spacing:0;font-style:normal}
.secqf span{display:block;
margin-top:5px;
color:var(--dim);
font-size:13.2px}
.topsv{ gap:30px;
 margin-top:calc(52px*var(--dens));
 align-items:start;
 display:grid}
.pnlqx p{color:var(--body);line-height:1.94;font-size:calc(15.8px*var(--tz));margin-top:calc(15px*var(--dens))}
.listuu{ border-left:3px solid var(--accent);
 border-radius:var(--r2);
 padding:calc(18px*var(--dens)) calc(22px*var(--dens));
 background:var(--surface2);
 color:var(--ink);
 margin:calc(24px*var(--dens)) 0 0;
 font-size:calc(15.4px*var(--tz))}
.listuu footer{margin-top:10px;color:var(--dim);font-size:13.4px}
.blkwg{gap:14px;
display:grid}
.blkwg figure{
background:var(--surface2);
border:var(--bw) solid var(--line);
border-radius:var(--r3);
margin:0;
overflow:hidden
}
.blkwg img{  object-fit:cover;
  width:100%;
  aspect-ratio:16/11}
.linebx{ gap:0;
 display:grid;
 margin-top:calc(22px*var(--dens))}
.gridk1{gap:16px;display:grid;grid-template-columns:66px minmax(0,1fr);border-top:var(--bw) solid var(--line);padding:calc(14px*var(--dens)) 0}
.kitvy{font-variant-numeric:tabular-nums;
color:var(--accent);
font-weight:700;
font-size:13.4px}
.gridk1 h4{font-size:calc(15.4px*var(--tz));letter-spacing:-.018em}
.gridk1 p{margin-top:6px;color:var(--dim);line-height:1.8;font-size:14px}


.hdq7{gap:20px;
display:grid;
margin-top:calc(48px*var(--dens))}
/* view */
.corefz{
background:var(--surface);
display:grid;
overflow:hidden;
border:var(--bw) solid var(--line);
gap:0;
border-radius:var(--r3);
transition:transform .2s,box-shadow .2s,border-color .2s
}
.corefz:hover{ border-color:var(--brand-soft);
 transform:translateY(-3px);
 box-shadow:var(--shh)}
.corefz figure{  background:var(--surface2);
  margin:0;
  overflow:hidden;
  aspect-ratio:16/9}
.corefz figure img{object-fit:cover;
width:100%;
height:100%}
.cardj1{padding:calc(18px*var(--dens)) calc(20px*var(--dens)) calc(20px*var(--dens))}
.corefz .nodeye{ gap:6px 12px;
 flex-wrap:wrap;
 display:flex;
 color:var(--dim);
 font-size:12.4px}
.corefz .nodeye b{color:var(--brand);font-weight:600}
.corefz h3{font-size:calc(17.4px*var(--tz));
margin-top:9px;
letter-spacing:-.024em;
line-height:1.44}
.corefz h3 a:hover{color:var(--brand)}
.corefz p{line-height:1.8;font-size:14.2px;color:var(--dim);-webkit-line-clamp:3;overflow:hidden;margin-top:9px;-webkit-box-orient:vertical;display:-webkit-box}
.corefz .hdzg{margin-top:calc(13px*var(--dens));font-size:13.6px}


.nodegw{ padding:calc(76px*var(--dens)) 0;
 text-align:center;
 background:var(--ink);
 color:#fff}
.nodegw h2{
letter-spacing:-.036em;
color:#fff;
font-size:clamp(24px,4.2vw,36px)
}
.nodegw p{
color:rgba(255,255,255,.74);
margin:18px auto 0;
max-width:620px;
font-size:calc(16.2px*var(--tz))
}
.nodegw .boxd1{justify-content:center;margin-top:calc(30px*var(--dens))}
.nodegw .blkng{box-shadow:none;background:var(--accent)}
.nodegw .barbw{color:#fff;
background:transparent;
border-color:rgba(255,255,255,.34)}
.nodegw .barbw:hover{background:transparent;border-color:#fff;color:#fff}


@media(max-width:767px){
  .cellr5{padding:calc(48px*var(--dens)) 0 0}
  .itemw5{padding:calc(52px*var(--dens)) 0}
  .wrapra{gap:38px;margin-top:calc(34px*var(--dens))}
  .setju{gap:16px;margin-top:calc(30px*var(--dens))}
  .flowq7{border-radius:var(--r3) var(--r3) 0 0;margin-top:calc(34px*var(--dens))}
  .nodegw{padding:calc(52px*var(--dens)) 0}
  .cellr5 .boxd1 .blkng,.cellr5 .boxd1 .barbw{flex:1 1 100%}
}
@media(min-width:768px){
  .setju{grid-template-columns:repeat(2,1fr)}
  .hdq7{grid-template-columns:repeat(2,1fr)}
  .secqf{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1024px){
  .gridwp{gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
  .gridwp.tagem figure{order:2}
  .setju{grid-template-columns:repeat(3,1fr)}
  .topsv{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .hdq7{grid-template-columns:repeat(3,1fr)}
}





/* shell */
.dark,.bd-band.dark{  border-color:transparent;
  color:var(--dark-fg);
  background:var(--dark-bg)}
.dark h1,.dark h2,.dark h3,.dark h4,.dark summary,
.bd-band.dark h1,.bd-band.dark h2,.bd-band.dark h3,.bd-band.dark h4{color:#fff}
.dark .icoks,.bd-band.dark .icoks{color:var(--dark-accent)}
.dark .hdzg,.bd-band.dark .hdzg{color:var(--dark-accent)}
.dark p,.dark .mini,.dark .nodeye,.dark .corea2 p,
.bd-band.dark p,.bd-band.dark .nodeye{color:var(--dark-fg)}
.dark .no{color:var(--dark-accent)}
.dark .barbw{color:#fff;border-color:rgba(255,255,255,.3);background:transparent}
.dark .barbw:hover{color:#fff;background:rgba(255,255,255,.12);border-color:#fff}
.dark .tag{background:rgba(255,255,255,.08);color:var(--dark-fg);border-color:rgba(255,255,255,.16)}
.dark .deckhb{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.dark .deckhb .itemzu{border-top-color:rgba(255,255,255,.12)}
.dark .rule,.dark .linemd,.dark .soft{background:var(--dark-bg)}


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


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


@media(max-width:900px){
/* skin */
  .chipar{columns:1}
}