html,body{
  height:100%;
  background-color:#17181a!important;
  background-image:linear-gradient(to bottom, rgba(23,24,26,0) 0%, rgba(23,24,26,.3) 40%, #17181a 100%), url(../images/bg2_a-90.png)!important;
  background-repeat:no-repeat,repeat-y;
  background-position:top center,top center;
  background-size:100% 100%,100% auto;
}
body{
  min-height:100vh!important;
  height:auto!important;
}
body.no-data,body.no-search{
  background-image:linear-gradient(to bottom, rgba(23,24,26,0) 0%, #17181a 500px), url(../images/bg2_a-90.png)!important;
  background-repeat:no-repeat,no-repeat;
  background-size:100% 500px,100% auto;
}
#app,.application--wrap,.content,.content--wrap,.container,.page,.list-page,.ui-bar,.ui-box,.bread-crumb-nav{background-color:transparent!important;}
.browse{background:transparent!important;}
.video.page .bg,.video.page .bg_gradient{display:none!important;}
.toolbar.semi-transparent{background-color:transparent!important}
.toolbar.search-open{background-color:rgba(0,0,0,.9)!important}
.toolbar{background-color:#17181a!important;}
.toolbar .site-name-text{color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px;white-space:nowrap;}
@media (max-width: 600px) {
  .toolbar .logo-text{flex:1!important;justify-content:center!important;text-align:center!important;}
  .toolbar .site-name-text{font-size:16px;display:block;width:100%;text-align:center;}
}
.toolbar--fixed{box-shadow:0 2px 4px rgba(0,0,0,.3);border-bottom:1px solid #fff!important;}
.search-config{
  margin-top:56px;
  background-color:#17181a!important;
  border-top:1px solid rgba(255,255,255,.08);
  position:relative!important;
  top:auto!important;
  height:auto!important;
  padding-top:0!important;
  border-bottom:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  max-height:none!important;
}
.search-config.category-config{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  padding-top:0!important;
  background:transparent!important;
  border-top:none!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  max-height:none!important;
  z-index:auto!important;
}
.search.page .search-config{
  display:flex!important;
  justify-content:center!important;
  margin-top:0!important;
  margin-bottom:4px!important;
  padding:6px 4px 4px 4px!important;
  min-height:0!important;
  height:50px!important;
  flex:0 0 50px!important;
  padding-top:0!important;
  background:transparent!important;
  border-top:none!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  position:relative!important;
  top:auto!important;
  overflow:hidden!important;
  align-items:center!important;
}
.search.page .search-config.category-config{
  justify-content:center!important;
  align-items:center!important;
  height:auto!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  flex-wrap:wrap!important;
  padding:6px 4px 4px 4px!important;
  gap:0!important;
  margin-bottom:4px!important;
  max-width:100%!important;
  background:transparent!important;
  border-top:none!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.search.page .search-config .search__filter-button{border:1px solid rgba(255,255,255,.7)!important;height:40px!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;margin:0 4px!important;background:transparent!important;flex:0 0 auto!important;}
.search.page .search-config .search__filter-button.reset-all{position:relative!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.search.page .search-config .search__filter-button.active{border-color:#0075ff!important;border-width:1px!important;background-color:#0075ff!important;color:#fff!important;}
.search.page .search-config .search__filter-button.active .btn__content.current{background-color:#0075ff!important;color:#fff!important;border:none!important;}
.search.page .search-config .search__filter-button .btn__content.current{background-color:#0075ff!important;color:#fff!important;border:none!important;}
.search.page .search-config .search__filter-button .btn__content{border:none!important;padding:0 18px!important;border-radius:3px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.search.page .search-config .search__filter-button .search__filter-button__icon{display:inline-block!important;font-size:16px!important;margin-right:8px!important;color:rgba(255,255,255,.6)!important;}
.search.page .search-config .search__filter-button .btn__content.current .search__filter-button__icon,
.search.page .search-config .search__filter-button .btn__content .search__filter-button__icon{color:#fff!important;}
.search.page .search-config.category-config .search__filter-button{
  flex:0 0 auto!important;
  max-width:none!important;
  margin:0 4px!important;
}
.search.page{padding-top:0!important;margin-top:0!important;}
.page{margin-top:0!important;}

body.has-recommend-bar .page,
body.has-recommend-bar .content--wrap {
  padding-top:0!important;
}

body > .search-config.category-config{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  margin-top:56px!important;
  padding:10px 16px!important;
  gap:10px!important;
  margin-bottom:0!important;
  justify-content:center!important;
  align-items:center!important;
  height:auto!important;
  overflow:visible!important;
  flex-wrap:wrap!important;
  border:none!important;
}
body > .search-config.category-config .search__filter-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  padding:0 16px!important;
  margin:0!important;
  border:none!important;
  background:#424242!important;
  border-radius:8px!important;
  flex:0 0 auto!important;
  color:rgba(255,255,255,.75)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  transition:all .2s ease!important;
  box-shadow:0 1px 2px rgba(0,0,0,.2)!important;
}
body > .search-config.category-config .search__filter-button:hover{
  background:#525252!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

.search-config-placeholder {
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
}

body:not(.has-recommend-bar) .search-config-placeholder + main.content,
body:not(.has-recommend-bar) .search-config-placeholder + .content,
body:not(.has-recommend-bar) .search-config-placeholder + .page,
body:not(.has-recommend-bar) .search-config-placeholder + .layout.results {
  padding-top:56px !important;
}

@media (min-width: 960px) {
  .search-config{margin-top:64px;}
  .search.page{padding-top:0!important;margin-top:0!important;}
  .page{margin-top:0!important;}
  body:not(.has-recommend-bar) .search-config-placeholder + main.content,
  body:not(.has-recommend-bar) .search-config-placeholder + .content,
  body:not(.has-recommend-bar) .search-config-placeholder + .page,
  body:not(.has-recommend-bar) .search-config-placeholder + .layout.results {
    padding-top:64px !important;
  }
}
.search-config .search__filter-button{
  background:transparent!important;
  border:1px solid #fff!important;
  color:rgba(255,255,255,.8)!important;
}
.search.config .search__filter-button.active,
.search.page .search-config .search__filter-button.active {
  border:1px solid transparent!important;
}
.search-config .search__filter-button:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.toolbar-search-form{position:relative!important}
.toolbar-search-form .toolbar-search__bar{width:280px!important}
.toolbar-search-form .input-group__input{position:relative!important;padding-right:90px!important;border:1px solid #fff!important;background:rgba(255,255,255,.08)!important;}
.toolbar-search-form .input-group__input:focus-within{border-color:#fff!important;background:rgba(255,255,255,.12)!important;}
.toolbar-search-form .toolbar-search-submit{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;padding:0 10px!important;font-size:14px!important;margin:0!important;display:flex!important;align-items:center!important;gap:4px!important;color:#fff!important;font-weight:bold!important;cursor:pointer!important;background:transparent!important;border:none!important;z-index:3!important;}
.toolbar-search-form .toolbar-search-submit::after{content:none!important;}
.toolbar-search-form .toolbar-search-submit::before{content:none!important}
.toolbar__content .user-options{display:flex!important;align-items:center!important;gap:12px!important;margin-left:0!important}
.toolbar-categories{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;}
.toolbar-category-link{color:rgba(255,255,255,.7);font-size:13px;padding:6px 10px;text-decoration:none;border-radius:3px;transition:all .2s;white-space:nowrap;}
.toolbar-category-link:hover{color:#fff;background:rgba(255,255,255,.1);}
.toolbar-search-form{margin-left:auto!important}
.toolbar-search-form .toolbar-search-submit::before,.toolbar-search-form .toolbar-search-submit::after{content:none!important}
.home-recommend-links{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;margin:0 0 16px;background:rgba(255,255,255,.03);border:1px solid #333;}
.home-recommend-link{color:rgba(255,255,255,.8);font-size:13px;padding:4px 10px;text-decoration:none;border-radius:3px;transition:all .2s;}
.home-recommend-link:hover{color:#fff;background:rgba(255,255,255,.1);}
.toolbar-categories{display:flex;align-items:center;gap:4px;margin-right:8px;flex-wrap:nowrap;white-space:nowrap;}
.toolbar-categories .search__filter-button{padding:0 10px;height:32px;font-size:13px;border:1px solid rgba(255,255,255,.7);background:transparent;}
.toolbar-categories .search__filter-button .btn__content{display:flex;align-items:center;gap:4px;}
.toolbar-categories .search__filter-button.active{background-color:#0075ff!important;color:#fff!important;border-color:#0075ff!important;}
@media (max-width: 600px) {
  .search.page .search-config{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    padding:6px 8px!important;
    gap:6px!important;
    height:auto!important;
    overflow:visible!important;
    margin-bottom:8px!important;
  }
  .search.page .search-config .search__filter-button{
    display:flex!important;
    flex-direction:row!important;
    justify-content:center!important;
    align-items:center!important;
    float:none!important;
    flex:0 0 calc(20% - 5px)!important;
    max-width:calc(20% - 5px)!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .search.page .search-config .search__filter-button .btn__content{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    padding:0 4px!important;
    line-height:1.2!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
  }
  .search.page .search-config.category-config{
    padding:6px 4px!important;
    gap:4px!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  .search.page .search-config.category-config .search__filter-button{
    flex:0 0 calc(25% - 4px)!important;
    max-width:calc(25% - 4px)!important;
    height:40px!important;
    margin:0!important;
  }
  body > .search-config.category-config{
    margin-top:56px!important;
    padding:8px 6px!important;
    gap:6px!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  body > .search-config.category-config .search__filter-button{
    flex:0 0 calc(16.667% - 5px)!important;
    max-width:calc(16.667% - 5px)!important;
    height:32px!important;
    margin:0!important;
    padding:0 6px!important;
    font-size:11px!important;
    border-radius:6px!important;
    border:none!important;
    background:#424242!important;
    color:rgba(255,255,255,.8)!important;
    box-shadow:0 1px 2px rgba(0,0,0,.25)!important;
  }
}

.flex.row.justify-center.align-center.my-3{height:42px!important;min-height:42px!important;flex:0 0 auto!important;align-self:center!important}

/* 分页按钮激活态（不依赖 vuetify-theme.css 的 .primary 类）*/
.pagination .pagination__item--active{
  background-color:#f3c669!important;
  color:#17181a!important;
  font-weight:bold;
}

/* 登录/注册页背景图铺满整个视口 */
.accounts .bg{
  position:fixed!important;
  top:0!important;
  left:0!important;
  width:100vw!important;
  height:100vh!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  z-index:0!important;
}
.accounts .fader{z-index:1!important;}
.accounts .panel{z-index:2!important;}

.layout.results{margin-top:0 !important;padding-top:0 !important}
.search-result{margin-top:0 !important;padding-top:0 !important}
.flex.row.justify-center.align-center.my-3{margin-top:20px !important;margin-bottom:16px !important;flex:0 0 auto!important}

/* ====== 视频卡片基础样式（所有页面统一，不依赖 vuetify-theme.css）====== */
.search-result__item{width:100%!important;padding:0!important;margin:0!important;}
.search-result__item__cover{aspect-ratio:16/9!important;width:100%!important;overflow:hidden!important;background:#000!important;}
.search-result__item__cover .lazy,
.search-result__item__cover .lazy > div{width:100%!important;height:100%!important;}
.search-result__item__cover__img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}

/* ====== 视频网格布局：.search-result 始终是唯一 grid 容器 ====== */
/* 桌面端 5 列 */
@media (min-width: 769px){
  .search-result{
    display:grid!important;
    grid-template-columns:repeat(5, minmax(0, 1fr))!important;
    gap:16px!important;
    max-width:100%!important;
    width:100%!important;
    padding:0 16px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  /* 中间包裹层（video-grid-wrapper）和 half 内层 div 一律 display:contents 消除嵌套 */
  .search-result > div:not(.video-card){
    display:contents!important;
    grid:none!important;
    padding:0!important;
    margin:0!important;
  }
  /* video-card 永远是普通 grid 格子 */
  .video-card{
    display:block!important;
    grid-column:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  .video-card .search-result__item{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
}

@media (max-width: 600px) {
  .flex.row.justify-center.align-center.my-3{margin-top:10px !important;margin-bottom:16px !important}
}

.search.page.full-page-height .layout.results,
.search.page.full-page-height .search-result{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
}

.search.page.full-page-height .search-result > div{
  flex:0 0 auto!important;
}

.search.page.full-page-height,
.page.full-page-height{
  min-height: auto !important;
}

.site-tags-block{width:100%;display:flex;justify-content:center;padding:8px 0 24px 0;box-sizing:border-box}
.site-tags-inner{max-width:1200px;width:100%;padding:8px 12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;background:rgba(255,255,255,0.04);border-radius:6px}
.site-tag {
  display: inline-block;
  padding: 6px 12px;
  margin: 6px 6px 6px 0;
  background: #424242;
  color: #fff;
  border-radius: 4px;
  font-size: 13px;
  text-decoration: none;
  white-space: normal;
}
.site-tag:hover{background:rgba(255,255,255,0.08)}
@media (max-width:600px){
  .site-tags-inner{padding:6px;gap:6px;justify-content:flex-start}
  .site-tag{padding:6px 10px;font-size:12px}
}

.layout.mb-5.browse__time_select,
.browse__time_select.mb-5,
.browse.trending.page .layout.mb-5.browse__time_select {
  margin-bottom:4px !important;
}

.home-section__title,
.search-result__title,
.home-recommend-link,
.home-section__header .home-section__title,
.home-section a.home-section__title{
  color:#fff !important;
}
.search-result__item .search-result__item__title{
  color:#fff !important;
}
.site-tag{
  color:#fff !important;
}

.home-section{padding:0 16px;margin-bottom:24px;}
.container{padding:0 !important;}
.home-section__header{display:flex;align-items:center;justify-content:space-between;margin:12px 0 12px;border-bottom:1px solid #444;padding-bottom:8px;}
.home-section__title{font-size:18px;font-weight:bold;color:#f3c669;display:flex;align-items:center;gap:6px;}
.home-section__more{color:#fff;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,0.06);transition:color .2s,background .2s;}
.home-section__more:hover{color:#fff;background:rgba(255,255,255,0.12);}
@media(max-width:768px){
  .home-section{padding:0;}
  .home-section__title{font-size:16px;margin-left:2px;}
  .home-section__more{padding:4px 4px 4px 4px;margin-right:4px;}
}

.search-result__item__cover{
  position:relative!important;
  overflow:hidden!important;
}
.search-result__item__cover::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:48px;
  height:48px;
  margin:-24px 0 0 -24px;
  border-radius:50%;
  background:rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
  z-index:2;
}
.search-result__item__cover::before{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  margin:-10px 0 0 -6px;
  border-left:16px solid #fff;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
  z-index:3;
}
.search-result__item:hover .search-result__item__cover::after,
.search-result__item:hover .search-result__item__cover::before{
  opacity:1;
}

/* 移动端 2 列 */
@media (max-width: 768px) {
  .search-result{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:2px!important;
    padding:0 2px!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  /* 中间包裹层 display:contents 消除嵌套 */
  .search-result > div:not(.video-card){
    display:contents!important;
    grid:none!important;
    padding:0!important;
    margin:0!important;
  }
  .search-result__item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .search-result__item__cover {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #000 !important;
  }
  .search-result__item__cover .lazy,
  .search-result__item__cover .lazy > div,
  .search-result__item__cover__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

@media (max-width: 400px) {
  .search-result{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .search-result__item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  html, body, #app, .application, .application--wrap {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  #app::-webkit-scrollbar,
  .application::-webkit-scrollbar,
  .application--wrap::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
}

/* ====== 视频卡片美化 ====== */
.video-card{
  position:relative;
  background:#1e1e1e;
  border-radius:8px;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;
  box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.video-card:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 20px rgba(0,0,0,.5);
}
.video-card .search-result__item{
  border-radius:8px!important;
  overflow:hidden;
}
.video-card .search-result__item__cover{
  border-radius:8px 8px 0 0!important;
  overflow:hidden!important;
}
.video-card .search-result__item__title{
  padding:8px 10px!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.4!important;
  color:rgba(255,255,255,.9)!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:768px){
  .video-card{
    border-radius:6px;
    box-shadow:0 1px 3px rgba(0,0,0,.35);
  }
  .video-card .search-result__item{
    border-radius:6px!important;
  }
  .video-card .search-result__item__cover{
    border-radius:6px 6px 0 0!important;
  }
  .video-card .search-result__item__title{
    padding:5px 6px!important;
    font-size:11px!important;
  }
}

body,html{background:#303030;margin:0;padding:0}

/* 弹出层 */
.mac_pop_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.mac_pop{color:#fff;z-index:99998;display:none;min-height:20px;max-height:750px;position:fixed;top:0;height:400px!important;left:0;bottom:0;right:0;margin:auto;padding:25px;z-index:130;border-radius:8px;background-color:#303030;box-shadow:0 3px 18px rgba(0,0,0,.5);}
.mac_pop .pop_top{height:40px;width:100%;border-bottom:1px #E5E5E5 solid;}
.mac_pop .pop_top h2{float:left;display:block;margin:0;font-size:18px;font-weight:normal;font-family:"microsoft yahei";}
.mac_pop span.pop_close{float:right;width:23px;height:23px;font-size:0;text-indent:9999;cursor:pointer;font-weight:bold;display:block;background:url("/static/images/home/background.png") -10px 0 no-repeat;}
.mac_pop .pop-foot{height:50px;line-height:50px;width:100%;border-top:1px #E5E5E5 solid;text-align:right;}
.mac_pop .pop-cancel,.mac_pop .pop-ok{padding:8px 15px;margin:15px 5px;border:none;border-radius:5px;background-color:#337AB7;color:#fff;cursor:pointer;}
.mac_pop .pop-cancel{background-color:#FFF;border:1px #CECECE solid;color:#000;}
.mac_pop .pop-content{height:380px;}
.mac_pop .pop-content-left{float:left;}
.mac_pop .pop-content-right{width:310px;float:left;padding-top:20px;padding-left:20px;font-size:16px;line-height:35px;}
.mac_pop_msg_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.mac_pop_msg{z-index:99999;display:none;min-height:20px;max-height:750px;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:25px;z-index:130;border-radius:8px;background-color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.5);}
.mac_pop_msg .pop-msg{text-align:center;font-size:14px;}
.gbook_content{width:100%!important;border:2px solid hsla(0,0%,100%,.7);padding:10px 10px 0;}
.msg_cue{margin-top:16px;}
.mac_pop .mac_report .gbook_submit{color:#f3c669;}
.mac_pop .mac_report .gbook_submit:hover{color:#f3c669;background:#f3c6691f;}
.mac_pop,.mac_pop_bg{display:none!important;}
.mac_block{display:block!important;}

/* 评论区样式 */
.mac_comment{max-width:100%;margin:20px auto;padding:0 16px;box-sizing:border-box;color:#fff;}
.cmt_comment_title{display:flex;align-items:center;font-size:20px;font-weight:bold;color:#fff;margin:20px 0 16px;}
.cmt_pinglun_icon{width:24px;height:24px;background:#f3c669;border-radius:4px;margin-right:8px;display:inline-block;}
.cmt_num{font-size:14px;color:#aaa;font-weight:normal;margin-left:8px;}
.cmt_tabbar{display:flex;border-bottom:1px solid #444;margin-bottom:16px;}
.cmt_tab{padding:8px 20px;cursor:pointer;color:#aaa;font-size:15px;border-bottom:2px solid transparent;transition:all .2s;}
.cmt_tab.active{color:#f3c669;border-bottom-color:#f3c669;}
.cmt_review_item{padding:16px 0;border-bottom:1px solid #333;}
.cmt_review_item.first{padding-top:0;}
.cmt_sub_item{margin-left:48px;padding:12px 0;border-bottom:1px dashed #333;background:rgba(255,255,255,.02);padding-left:12px;border-radius:4px;margin-top:8px;}
.cmt_item_top{display:flex;align-items:center;margin-bottom:10px;}
.cmt_imgbox{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0;background:#444;}
.cmt_imgbox img{width:100%;height:100%;object-fit:cover;}
.cmt_rightbox{display:flex;flex-direction:column;}
.cmt_name{font-size:14px;color:#f3c669;font-weight:bold;}
.cmt_time{font-size:12px;color:#888;margin-top:2px;}
.cmt_item_medium{margin-bottom:10px;padding-left:52px;color:#e0e0e0;font-size:15px;line-height:1.6;word-break:break-word;}
.cmt_comment_text{position:relative;}
.cmt_wrapper_more{position:relative;}
.cmt_wrapper_more_exp{position:absolute;opacity:0;pointer-events:none;height:0;width:0;}
.cmt_wrapper_more_text{display:inline-block;max-width:100%;}
.cmt_wrapper_more_btn{cursor:pointer;color:#f3c669;display:inline-flex!important;align-items:center;}
.cmt_jiantou{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #f3c669;margin-left:4px;transition:transform .2s;}
.cmt_wrapper_more_exp:checked + .cmt_wrapper_more_text .cmt_jiantou{transform:rotate(180deg);}
.cmt_item_bottom{display:flex;align-items:center;padding-left:52px;gap:8px;}
.cmt_item_bottom .btn{display:flex;align-items:center;cursor:pointer;color:#aaa;font-size:13px;padding:4px 10px;border-radius:4px;transition:all .2s;user-select:none;}
.cmt_item_bottom .btn:hover{background:rgba(243,198,105,.1);color:#f3c669;}
.cmt_item_bottom .icon{width:16px;height:16px;margin-right:4px;display:inline-block;}
.comment_form{margin:16px 0;background:rgb(66 66 66);padding:16px;border-radius:8px;}
.comment_input_wrap{width:100%;}
.comment_content{width:100%;min-height:80px;background:rgba(0,0,0,.3);border:1px solid #444;border-radius:4px;color:#fff;padding:10px;box-sizing:border-box;font-size:14px;resize:vertical;}
.comment_content:focus{outline:none;border-color:#f3c669;}
.comment_form .handle{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.comment_face_panel{cursor:pointer;color:#aaa;}
.comment_face_box{display:none;position:absolute;background:#303030;border:1px solid #444;padding:8px;border-radius:4px;z-index:10;flex-wrap:wrap;width:200px;}
.comment_face_box img{cursor:pointer;width:24px;height:24px;margin:2px;}
.remaining-w{color:#888;font-size:12px;}
.comment_submit{background:#f3c669;color:#303030;border:none;padding:6px 20px;border-radius:4px;cursor:pointer;font-weight:bold;}
.comment_submit:hover{opacity:.9;}
.mac_pages{margin-top:20px;text-align:center;color:#aaa;}
.mac_pages .page_tip{margin-bottom:10px;font-size:13px;}
.mac_pages .page_info a,.mac_pages .page_info button{display:inline-block;padding:4px 10px;margin:2px;background:rgba(255,255,255,.05);color:#aaa;border-radius:4px;text-decoration:none;font-size:13px;}
.mac_pages .page_info a:hover,.mac_pages .page_info button:hover{background:#f3c669;color:#303030;}
.mac_pages .page_current{background:#f3c669!important;color:#303030!important;}
.mac_pages .page_input{background:rgba(0,0,0,.3);border:1px solid #444;color:#fff;padding:4px;border-radius:4px;}

/* 视频元数据样式 */
.video_metadata{padding:4px 0;}
.video_tag{display:inline-block;padding:4px 12px;margin:4px 6px 4px 0;background:rgba(243,198,105,.12);color:#f3c669;border-radius:16px;font-size:13px;text-decoration:none;transition:all .2s;}
.video_tag:hover{background:rgba(243,198,105,.25);}

/* 播放页相关视频网格（复用首页 .search-result 结构，侧边栏适配） */
.misc_panel .search-result.related_videos_grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:12px!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.misc_panel .search-result.related_videos_grid > .video-card{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
.misc_panel .search-result.related_videos_grid .search-result__item{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
.misc_panel .search-result.related_videos_grid .search-result__item__cover{width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;}
.misc_panel .search-result.related_videos_grid .search-result__item__cover .lazy,
.misc_panel .search-result.related_videos_grid .search-result__item__cover .lazy > div{width:100%!important;height:100%!important;}
.misc_panel .search-result.related_videos_grid .search-result__item__cover__img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.misc_panel .search-result.related_videos_grid .search-result__item__title{font-size:14px;color:#ddd;margin-top:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.misc_panel .search-result.related_videos_grid .search-result__item:hover .search-result__item__title{color:#f3c669;}
.video__wrap__title{color:#f3c669;font-size:15px;font-weight:bold;margin:12px 0 8px;padding-bottom:6px;border-bottom:1px solid #444;}
.video__wrap{width:100%;max-width:100%;box-sizing:border-box;min-width:0;}

/* 紧凑操作栏 */
.below_fold__grouping__actions__bar{gap:8px;flex-wrap:wrap;}
.compact_item{padding:0!important;margin:0;flex-shrink:0;}
.compact_item .compact_meta{display:inline-flex;align-items:center;gap:4px;color:#aaa;font-size:12px;padding:4px 10px;white-space:nowrap;line-height:1.4;}
.compact_item .compact_meta .icon{font-size:15px;}
.compact_item a{color:#aaa;text-decoration:none;cursor:pointer;}
.compact_item a:hover .compact_meta{color:#f3c669;}
.below_fold__grouping__actions__bar .spacer{flex:1;min-width:8px;}

/* 播放器容器 */
.htvvp .htvvp__aspect{margin:0!important;}
.htvvp .htvvp__aspect .htvvp__aspect__wrap{width:100%!important;height:100%!important;margin:0!important;border-radius:3px;}

/* 评论表单暗色主题适配 */
.comment_inner{padding:0;margin-top:16px;}
.mac_comment .input_wrap{width:100%!important;margin-bottom:12px;}
.mac_comment .input_wrap textarea{background:rgba(0,0,0,.3)!important;border:1px solid #444!important;color:#fff!important;border-radius:4px!important;width:100%!important;height:80px!important;padding:10px!important;box-sizing:border-box!important;font-size:14px!important;}
.mac_comment .input_wrap .handle{background:rgba(255,255,255,.03)!important;border:1px solid #444!important;border-top:none!important;color:#aaa!important;border-radius:0 0 4px 4px!important;height:auto!important;min-height:40px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;}
.mac_comment .comment_submit{background:#f3c669!important;color:#303030!important;border:none!important;padding:6px 18px!important;border-radius:4px!important;cursor:pointer!important;font-weight:bold!important;height:auto!important;font-size:14px!important;pointer-events:auto!important;position:relative;z-index:1;}
.mac_comment .comment_submit:hover{opacity:.9;}
.mac_comment .comment_submit:active{opacity:.8;}
.mac_comment .comment_submit .icon{vertical-align:middle;margin-right:4px;pointer-events:none;}
.mac_comment .fl{float:left;}
.mac_comment .fr{float:right;}
.mac_comment .clearfix::after{content:"";display:block;clear:both;}
.mac_comment .mac_verify_img{height:32px;vertical-align:middle;border-radius:4px;cursor:pointer;margin-left:4px;pointer-events:auto!important;}
.mac_comment .msg_code{display:inline-flex;align-items:center;cursor:pointer;}
.mac_comment .msg_code input{outline:none;cursor:text;}
.mac_comment .msg_code input:focus{border-color:#f3c669;}

/* 分页样式 */
.cmt_pages{margin-top:16px;text-align:center;}
.cmt_pages .page_tip{display:block;color:#888;font-size:13px;margin-bottom:8px;}
.cmt_pages .page_info{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;}
.cmt_pages .page_link{display:inline-block;padding:6px 12px;border:1px solid #444;border-radius:4px;color:#aaa;text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s;}
.cmt_pages .page_link:hover{border-color:#f3c669;color:#f3c669;}
.cmt_pages .page_current{background:#f3c669;color:#303030;border-color:#f3c669;font-weight:bold;cursor:default;}

/* 评论底部操作栏 */
.cmt_item_bottom{display:flex;align-items:center;gap:16px;padding:8px 0;}
.cmt_item_bottom a{color:#aaa;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:4px;}
.cmt_item_bottom a:hover{color:#f3c669;}

/* 布局对齐 */
.below_fold__grouping__actions,
.below_fold__grouping__actions__desc,
.mac_comment{padding-left:0!important;padding-right:0!important;}
.below_fold__grouping__actions__desc{margin:0!important;}
.below_fold__grouping__actions__desc .card{margin:0!important;}
.below_fold__grouping__actions__desc .card__text{padding:12px 8px!important;margin-top:2px!important;border-radius:8px!important;}

@media(max-width:768px){
  .video.page .below_fold .below_fold__grouping{min-width:0!important;width:100%!important;max-width:100%!important;flex-direction:column!important;}
  .video.page .below_fold .below_fold__grouping .below_fold__grouping__actions{width:100%!important;display:block!important;}
  .video.page .below_fold .misc_panel{width:100%!important;min-width:0!important;position:static!important;}
  .misc_panel .search-result.related_videos_grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important;padding:0 2px!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  .misc_panel .search-result.related_videos_grid > .video-card{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
  .misc_panel .search-result.related_videos_grid .search-result__item{width:100%!important;max-width:100%!important;margin:0!important;}
  .misc_panel .search-result.related_videos_grid .search-result__item__title{font-size:12px;}
  .video__wrap__title{font-size:14px;margin-top:4px!important;}
  .below_fold__grouping__actions__bar{gap:6px!important;flex-wrap:wrap;}
  .compact_item .compact_meta{font-size:11px;padding:3px 8px;gap:3px;}
  .compact_item .compact_meta .icon{font-size:14px;}
  .below_fold__grouping__actions__bar .spacer{display:none;}
  .cmt_item_medium,.cmt_item_bottom{padding-left:0!important;}
  .cmt_sub_item{margin-left:12px;}
  .cmt_tab{padding:8px 12px;font-size:14px;}
  .cmt_comment_title{font-size:18px;}
  .video_metadata__top{flex-direction:column;align-items:flex-start!important;}
  .video_title{font-size:18px!important;padding-left:2px!important;padding-right:2px!important;}
  .video_metadata,
  .video_metadata__tags,
  .below_fold__grouping__actions__desc,
  .below_fold__grouping__actions__desc .card__text,
  .mac_comment,
  .comment_inner,
  .mac_comment .input_wrap,
  .video__wrap__title,
  .misc_panel .search-result.related_videos_grid{padding-left:2px!important;padding-right:2px!important;margin-left:0!important;margin-right:0!important;}
  .meta_stats{gap:10px!important;font-size:13px!important;flex-wrap:wrap;margin-left:0!important;margin-top:6px;}
  .mac_comment .input_wrap .handle{flex-direction:column;gap:8px;padding:10px;}
  .mac_comment .input_wrap .handle .fr{float:none!important;width:100%;display:flex;justify-content:flex-end;}
  .mac_comment .input_wrap .handle .remaining-w{float:none!important;}
  .below_fold__grouping__actions__bar{gap:4px!important;}
  .compact_item .compact_meta{font-size:10px;padding:2px 5px;gap:2px;}
  .compact_item .compact_meta .icon{font-size:12px;}
  .below_fold__grouping__actions__desc .card__text{font-size:12px!important;padding:8px 6px!important;}
  .below_fold__grouping__actions__desc__titles{margin-bottom:4px!important;}
  .desc__titles__header{font-size:13px!important;}
  .below_fold__grouping__actions__desc p{font-size:12px!important;line-height:1.5!important;}
}

.below_fold__grouping__actions__desc:hover{background-color: rgba(255,255,255,.1);}

/* 播放器容器 & 相关视频面板上边距：桌面端 10px / 手机端 6px */
@media (min-width: 960px) {
  .htvvp{margin-top:10px;}
  #misc_panel.misc_panel{margin-top:10px;}
}
@media (max-width: 768px) {
  .htvvp{margin-top:6px;}
}
/* 窄屏（<403px）避免"发表评论"按钮文字换行撑高按钮 */
@media (max-width: 403px){
  .comment_submit,
  .mac_comment .comment_submit{white-space:nowrap!important;padding:4px 10px!important;font-size:12px!important;line-height:1.2!important;}
  .comment_submit .icon,
  .mac_comment .comment_submit .icon{width:14px!important;height:14px!important;margin-right:3px!important;vertical-align:-2px!important;}
}

/* ===== 底部全新布局（替代原先多列 footer__column 方案） ===== */
/* 双保险：覆盖 MacCMS 原生 footer 或任意上游来源写入的固定/最小高度，彻底清掉 240px 等硬编码高度 */
.footer.footer-redesign{margin:0;padding:0;border:0;position:relative;overflow:visible;min-height:auto!important;height:auto!important;}
.footer.footer-redesign .footer__logo-link--outside{position:absolute;left:calc(50% - 640px - 276px);top:50%;transform:translateY(-50%);z-index:2;}
.footer.footer-redesign .footer__logo-link--outside img{max-height:80px;width:auto;display:block;border-radius:4px;}
.footer.footer-redesign .footer__logo-link--outside .footer-anim-logo{display:block;width:260px;max-width:260px;min-width:260px;}
.footer.footer-redesign .footer__logo-link--outside .footer-anim-logo__svg{display:block;width:100%;height:auto;max-height:100px;}
/* footer__wrap：无论任何来源的 min-height/height 规则都无效，强制自适应 */
.footer.footer-redesign .footer__wrap{width:100%;max-width:1280px;margin:0 auto;padding:24px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1;min-height:auto!important;height:auto!important;max-height:none!important;}
.footer.footer-redesign .footer__row{width:100%;display:flex;flex-wrap:wrap;}
.footer.footer-redesign .footer__row--top{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;}
.footer.footer-redesign .footer__left{flex:0 0 auto;min-width:140px;display:flex;align-items:flex-start;}
.footer.footer-redesign .footer__logo-link{display:inline-block;}
.footer.footer-redesign .footer__logo-link img{max-height:56px;width:auto;display:block;border-radius:4px;}
.footer.footer-redesign .footer__right{flex:1 1 auto;min-width:0;}
.footer.footer-redesign .footer__section-title{display:inline-block;font-size:14px;font-weight:bold;color:#f3c669;margin-bottom:8px;margin-right:8px;}
.footer.footer-redesign .footer__section-title.footer__sitemap-title{color:#ffffff!important;}
.footer.footer-redesign .footer__section-title.footer__section-title--white{color:#ffffff!important;}
.footer.footer-redesign .footer__section-title.footer__section-title--links{margin-right:0!important;}
.footer.footer-redesign .footer__link-row{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px;}
.footer.footer-redesign .footer__link-item{display:inline-block;line-height:1.5;}
.footer.footer-redesign .footer__link-text{color:#bbb;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;}
.footer.footer-redesign .footer__link-text:hover{color:#f3c669;text-decoration:underline;}
.footer.footer-redesign .footer__copyright{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;color:#ccc;}
/* 电脑端：用负 margin-bottom 抵消 footer__wrap 的 gap:16px，让版权行紧贴下面 footer__row--bottom 的 border-top 横线 */
.footer.footer-redesign .footer__copyright--desktop{justify-content:flex-start;margin-bottom:-16px;padding-bottom:0;}
.footer.footer-redesign .footer__copyright-title{display:inline-block;font-size:14px;font-weight:bold;color:#ffffff;margin-right:4px;}
.footer.footer-redesign .footer__copyright-content{color:#ccc;word-break:break-word;}
.footer.footer-redesign .footer__mobile-copyright-wrap{display:none;width:100%;margin-top:auto;margin-bottom:0;padding-bottom:0;}
.footer.footer-redesign .footer__mobile-copyright-block{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;color:#ccc;margin-bottom:4px;}
.footer.footer-redesign .footer__mobile-copyright-block .footer__sitemap-title{margin-right:0;}
/* 兜底：即使 MacCMS 模板编译缓存仍残留旧版 footer__mobile-copyright-sep 节点，也强制隐藏且不占任何空间，避免产生第二条分割线 */
.footer.footer-redesign .footer__mobile-copyright-sep{display:none!important;height:0!important;width:0!important;margin:0!important;padding:0!important;border:0!important;visibility:hidden!important;}
.footer.footer-redesign .footer__row--bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.footer.footer-redesign .footer__sitemap{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 16px;}
.footer.footer-redesign .footer__sitemap--info{flex:0 0 auto;align-content:flex-start;}
.footer.footer-redesign .footer__sitemap--right{margin-left:auto;justify-content:flex-end;}
.footer.footer-redesign .footer__sitemap-title{margin-bottom:0;}
.footer.footer-redesign .footer__sitemap-link{color:#aaa;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;}
.footer.footer-redesign .footer__sitemap-link:hover{color:#f3c669;text-decoration:underline;}
/* 屏幕太窄时（logo 外放不下），把外层 logo 自动降级为放在容器顶部，避免遮挡内容 */
@media (max-width: 1680px){
  .footer.footer-redesign .footer__logo-link--outside{left:-56px;}
}
@media (max-width: 1440px){
  .footer.footer-redesign .footer__logo-link--outside img{max-height:64px;}
  .footer.footer-redesign .footer__logo-link--outside .footer-anim-logo{width:200px;min-width:200px;max-width:200px;}
  .footer.footer-redesign .footer__logo-link--outside .footer-anim-logo__svg{max-height:72px;}
}
/* 手机端自适应：取消固定高度，改为纵向堆叠 */
@media (max-width: 768px){
  .footer.footer-redesign .footer__logo-link--outside{position:static;transform:none;margin:20px auto 10px;display:block;text-align:center;}
  .footer.footer-redesign .footer__logo-link--outside img{max-height:44px;margin:0 auto;}
  .footer.footer-redesign .footer__logo-link--outside .footer-anim-logo{width:80vw;max-width:320px;min-width:180px;margin:0 auto;}
  .footer.footer-redesign .footer__logo-link--outside .footer-anim-logo__svg{max-height:52px;}
  .footer.footer-redesign .footer__wrap{min-height:0;padding:16px 10px;gap:12px;}
  .footer.footer-redesign .footer__row--top{flex-direction:column;gap:12px;}
  .footer.footer-redesign .footer__left{justify-content:flex-start;margin-bottom:4px;}
  .footer.footer-redesign .footer__logo-link img{max-height:44px;}
  .footer.footer-redesign .footer__section-title{font-size:12px!important;margin-bottom:6px;}
  .footer.footer-redesign .footer__link-row{gap:6px 12px;}
  .footer.footer-redesign .footer__link-text{font-size:12px;}
  .footer.footer-redesign .footer__copyright--desktop{display:none;}
  .footer.footer-redesign .footer__copyright-title{font-size:12px;}
  .footer.footer-redesign .footer__copyright-content{font-size:12px;}
  /* 手机端：只用 footer__row--bottom 自身的 border-top 这一条横线；用负 margin 抵消 footer__wrap 的 gap:16px 并进一步贴紧 */
  .footer.footer-redesign .footer__mobile-copyright-wrap{display:block;margin-bottom:-18px;padding-bottom:0;}
  .footer.footer-redesign .footer__mobile-copyright-block{margin-bottom:10px;padding-bottom:0;}
  .footer.footer-redesign .footer__mobile-copyright-block .footer__sitemap-title{margin-top:0;margin-bottom:0;padding-bottom:0;line-height:1;}
  /* 保持容器原有的 12px padding-top 不动，避免压缩容器高度 */
  .footer.footer-redesign .footer__row--bottom{flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start;padding-top:12px;}
  .footer.footer-redesign .footer__sitemap{gap:4px 12px;}
  .footer.footer-redesign .footer__sitemap--right{margin-left:0;justify-content:flex-start;flex-direction:row;align-items:center;gap:4px 12px;}
  .footer.footer-redesign .footer__sitemap--right .footer__sitemap-title{margin-right:8px;}
  .footer.footer-redesign .footer__sitemap--right .footer__sitemap-link{white-space:nowrap;}
  .footer.footer-redesign .footer__sitemap-link{font-size:12px;}
}