:root{
  --bg:#ECF0F5; --bg-alt:#E0E6EE; --ink:#101925; --mute:#434E5C;
  --paper:#F3F5F8; --paper-72:rgba(243,245,248,.72); --paper-56:rgba(243,245,248,.56); --paper-line:rgba(243,245,248,.16);
  --line:rgba(16,25,37,.15); --line-soft:rgba(16,25,37,.08);
  --link:#285B83;
  --wall:#C5D0DE; --wall-hi:#D7DFE9;
  
  --wall-paint:radial-gradient(115% 150% at 74% -18%,var(--wall-hi) 0%,var(--wall) 62%);
  --scene:#C5D0DE; --scene-ink:#101925; --scene-muted:#434E5C; --scene-line:#798390; --scene-accent:#3A560D;
  --shadow-ink:#182334;
}
body[data-variant="4"]{--scene:#C5D0DE;--scene-ink:#101925;--scene-muted:#434E5C;--scene-line:#798390;--scene-accent:#3A560D}

.hd.solid,.hd.over.solid{background:rgba(236,240,245,.92)}
.btn-ghost{border-color:rgba(243,245,248,.35)}
.btn-ghost:hover{background:rgba(243,245,248,.06)}
.hero .btn-ghost{border-color:#798390}
.form input,.form select,.form textarea{background:#FFFFFF}
.chip,.ex-chips button,.ind-field-list li{background:rgba(255,255,255,.55)}
.field-visual,.ind-visual{background:#E0E6EE}
body[data-stage="C"] #guide .field-visual{background:#E0E6EE}
#guide .field-visual::after{box-shadow:inset 0 0 0 1px rgba(16,25,37,.10)}
.dl dd a,.co-dl dd a{border-bottom-color:rgba(40,91,131,.35)}
.p-tabbar{background:rgba(236,240,245,.94)}
.p-hero .btn-ink{border-color:rgba(16,25,37,.34)}
.p-hero .btn-ink:hover,.bao-arrow:hover{background:rgba(16,25,37,.06)}
.sample,.ex-strip [role=tab]{background:#E0E6EE}
.lightbox .lb-btn{border-color:rgba(243,245,248,.28)}
.lightbox .lb-btn:hover{background:rgba(243,245,248,.12)}

.home-page .table-scroll{border-color:#AEB1B5;border-top-color:#101925;background:#FFFFFF;color:#101925}
.home-page .table-scroll th,.home-page .table-scroll td{border-right-color:#D9DADC;border-bottom-color:#D9DADC}
.home-page .table-scroll thead th{color:#101925;border-bottom-color:#7C8087}
.home-page .table-scroll tbody th{color:#28303B}
.home-page .table-scroll tbody th small{color:#434E5C}
.home-page .table-scroll tbody tr.group th{color:#101925;border-top-color:#7C8087;border-bottom-color:#AEB1B5}
.home-page .table-scroll tbody tr:last-child th,.home-page .table-scroll tbody tr:last-child td{border-bottom-color:#7C8087}
.home-page #spec .tblwrap{color:#101925}
.home-page .table-heading p,.home-page .tbl-foot{color:#434E5C}
.home-page .table-scroll:focus-visible,.home-page .tabs button:focus-visible{outline-color:#101925}
.home-page .table-scroll .spec-many[data-cols="6"]{border-top-color:#101925}

#pbDiagram{--bg:#ECF0F5;--bg-alt:#E0E6EE;--ink:#101925;--mute:#434E5C;--line:rgba(16,25,37,.15);--line-soft:rgba(16,25,37,.08)}
#pbDiagram .viewswitch{background:rgba(236,240,245,.9)}
#pbDiagram .legend{background:rgba(236,240,245,.82)}
#pbDiagram .legend button:hover{background:rgba(16,25,37,.06)}
#pbDiagram .step .n,#pbDiagram .step h3 small{color:#616B78}
#pbDiagram .step h3{color:#434E5C}
#pbDiagram .tp-play:hover{background:#313944}

.p-hero .p-hero__art img,.p-hero--leftwall .p-hero__art img,.p-hero--topwall .p-hero__art img{-webkit-mask-image:none!important;mask-image:none!important}
.figure.fade img{-webkit-mask-image:none;mask-image:none}
.sheet,.p-hero~.sheet{box-shadow:none}

.p-hero{background:var(--wall-paint);--floor:.72;--fl:var(--floor);--dh:100%}
@media (max-width:720px){.p-hero{--fl:var(--floor-m,var(--floor))}}
@media (min-width:900px) and (min-aspect-ratio:5/4){.p-hero{--dh:max(100%,56.25vw)}}
@media (min-width:900px) and (min-aspect-ratio:5/4) and (max-aspect-ratio:8/5){.p-hero{--dh:min(100%,56.25vw)}}
@media (min-width:900px) and (min-aspect-ratio:39/20){.p-hero{--dh:min(100%,56.25vw)}}
@media (min-width:900px) and (min-aspect-ratio:5/4) and (max-height:640px){.p-hero--topwall{--dh:100%}}
.p-hero__art{background:linear-gradient(180deg,transparent calc(100% - (1 - var(--fl)) * var(--dh)),var(--bg) 0)}

:root{--plate:var(--wall);--plate-edge:#A8B3C0;--plate-t:8px;--plate-soft:#D7DFE9;--plate-soft-edge:#C5D0DE;--mist:#DCE3EC}

.bao-hero,.p-hero.bao-hero--one{background:linear-gradient(180deg,var(--mist) 0,var(--bg) min(440px,78%))}
.bao-row{--hr:.16;--pb:.38;--pf:1;
  background:linear-gradient(180deg,transparent calc(var(--rh) * (var(--hr) + var(--pb))),var(--plate) 0,var(--plate) calc(var(--rh) * (var(--hr) + var(--pf))),var(--plate-edge) 0,var(--plate-edge) calc(var(--rh) * (var(--hr) + var(--pf)) + var(--plate-t)),transparent 0)}
@media (max-width:720px){.bao-row{--hr:.06;--pb:.40}}
.bao-m__cap{border-top-color:transparent}

.bao-row.is-live .bao-m:not(.is-focus) .bao-m__img{opacity:1;filter:saturate(.55) contrast(.72) brightness(1.1)}
@media (max-width:720px){.bao-row.is-live .bao-m:not(.is-focus) .bao-m__img{opacity:1}}
.bao-hero--one .p-hero__art{--pf:.955;background:linear-gradient(180deg,transparent calc(100% - (1 - var(--fl)) * var(--dh)),var(--plate) 0,var(--plate) calc(100% - (1 - var(--pf)) * var(--dh)),var(--plate-edge) 0,var(--plate-edge) calc(100% - (1 - var(--pf)) * var(--dh) + var(--plate-t)),transparent 0)}

.bao-tile__img,.category-item .ci-row img{--tb:42%;--tf:92%;background:linear-gradient(180deg,transparent var(--tb),var(--plate-soft) 0,var(--plate-soft) var(--tf),var(--plate-soft-edge) 0,var(--plate-soft-edge) calc(var(--tf) + 3px),transparent 0)}
.bao-spec__side img{--tb:42%;--tf:92%;background:linear-gradient(180deg,transparent var(--tb),var(--plate-soft) 0,var(--plate-soft) var(--tf),var(--plate-soft-edge) 0,var(--plate-soft-edge) calc(var(--tf) + 3px),transparent 0)}
.category-item .ci-row img{--tb:44%;--tf:91%}
@media (max-width:720px){.bao-tile__img{--tb:41%;--tf:97%}}
.bao-grid.is-live .bao-tile:not(.is-focus) .bao-tile__img img{opacity:1;filter:saturate(.6) contrast(.78) brightness(1.08)}

:root{--panel:#D7DFE9;--panel-hi:#E3E9F0;--panel-paint:radial-gradient(115% 150% at 74% -18%,var(--panel-hi) 0%,var(--panel) 62%)}
.on-wall,.on-plate{position:relative}
.on-wall::before,.on-plate::before{content:"";position:absolute;left:0;right:0;top:0;height:0;pointer-events:none}
.on-wall::before{padding-top:calc(var(--boxh,66.667%) * var(--floor,.6));background:var(--panel-paint)}
.on-plate::before{padding-top:var(--boxh,66.667%);background:linear-gradient(180deg,transparent calc(var(--pb,.3) * 100%),var(--plate-soft) 0,var(--plate-soft) calc(var(--pf,.95) * 100%),var(--plate-soft-edge) 0,var(--plate-soft-edge) calc(var(--pf,.95) * 100% + 3px),transparent 0)}
.on-wall > img,.on-plate > img,.on-plate > .lk2-line-stage{position:relative}
.au-figure.on-wall img{object-position:50% 50%}
.blend-n img{mix-blend-mode:normal!important;filter:none!important}

.co-hero{background:var(--wall-paint)}
body[data-variant="4"] .hero-bg::before{background:radial-gradient(ellipse at 70% 30%,#D7DFE9,transparent 66%)}
.hero-art{--hero-shadow:24,35,52;--hero-shadow-a:0.3}

.stage{position:relative;isolation:isolate}
.stage::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:0;padding-top:calc(var(--floor,.72) * var(--ar,56.25%));background:var(--panel-paint)} 
.stage--box::before{height:calc(var(--floor,.72) * 100%);padding-top:0}
.stage img{mix-blend-mode:normal!important;filter:none!important;border-radius:0!important}
.home-page .material-visual.stage{height:auto;aspect-ratio:1400/788;overflow:visible}
.home-page .material-visual.stage img{height:100%;object-fit:contain}
.home-page .material-visual figcaption{color:#434E5C;background:rgba(236,240,245,.86)}





.bao #spec .bao-spec__side{position:relative}
.bao #spec .bao-spec__side img{
  background:
    linear-gradient(var(--ink),var(--ink)) left top/100% 1px no-repeat,
    linear-gradient(#AEB1B5,#AEB1B5) left bottom/100% 1px no-repeat,
    linear-gradient(var(--wall-hi),var(--wall-hi)) left top/100% 68% no-repeat;
}

.bao #spec .bao-spec__side:has(> .bao-note__h) img{
  background:
    linear-gradient(var(--ink),var(--ink)) left top/100% 1px no-repeat,
    linear-gradient(var(--wall-hi),var(--wall-hi)) left top/100% 68% no-repeat;
}
.bao #spec .bao-spec__side .bao-note__h{margin-top:0;padding:11px 16px 10px;border-top:1px solid var(--ink);background:var(--wall-hi);font-family:var(--body);font-size:14px;line-height:1.5;font-weight:500;color:var(--ink)}
.bao #spec .bao-spec__side .bao-note{margin-top:0;border-top:1px solid #7C8087}
.bao #spec .bao-spec__side .bao-note > div{padding:12px 16px;border-bottom-color:#D9DADC}
@media (min-width:1081px){
  
  .bao #spec .bao-spec__side::before{content:"";position:absolute;left:-32px;top:0;width:32px;height:1px;background:var(--ink)}
}
@media (min-width:721px) and (max-width:1080px){
  
  .bao #spec .bao-spec__side img,.bao #spec .bao-spec__side:has(> .bao-note__h) img{grid-column:1;grid-row:1/span 2;
    background:
      linear-gradient(var(--ink),var(--ink)) left top/100% 1px no-repeat,
      linear-gradient(#AEB1B5,#AEB1B5) left bottom/100% 1px no-repeat,
      linear-gradient(var(--wall-hi),var(--wall-hi)) left top/100% 68% no-repeat}
  .bao #spec .bao-spec__side .bao-note__h{grid-column:2}
  .bao #spec .bao-spec__side .bao-note{grid-column:2}
}


.home-page #machines .material-visual:is(.stage,.on-plate)::before{content:none}
.home-page #machines .material{--a-pad:16px;--a-gap:24px;display:grid;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate;padding-top:0}
.home-page #machines .material::before{content:"";grid-area:1/1/4/2;z-index:-1;background:var(--wall-hi);margin-bottom:calc(var(--a-gap) + 18.0114%)}
.home-page #machines .material-top{grid-area:1/1;padding:22px var(--a-pad) 0}
.home-page #machines .material-lead{grid-area:2/1;padding:0 var(--a-pad)}
.home-page #machines .material-visual{grid-area:3/1}
.home-page #machines .material-machines{grid-area:4/1}
.home-page #machines .material-machines a{padding:0 var(--a-pad)}
.home-page #machines .material-cta{grid-area:5/1;justify-self:start;margin-left:var(--a-pad)}
@media (max-width:1080px){.home-page #machines .material{--a-gap:22px}.home-page #machines .material-top{padding-top:20px}}
@media (max-width:720px){.home-page #machines .material{--a-pad:14px;--a-gap:18px}.home-page #machines .material-top{padding-top:16px}}