:root{
  --yoyoZ_bg:#F38D82;
  --yoyoZ_card:#7C8AF3;
  --yoyoZ_glow:#2CDC09;
  --yoyoZ_btn:#FE01DC;
  --yoyoZ_nav:#A5A1A1;
  --yoyoZ_ink:#14121d;
  --yoyoZ_dark:#221c2f;
  --yoyoZ_paper:#ffffff;
  --yoyoZ_soft:#fdf3f1;
  --yoyoZ_wrap:min(1280px,calc(100% - 32px));
  --yoyoZ_shadow:0 22px 44px rgba(20,18,29,.16);
  --yoyoZ_line:0 0 0 1px rgba(44,220,9,.38),0 0 18px rgba(44,220,9,.18),0 0 36px rgba(44,220,9,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--yoyoZ_ink);
  background-color:var(--yoyoZ_bg);
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.22) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.22) 87.5%, rgba(255,255,255,.22)),
    linear-gradient(150deg, rgba(124,138,243,.15) 12%, transparent 12.5%, transparent 87%, rgba(124,138,243,.15) 87.5%, rgba(124,138,243,.15)),
    linear-gradient(90deg, rgba(254,1,220,.07) 2%, transparent 2.5%, transparent 97%, rgba(254,1,220,.07) 97.5%, rgba(254,1,220,.07));
  background-size:62px 108px,62px 108px,62px 108px;
  background-position:0 0,31px 54px,0 0;
  font:16px/1.75 "PingFang SC","Microsoft YaHei",sans-serif;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer;border:none;background:none}

.yoyoZ_a11yHide{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

.yoyoZ_microFlag{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.5);
  border:1px solid rgba(44,220,9,.24);
  box-shadow:var(--yoyoZ_line);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.yoyoZ_cubePulse,
.yoyoZ_softPulse{
  min-height:56px;
  padding:0 24px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  transition:transform .2s ease;
}
.yoyoZ_cubePulse{
  color:#fff;
  background:linear-gradient(180deg,#ff6eec 0%, #FE01DC 100%);
  box-shadow:0 10px 0 #b4009d,var(--yoyoZ_line);
}
.yoyoZ_softPulse{
  color:var(--yoyoZ_ink);
  background:#fff;
  box-shadow:0 10px 0 #eadad8,var(--yoyoZ_line);
}
.yoyoZ_cubePulse:hover,
.yoyoZ_softPulse:hover{transform:translateY(2px)}

.yoyoZ_siteHeader{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(243,141,130,.88);
  backdrop-filter:blur(15px);
  border-bottom:1px solid rgba(44,220,9,.18);
}
.yoyoZ_headerShell{
  width:var(--yoyoZ_wrap);
  margin:0 auto;
  padding:14px 0 12px;
}
.yoyoZ_headerTopline{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
}
.yoyoZ_brandCluster{
  display:flex;
  align-items:center;
  gap:12px;
}
.yoyoZ_brandCluster img{
  width:64px;
  height:64px;
  object-fit:contain;
  padding:8px;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
}
.yoyoZ_favCluster{justify-self:end}
.yoyoZ_favTrigger,
.yoyoZ_callCluster span{
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
  font-weight:900;
}
.yoyoZ_headerRoute{margin-top:12px}
.yoyoZ_routeInner{
  min-height:68px;
  padding:0 16px;
  border-radius:24px;
  background:linear-gradient(180deg,#b5b2b2 0%, #A5A1A1 100%);
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
}
.yoyoZ_primaryRoute ul,
.yoyoZ_compactRoute ul{
  list-style:none;
  margin:0;
  padding:0;
}
.yoyoZ_primaryRoute ul{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.yoyoZ_primaryRoute a{
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:900;
}
.yoyoZ_primaryRoute a:hover{
  background:rgba(255,255,255,.14);
}
.yoyoZ_routeToggleBox{display:none}
.yoyoZ_routeToggle{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--yoyoZ_ink);
  box-shadow:var(--yoyoZ_line);
  font-size:22px;
}
.yoyoZ_mobileRoute{
  display:none;
  margin-top:12px;
  padding:14px;
  border-radius:22px;
  background:#fff;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
}
.yoyoZ_mobileRoute.is-open{display:block}
.yoyoZ_compactRoute ul{
  display:grid;
  gap:10px;
}
.yoyoZ_compactRoute a{
  min-height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-radius:14px;
  background:var(--yoyoZ_soft);
  font-weight:900;
}

.yoyoZ_siteFooter{margin-top:60px;padding:0 0 34px}
.yoyoZ_footerShell{width:var(--yoyoZ_wrap);margin:0 auto}
.yoyoZ_footerDeck{
  display:grid;
  grid-template-columns:1.1fr 1fr .9fr;
  gap:20px;
}
.yoyoZ_footerBrand,
.yoyoZ_footerLinks,
.yoyoZ_footerSignal,
.yoyoZ_footerCopy{
  border-radius:24px;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
}
.yoyoZ_footerBrand,
.yoyoZ_footerLinks,
.yoyoZ_footerSignal{
  padding:24px;
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_footerBrand img{
  width:72px;
  height:72px;
  object-fit:contain;
  padding:8px;
  border-radius:18px;
  background:#fff;
}
.yoyoZ_footerKeyword{
  margin:14px 0 0;
  font-size:24px;
  font-weight:900;
}
.yoyoZ_footerBrief{margin:12px 0 0}
.yoyoZ_footerLinks ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.yoyoZ_footerLinks a{
  min-height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.16);
  font-weight:900;
}
.yoyoZ_footerSignal{
  margin:0;
  font-style:normal;
  display:grid;
  gap:14px;
}
.yoyoZ_footerSignal span{
  min-height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:14px;
  background:rgba(255,255,255,.16);
  font-weight:900;
}
.yoyoZ_footerCopy{
  margin-top:18px;
  padding:18px 24px;
  background:var(--yoyoZ_dark);
  color:#fff;
  text-align:center;
  font-weight:800;
}

.yoyoZ_backLift{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:70;
  width:56px;
  height:56px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(180deg,#ff6eec 0%, #FE01DC 100%);
  box-shadow:0 10px 0 #b4009d,var(--yoyoZ_line);
  display:grid;
  place-items:center;
}

.yoyoZ_homeStage{
  width:var(--yoyoZ_wrap);
  margin:0 auto;
  padding:28px 0 72px;
}
.yoyoZ_homeStage section{margin-top:24px}

.yoyoZ_startCopy,
.yoyoZ_startView,
.yoyoZ_startBadge,
.yoyoZ_startSpark,
.yoyoZ_originFrame,
.yoyoZ_originBar,
.yoyoZ_originCopy,
.yoyoZ_metricUnit,
.yoyoZ_guardCell,
.yoyoZ_guardAxis,
.yoyoZ_performLarge,
.yoyoZ_performMini,
.yoyoZ_mapCenter,
.yoyoZ_mapNode,
.yoyoZ_queryLead,
.yoyoZ_queryItem,
.yoyoZ_offerAside,
.yoyoZ_offerMatrix,
.yoyoZ_offerCard,
.yoyoZ_offerMark,
.yoyoZ_faqTile,
.yoyoZ_faqAxis,
.yoyoZ_newsLead,
.yoyoZ_newsGrid,
.yoyoZ_newsCard,
.yoyoZ_touchNorth,
.yoyoZ_touchWest,
.yoyoZ_touchCenter,
.yoyoZ_touchEast,
.yoyoZ_touchSouth,
.yoyoZ_touchCard{
  border-radius:24px;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
  overflow:hidden;
}

/* banner */
.yoyoZ_startFacet{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 0.8fr;
  gap:18px;
}
.yoyoZ_startCopy,
.yoyoZ_startView,
.yoyoZ_startBadge,
.yoyoZ_startSpark{
  min-height:250px;
  padding:24px;
}
.yoyoZ_startCopy{
  background:var(--yoyoZ_dark);
  color:#fff;
  transform:skew(-10deg);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_startCopy > *{transform:skew(10deg)}
.yoyoZ_startCopy h1{
  margin:14px 0 0;
  font-size:clamp(24px,4vw,32px);
  line-height:1.08;
}
.yoyoZ_startAction{
  margin-top:18px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.yoyoZ_startView{
  background:#fff;
  transform:skew(-10deg);
  padding:18px;
}
.yoyoZ_startView h2{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.yoyoZ_startView img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
  transform:skew(10deg);
}
.yoyoZ_startBadge{
  background:var(--yoyoZ_card);
  color:#fff;
  transform:skew(-10deg);
  display:grid;
  place-items:center;
}
.yoyoZ_startBadge strong{
  transform:skew(10deg);
  font-size:20px;
}
.yoyoZ_startSpark{
  background:#fff;
  transform:skew(-10deg);
  display:grid;
  place-items:center;
}
.yoyoZ_startSpark i{
  transform:skew(10deg);
  font-size:74px;
  color:var(--yoyoZ_btn);
}

/* intro */
.yoyoZ_originSplit{
  display:grid;
  grid-template-columns:1fr 54px 1fr;
  gap:18px;
}
.yoyoZ_originFrame,
.yoyoZ_originBar,
.yoyoZ_originCopy{
  min-height:400px;
  padding:24px;
}
.yoyoZ_originFrame{
  background:var(--yoyoZ_card);
  color:#fff;
  padding:18px;
}
.yoyoZ_originFrame h2{
  margin:0 0 16px;
  font-size:30px;
}
.yoyoZ_originFrame img{
  width:100%;
  height:calc(100% - 46px);
  object-fit:cover;
  border-radius:18px;
}
.yoyoZ_originBar,
.yoyoZ_guardAxis,
.yoyoZ_faqAxis{
  display:grid;
  place-items:center;
}
.yoyoZ_originBar span,
.yoyoZ_guardAxis span,
.yoyoZ_faqAxis span{
  width:2px;
  height:76%;
  background:linear-gradient(180deg,transparent 0%, #2CDC09 28%, #FE01DC 76%, transparent 100%);
}
.yoyoZ_originCopy{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_originCopy h2{
  margin:0;
  font-size:clamp(30px,3vw,44px);
}

/* info */
.yoyoZ_metricLane{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.yoyoZ_metricUnit{
  min-height:270px;
  padding:24px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_metricDark{
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_metricUnit h2{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.yoyoZ_metricUnit i{font-size:34px}
.yoyoZ_metricUnit h3{margin:14px 0 0}
.yoyoZ_metricUnit strong{
  display:block;
  margin-top:8px;
  font-size:30px;
}

/* security */
.yoyoZ_guardStack{
  display:grid;
  grid-template-columns:1fr 1fr 54px 1fr 1fr;
  gap:18px;
}
.yoyoZ_guardCell,
.yoyoZ_guardAxis{
  min-height:280px;
  padding:24px;
}
.yoyoZ_guardCell{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_guardTop{
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_guardCell h2{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.yoyoZ_guardCell i{font-size:34px}
.yoyoZ_guardCell h3{margin:14px 0 0}
.yoyoZ_guardCell strong{
  display:block;
  margin-top:8px;
  font-size:28px;
}

/* power */
.yoyoZ_performBand{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr 1.2fr;
  gap:18px;
}
.yoyoZ_performLarge,
.yoyoZ_performMini{
  min-height:270px;
  padding:24px;
}
.yoyoZ_performLarge{
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_performMini{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_performLarge h2{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.yoyoZ_performLarge i,
.yoyoZ_performMini i{font-size:34px}
.yoyoZ_performLarge h3,
.yoyoZ_performMini h3{margin:14px 0 0}
.yoyoZ_performLarge strong,
.yoyoZ_performMini strong{
  display:block;
  margin-top:8px;
  font-size:30px;
}

/* map */
.yoyoZ_mapSphere{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.yoyoZ_mapCenter,
.yoyoZ_mapNode{
  min-height:270px;
  padding:24px;
  border-radius:50%;
}
.yoyoZ_mapCenter{
  background:conic-gradient(from 0deg,var(--yoyoZ_dark) 0 25%, #fff 25% 50%, var(--yoyoZ_card) 50% 75%, #fff 75% 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_mapCenter h2{
  margin:0;
  font-size:clamp(30px,3vw,40px);
}
.yoyoZ_mapNode{
  background:conic-gradient(from 45deg,#fff 0 25%, var(--yoyoZ_card) 25% 50%, #fff 50% 75%, var(--yoyoZ_dark) 75% 100%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_mapNode i{
  font-size:34px;
  align-self:center;
}
.yoyoZ_mapNode h3{margin:14px 0 0}
.yoyoZ_mapNode strong{
  display:block;
  margin-top:8px;
  font-size:28px;
}

/* ask */
.yoyoZ_queryRibbon{
  background:var(--yoyoZ_dark);
  padding:24px;
  border-radius:28px;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
}
.yoyoZ_queryLead{
  padding:24px;
  background:#fff;
}
.yoyoZ_queryLead h2{
  margin:0;
  font-size:34px;
}
.yoyoZ_queryRail{
  margin-top:18px;
  overflow-x:auto;
}
.yoyoZ_queryFlow{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(290px,1fr);
  gap:16px;
  padding-bottom:8px;
}
.yoyoZ_queryItem{
  min-height:220px;
  padding:22px;
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_queryItem i{font-size:34px}
.yoyoZ_queryItem h3{margin:14px 0 0}

/* services */
.yoyoZ_offerGallery{
  display:grid;
  grid-template-columns:.6fr 1.8fr .6fr;
  gap:18px;
}
.yoyoZ_offerAside,
.yoyoZ_offerMatrix,
.yoyoZ_offerMark{
  min-height:100%;
  padding:24px;
}
.yoyoZ_offerAside,
.yoyoZ_offerMark{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_offerAside h2{
  margin:0;
  font-size:clamp(28px,3vw,40px);
}
.yoyoZ_offerMatrix{
  background:var(--yoyoZ_card);
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.yoyoZ_offerCard{
  padding:14px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_offerCard img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:16px;
}
.yoyoZ_offerCard h3{margin:14px 0 0}
.yoyoZ_offerMark{
  align-items:center;
  text-align:center;
}
.yoyoZ_offerMark strong{font-size:20px}

/* faq */
.yoyoZ_faqLane{
  display:grid;
  grid-template-columns:1fr 1fr 54px 1fr 1fr;
  gap:18px;
}
.yoyoZ_faqTile,
.yoyoZ_faqAxis{
  min-height:280px;
  padding:22px;
}
.yoyoZ_faqTile{
  background:#fff;
}
.yoyoZ_faqDark{
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_faqTile h2{
  margin:0 0 14px;
  font-size:22px;
}
.yoyoZ_faqTile details + details{margin-top:12px}
.yoyoZ_faqTile summary{
  cursor:pointer;
  font-weight:900;
}
.yoyoZ_faqTile p{margin:10px 0 0}

/* news */
.yoyoZ_newsPanel{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.yoyoZ_newsLead,
.yoyoZ_newsGrid{
  padding:24px;
}
.yoyoZ_newsLead{
  background:#fff;
}
.yoyoZ_newsLead h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_newsGrid{
  background:var(--yoyoZ_card);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.yoyoZ_newsCard{
  padding:14px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_newsThumb img{
  width:100%;
  height:170px;
  object-fit:cover;
  border-radius:16px;
}
.yoyoZ_newsBody{margin-top:14px}
.yoyoZ_newsBody h3{
  margin:0;
  font-size:20px;
  line-height:1.45;
}
.yoyoZ_newsBody span{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:10px;
  /* 控制显示行数为5 */
}
.yoyoZ_newsBody time{
  display:block;
  margin-top:12px;
  font-weight:900;
}

/* contact */
.yoyoZ_touchGrid{
  display:grid;
  grid-template-columns:.9fr 1.2fr .7fr;
  grid-template-areas:
    "north north north"
    "west center east"
    "south south south";
  gap:18px;
}
.yoyoZ_touchNorth,
.yoyoZ_touchWest,
.yoyoZ_touchCenter,
.yoyoZ_touchEast,
.yoyoZ_touchSouth{
  min-height:100%;
  padding:24px;
}
.yoyoZ_touchNorth{
  grid-area:north;
  background:#fff;
}
.yoyoZ_touchNorth h2{
  margin:0;
  font-size:clamp(30px,3vw,40px);
}
.yoyoZ_touchWest{
  grid-area:west;
  background:var(--yoyoZ_card);
  display:grid;
  gap:14px;
}
.yoyoZ_touchCard{
  padding:18px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_touchCard i{font-size:28px}
.yoyoZ_touchCard h3{margin:12px 0 0}
.yoyoZ_touchCard strong{
  display:block;
  margin-top:8px;
  font-size:22px;
}
.yoyoZ_touchCenter{
  grid-area:center;
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_touchForm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.yoyoZ_touchField{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.yoyoZ_touchField label{font-weight:900}
.yoyoZ_touchField input,
.yoyoZ_touchField textarea{
  width:100%;
  border:none;
  border-radius:16px;
  padding:14px 16px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_touchWide{grid-column:1/-1}
.yoyoZ_touchEast{
  grid-area:east;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.yoyoZ_touchEast i{font-size:72px;color:var(--yoyoZ_btn)}
.yoyoZ_touchSouth{
  grid-area:south;
  background:var(--yoyoZ_card);
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:900;
}

@media (max-width:1180px){
  .yoyoZ_footerDeck,
  .yoyoZ_startFacet,
  .yoyoZ_originSplit,
  .yoyoZ_metricLane,
  .yoyoZ_guardStack,
  .yoyoZ_performBand,
  .yoyoZ_mapSphere,
  .yoyoZ_offerGallery,
  .yoyoZ_faqLane,
  .yoyoZ_newsGrid{
    grid-template-columns:1fr 1fr;
  }

  .yoyoZ_originBar,
  .yoyoZ_guardAxis,
  .yoyoZ_faqAxis{
    min-height:72px;
  }
  .yoyoZ_originBar span,
  .yoyoZ_guardAxis span,
  .yoyoZ_faqAxis span{
    width:70%;
    height:2px;
  }

  .yoyoZ_touchGrid{
    grid-template-columns:1fr;
    grid-template-areas:
      "north"
      "west"
      "center"
      "east"
      "south";
  }
}

@media (max-width:860px){
  .yoyoZ_headerTopline{grid-template-columns:1fr}
  .yoyoZ_favCluster,
  .yoyoZ_callCluster{justify-self:start}
  .yoyoZ_primaryRoute{display:none}
  .yoyoZ_routeToggleBox{display:block}

  .yoyoZ_footerDeck,
  .yoyoZ_startFacet,
  .yoyoZ_originSplit,
  .yoyoZ_metricLane,
  .yoyoZ_guardStack,
  .yoyoZ_performBand,
  .yoyoZ_mapSphere,
  .yoyoZ_offerGallery,
  .yoyoZ_faqLane,
  .yoyoZ_newsGrid{
    grid-template-columns:1fr;
  }

  .yoyoZ_homeStage{padding:22px 0 60px}

  .yoyoZ_startCopy,
  .yoyoZ_startView,
  .yoyoZ_startBadge,
  .yoyoZ_startSpark{
    transform:none;
  }
  .yoyoZ_startCopy > *,
  .yoyoZ_startView img,
  .yoyoZ_startBadge strong,
  .yoyoZ_startSpark i{
    transform:none;
  }

  .yoyoZ_mapCenter,
  .yoyoZ_mapNode{
    border-radius:24px;
  }

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

@media (max-width:640px){
  .yoyoZ_footerLinks ul{grid-template-columns:1fr}

  .yoyoZ_footerBrand,
  .yoyoZ_footerLinks,
  .yoyoZ_footerSignal,
  .yoyoZ_footerCopy,
  .yoyoZ_startCopy,
  .yoyoZ_startView,
  .yoyoZ_startBadge,
  .yoyoZ_startSpark,
  .yoyoZ_originFrame,
  .yoyoZ_originCopy,
  .yoyoZ_metricUnit,
  .yoyoZ_guardCell,
  .yoyoZ_performLarge,
  .yoyoZ_performMini,
  .yoyoZ_mapCenter,
  .yoyoZ_mapNode,
  .yoyoZ_queryLead,
  .yoyoZ_queryItem,
  .yoyoZ_offerAside,
  .yoyoZ_offerMatrix,
  .yoyoZ_offerCard,
  .yoyoZ_offerMark,
  .yoyoZ_faqTile,
  .yoyoZ_newsLead,
  .yoyoZ_newsGrid,
  .yoyoZ_newsCard,
  .yoyoZ_touchNorth,
  .yoyoZ_touchWest,
  .yoyoZ_touchCenter,
  .yoyoZ_touchEast,
  .yoyoZ_touchSouth,
  .yoyoZ_touchCard{
    padding:20px;
  }
}
/* =========================
   contact.html + app.html
========================= */
.yoyoZ_contactStage,
.yoyoZ_appStage{
  width:var(--yoyoZ_wrap);
  margin:0 auto;
  padding:28px 0 72px;
}
.yoyoZ_contactStage section,
.yoyoZ_appStage section{
  margin-top:24px;
}

.yoyoZ_reachPanel,
.yoyoZ_reachVisual,
.yoyoZ_reachGlyph,
.yoyoZ_reachTag,
.yoyoZ_linkCard,
.yoyoZ_sceneHub,
.yoyoZ_sceneLeaf,
.yoyoZ_messageIntro,
.yoyoZ_messageFormWrap,
.yoyoZ_messageInfoWrap,
.yoyoZ_messageInfoCard,
.yoyoZ_mobileIconBox,
.yoyoZ_mobilePhoneBox,
.yoyoZ_mobileShotBox,
.yoyoZ_mobileCopyBox,
.yoyoZ_downloadCard,
.yoyoZ_featureIntro,
.yoyoZ_featureDivider,
.yoyoZ_featureList,
.yoyoZ_advantageCard,
.yoyoZ_advantageAxis,
.yoyoZ_experienceIntro,
.yoyoZ_experienceStack,
.yoyoZ_experienceCard,
.yoyoZ_compareNote,
.yoyoZ_compareApp,
.yoyoZ_compareAxis,
.yoyoZ_compareWeb,
.yoyoZ_compareTail,
.yoyoZ_releaseHead,
.yoyoZ_releaseCurrent,
.yoyoZ_releaseArchive,
.yoyoZ_releaseCard,
.yoyoZ_faqIntro,
.yoyoZ_faqOrb,
.yoyoZ_installLead,
.yoyoZ_installAndroid,
.yoyoZ_installIos,
.yoyoZ_installSeal,
.yoyoZ_installStep,
.yoyoZ_trustLead,
.yoyoZ_trustCell,
.yoyoZ_inviteCopy,
.yoyoZ_inviteAxis,
.yoyoZ_inviteCode,
.yoyoZ_joinBadge,
.yoyoZ_joinCall{
  border-radius:24px;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
  overflow:hidden;
}

/* contact */
.yoyoZ_reachMosaic{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "panel visual"
    "glyph tag";
  gap:18px;
}
.yoyoZ_reachPanel,
.yoyoZ_reachVisual,
.yoyoZ_reachGlyph,
.yoyoZ_reachTag{
  min-height:220px;
  padding:24px;
}
.yoyoZ_reachPanel{
  grid-area:panel;
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_reachPanel h1{
  margin:14px 0 0;
  font-size:clamp(34px,4vw,50px);
  line-height:1.08;
}
.yoyoZ_reachVisual{
  grid-area:visual;
  background:#fff;
  padding:18px;
}
.yoyoZ_reachVisual img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
}
.yoyoZ_reachGlyph{
  grid-area:glyph;
  background:var(--yoyoZ_card);
  color:#fff;
  display:grid;
  place-items:center;
}
.yoyoZ_reachGlyph i{
  font-size:72px;
}
.yoyoZ_reachTag{
  grid-area:tag;
  background:#fff;
  display:grid;
  place-items:center;
  text-align:center;
}
.yoyoZ_reachTag strong{
  font-size:28px;
}

.yoyoZ_linkBoard{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.yoyoZ_linkCard{
  min-height:250px;
  padding:24px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_linkCardDark{
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_linkCard i{font-size:34px}
.yoyoZ_linkCard h2{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.yoyoZ_linkCard h3{margin:14px 0 0}
.yoyoZ_linkCard strong{
  display:block;
  margin-top:8px;
  font-size:22px;
}

.yoyoZ_sceneWheel{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:stretch;
}
.yoyoZ_sceneHub{
  grid-column:2/3;
  grid-row:2/3;
  min-height:280px;
  padding:24px;
  border-radius:50%;
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_sceneHub h2{
  margin:0;
  font-size:clamp(28px,3vw,38px);
}
.yoyoZ_sceneLeaf{
  min-height:260px;
  padding:22px;
  background:#fff;
}
.yoyoZ_sceneLeaf h3{margin:0}
.yoyoZ_sceneLeaf button{
  width:100%;
  padding:0;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  font-weight:900;
  color:var(--yoyoZ_ink);
}
.yoyoZ_sceneBody p{
  margin:12px 0 0;
}
.yoyoZ_sceneBody ul{
  margin:12px 0 0;
  padding-left:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.yoyoZ_sceneBody li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.yoyoZ_messageStack{
  position:relative;
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:18px;
}
.yoyoZ_messageIntro,
.yoyoZ_messageFormWrap,
.yoyoZ_messageInfoWrap{
  min-height:100%;
  padding:24px;
}
.yoyoZ_messageIntro{
  position:absolute;
  top:0;
  left:0;
  width:calc(100% - 34%);
  min-height:auto;
  z-index:2;
  background:#fff;
}
.yoyoZ_messageIntro h2{
  margin:0;
  font-size:clamp(28px,3vw,38px);
}
.yoyoZ_messageFormWrap{
  margin-top:110px;
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_messageForm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.yoyoZ_messageField{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.yoyoZ_messageField label{font-weight:900}
.yoyoZ_messageField input,
.yoyoZ_messageField textarea{
  width:100%;
  border:none;
  border-radius:16px;
  padding:14px 16px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_messageFieldWide{grid-column:1/-1}
.yoyoZ_messageInfoWrap{
  background:var(--yoyoZ_card);
  display:grid;
  gap:14px;
  padding-top:120px;
}
.yoyoZ_messageInfoCard{
  padding:18px;
  background:#fff;
}
.yoyoZ_messageInfoCard i{font-size:28px}
.yoyoZ_messageInfoCard h3{margin:12px 0 0}
.yoyoZ_messageInfoCard strong{
  display:block;
  margin-top:8px;
  font-size:22px;
}

/* app */
.yoyoZ_mobileLead{
  display:grid;
  grid-template-columns:.7fr .7fr .8fr 1.4fr;
  gap:18px;
}
.yoyoZ_mobileIconBox,
.yoyoZ_mobilePhoneBox,
.yoyoZ_mobileShotBox,
.yoyoZ_mobileCopyBox{
  min-height:360px;
  padding:24px;
}
.yoyoZ_mobileIconBox,
.yoyoZ_mobilePhoneBox{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.yoyoZ_mobileIconBox{
  flex-direction:column;
  gap:14px;
}
.yoyoZ_mobileIconBox img{
  width:120px;
  height:120px;
  object-fit:contain;
  padding:12px;
  border-radius:24px;
  background:var(--yoyoZ_soft);
}
.yoyoZ_mobileIconBox h2{
  margin:0;
  font-size:20px;
}
.yoyoZ_mobilePhoneBox i{
  font-size:120px;
  color:var(--yoyoZ_btn);
}
.yoyoZ_mobileShotBox{
  background:var(--yoyoZ_card);
  padding:18px;
}
.yoyoZ_mobileShotBox img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
}
.yoyoZ_mobileCopyBox{
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_mobileCopyBox h1{
  margin:14px 0 0;
  font-size:clamp(34px,4vw,48px);
  line-height:1.08;
}

.yoyoZ_downloadGrid{
  display:grid;
  grid-template-columns:1.35fr .55fr .55fr .55fr;
  gap:18px;
}
.yoyoZ_downloadCard{
  min-height:240px;
  padding:24px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_downloadCardDark{
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_downloadCard span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}
.yoyoZ_downloadCard h2{
  margin:12px 0 0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_downloadCard h3{
  margin:0;
  font-size:42px;
}
.yoyoZ_downloadCard small{
  display:block;
  margin-top:8px;
  font-weight:900;
}

.yoyoZ_featureArc{
  display:grid;
  grid-template-columns:.9fr 54px 1.1fr;
  gap:18px;
}
.yoyoZ_featureIntro,
.yoyoZ_featureList{
  min-height:100%;
  padding:28px;
}
.yoyoZ_featureIntro{
  border-radius:50%;
  background:linear-gradient(180deg,#fff 0 48%, var(--yoyoZ_dark) 48% 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_featureIntro h2{
  margin:0;
  font-size:clamp(30px,3vw,40px);
}
.yoyoZ_featureDivider,
.yoyoZ_advantageAxis,
.yoyoZ_compareAxis,
.yoyoZ_inviteAxis{
  display:grid;
  place-items:center;
}
.yoyoZ_featureDivider span,
.yoyoZ_advantageAxis span,
.yoyoZ_compareAxis span,
.yoyoZ_inviteAxis span{
  width:2px;
  height:76%;
  background:linear-gradient(180deg,transparent 0%, #2CDC09 28%, #FE01DC 76%, transparent 100%);
}
.yoyoZ_featureList{
  border-radius:50%;
  background:linear-gradient(180deg,var(--yoyoZ_card) 0 48%, #fff 48% 100%);
  display:grid;
  gap:12px;
}
.yoyoZ_featureList span{
  min-height:60px;
  padding:14px 16px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:rgba(255,255,255,.48);
  font-weight:900;
}
.yoyoZ_featureAction{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:6px;
}

.yoyoZ_advantageTrack{
  display:grid;
  grid-template-columns:1fr 1fr 54px 1fr 1fr 1fr;
  gap:18px;
}
.yoyoZ_advantageCard,
.yoyoZ_advantageAxis{
  min-height:250px;
  padding:24px;
}
.yoyoZ_advantageCard{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_advantageDark{
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_advantageCard h2{
  margin:0;
  font-size:28px;
}
.yoyoZ_advantageCard h6{
  margin:0;
  font-size:22px;
}

.yoyoZ_experienceDeck{
  position:relative;
}
.yoyoZ_experienceIntro{
  position:relative;
  z-index:2;
  width:42%;
  padding:24px;
  background:#fff;
}
.yoyoZ_experienceIntro h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_experienceStack{
  margin-top:-30px;
  margin-left:10%;
  padding:50px 24px 24px;
  background:var(--yoyoZ_card);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.yoyoZ_experienceCard{
  padding:18px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_experienceCard span{
  width:58px;
  height:58px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(254,1,220,.1);
}
.yoyoZ_experienceCard span i{
  font-size:28px;
  color:var(--yoyoZ_btn);
}
.yoyoZ_experienceCard h3{
  margin:14px 0 0;
  font-size:24px;
}

.yoyoZ_compareHub{
  display:grid;
  grid-template-columns:.56fr 1fr 54px 1fr .56fr;
  gap:18px;
}
.yoyoZ_compareNote,
.yoyoZ_compareApp,
.yoyoZ_compareAxis,
.yoyoZ_compareWeb,
.yoyoZ_compareTail{
  min-height:100%;
  padding:24px;
}
.yoyoZ_compareNote,
.yoyoZ_compareTail{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_compareNote h2{
  margin:0;
  font-size:clamp(28px,3vw,38px);
}
.yoyoZ_compareApp{
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_compareWeb{
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_compareLabel{
  display:inline-flex;
  min-height:40px;
  padding:0 14px;
  align-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.18);
  font-weight:900;
}
.yoyoZ_compareApp ul,
.yoyoZ_compareWeb ul{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}
.yoyoZ_compareApp li,
.yoyoZ_compareWeb li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:14px;
}

.yoyoZ_releaseShelf{
  display:grid;
  grid-template-columns:.84fr 1.08fr 1.08fr;
  gap:18px;
}
.yoyoZ_releaseHead,
.yoyoZ_releaseCurrent,
.yoyoZ_releaseArchive{
  min-height:100%;
  padding:24px;
}
.yoyoZ_releaseHead{
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_releaseHead h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_releaseHead span,
.yoyoZ_releaseArchive > span{
  display:inline-flex;
  width:max-content;
  min-height:40px;
  padding:0 14px;
  align-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.14);
  margin-top:14px;
  font-weight:900;
}
.yoyoZ_releaseCurrent,
.yoyoZ_releaseArchive{
  background:var(--yoyoZ_card);
  display:grid;
  gap:14px;
}
.yoyoZ_releaseCard{
  padding:18px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_releaseCard h3{
  margin:0;
  font-size:24px;
}
.yoyoZ_releaseCard p{
  margin:8px 0 0;
  font-weight:900;
}
.yoyoZ_releaseCard ul{
  margin:12px 0 0;
  padding-left:18px;
}

.yoyoZ_faqField{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.yoyoZ_faqIntro,
.yoyoZ_faqOrb{
  min-height:260px;
  padding:24px;
  border-radius:50%;
}
.yoyoZ_faqIntro{
  background:linear-gradient(180deg,var(--yoyoZ_dark) 0 48%, #fff 48% 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_faqIntro h2{
  margin:0;
  font-size:clamp(30px,3vw,40px);
}
.yoyoZ_faqIntro small{
  display:block;
  margin-top:14px;
  font-weight:900;
}
.yoyoZ_faqOrb{
  background:linear-gradient(180deg,#fff 0 48%, var(--yoyoZ_card) 48% 100%);
  padding:28px;
}
.yoyoZ_faqOrb details{
  background:rgba(255,255,255,.5);
  border-radius:16px;
  padding:16px;
}
.yoyoZ_faqOrb summary{
  cursor:pointer;
  font-weight:900;
}
.yoyoZ_faqOrb summary span{
  margin-right:8px;
}

.yoyoZ_installAtlas{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "lead android"
    "ios seal";
  gap:18px;
}
.yoyoZ_installLead,
.yoyoZ_installAndroid,
.yoyoZ_installIos,
.yoyoZ_installSeal{
  min-height:320px;
  padding:28px;
  border-radius:50%;
}
.yoyoZ_installLead{
  grid-area:lead;
  background:conic-gradient(from 0deg,var(--yoyoZ_dark) 0 25%, #fff 25% 50%, var(--yoyoZ_card) 50% 75%, #fff 75% 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.yoyoZ_installLead h2{
  margin:0;
  font-size:clamp(30px,3vw,40px);
}
.yoyoZ_installAndroid{
  grid-area:android;
  background:conic-gradient(from 45deg,#fff 0 25%, var(--yoyoZ_card) 25% 50%, #fff 50% 75%, var(--yoyoZ_dark) 75% 100%);
}
.yoyoZ_installIos{
  grid-area:ios;
  background:conic-gradient(from 90deg,var(--yoyoZ_card) 0 25%, #fff 25% 50%, var(--yoyoZ_dark) 50% 75%, #fff 75% 100%);
}
.yoyoZ_installSeal{
  grid-area:seal;
  background:conic-gradient(from 180deg,#fff 0 25%, var(--yoyoZ_dark) 25% 50%, #fff 50% 75%, var(--yoyoZ_card) 75% 100%);
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:900;
}
.yoyoZ_installAndroid h3,
.yoyoZ_installIos h3{
  margin:0 0 16px;
  text-align:center;
  font-size:24px;
}
.yoyoZ_installFlow{
  display:grid;
  gap:12px;
}
.yoyoZ_installStep{
  padding:14px;
  background:rgba(255,255,255,.52);
}
.yoyoZ_installStep span{
  width:38px;
  height:38px;
  display:inline-grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(180deg,#ff6eec 0%, #FE01DC 100%);
  box-shadow:0 8px 0 #b4009d;
  color:#fff;
  font-weight:900;
}
.yoyoZ_installStep h4{
  margin:12px 0 0;
  font-size:18px;
}
.yoyoZ_installStep p{
  margin:8px 0 0;
  font-size:14px;
}

.yoyoZ_trustMatrix{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.yoyoZ_trustLead,
.yoyoZ_trustCell{
  min-height:250px;
  padding:24px;
}
.yoyoZ_trustLead{
  grid-column:span 2;
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_trustLead p{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.yoyoZ_trustLead h2{
  margin:14px 0 0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_trustLead em{
  display:block;
  margin-top:16px;
  font-style:normal;
}
.yoyoZ_trustCell{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yoyoZ_trustCellDark{
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_trustCell span{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
}
.yoyoZ_trustCell h5{
  margin:14px 0 0;
  font-size:22px;
}

.yoyoZ_inviteBridge{
  display:grid;
  grid-template-columns:1fr 54px 1fr;
  gap:18px;
}
.yoyoZ_inviteCopy,
.yoyoZ_inviteCode{
  min-height:320px;
  padding:28px;
}
.yoyoZ_inviteCopy{
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_inviteCopy h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_inviteCode{
  background:var(--yoyoZ_card);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_inviteCode span{
  display:block;
  margin-top:10px;
  font-size:34px;
  font-weight:900;
  letter-spacing:.12em;
}
.yoyoZ_inviteCode a{
  margin-top:18px;
  align-self:center;
}

.yoyoZ_joinArc{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.yoyoZ_joinBadge,
.yoyoZ_joinCall{
  min-height:320px;
  padding:28px;
  border-radius:50%;
}
.yoyoZ_joinBadge{
  background:linear-gradient(180deg,var(--yoyoZ_card) 0 48%, #fff 48% 100%);
  display:grid;
  place-items:center;
  text-align:center;
}
.yoyoZ_joinBadge span{
  font-weight:900;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.yoyoZ_joinCall{
  background:linear-gradient(180deg,#fff 0 48%, var(--yoyoZ_dark) 48% 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_joinCall h2{
  margin:0;
  font-size:clamp(30px,3vw,42px);
}
.yoyoZ_joinAction{
  margin-top:18px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

@media (max-width:1180px){
  .yoyoZ_reachMosaic,
  .yoyoZ_linkBoard,
  .yoyoZ_sceneWheel,
  .yoyoZ_messageStack,
  .yoyoZ_mobileLead,
  .yoyoZ_downloadGrid,
  .yoyoZ_featureArc,
  .yoyoZ_advantageTrack,
  .yoyoZ_compareHub,
  .yoyoZ_releaseShelf,
  .yoyoZ_faqField,
  .yoyoZ_installAtlas,
  .yoyoZ_trustMatrix,
  .yoyoZ_inviteBridge,
  .yoyoZ_joinArc{
    grid-template-columns:1fr;
  }

  .yoyoZ_installAtlas{
    grid-template-areas:
      "lead"
      "android"
      "ios"
      "seal";
  }

  .yoyoZ_featureDivider,
  .yoyoZ_advantageAxis,
  .yoyoZ_compareAxis,
  .yoyoZ_inviteAxis{
    min-height:72px;
  }

  .yoyoZ_featureDivider span,
  .yoyoZ_advantageAxis span,
  .yoyoZ_compareAxis span,
  .yoyoZ_inviteAxis span{
    width:70%;
    height:2px;
  }

  .yoyoZ_sceneHub{
    grid-column:auto;
    grid-row:auto;
  }

  .yoyoZ_experienceStack{
    margin-left:0;
    margin-top:18px;
    grid-template-columns:1fr;
    padding-top:24px;
  }

  .yoyoZ_experienceIntro{
    width:100%;
  }

  .yoyoZ_trustLead{
    grid-column:auto;
  }

  .yoyoZ_messageIntro{
    position:relative;
    width:100%;
  }

  .yoyoZ_messageFormWrap{
    margin-top:0;
  }

  .yoyoZ_messageInfoWrap{
    padding-top:24px;
  }
}

@media (max-width:860px){
  .yoyoZ_contactStage,
  .yoyoZ_appStage{
    padding:22px 0 60px;
  }

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

  .yoyoZ_sceneHub,
  .yoyoZ_featureIntro,
  .yoyoZ_featureList,
  .yoyoZ_faqIntro,
  .yoyoZ_faqOrb,
  .yoyoZ_installLead,
  .yoyoZ_installAndroid,
  .yoyoZ_installIos,
  .yoyoZ_installSeal,
  .yoyoZ_joinBadge,
  .yoyoZ_joinCall{
    border-radius:24px;
  }
}

@media (max-width:640px){
  .yoyoZ_reachPanel,
  .yoyoZ_reachVisual,
  .yoyoZ_reachGlyph,
  .yoyoZ_reachTag,
  .yoyoZ_linkCard,
  .yoyoZ_sceneHub,
  .yoyoZ_sceneLeaf,
  .yoyoZ_messageIntro,
  .yoyoZ_messageFormWrap,
  .yoyoZ_messageInfoWrap,
  .yoyoZ_messageInfoCard,
  .yoyoZ_mobileIconBox,
  .yoyoZ_mobilePhoneBox,
  .yoyoZ_mobileShotBox,
  .yoyoZ_mobileCopyBox,
  .yoyoZ_downloadCard,
  .yoyoZ_featureIntro,
  .yoyoZ_featureList,
  .yoyoZ_advantageCard,
  .yoyoZ_experienceIntro,
  .yoyoZ_experienceStack,
  .yoyoZ_experienceCard,
  .yoyoZ_compareNote,
  .yoyoZ_compareApp,
  .yoyoZ_compareWeb,
  .yoyoZ_compareTail,
  .yoyoZ_releaseHead,
  .yoyoZ_releaseCurrent,
  .yoyoZ_releaseArchive,
  .yoyoZ_releaseCard,
  .yoyoZ_faqIntro,
  .yoyoZ_faqOrb,
  .yoyoZ_installLead,
  .yoyoZ_installAndroid,
  .yoyoZ_installIos,
  .yoyoZ_installSeal,
  .yoyoZ_trustLead,
  .yoyoZ_trustCell,
  .yoyoZ_inviteCopy,
  .yoyoZ_inviteCode,
  .yoyoZ_joinBadge,
  .yoyoZ_joinCall{
    padding:20px;
  }

  .yoyoZ_mobilePhoneBox i{
    font-size:92px;
  }
}
/* =========================
   list.html + show.html
========================= */
.yoyoZ_listStage,
.yoyoZ_showStage{
  width:var(--yoyoZ_wrap);
  margin:0 auto;
  padding:28px 0 72px;
}
.yoyoZ_listStage section,
.yoyoZ_showStage section{
  margin-top:24px;
}

.yoyoZ_channelCopy,
.yoyoZ_channelAxis,
.yoyoZ_channelView,
.yoyoZ_crumbHome,
.yoyoZ_crumbAxis,
.yoyoZ_crumbCurrent,
.yoyoZ_archiveMain,
.yoyoZ_archiveSide,
.yoyoZ_storyCard,
.yoyoZ_archivePager,
.yoyoZ_seekPanel,
.yoyoZ_routePanel,
.yoyoZ_focusPanel,
.yoyoZ_focusCard,
.yoyoZ_articleLead,
.yoyoZ_articleMark,
.yoyoZ_articleShot,
.yoyoZ_articleStamp,
.yoyoZ_trailNode,
.yoyoZ_trailAxis,
.yoyoZ_readingMain,
.yoyoZ_readingSide,
.yoyoZ_storyEntry,
.yoyoZ_sharePanel,
.yoyoZ_relatedIntro,
.yoyoZ_relatedCard,
.yoyoZ_probePanel,
.yoyoZ_guidePanel,
.yoyoZ_hotPanel,
.yoyoZ_hotCard{
  border-radius:24px;
  box-shadow:var(--yoyoZ_line),var(--yoyoZ_shadow);
  overflow:hidden;
}

/* list */
.yoyoZ_channelOrbit{
  display:grid;
  grid-template-columns:1fr 54px 1fr;
  gap:18px;
}
.yoyoZ_channelCopy,
.yoyoZ_channelAxis,
.yoyoZ_channelView{
  min-height:360px;
  padding:24px;
}
.yoyoZ_channelCopy{
  border-radius:50%;
  background:linear-gradient(180deg,var(--yoyoZ_dark) 0 48%, #fff 48% 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.yoyoZ_channelCopy h1{
  margin:14px 0 0;
  font-size:clamp(34px,4vw,50px);
  line-height:1.08;
}
.yoyoZ_channelAxis,
.yoyoZ_crumbAxis,
.yoyoZ_trailAxis{
  display:grid;
  place-items:center;
}
.yoyoZ_channelAxis span,
.yoyoZ_crumbAxis span,
.yoyoZ_trailAxis span{
  width:2px;
  height:76%;
  background:linear-gradient(180deg,transparent 0%, #2CDC09 28%, #FE01DC 76%, transparent 100%);
}
.yoyoZ_channelView{
  border-radius:50%;
  background:linear-gradient(180deg,#fff 0 48%, var(--yoyoZ_card) 48% 100%);
  padding:18px;
}
.yoyoZ_channelView img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}

.yoyoZ_crumbBridge{
  display:grid;
  grid-template-columns:1fr 54px 1fr;
  gap:18px;
}
.yoyoZ_crumbHome,
.yoyoZ_crumbAxis,
.yoyoZ_crumbCurrent{
  min-height:110px;
  padding:20px;
}
.yoyoZ_crumbHome,
.yoyoZ_crumbCurrent{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  font-weight:900;
}
.yoyoZ_crumbCurrent{
  background:var(--yoyoZ_card);
  color:#fff;
}

.yoyoZ_archiveDock,
.yoyoZ_readingDock{
  display:grid;
  grid-template-columns:1.34fr .66fr;
  gap:24px;
  align-items:start;
}
.yoyoZ_archiveMain,
.yoyoZ_readingMain{
  padding:24px;
  background:var(--yoyoZ_dark);
}
.yoyoZ_archiveGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.yoyoZ_storyCard{
  background:#fff;
}
.yoyoZ_storyThumb{
  display:block;
  padding:14px 14px 0;
}
.yoyoZ_storyThumb img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:16px;
}
.yoyoZ_storyBody{
  padding:16px 18px 18px;
}
.yoyoZ_storyCopy h5{
  margin:0;
  font-size:20px;
  line-height:1.45;
}
.yoyoZ_storyCopy span{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:10px;
  /* 控制显示行数为5 */
}
.yoyoZ_storyMeta time{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-weight:900;
}
.yoyoZ_archivePager{
  margin-top:22px;
  padding:18px;
  background:var(--yoyoZ_card);
}
.yoyoZ_archivePagerInner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight:900;
}
.yoyoZ_archivePagerInner a,
.yoyoZ_archivePagerInner span{
  min-width:46px;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.44);
  color:var(--yoyoZ_ink);
}

.yoyoZ_archiveSide,
.yoyoZ_readingSide{
  padding:24px;
  background:#fff;
  display:grid;
  gap:18px;
}
.yoyoZ_seekPanel,
.yoyoZ_routePanel,
.yoyoZ_focusPanel,
.yoyoZ_probePanel,
.yoyoZ_guidePanel,
.yoyoZ_hotPanel{
  padding:22px;
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_seekPanel h6,
.yoyoZ_routePanel h6,
.yoyoZ_focusPanel h6,
.yoyoZ_probePanel h6,
.yoyoZ_guidePanel h6,
.yoyoZ_hotPanel h6{
  margin:0 0 16px;
  font-size:24px;
}
.yoyoZ_seekForm,
.yoyoZ_probeForm{
  display:flex;
  gap:12px;
}
.yoyoZ_seekField,
.yoyoZ_probeField{
  flex:1;
  position:relative;
}
.yoyoZ_seekField input,
.yoyoZ_probeField input{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:none;
  border-radius:16px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_seekField label,
.yoyoZ_probeField label{
  position:absolute;
  left:14px;
  top:-10px;
  padding:0 8px;
  background:var(--yoyoZ_card);
  font-size:12px;
  font-weight:900;
  color:#fff;
}
.yoyoZ_seekForm button,
.yoyoZ_probeForm button{
  width:54px;
  height:54px;
  border-radius:16px;
  background:linear-gradient(180deg,#ff6eec 0%, #FE01DC 100%);
  box-shadow:0 10px 0 #b4009d;
  color:#fff;
}
.yoyoZ_routePanel ul,
.yoyoZ_guidePanel ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.yoyoZ_routePanel a,
.yoyoZ_guidePanel a{
  min-height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.18);
  font-weight:900;
  color:#fff;
}
.yoyoZ_focusFeed,
.yoyoZ_hotFeed{
  display:grid;
  gap:14px;
}
.yoyoZ_focusCard,
.yoyoZ_hotCard{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:14px;
  padding:12px;
  background:#fff;
  color:var(--yoyoZ_ink);
}
.yoyoZ_focusThumb img,
.yoyoZ_hotThumb img{
  width:100%;
  height:110px;
  object-fit:cover;
  border-radius:14px;
}
.yoyoZ_focusCopy h5,
.yoyoZ_hotCopy h5{
  margin:0;
  font-size:18px;
  line-height:1.45;
}
.yoyoZ_focusCopy span,
.yoyoZ_hotCopy p{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:8px;
  font-size:14px;
  /* 控制显示行数为5 */
}
.yoyoZ_focusMeta time,
.yoyoZ_hotMeta time{
  display:block;
  margin-top:10px;
  font-weight:900;
}

/* show */
.yoyoZ_articleFacet{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "lead mark"
    "shot stamp";
  gap:18px;
  transform:rotate(45deg);
  margin:72px 0;
}
.yoyoZ_articleLead,
.yoyoZ_articleMark,
.yoyoZ_articleShot,
.yoyoZ_articleStamp{
  min-height:240px;
  padding:24px;
  transform:rotate(-45deg);
}
.yoyoZ_articleLead{
  grid-area:lead;
  background:var(--yoyoZ_dark);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_articleLead h1{
  margin:14px 0 0;
  font-size:clamp(30px,3.8vw,66px);
  line-height:1.08;
}
.yoyoZ_articleMark{
  grid-area:mark;
  background:#fff;
  display:grid;
  place-items:center;
}
.yoyoZ_articleMark i{
  font-size:72px;
  color:var(--yoyoZ_btn);
}
.yoyoZ_articleShot{
  grid-area:shot;
  background:var(--yoyoZ_card);
  padding:18px;
}
.yoyoZ_articleShot img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
}
.yoyoZ_articleStamp{
  grid-area:stamp;
  background:#fff;
  display:grid;
  place-items:center;
  text-align:center;
}
.yoyoZ_articleStamp strong{
  font-size:28px;
}

.yoyoZ_trailPanel{
  display:grid;
  grid-template-columns:1fr 1fr 54px 1fr 1fr;
  gap:18px;
}
.yoyoZ_trailNode,
.yoyoZ_trailAxis{
  min-height:100px;
  padding:20px;
}
.yoyoZ_trailNode{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  font-weight:900;
}
.yoyoZ_trailDark{
  background:var(--yoyoZ_card);
  color:#fff;
}

.yoyoZ_storyEntry{
  padding:26px;
  background:#fff;
}
.yoyoZ_storyHead h1{
  margin:0;
  font-size:clamp(32px,3.5vw,46px);
  line-height:1.14;
}
.yoyoZ_storyInfo{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.yoyoZ_storyInfo span,
.yoyoZ_storyInfo time{
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(124,138,243,.12);
  font-weight:900;
}
.yoyoZ_storyBody{
  margin-top:24px;
  font-size:17px;
  line-height:1.95;
  word-break:break-word;
}
.yoyoZ_storyBody img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}
.yoyoZ_storyBody h2,
.yoyoZ_storyBody h3,
.yoyoZ_storyBody h4{
  color:#151515;
}
.yoyoZ_storyTurn{
  margin-top:28px;
  display:grid;
  gap:12px;
}
.yoyoZ_storyPrev,
.yoyoZ_storyNext,
.yoyoZ_storyBack{
  min-height:58px;
  padding:0 18px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:900;
}
.yoyoZ_storyPrev,
.yoyoZ_storyNext{
  background:var(--yoyoZ_dark);
  color:#fff;
}
.yoyoZ_storyBack{
  justify-content:center;
  color:#fff;
  background:linear-gradient(180deg,#ff6eec 0%, #FE01DC 100%);
  box-shadow:0 10px 0 #b4009d;
}
.yoyoZ_sharePanel{
  margin-top:28px;
  padding:22px;
  background:var(--yoyoZ_card);
  color:#fff;
}
.yoyoZ_sharePanel h6{
  margin:0;
  font-size:24px;
  display:flex;
  align-items:center;
  gap:10px;
}
.yoyoZ_sharePanel p{
  margin:10px 0 0;
}
.yoyoZ_shareStrip{
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.yoyoZ_shareStrip a,
.yoyoZ_shareStrip button{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.22);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}

.yoyoZ_relatedRunway{
  margin-top:24px;
  display:grid;
  grid-template-columns:1.05fr 1.95fr;
  gap:18px;
}
.yoyoZ_relatedIntro,
.yoyoZ_relatedFlow{
  min-height:100%;
}
.yoyoZ_relatedIntro{
  padding:24px;
  background:var(--yoyoZ_card);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.yoyoZ_relatedIntro h3{
  margin:0;
  font-size:28px;
  display:flex;
  align-items:center;
  gap:10px;
}
.yoyoZ_relatedFlow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.yoyoZ_relatedCard{
  background:#fff;
  padding:20px;
  position:relative;
}
.yoyoZ_relatedIndex{
  position:absolute;
  top:14px;
  left:14px;
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ff6eec 0%, #FE01DC 100%);
  box-shadow:0 8px 0 #b4009d;
  color:#fff;
  font-weight:900;
}
.yoyoZ_relatedThumb img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:16px;
}
.yoyoZ_relatedBody{
  margin-top:14px;
}
.yoyoZ_relatedBody h6{
  margin:0;
  font-size:18px;
  line-height:1.45;
}
.yoyoZ_relatedBody time{
  display:block;
  margin-top:10px;
  font-weight:900;
}

@media (max-width:1180px){
  .yoyoZ_channelOrbit,
  .yoyoZ_crumbBridge,
  .yoyoZ_archiveDock,
  .yoyoZ_trailPanel,
  .yoyoZ_readingDock,
  .yoyoZ_relatedRunway{
    grid-template-columns:1fr;
  }

  .yoyoZ_articleFacet{
    transform:none;
    grid-template-columns:1fr;
    grid-template-areas:
      "lead"
      "mark"
      "shot"
      "stamp";
    margin:0;
  }

  .yoyoZ_articleLead,
  .yoyoZ_articleMark,
  .yoyoZ_articleShot,
  .yoyoZ_articleStamp{
    transform:none;
  }

  .yoyoZ_channelAxis,
  .yoyoZ_crumbAxis,
  .yoyoZ_trailAxis{
    min-height:72px;
  }

  .yoyoZ_channelAxis span,
  .yoyoZ_crumbAxis span,
  .yoyoZ_trailAxis span{
    width:70%;
    height:2px;
  }

  .yoyoZ_archiveGrid,
  .yoyoZ_relatedFlow{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:860px){
  .yoyoZ_listStage,
  .yoyoZ_showStage{
    padding:22px 0 60px;
  }

  .yoyoZ_archiveGrid,
  .yoyoZ_relatedFlow{
    grid-template-columns:1fr;
  }

  .yoyoZ_focusCard,
  .yoyoZ_hotCard{
    grid-template-columns:1fr;
  }

  .yoyoZ_channelCopy,
  .yoyoZ_channelView{
    border-radius:24px;
  }
}

@media (max-width:640px){
  .yoyoZ_archiveMain,
  .yoyoZ_archiveSide,
  .yoyoZ_seekPanel,
  .yoyoZ_routePanel,
  .yoyoZ_focusPanel,
  .yoyoZ_readingMain,
  .yoyoZ_readingSide,
  .yoyoZ_storyEntry,
  .yoyoZ_sharePanel,
  .yoyoZ_relatedIntro,
  .yoyoZ_relatedCard,
  .yoyoZ_probePanel,
  .yoyoZ_guidePanel,
  .yoyoZ_hotPanel{
    padding:20px;
  }

  .yoyoZ_seekForm,
  .yoyoZ_probeForm{
    flex-direction:column;
  }

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

  .yoyoZ_storyPrev,
  .yoyoZ_storyNext{
    align-items:flex-start;
    flex-direction:column;
    padding:14px 18px;
  }
}