/* Bright Content Pages V1 - scoped to listing/search/map/people/article pages */
body.vr-content-body{background:linear-gradient(180deg,#f8fcff 0%,#eef8fd 46%,#f8fcf3 100%);color:#183449;}
body.vr-content-body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(45,140,200,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(45,140,200,.045) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.06));mask-image:linear-gradient(#000,rgba(0,0,0,.06));}
.vr-content-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#183449;background:linear-gradient(180deg,#f8fcff 0%,#eef8fd 46%,#f8fcf3 100%);min-height:calc(100vh - 76px);overflow:hidden;padding:34px 0 56px;}
.vr-content-page *{box-sizing:border-box}.vr-content-page a{text-decoration:none}.vr-content-page img{max-width:100%}
.vr-content-topnav{height:76px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.86);border-bottom:1px solid #d5e9f2;backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(30,76,112,.08)}
.vr-content-navinner{width:min(1200px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;gap:18px}.vr-content-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:21px;color:#17364b!important;text-decoration:none!important;white-space:nowrap}.vr-content-mark{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#fff,#dff1f8);border:1px solid #b8dbe9;display:grid;place-items:center;box-shadow:0 10px 20px rgba(45,140,200,.12);position:relative;flex:0 0 auto}.vr-content-mark:before{content:"";width:22px;height:22px;border:3px solid #2d8cc8;border-radius:50%;border-right-color:#f5a23b;display:block}.vr-content-links{display:flex;align-items:center;gap:24px;font-size:15px;color:#315b73;font-weight:700}.vr-content-links a{color:#315b73!important;white-space:nowrap}.vr-content-links a.active{color:#2d8cc8!important}.vr-content-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.vr-content-navbtn,.vr-content-login{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;border:1px solid #b8d8e7;background:#fff;color:#24516c!important;font-weight:800;box-shadow:0 8px 18px rgba(45,140,200,.08);transition:.22s}.vr-content-navbtn.primary{border:0;color:#fff!important;background:linear-gradient(135deg,#2d8cc8,#68b7e8);box-shadow:0 14px 28px rgba(45,140,200,.22)}.vr-content-navbtn:hover,.vr-content-login:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(45,140,200,.16)}
.vr-content-hero{width:min(1200px,calc(100% - 48px));margin:0 auto 28px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(226,244,250,.78));border:1px solid rgba(184,219,233,.92);box-shadow:0 24px 60px rgba(30,76,112,.12);padding:40px 44px;min-height:186px}.vr-content-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(245,162,59,.20),transparent 22%),radial-gradient(circle at 88% 82%,rgba(168,215,184,.34),transparent 28%),linear-gradient(110deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 46%,rgba(234,247,252,.46) 47%,rgba(234,247,252,.30) 100%)}.vr-content-hero>*{position:relative;z-index:2}.vr-content-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #c2e1ec;color:#2f7197;border-radius:999px;padding:7px 13px;font-weight:800;font-size:13px;box-shadow:0 8px 18px rgba(45,140,200,.08)}.vr-content-hero h1{margin:16px 0 10px!important;font-size:42px!important;line-height:1.12!important;color:#153246!important;font-weight:900!important;letter-spacing:-.8px}.vr-content-hero h1 span{color:#2d8cc8}.vr-content-hero p{max-width:640px;margin:0!important;color:#607b8e!important;font-size:16px!important;line-height:1.75!important}.vr-content-ornament{position:absolute;right:32px;bottom:12px;width:290px;height:150px;z-index:1;opacity:.82}.vr-content-sun{position:absolute;right:92px;top:28px;width:74px;height:74px;border-radius:999px;background:linear-gradient(180deg,#ffbc58,#ff9d2d);box-shadow:0 18px 38px rgba(245,162,59,.22)}
.vr-content-wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.vr-content-panel{background:rgba(255,255,255,.74)!important;border:1px solid #cfe4ed!important;border-radius:28px!important;box-shadow:0 18px 45px rgba(30,76,112,.10)!important;overflow:hidden!important}.vr-content-toolbar{background:rgba(255,255,255,.76)!important;border:1px solid #cfe4ed!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(30,76,112,.08)!important;padding:16px 18px!important;margin:0 auto 22px!important;color:#315b73!important}.vr-content-page .picture_nav{background:transparent!important;margin:0 auto 22px!important;padding:0!important}.vr-content-page .picture_nav .container,.vr-content-page .bz_c{width:min(1200px,calc(100% - 48px))!important;max-width:none!important;padding:0!important}.vr-content-page .picture_container{background:rgba(255,255,255,.76)!important;border:1px solid #cfe4ed!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(30,76,112,.08)!important;padding:14px 18px!important;min-height:0!important}.vr-content-page .p_c_left,.vr-content-page .p_c_right{color:#315b73!important}.vr-content-page .p_c_right span,.vr-content-page .p_c_content a,.vr-content-page .new_pic>a{color:#315b73!important}.vr-content-page .active,.vr-content-page .new_best:hover,.vr-content-page .p_c_content a:hover{color:#2d8cc8!important}
.vr-content-page .container{max-width:1200px!important}.vr-content-page .cards,.vr-content-page #pictures_content,.vr-content-page #video_content{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:0!important;padding:0!important;height:auto!important;overflow:visible!important}.vr-content-page .cards:before,.vr-content-page .cards:after,.vr-content-page .row:before,.vr-content-page .row:after{display:none!important}.vr-content-page .cards>.col-md-3,.vr-content-page #pictures_content>.col-md-3,.vr-content-page #video_content>.col-md-3{width:auto!important;float:none!important;padding:0!important;position:static!important}.vr-content-page .card,.vr-content-page .item{background:#fff!important;border:1px solid #cfe4ed!important;border-radius:24px!important;box-shadow:0 16px 38px rgba(30,76,112,.10)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease!important;height:auto!important;min-height:286px!important;margin:0!important}.vr-content-page .card:hover,.vr-content-page .item:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(30,76,112,.14)!important}.vr-content-page .card>a:first-child,.vr-content-page .item .media a{display:block!important;width:100%!important;aspect-ratio:16/10!important;background:#dff1f8!important;overflow:hidden!important}.vr-content-page .card img,.vr-content-page .item img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;max-width:none!important}.vr-content-page .card-heading,.vr-content-page .item-content,.vr-content-page .item-heading{padding:14px 16px!important;background:#fff!important;color:#183449!important}.vr-content-page .card-heading strong,.vr-content-page .item-heading a,.vr-content-page .text-primary{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#183449!important;font-size:16px!important;line-height:1.35!important;font-weight:900!important;min-height:43px!important;max-height:43px!important}.vr-content-page .text-danger,.vr-content-page .text-muted,.vr-content-page .item-footer{color:#6f8797!important;font-size:13px!important}.vr-content-page .label-success{background:#e6f4e8!important;color:#2f7d4c!important;border-radius:999px!important;padding:5px 9px!important}.vr-content-page .of_hide{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}.vr-content-page .padding0{padding:0!important}
.vr-content-page .sousuo{background:rgba(255,255,255,.76)!important;border:1px solid #cfe4ed!important;border-radius:28px!important;box-shadow:0 18px 45px rgba(30,76,112,.10)!important;padding:28px!important;margin:0 auto 22px!important}.vr-content-page .sousuo form{display:flex!important;gap:12px!important;justify-content:center!important;align-items:center!important}.vr-content-page .sousuo_input,.vr-content-page input[type=text]{height:46px!important;border:1px solid #c2e1ec!important;border-radius:999px!important;background:#fff!important;color:#183449!important;padding:0 18px!important;box-shadow:0 8px 18px rgba(45,140,200,.06)!important}.vr-content-page .sousuo_btn,.vr-content-page button{height:46px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#2d8cc8,#68b7e8)!important;color:#fff!important;font-weight:900!important;padding:0 24px!important;box-shadow:0 14px 28px rgba(45,140,200,.20)!important}
.vr-content-page .list-page{margin:26px auto 0!important;text-align:center!important}.vr-content-page .list-page a,.vr-content-page .pagination a{border-radius:999px!important;border:1px solid #c2e1ec!important;color:#24516c!important;background:#fff!important;margin:0 4px!important}.vr-content-page .mapcontent{width:min(1200px,calc(100% - 48px))!important;margin:0 auto!important;border-radius:30px!important;overflow:hidden!important;border:1px solid #cfe4ed!important;box-shadow:0 18px 45px rgba(30,76,112,.12)!important;background:#fff!important}
.vr-content-page .df_h,.vr-content-page .df_h_con,.vr-content-page .bz_people_con,.vr-content-page .article,.vr-content-page .articleDetails{background:transparent!important}.vr-content-page .df_h_con,.vr-content-page .bz_people_con,.vr-content-page .article_content,.vr-content-page .detail_con,.vr-content-page .news_detail{width:min(1200px,calc(100% - 48px))!important;margin:0 auto 24px!important;background:rgba(255,255,255,.76)!important;border:1px solid #cfe4ed!important;border-radius:28px!important;box-shadow:0 18px 45px rgba(30,76,112,.10)!important;overflow:hidden!important;color:#183449!important}.vr-content-page .df_h_data{background:transparent!important;color:#183449!important}.vr-content-page .df_h_data .head img{border:4px solid #fff!important;box-shadow:0 12px 30px rgba(30,76,112,.14)!important}.vr-content-page .names{color:#183449!important;font-weight:900!important}.vr-content-page .df_tab li a{border-radius:999px!important;color:#315b73!important;background:#fff!important;border:1px solid #cfe4ed!important}.vr-content-page .df_tab li a.active,.vr-content-page .df_tab li a:hover{color:#fff!important;background:linear-gradient(135deg,#2d8cc8,#68b7e8)!important}
@media(max-width:980px){.vr-content-links{display:none}.vr-content-hero{padding:30px 24px}.vr-content-hero h1{font-size:34px!important}.vr-content-ornament{opacity:.28}.vr-content-page .cards,.vr-content-page #pictures_content,.vr-content-page #video_content{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vr-content-page .sousuo form{flex-direction:column!important}.vr-content-page .sousuo_input,.vr-content-page .sousuo_btn{width:100%!important}}
@media(max-width:560px){.vr-content-actions{display:none}.vr-content-navinner{width:calc(100% - 28px)}.vr-content-brand{font-size:18px}.vr-content-page{padding-top:20px}.vr-content-hero,.vr-content-wrap,.vr-content-page .picture_nav .container,.vr-content-page .bz_c,.vr-content-page .mapcontent{width:calc(100% - 28px)!important}.vr-content-page .cards,.vr-content-page #pictures_content,.vr-content-page #video_content{grid-template-columns:1fr!important}.vr-content-hero h1{font-size:30px!important}}


/* v1.1 pictures page: keep old content layout, remove intro hero, restore large preview cards */
.vr-content-pictures.vr-content-page{
  padding-top:28px!important;
  overflow:visible!important;
}
.vr-content-pictures .vr-content-wrap{
  width:min(1200px,calc(100% - 48px))!important;
  margin:0 auto!important;
}
.vr-content-pictures .picture_nav{
  height:auto!important;
  min-height:52px!important;
  border:0!important;
  margin:0 0 26px!important;
  z-index:auto!important;
  clear:both!important;
  background:transparent!important;
}
.vr-content-pictures .picture_nav .container,
.vr-content-pictures .picture_nav .bz_c{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.vr-content-pictures .picture_container{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  padding:0!important;
  border:1px solid #cfe4ed!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 14px 34px rgba(30,76,112,.08)!important;
  overflow:visible!important;
}
.vr-content-pictures .picture_container .p_c_left{
  position:static!important;
  float:none!important;
  width:auto!important;
  min-width:118px!important;
  height:52px!important;
  line-height:52px!important;
  padding:0 24px!important;
  border-bottom:3px solid #2d8cc8!important;
  text-align:center!important;
  color:#2d6487!important;
  font-weight:800!important;
  background:rgba(255,255,255,.62)!important;
  border-radius:24px 24px 0 0!important;
}
.vr-content-pictures .picture_container .p_c_right{
  position:static!important;
  float:none!important;
  width:auto!important;
  height:52px!important;
  line-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  margin-left:auto!important;
  overflow:visible!important;
}
.vr-content-pictures .picture_container .new_best,
.vr-content-pictures .picture_container .new_pic,
.vr-content-pictures .picture_container .new_right,
.vr-content-pictures .picture_container .p_c_content{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:auto!important;
  height:52px!important;
  line-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-left:1px solid #d9ebf2!important;
  border-right:0!important;
  background:transparent!important;
  color:#315b73!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.vr-content-pictures .picture_container .p_c_content>a,
.vr-content-pictures .picture_container .new_pic>a{
  position:static!important;
  color:#315b73!important;
  font-weight:700!important;
}
.vr-content-pictures .picture_container .p_c_content ul,
.vr-content-pictures .picture_container .new_pic ul{
  top:52px!important;
  left:auto!important;
  right:0!important;
  width:260px!important;
  z-index:20!important;
  border:1px solid #cfe4ed!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:12px!important;
  box-shadow:0 18px 45px rgba(30,76,112,.13)!important;
}
.vr-content-pictures .picture_container .new_pic ul{width:128px!important;right:auto!important;left:0!important;}
.vr-content-pictures .picture_container .p_c_content img,
.vr-content-pictures .picture_container .new_pic img{
  position:absolute!important;
  top:38px!important;
  right:14px!important;
  left:auto!important;
}
.vr-content-pictures .container:not(.bz_c){
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.vr-content-pictures .row{
  min-height:560px!important;
  margin:0!important;
  padding:0!important;
}
.vr-content-pictures .cards{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.vr-content-pictures #pictures_content{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
}
.vr-content-pictures #pictures_content:before,
.vr-content-pictures #pictures_content:after{content:none!important;display:none!important;}
.vr-content-pictures #pictures_content>.col-md-3,
.vr-content-pictures #pictures_content>.col-sm-3,
.vr-content-pictures #pictures_content>.col-xs-6,
.vr-content-pictures #pictures_content>.col-lg-3{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  float:none!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  position:static!important;
  color:#607b8e!important;
}
.vr-content-pictures #pictures_content .card{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:286px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid #cfe4ed!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(30,76,112,.10)!important;
}
.vr-content-pictures #pictures_content .card>a:first-child{
  display:block!important;
  width:100%!important;
  height:176px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#dff1f8!important;
  flex:0 0 auto!important;
}
.vr-content-pictures #pictures_content .card img.pic,
.vr-content-pictures #pictures_content .card>a:first-child img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  max-width:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
.vr-content-pictures #pictures_content .card-heading{
  padding:13px 15px 0!important;
  background:#fff!important;
  color:#183449!important;
  border:0!important;
}
.vr-content-pictures #pictures_content .card-bot{
  padding:8px 15px 14px!important;
  margin-top:auto!important;
  color:#6f8797!important;
}
.vr-content-pictures #pictures_content .of_hide{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  min-width:0!important;
}
.vr-content-pictures #pictures_content strong{
  display:block!important;
  color:#183449!important;
  font-size:15px!important;
  line-height:22px!important;
  font-weight:900!important;
  height:44px!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.vr-content-pictures #pictures_content .card-bot .of_hide,
.vr-content-pictures #pictures_content .card-bot span{
  color:#6f8797!important;
  font-size:13px!important;
  line-height:20px!important;
}
@media(max-width:1100px){.vr-content-pictures #pictures_content{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vr-content-pictures #pictures_content .card>a:first-child{height:170px!important}}
@media(max-width:820px){.vr-content-pictures #pictures_content{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vr-content-pictures .picture_container{height:auto!important;flex-wrap:wrap!important}.vr-content-pictures .picture_container .p_c_right{width:100%!important;flex-wrap:wrap!important;justify-content:flex-start!important}.vr-content-pictures .picture_container .new_best,.vr-content-pictures .picture_container .new_pic,.vr-content-pictures .picture_container .new_right,.vr-content-pictures .picture_container .p_c_content{height:44px!important;line-height:44px!important}}
@media(max-width:560px){.vr-content-pictures #pictures_content{grid-template-columns:1fr!important}.vr-content-pictures #pictures_content .card>a:first-child{height:190px!important}}


/* v1.2 other public pages: follow /pictures style, no intro hero, preserve original logic */
.vr-content-nohero.vr-content-page{padding-top:28px!important;overflow:visible!important;}
.vr-content-nohero .vr-content-wrap{width:min(1200px,calc(100% - 48px))!important;margin:0 auto!important;}
.vr-content-nohero .container,.vr-content-nohero .channel,.vr-content-nohero .bz_c{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
.vr-content-nohero .row{margin-left:0!important;margin-right:0!important;}
/* Search page: compact old search UI into a glass toolbar without fake intro text */
.vr-content-search .row[style]{height:auto!important;min-height:520px!important;margin:0!important;padding:26px!important;border:1px solid #cfe4ed!important;border-radius:28px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 16px 40px rgba(30,76,112,.10)!important;}
.vr-content-search br{display:none!important;}
.vr-content-search .sousuo{width:min(760px,100%)!important;margin:0 auto 28px!important;float:none!important;clear:both!important;}
.vr-content-search .sousuo form{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;}
.vr-content-search .sousuo_input,#search_input{height:48px!important;line-height:48px!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;border:1px solid #c2e1ec!important;border-radius:999px!important;background:#fff!important;color:#183449!important;padding:0 20px!important;font-size:15px!important;box-shadow:0 8px 18px rgba(45,140,200,.06)!important;}
.vr-content-search .sousuo_btn,#search_btn{height:48px!important;line-height:48px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#2d8cc8,#68b7e8)!important;color:#fff!important;font-weight:900!important;padding:0 26px!important;box-shadow:0 14px 28px rgba(45,140,200,.18)!important;}
/* Shared legacy list cards: keep old list/grid logic, enlarge thumbnails like /pictures */
.vr-content-object-around .cards,.vr-content-ring-around .cards,.vr-content-videos .cards{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important;}
.vr-content-object-around #video_content,.vr-content-ring-around #video_content,.vr-content-videos #video_content,.vr-content-videos #pictures_content{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;}
.vr-content-object-around .col-md-3,.vr-content-ring-around .col-md-3,.vr-content-videos .col-md-3,.vr-content-videos .col-sm-6{width:auto!important;float:none!important;padding:0!important;margin:0!important;min-width:0!important;}
.vr-content-object-around .card,.vr-content-ring-around .card,.vr-content-videos .card,.vr-content-search .card{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:268px!important;overflow:hidden!important;border:1px solid #cfe4ed!important;border-radius:22px!important;background:#fff!important;box-shadow:0 16px 38px rgba(30,76,112,.10)!important;transition:transform .22s ease,box-shadow .22s ease!important;}
.vr-content-object-around .card:hover,.vr-content-ring-around .card:hover,.vr-content-videos .card:hover,.vr-content-search .card:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(30,76,112,.14)!important;}
.vr-content-object-around .card>a:first-child,.vr-content-ring-around .card>a:first-child,.vr-content-videos .card>a:first-child,.vr-content-search .card>a:first-child{display:block!important;width:100%!important;height:176px!important;overflow:hidden!important;background:#e8f5fb!important;position:relative!important;}
.vr-content-object-around .card img,.vr-content-ring-around .card img,.vr-content-videos .card img,.vr-content-search .card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .28s ease!important;}
.vr-content-object-around .card:hover img,.vr-content-ring-around .card:hover img,.vr-content-videos .card:hover img,.vr-content-search .card:hover img{transform:scale(1.04)!important;}
.vr-content-object-around .card-heading,.vr-content-ring-around .card-heading,.vr-content-videos .card-heading,.vr-content-search .card-heading{height:auto!important;min-height:52px!important;margin:0!important;padding:13px 15px 6px!important;background:#fff!important;color:#183449!important;font-size:15px!important;font-weight:800!important;line-height:1.45!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.vr-content-object-around .card-content,.vr-content-ring-around .card-content,.vr-content-videos .card-content,.vr-content-search .card-content{margin-top:auto!important;padding:8px 15px 14px!important;background:#fff!important;color:#6f8797!important;font-size:12px!important;line-height:1.6!important;min-height:44px!important;overflow:hidden!important;}
/* Channel/filter blocks should look like old toolbar with bright skin, not giant panels */
.vr-content-object-around .picture_nav,.vr-content-ring-around .picture_nav,.vr-content-videos .picture_nav{height:auto!important;min-height:52px!important;border:0!important;margin:0 0 26px!important;background:transparent!important;clear:both!important;}
.vr-content-object-around .picture_container,.vr-content-ring-around .picture_container,.vr-content-videos .picture_container{width:100%!important;height:52px!important;display:flex!important;align-items:stretch!important;justify-content:space-between!important;border:1px solid #cfe4ed!important;border-radius:26px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 14px 34px rgba(30,76,112,.08)!important;overflow:visible!important;position:relative!important;}
.vr-content-object-around .picture_container .p_c_left,.vr-content-ring-around .picture_container .p_c_left,.vr-content-videos .picture_container .p_c_left{position:static!important;float:none!important;width:auto!important;min-width:118px!important;height:52px!important;line-height:52px!important;padding:0 24px!important;border-bottom:3px solid #2d8cc8!important;text-align:center!important;color:#2d6487!important;font-weight:800!important;background:rgba(255,255,255,.62)!important;}
.vr-content-object-around .picture_container .p_c_right,.vr-content-ring-around .picture_container .p_c_right,.vr-content-videos .picture_container .p_c_right{position:static!important;float:none!important;width:auto!important;height:52px!important;line-height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;background:transparent!important;border:0!important;}
.vr-content-object-around .channel-box,.vr-content-ring-around .channel-box,.vr-content-videos .channel-box{border:1px solid #cfe4ed!important;border-radius:24px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 14px 34px rgba(30,76,112,.08)!important;padding:18px 22px!important;color:#315b73!important;margin-bottom:24px!important;}
/* Map and article/people: remove top intro, keep original content but skin the real container */
.vr-content-map .mapcontent{clear:both!important;margin-top:0!important;height:720px!important;overflow:hidden!important;border:1px solid #cfe4ed!important;border-radius:28px!important;background:#fff!important;box-shadow:0 18px 45px rgba(30,76,112,.12)!important;padding:10px!important;}
.vr-content-map .mapcontent iframe{border-radius:20px!important;overflow:hidden!important;background:#fff!important;}
.vr-content-articledetails .df_h,.vr-content-people .df_h,.vr-content-articledetails .channel,.vr-content-people .channel,.vr-content-people .people_left,.vr-content-people .people_right,.vr-content-articledetails .people_left,.vr-content-articledetails .people_right{border:1px solid #cfe4ed!important;border-radius:24px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 14px 34px rgba(30,76,112,.08)!important;color:#183449!important;overflow:hidden!important;}
.vr-content-articledetails .df_h,.vr-content-people .df_h{height:auto!important;min-height:70px!important;margin:0 auto 22px!important;padding:0!important;width:100%!important;}
.vr-content-articledetails .df_h_con,.vr-content-people .df_h_con,.vr-content-articledetails .channel,.vr-content-people .channel{width:100%!important;max-width:none!important;}
.vr-content-articledetails .channel,.vr-content-people .channel{padding:22px!important;margin:0 auto 24px!important;}
.vr-content-articledetails img,.vr-content-people img{max-width:100%;}
.vr-content-articledetails h1,.vr-content-articledetails h2,.vr-content-articledetails h3,.vr-content-people h1,.vr-content-people h2,.vr-content-people h3{color:#183449!important;line-height:1.35!important;}
.vr-content-people .col-md-3,.vr-content-people .col-sm-6,.vr-content-articledetails .col-md-3,.vr-content-articledetails .col-sm-6{min-width:0!important;}
@media (max-width:1180px){.vr-content-object-around #video_content,.vr-content-ring-around #video_content,.vr-content-videos #video_content,.vr-content-videos #pictures_content{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:820px){.vr-content-object-around #video_content,.vr-content-ring-around #video_content,.vr-content-videos #video_content,.vr-content-videos #pictures_content{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.vr-content-map .mapcontent{height:540px!important;}.vr-content-search .sousuo form{flex-direction:column!important;align-items:stretch!important;}}
@media (max-width:560px){.vr-content-object-around #video_content,.vr-content-ring-around #video_content,.vr-content-videos #video_content,.vr-content-videos #pictures_content{grid-template-columns:1fr!important;}.vr-content-nohero .vr-content-wrap{width:calc(100% - 28px)!important;}}


/* v1.3 nav: add 3D object and article links, keep compact spacing */
.vr-content-links{gap:20px!important;}
.vr-content-navinner{width:min(1280px,calc(100% - 36px))!important;}
@media(max-width:1120px){.vr-content-links{gap:14px!important;font-size:14px!important}.vr-content-actions{gap:8px!important}.vr-content-navbtn,.vr-content-login{padding:9px 13px!important}}


/* v1.4 layout fix: make search and all public pages follow /pictures content-first layout */
.vr-content-nohero.vr-content-page{
  padding-top:28px!important;
  overflow:visible!important;
}
.vr-content-nohero .vr-content-wrap{
  width:min(1200px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:0!important;
}
.vr-content-nohero .container,
.vr-content-nohero .bz_c,
.vr-content-nohero .channel{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.vr-content-nohero .row{
  margin-left:0!important;
  margin-right:0!important;
}
.vr-content-nohero .row[style]{
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
.vr-content-search .vr-search-panel{
  width:100%!important;
  margin:0 0 26px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.vr-content-search .vr-search-form{
  width:100%!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  margin:0!important;
  position:static!important;
}
.vr-content-search #search_input,
.vr-content-search .sousuo_input{
  width:100%!important;
  height:54px!important;
  line-height:54px!important;
  float:none!important;
  display:block!important;
  margin:0!important;
  padding:0 22px!important;
  border:1px solid #c2e1ec!important;
  border-radius:27px!important;
  background:#fff!important;
  color:#183449!important;
  font-size:15px!important;
  box-shadow:0 12px 28px rgba(30,76,112,.08)!important;
  outline:none!important;
}
.vr-content-search #search_btn,
.vr-content-search .sousuo_btn{
  width:96px!important;
  height:54px!important;
  line-height:54px!important;
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:27px!important;
  background:linear-gradient(135deg,#2d8cc8,#68b7e8)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 14px 30px rgba(45,140,200,.22)!important;
  overflow:visible!important;
  text-indent:0!important;
  white-space:nowrap!important;
}
.vr-content-search .vr-search-results{
  min-height:520px!important;
  padding:24px!important;
  border:1px solid #cfe4ed!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 16px 40px rgba(30,76,112,.10)!important;
}
.vr-content-search .items{
  padding:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.vr-content-search .item{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.vr-content-search .item-content{
  min-height:150px!important;
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:16px!important;
  padding:14px!important;
  border:1px solid #d4e8f0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(30,76,112,.08)!important;
  overflow:hidden!important;
  color:#315b73!important;
}
.vr-content-search .media,
.vr-content-search .pull-left{
  float:none!important;
  grid-row:1 / 4!important;
  margin:0!important;
  width:210px!important;
  height:126px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#eaf4f8!important;
}
.vr-content-search .media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  display:block!important;
  object-fit:cover!important;
}
.vr-content-search .item-heading{min-width:0!important;margin:0!important;}
.vr-content-search .item-heading h4{margin:0 0 8px!important;font-size:17px!important;line-height:1.35!important;font-weight:900!important;min-width:0!important;}
.vr-content-search .item-heading h4 a{color:#183449!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.vr-content-search .vr-search-desc{color:#6b8797!important;font-size:13px!important;line-height:1.65!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.vr-content-search .item-footer{margin-top:8px!important;color:#8ca3af!important;font-size:12px!important;}
.vr-content-search .list-page{margin-top:22px!important;text-align:center!important;}
/* make other pages content-first and avoid old fixed/inline offsets */
.vr-content-object-around .picture_nav,
.vr-content-ring-around .picture_nav,
.vr-content-videos .picture_nav{
  margin-top:0!important;
  margin-bottom:26px!important;
  z-index:auto!important;
}
.vr-content-object-around .cards,
.vr-content-ring-around .cards,
.vr-content-videos .cards,
.vr-content-people .cards{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.vr-content-object-around #video_content,
.vr-content-videos #video_content,
.vr-content-ring-around #pictures_content,
.vr-content-people #pictures_content{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.vr-content-object-around .col-md-3,
.vr-content-ring-around .col-md-3,
.vr-content-videos .col-md-3,
.vr-content-videos .col-sm-6,
.vr-content-people .col-md-3,
.vr-content-people .col-sm-6{
  width:auto!important;
  float:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
}
.vr-content-object-around .card,
.vr-content-ring-around .card,
.vr-content-videos .card,
.vr-content-people .card{
  width:100%!important;
  height:auto!important;
  min-height:268px!important;
  margin:0!important;
  border-radius:22px!important;
  border:1px solid #cfe4ed!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(30,76,112,.10)!important;
  overflow:hidden!important;
}
.vr-content-map .mapcontent{
  margin-top:0!important;
  height:720px!important;
  border:1px solid #cfe4ed!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(30,76,112,.10)!important;
}
.vr-content-articledetails .channel,
.vr-content-people .bz_people,
.vr-content-people .df_h,
.vr-content-people .df_h_con{
  max-width:1200px!important;
}
@media(max-width:1120px){
  .vr-content-search .items{grid-template-columns:1fr!important;}
  .vr-content-object-around #video_content,.vr-content-videos #video_content,.vr-content-ring-around #pictures_content,.vr-content-people #pictures_content{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .vr-content-search .vr-search-form{grid-template-columns:1fr!important;}
  .vr-content-search #search_btn{width:100%!important;}
  .vr-content-search .item-content{grid-template-columns:1fr!important;}
  .vr-content-search .media,.vr-content-search .pull-left{width:100%!important;height:180px!important;grid-row:auto!important;}
  .vr-content-object-around #video_content,.vr-content-videos #video_content,.vr-content-ring-around #pictures_content,.vr-content-people #pictures_content{grid-template-columns:1fr!important;}
}


/* v1.5 tab/title alignment + article list image cleanup */
.vr-content-object-around .picture_nav,
.vr-content-ring-around .picture_nav,
.vr-content-videos .picture_nav,
.vr-content-articledetails .bz_c{
  width:min(1200px,calc(100% - 48px))!important;
  margin:0 auto 24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  height:auto!important;
  min-height:0!important;
  clear:both!important;
  overflow:visible!important;
}
.vr-content-object-around .picture_nav .container,
.vr-content-ring-around .picture_nav .container,
.vr-content-videos .picture_nav .container,
.vr-content-object-around .picture_nav .bz_c,
.vr-content-ring-around .picture_nav .bz_c,
.vr-content-videos .picture_nav .bz_c{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.vr-content-object-around .picture_container,
.vr-content-ring-around .picture_container,
.vr-content-videos .picture_container{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 18px!important;
  border:1px solid #cfe4ed!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 14px 34px rgba(30,76,112,.08)!important;
  overflow:visible!important;
  position:relative!important;
  color:#315b73!important;
}
.vr-content-object-around .picture_container .p_c_left,
.vr-content-ring-around .picture_container .p_c_left,
.vr-content-videos .picture_container .p_c_left{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:88px!important;
  height:54px!important;
  line-height:54px!important;
  padding:0 18px!important;
  margin:0!important;
  border-bottom:3px solid #2d8cc8!important;
  text-align:center!important;
  color:#2d6487!important;
  font-weight:900!important;
  background:transparent!important;
  transform:none!important;
}
.vr-content-object-around .picture_container .p_c_right,
.vr-content-ring-around .picture_container .p_c_right,
.vr-content-videos .picture_container .p_c_right{
  position:static!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:auto!important;
  height:54px!important;
  line-height:54px!important;
  margin-left:auto!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.vr-content-object-around .picture_container .p_c_right>* ,
.vr-content-ring-around .picture_container .p_c_right>* ,
.vr-content-videos .picture_container .p_c_right>*{
  align-self:center!important;
}
.vr-content-object-around .picture_container:before,
.vr-content-ring-around .picture_container:before,
.vr-content-videos .picture_container:before{
  content:"";
  position:absolute;
  left:18px;
  bottom:-1px;
  width:0;
  height:0;
  pointer-events:none;
}
/* Article page: make category bar match the same horizontal strip and remove the unattractive grey image block */
.vr-content-articledetails .bz_c>div.row{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #cfe4ed!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 14px 34px rgba(30,76,112,.08)!important;
  overflow:hidden!important;
}
.vr-content-articledetails .bz_chanelbox{
  display:flex!important;
  align-items:center!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-bottom:1px solid #dcecf3!important;
  background:transparent!important;
}
.vr-content-articledetails .bz_chanelbox:last-child{border-bottom:0!important;}
.vr-content-articledetails .bz_chanelbox .channel{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px 22px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
.vr-content-articledetails .bz_chanelbox .channel>li,
.vr-content-articledetails .bz_chanelbox .channel>.bz_zz_choice{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  line-height:34px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:999px!important;
  color:#315b73!important;
  font-size:14px!important;
  font-weight:800!important;
  background:#fff!important;
  border:1px solid #d8ebf2!important;
  cursor:pointer!important;
}
.vr-content-articledetails .container2{
  width:min(1200px,calc(100% - 48px))!important;
  min-height:520px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.vr-content-articledetails .articleList,
.vr-content-articledetails .pano-list,
.vr-content-articledetails #studylearn{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.vr-content-articledetails .pano-list-item{
  width:100%!important;
  min-height:148px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  margin:0 0 18px!important;
  padding:20px 22px!important;
  border:1px solid #cfe4ed!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 14px 34px rgba(30,76,112,.08)!important;
  overflow:hidden!important;
}
.vr-content-articledetails .pano-list-img{
  display:none!important;
}
.vr-content-articledetails .pano-list-info{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.vr-content-articledetails .pano-list-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 10px!important;
  color:#6f8797!important;
}
.vr-content-articledetails .pano-list-t1,
.vr-content-articledetails .pano-list-t1 a{
  color:#183449!important;
  font-size:20px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.vr-content-articledetails .pano-list-remark,
.vr-content-articledetails .pano-list-remark a{
  color:#4d6d80!important;
  font-size:14px!important;
  line-height:1.8!important;
  text-decoration:none!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(max-width:820px){
  .vr-content-object-around .picture_container,.vr-content-ring-around .picture_container,.vr-content-videos .picture_container{height:auto!important;min-height:54px!important;flex-wrap:wrap!important;padding:0 12px 10px!important;}
  .vr-content-object-around .picture_container .p_c_left,.vr-content-ring-around .picture_container .p_c_left,.vr-content-videos .picture_container .p_c_left{height:48px!important;line-height:48px!important;}
  .vr-content-object-around .picture_container .p_c_right,.vr-content-ring-around .picture_container .p_c_right,.vr-content-videos .picture_container .p_c_right{width:100%!important;height:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  .vr-content-articledetails .pano-list-title{display:block!important;}
}


/* v1.6: make video / 4D / 3D toolbar exactly follow pictures toolbar alignment */
.vr-content-videos .picture_nav,
.vr-content-ring-around .picture_nav,
.vr-content-object-around .picture_nav{
  height:auto!important;
  min-height:52px!important;
  border:0!important;
  margin:0 0 26px!important;
  padding:0!important;
  z-index:auto!important;
  clear:both!important;
  background:transparent!important;
  overflow:visible!important;
}
.vr-content-videos .picture_nav .container,
.vr-content-ring-around .picture_nav .container,
.vr-content-object-around .picture_nav .container,
.vr-content-videos .picture_nav .bz_c,
.vr-content-ring-around .picture_nav .bz_c,
.vr-content-object-around .picture_nav .bz_c{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.vr-content-videos .picture_container,
.vr-content-ring-around .picture_container,
.vr-content-object-around .picture_container{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  padding:0!important;
  border:1px solid #cfe4ed!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 14px 34px rgba(30,76,112,.08)!important;
  overflow:visible!important;
  color:#315b73!important;
}
.vr-content-videos .picture_container .p_c_left,
.vr-content-ring-around .picture_container .p_c_left,
.vr-content-object-around .picture_container .p_c_left{
  position:static!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:118px!important;
  height:52px!important;
  line-height:52px!important;
  padding:0 24px!important;
  margin:0!important;
  border-bottom:3px solid #2d8cc8!important;
  text-align:center!important;
  color:#2d6487!important;
  font-weight:800!important;
  background:rgba(255,255,255,.62)!important;
  border-radius:24px 24px 0 0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.vr-content-videos .picture_container .p_c_right,
.vr-content-ring-around .picture_container .p_c_right,
.vr-content-object-around .picture_container .p_c_right{
  position:static!important;
  float:none!important;
  width:auto!important;
  height:52px!important;
  line-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  margin-left:auto!important;
  overflow:visible!important;
  padding:0!important;
}
.vr-content-videos .picture_container .p_c_right div,
.vr-content-ring-around .picture_container .p_c_right div,
.vr-content-object-around .picture_container .p_c_right div{
  height:52px!important;
  line-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.vr-content-videos .picture_container .new_best,
.vr-content-videos .picture_container .new_pic,
.vr-content-videos .picture_container .new_right,
.vr-content-videos .picture_container .p_c_content,
.vr-content-ring-around .picture_container .new_best,
.vr-content-ring-around .picture_container .new_pic,
.vr-content-ring-around .picture_container .new_right,
.vr-content-ring-around .picture_container .p_c_content,
.vr-content-object-around .picture_container .new_best,
.vr-content-object-around .picture_container .new_pic,
.vr-content-object-around .picture_container .new_right,
.vr-content-object-around .picture_container .p_c_content{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:auto!important;
  height:52px!important;
  line-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-left:1px solid #d9ebf2!important;
  border-right:0!important;
  background:transparent!important;
  color:#315b73!important;
  font-weight:700!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.vr-content-videos .picture_container .p_c_content>a,
.vr-content-videos .picture_container .new_pic>a,
.vr-content-ring-around .picture_container .p_c_content>a,
.vr-content-ring-around .picture_container .new_pic>a,
.vr-content-object-around .picture_container .p_c_content>a,
.vr-content-object-around .picture_container .new_pic>a{
  position:static!important;
  left:auto!important;
  top:auto!important;
  color:#315b73!important;
  font-weight:700!important;
  line-height:52px!important;
}
.vr-content-videos .picture_container .p_c_content ul,
.vr-content-videos .picture_container .new_pic ul,
.vr-content-ring-around .picture_container .p_c_content ul,
.vr-content-ring-around .picture_container .new_pic ul,
.vr-content-object-around .picture_container .p_c_content ul,
.vr-content-object-around .picture_container .new_pic ul{
  top:52px!important;
  left:auto!important;
  right:0!important;
  width:260px!important;
  z-index:30!important;
  border:1px solid #cfe4ed!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:12px!important;
  box-shadow:0 18px 45px rgba(30,76,112,.13)!important;
}
.vr-content-videos .picture_container .p_c_content img,
.vr-content-videos .picture_container .new_pic img,
.vr-content-ring-around .picture_container .p_c_content img,
.vr-content-ring-around .picture_container .new_pic img,
.vr-content-object-around .picture_container .p_c_content img,
.vr-content-object-around .picture_container .new_pic img{
  position:absolute!important;
  top:38px!important;
  right:14px!important;
  left:auto!important;
}
@media(max-width:820px){
  .vr-content-videos .picture_container,.vr-content-ring-around .picture_container,.vr-content-object-around .picture_container{height:auto!important;flex-wrap:wrap!important;align-items:stretch!important;}
  .vr-content-videos .picture_container .p_c_right,.vr-content-ring-around .picture_container .p_c_right,.vr-content-object-around .picture_container .p_c_right{width:100%!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
  .vr-content-videos .picture_container .new_best,.vr-content-videos .picture_container .new_pic,.vr-content-videos .picture_container .new_right,.vr-content-videos .picture_container .p_c_content,.vr-content-ring-around .picture_container .new_best,.vr-content-ring-around .picture_container .new_pic,.vr-content-ring-around .picture_container .new_right,.vr-content-ring-around .picture_container .p_c_content,.vr-content-object-around .picture_container .new_best,.vr-content-object-around .picture_container .new_pic,.vr-content-object-around .picture_container .new_right,.vr-content-object-around .picture_container .p_c_content{height:44px!important;line-height:44px!important;}
}


/* v1.7 article page: remove old ad/banner image area and let category strip start at top */
.vr-content-articledetails .vr-content-wrap > div:first-child:not(.bz_c):not(.container2),
.vr-content-articledetails .vr-content-wrap > .article-ad,
.vr-content-articledetails .vr-content-wrap > .ad,
.vr-content-articledetails .vr-content-wrap > .banner{
  display:none!important;
}
.vr-content-articledetails .vr-content-wrap > .bz_c{
  margin-top:0!important;
}
.vr-content-articledetails .bz_c>div.row{
  margin-top:0!important;
}


/* v1.8 people detail: remove broken top pano space and tidy author info card */
.vr-content-people.vr-content-page{
  padding-top:22px!important;
  overflow:visible!important;
}
.vr-content-people #top_pano{
  display:none!important;
}
.vr-content-people .df_h{
  width:min(1200px,calc(100% - 48px))!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.vr-content-people .df_h_con{
  width:100%!important;
  min-height:96px!important;
  height:auto!important;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid #cfe4ed!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 16px 40px rgba(30,76,112,.10)!important;
  overflow:hidden!important;
  position:relative!important;
}
.vr-content-people .df_h_con:before{
  content:"";
  position:absolute;
  right:-64px;
  top:-74px;
  width:210px;
  height:210px;
  opacity:.24;
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210' viewBox='0 0 210 210' fill='none'%3E%3Ccircle cx='105' cy='105' r='68' stroke='%2368b7e8' stroke-width='2' stroke-dasharray='8 8'/%3E%3Cpath d='M48 132h116M70 104h78M105 45v128M72 152l70-70M72 82l70 70' stroke='%232d8cc8' stroke-opacity='.45' stroke-width='2'/%3E%3Cpath d='M88 126l17-44 17 44-17-10-17 10Z' stroke='%23ff9d43' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vr-content-people .df_h_con>.row{
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
}
.vr-content-people .df_h_con>.row:before,
.vr-content-people .df_h_con>.row:after{
  display:none!important;
}
.vr-content-people .df_h_con>.row>[class*="col-"]{
  float:none!important;
  width:auto!important;
  padding:0!important;
}
.vr-content-people .df_h_con>.row>.col-md-8{
  flex:1 1 auto!important;
  min-width:0!important;
}
.vr-content-people .df_h_con>.row>.col-md-4{
  flex:0 0 auto!important;
}
.vr-content-people .df_h_data{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  height:auto!important;
  margin:0!important;
  min-width:0!important;
}
.vr-content-people .df_h_data>div.head{
  float:none!important;
  flex:0 0 64px!important;
}
.vr-content-people .df_h_data>div.head>img{
  width:64px!important;
  height:64px!important;
  display:block!important;
  border-radius:22px!important;
  border:4px solid #fff!important;
  object-fit:cover!important;
  box-shadow:0 12px 28px rgba(30,76,112,.15)!important;
}
.vr-content-people .df_h_data>div.detail{
  float:none!important;
  margin-left:0!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.vr-content-people .df_h_data>div.detail>p{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  color:#6b8798!important;
  line-height:1.5!important;
}
.vr-content-people .df_h_data>div.detail>p:first-child{
  margin-bottom:6px!important;
}
.vr-content-people .df_h_data>div.detail>p>span{
  margin-right:0!important;
}
.vr-content-people .df_h_data .names{
  max-width:280px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#102f43!important;
  font-size:20px!important;
  font-weight:900!important;
}
.vr-content-people .df_h_data .rz{
  min-height:22px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  background:#fff4e8!important;
  color:#e57b2e!important;
  font-size:12px!important;
  font-weight:900!important;
}
.vr-content-people .df_h_data .rz:empty{
  display:none!important;
}
.vr-content-people .df_h_data .zl>a{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding:0 10px!important;
  border:1px solid #cfe4ed!important;
  border-radius:999px!important;
  background:#eef8fd!important;
  color:#2d8cc8!important;
  font-size:12px!important;
  font-weight:900!important;
}
.vr-content-people .df_tab{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.vr-content-people .df_tab>li{
  float:none!important;
  width:auto!important;
  text-align:center!important;
}
.vr-content-people .df_tab>li>a,
.vr-content-people .df_tab>li>a:hover,
.vr-content-people .df_tab>li>a:active{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:84px!important;
  height:34px!important;
  line-height:34px!important;
  padding:0 14px!important;
  border:1px solid #cfe4ed!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#315b73!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.vr-content-people .df_tab>li>a.active,
.vr-content-people .df_tab>li>a:hover{
  border-color:transparent!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2d8cc8,#68b7e8)!important;
  box-shadow:0 10px 20px rgba(45,140,200,.18)!important;
}
.vr-content-people .modal-content{
  border:1px solid #dcecf5!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(25,70,98,.20)!important;
  overflow:hidden!important;
}
.vr-content-people .modal-header{
  background:#f4fbff!important;
  border-bottom:1px solid #dcecf5!important;
}
.vr-content-people .modal-title{
  color:#14374d!important;
  font-weight:900!important;
}
.vr-content-people .modal-body>ul.zz_zl{
  margin:0!important;
  padding:0!important;
}
.vr-content-people .modal-body>ul.zz_zl>li{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
  padding:12px 6px!important;
  border-bottom:1px solid #edf5f8!important;
  color:#315b73!important;
  line-height:1.6!important;
}
.vr-content-people .modal-body>ul.zz_zl>li>span{
  width:auto!important;
  flex:1 1 220px!important;
}
.vr-content-people .container:not(.bz_c){
  width:min(1200px,calc(100% - 48px))!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:820px){
  .vr-content-people .df_h_con>.row{flex-direction:column!important;align-items:stretch!important;}
  .vr-content-people .df_h_con>.row>.col-md-4{width:100%!important;}
  .vr-content-people .df_tab{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .vr-content-people .df_tab>li>a{width:100%!important;min-width:0!important;}
}
@media(max-width:560px){
  .vr-content-people .df_h,
  .vr-content-people .container:not(.bz_c){width:calc(100% - 28px)!important;}
  .vr-content-people .df_h_data{align-items:flex-start!important;}
  .vr-content-people .df_h_data .names{max-width:180px!important;font-size:18px!important;}
}