:root{
  --ygz-102-ease:cubic-bezier(.23,1,.32,1);
  --ygz-102-travel:cubic-bezier(.77,0,.175,1);
  --ygz-102-fast:420ms;
  color-scheme:dark;
  background:#07070b;
}
html,body{min-height:100%;background:#07070b}
html.ygz-102-ready .main-wrapper{animation:ygz102PageIn var(--ygz-102-fast) var(--ygz-102-ease) both!important}
html.ygz-page-leaving .main-wrapper{animation:none!important;opacity:.88;transform:none!important;transition:opacity 320ms var(--ygz-102-ease)!important;pointer-events:none}
@keyframes ygz102PageIn{from{opacity:.06}to{opacity:1}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:ygz102Old 320ms var(--ygz-102-ease) both!important}
::view-transition-new(root){animation:ygz102New 420ms var(--ygz-102-ease) both!important}
@keyframes ygz102Old{to{opacity:.20}}
@keyframes ygz102New{from{opacity:.02}}

button,a,[role="button"],input,select,textarea{-webkit-tap-highlight-color:transparent}
button,[role="button"],.btn,.button{touch-action:manipulation}
button:active,[role="button"]:active,.btn:active,.button:active{transition-duration:70ms!important}
.bottom-nav a,.bottom-nav button,.bottom-navigation a,.bottom-navigation button,[data-bottom-nav] a,[data-bottom-nav] button{
  transition:transform 190ms var(--ygz-102-ease),opacity 140ms ease,color 140ms ease!important;
  transform-origin:50% 70%;
}
.bottom-nav a:active,.bottom-nav button:active,.bottom-navigation a:active,.bottom-navigation button:active,[data-bottom-nav] a:active,[data-bottom-nav] button:active{transform:scale(.955)!important}
.bottom-nav a:is(.active,.is-active,[aria-current="page"]),.bottom-nav button:is(.active,.is-active,[aria-pressed="true"]),.bottom-navigation a:is(.active,.is-active,[aria-current="page"]),[data-bottom-nav] :is(a,button):is(.active,.is-active,[aria-current="page"],[aria-pressed="true"]){transform:scale(1.018)}
html.ygz-102-ready .bottom-nav-indicator{transition:transform 420ms var(--ygz-102-ease)!important;will-change:transform!important}
.card-img:is(video),video[data-card-media],video.card-skin-media,.card-skin-preview video,.skin-preview video{
  position:absolute;
  inset:-2px!important;
  width:calc(100% + 4px)!important;
  height:calc(100% + 4px)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  background:transparent!important;
  transform:translateZ(0);
}
.card-media,.card-skin-media-wrap,.skin-media,.card-preview-media{overflow:hidden;overflow:clip;background-color:transparent!important;contain:layout paint style}
.card-skin-card,.card-skin-preview,.skin-preview,[data-card-skin]{isolation:isolate;overflow:hidden!important;overflow:clip!important;aspect-ratio:2/3;clip-path:inset(.6px round clamp(12px,3vw,22px));contain:layout paint style}
.card-skin-card :is(video,img),.card-skin-preview :is(video,img),.skin-preview :is(video,img),[data-card-skin] :is(video,img){max-width:100%!important;max-height:100%!important}

.ygz-102-offline-bar{
  position:fixed;
  z-index:2147482700;
  left:50%;
  top:max(10px,env(safe-area-inset-top));
  max-width:calc(100vw - 28px);
  transform:translateX(-50%);
  padding:9px 15px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(22,23,30,.94);
  color:#f5f5f8;
  box-shadow:0 14px 44px rgba(0,0,0,.38);
  font:650 12px/1.2 system-ui,-apple-system,"Noto Sans SC",sans-serif;
  pointer-events:none;
  opacity:0;
  transition:opacity 160ms ease,transform 160ms var(--ygz-102-ease);
}
html.ygz-102-offline .ygz-102-offline-bar{opacity:1;transform:translateX(-50%) translateY(0)}

.ygz-102-dialog{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:rgba(3,4,8,.72);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 180ms ease,visibility 180ms step-end;
}
.ygz-102-dialog.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 180ms ease,visibility 0s}
.ygz-102-dialog-card{
  width:min(430px,100%);
  max-height:min(82dvh,680px);
  overflow:auto;
  padding:26px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:28px;
  background:#15161c;
  color:#f7f7fa;
  box-shadow:0 30px 90px rgba(0,0,0,.56);
  opacity:0;
  transform:translate3d(0,10px,0) scale(.982);
  transition:transform 250ms var(--ygz-102-ease),opacity 160ms ease;
}
.ygz-102-dialog.is-open .ygz-102-dialog-card{opacity:1;transform:none}
.ygz-102-dialog h2{margin:0 0 9px;font-size:1.3rem;letter-spacing:-.02em}
.ygz-102-dialog p{margin:0;color:rgba(255,255,255,.66);font-size:.92rem;line-height:1.62;white-space:pre-line}
.ygz-102-diagnostic-grid{display:grid;grid-template-columns:1fr auto;gap:9px 16px;margin:20px 0;padding:15px;border-radius:18px;background:rgba(255,255,255,.055);font-size:.86rem}
.ygz-102-diagnostic-grid span:nth-child(odd){color:rgba(255,255,255,.58)}.ygz-102-diagnostic-grid span:nth-child(even){text-align:right}
.ygz-102-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.ygz-102-dialog-actions button{min-height:44px;padding:0 19px;border-radius:999px;font:650 .9rem inherit;cursor:pointer}
.ygz-102-dialog-actions .secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff}
.ygz-102-dialog-actions .primary{border:0;background:#f7f7fa;color:#111}

.ygz-102-viewer{
  position:fixed;
  inset:0;
  z-index:2147483300;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:#050507;
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 160ms ease,visibility 160ms step-end;
  overscroll-behavior:contain;
}
.ygz-102-viewer.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 160ms ease,visibility 0s}
.ygz-102-viewer-toolbar{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  min-height:64px;
  padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));
  background:linear-gradient(#0c0d12,rgba(12,13,18,.84));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ygz-102-viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:620 .94rem/1.2 system-ui,-apple-system,"Noto Sans SC",sans-serif}
.ygz-102-viewer-toolbar button,.ygz-102-viewer-toolbar a{min-width:44px;height:44px;padding:0 12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;text-decoration:none;font:650 .82rem system-ui,-apple-system,"Noto Sans SC",sans-serif;cursor:pointer}
.ygz-102-viewer-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none}
.ygz-102-viewer-media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;will-change:transform}
.ygz-102-viewer video.ygz-102-viewer-media{width:100%;height:100%;background:#050507}
.ygz-102-viewer audio.ygz-102-viewer-media{width:min(620px,calc(100% - 40px));height:56px;will-change:auto}
.ygz-102-viewer iframe.ygz-102-viewer-media{width:100%;height:100%;border:0;background:#111;will-change:auto}
.ygz-102-viewer.is-dragging .ygz-102-viewer-media{transition:none!important}
.ygz-102-viewer:not(.is-dragging) .ygz-102-viewer-media{transition:transform 250ms var(--ygz-102-ease)}
.ygz-102-viewer-hint{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(20,21,27,.82);color:rgba(255,255,255,.66);font-size:12px;pointer-events:none}

html.ygz-102-modal-open,html.ygz-102-modal-open body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:520px){
  .ygz-102-viewer-toolbar{grid-template-columns:44px minmax(0,1fr) auto auto}
  .ygz-102-viewer-toolbar button,.ygz-102-viewer-toolbar a{min-width:42px;padding:0 10px}
  .ygz-102-dialog-card{padding:23px}
}
@media(prefers-reduced-motion:reduce){
  html.ygz-102-ready .main-wrapper,html.ygz-page-leaving .main-wrapper,.ygz-102-dialog-card{animation:none!important;transition:none!important;transform:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .ygz-102-viewer,.ygz-102-viewer-media,.ygz-102-offline-bar,.bottom-nav-indicator,.bottom-nav a,.bottom-nav button,.bottom-navigation a,.bottom-navigation button,[data-bottom-nav] a,[data-bottom-nav] button{transition:none!important;transform:none!important;will-change:auto!important}
}
@media(prefers-reduced-transparency:reduce){
  .ygz-102-dialog,.ygz-102-offline-bar{backdrop-filter:none;background:#0c0d12}
}