@charset "utf-8";

#bo_v.bo_v_wrap{
  max-width:1200px;
  margin:0 auto 70px;
  padding:36px 26px 46px;
  background:
    radial-gradient(1100px 360px at 18% -10%, rgba(255,61,154,.14), transparent 62%),
    radial-gradient(980px 320px at 92% 10%, rgba(0,215,255,.10), transparent 64%),
    radial-gradient(980px 360px at 50% 120%, rgba(109,91,255,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  color:rgba(255,255,255,.95);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  box-shadow:0 26px 78px rgba(0,0,0,.74);
  position:relative;
  overflow:hidden;
}

#bo_v.bo_v_wrap::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:conic-gradient(from 180deg, rgba(255,61,154,.0), rgba(255,61,154,.18), rgba(109,91,255,.14), rgba(0,215,255,.12), rgba(255,61,154,.0));
  filter:blur(18px);
  opacity:.55;
  pointer-events:none;
}

.bo_v_tit{
  font-size:28px;
  font-weight:950;
  line-height:1.25;
  letter-spacing:-.02em;
  color:rgba(255,255,255,.96);
}

#bo_v_info{
  background:linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.62));
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:14px 18px;
  color:rgba(255,255,255,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 52px rgba(0,0,0,.66);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.bo_v_player iframe,
.bo_v_player video{
  width:100%;
  height:520px;
  border-radius:18px;
  background:#000;
}

#bo_v_con{
  font-size:15px;
  line-height:1.9;
  color:rgba(255,255,255,.86);
}

#bo_v_top .btn{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border-radius:999px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.92);
  box-shadow:0 16px 52px rgba(0,0,0,.66);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  transition:transform .14s cubic-bezier(.2,.8,.2,1), box-shadow .14s cubic-bezier(.2,.8,.2,1), border-color .14s cubic-bezier(.2,.8,.2,1), filter .14s cubic-bezier(.2,.8,.2,1);
}
#bo_v_top .btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,61,154,.30);
  box-shadow:0 20px 66px rgba(0,0,0,.74), 0 0 0 4px rgba(255,61,154,.10);
  filter:brightness(1.03) saturate(1.05);
}

.bo_v_nb_wrap{
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(255,61,154,.10), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 58px rgba(0,0,0,.72);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}
.bo_v_nb_wrap a{color:rgba(255,255,255,.92);}
.bo_v_nb_wrap a:hover{color:rgba(0,215,255,.92);}

.bo_v_seo_intro,
.bo_v_seo_outro{
  margin:22px 0;
  padding:16px 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  font-size:14px;
  line-height:1.75;
  color:rgba(255,255,255,.72);
  box-shadow:0 16px 52px rgba(0,0,0,.64);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}
.bo_v_seo_intro strong,
.bo_v_seo_outro strong{
  color:rgba(255,61,154,.95);
  font-weight:900;
}

.bo_v_player{
  position:relative;
  margin-bottom:28px;
  border-radius:20px;
  overflow:hidden;
  background:#000;
  box-shadow:0 26px 78px rgba(0,0,0,.78), inset 0 0 0 1px rgba(255,255,255,.08);
}

.bo_v_player::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(520px 260px at 18% 0%, rgba(255,61,154,.16), transparent 62%),
             radial-gradient(520px 260px at 92% 10%, rgba(0,215,255,.12), transparent 64%);
  opacity:.55;
  pointer-events:none;
}

.bo_v_player::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

.bo_v_nb .nb_item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 16px;
}

.bo_v_nb .nb_tit{
  flex:0 0 44px;
  font-weight:950;
  color:rgba(255,61,154,.95);
  letter-spacing:-.01em;
}

.bo_v_nb .nb_link{
  flex:1;
  min-width:0;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}