:root{
  --Yut_k_bg:#F8F1F1;
  --Yut_k_card:#F8F1F1;
  --Yut_k_dark:#15191A;
  --Yut_k_text:#131718;
  --Yut_k_muted:#687174;
  --Yut_k_line:#BDFFFF;
  --Yut_k_glow:#02F25E;
  --Yut_k_button:#05FF22;
  --Yut_k_gray:#9BA0A1;
  --Yut_k_width:90%;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  color:var(--Yut_k_text);
  background-color:var(--Yut_k_bg);
  background-image:
    linear-gradient(45deg,rgba(155,160,161,.13) 25%,transparent 25%,transparent 75%,rgba(155,160,161,.13) 75%),
    linear-gradient(45deg,rgba(155,160,161,.13) 25%,transparent 25%,transparent 75%,rgba(155,160,161,.13) 75%);
  background-position:0 0,16px 16px;
  background-size:32px 32px;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  line-height:1.7;
}

a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
main{width:var(--Yut_k_width);margin:auto;overflow:hidden}
.Yut_k_section{width:100%;margin:clamp(70px,10vw,145px) auto}
.Yut_k_kicker{
  margin:0;
  color:#008a38;
  font-size:11px;
  letter-spacing:.18em;
  font-weight:700;
}
.Yut_k_sectionHeader{margin-bottom:32px}
.Yut_k_sectionHeader h2{margin:5px 0;font-size:clamp(34px,5vw,72px);line-height:1}
.Yut_k_greenButton{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 22px;
  color:#050505;
  background:var(--Yut_k_button);
  border:1px solid #050505;
  border-radius:30px;
  font-weight:700;
  transition:.25s ease;
}
.Yut_k_greenButton:hover{
  transform:translateY(-3px);
  box-shadow:0 0 20px rgba(2,242,94,.55);
}
.Yut_k_textLink{color:#008a38;font-weight:700}

/* header */
#Yut_k_header{
  position:relative;
  z-index:10;
  background:linear-gradient(110deg,#9BA0A1,#CDD5D6 48%,#F8F1F1);
  border-bottom:1px solid var(--Yut_k_line);
}
#Yut_k_headerTop,
#Yut_k_navigation{
  width:var(--Yut_k_width);
  margin:auto;
}
#Yut_k_headerTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:17px 0;
}
.Yut_k_identity{display:flex;align-items:center;gap:13px}
.Yut_k_identity img{width:48px;height:48px;object-fit:contain}
.Yut_k_identity h2{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
}
.Yut_k_headerTools{display:flex;align-items:center;gap:22px}
.Yut_k_search{
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--Yut_k_dark);
  background:rgba(255,255,255,.3);
}
.Yut_k_search label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
}
.Yut_k_search input{
  width:165px;
  padding:10px 13px;
  background:transparent;
  border:0;
  outline:0;
}
.Yut_k_search button{
  width:43px;
  height:42px;
  color:#008a38;
  background:transparent;
  border:0;
}
.Yut_k_phone{white-space:nowrap;font-weight:700}
.Yut_k_phone i{margin-right:7px;color:#008a38}
.Yut_k_desktopNav{
  display:flex;
  justify-content:center;
  gap:clamp(17px,4vw,55px);
  padding:14px 0;
  font-weight:700;
}
.Yut_k_desktopNav a:hover{color:#008a38}
.Yut_k_menuButton{display:none}
.Yut_k_mobileNav{display:none}

/* stage */
.Yut_k_matchStage{
  position:relative;
  display:flex;
  align-items:center;
  min-height:650px;
}
.Yut_k_stageViewport{width:100%}
.Yut_k_stageSlide{
  display:none;
  grid-template-columns:1fr 1.1fr;
  align-items:center;
  gap:8vw;
  min-height:560px;
}
.Yut_k_stageCurrent{display:grid}
.Yut_k_stageCopy h1,
.Yut_k_stageCopy h2{
  margin:15px 0 25px;
  font-size:clamp(43px,7vw,95px);
  line-height:.95;
}
.Yut_k_stageCopy>p:not(.Yut_k_kicker){
  max-width:560px;
  color:var(--Yut_k_muted);
  font-size:18px;
}
.Yut_k_stageVisual{
  position:relative;
  transform:skewY(-4deg);
}
.Yut_k_stageVisual img{
  width:100%;
  height:510px;
  object-fit:cover;
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 24px rgba(2,242,94,.28);
}
.Yut_k_visualTag{
  position:absolute;
  right:-20px;
  bottom:25px;
  padding:20px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:skewY(4deg);
}
.Yut_k_visualTag strong{display:block;font-size:27px;line-height:1}
.Yut_k_visualTag small{display:block;margin-top:12px}
.Yut_k_stageArrow{
  position:absolute;
  top:50%;
  z-index:2;
  width:45px;
  height:45px;
  color:#008a38;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
  border-radius:50%;
}
.Yut_k_stagePrev{left:0}
.Yut_k_stageNext{right:0}
.Yut_k_stageProgress{
  position:absolute;
  right:0;
  bottom:20px;
  left:0;
  height:2px;
  background:rgba(155,160,161,.4);
}
.Yut_k_stageProgress i{
  display:block;
  width:50%;
  height:100%;
  background:#008a38;
  transition:.3s;
}

/* story */
.Yut_k_story{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:10vw;
}
.Yut_k_storyPicture{position:relative;min-height:440px}
.Yut_k_slantFrame{
  width:82%;
  height:405px;
  overflow:hidden;
  transform:skewX(-10deg);
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 20px rgba(2,242,94,.18);
}
.Yut_k_slantFrame img{
  width:125%;
  height:100%;
  object-fit:cover;
  transform:skewX(10deg);
}
.Yut_k_storyBadge{
  position:absolute;
  right:3%;
  bottom:25px;
  padding:18px;
  color:#050505;
  background:var(--Yut_k_button);
  font-size:25px;
  font-weight:700;
  line-height:1;
}
.Yut_k_storyText h2{
  font-size:clamp(38px,6vw,78px);
  line-height:1;
}
.Yut_k_storyDescription{
  max-width:560px;
  color:var(--Yut_k_muted);
  font-size:18px;
}

/* facts and metrics */
.Yut_k_factGrid,
.Yut_k_metricGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.Yut_k_factCard,
.Yut_k_metricCard{
  min-height:235px;
  padding:28px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 14px rgba(2,242,94,.08);
}
.Yut_k_darkCard{
  color:#F8F1F1;
  background:var(--Yut_k_dark);
}
.Yut_k_factCard i{color:#008a38;font-size:25px}
.Yut_k_factCard strong,
.Yut_k_metricCard strong{
  display:block;
  color:#008a38;
  font-size:42px;
  line-height:1;
}
.Yut_k_factCard p,
.Yut_k_metricCard p{color:var(--Yut_k_muted)}
.Yut_k_darkCard p{color:#CED5D6}
.Yut_k_metricCard strong{font-size:46px}

/* security cross */
.Yut_k_security{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  max-width:850px;
  min-height:620px;
  margin-right:auto;
  margin-left:auto;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_securityCenter{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:grid;
  place-content:center;
  width:190px;
  height:190px;
  transform:translate(-50%,-50%);
  color:#F8F1F1;
  background:var(--Yut_k_dark);
  border:1px solid var(--Yut_k_glow);
  border-radius:50%;
  text-align:center;
}
.Yut_k_securityCenter i{color:var(--Yut_k_button);font-size:30px}
.Yut_k_securityCenter h2{margin:5px 0;font-size:23px}
.Yut_k_securityCenter p{margin:0;font-size:12px}
.Yut_k_securityCell{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:35px;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_securityCell i{color:#008a38;font-size:25px}
.Yut_k_securityCell strong{color:#008a38;font-size:25px}
.Yut_k_securityCell p{color:var(--Yut_k_muted)}
.Yut_k_securityRight,
.Yut_k_securityBottom{background:#EEF7F7}

/* global orbit */
.Yut_k_globalOrbit{
  position:relative;
  max-width:880px;
  min-height:620px;
  margin:auto;
  border:1px solid var(--Yut_k_line);
  border-radius:50%;
}
.Yut_k_globalOrbit:before{
  content:"";
  position:absolute;
  inset:17%;
  border:1px dashed #008a38;
  border-radius:50%;
}
.Yut_k_globalCenter{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:grid;
  place-content:center;
  width:175px;
  height:175px;
  transform:translate(-50%,-50%);
  color:#050505;
  background:var(--Yut_k_button);
  border-radius:50%;
  text-align:center;
  line-height:1;
  font-size:22px;
}
.Yut_k_globalCenter i{margin-bottom:10px;font-size:28px}
.Yut_k_country{
  position:absolute;
  z-index:3;
  width:190px;
  min-height:150px;
  padding:18px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 15px rgba(2,242,94,.12);
}
.Yut_k_country i{font-size:30px}
.Yut_k_country h3{margin:4px 0}
.Yut_k_country strong{color:#008a38;font-size:12px}
.Yut_k_country p{margin:3px 0;color:var(--Yut_k_muted);font-size:13px}
.Yut_k_countryChina{top:0;left:50%;transform:translateX(-50%)}
.Yut_k_countryUs{top:50%;right:0;transform:translateY(-50%)}
.Yut_k_countryGb{bottom:0;left:50%;transform:translateX(-50%)}
.Yut_k_countryJp{top:50%;left:0;transform:translateY(-50%)}

/* fans */
.Yut_k_fanRail{
  display:flex;
  gap:22px;
  overflow:auto;
  padding:18px 0 32px;
  scroll-snap-type:x mandatory;
}
.Yut_k_fanCard{
  flex:0 0 265px;
  min-height:275px;
  padding:28px;
  color:#F8F1F1;
  background:var(--Yut_k_dark);
  border:1px solid var(--Yut_k_line);
  border-radius:50% 50% 10px 50%;
  scroll-snap-align:start;
}
.Yut_k_lightCard{
  color:var(--Yut_k_text);
  background:var(--Yut_k_card);
}
.Yut_k_fanCard i{color:var(--Yut_k_button);font-size:25px}
.Yut_k_lightCard i{color:#008a38}
.Yut_k_fanCard strong{color:var(--Yut_k_button)}

/* services */
.Yut_k_serviceGrid{
  display:grid;
  grid-template-columns:.85fr 1.35fr 1.35fr .85fr;
  gap:16px;
}
.Yut_k_serviceCard{
  overflow:hidden;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_serviceCard img{width:100%;height:185px;object-fit:cover}
.Yut_k_serviceSmall img{height:130px}
.Yut_k_serviceCard h3,
.Yut_k_serviceCard p{margin:14px 20px}
.Yut_k_serviceDark{color:#F8F1F1;background:var(--Yut_k_dark)}
.Yut_k_serviceDark p{color:#CED5D6}

/* faq */
.Yut_k_faqGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--Yut_k_line);
}
.Yut_k_faqGrid details{
  padding:20px;
  border-bottom:1px solid var(--Yut_k_line);
}
.Yut_k_faqGrid summary{
  display:flex;
  gap:15px;
  cursor:pointer;
  font-weight:700;
}
.Yut_k_faqGrid summary strong{color:#008a38}
.Yut_k_faqGrid p{color:var(--Yut_k_muted)}

/* reports */
.Yut_k_reportGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.Yut_k_reportCard{
  overflow:hidden;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_reportCard img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.Yut_k_reportContent{padding:20px}
.Yut_k_reportContent h3{line-height:1.35}
.Yut_k_reportContent h3 a:hover{color:#008a38}
.Yut_k_reportContent time{color:#008a38;font-size:12px}
.Yut_k_summaryLimit{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  color:var(--Yut_k_muted);
}

/* 控制显示行数为5 */

/* reach us */
.Yut_k_reachUs{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_reachInfo{
  padding:clamp(30px,6vw,75px);
  color:#F8F1F1;
  background:var(--Yut_k_dark);
}
.Yut_k_reachInfo h2{
  font-size:clamp(35px,5vw,70px);
  line-height:1;
}
.Yut_k_reachInfo>p{color:#CED5D6}
.Yut_k_reachInfo>div{margin-top:18px}
.Yut_k_reachInfo i{width:28px;color:var(--Yut_k_button)}
.Yut_k_reachInfo a{color:var(--Yut_k_button)}
.Yut_k_reachForm{
  display:grid;
  gap:8px;
  padding:clamp(30px,6vw,75px);
  background:var(--Yut_k_card);
}
.Yut_k_reachForm label{color:#008a38;font-size:13px}
.Yut_k_reachForm input,
.Yut_k_reachForm textarea{
  width:100%;
  padding:13px;
  background:transparent;
  border:1px solid var(--Yut_k_line);
  outline:0;
  resize:vertical;
}

/* footer */
#Yut_k_footer{
  margin-top:100px;
  background:var(--Yut_k_dark);
  border-top:1px solid var(--Yut_k_line);
}
.Yut_k_footerLayout{
  display:grid;
  grid-template-columns:2fr 1fr 1.5fr;
  gap:50px;
  width:var(--Yut_k_width);
  margin:auto;
  padding:65px 0 25px;
  color:#F8F1F1;
}
.Yut_k_footerBrand img{width:50px}
.Yut_k_footerBrand p,
.Yut_k_footerLinks div,
.Yut_k_footerAddress div{color:#CED5D6}
.Yut_k_footerLinks a:hover{color:var(--Yut_k_button)}
.Yut_k_footerAddress{font-style:normal}
.Yut_k_footerAddress i{width:28px;color:var(--Yut_k_button)}
.Yut_k_copyright{
  grid-column:1/-1;
  padding-top:20px;
  border-top:1px solid #596062;
  color:#9BA0A1;
  font-size:12px;
}
.Yut_k_copyright a{color:var(--Yut_k_button)}
.Yut_k_backTop{
  position:fixed;
  right:25px;
  bottom:25px;
  z-index:20;
  display:none;
  width:48px;
  height:48px;
  color:#050505;
  background:var(--Yut_k_button);
  border:1px solid #050505;
  border-radius:8px;
}
.Yut_k_backTop.Yut_k_show{display:block}
@media(max-width:800px){
  :root{--Yut_k_width:92%}

  .Yut_k_search input{width:130px}
  .Yut_k_phone{display:none}
  .Yut_k_desktopNav{display:none}

  .Yut_k_menuButton{
    display:block;
    width:43px;
    height:43px;
    color:#008a38;
    background:transparent;
    border:1px solid var(--Yut_k_line);
  }

  .Yut_k_mobileNav{
    display:none;
    padding:10px 0 18px;
  }

  .Yut_k_mobileNav.Yut_k_mobileOpen{display:grid}

  .Yut_k_mobileNav a{
    padding:10px 0;
    border-bottom:1px solid rgba(189,255,255,.55);
  }

  .Yut_k_stageSlide,
  .Yut_k_story,
  .Yut_k_reachUs{
    grid-template-columns:1fr;
  }

  .Yut_k_stageSlide{gap:35px}
  .Yut_k_stageVisual img{height:340px}
  .Yut_k_matchStage{min-height:720px}
  .Yut_k_stageArrow{top:auto;bottom:45px}

  .Yut_k_stagePrev{left:8px}
  .Yut_k_stageNext{right:8px}

  .Yut_k_factGrid,
  .Yut_k_metricGrid{
    grid-template-columns:1fr 1fr;
  }

  .Yut_k_serviceGrid{
    grid-template-columns:1fr 1fr;
  }

  .Yut_k_reportGrid{
    grid-template-columns:1fr 1fr;
  }

  .Yut_k_footerLayout{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }

  .Yut_k_footerBrand,
  .Yut_k_copyright{
    grid-column:1/-1;
  }
}

@media(max-width:520px){
  .Yut_k_headerTools{gap:8px}
  .Yut_k_search input{width:105px}

  .Yut_k_stageCopy h1,
  .Yut_k_stageCopy h2{
    font-size:43px;
  }

  .Yut_k_storyPicture{min-height:330px}
  .Yut_k_slantFrame{height:310px}

  .Yut_k_factGrid,
  .Yut_k_metricGrid,
  .Yut_k_serviceGrid,
  .Yut_k_faqGrid,
  .Yut_k_reportGrid{
    grid-template-columns:1fr;
  }

  .Yut_k_security{
    display:flex;
    flex-direction:column;
    min-height:auto;
    border:0;
  }

  .Yut_k_securityCenter{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    margin:25px auto;
  }

  .Yut_k_securityCell{min-height:180px}

  .Yut_k_globalOrbit{
    display:flex;
    flex-direction:column;
    min-height:auto;
    border:0;
    border-radius:0;
  }

  .Yut_k_globalOrbit:before{display:none}

  .Yut_k_globalCenter,
  .Yut_k_country{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    transform:none;
    margin:14px auto;
  }

  .Yut_k_country{width:100%}

  .Yut_k_footerLayout{
    grid-template-columns:1fr;
  }

  .Yut_k_footerBrand,
  .Yut_k_copyright{
    grid-column:auto;
  }
}
/* contact */
.Yut_k_contactIntro{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:9vw;
  min-height:620px;
}
.Yut_k_contactLead h1,
.Yut_k_appCopy h1{
  margin:16px 0 25px;
  font-size:clamp(44px,7vw,92px);
  line-height:.96;
}
.Yut_k_contactLead>p:not(.Yut_k_kicker),
.Yut_k_appCopy>p:not(.Yut_k_kicker){
  max-width:560px;
  color:var(--Yut_k_muted);
  font-size:18px;
}
.Yut_k_contactPath{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:40px;
  color:#008a38;
  font-size:13px;
}
.Yut_k_contactPath i{color:var(--Yut_k_text);font-size:10px}
.Yut_k_contactVisual{
  position:relative;
  min-height:470px;
  transform:rotate(4deg);
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 22px rgba(2,242,94,.22);
}
.Yut_k_contactVisual:before{
  content:"";
  position:absolute;
  inset:20px;
  z-index:1;
  border:1px solid var(--Yut_k_glow);
  pointer-events:none;
}
.Yut_k_contactVisual img{
  width:100%;
  height:470px;
  object-fit:cover;
}
.Yut_k_contactStamp{
  position:absolute;
  right:-25px;
  bottom:28px;
  z-index:2;
  padding:18px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:rotate(-4deg);
}
.Yut_k_contactStamp strong{
  display:block;
  font-size:25px;
  line-height:1;
}
.Yut_k_contactStamp small{font-size:10px}

.Yut_k_channelGrid,
.Yut_k_promiseGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.Yut_k_channelCard,
.Yut_k_promiseCard{
  min-height:225px;
  padding:28px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_channelCard i,
.Yut_k_promiseCard i{
  color:#008a38;
  font-size:25px;
}
.Yut_k_channelCard h3,
.Yut_k_promiseCard h3{margin:13px 0 5px}
.Yut_k_channelCard p,
.Yut_k_promiseCard p{color:var(--Yut_k_muted)}
.Yut_k_channelCard a,
.Yut_k_channelCard address,
.Yut_k_channelCard time{
  display:block;
  color:#008a38;
  font-style:normal;
  font-weight:700;
}
.Yut_k_darkCard{
  color:#F8F1F1;
  background:var(--Yut_k_dark);
}
.Yut_k_darkCard p{color:#CED5D6}
.Yut_k_darkCard a,
.Yut_k_darkCard address,
.Yut_k_darkCard time{color:var(--Yut_k_button)}

.Yut_k_routeCircle,
.Yut_k_abilityCircle{
  position:relative;
  max-width:860px;
  min-height:650px;
  margin:auto;
  border:1px solid var(--Yut_k_line);
  border-radius:50%;
}
.Yut_k_routeCircle:before,
.Yut_k_abilityCircle:before{
  content:"";
  position:absolute;
  inset:18%;
  border:1px dashed #008a38;
  border-radius:50%;
}
.Yut_k_routeCore,
.Yut_k_abilityCore{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:grid;
  place-content:center;
  width:180px;
  height:180px;
  transform:translate(-50%,-50%);
  color:#050505;
  background:var(--Yut_k_button);
  border-radius:50%;
  text-align:center;
  font-size:22px;
  line-height:1;
}
.Yut_k_routeCore i,
.Yut_k_abilityCore i{
  margin-bottom:10px;
  font-size:29px;
}
.Yut_k_routeItem,
.Yut_k_abilityItem{
  position:absolute;
  z-index:3;
  width:195px;
  min-height:145px;
  padding:18px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 15px rgba(2,242,94,.12);
}
.Yut_k_routeItem i,
.Yut_k_abilityItem i{color:#008a38;font-size:23px}
.Yut_k_routeItem h3,
.Yut_k_abilityItem h3{margin:5px 0;font-size:18px}
.Yut_k_routeItem p,
.Yut_k_abilityItem p{margin:0;color:var(--Yut_k_muted);font-size:13px}
.Yut_k_routeNorth,
.Yut_k_abilityNorth{top:0;left:50%;transform:translateX(-50%)}
.Yut_k_routeEast,
.Yut_k_abilityEast{top:50%;right:0;transform:translateY(-50%)}
.Yut_k_routeSouth,
.Yut_k_abilitySouth{bottom:0;left:50%;transform:translateX(-50%)}
.Yut_k_routeWest,
.Yut_k_abilityWest{top:50%;left:0;transform:translateY(-50%)}

.Yut_k_messageDesk{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_messageInfo{
  padding:clamp(30px,6vw,75px);
  color:#F8F1F1;
  background:var(--Yut_k_dark);
}
.Yut_k_messageInfo h2{
  font-size:clamp(38px,5vw,70px);
  line-height:1;
}
.Yut_k_messageInfo>p{color:#CED5D6}
.Yut_k_messageDetails{margin-top:32px}
.Yut_k_messageDetails div{margin-top:17px}
.Yut_k_messageDetails i{
  width:28px;
  color:var(--Yut_k_button);
}
.Yut_k_messageDetails a{color:var(--Yut_k_button)}
.Yut_k_messageForm{
  display:grid;
  gap:8px;
  padding:clamp(30px,6vw,75px);
  background:var(--Yut_k_card);
}
.Yut_k_messageForm label{color:#008a38;font-size:13px}
.Yut_k_messageForm input,
.Yut_k_messageForm textarea{
  width:100%;
  padding:13px;
  color:var(--Yut_k_text);
  background:transparent;
  border:1px solid var(--Yut_k_line);
  outline:0;
  resize:vertical;
}
/* app */
.Yut_k_appLaunch{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:8vw;
  min-height:700px;
}
.Yut_k_appActions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:30px;
}
.Yut_k_appActions strong{
  color:#008a38;
  font-size:13px;
}
.Yut_k_appActions strong i{margin-right:6px}
.Yut_k_phoneDisplay{
  position:relative;
  min-height:600px;
}
.Yut_k_phoneAura{
  position:absolute;
  top:18%;
  left:25%;
  width:350px;
  height:350px;
  background:var(--Yut_k_glow);
  opacity:.16;
  filter:blur(75px);
  border-radius:50%;
}
.Yut_k_phone{
  position:absolute;
  width:240px;
  height:500px;
  z-index:2;
  padding:8px;
  overflow:hidden;
  background:var(--Yut_k_dark);
  border:2px solid var(--Yut_k_line);
  border-radius:33px;
  box-shadow:0 0 25px rgba(2,242,94,.3);
}
.Yut_k_phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:25px;
}
.Yut_k_phoneBehind{
  top:78px;
  left:15%;
  z-index:1;
  opacity:.62;
  transform:rotate(-13deg);
}
.Yut_k_phoneMain{
  top:20px;
  right:12%;
  transform:rotate(8deg);
}
.Yut_k_liveFlag{
  position:absolute;
  right:18px;
  bottom:20px;
  left:18px;
  padding:7px;
  color:#050505;
  background:var(--Yut_k_button);
  border-radius:18px;
  text-align:center;
  font-size:11px;
  font-weight:700;
}
.Yut_k_appCode{
  position:absolute;
  right:0;
  bottom:35px;
  z-index:4;
  display:grid;
  place-content:center;
  width:105px;
  height:105px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:rotate(-12deg);
  font-size:21px;
  font-weight:700;
  line-height:1;
  text-align:center;
}

.Yut_k_downloadGrid,
.Yut_k_advantageGrid,
.Yut_k_experienceGrid,
.Yut_k_trustGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.Yut_k_downloadCard,
.Yut_k_advantageCard,
.Yut_k_experienceCard,
.Yut_k_trustCard{
  min-height:235px;
  padding:28px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_downloadCard strong{
  display:block;
  color:#008a38;
  font-size:45px;
  line-height:1;
}
.Yut_k_downloadCard p,
.Yut_k_advantageCard p,
.Yut_k_experienceCard p,
.Yut_k_trustCard p{
  color:var(--Yut_k_muted);
}
.Yut_k_advantageCard i,
.Yut_k_experienceCard i,
.Yut_k_trustCard i{
  color:#008a38;
  font-size:26px;
}
.Yut_k_advantageCard h3,
.Yut_k_experienceCard h3,
.Yut_k_trustCard h3{font-size:21px}
.Yut_k_darkCard i{color:var(--Yut_k_button)}
.Yut_k_darkCard p{color:#CED5D6}

.Yut_k_abilityMore{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:600px;
  margin:28px auto 0;
  gap:18px;
}
.Yut_k_abilityMore div{
  padding:20px;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_abilityMore i{color:#008a38;font-size:22px}
.Yut_k_abilityMore h3{margin:5px 0}
.Yut_k_abilityMore p{margin:0;color:var(--Yut_k_muted)}
.Yut_k_appStoreLinks{
  display:flex;
  justify-content:center;
  gap:15px;
  margin-top:28px;
}
.Yut_k_outlineButton{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 21px;
  color:#008a38;
  border:1px solid var(--Yut_k_line);
  border-radius:30px;
  font-weight:700;
}
.Yut_k_outlineButton:hover{
  color:#050505;
  background:var(--Yut_k_button);
}
.Yut_k_compareTable{
  border:1px solid var(--Yut_k_line);
}
.Yut_k_compareRow{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  border-bottom:1px solid var(--Yut_k_line);
}
.Yut_k_compareRow:last-child{border-bottom:0}
.Yut_k_compareRow div{
  padding:16px 20px;
  border-right:1px solid var(--Yut_k_line);
}
.Yut_k_compareRow div:last-child{border-right:0}
.Yut_k_compareHeading{
  color:#050505;
  background:var(--Yut_k_button);
  font-weight:700;
}
.Yut_k_goodValue{
  color:#008a38;
  font-weight:700;
}

.Yut_k_releaseRail{
  display:flex;
  gap:20px;
  overflow-x:auto;
  padding:15px 0 35px;
  scroll-snap-type:x mandatory;
}
.Yut_k_releaseCard{
  flex:0 0 300px;
  min-height:330px;
  padding:28px;
  color:#F8F1F1;
  background:var(--Yut_k_dark);
  border:1px solid var(--Yut_k_line);
  scroll-snap-align:start;
}
.Yut_k_currentRelease{
  color:#050505;
  background:var(--Yut_k_button);
  box-shadow:10px 10px 0 #008a38;
}
.Yut_k_releaseCard strong{
  display:block;
  color:var(--Yut_k_button);
  font-size:34px;
  line-height:1;
}
.Yut_k_currentRelease strong{color:#050505}
.Yut_k_releaseCard time{
  display:block;
  margin-top:10px;
  color:#9BA0A1;
  font-size:13px;
}
.Yut_k_releaseCard p{color:#CED5D6}
.Yut_k_currentRelease p{color:#303030}
.Yut_k_releaseCard div{
  padding:7px 0;
  border-top:1px solid rgba(189,255,255,.25);
  font-size:13px;
}

.Yut_k_appFaqGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--Yut_k_line);
}
.Yut_k_appFaqGrid details{
  padding:20px;
  border-bottom:1px solid var(--Yut_k_line);
}
.Yut_k_appFaqGrid summary{
  display:flex;
  gap:15px;
  cursor:pointer;
  font-weight:700;
}
.Yut_k_appFaqGrid summary strong{color:#008a38}
.Yut_k_appFaqGrid p{color:var(--Yut_k_muted)}

.Yut_k_installColumns{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_installPlatform{padding:35px}
.Yut_k_installPlatform:first-child{background:var(--Yut_k_dark)}
.Yut_k_installPlatform h3{
  padding-bottom:18px;
  border-bottom:1px solid var(--Yut_k_line);
  font-size:26px;
}
.Yut_k_installPlatform h3 i{
  margin-right:8px;
  color:#008a38;
}
.Yut_k_installStep{
  display:grid;
  grid-template-columns:45px 1fr;
  gap:14px;
  padding:17px 0;
  border-bottom:1px solid rgba(189,255,255,.35);
}
.Yut_k_installStep strong{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  color:#050505;
  background:var(--Yut_k_button);
  border-radius:50%;
}
.Yut_k_installStep h4{margin:0}
.Yut_k_installStep p{
  grid-column:2;
  margin:0;
  color:var(--Yut_k_muted);
  font-size:13px;
}
.Yut_k_darkCard .Yut_k_installStep p{color:#CED5D6}

.Yut_k_leagueNote{
  margin-top:24px;
  color:#008a38;
  font-weight:700;
}
.Yut_k_appInvite{
  display:grid;
  grid-template-columns:260px 1fr;
  align-items:center;
  gap:8vw;
  padding:70px 8%;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_inviteBadge{
  display:grid;
  place-content:center;
  width:220px;
  height:220px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:rotate(45deg);
  text-align:center;
}
.Yut_k_inviteBadge strong,
.Yut_k_inviteBadge small{transform:rotate(-45deg)}
.Yut_k_inviteBadge strong{font-size:34px;line-height:1}
.Yut_k_inviteBadge small{margin-top:12px;font-size:10px}
.Yut_k_inviteCopy h2,
.Yut_k_appFinal h2{
  font-size:clamp(35px,5vw,70px);
  line-height:1;
}
.Yut_k_inviteCopy>p:not(.Yut_k_kicker){max-width:600px;color:var(--Yut_k_muted)}
.Yut_k_inviteNote{color:#008a38;font-weight:700}
.Yut_k_appFinal{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:35px;
  padding:55px 7%;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_appFinal h2{margin:10px 0}
.Yut_k_appFinal p{color:var(--Yut_k_muted)}
.Yut_k_finalActions{
  display:flex;
  align-items:center;
  gap:15px;
}
@media(max-width:800px){
  .Yut_k_contactIntro,
  .Yut_k_appLaunch,
  .Yut_k_messageDesk,
  .Yut_k_appInvite,
  .Yut_k_appFinal{
    grid-template-columns:1fr;
  }

  .Yut_k_contactIntro,
  .Yut_k_appLaunch{gap:45px}

  .Yut_k_contactVisual{
    min-height:350px;
  }

  .Yut_k_contactVisual img{
    height:350px;
  }

  .Yut_k_channelGrid,
  .Yut_k_promiseGrid,
  .Yut_k_downloadGrid,
  .Yut_k_advantageGrid,
  .Yut_k_experienceGrid,
  .Yut_k_trustGrid{
    grid-template-columns:1fr 1fr;
  }

  .Yut_k_routeCircle,
  .Yut_k_abilityCircle{
    min-height:570px;
    border:0;
    border-radius:0;
  }

  .Yut_k_routeCircle:before,
  .Yut_k_abilityCircle:before{
    display:none;
  }

  .Yut_k_routeCore,
  .Yut_k_abilityCore{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    margin:25px auto;
  }

  .Yut_k_routeItem,
  .Yut_k_abilityItem{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:calc(50% - 10px);
    min-height:120px;
    margin:12px 0;
    transform:none;
  }

  .Yut_k_routeItem:nth-child(odd),
  .Yut_k_abilityItem:nth-child(odd){
    margin-left:0;
  }

  .Yut_k_routeItem:nth-child(even),
  .Yut_k_abilityItem:nth-child(even){
    margin-left:auto;
  }

  .Yut_k_installColumns{
    grid-template-columns:1fr;
  }

  .Yut_k_appFinal{
    padding:45px 28px;
  }
}

@media(max-width:520px){
  .Yut_k_channelGrid,
  .Yut_k_promiseGrid,
  .Yut_k_downloadGrid,
  .Yut_k_advantageGrid,
  .Yut_k_experienceGrid,
  .Yut_k_trustGrid,
  .Yut_k_appFaqGrid{
    grid-template-columns:1fr;
  }

  .Yut_k_routeCircle,
  .Yut_k_abilityCircle{
    min-height:auto;
  }

  .Yut_k_routeItem,
  .Yut_k_abilityItem{
    width:100%;
    margin:10px 0!important;
  }

  .Yut_k_phoneDisplay{
    min-height:480px;
    transform:scale(.82);
    transform-origin:top center;
  }

  .Yut_k_appActions,
  .Yut_k_appStoreLinks,
  .Yut_k_finalActions{
    align-items:flex-start;
    flex-direction:column;
  }

  .Yut_k_inviteBadge{
    margin:auto;
  }

  .Yut_k_compareTable{
    overflow-x:auto;
  }

  .Yut_k_compareRow{
    min-width:560px;
  }
}
/* list opening */
.Yut_k_newsOpening{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:9vw;
  min-height:600px;
}
.Yut_k_newsOrb{
  position:relative;
  width:min(470px,90%);
  height:470px;
  margin:auto;
}
.Yut_k_newsOrb:before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid var(--Yut_k_line);
  border-radius:50%;
  transform:translate(24px,24px);
}
.Yut_k_newsOrb img{
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid var(--Yut_k_line);
  border-radius:50%;
  box-shadow:0 0 25px rgba(2,242,94,.2);
}
.Yut_k_newsOrbMark{
  position:absolute;
  right:-35px;
  bottom:30px;
  padding:20px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:rotate(-8deg);
}
.Yut_k_newsOrbMark strong{
  display:block;
  font-size:26px;
  line-height:1;
}
.Yut_k_newsOrbMark small{
  display:block;
  margin-top:12px;
  font-size:10px;
}
.Yut_k_newsHeading h1{
  margin:15px 0;
  color:#008a38;
  font-size:clamp(52px,8vw,105px);
  line-height:.9;
}
.Yut_k_newsHeading>p:not(.Yut_k_kicker){
  max-width:560px;
  color:var(--Yut_k_muted);
  font-size:18px;
}
.Yut_k_newsRoute{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:38px;
  color:#008a38;
  font-size:13px;
}
.Yut_k_newsRoute i{
  color:var(--Yut_k_text);
  font-size:9px;
}

/* list board */
.Yut_k_newsBoard,
.Yut_k_articleLayout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);
  gap:clamp(35px,7vw,95px);
  align-items:start;
}
.Yut_k_streamTop{
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin-bottom:25px;
}
.Yut_k_streamTop h2{
  margin:5px 0 0;
  font-size:clamp(32px,5vw,62px);
  line-height:1;
}
.Yut_k_streamTop>strong{
  color:#008a38;
  font-size:12px;
}
.Yut_k_newsEntry{
  display:grid;
  grid-template-columns:280px 1fr;
  min-height:235px;
  border-top:1px solid var(--Yut_k_line);
}
.Yut_k_entryImage{
  position:relative;
  overflow:hidden;
}
.Yut_k_entryImage img{
  width:100%;
  height:100%;
  min-height:215px;
  object-fit:cover;
  transition:transform .35s ease;
}
.Yut_k_entryImage:hover img{transform:scale(1.06)}
.Yut_k_entryImage i{
  position:absolute;
  right:15px;
  bottom:15px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:#050505;
  background:var(--Yut_k_button);
  border-radius:50%;
}
.Yut_k_entryBody{padding:24px 30px}
.Yut_k_entryMeta{
  display:flex;
  justify-content:space-between;
  color:var(--Yut_k_muted);
  font-size:12px;
}
.Yut_k_entryMeta strong{
  color:#008a38;
  font-size:20px;
}
.Yut_k_entryBody h3{
  margin:14px 0 8px;
  font-size:23px;
  line-height:1.35;
}
.Yut_k_entryBody h3 a:hover,
.Yut_k_trendingEntry h3 a:hover,
.Yut_k_articleHotEntry h3 a:hover{
  color:#008a38;
}
.Yut_k_summaryLimit{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  color:var(--Yut_k_muted);
}
.Yut_k_entryMore{
  color:#008a38;
  font-size:13px;
  font-weight:700;
}
.Yut_k_pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  margin-top:35px;
  color:#008a38;
}
.Yut_k_pagination a,
.Yut_k_pagination strong,
.Yut_k_pagination span{
  padding:7px 12px;
  border:1px solid var(--Yut_k_line);
}

/* list aside */
.Yut_k_newsTools,
.Yut_k_articleAside{
  position:sticky;
  top:25px;
}
.Yut_k_searchPanel,
.Yut_k_articleSearch{
  padding:25px;
  color:#F8F1F1;
  background:var(--Yut_k_dark);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_searchPanel h2,
.Yut_k_menuPanel h2,
.Yut_k_trendingPanel h2,
.Yut_k_articleSearch h2,
.Yut_k_articleMenu h2,
.Yut_k_articleHot h2{
  margin:5px 0 18px;
  font-size:30px;
}
.Yut_k_searchPanel form,
.Yut_k_articleSearch form{
  display:flex;
  border:1px solid var(--Yut_k_glow);
}
.Yut_k_searchPanel label,
.Yut_k_articleSearch label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
}
.Yut_k_searchPanel input,
.Yut_k_articleSearch input{
  width:100%;
  min-width:0;
  padding:11px;
  color:#F8F1F1;
  background:transparent;
  border:0;
  outline:0;
}
.Yut_k_searchPanel button,
.Yut_k_articleSearch button{
  width:46px;
  color:#050505;
  background:var(--Yut_k_button);
  border:0;
}
.Yut_k_menuPanel,
.Yut_k_articleMenu,
.Yut_k_trendingPanel,
.Yut_k_articleHot{
  padding:25px;
  border:1px solid var(--Yut_k_line);
  border-top:0;
}
.Yut_k_menuPanel,
.Yut_k_articleHot{background:var(--Yut_k_card)}
.Yut_k_articleMenu,
.Yut_k_trendingPanel{
  color:#F8F1F1;
  background:var(--Yut_k_dark);
}
.Yut_k_menuLine,
.Yut_k_articleMenuLine{
  border-top:1px solid rgba(189,255,255,.35);
}
.Yut_k_menuLine a,
.Yut_k_articleMenuLine a{
  display:flex;
  justify-content:space-between;
  padding:12px 0;
}
.Yut_k_menuLine a:hover,
.Yut_k_articleMenuLine a:hover{color:var(--Yut_k_button)}
.Yut_k_menuLine i,
.Yut_k_articleMenuLine i{font-size:11px}
.Yut_k_trendingPanel,
.Yut_k_articleHot{margin-top:35px}
.Yut_k_trendingEntry,
.Yut_k_articleHotEntry{
  display:grid;
  grid-template-columns:75px 1fr;
  gap:13px;
  padding:15px 0;
  border-top:1px solid var(--Yut_k_line);
}
.Yut_k_trendingEntry img,
.Yut_k_articleHotEntry img{
  width:75px;
  height:75px;
  object-fit:cover;
}
.Yut_k_trendingEntry h3,
.Yut_k_articleHotEntry h3{
  margin:0;
  font-size:14px;
  line-height:1.35;
}
.Yut_k_trendingEntry p,
.Yut_k_articleHotEntry p{
  margin:4px 0;
  font-size:12px;
}
.Yut_k_trendingEntry time,
.Yut_k_articleHotEntry time{
  color:#008a38;
  font-size:11px;
}

/* show article */
.Yut_k_articleOpening{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:9vw;
  min-height:600px;
}
.Yut_k_articleVisual{
  position:relative;
  min-height:465px;
  transform:rotate(-4deg);
  border:1px solid var(--Yut_k_line);
  box-shadow:0 0 22px rgba(2,242,94,.2);
}
.Yut_k_articleVisual:before{
  content:"";
  position:absolute;
  inset:20px;
  z-index:1;
  border:1px solid var(--Yut_k_glow);
  pointer-events:none;
}
.Yut_k_articleVisual img{
  width:100%;
  height:465px;
  object-fit:cover;
}
.Yut_k_articleStamp{
  position:absolute;
  right:-25px;
  bottom:28px;
  z-index:2;
  padding:20px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:rotate(4deg);
}
.Yut_k_articleStamp strong{
  display:block;
  font-size:26px;
  line-height:1;
}
.Yut_k_articleStamp small{
  display:block;
  margin-top:12px;
  font-size:10px;
}
.Yut_k_articleRoute>p:not(.Yut_k_kicker){
  max-width:540px;
  color:var(--Yut_k_muted);
  font-size:18px;
}
.Yut_k_articleBreadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:11px;
  margin:28px 0;
  color:#008a38;
  font-size:12px;
}
.Yut_k_articleBreadcrumb i{
  color:var(--Yut_k_text);
  font-size:9px;
}
.Yut_k_articleHeader{
  padding-bottom:30px;
  border-bottom:1px solid var(--Yut_k_line);
}
.Yut_k_articleHeader h1{
  margin:15px 0 25px;
  font-size:clamp(38px,6vw,78px);
  line-height:1.04;
}
.Yut_k_articleMeta{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  color:var(--Yut_k_muted);
  font-size:13px;
}
.Yut_k_articleMeta i{
  margin-right:7px;
  color:#008a38;
}
.Yut_k_articleContent{
  padding:45px 0;
  color:#303637;
  font-size:18px;
  line-height:2;
}
.Yut_k_articleContent h2,
.Yut_k_articleContent h3{
  color:var(--Yut_k_text);
  line-height:1.3;
}
.Yut_k_articleContent img{
  width:100%;
  height:auto;
  margin:28px 0;
  border:1px solid var(--Yut_k_line);
}
.Yut_k_articleContent blockquote{
  margin:32px 0;
  padding:24px 28px;
  color:#008a38;
  background:#EDF8F8;
  border-left:4px solid var(--Yut_k_glow);
}
.Yut_k_articleNavigation{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--Yut_k_line);
  border-bottom:1px solid var(--Yut_k_line);
}
.Yut_k_articleNavigation a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:22px;
  border-right:1px solid var(--Yut_k_line);
}
.Yut_k_articleNavigation a:last-child{
  border-right:0;
  text-align:right;
}
.Yut_k_articleNavigation strong{
  color:#008a38;
  font-size:13px;
}
.Yut_k_articleNavigation p{
  margin:3px 0 0;
  color:var(--Yut_k_muted);
  font-size:14px;
}
.Yut_k_returnNews{
  display:inline-flex;
  gap:10px;
  margin:28px 0;
  color:#008a38;
  font-weight:700;
}
.Yut_k_articleShare{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_articleShare h2{
  margin:0;
  font-size:20px;
}
.Yut_k_articleShare h2 i{color:#008a38}
.Yut_k_articleShare p{
  margin:3px 0;
  color:var(--Yut_k_muted);
}
.Yut_k_shareActions{
  display:flex;
  gap:8px;
}
.Yut_k_shareActions a,
.Yut_k_shareActions button{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  color:#050505;
  background:var(--Yut_k_button);
  border:1px solid #050505;
  border-radius:50%;
  cursor:pointer;
}
.Yut_k_relatedGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.Yut_k_relatedCard{
  position:relative;
  padding:20px;
  background:var(--Yut_k_card);
  border:1px solid var(--Yut_k_line);
}
.Yut_k_relatedCard:nth-child(even){
  transform:translateY(25px);
  color:#F8F1F1;
  background:var(--Yut_k_dark);
}
.Yut_k_relatedNumber{
  position:absolute;
  top:-17px;
  left:20px;
  z-index:2;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:#050505;
  background:var(--Yut_k_button);
  transform:rotate(45deg);
  font-weight:700;
}
.Yut_k_relatedNumber::first-letter{
  display:inline-block;
}
.Yut_k_relatedCard img{
  width:100%;
  height:170px;
  object-fit:cover;
}
.Yut_k_relatedBody h3{
  font-size:17px;
  line-height:1.35;
}
.Yut_k_relatedBody h3 a:hover{color:#008a38}
.Yut_k_relatedBody time{
  color:#008a38;
  font-size:12px;
}
@media(max-width:800px){
  .Yut_k_newsOpening,
  .Yut_k_articleOpening,
  .Yut_k_newsBoard,
  .Yut_k_articleLayout{
    grid-template-columns:1fr;
  }

  .Yut_k_newsOpening,
  .Yut_k_articleOpening{
    gap:50px;
  }

  .Yut_k_newsTools,
  .Yut_k_articleAside{
    position:static;
  }

  .Yut_k_newsEntry{
    grid-template-columns:220px 1fr;
  }

  .Yut_k_channelGrid,
  .Yut_k_promiseGrid{
    grid-template-columns:1fr 1fr;
  }

  .Yut_k_relatedGrid{
    grid-template-columns:1fr 1fr;
  }

  .Yut_k_relatedCard:nth-child(even){
    transform:translateY(18px);
  }
}

@media(max-width:520px){
  .Yut_k_newsOrb{
    width:280px;
    height:280px;
  }

  .Yut_k_newsEntry{
    grid-template-columns:1fr;
  }

  .Yut_k_entryImage img{
    height:220px;
    min-height:220px;
  }

  .Yut_k_entryBody{
    padding:22px 0;
  }

  .Yut_k_articleVisual,
  .Yut_k_articleVisual img{
    min-height:330px;
    height:330px;
  }

  .Yut_k_channelGrid,
  .Yut_k_promiseGrid,
  .Yut_k_relatedGrid{
    grid-template-columns:1fr;
  }

  .Yut_k_relatedCard:nth-child(even){
    transform:none;
  }

  .Yut_k_articleNavigation{
    grid-template-columns:1fr;
  }

  .Yut_k_articleNavigation a{
    border-right:0;
    border-bottom:1px solid var(--Yut_k_line);
    text-align:left!important;
  }

  .Yut_k_articleShare{
    align-items:flex-start;
    flex-direction:column;
  }
}