/* AVLOG unified global stylesheet. Source files merged in their former cascade order. */

/* ===== merged: reset.css ===== */

/* 重置所有元素的边距和填充 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 使得边界包含在宽度内 */
}

/* 使得块级元素按照标准流方式显示 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
figure,
blockquote,
fieldset,
legend {
  margin: 0;
  padding: 0;
}

/* 保持图片垂直对齐 */
img {
  vertical-align: middle;
  max-width: 100%; /* 防止图片溢出其容器 */
}

/* 去除列表样式 */
ul,
ol {
  list-style: none;
}

/* a标签重置 */
a {
  text-decoration: none; /* 去除下划线 */
  color: inherit; /* 继承父元素的颜色 */
  outline: none;
}

/* 清除表单元素的默认样式 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  font-size: inherit;
  color: inherit;
}

/* 可选择输入框的样式 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 保持和其他元素一致的盒子模型 */
  padding: 0;
}

::-webkit-scrollbar {
  width: 4px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: inherit;
  background-color: rgb(50,50,60,1);
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}

/* ===== merged: style.css ===== */
@charset "utf-8";
@font-face {
  font-family: "ceyw03";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/KRzAgl2aDS3m/IBeYvOKiaXWR.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/KRzAgl2aDS3m/Ivn2QBTKH1Ds.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ltf";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/KRzAgl2aDS3m/WqbRLnjrlEmg.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/KRzAgl2aDS3m/WkV09OIsgLSS.woff") format("woff");
  font-display: swap;
}
html{font-size:14px;}
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;background:var(--zy-bgcolor);color:var(--zy-color);line-height:1.6}
:root{
    --zy-color:hsl(0, 0%, 100%, .87);
    --zy-gray:hsl(0,0%,100%,60%);
    --zy-bgcolor:#0a100d;/*全局背景*/
    --zy-bggray:transparent;/*区块背景：透明，不再实心*/
    --zy-bggray-on:rgba(255,255,255,.04);/*浅层半透明*/
   
    /*--默认主题--*/
   --zy-hover:#00c853;
    --zy-hover-rgb:0,200,83;
    --zy-hover-1:#08cc7e;
    
    --zy-white:#fff;
    --zy-black:#000;
    --zy-line:#666672;
}
/*主题风格*/
.style-for-red {
    --zy-hover:#ff2a14;
    --zy-hover-rgb:255,42,20;
    --zy-hover-1:#ff9800;
}
.style-for-green {
    --zy-hover:#439b6b;
    --zy-hover-rgb:67,155,107;
    --zy-hover-1:#43c33c;
}
.style-for-purple{
    --zy-hover:#b312d3;
    --zy-hover-rgb:179,18,211;
    --zy-hover-1:#b3a9fd;
}
.style-for-yellow{
    --zy-hover:#f58a2a;
    --zy-hover-rgb:245,138,42;
    --zy-hover-1:#f5ab75;
}
.style-for-indigo{
    --zy-hover:#00c853;
    --zy-hover-rgb:0,200,83;
    --zy-hover-1:#08cc7e;
}
a{color:var(--zy-color)}
a:hover,.active{color:var(--zy-hover)}
.hidden {visibility: hidden;}
.none {display: none;}
.normal{font-weight:normal;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt30{margin-top:30px!important;}
.mt50{margin-top:50px!important;}
.mb15{margin-bottom:15px!important;}
.mb30{margin-bottom:30px!important;}
.pt50{padding-top:50px!important;}
.pt0{padding-top:0!important;}
.pt10{padding-top:10!important;}
.empty{display:flex;justify-content:center;text-align:center;}
.empty img{margin-bottom:15px;}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.clamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.clamp1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1!important;}
.clamp2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2!important;}
.clamp3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3!important;}
.noclamp{-webkit-line-clamp:unset!important;}
.container{padding:0 10px;max-width:1080px;margin:0 auto;}

/*播放按钮加封面动画*/
.pic a>i.bofang{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity: 0;height: 40px;
    width: 40px;background: #fff;color:var(--zy-bggray);border-radius: 50px;line-height: 40px;
    text-align: center;font-size: 24px;}
.pic a:hover i.bofang{opacity:1;background:var(--zy-hover);color:var(--zy-white);}
.pic a>img{transition: filter 0.3s ease;}
.pic a:hover img{filter:brightness(70%);}

/*.header{background:transparent;position:fixed;width:100%;z-index:999;left:0;top:0;width:100%;}*/
.header{background: rgba(22,22,26,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;width:100%;z-index:200;left:auto;top:auto;}
.header .container{display:flex;justify-content:space-between;align-items:center;padding-top:5px;padding-bottom:5px}
.main{position:relative;background:transparent;}
.footer{position:relative;padding:0;color:var(--zy-color);background:transparent;}
.header .logo img{max-height:40px;margin-right:5px}
.header .logo{font-size:20px;font-family:"ceyw03";font-weight:bold}
.header .logo a{display:inline-flex;align-items:center;}
.header .logo span{display:inline-block}

@keyframes blink{0%{transform:scaleY(1)}
100%{transform:scaleY(0.1)}
}.logo a{display:block;position:relative}
.zy-eyes{position:absolute;left:0;top:18px;line-height:40px;display:flex}
.zy-eyes .leye,.zy-eyes .reye{display:inline-block;width:3px;height:3px;background:var(--zy-white);border-radius:5px}
.zy-eyes .leye{margin-left:12px;animation:blink 0.4s 0.1s infinite alternate}
.zy-eyes .reye{margin-left:10px;animation:blink 0.4s 0.1s infinite alternate-reverse}

.header .nav{display:flex;align-items:center;position:relative}
.header .nav a{padding:0 10px;font-size:16px;display:flex;align-items:center}
.header .nav a.active{color:var(--zy-hover)}
.header .nav a i{margin-right:5px;font-size:24px}
.header .nav a.tg{position:relative}
.header .nav .menu{position:relative;color:var(--zy-color);padding-right:0}
.header .nav .menu span i{font-size:24px}
.header .nav .menu:hover span i{color:var(--zy-white)}
.header .nav .space-line-bold{border-radius:5px;background:#6f747e;float:none;display:inline-block;width:1px;margin:0 5px;height:8px}
@media (max-width:767px){.header .nav a:not(.menu),.header .nav .space-line-bold{display:none}
}.header .nav a:hover{color:var(--zy-hover)}
.header .menu-ul:before{content:"";width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid orangered;position:absolute;right:5;top:-20px;z-index:-1}
.header .menu-ul{position:absolute;right:0;top:45px;border-radius:5px;padding:10px;display:flex;flex-flow: row wrap;width:280px;display:none;z-index:99999; background: rgba(22,22,26,.8);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.header .menu-ul li{text-align:center;display:inline-block;width:25%;line-height:1;}
.header .menu-ul li a{display:inline-block!important;padding-bottom:10px;padding-top:10px;}
.header .menu-ul li a:hover{border-radius:5px;background:transparent}
.header .menu-ul li a i{margin:auto;margin-bottom:5px;display:inline-block}
.header .menu-ul h2{font-size:14px;font-weight:normal;}
/*播放记录*/
@media (max-width:767px){
    .watch-history{margin:0 3px 0 7px;}
}
.watch-history .menu-ul li{display: block;width:100%;text-align: left;}
.watch-history .menu-ul li a{display: flex!important;justify-content: space-between;font-size:14px;padding:8px 5px;}
.watch-history .menu-ul li a .tit{margin-right:10px;flex:1}
.search-box{background:var(--zy-bggray);height:30px;text-align:center;display:flex;border-radius:30px}
@media (max-width:767px){.search-box{padding:0;width:auto;margin:0;margin-left:20px}
.search-box .search-input{width:130px!important}
}.vodsearch{display:flex}
.search-box .search-input{width:200px;font-size:16px;height:100%;padding:0 15px 0 15px;outline:none;border:none;background:transparent}
.search-box .search-btn{font-size:16px;color:#fff;padding-right:15px;outline:none;border:none;background:transparent}
.search-box .search-btn i{width:20px;text-align:center;color:var(--zy-hover)}
.footer .footer-block{text-align:center;padding-top: 40px;padding-bottom:10px;}
.footer-block .copyright{font-size:12px;color:var(--zy-gray)}
.footer-block .sitemap{position:relative;z-index:100;font-size:10px;text-align:center;padding:5px 0 10px 0}
.footer-block .sitemap .space-line-bold{border-radius:5px;background:#c2c6d0;float:none;display:inline-block;width:1px;margin:0 5px;height:8px}
/*右下角功能*/
.zy-fun{position:fixed;right:3.5%;bottom:8%;z-index:998;direction: rtl;}
.changetheme{line-height:40px;width:40px;position:relative;text-align:center;color:#fff;font-size:12px;}
.changetheme a{display:inline-block;margin-bottom:6px;position:relative;height:40px;width:100%;}
.changetheme a:after{position:absolute;width:100%;height:100%;left:0;content:"";opacity:0.6;z-index:-1;border-radius:50px;}
.changetheme a:hover{color:#fff;}
.changetheme a:hover:after{opacity:1;}
.themeon{color:#fff;}
.themeon:after{background:var(--zy-hover);}
.zy-style a.green:after{background:#439b6b;}
.zy-style a.red:after{background:#ff2a14;}
.zy-style a.purple:after{background:#b312d3;}
.zy-style a.yellow:after{background:#f5ab75;}
.zy-style a.indigo:after{background:#00cc4c;}
.zy-style{display:none;}
.zy-style.expand{display:block;}
.zy-style.expand a {transform: scale(1);transition: all 0.5s ease;}
@keyframes expand {0% {transform: scale(1);}100% {transform: scale(1.2);}}
.themeon:after{transition: background-color 0.5s ease;animation: expand 1s ease infinite alternate;}
@media (max-width:767px){
    .zy-fun{right:20px;}
}
/*首页*/
@keyframes yidong{0%{background-position:-300px -300px}
25%{background-position:-600px -600px}
50%{background-position:-300px -600px}
75%{background-position:-900px -900px}
100%{background-position:-300px -300px}
}.banner{display:flex;width:100%;align-items:center;text-align:center;background-size:cover;background-repeat:no-repeat;background-position:top;color:#fff}
.banner-inner{width:100%;z-index:1;color:var(--zy-color)}
.banner-inner h1{display:block;font-size:22px;}
.index-banner{min-height: 140px;position:relative;background-repeat: repeat;background-image:url("../assets/indexbanner1.webp");animation: yidong 10s infinite ease-in-out;}
.index-banner:after{position:absolute;left:0;top:0;content:"";height:100%;width:100%;}
.a-tit{display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;padding:10px 0 5px 0;}
.index-block .a-tit{padding:20px 0 10px 0;}
.index-block .a-tit h2{font-size:20px;}
.a-tit h2{font-size:18px;font-weight:bold;display: inline-flex;align-items: center;}
.a-tit h2 i{margin-right:2px;font-size:24px;color:var(--zy-hover);}
.a-tit span{color:hsla(0,0%,100%,.6);padding:0 5px 0 10px;border-radius:5px;display:flex;align-items:center;transform: skewX(-5deg);}
.a-tit .tabs a{display:inline-block;margin-left:10px;padding:0 10px;color:#7fffd4;}
.a-tit .tabs a:nth-child(1){margin-left:0;}
.a-tit .tabs a.active{color:var(--zy-hover);background:var(--zy-bggray-on);border-radius:5px;line-height:30px;}
.tab-con .none{display:none;}
.a-con{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 15px;line-break: anywhere;}
@media (max-width:767px){
    .a-con{grid-template-columns:repeat(3,1fr);gap:15px 10px}
    .a-tit .tabs a{margin-left:0px;}
}.a-con-inner{position:relative;overflow:hidden;}
.a-con-inner .pic{position:relative;aspect-ratio: 0.675;}
.a-con-inner .pic img{border-radius:5px;object-fit:cover;height:100%;width:100%;}
.a-con-inner .pic:hover span.s5{display:block}
.a-con-inner:after{content:"12";position:absolute;right:5px;top:5px;display:none}
.a-con-inner span{display:block;}
.a-con-inner span.s1,.a-con-inner span.s2,.a-con-inner span.s5 b.zy{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.a-con-inner span i{font-style:normal}
.a-con-inner span i:before{content:' '}
.a-con-inner span.s1{font-size:16px;margin-top:5px;}
.a-con-inner span.s2{font-size:12px;}
.a-con-inner span.s2 a{color:var(--zy-gray);}
.a-con-inner span.s2 a:hover{color:var(--zy-hover);}
.a-con-inner span.s3{position:absolute;top:0;left:0;padding:1px 5px;border-radius:5px 0 5px 0;color:var(--zy-white);font-size:12px;font-weight:bold;background-color:rgba(var(--zy-hover-rgb),.9)}
.a-con-inner span.s4{position:absolute;bottom:0;left:0;padding:1px 5px;border-radius:0 5px 0 5px;font-size:13px;color:#c2c6d0;background:rgba(0,0,0,.8)}
.a-con-inner span.s5{-webkit-transform:translateZ(0);font-size:12px;color:var(--zy-gray);background:transparent;z-index:2;position:absolute;bottom:0;display:none;width:100%;line-height:22px;padding:10px 5px;}
.a-con-inner span.s5 b{display:block;font-weight:normal;}
.a-con-inner span.s5>b:nth-child(2){margin-top:5px;}
.a-con-inner span.s5 b a{background-color:var(--zy-bggray);border-radius:2px;padding:2px 5px;color:var(--zy-gray)}
.a-con-inner span.s5 b.jj{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:normal;}
.a-con-inner span.s6{position:absolute;left:0px;top:0px;font-weight:bold;height:50px;width:40px;color:#fff;;text-align:center;z-index: 1;overflow: hidden;font-size:30px;font-family:impact;border-radius:5px;}
.a-con-inner span.s6:after{content: '';position: absolute;left: -100%;top: -44%;z-index: -1;height: 150%;width: 150%;border-radius: 16px;transform: rotateZ(45deg); background:var(--zy-line);border-radius:10px;}
.a-con-inner:nth-child(1) span.s6:after{background:#fc4274}
.a-con-inner:nth-child(2) span.s6:after{background:#ff8155}
.a-con-inner:nth-child(3) span.s6:after{background:#fcb80a}
.index-block2 .a-con{display:grid;grid-template-rows:repeat(1,1fr);gap:20px}
@media (max-width:767px){
    .a-con-inner .pic:hover span.s5{display:none}
    .a-con-inner span.s1{font-size:14px;}
}
/*分类筛选页*/
.category{background: var(--zy-bggray);padding: 15px;margin-top: 15px;border-radius: 5px;}
.category dl{display: flex;position: relative;line-height: 30px;
align-items: baseline;padding-top: 10px;border-bottom: 1px solid var(--zy-bggray-on);
}
.category dl .screen-tog{display:inline-block;position:absolute;right:0;text-align:right;}
.category dl dt{white-space: nowrap;margin-right: 10px;}
.category dl dt h2{background:var(--zy-bggray-on);font-size: 14px;font-weight: 700;
border-radius: 5px;padding: 0 10px;display: inline-block;line-height: 30px;}
.category dl dd{margin-bottom:5px;flex:1;padding-right:40px;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.category dl dd a{ padding: 0 10px; white-space: nowrap;display: inline-block;margin-right:5px;margin-bottom:5px;}
.category dl dd a.active,.category dl dd a:hover{background:var(--zy-bggray-on);border-radius: 5px;}
.category p{text-align: center;color: var(--zy-gray);border-radius: 20px;margin-top:10px;}
.category-con{margin-bottom: 30px;}
.page{text-align: center;line-height: 30px;}
.page a{display: inline-block;line-height: 30px;background: var(--zy-bggray);
 min-width: 30px;   border-radius: 50px;margin: 0 2px;}
.page .page-active{background: var(--zy-hover);color: var(--zy-white);}
.page .page-unactive{text-decoration: line-through;}
.page-first,.page-prev,.page-next,.page-last{padding: 0 20px;}
@media (max-width:767px){
    .category dl dd{display: inline-flex;overflow: auto;}
    .page a:not(.page-first,.page-prev,.page-next,.page-last){display: none;}
    .category dl .screen-tog{display:none;}
    .category dl dd{padding-right:0;}
}
/*搜索结果*/
.search-con{position:relative;}
.search-con .res{text-align:center;padding:25px 0 40px 0;}
.search-con .res h1{font-weight:bold;font-size:26px;}
.search-con .res p{color:var(--zy-gray);}
.search-con ul{display:grid;grid-template-columns: repeat(2,1fr);
    gap: 20px;line-break: anywhere;}
.search-con ul li{position:relative;display: flex;justify-content:space-between;
    background: var(--zy-bggray);padding: 15px;border-radius: 5px;overflow: hidden;
}
.search-con ul li .pic{max-width:155px;margin-right:15px;inline-size: fit-content;}
.search-con ul li .pic a{display:block;position:relative;}
.search-con ul li .pic img{border-radius: 5px;min-width:150px;}
.search-con ul li .info{position:relative;line-height:30px;overflow: hidden;flex:auto}
.search-con ul li .info p{white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.search-con ul li .info p span{font-weight:bold;color:var(--zy-gray);}
.search-con ul li .info p:nth-child(1){margin-bottom:10px;}
.search-con ul li .info p:nth-child(1) a{font-size:16px;font-weight:bold;}
.search-con ul li .info p:nth-child(2) span{text-overflow:ellipsis;overflow:hidden;padding:2px 10px;border-radius: 5px;background:var(--zy-bggray-on);margin-right:5px;font-weight:normal;}
.search-con ul li .info p:nth-child(2) span.vod_score{color:var(--zy-hover);}
.search-con ul li .info p:nth-child(2) span:hover{background:transparent;}
.search-con ul li .info p:nth-child(2) span:nth-child(2) a:after,.search-con ul li .info p:nth-of-type(4) a:after,.search-con ul li .info p:nth-child(2) span:nth-child(1) a:after{content: "/";padding: 0 4px;color: var(--zy-line);display: inline-block;}
.search-con ul li .info p:nth-child(2) span:nth-child(2) a:last-of-type:after,.search-con ul li .info p:nth-child(2) span:nth-child(1) a:last-of-type:after{display:none;}
.search-con ul li .info p:nth-of-type(3) a:last-of-type:after,.search-con ul li .info p:nth-of-type(4) a:last-of-type:after{display:none;}
.search-con ul li .info p:nth-child(5){display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;}
.search-con ul li .info p:nth-child(3) a{color:var(--zy-gray)}
.search-con ul li .info p:nth-child(3) a:hover{color:var(--zy-hover)}
.search-con ul li .info p:last-of-type{margin-top:10px;}
.search-con ul li .info p:last-of-type a{background: linear-gradient(90deg,var(--zy-hover-1),var(--zy-hover));border-radius: 20px;padding:0 15px;line-height:30px;display: inline-block;display:inline-flex;align-items:center;}
.search-con ul li .info p:last-of-type a i{font-size:20px;}
.search-con ul li .info p:last-of-type a:hover{color:#fff;}
.search-con ul li .state{position:absolute;right:0;top:0;
    color: var(--zy-gray);background:var(--zy-bggray-on);
    border-radius: 0px 5px 0px 5px;line-height:30px;padding: 0 10px;background: rgba(50,50,60,0.8);
}
@media (max-width:767px){
    .search-con ul{
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    .search-con ul li .pic{max-width: 100px;}
    .search-con ul li .info{line-height:25px;}
    .search-con ul li .pic img{min-width:100px;}
}
/*影视详情页*/
.movbox{display:block;width:100%;z-index:1;background:linear-gradient(to bottom,rgba(14,20,16,0) 0%,rgba(14,20,16,.92) 100%);}
.movbox .cover{position: absolute;width: 100%;min-height: 150%;background-size: cover;background-repeat: no-repeat;
z-index: -1;filter: blur(10px);opacity: 0.8;}
.movbox .info{padding:15px 0 5px 0;}
.info .pic img{border-radius:5px;border:2px solid var(--zy-color);margin-bottom:10px;max-width:150px;
box-shadow:0 2px 5px 0 var(--zy-white);}
.info .pic{text-align:center;position:relative;}
.info .pic .vod_score{position:absolute;top:2px;left:2px;padding:1px 5px;border-radius:5px 0 5px 0;color:var(--zy-white);font-size:12px;font-weight:bold;background-color:rgba(var(--zy-hover-rgb),.9)}
.info .con .p1{text-align:center;}
.info .con .p1 .tit{font-size:30px;font-weight:bold;-webkit-line-clamp:2;line-height:1.3}
.info .con .p1 .ftit{color:var(--zy-gray);margin-bottom:5px;}
.info .con .p1 p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.info .con .p1 .type{display:flex;justify-content: center;}
.info .con .p1 .type span{display:inline-block;padding:0 10px;border-radius:5px;background:var(--zy-bggray-on);margin-right:5px}
/*.info .con .p1 .type span:nth-of-type(1) a{color:var(--zy-hover);}*/
.info .con .p1 .type span:nth-of-type(2){max-width:60%;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.info .con .p1 .type span:hover{background:transparent}
.info .con .p1 .type span:nth-of-type(2) a:after,.info .con .p2 .daoyan a:after,.info .con .p2 .zhuyan a:after{display:inline-block;content:"/";padding:0 4px;color:var(--zy-line)}
.info .con .p1 .type span:nth-of-type(2) a:last-of-type:after{display:none}
.info .con .p1 .play{margin-top:10px}
.info .con .p1 .play a{background:linear-gradient(90deg,var(--zy-hover-1),var(--zy-hover));border-radius:20px;padding:0 20px;line-height:35px;display:inline-flex;align-items:center;font-size:16px}
.info .play a:hover{color:var(--zy-white);}
.info .con .p2 span.name{font-weight:bold;color:var(--zy-gray);}
.info .con .p2 .zhuyan{word-break: break-all;}
.info .con .p2 .daoyan a:last-of-type:after,.info .con .p2 .zhuyan a:last-of-type:after{display:none}
.info .con .p2{text-align:left;margin-top:10px;}
.toggle-content{color:var(--zy-hover)}
@media (max-width:767px){
    .info .con .p1 .type{line-height:30px}
    .movbox .info{text-align:center;}
    .info .pic{display:inline-block;}
}
@media (min-width:767px){
    .movbox .info{padding:30px 0 10px 0;display:flex;line-height:30px;}
    .info .pic,.info .con .p1{text-align:left;}
    .info .pic{margin-right:20px;}
    .info .pic img{max-width:200px;}
    .info .con .p1 .type{justify-content: normal;}
}
/*播放页面*/
.playbox{display:flex;margin-top:15px;}
.player{width:70%;position:relative;}
.tips-box{position:absolute;left:0;top:10px;z-index:3;border-radius:5px;line-height:30px;
    height: 30px;overflow: hidden; padding:0 15px;font-size: 12px;width:100%;}
.tips-box li{display: flex;align-items: center;}
.tips-box li i{color:var(--zy-hover);margin-right:2px;display:inline-block}
.tips-close-btn{float:right;position:absolute;right:15;z-index:4}
.player .player-wrapper{width:100%;height:450px;}
.player .player-info{background:var(--zy-black);padding:15px;display:flex;justify-content: space-between;align-items: center;}
.player .player-info .minfo{line-height:30px;width:66%;}
.player .player-info .minfo .name{font-size:24px;margin-bottom:10px;font-weight:bold;}
.player .player-info .minfo .tag span{padding:0 10px;background:var(--zy-bggray-on);border-radius:5px;margin-right:10px;
    line-height: 30px;display: inline-block;
}
.player .player-info .minfo .tag span.type a:after {
    display: inline-block;
    content: "/";
    padding: 0 4px;
    color: var(--zy-line);
}
.player .player-info .minfo .tag span.type a:last-of-type:after{display:none;}
.player .player-info .mdo span{align-items: center;display: inline-flex;margin-right: 10px;}
.player .player-info .mdo a{display:inline-block;border:solid 1px var(--zy-line);
    border-radius: 5px;text-align: center;
    color:var(--zy-gray);width: 64px;
    height: 64px;
}
.player .player-info .mdo .switch{display:none;}
.player .player-info .mdo .share{margin-right:0;}
.player .player-info .mdo .mobile{position:relative;}
.player .player-info .mdo .mobile .qrcode-img{position:absolute;bottom:74px;left:-23px;z-index:999;display:block;border-radius:5px;background:var(--zy-bggray);display:none;padding:10px;text-align:center;width:110px;margin-right:0;}
.player .player-info .mdo .mobile .qrcode-img img{width:90px;height:90px;}
.player .player-info .mdo a:hover{color:var(--zy-hover);background:var(--zy-bggray-on)}
.player .player-info .mdo a i{font-size:24px;}
.player .player-info .mdo a h3{font-size:14px;font-weight:normal;}
.jisu{display: grid; grid-template-columns: repeat(2,1fr);gap: 15px;width:18%;
    padding: 15px;background: var(--zy-bggray);grid-auto-rows: min-content;
    height: 550px;overflow-y: auto;
}
.jisu a{padding:0 10px;background:var(--zy-bggray-on);border-radius:5px;
    line-height: 35px;display: inline-block;text-align:center;position:relative;}
.xianlu{display: grid; grid-template-columns: repeat(1,1fr);gap: 15px;width:12%;
    padding: 15px;background: var(--zy-bggray);grid-auto-rows: min-content;border-left:1px solid var(--zy-bggray-on);
    height: 550px;overflow-y: auto;
}
.xianlu a{
    padding:0 10px;background:var(--zy-bggray-on);border-radius:5px;
    line-height: 35px;display: inline-block;text-align:center;position: relative;
}
.xianlu a small{position:absolute;top:0;right:0;border-radius: 0 5px 0 5px;transform: scale(.8);transform-origin: top right;
font-weight: 400;background: rgba(255, 255, 255, .05);padding: 0 6px 0 5px;height:20px;line-height:20px;font-size: 12px;text-align:center;}
.jisu a:hover,.xianlu a:hover,.jisu a.active,.xianlu a.active{background:transparent;}
.ysinfo{display:none;margin-top:15px;}
@keyframes playon {
    0% {
        height: 70%
    }

    50% {
        height: 100%
    }

    100% {
        height: 35%
    }
}
.playon {
    height: 8px;
    position: absolute;
    left: calc(50% - 11px);
    bottom: 0;
}
.playon i {
    width: 4px;
    height: 6px;
    border-radius: 5px 5px 0 0;
    background-color: var(--zy-hover);
    position: absolute;
    bottom: 0;
    left: 0;
}
.playon i:nth-last-child(1) {
    animation: playon .8s .3s infinite;
}
.playon i:nth-last-child(2) {
    animation: playon .8s .1s infinite;
    left: 6px;
}
.playon i:nth-last-child(3) {
    animation: playon .6s .2s infinite;
    left: 12px;
}
.playon i:nth-last-child(4) {
    animation: playon 1s .3s infinite;
    left: 18px;
}
.mxianlu{display:none;}
@media (max-width:767px){
    .playbox{margin-top:0}
    .playbox,.player .player-info{display:block;}
    .player{width:100%;}
    .player .player-info{padding:0;background:transparent;padding:10px 0;}
    .player .player-info .mdo{display:flex;justify-content:space-between;margin-top:10px;align-items:center;}
    .player .player-info .mdo span:nth-of-type(2){display:none;}
    .player .player-info .mdo .switch{display:inline-block;position:relative;}
    .player .player-info .mdo span:last-of-type{margin-right:0}
    .player .player-info .mdo span h3{display:none;}
    .player .player-info .mdo a{height:auto;}
    .player .player-wrapper{width:auto;height:220px;margin: 0 -10px;}
    .tips-box{padding:0px;top:5px;left:0;}
    .tips-close-btn{right:0;}
    .jisu,.xianlu{display:block;width:100%;overflow:auto;white-space: nowrap;background:transparent;
        padding: 0;height: auto;padding-bottom: 10px;
    }
    .jisu a,.xianlu a{margin-right:10px;margin-top:10px;}
    .jisu a:hover,.xianlu a:hover,.jisu a.active,.xianlu a.active{background:var(--zy-bggray-on);}
    .xianlu{border:none;display:none;}
    .ysinfo{display:block;margin-top:5px;}
    .player .player-info .mdo .switch .mxianlu{display:none;position:absolute;right:0;top:50px;z-index:3;
        padding:12px;grid-template-columns: repeat(2,1fr);gap: 12px;background: rgba(37,37,43,.8);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border-radius: 5px;
    }
    .player .player-info .mdo .switch .mxianlu a{display:block;color:var(--zy-white);background:var(--zy-bggray-on);line-height:30px;text-align:left;text-align: center;border: none;padding:0 20px 0 10px;white-space: nowrap;width: auto;
    }
    .player .player-info .mdo .switch .mxianlu a{position:relative;}
    .player .player-info .mdo .switch .mxianlu a.active{background:var(--zy-hover);}
    .player .player-info .mdo .switch .mxianlu a small{position:absolute;top:0;right:0;border-radius: 0 5px 0 5px;transform: scale(.8);transform-origin: top right;
font-weight: 400;background: rgba(255, 255, 255, .05);padding: 0 6px 0 5px;height:20px;line-height:20px;font-size: 12px;text-align:center;}
    .player .player-info .mdo .switch .mxianlu:after{
        position: absolute;
        top: -8px;
        right:12px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid var(--zy-hover);
        content: '';
        display: block;
        z-index: 3;
    }
    .player .player-info .minfo{width:100%;}
    .player .player-info .minfo .name{font-size:20px;}
}
/*排行榜*/
.rank-box{border-radius: 15px;position:relative;}
.rank-bg{position:absolute;content:"";right:-10px;top:-30px;}
.rank-bg i{font-size:100px;color:var(--zy-bggray-on);}
.rank-cycle{display:flex;justify-content:center;padding-bottom:20px;}
.rank-cycle a{font-size:16px;padding:0 15px;position:relative;}
.rank-cycle a.active:after,.rank-cycle a:hover:after{content:"";position:absolute;width:30%;height:3px;border-radius:10px;bottom:-5px;left:35%;background:var(--zy-hover);}
.rank-con{line-height:30px;}
.rank-con ul{position:relative;display:flex;flex-wrap: wrap; justify-content:space-between;}
.rank-con ul li{display:flex; justify-content:space-between; align-items:center;position:relative;width:48%;border-radius:5px;padding:15px; }
.rank-con-l{position:absolute;left:15px;top:15px;font-weight:bold;height:50px;width:40px;color:#fff;;text-align:center;z-index: 1;overflow: hidden;font-size:30px;font-family:impact;border-radius:5px;}
.rank-con-l p{margin-top:10px;}
.rank-con-l:after{content: '';position: absolute;left: -100%;top: -44%;z-index: -1;height: 150%;width: 150%;border-radius: 16px;transform: rotateZ(45deg); background:var(--zy-line);border-radius:10px;}
.rank-con ul li:nth-of-type(1) .rank-con-l:after{background:#fc4274}
.rank-con ul li:nth-of-type(2) .rank-con-l:after{background:#ff8155}
.rank-con ul li:nth-of-type(3) .rank-con-l:after{background:#fcb80a}
.rank-con-m{display:flex; justify-content:space-between;flex:1;margin-right:10px;}
.rank-con-m .pic{aspect-ratio: 120/168;margin-right:10px;position:relative;}
.rank-con-m img{max-width:120px;border-radius:5px;object-fit: cover;height:100%;width:100%;}
.rank-con-m .info{flex:1;}
.rank-con-m .info p{color:var(--zy-gray)}
.rank-con-m .info p:nth-of-type(1){font-size:16px;}
.rank-con-m .info p:nth-of-type(2){display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-all;line-height:1.6;margin:10px 0 5px 0;}
.rank-con-m .info p:nth-of-type(3) a{color:var(--zy-gray)}
.rank-con-m .info p:nth-of-type(3) a:hover{color:var(--zy-hover);}
.rank-con-m .info p:nth-of-type(4) span.score{color:var(--zy-hover);margin-right:5px;}
.rank-con-r{text-align:center;color:var(--zy-gray);font-size: 12px;}
.rank-con ul li:nth-of-type(1) .rank-con-r p:nth-of-type(1){color:#fc4274}
.rank-con ul li:nth-of-type(2) .rank-con-r p:nth-of-type(1){color:#ff8155}
.rank-con ul li:nth-of-type(3) .rank-con-r p:nth-of-type(1){color:#fcb80a}
.rank-con-r p:nth-of-type(1){font-size:20px;font-weight:bold;transform: skewX(-5deg);}
@media (max-width:767px){
    .rank-con-m img{max-width:90px;}
    .rank-con{line-height:22px;}
    .rank-con ul li{padding:15px;width:100%;}
    .rank-con ul li:after{height: 0.5px;background:var(--zy-bggray-on);content:"";bottom:0;position:absolute;left:0;width:100%;left:0;}
    .rank-con ul li:last-of-type:after{background:none;}
    .rank-con-r{padding-right:10px;}
    .rank-con-m .info p:nth-of-type(3){font-size:12px;}
}

/*其他补充*/
.tag-new{font-weight:normal;color:#ff8155;margin-left:3px;position:relative;}
.tag-new:after{display:inline-block;content:"新";}
.mjio-swiper{display:flex;overflow:hidden}
.mjio-swiper .swiper-wrapper{gap:0;}



/* ===== merged: theme.css ===== */
/* =========================================================
   AVLOG 全新绿色主题 GreenForge v5
   从零设计的视觉系统：墨绿页底 · 翠绿强调 · 扁平无发光
   ========================================================= */

:root {
  /* 主色 */
  --g-50:  #e8faf0;
  --g-100: #b8f0d0;
  --g-200: #6ee7a8;
  --g-300: #34d399;
  --g-400: #10b981;
  --g-500: #00c853;   /* 主绿 */
  --g-600: #00a844;
  --g-700: #047857;
  --g-800: #065f46;
  --g-900: #064e3b;

  /* 页面 */
  --bg:        #0a100d;
  --bg-elev:   #101a14;
  --bg-soft:   rgba(16, 40, 28, 0.45);
  --bg-chip:   rgba(255, 255, 255, 0.035);
  --bg-chip-h: rgba(0, 200, 83, 0.10);

  /* 边线 */
  --line:      rgba(255, 255, 255, 0.08);
  --line-mid:  rgba(255, 255, 255, 0.12);
  --line-g:    rgba(0, 200, 83, 0.28);
  --line-g-soft: rgba(0, 200, 83, 0.15);

  /* 文字 */
  --tx:     rgba(255, 255, 255, 0.92);
  --tx-2:   rgba(200, 220, 208, 0.68);
  --tx-3:   rgba(180, 200, 190, 0.42);

  /* 尺寸 */
  --r:    10px;
  --r-sm: 6px;
  --r-lg: 14px;
  --max:  1240px;
  --pad:  clamp(12px, 2.2vw, 20px);
  --gap:  14px;

  /* 兼容旧变量 */
  --zy-hover: var(--g-500);
  --zy-hover-rgb: 0, 200, 83;
  --zy-hover-1: var(--g-300);
  --zy-color: var(--tx);
  --zy-gray: var(--tx-2);
  --zy-bgcolor: var(--bg);
  --zy-bggray: transparent;
  --zy-bggray-on: var(--bg-chip);
  --zy-white: #fff;
  --zy-black: #000;
  --zy-line: var(--line);
}

/* ========== Reset & Base ========== */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 14px; -webkit-text-size-adjust: 100%; }
html, body.body {
  margin: 0;
  min-height: 100%;
  background: var(--bg) !important;
  color: var(--tx);
  line-height: 1.55;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  text-shadow: none !important;
}
a { color: var(--tx); text-decoration: none; }
a:hover { color: var(--g-400); }
img { max-width: 100%; vertical-align: middle; }
button, input, select { font: inherit; color: inherit; }

body.body .main { background: transparent !important; }
body.body .container {
  width: 100% !important;
  max-width: var(--max) !important;
  margin: 0 auto !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
}

/* 全局关掉发光/投影干扰 */
body.body .hub-section,
body.body .vod-category-panel,
body.body .vod-list-page-panel,
body.body .search-content-panel,
body.body .play-like-section,
body.body .home-friend-links,
body.body .a-con-inner,
body.body .home-video-category-grid a,

/* ========== Header ========== */
body.body .header.site-header,
body.body .site-header {
  position: relative;
  top: auto;
  z-index: 200;
  background: rgba(10, 16, 13, 0.92) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line-g-soft) !important;
  box-shadow: none !important;
}
body.body .site-header-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  max-width: var(--max);
  margin: 0 auto;
  padding: 8px var(--pad);
}
body.body .site-brand a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.02em;
  color: var(--tx);
}
body.body .site-brand img { height: 30px; width: auto; border-radius: 4px; }
body.body .site-brand .name {
  background: linear-gradient(90deg, var(--g-400), var(--g-300));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* ========== 面板组件 ========== */
body.body .hub-section,
body.body .vod-category-panel,
body.body .vod-list-page-panel,
body.body .search-content-panel,
body.body .play-like-section,
body.body .home-friend-links,
body.body .vod-keyword-panel {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 var(--gap) !important;
  padding: 16px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-lg) !important;
  background: var(--bg-soft) !important;
  background-image: none !important;
  overflow: hidden !important;
}
/* 左侧实心绿条（无发光） */
body.body .hub-section::before,
body.body .vod-category-panel::before,
body.body .vod-list-page-panel::before,
body.body .vod-keyword-panel::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 3px !important;
  background: var(--g-500) !important;
  border-radius: 0 2px 2px 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* 标题条 */
body.body .hub-section-head,
body.body .a-tit.home-list-heading,
body.body .home-list-heading,
body.body .home-friend-links__heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 36px !important;
  margin: 0 0 14px !important;
  padding: 0 2px 0 12px !important;
  border: none !important;
  border-left: 3px solid var(--g-500) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.body .hub-section-head h1,
body.body .hub-section-head h2,
body.body .a-tit h1,
body.body .home-list-heading h1,
body.body .home-friend-links__heading h2 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  color: var(--tx) !important;
  letter-spacing: 0.03em !important;
}
body.body .hub-section-head h1::before,
body.body .hub-section-head h2::before,
body.body .a-tit h1::before {
  display: none !important;
  content: none !important;
}
body.body .hub-section-head > a,
body.body .hub-section-head .hub-section-actions a,
body.body .home-friend-links__heading a {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  padding: 0 12px !important;
  border: 1px solid var(--line-g) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--g-400) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
body.body .hub-section-head > a:hover,
body.body .home-friend-links__heading a:hover {
  background: var(--bg-chip-h) !important;
  border-color: var(--g-500) !important;
  color: var(--g-300) !important;
}

/* ========== 首页布局 ========== */
body.body .hub-wrap {
  max-width: var(--max);
  margin: 0 auto;
  padding: 16px var(--pad) 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* 网址条 */
body.body .hub-url-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: var(--gap);
}
body.body .hub-url-nav a {
  height: 30px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--bg-chip);
  color: var(--tx-2);
  font-size: 12px;
}
body.body .hub-url-nav a:hover {
  color: var(--g-300);
  border-color: var(--line-g);
  background: var(--bg-chip-h);
}

/* 双搜索 */
body.body .hub-search {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: var(--gap);
}
body.body .hub-search form {
  display: flex;
  height: 44px;
  border: 1px solid var(--line-mid);
  border-radius: var(--r);
  overflow: hidden;
  background: var(--bg-elev);
}
body.body .hub-search form:focus-within {
  border-color: var(--line-g);
}
body.body .hub-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 0 14px;
  background: transparent;
  color: var(--tx);
}
body.body .hub-search input::placeholder { color: var(--tx-3); }
body.body .hub-search button {
  border: 0;
  padding: 0 18px;
  background: var(--g-500);
  color: #04140a;
  font-weight: 750;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
body.body .hub-search button:hover { background: var(--g-300); }

/* 快捷入口 */

/* ========== 视频卡片网格 ========== */
body.body .category-con,
body.body .home-latest-video-list,
body.body .search-con {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
body.body .category-con::before,
body.body .home-latest-video-list::before {
  display: none !important;
  content: none !important;
}
body.body .category-con .a-con,
body.body .home-latest-video-list .a-con,
body.body .search-con .a-con,
body.body .search-content-panel .search-con > .a-con,
body.body .play-like-section .category-con .a-con {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.body .category-con .a-con-inner,
body.body .home-latest-video-list .a-con-inner,
body.body .search-con .a-con-inner {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  transform: none !important;
}
body.body .category-con .pic,
body.body .home-latest-video-list .pic,
body.body .search-con .pic {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: var(--r) !important;
  overflow: hidden !important;
  background: var(--bg-elev) !important;
  border: 1px solid var(--line) !important;
}
body.body .category-con .pic img,
body.body .home-latest-video-list .pic img,
body.body .search-con .pic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .25s ease !important;
}
body.body .category-con .a-con-inner:hover .pic img {
  transform: scale(1.04) !important;
}
body.body .category-con .pic .bofang {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(0, 200, 83, 0.88) !important;
  color: #04140a !important;
  font-size: 16px !important;
  opacity: 0 !important;
  transition: opacity .18s !important;
  pointer-events: none !important;
  text-shadow: none !important;
}
body.body .category-con .a-con-inner:hover .pic .bofang {
  opacity: 1 !important;
}
body.body .category-con .s1,
body.body .home-latest-video-list .s1 {
  margin-top: 8px !important;
  padding: 0 1px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: var(--tx) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  background: transparent !important;
}
body.body .category-con .s1 a { color: inherit !important; }
body.body .category-con .s1 a:hover { color: var(--g-300) !important; }
body.body .category-con .vod-time {
  margin-top: 3px !important;
  font-size: 11px !important;
  color: var(--tx-3) !important;
  background: transparent !important;
}
body.body .category-con .s2 {
  margin-top: 5px !important;
  background: transparent !important;
}
body.body .category-con .s2 a {
  display: inline-block !important;
  padding: 2px 7px !important;
  border: 1px solid var(--line-g) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--g-400) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
body.body .a-con-inner span.s5 {
  background: rgba(8, 14, 10, 0.94) !important;
  backdrop-filter: none !important;
}

/* ========== 分类按钮 10/4 ========== */
body.body .home-video-category-grid {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 8px !important;
  background: transparent !important;
}
body.body .home-video-category-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 6px 4px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-sm) !important;
  background: var(--bg-chip) !important;
  color: var(--tx) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  transition: border-color .12s, background .12s, color .12s !important;
}
body.body .home-video-category-grid a:hover {
  border-color: var(--line-g) !important;
  background: var(--bg-chip-h) !important;
  color: var(--g-300) !important;
}
body.body .home-video-category-grid a::before,
body.body .home-video-category-grid a::after {
  display: none !important;
  content: none !important;
}

/* ========== 关键词：扁平标签，无发光 ========== */




/* ========== 小说 ========== */
body.body .hub-novel-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body.body .hub-novel {
  display: block !important;
  padding: 12px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-sm) !important;
  background: var(--bg-chip) !important;
  color: var(--tx) !important;
  transition: border-color .12s, background .12s !important;
}
body.body .hub-novel:hover {
  border-color: var(--line-g) !important;
  background: var(--bg-chip-h) !important;
  color: var(--g-300) !important;
  transform: none !important;
}
body.body .hub-novel::before,
body.body .hub-novel::after {
  display: none !important;
  content: none !important;
}
body.body .hub-novel h3 {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ========== 友链 ========== */
body.body .home-friend-links__list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
body.body .home-friend-links__list a {
  height: 30px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: var(--bg-chip) !important;
  color: var(--tx-2) !important;
  font-size: 12px !important;
}
body.body .home-friend-links__list a:hover {
  color: var(--g-300) !important;
  border-color: var(--line-g) !important;
  background: var(--bg-chip-h) !important;
}

/* ========== 列表页：双独立框 ========== */
body.body .container.vod-search-page {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--gap) !important;
  padding-top: 16px !important;
  padding-bottom: 24px !important;
}
body.body .vod-list-page-panel .block.category-con,
body.body .vod-list-page-panel .home-latest-video-list,
body.body .vod-list-page-panel .res {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
body.body .vod-list-page-panel .page-count {
  margin: -4px 0 12px !important;
  font-size: 12px !important;
  color: var(--tx-2) !important;
}
body.body .vod-list-page-panel .page-count strong {
  color: var(--g-400) !important;
  font-weight: 700 !important;
}

/* ========== 分页 ========== */
body.body .mac_pages,
body.body .page_info,
body.body .pages {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 18px !important;
  background: transparent !important;
}
body.body .mac_pages a,
body.body .mac_pages span,
body.body .page_info a,
body.body .page_info span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-sm) !important;
  background: var(--bg-chip) !important;
  color: var(--tx) !important;
  font-size: 12px !important;
}
body.body .mac_pages a:hover,
body.body .mac_pages .active,
body.body .page_info .active {
  border-color: var(--line-g) !important;
  background: var(--bg-chip-h) !important;
  color: var(--g-300) !important;
}

/* ========== 页脚 ========== */
body.body .footer {
  margin-top: 24px !important;
  padding: 20px 0 16px !important;
  border: none !important;
  border-top: 1px solid var(--line) !important;
  background: transparent !important;
}
body.body .footer .container,
body.body .footer .footer-block {
  max-width: var(--max) !important;
  margin: 0 auto !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
  background: transparent !important;
  border: none !important;
}
body.body .footer-block .copyright,
body.body .footer-block .sitemap {
  color: var(--tx-3) !important;
  font-size: 12px !important;
  text-align: center !important;
}

/* ========== 播放页 ========== */
body.body .jisu a,
body.body .xianlu a {
  background: var(--bg-chip) !important;
  border: 1px solid var(--line) !important;
  color: var(--tx) !important;
  border-radius: var(--r-sm) !important;
}
body.body .jisu a:hover,
body.body .xianlu a:hover,
body.body .jisu a.active,
body.body .xianlu a.active {
  background: var(--bg-chip-h) !important;
  border-color: var(--line-g) !important;
  color: var(--g-300) !important;
}
body.body .playbox,
body.body .player-info,
body.body .jisu,
body.body .xianlu {
  background: transparent !important;
}

/* ========== 广告条 ========== */
body.body .vip-nav-area,
body.body .vip-text-area {
  max-width: var(--max);
  margin: 0 auto var(--gap);
  padding: 14px var(--pad);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: var(--bg-soft);
}
body.body .vip-nav-heading span,
body.body .vip-text-title {
  color: var(--g-400);
  font-weight: 700;
  font-size: 13px;
}
body.body .vip-nav-item,
body.body .vip-text-item {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--bg-chip);
}

/* ========== 响应式 ========== */
@media (max-width: 1100px) {
  body.body .category-con .a-con,
  body.body .home-latest-video-list .a-con,
  body.body .search-con .a-con,
  body.body .play-like-section .category-con .a-con {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  body.body .home-video-category-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body.body .hub-novel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  body.body .hub-search { grid-template-columns: 1fr; }
  body.body .category-con .a-con,
  body.body .home-latest-video-list .a-con,
  body.body .search-con .a-con,
  body.body .play-like-section .category-con .a-con {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.body .home-video-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  body.body .home-video-category-grid a {
    min-height: 34px !important;
    font-size: 11px !important;
  }
  body.body .hub-novel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.body .hub-section,
  body.body .vod-category-panel,
  body.body .vod-list-page-panel,
}
@media (max-width: 400px) {
  body.body .category-con .a-con,
  body.body .home-latest-video-list .a-con {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.body .home-video-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


/* ===== merged: fresh-content-system.css ===== */
/* AVLOG / FRESH CONTENT SYSTEM R2
   全新内容框体系：保留模板原有深色底与绿色强调色，替换旧版叠加式组件样式。 */
:root{
  --fresh-bg:#0a100d;
  --fresh-surface:#111a15;
  --fresh-surface-2:#16221a;
  --fresh-surface-3:#1b2a20;
  --fresh-line:rgba(135,190,151,.16);
  --fresh-line-strong:rgba(135,190,151,.3);
  --fresh-text:rgba(255,255,255,.94);
  --fresh-muted:rgba(226,239,229,.58);
  --fresh-green:var(--zy-hover,#00c853);
  --fresh-green-soft:rgba(0,200,83,.12);
  --fresh-radius:20px;
  --fresh-gap:clamp(16px,2vw,26px);
  --fresh-width:1320px;
}
html{scroll-behavior:smooth}
body.body{background:var(--fresh-bg);color:var(--fresh-text);overflow-x:hidden}
body.body .header.site-header,body.body .site-header{position:relative!important;top:auto!important;z-index:30;background:rgba(10,16,13,.96)!important;border-bottom:1px solid var(--fresh-line)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
body.body .site-header-inner{max-width:var(--fresh-width);min-height:68px;padding:10px 22px;gap:24px}
body.body .site-brand img{display:none!important}
body.body .site-brand a{font-size:22px;letter-spacing:.04em}
body.body .site-brand .name{background:none;color:var(--fresh-text);-webkit-text-fill-color:var(--fresh-text)}
body.body .site-main-nav{gap:6px}
body.body .site-nav-link{padding:9px 12px;border-radius:9px;color:var(--fresh-muted);font-size:13px;transition:.2s ease}
body.body .site-nav-link:hover{color:var(--fresh-green);background:var(--fresh-green-soft)}
body.body .site-search-form{height:42px;border:1px solid var(--fresh-line);border-radius:12px;background:#101913;overflow:hidden}
body.body .site-search-input{color:var(--fresh-text)!important;background:transparent!important}
body.body .site-search-submit{background:var(--fresh-green)!important;color:#07130b!important;border-radius:9px;margin:4px;padding:0 14px;font-weight:800}
body.body .main{min-height:60vh;padding:22px 0 44px}
body.body .container,body.body .hub-wrap{width:min(calc(100% - 36px),var(--fresh-width))!important;max-width:var(--fresh-width)!important;margin-inline:auto!important}
body.body .hub-wrap{display:flex;flex-direction:column;gap:var(--fresh-gap)}
/* 通用内容区：采用切角底板、顶部编号轨道和独立标题区，不再使用旧式统一圆框 */
body.body .hub-section:after,body.body .vod-category-panel:after,body.body .vod-list-page-panel:after,body.body .search-content-panel:after{
  content:"";position:absolute;z-index:-1;right:-64px;top:-88px;width:220px;height:220px;border:1px solid rgba(0,200,83,.08);border-radius:50%;box-shadow:0 0 0 24px rgba(0,200,83,.018),0 0 0 48px rgba(0,200,83,.012);pointer-events:none
}
body.body .hub-section-head,body.body .vod-category-panel .section-head,body.body .vod-list-page-panel .section-head,body.body .search-content-panel .section-head,body.body .a-tit.home-list-heading,body.body .home-list-heading,body.body .home-friend-links__heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:42px;margin:0 0 22px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid var(--fresh-line)!important
}
body.body .hub-section-head h2,body.body .vod-category-panel h2,body.body .vod-list-page-panel h2,body.body .search-content-panel h2{position:relative;margin:0!important;padding:0!important;border:0!important;color:var(--fresh-text);font-size:clamp(19px,2vw,25px)!important;font-weight:850!important;letter-spacing:-.035em}
body.body .hub-section-head h2:before,body.body .vod-category-panel h2:before,body.body .vod-list-page-panel h2:before,body.body .search-content-panel h2:before{content:"";display:inline-block;width:7px;height:22px;margin:0 11px 0 0;vertical-align:-4px;background:var(--fresh-green);border-radius:2px 7px 2px 7px;transform:skewY(-18deg)}
body.body .hub-section-head>a,body.body .hub-section-head .hub-section-actions>a,body.body .featured-v50-more{font-size:12px;color:var(--fresh-muted);transition:color .2s}
body.body .hub-section-head>a:hover,body.body .hub-section-head .hub-section-actions>a:hover{color:var(--fresh-green)}
/* 首页入口：由普通小卡改为横向快捷索引 */
body.body .hub-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px!important;background:var(--fresh-green-soft)!important;color:var(--fresh-green)!important;font-size:19px}
/* AI视频：与全站普通列表完全不同的沉浸式封面墙 */
body.body .ai-video-section{padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.body .ai-video-section:before,body.body .ai-video-section:after{display:none!important}
body.body .ai-video-more{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid rgba(151,220,170,.24);border-radius:8px;color:#b9d9c2;font-size:12px;white-space:nowrap;transition:.2s}
body.body .ai-video-more:hover{background:var(--fresh-green);border-color:var(--fresh-green);color:#07130b}
body.body .ai-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.body .ai-video-card{display:block;min-width:0;overflow:hidden;border:1px solid var(--fresh-line);border-radius:13px;background:#111b14;transition:transform .24s,border-color .24s,box-shadow .24s}
body.body .ai-video-card:hover{transform:translateY(-4px);border-color:rgba(0,200,83,.55);box-shadow:0 14px 28px rgba(0,0,0,.22)}
body.body .ai-video-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#17231a}
body.body .ai-video-poster:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.44));pointer-events:none}
body.body .ai-video-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
body.body .ai-video-card:hover .ai-video-poster img{transform:scale(1.055)}
body.body .ai-video-tag{position:absolute;z-index:2;left:11px;top:11px;display:inline-grid;place-items:center;min-width:34px;height:23px;padding:0 8px;border:1px solid rgba(154,255,184,.42);border-radius:5px;background:rgba(4,20,10,.82);color:#8df0ad;font-size:10px;font-weight:950;letter-spacing:.08em}
body.body .ai-video-play{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s}
body.body .ai-video-play i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,200,83,.88);font-size:20px;padding-left:3px}
body.body .ai-video-card:hover .ai-video-play{opacity:1}
body.body .ai-video-date{position:absolute;z-index:2;right:10px;bottom:9px;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-size:10px}
body.body .ai-video-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;padding:12px 13px}
body.body .ai-video-caption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.9);font-size:13px;font-weight:750}
body.body .ai-video-arrow{flex:0 0 auto;color:var(--fresh-green);font-size:17px;transition:transform .2s}
body.body .ai-video-card:hover .ai-video-arrow{transform:translate(2px,-2px)}
/* 最新视频卡片：独立于AI视频，恢复标准信息密度 */
body.body .category-con .a-con{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 13px}
body.body .category-con .a-con-inner{display:flex;flex-direction:column;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.body .category-con .a-con-inner .pic{position:relative;margin:0 0 9px;overflow:hidden;border-radius:10px;background:#17231a;aspect-ratio:16/10}
body.body .category-con .a-con-inner .pic a{display:block;width:100%;height:100%}
body.body .category-con .a-con-inner .pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
body.body .category-con .a-con-inner:hover .pic img{transform:scale(1.04)}
body.body .category-con .a-con-inner .s1{display:block;min-width:0;margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.5}
body.body .category-con .a-con-inner .s1 a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--fresh-text)}
body.body .category-con .a-con-inner .vod-time{color:var(--fresh-muted);font-size:10px}
body.body .category-con .a-con-inner .s2{align-self:flex-start;margin-top:6px;padding:3px 7px;border-radius:4px;background:var(--fresh-green-soft);color:#8de6a8;font-size:10px}
/* 分类和关键词：采用编号式扁平标签，避免旧版胶囊按钮观感 */
body.body .home-video-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
/* 小说：清爽的目录式列表，不沿用视频卡片 */
body.body .hub-novel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
body.body .hub-novel{display:flex;align-items:center;min-width:0;min-height:52px;padding:10px 4px!important;border:0!important;border-bottom:1px solid var(--fresh-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.body .hub-novel:before{content:"";flex:0 0 5px;width:5px;height:5px;margin-right:11px;border-radius:1px;background:var(--fresh-green);transform:rotate(45deg)}
body.body .hub-novel h3{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fresh-text);font-size:13px;font-weight:650}
body.body .hub-novel:hover h3{color:var(--fresh-green)}
/* 常见列表页与文章页：统一采用新型面板语言 */
body.body .vod-list .vod-item,body.body .module-item,body.body .art-list .art-item{border:1px solid var(--fresh-line)!important;border-radius:12px!important;background:var(--fresh-surface)!important;overflow:hidden;transition:.2s}
body.body .vod-list .vod-item:hover,body.body .module-item:hover,body.body .art-list .art-item:hover{border-color:var(--fresh-line-strong)!important;transform:translateY(-3px)}
body.body .pic img,body.body .vod-list img,body.body .module-item img{display:block;width:100%;height:auto;object-fit:cover}
body.body input,body.body select,body.body textarea{max-width:100%;border:1px solid var(--fresh-line)!important;border-radius:9px!important;background:#0e1711!important;color:var(--fresh-text)!important}
body.body .footer{margin-top:24px;border-top:1px solid var(--fresh-line);background:transparent}
body.body .footer-block .copyright{color:var(--fresh-muted)}
/* 响应式 */
@media(max-width:1100px){body.body .category-con .a-con{grid-template-columns:repeat(4,minmax(0,1fr))}.body .home-video-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){
 body.body .site-header-inner{min-height:58px;padding:8px 12px;gap:10px}
 body.body .site-brand a{font-size:18px}
 body.body .site-main-nav{gap:0}
 body.body .site-nav-link{padding:8px 7px;font-size:11px}
 body.body .site-search-wrap{max-width:46%;}
 body.body .site-search-form{height:36px}
 body.body .site-search-submit{padding:0 9px}
 body.body .main{padding:14px 0 30px}
 body.body .container,body.body .hub-wrap{width:calc(100% - 20px)!important;padding-left:0!important;padding-right:0!important}
 body.body .hub-wrap{gap:14px}
 body.body .hub-section-head{min-height:34px;margin-bottom:14px!important;padding-bottom:11px!important}
 body.body .hub-section-head h2{font-size:18px!important}
 body.body .hub-icon{flex-basis:34px;width:34px;height:34px;font-size:16px}
 body.body .ai-video-more{padding:7px 9px;font-size:10px}
 body.body .ai-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.body .ai-video-card{border-radius:9px}
 body.body .ai-video-caption{min-height:44px;padding:9px}
 body.body .ai-video-caption strong{font-size:11px}
 body.body .ai-video-tag{left:7px;top:7px;min-width:29px;height:20px;font-size:9px}
 body.body .ai-video-date{right:6px;bottom:6px;font-size:9px}
 body.body .category-con .a-con{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px}
 body.body .category-con .a-con-inner .s1{font-size:11px}
 body.body .category-con .a-con-inner .vod-time{font-size:9px}
 body.body .home-video-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 body.body .home-video-category-grid a{min-height:34px;padding:6px 5px!important;font-size:11px}
 body.body .hub-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}
 body.body .hub-novel{min-height:45px;padding:8px 2px!important}
 body.body .hub-novel h3{font-size:11px}
}
@media(max-width:380px){body.body .site-nav-link span{display:none}body.body .site-search-wrap{max-width:52%}body.body .ai-video-more{gap:5px;padding:6px 7px}}
@media(prefers-reduced-motion:reduce){body.body *,body.body *:before,body.body *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* ===== merged: home-restoration-fix.css ===== */
/* AVLOG HOME RESTORE + SECTION FRAME ALIGNMENT
   Header and four quick-entry cards deliberately retain the original theme appearance.
   Home content sections use the AI video heading-panel language. */
:root{
  --home-panel-line:rgba(255,255,255,.09);
  --home-panel-bg:linear-gradient(105deg,#183322 0%,#122319 48%,#101a13 100%);
}

/* Restore original site header: keep its original markup and original theme geometry. */
html body.body .header.site-header,
html body.body .site-header{
  position:relative!important;
  top:auto!important;
  z-index:200!important;
  background:rgba(10,16,13,.92)!important;
  border-bottom:1px solid rgba(0,200,83,.15)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
html body.body .site-header-inner{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-height:56px!important;
  max-width:var(--max,1240px)!important;
  margin:0 auto!important;
  padding:8px var(--pad,clamp(12px,2.2vw,20px))!important;
}
html body.body .site-brand a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
html body.body .site-brand img{display:inline-block!important;height:30px!important;width:auto!important}
html body.body .site-brand .name{
  background:linear-gradient(90deg,var(--g-400,#10b981),var(--g-300,#34d399))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}

/* Restore the four original quick-entry cards without the R2 redesign decorations. */

/* The AI feature heading is the visual reference. Other homepage sections
   lose their large enclosing frame and use the same standalone heading panel. */
html body.body .hub-wrap > .hub-section:not(.ai-video-section){
  width:100%!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;isolation:auto!important;
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section)::before,
html body.body .hub-wrap > .hub-section:not(.ai-video-section)::after{display:none!important;content:none!important}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head{
  position:relative!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;
  min-height:0!important;margin:0 0 13px!important;padding:18px 22px!important;
  border:0!important;border-radius:16px!important;
  background:var(--home-panel-bg)!important;overflow:hidden!important;
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head::after{
  content:"";position:absolute;right:7%;top:-36px;width:160px;height:110px;
  border:1px solid rgba(92,220,133,.07);border-radius:50%;
  box-shadow:0 0 0 18px rgba(92,220,133,.018),0 0 0 36px rgba(92,220,133,.012);
  pointer-events:none;
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head h1,
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head h2{
  position:relative!important;z-index:1!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;color:#fff!important;
  font-size:clamp(19px,2vw,25px)!important;font-weight:850!important;letter-spacing:-.035em!important;
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head h2::before,
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head h1::before{
  content:none!important;display:none!important
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head > a,
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head .hub-section-actions{
  position:relative!important;z-index:1!important;color:#b9d9c2!important
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head a{
  color:#b9d9c2!important;font-size:12px!important
}
html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head a:hover{color:#8df0ad!important}

/* Content beneath the banner remains open, matching the AI video section. */
html body.body .hub-wrap > .hub-section:not(.ai-video-section) .category-con,
html body.body .hub-wrap > .hub-section:not(.ai-video-section) .home-video-category-grid,
html body.body .hub-wrap > .hub-section:not(.ai-video-section) .hub-novel-grid{
  position:relative!important;margin:0!important
}

/* Keywords: 16 columns on desktop, 6 columns on phones. */

/* Restore the fixed bottom-right back-to-top control and its visible state. */
html body.body .back-to-top{
  position:fixed!important;right:24px!important;bottom:26px!important;z-index:10000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;padding:0!important;
  border:1px solid rgba(117,214,160,.25)!important;border-radius:13px!important;
  background:rgba(17,27,21,.94)!important;color:#cfe5d5!important;
  box-shadow:0 8px 24px rgba(0,0,0,.32)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;
  cursor:pointer!important;transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .22s ease,border-color .22s ease!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important
}
html body.body .back-to-top.is-visible{
  opacity:1!important;visibility:visible!important;transform:translateY(0)!important
}
html body.body .back-to-top:hover{
  background:var(--fresh-green,#00c853)!important;border-color:var(--fresh-green,#00c853)!important;
  color:#06130b!important;transform:translateY(-2px)!important
}
html body.body .back-to-top svg{display:block!important;width:21px!important;height:21px!important}
html body.body .back-to-top:focus-visible{outline:2px solid rgba(141,240,173,.75)!important;outline-offset:3px!important}

@media(max-width:1100px){
}
@media(max-width:767px){
  html body.body .site-header-inner{min-height:56px!important;padding:8px 12px!important;gap:10px!important}
  html body.body .site-brand img{height:27px!important}
  html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head{
    min-height:0!important;margin-bottom:9px!important;padding:15px!important;border-radius:12px!important
  }
  html body.body .hub-wrap > .hub-section:not(.ai-video-section) > .hub-section-head h2{font-size:18px!important}
  html body.body .back-to-top{right:14px!important;bottom:18px!important;width:42px!important;height:42px!important;border-radius:12px!important}
}
@media(prefers-reduced-motion:reduce){
  html body.body .back-to-top{transition:none!important}
}


/* ===== merged: avlog-final-refresh.css ===== */
/* AVLOG final visual refresh — header, mobile spacing, shortcut cards, purple actions and listing titles */
:root{--av-green:#12c875;--av-green-glow:rgba(18,200,117,.25);--av-purple:#a855f7;--av-purple-glow:rgba(168,85,247,.28);--av-bg:#080f0c;--av-panel:#0d1d16;--av-muted:#a9beb2}
html,body{max-width:100%;overflow-x:hidden}
/* Wider content canvas: reduce unused side gutters, especially on phones. */
html body.body .hub-wrap{width:100%!important;max-width:1800px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(10px,1.6vw,28px)!important;padding-right:clamp(10px,1.6vw,28px)!important;box-sizing:border-box!important}
/* Desktop header reconstructed to match the supplied reference: brand / search / nav. */
html body.body .header.site-header,html body.body .site-header{background:rgba(7,15,11,.96)!important;border-bottom:1px solid rgba(18,200,117,.16)!important}
html body.body .site-header-inner{width:100%!important;max-width:1900px!important;min-height:82px!important;padding:10px clamp(12px,2vw,28px)!important;gap:clamp(16px,2.2vw,38px)!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
html body.body .site-brand{order:1!important;flex:0 0 auto!important;min-width:0!important}
html body.body .site-brand a{gap:12px!important;font-size:25px!important;white-space:nowrap!important}
html body.body .site-brand img{height:54px!important;width:54px!important;object-fit:contain!important;border-radius:17px!important}
html body.body .site-search-wrap{order:2!important;position:relative!important;display:block!important;flex:1 1 680px!important;width:auto!important;max-width:900px!important;min-width:180px!important;margin:0 auto!important}
html body.body .site-search-form{height:58px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 8px 7px 20px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;background:#111d16!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
html body.body .site-search-leading{font-size:24px!important;color:#48d88c!important;flex:0 0 auto!important}
html body.body .site-search-input{height:100%!important;min-width:0!important;flex:1 1 auto!important;padding:0 5px!important;border:0!important;outline:0!important;background:transparent!important;color:#edf7f0!important;font-size:17px!important;box-shadow:none!important}
html body.body .site-search-input::placeholder{color:#8a9b90!important}
html body.body .site-search-submit{height:100%!important;min-width:110px!important;padding:0 24px!important;border:0!important;border-radius:13px!important;background:#27c96f!important;color:#062514!important;font-size:16px!important;font-weight:800!important}
html body.body .site-search-submit i{display:none!important}
html body.body .site-main-nav{order:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(14px,2vw,34px)!important;flex:0 0 auto!important;white-space:nowrap!important}
html body.body .site-main-nav .site-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:11px 13px!important;border:1px solid transparent!important;border-radius:13px!important;color:#b7c8bd!important;font-size:16px!important;font-weight:750!important;text-decoration:none!important}
html body.body .site-main-nav .site-nav-link:first-child{padding:12px 18px!important;border-color:rgba(18,200,117,.18)!important;background:rgba(18,200,117,.09)!important;color:#d9f5e4!important}
html body.body .site-main-nav .site-nav-link i{font-size:21px!important;color:#7fae91!important}
html body.body .site-main-nav .site-nav-link:hover{color:#fff!important;border-color:rgba(18,200,117,.28)!important;background:rgba(18,200,117,.08)!important}
html body.body .site-hot-search-dropdown{z-index:9999!important;top:calc(100% + 8px)!important;border:1px solid rgba(18,200,117,.22)!important;border-radius:14px!important;background:#101c15!important;box-shadow:0 18px 45px rgba(0,0,0,.42)!important}
/* Four shortcut cards follow the screenshot geometry and green/purple edge language. */
/* AI section overline and all section action links use the same purple outlined CTA. */
/* purple CTA removed — green defined in avlog-site-final-20261113.css */
html body.body #videos .hub-latest-random{min-height:36px!important;padding:7px 13px!important;border:1px solid rgba(168,85,247,.72)!important;border-radius:9px!important;background:rgba(168,85,247,.12)!important;color:#d9bdff!important;font-weight:750!important;box-shadow:0 0 0 1px rgba(168,85,247,.08) inset!important}
html body.body #videos .hub-latest-random>span{filter:none!important;color:#c084fc!important}
html body.body #videos .hub-latest-random:hover{background:rgba(168,85,247,.24)!important;border-color:#c084fc!important;color:#fff!important;box-shadow:0 0 16px rgba(168,85,247,.2)!important}
/* List pages: visible framed title bars, and list cards stay consistent with homepage. */
html body.body .home-video-list .category-con>.hub-section-head,html body.body .home-video-list .category-con>.listing-title-box,html body.body .vod-search-page .home-video-list .category-con>.hub-section-head{display:flex!important;align-items:center!important;min-height:62px!important;margin:0 0 15px!important;padding:15px 20px!important;border:1px solid rgba(18,200,117,.2)!important;border-left:5px solid #13b967!important;border-radius:13px!important;background:linear-gradient(100deg,rgba(17,57,36,.75),rgba(13,29,22,.9))!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}
html body.body .home-video-list .category-con>.hub-section-head h1,html body.body .home-video-list .category-con>.hub-section-head h2{margin:0!important;color:#f3fff7!important;font-size:clamp(18px,2vw,24px)!important;font-weight:850!important}
html body.body .home-video-list .category-con>.hub-section-head h1:before{display:none!important;content:none!important}
html body.body .home-video-list .category-con .home-list-meta{margin:0 0 14px!important;color:#9fb7a8!important}
html body.body .home-video-list .category-con .a-con-inner .pic{width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:10px!important}
html body.body .home-video-list .category-con .a-con-inner .pic img{width:100%!important;height:100%!important;object-fit:cover!important}
/* Play page heading and safety notice receive clear, polished hierarchy. */
html body.body .play-keywords .play-keywords-heading{position:relative!important;margin:0 0 14px!important;padding:13px 16px!important;border:1px solid rgba(168,85,247,.26)!important;border-left:4px solid #a855f7!important;border-radius:11px!important;background:linear-gradient(100deg,rgba(91,52,145,.22),rgba(18,23,34,.45))!important}
html body.body .play-keywords .play-keywords-heading h2{margin:0!important;color:#eee4ff!important;font-size:19px!important;font-weight:850!important;letter-spacing:.01em!important}
html body.body .play-keywords .play-keywords-heading h2:before{content:"✦"!important;display:inline-block!important;margin-right:9px!important;color:#bd8cff!important}
html body.body .play-safety-notice{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:14px 0 16px!important;padding:13px 16px!important;border:1px solid rgba(244,177,74,.24)!important;border-left:4px solid #e5a43b!important;border-radius:10px!important;background:linear-gradient(100deg,rgba(119,78,25,.18),rgba(38,31,20,.42))!important;color:#e7d8b9!important;font-size:14px!important;line-height:1.7!important}
html body.body .play-safety-notice strong{flex:0 0 auto!important;color:#ffd27d!important;font-weight:850!important}
/* Footer redesign. */
html body.body .footer{position:relative!important;margin-top:38px!important;padding:38px 0 30px!important;border-top:1px solid rgba(18,200,117,.18)!important;background:radial-gradient(ellipse at 50% 0,rgba(18,200,117,.09),transparent 55%),#070e0b!important}
html body.body .footer:before{content:""!important;display:block!important;width:min(120px,22vw)!important;height:3px!important;margin:-39px auto 30px!important;border-radius:9px!important;background:linear-gradient(90deg,#0e9f5b,#a855f7)!important}
html body.body .footer .footer-block{max-width:1100px!important;margin:0 auto!important;padding:24px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(15,29,22,.7)!important;text-align:center!important}
html body.body .footer-brand{color:#e8fff0!important;font-size:22px!important;font-weight:900!important;letter-spacing:.04em!important}
html body.body .footer .copyright,html body.body .footer-contact,html body.body .footer-note{color:#9fb4a7!important;line-height:1.8!important}
html body.body .footer-contact{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 14px!important;margin-top:12px!important}
html body.body .footer-note{margin-top:10px!important;color:#8b9f92!important;font-size:12px!important}
@media(max-width:1100px){
 html body.body .site-header-inner{gap:12px!important}
 html body.body .site-brand a{font-size:21px!important}
 html body.body .site-brand img{width:46px!important;height:46px!important}
 html body.body .site-main-nav{gap:8px!important}
 html body.body .site-main-nav .site-nav-link{padding:9px!important;font-size:14px!important}
}
@media(max-width:767px){
 html body.body .hub-wrap{padding-left:9px!important;padding-right:9px!important;padding-top:12px!important}
 html body.body .site-header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"brand nav" "search search"!important;gap:9px 10px!important;min-height:0!important;padding:8px 10px 10px!important}
 html body.body .site-brand{grid-area:brand!important}
 html body.body .site-brand a{gap:7px!important;font-size:19px!important}
 html body.body .site-brand img{width:38px!important;height:38px!important;border-radius:12px!important}
 html body.body .site-main-nav{grid-area:nav!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important}
 html body.body .site-main-nav .site-nav-link{padding:7px 8px!important;font-size:12px!important;border-radius:9px!important}
 html body.body .site-main-nav .site-nav-link i{font-size:16px!important}
 html body.body .site-main-nav .site-nav-link:last-child{display:none!important} /* Hide PornDude on phones */
 html body.body .site-search-wrap{grid-area:search!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
 html body.body .site-search-form{height:46px!important;padding:5px 6px 5px 12px!important;border-radius:13px!important}
 html body.body .site-search-leading{font-size:19px!important}
 html body.body .site-search-input{font-size:14px!important}
 html body.body .site-search-submit{min-width:66px!important;padding:0 13px!important;border-radius:10px!important;font-size:14px!important}
 html body.body .ai-video-more,html body.body #videos .hub-latest-random{min-height:32px!important;padding:5px 9px!important;font-size:11px!important}
 html body.body .home-video-list .category-con>.hub-section-head{min-height:52px!important;padding:12px 13px!important;margin-bottom:11px!important}
 html body.body .play-safety-notice{padding:10px 12px!important;font-size:12px!important}
 html body.body .play-keywords .play-keywords-heading h2{font-size:16px!important}
 html body.body .footer{margin-top:25px!important;padding:27px 0 20px!important}
 html body.body .footer .footer-block{padding:17px 13px!important;border-radius:13px!important}
}


/* ===== merged: reference-header-home-cards.css ===== */
/*
 * Reference-only visual alignment for AVLOG header + homepage cards.
 * Isolated overrides: does not replace templates or touch other page modules.
 */

/* ===== Header: match reference template ===== */
html body.body .header.site-header,
html body.body .site-header {
  background: rgba(8,14,11,.94) !important;
  border-bottom: 1px solid rgba(105,164,125,.18) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.34) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}
html body.body .site-header:after {
  height: 1px !important;
  opacity: .9 !important;
  background: linear-gradient(90deg,transparent,rgba(57,185,120,.18),rgba(117,214,160,.72),rgba(57,185,120,.18),transparent) !important;
}
html body.body .site-header .site-header-inner {
  display: grid !important;
  grid-template-columns: minmax(145px,220px) minmax(250px,1fr) minmax(220px,330px) !important;
  align-items: center !important;
  gap: clamp(12px,2vw,28px) !important;
  width: min(1360px,calc(100% - 42px)) !important;
  max-width: 1360px !important;
  min-height: 76px !important;
  margin: 0 auto !important;
  padding: 11px 0 !important;
  box-sizing: border-box !important;
}
html body.body .site-header .site-brand { grid-column: 1; grid-row: 1; min-width: 0 !important; margin: 0 !important; }
html body.body .site-header .site-brand a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  color: #f1f7f2 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
}
html body.body .site-header .site-brand img {
  width: 42px !important;
  height: 42px !important;
  padding: 5px !important;
  object-fit: contain !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#1a2a20,#101913) !important;
  border: 1px solid rgba(117,214,160,.22) !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.2) !important;
}
html body.body .site-header .site-brand .name {
  max-width: 190px !important;
  color: #f1f7f2 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}
html body.body .site-main-nav {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
html body.body .site-main-nav .site-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 11px 15px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #b2c0b6 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  transition: background .2s,border-color .2s,color .2s,transform .2s !important;
}
html body.body .site-main-nav .site-nav-link i {
  margin: 0 !important;
  color: #80a38d !important;
  font-size: 17px !important;
}
html body.body .site-main-nav .site-nav-link:first-child {
  color: #dff6e8 !important;
  background: rgba(57,185,120,.12) !important;
  border-color: rgba(57,185,120,.24) !important;
  box-shadow: none !important;
}
html body.body .site-main-nav .site-nav-link:first-child i { color: #75d6a0 !important; }
html body.body .site-main-nav .site-nav-link:hover {
  color: #fff !important;
  background: rgba(57,185,120,.12) !important;
  border-color: rgba(117,214,160,.25) !important;
  transform: translateY(-1px) !important;
}
html body.body .site-search-wrap {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.body .site-header .site-search-form {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 4px 5px 4px 14px !important;
  border: 1px solid #2a3b30 !important;
  border-radius: 12px !important;
  background: #111a15 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html body.body .site-header .site-search-form:focus-within {
  border-color: rgba(87,198,137,.72) !important;
  background: #142019 !important;
  box-shadow: none !important;
}
html body.body .site-header .site-search-leading {
  flex: 0 0 auto !important;
  color: #75d6a0 !important;
}
html body.body .site-header .site-search-input {
  display: block !important;
  flex: 1 1 0% !important;
  width: 1% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f5fff7 !important;
  caret-color: #75d6a0 !important;
  font-size: 14px !important;
}
html body.body .site-header .site-search-input::placeholder { color: #84958a !important; opacity: 1 !important; }
html body.body .site-header .site-search-submit {
  display: flex !important;
  flex: 0 0 74px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg,#4bc486,#279a60) !important;
  color: #06130b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(38,156,94,.18) !important;
}
html body.body .site-header .site-search-submit:hover { background: linear-gradient(135deg,#75d6a0,#39b978) !important; }
html body.body .site-header .site-search-submit i { display: none !important; }
html body.body .site-hot-search-dropdown {
  background: #111a15 !important;
  border: 1px solid rgba(91,190,132,.30) !important;
  border-radius: 13px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.42) !important;
  color: #e8eee9 !important;
}
html body.body .site-hot-search-item {
  background: #18231c !important;
  border: 1px solid rgba(160,190,170,.12) !important;
  color: #dbe9df !important;
  border-radius: 8px !important;
}
html body.body .site-hot-search-item:hover {
  background: rgba(57,185,120,.14) !important;
  border-color: rgba(57,185,120,.35) !important;
  color: #fff !important;
}

/* ===== Homepage shortcut cards: reference template treatment ===== */

/* ===== Homepage latest-video cards: reference template skin ===== */
html body.body #videos .category-con .a-con {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 16px 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}
html body.body #videos .category-con .a-con-inner {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html body.body #videos .category-con .pic {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border: 1px solid rgba(160,190,170,.13) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.035) !important;
}
html body.body #videos .category-con .pic > a:first-child {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
html body.body #videos .category-con .pic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  transition: transform .35s ease,filter .35s ease !important;
}
html body.body #videos .category-con .a-con-inner:hover .pic img {
  transform: scale(1.035) !important;
  filter: brightness(.78) !important;
}
html body.body #videos .category-con .pic .bofang {
  background: rgba(7,16,10,.82) !important;
  color: #8ce0ad !important;
  border: 1px solid rgba(117,214,160,.52) !important;
  box-shadow: 0 5px 22px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(8px) !important;
}
html body.body #videos .category-con .a-con-inner .s1 {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 8px 0 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}
html body.body #videos .category-con .a-con-inner .s1 a {
  overflow: hidden !important;
  color: #e8eee9 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
}
html body.body #videos .category-con .a-con-inner .s1 a:hover { color: #75d6a0 !important; }
html body.body #videos .category-con .a-con-inner .vod-time {
  display: block !important;
  margin-top: 4px !important;
  color: #94a399 !important;
  font-size: 11px !important;
}
html body.body #videos .category-con .a-con-inner .s2 { margin-top: 5px !important; }
html body.body #videos .category-con .a-con-inner .s2 a {
  display: inline-block !important;
  padding: 2px 7px !important;
  border: 1px solid rgba(91,190,132,.30) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #75d6a0 !important;
  font-size: 11px !important;
  text-decoration: none !important;
}
html body.body #videos .category-con .a-con-inner * { min-width: 0; box-sizing: border-box; }

@media (max-width: 1050px) {
  html body.body .site-header .site-header-inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    width: calc(100% - 30px) !important;
    gap: 10px 14px !important;
    padding: 10px 0 !important;
  }
  html body.body .site-header .site-brand { grid-column: 1 !important; grid-row: 1 !important; }
  html body.body .site-main-nav { grid-column: 2 !important; grid-row: 1 !important; justify-content: flex-end !important; }
  html body.body .site-search-wrap { grid-column: 1 / -1 !important; grid-row: 2 !important; }
}
@media (max-width: 767px) {
  html body.body .site-header .site-header-inner { width: calc(100% - 22px) !important; gap: 8px !important; }
  html body.body .site-header .site-brand img { width: 35px !important; height: 35px !important; }
  html body.body .site-header .site-brand .name { max-width: 130px !important; font-size: 17px !important; }
  html body.body .site-main-nav { gap: 2px !important; }
  html body.body .site-main-nav .site-nav-link { padding: 8px 7px !important; font-size: 12px !important; border-radius: 9px !important; }
  html body.body .site-main-nav .site-nav-link i { font-size: 14px !important; }
  html body.body .site-header .site-search-form { height: 42px !important; }
  html body.body .site-header .site-search-submit { flex-basis: 58px !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; }
  html body.body #videos .category-con .a-con { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px 7px !important; }
  html body.body #videos .category-con .a-con-inner { padding: 5px !important; border-radius: 8px !important; }
}
@media (max-width: 420px) {
  html body.body .site-header .site-brand .name { max-width: 105px !important; }
  html body.body .site-main-nav .site-nav-link { padding: 8px 6px !important; }
}


/* ===== merged: mobile-video-unified-fix.css ===== */
/* Mobile-only video layout alignment: homepage latest-video cards are the source of truth. */
@media (max-width: 767px) {
  /* Give the AI-video module a wider canvas so it no longer looks squeezed by page gutters. */
  html body.body .main .hub-wrap > .ai-video-section {
    width: calc(100% + 12px) !important;
    max-width: none !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
    box-sizing: border-box !important;
  }

  /* Keep the homepage latest-video grid at three columns on every phone width. */
  html body.body .main .hub-wrap > #videos .category-con > .a-con {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 8px !important;
  }

  /* Type / show / search lists use the exact same three-column card geometry. */
  html body.body .hub-wrap .home-video-list .category-con > .a-con,
  html body.body .hub-wrap .home-video-list .category-con .a-con,
  html body.body .vod-search-page .home-video-list .category-con .a-con {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Play-page recommendations inherit the same card grid as homepage latest videos. */
  html body.body .play-page-home-layout .home-latest-video-panel .category-con .a-con {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 8px !important;
  }

  /* Normalize poster ratio, title and metadata across all requested lists. */
  html body.body .main .hub-wrap > #videos .category-con .a-con-inner .pic,
  html body.body .hub-wrap .home-video-list .category-con .a-con-inner .pic,
  html body.body .play-page-home-layout .home-latest-video-panel .a-con-inner .pic {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    border-radius: var(--r, 9px) !important;
  }

  html body.body .main .hub-wrap > #videos .category-con .a-con-inner .pic img,
  html body.body .hub-wrap .home-video-list .category-con .a-con-inner .pic img,
  html body.body .play-page-home-layout .home-latest-video-panel .a-con-inner .pic img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body.body .hub-wrap .home-video-list .category-con .a-con-inner,
  html body.body .play-page-home-layout .home-latest-video-panel .a-con-inner {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.body .hub-wrap .home-video-list .category-con .a-con-inner .s1,
  html body.body .play-page-home-layout .home-latest-video-panel .a-con-inner .s1 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    margin: 7px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  html body.body .hub-wrap .home-video-list .category-con .a-con-inner .vod-time,
  html body.body .play-page-home-layout .home-latest-video-panel .a-con-inner .vod-time {
    margin-top: 3px !important;
    font-size: 9px !important;
  }
}


/* ===== merged: avref26-reference-layout.css ===== */
/*
 * AVLOG reference layout v2
 * 独立前缀 avref26；仅作用于公共页头和首页指定模块。
 */

/* 公共顶部导航：Logo 左、搜索居中、导航右 */
.avref26-header {
  position: relative !important;
  top: auto !important;
  z-index: 200 !important;
  isolation: isolate;
  background: rgba(8, 14, 11, .96) !important;
  border-bottom: 1px solid rgba(39, 185, 111, .22) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.28) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
}
.avref26-header::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0; right: 0; bottom: -1px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 2%, rgba(22,163,74,.35) 18%, #22c878 50%, rgba(22,163,74,.35) 82%, transparent 98%);
  box-shadow: 0 0 9px rgba(34,200,120,.48), 0 0 18px rgba(34,200,120,.2);
}
.avref26-header .site-header-inner {
  display: grid !important;
  grid-template-columns: minmax(150px, 220px) minmax(300px, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(14px, 2vw, 30px) !important;
  width: min(100% - 32px, 1600px) !important;
  max-width: 1600px !important;
  min-height: 84px !important;
  margin-inline: auto !important;
  padding: 10px 0 !important;
  box-sizing: border-box !important;
}
.avref26-header .site-brand {
  grid-column: 1 !important; grid-row: 1 !important;
  justify-self: start !important; min-width: 0 !important;
}
.avref26-header .site-search-wrap {
  grid-column: 2 !important; grid-row: 1 !important;
  justify-self: center !important;
  position: relative !important;
  width: min(100%, 840px) !important;
  max-width: 840px !important;
  min-width: 0 !important;
  margin: 0 !important;
  z-index: 5;
}
.avref26-header .site-main-nav {
  grid-column: 3 !important; grid-row: 1 !important;
  justify-self: end !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(3px, .55vw, 10px) !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
.avref26-header .site-main-nav .site-nav-link {
  padding: 10px clamp(8px, .9vw, 15px) !important;
  border-radius: 11px !important;
  white-space: nowrap !important;
}
.avref26-header .site-search-form {
  min-height: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(104, 154, 120, .38) !important;
  border-radius: 19px !important;
  background: #111b15 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 3px rgba(36, 184, 108, .035) !important;
  padding: 5px 7px 5px 18px !important;
}
.avref26-header .site-search-form:focus-within {
  border-color: rgba(61, 210, 133, .75) !important;
  box-shadow: 0 0 0 3px rgba(36,184,108,.10), 0 0 20px rgba(36,184,108,.08) !important;
}
.avref26-header .site-search-input { font-size: 15px !important; }
.avref26-header .site-search-submit {
  height: 42px !important;
  border-radius: 13px !important;
  background: #2fc66e !important;
  color: #06150c !important;
  transition: filter .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.avref26-header .site-search-submit:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 16px rgba(47,198,110,.24) !important;
}
.avref26-header .site-hot-search-dropdown {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important; right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  z-index: 1300 !important;
  box-sizing: border-box !important;
  padding: 20px 21px !important;
  border: 1px solid rgba(69, 172, 111, .38) !important;
  border-radius: 19px !important;
  background: #101a14 !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.52), 0 0 22px rgba(36,184,108,.055) !important;
}
.avref26-header .site-hot-search-heading {
  display: flex !important; align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 13px !important;
  color: #edf7f0 !important;
  font-size: 16px !important; font-weight: 800 !important;
}
.avref26-header .site-hot-search-heading small { color: #84968b !important; font-size: 12px !important; font-weight: 500 !important; }
.avref26-header .site-hot-search-list {
  display: flex !important; flex-wrap: wrap !important;
  gap: 9px 10px !important;
}
.avref26-header .site-hot-search-item {
  display: inline-flex !important; align-items: center !important;
  min-height: 37px !important;
  padding: 6px 15px !important;
  border: 1px solid rgba(145,177,153,.15) !important;
  border-radius: 22px !important;
  background: #18241c !important;
  color: #d9e6dd !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}
.avref26-header .site-hot-search-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(47,198,110,.5) !important;
  background: rgba(47,198,110,.14) !important;
  color: #fff !important;
}
.avref26-header .site-hot-search-empty { color: #91a196 !important; font-size: 13px !important; }

/* 首页四个快捷入口：第二张参考图的卡片比例与排布 */
.avref26-home .avref26-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.avref26-home .avref26-shortcuts .hub-icon {
  display: flex !important; flex: 0 0 60px !important;
  align-items: center !important; justify-content: center !important;
  width: 60px !important; height: 60px !important;
  border-radius: 15px !important;
  background: #0b3823 !important;
  color: #16c784 !important;
  font-size: 25px !important;
}

/* 指定三个“更多”按钮：绿色底、白字 */
.avref26-home .avref26-green-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  padding: 7px 14px !important;
  border: 1px solid #2fc66e !important;
  border-radius: 10px !important;
  background: #25b965 !important;
  color: #fff !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(37,185,101,.13) !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.avref26-home .avref26-green-action:hover {
  background: #2fcf75 !important;
  border-color: #58df91 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 17px rgba(37,185,101,.22) !important;
}

/* 换一批只精修形状与交互，不指定背景/文字颜色 */
.avref26-home .avref26-batch-action {
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 7px 14px !important;
  border: 1px solid currentColor !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.14) !important;
  transition: border-radius .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease !important;
  cursor: pointer !important;
}
.avref26-home .avref26-batch-action:hover {
  border-radius: 10px !important;
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 17px rgba(0,0,0,.22) !important;
}
.avref26-home .avref26-batch-action:active {
  transform: translateY(1px) scale(.98) !important;
  filter: brightness(.96) !important;
}

@media (max-width: 1100px) {
  .avref26-header .site-header-inner {
    grid-template-columns: minmax(120px, 180px) minmax(180px,1fr) auto !important;
    gap: 10px !important;
    width: calc(100% - 24px) !important;
  }
  .avref26-header .site-main-nav .site-nav-link { padding-inline: 7px !important; }
  .avref26-home .avref26-shortcuts .hub-icon { flex-basis: 50px !important; width: 50px !important; height: 50px !important; }
}
@media (max-width: 767px) {
  .avref26-header { position: relative !important; top: auto !important; }
  .avref26-header .site-header-inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 8px 10px !important;
    width: calc(100% - 20px) !important;
    min-height: 0 !important;
    padding: 8px 0 !important;
  }
  .avref26-header .site-brand { grid-column: 1 !important; grid-row: 1 !important; }
  .avref26-header .site-main-nav { grid-column: 2 !important; grid-row: 1 !important; gap: 2px !important; }
  .avref26-header .site-main-nav .site-nav-link { padding: 7px 6px !important; font-size: 11px !important; }
  .avref26-header .site-main-nav .site-nav-link i { font-size: 13px !important; }
  .avref26-header .site-search-wrap { grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; }
  .avref26-header .site-search-form { height: 43px !important; min-height: 43px !important; border-radius: 13px !important; }
  .avref26-header .site-search-submit { height: 34px !important; }
  .avref26-header .site-hot-search-dropdown { top: calc(100% + 7px) !important; padding: 14px !important; }
  .avref26-header .site-hot-search-list { gap: 7px !important; }
  .avref26-header .site-hot-search-item { min-height: 32px !important; padding: 5px 11px !important; font-size: 12px !important; }
  .avref26-home .avref26-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .avref26-home .avref26-shortcuts .hub-icon {
    flex: 0 0 38px !important; width: 38px !important; height: 38px !important;
    border-radius: 11px !important; font-size: 18px !important;
  }
}
@media (max-width: 380px) {
  .avref26-home .avref26-shortcuts .hub-icon { flex-basis: 34px !important; width: 34px !important; height: 34px !important; }
}

/* AVLOG 2026-11-13 finishing pass */
.avref26-header { position: relative !important; top: auto !important; }
@media (max-width: 767px) { .avref26-header { position: relative !important; top: auto !important; } }

/* Shortcut cards: green-tinted surfaces like the supplied reference; 4 desktop / 2 mobile. */
@media (max-width: 767px) {
  .avref26-home .avref26-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

/* AI-video section shares the same content edges as latest videos. */
html body.body .main .hub-wrap > .ai-video-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}
html body.body .ai-video-section .ai-video-grid {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

/* Green outline actions (no solid fill). */
html body.body .avref26-green-action,
html body.body a.avref26-green-action,
html body.body .ai-video-more.avref26-green-action {
  border: 1px solid #20b86a !important;
  background: transparent !important;
  color: #63d995 !important;
  box-shadow: none !important;
}
html body.body .avref26-green-action:hover,
html body.body a.avref26-green-action:hover {
  border-color: #48df8b !important;
  background: rgba(32,184,106,.10) !important;
  color: #a5f3c4 !important;
}

/* Search hot-keyword title matches the framed latest-video section heading. */

/* Play page spacing and episode title frame. */
body.body .play-page-home-layout {
  margin-top: 8px !important;
  gap: 16px !important;
}
body.body .play-page-home-layout .play-episode-heading {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  margin: 0 0 14px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(57,185,120,.22) !important;
  border-radius: 10px !important;
  background: linear-gradient(110deg,rgba(22,163,74,.11),rgba(13,29,21,.72)) !important;
  box-sizing: border-box !important;
}
body.body .play-page-home-layout .play-episode-heading h2 { margin: 0 !important; }
body.body .play-page-home-layout .play-episode-heading-mark { flex: 0 0 4px !important; height: 19px !important; border-radius: 4px !important; background: #22c55e !important; }
@media (max-width: 767px) {
  body.body .play-page-home-layout { margin-top: 6px !important; gap: 13px !important; }
}

/* Related recommendation thumbnails: remove the centered play glyph overlay. */
body.body .play-related-v2-cover .icon-bofang,
body.body .play-related-v2-cover > i { display: none !important; }
body.body .play-related-v2-cover:after { display: none !important; }

/* Footer rebuilt as a compact, bordered dark-green information panel. */
html body.body .footer {
  margin-top: 42px !important;
  padding: 0 16px 28px !important;
  border: 0 !important;
  background: transparent !important;
}
html body.body .footer .container { width: min(1240px,100%) !important; max-width: 1240px !important; }
html body.body .footer .footer-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 28px 24px !important;
  border: 1px solid rgba(53,169,101,.22) !important;
  border-radius: 18px !important;
  background: radial-gradient(ellipse at 50% 0%,rgba(31,130,73,.15),transparent 65%),linear-gradient(145deg,#101b14,#0b120e) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025) !important;
  text-align: center !important;
}
html body.body .footer .footer-brand { color: #e9f8ee !important; font-size: 21px !important; font-weight: 850 !important; letter-spacing: .04em !important; }
html body.body .footer .copyright { max-width: 900px !important; margin: 0 !important; color: #9eafa4 !important; line-height: 1.8 !important; font-size: 12px !important; }
html body.body .footer .footer-contact { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px 14px !important; color: #b9d4c2 !important; font-size: 13px !important; }
html body.body .footer .footer-note { color: #6f8a78 !important; font-size: 11px !important; }
@media (max-width: 767px) {
  html body.body .footer { margin-top: 28px !important; padding-inline: 10px !important; }
  html body.body .footer .footer-block { padding: 22px 14px !important; border-radius: 14px !important; }
  html body.body .footer .footer-contact { flex-direction: column !important; gap: 5px !important; }
  html body.body .footer .footer-separator { display: none !important; }
}
/* AI section must share the exact same left/right alignment as other hub sections.
   Do not add extra horizontal padding here — hub-wrap already provides the gutters. */
html body.body .main .hub-wrap > .ai-video-section { padding: 0 !important; }
@media (max-width: 767px) {
  html body.body .main .hub-wrap > .ai-video-section { padding: 0 !important; }
}
/* Play page begins at the same compact offset as the type/list pages. */
html body.body main.main:has(.play-page-home-layout) { padding-top: 0 !important; }


/* ===== merged: unified-card-layout-20261113.css ===== */
/* AVLOG 2026-11-13: structural shared component layer. Loaded after legacy page CSS. */
html body.body .site-header.avref26-header {
  position: relative !important; top: auto !important; z-index: 200 !important;
  background: rgba(8,14,11,.97) !important; backdrop-filter: blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
}
html body.body .site-header.avref26-header .site-header-inner {
  display: grid !important;
  grid-template-columns: minmax(130px,190px) minmax(260px,1fr) auto !important;
  grid-template-areas: "brand search nav" !important;
  align-items: center !important; gap: clamp(10px,1.5vw,22px) !important;
  width: min(1500px,calc(100% - 32px)) !important; max-width: 1500px !important;
  min-height: 76px !important; padding: 9px 0 !important; margin: 0 auto !important;
}
html body.body .site-header.avref26-header .site-brand { grid-area: brand !important; min-width:0 !important; }
html body.body .site-header.avref26-header .site-search-wrap { grid-area: search !important; width:100% !important; max-width:none !important; min-width:0 !important; }
html body.body .site-header.avref26-header .site-main-nav {
  grid-area: nav !important; display:flex !important; flex-wrap:nowrap !important;
  align-items:center !important; justify-content:flex-end !important; gap:4px !important;
  min-width:0 !important; white-space:nowrap !important;
}
html body.body .site-header.avref26-header .site-main-nav .site-nav-link {
  padding:9px clamp(6px,.65vw,11px) !important; font-size:13px !important; white-space:nowrap !important;
}
@media(min-width:768px){html body.body .site-header.avref26-header{position:relative!important;top:auto!important}}
@media(max-width:1100px) and (min-width:768px){
 html body.body .site-header.avref26-header .site-header-inner{grid-template-columns:120px minmax(180px,1fr) auto!important;gap:8px!important;width:calc(100% - 22px)!important}
 html body.body .site-header.avref26-header .site-main-nav .site-nav-link{padding:8px 5px!important;font-size:12px!important}
}
@media(max-width:767px){
 html body.body .site-header.avref26-header{position:relative!important;top:auto!important}
 html body.body .site-header.avref26-header .site-header-inner{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand nav" "search search"!important;width:calc(100% - 20px)!important;gap:8px!important;padding:9px 0!important;min-height:0!important}
 html body.body .site-header.avref26-header .site-main-nav{gap:2px!important;justify-content:flex-end!important}
 html body.body .site-header.avref26-header .site-main-nav .site-nav-link{padding:6px 5px!important;font-size:11px!important}
 html body.body .site-header.avref26-header .site-search-form{height:42px!important;min-height:42px!important}
}

/* One and the same card geometry for homepage latest, show/type/search and play-page likes. */
html body.body .home-latest-video-panel .category-con,
html body.body .home-latest-video-panel .a-con {
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body.body .home-latest-video-panel .category-con .a-con,
html body.body .home-latest-video-panel > .category-con > .a-con {
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:22px 16px!important;align-items:start!important;
}
html body.body .home-latest-video-panel .a-con-inner {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 min-width:0!important;margin:0!important;padding:0!important;border:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic {
 position:relative!important;display:block!important;width:100%!important;height:auto!important;
 aspect-ratio:3/4!important;min-height:0!important;margin:0!important;padding:0!important;
 overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;
 border-radius:10px!important;background:#111b15!important;line-height:0!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic>a {
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic img {
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center!important;
}
html body.body .home-latest-video-panel .a-con-inner .s1 {
 display:block!important;min-height:0!important;max-height:none!important;margin:8px 0 0!important;padding:0 1px!important;
 overflow:hidden!important;font-size:12.5px!important;line-height:1.5!important;font-weight:500!important;
}
html body.body .home-latest-video-panel .a-con-inner .s1 a {
 display:block!important;overflow:hidden!important;color:#e8eee9!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;text-decoration:none!important;
}
html body.body .home-latest-video-panel .a-con-inner .vod-time {
 display:block!important;margin:4px 0 0!important;padding:0 1px!important;color:#91a197!important;font-size:11px!important;line-height:1.45!important;
}
html body.body .home-latest-video-panel .a-con-inner .s2 {display:flex!important;margin:5px 0 0!important;padding:0 1px!important;}
html body.body .home-latest-video-panel .a-con-inner .s2 a {
 display:inline-flex!important;align-items:center!important;padding:2px 7px!important;
 border:1px solid rgba(30,190,90,.35)!important;border-radius:5px!important;background:transparent!important;
 color:#65d98c!important;font-size:10px!important;line-height:1.4!important;text-decoration:none!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic .bofang {z-index:2!important;}
@media(max-width:900px){html body.body .home-latest-video-panel .category-con .a-con,html body.body .home-latest-video-panel > .category-con > .a-con{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 12px!important}}
@media(max-width:767px){
 html body.body .home-latest-video-panel .category-con .a-con,html body.body .home-latest-video-panel > .category-con > .a-con{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 8px!important}
 html body.body .home-latest-video-panel .a-con-inner .s1{font-size:12px!important}
 html body.body .home-latest-video-panel .a-con-inner .vod-time{font-size:10px!important}
}

/* AI cards: same left/right alignment as latest videos, with a deliberately shorter poster. */
html body.body .main .hub-wrap > .ai-video-section {
 width:100%!important;max-width:none!important;margin:0!important;padding:clamp(18px,2.2vw,30px)!important;box-sizing:border-box!important;
}
html body.body .ai-video-section .ai-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 14px!important}
html body.body .ai-video-section .ai-video-poster{display:block!important;position:relative!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important;overflow:hidden!important;border-radius:10px!important}
html body.body .ai-video-section .ai-video-poster>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:767px){html body.body .main .hub-wrap > .ai-video-section{padding:0!important}html body.body .ai-video-section .ai-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 9px!important}}

/* Shortcut grid and random-purple accent retained. */
html body.body.avref26-home .avref26-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
@media(max-width:767px){html body.body.avref26-home .avref26-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}

/* Full-bleed footer: no inset card or framed box. */
html body.body .footer.avref26-footer{display:block!important;width:100%!important;max-width:none!important;margin:42px 0 0!important;padding:34px clamp(18px,4vw,64px)!important;box-sizing:border-box!important;border:0!important;border-top:1px solid rgba(57,185,120,.24)!important;border-radius:0!important;background:linear-gradient(110deg,#0d2b1c 0%,#09170f 52%,#102a1b 100%)!important}
html body.body .footer.avref26-footer .footer-inner{width:min(1500px,100%)!important;max-width:1500px!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
html body.body .footer.avref26-footer .footer-brand{font-size:22px!important;font-weight:850!important;color:#e9f8ee!important}
html body.body .footer.avref26-footer .copyright{max-width:980px!important;margin:0!important;color:#a8b9ae!important;font-size:12px!important;line-height:1.8!important}
html body.body .footer.avref26-footer .footer-contact{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 16px!important;color:#c3d8ca!important;font-size:13px!important}
html body.body .footer.avref26-footer .footer-note{color:#789382!important;font-size:11px!important}
@media(max-width:767px){html body.body .footer.avref26-footer{margin-top:26px!important;padding:25px 14px!important}html body.body .footer.avref26-footer .footer-contact{flex-direction:column!important;gap:5px!important}html body.body .footer.avref26-footer .footer-separator{display:none!important}}


/* ===== merged: fresh-structure-overrides-20261113.css ===== */
/* AVLOG fresh structure layer — intentionally loaded last to replace legacy component rules. */
:root {
  --av-card-bg: #0c1b14;
  --av-card-green: #16a34a;
  --av-card-green-glow: rgba(22, 163, 74, .22);
  --av-card-purple: #a855f7;
  --av-card-purple-glow: rgba(168, 85, 247, .24);
}

/* Remove artificial blank area below page content. */
html, body { min-height: 0 !important; }
html body.body .main {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 12px !important;
  margin-bottom: 0 !important;
}
html body.body .main > .hub-wrap { padding-bottom: 0 !important; margin-bottom: 0 !important; }
html body.body footer.footer { margin-top: 18px !important; padding-bottom: 18px !important; }
html body.body footer.footer .footer-inner { padding-bottom: 0 !important; margin-bottom: 0 !important; }

/* Homepage shortcut cards: exact dark-green surface and distinct green/purple rails. */
html body.body.avref26-home .main { width: 100% !important; max-width: none !important; }
html body.body.avref26-home .main > .hub-wrap {
  width: calc(100% - 14px) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* AI video tiles: green border is always visible, not hover-dependent. */
html body.body.avref26-home #ai-videos .ai-video-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(34,197,94,.68) !important;
  border-radius: 12px !important;
  background: #0c1d15 !important;
  box-shadow: 0 0 0 1px rgba(34,197,94,.06) !important;
}
html body.body.avref26-home #ai-videos .ai-video-card:hover {
  border-color: #4ade80 !important;
  box-shadow: 0 0 16px rgba(34,197,94,.16) !important;
}
html body.body.avref26-home #ai-videos .ai-video-poster { border-radius: 10px 10px 0 0 !important; }
html body.body.avref26-home #ai-videos .ai-video-caption { padding: 9px 11px 11px !important; }

/* No decorative play overlays anywhere on video thumbnails. Keep the thumbnail link clickable. */
html body.body .pic .bofang,
html body.body .pic > i.icon-bofang,
html body.body .ai-video-play,
html body.body .play-related-v2-cover .icon-bofang,
html body.body .play-related-v2-cover > i,
html body.body .pic::after,
html body.body .pic::before,
html body.body .ai-video-poster::after,
html body.body .ai-video-poster::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html body.body .pic img,
html body.body .ai-video-poster img { filter: none !important; }
html body.body .pic a:hover img,
html body.body .ai-video-card:hover .ai-video-poster img { filter: none !important; }

/* Remove obsolete footer navigation caption and any reserved spacing it created. */
html body.body .footer .footer-note { display: none !important; margin: 0 !important; padding: 0 !important; }

@media (max-width: 1100px) {
}
@media (max-width: 767px) {
  html body.body.avref26-home .main > .hub-wrap { width: calc(100% - 20px) !important; padding-left: 0 !important; padding-right: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
}


/* ===== merged: followup-header-shortcuts-20261113.css ===== */
/* AVLOG shared header + shortcuts refinement, 2026-11-13. */
html body.body .site-header.avref26-header {
  position: relative;
  top: auto;
  z-index: 1500;
  isolation: isolate;
  width: 100%;
  border-bottom: 1px solid rgba(31,190,103,.22);
  background: rgba(8,17,12,.97);
  box-shadow: 0 8px 26px rgba(0,0,0,.20);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  backdrop-filter: blur(14px) saturate(125%);
}
@media (min-width: 768px) {
  html body.body .site-header.avref26-header { position: relative; top: auto; }
}
@media (max-width: 767px) {
  html body.body .site-header.avref26-header { position: relative; top: auto; }
}
html body.body .site-header.avref26-header::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg,transparent 0%,rgba(22,163,74,.18) 12%,rgba(34,197,94,.9) 50%,rgba(22,163,74,.18) 88%,transparent 100%);
  box-shadow: 0 0 9px rgba(34,197,94,.55),0 0 22px rgba(34,197,94,.28);
}
html body.body .site-header.avref26-header .site-header-inner {
  position: relative;
  z-index: 2;
}
html body.body .site-header.avref26-header .site-main-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: clamp(7px,1vw,16px);
  min-width: 0;
  visibility: visible;
  opacity: 1;
}
html body.body .site-header.avref26-header .site-main-nav .site-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  visibility: visible;
  opacity: 1;
}
@media (min-width: 761px) {
}
@media (max-width: 760px) {
  html body.body .site-header.avref26-header .site-main-nav { min-width: 0; gap: 5px; }
  html body.body .site-header.avref26-header .site-main-nav .site-nav-link { gap: 4px; }
}


/* ===== merged: avlog-site-final-20261113.css ===== */
/* ============================================================
   AVLOG Site Final 2026-11-13
   统一覆盖旧冲突规则，不再叠加零散补丁。
   加载顺序：放在所有其他 CSS 之后。
   ============================================================ */

:root {
  --av-green: #20b86a;
  --av-green-bright: #2dd474;
  --av-green-soft: rgba(32, 184, 106, 0.14);
  --av-panel: #0c1b14;
  --av-panel-2: #102219;
  --av-border: rgba(103, 224, 154, 0.38);
  --av-text: #e8f5ec;
  --av-muted: #a8c4b2;
  --av-bg: #0a1610;
}

/* ---------- 全局底色与底部无留白 ---------- */
html, body.body {
  background-color: var(--av-bg) !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
html body.body footer.footer,
html body.body footer.footer.avref26-footer {
  margin-bottom: 0 !important;
  padding-bottom: 28px !important;
}
html body.body footer.footer:after,
html body.body footer.footer.avref26-footer:after {
  content: none !important;
  display: none !important;
}

/* ---------- 首页布局：统一左右对齐，AI 区无额外左右留白 ---------- */
html body.body.avref26-home .main > .hub-wrap {
  width: min(1500px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(12px, 2vw, 28px) !important;
  padding-right: clamp(12px, 2vw, 28px) !important;
  box-sizing: border-box !important;
}
/* AI 视频与最新视频同一套左右留白（不再贴边） */
html body.body .main .hub-wrap > .ai-video-section,
html body.body.avref26-home #ai-videos.ai-video-section,
html body.body #ai-videos {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
/* 标题与网格与最新视频内容区对齐：给一点内边距，避免贴死屏幕 */
/* 若最新视频有面板感，给 AI 同样的轻微左右内边距 */
html body.body.avref26-home #ai-videos .ai-video-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* 与最新视频列表视觉一致：统一左右内缩 */
html body.body.avref26-home #videos .category-con,
html body.body.avref26-home #videos .hub-section-head,

/* 快捷卡片与 AI 视频间距缩小 */
html body.body.avref26-home #ai-videos.ai-video-section,
html body.body #ai-videos {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* ---------- 快捷卡片：允许换行、电脑端更矮 ---------- */
@media (max-width: 767px) {
}

/* ---------- 绿色操作按钮（覆盖紫色） ---------- */
/* 绿色描边按钮：不铺满绿色，只有边框，悬停高亮边框 */
html body.body .ai-video-more,
html body.body .hub-section-head > a:not(.hub-latest-random),
html body.body a.avref26-green-action,
html body.body .avref26-green-action,
html body.body .ai-video-more.avref26-green-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border: 1.5px solid rgba(46, 204, 113, 0.65) !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: border-color .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
html body.body .ai-video-more:hover,
html body.body .hub-section-head > a:not(.hub-latest-random):hover,
html body.body a.avref26-green-action:hover,
html body.body .avref26-green-action:hover {
  border-color: #2dd474 !important;
  color: #ffffff !important;
  background: rgba(32, 184, 106, 0.12) !important;
  box-shadow: 0 0 0 1px rgba(45, 212, 116, 0.35), 0 0 14px rgba(32, 184, 106, 0.18) !important;
  transform: none !important;
  filter: none !important;
}

/* ---------- 视频卡片统一：无播放按钮、日期右下角、分类在标题下 ---------- */
html body.body .a-con-inner .pic,
html body.body .avlog-video-item .pic,
html body.body .ai-video-poster {
  position: relative !important;
  overflow: hidden !important;
}
/* 彻底隐藏封面播放按钮 */
html body.body .a-con-inner .pic .bofang,
html body.body .a-con-inner .pic .icon-bofang,
html body.body .avlog-video-item .pic .bofang,
html body.body .avlog-video-item .pic .icon-bofang,
html body.body .pic .bofang,
html body.body .ai-video-play,
html body.body #ai-videos .ai-video-play {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* 日期徽章 */
html body.body .home-video-date,
html body.body .a-con-inner .pic .home-video-date,
html body.body .avlog-video-item .pic .home-video-date {
  position: absolute !important;
  right: 7px !important;
  bottom: 7px !important;
  z-index: 3 !important;
  padding: 3px 6px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 5px !important;
  background: rgba(5,13,9,.78) !important;
  color: #f1fff5 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  pointer-events: none !important;
  backdrop-filter: blur(5px);
}
/* 隐藏旧「发布时间」文字 */
html body.body .a-con-inner > .vod-time,
html body.body .avlog-video-item > .vod-time,
html body.body .vod-time {
  display: none !important;
}
/* 分类标签 */
html body.body .a-con-inner > .s2,
html body.body .avlog-video-item > .s2 {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
html body.body .a-con-inner > .s2 a,
html body.body .avlog-video-item > .s2 a {
  color: var(--av-green-bright) !important;
  text-decoration: none !important;
}
html body.body .a-con-inner > .s2 a:hover,
html body.body .avlog-video-item > .s2 a:hover {
  text-decoration: underline !important;
  color: #7dffb0 !important;
}

/* ---------- 关键词：电脑 18 列（首页 + 搜索） ---------- */
@media (max-width: 1600px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 767px) {
}

/* ---------- 列表网格微调，整体更紧凑漂亮 ---------- */
html body.body .category-con .a-con,
html body.body .avlog-video-list .a-con,
html body.body #videos .category-con > .a-con {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 16px 12px !important;
}
@media (max-width: 1100px) {
  html body.body .category-con .a-con,
  html body.body #videos .category-con > .a-con {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  html body.body .category-con .a-con,
  html body.body #videos .category-con > .a-con {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
  }
}

/* 标题两行截断，更干净 */
html body.body .a-con-inner > .s1,
html body.body .avlog-video-item > .s1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: var(--av-text) !important;
}
html body.body .a-con-inner > .s1 a {
  color: inherit !important;
  text-decoration: none !important;
}
html body.body .a-con-inner > .s1 a:hover {
  color: var(--av-green-bright) !important;
}

/* 封面圆角与悬停轻微放大（无播放按钮） */
html body.body .a-con-inner .pic > a,
html body.body .avlog-video-item .pic > a {
  display: block !important;
  position: relative !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #102017 !important;
}
html body.body .a-con-inner .pic img,
html body.body .avlog-video-item .pic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .28s ease, filter .28s ease !important;
}
html body.body .a-con-inner:hover .pic img,
html body.body .avlog-video-item:hover .pic img {
  transform: scale(1.03) !important;
  filter: brightness(0.88) !important;
}


/* 播放页关联推荐：描述文字样式（替代分类按钮） */
html body.body .avlog-video-item > .s2-desc,
html body.body .a-con-inner > .s2-desc {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #9bb8a8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  pointer-events: none !important;
}
html body.body .avlog-video-item > .s2-desc a {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
}


/* 搜索页关键词与首页关键词大全完全同款 */
@media (max-width: 1600px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 767px) {
}


/* AI 视频左右与最新视频完全一致：跟随 hub-wrap 内边距，不额外贴边也不额外加宽 */
html body.body.avref26-home #ai-videos.ai-video-section,
html body.body #ai-videos {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body.body.avref26-home #videos .hub-section-head,
html body.body.avref26-home #videos .category-con {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* 标题文字本身与最新视频 h2 左对齐 */

/* ============================================================
   2026-11-13 紧急修正（按用户截图与反馈）
   ============================================================ */

/* 1) 电脑端快捷卡片：强制压矮（覆盖 final-refresh 的 174px） */
@media (min-width: 768px) {
}
/* 手机端保持不动 */
@media (max-width: 767px) {
}

/* 2) 所有标题框：左侧绿色竖杠（与搜索关键词标题一致） */
html body.body .hub-section-head,
html body.body .listing-title-box,
html body.body .home-video-list .category-con > .hub-section-head,
html body.body .home-video-list .category-con > .listing-title-box,
html body.body .home-video-categories .hub-section-head,
html body.body .vod-keyword-panel .hub-section-head {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  margin: 0 0 14px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(18, 200, 117, 0.22) !important;
  border-left: 5px solid #13b967 !important;
  border-radius: 12px !important;
  background: linear-gradient(100deg, rgba(17, 57, 36, 0.72), rgba(13, 29, 22, 0.9)) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box !important;
}
html body.body .hub-section-head h1,
html body.body .hub-section-head h2,
html body.body .listing-title-box h1,
html body.body .listing-title-box h2,

/* 3) AI 视频 + 最新视频：与「视频分类」标题框同一左右边距，不要贴边 */
html body.body.avref26-home .main > .hub-wrap {
  padding-left: clamp(14px, 2.2vw, 28px) !important;
  padding-right: clamp(14px, 2.2vw, 28px) !important;
}
html body.body .main .hub-wrap > .ai-video-section,
html body.body.avref26-home #ai-videos,
html body.body.avref26-home #videos,
html body.body.avref26-home #video-categories,
/* 内容区不再额外贴边，跟随 hub-wrap 的统一左右留白 */
html body.body #videos .hub-section-head,
html body.body #videos .category-con,
html body.body #video-categories .hub-section-head,
html body.body #video-categories .home-video-category-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* 4) 搜索页关键词 = 首页关键词大全（彻底统一） */
@media (max-width: 1600px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 767px) {
}

/* 5) 强制隐藏「发布时间」 */
html body.body .vod-time,
html body.body .a-con-inner > .vod-time,
html body.body .avlog-video-item > .vod-time {
  display: none !important;
}


/* ===== merged: avlog-v2-clean.css ===== */
/* ============================================================
   AVLOG V2 Clean Layout — 2026-11-13 r3
   全新 class，最后加载。
   ============================================================ */

/* ---- 快捷卡片 ---- */
.av-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.av-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 130px !important;
  height: 130px !important;
  max-height: 130px !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(103, 224, 154, 0.35) !important;
  border-left: 5px solid #20b86a !important;
  border-radius: 14px !important;
  background: #0c1b14 !important;
  color: #effff4 !important;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
  overflow: hidden !important;
}
.av-card:hover {
  background: #102219 !important;
  border-color: rgba(103, 224, 154, 0.65) !important;
  transform: translateY(-2px) !important;
}
/* 随机视频：整圈紫色边框 + 左侧紫杠 */
.av-card.av-card-purple {
  border: 1px solid rgba(168, 85, 247, 0.55) !important;
  border-left: 5px solid #a855f7 !important;
  background: #12101c !important;
}
.av-card.av-card-purple:hover {
  background: #1a1528 !important;
  border-color: rgba(192, 132, 252, 0.75) !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.18) !important;
}
.av-card-icon {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  font-size: 20px !important;
  color: #fff !important;
}
.av-card-icon-green { background: #20a85f !important; }
.av-card-icon-purple { background: linear-gradient(145deg, #7445ce, #a45ce9) !important; }
.av-card-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.av-card-title {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  color: #f1fff5 !important;
}
.av-card-desc {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #b8d9c4 !important;
  white-space: normal !important;
}
@media (max-width: 767px) {
  .av-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
  }
  .av-card {
    min-height: 88px !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px !important;
    gap: 10px !important;
  }
  .av-card-icon {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
  }
  .av-card-title { font-size: 14px !important; }
  .av-card-desc { font-size: 11px !important; }
}

/* ---- 统一标题栏：绿竖杠 + 文字与竖杠保持距离 ---- */
.av-title-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 0 12px !important;
  /* 左侧竖杠 5px，内边距加大让文字离竖杠更远 */
  padding: 12px 16px 12px 12px !important;
  border: 1px solid rgba(18, 200, 117, 0.22) !important;
  border-left: 5px solid #13b967 !important;
  border-radius: 12px !important;
  background: linear-gradient(100deg, rgba(17, 57, 36, 0.72), rgba(13, 29, 22, 0.9)) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
  box-sizing: border-box !important;
}
.av-title-bar h1,
.av-title-bar h2,
.av-title-bar .av-title-text {
  margin: 0 !important;
  padding: 0 !important;
  color: #f3fff7 !important;
  font-size: clamp(17px, 1.8vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.av-title-bar .play-episode-total,
.av-title-bar .ai-video-overline {
  display: block !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: #a9d8bb !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}
/* AI 标题：overline + 标题纵向排列，整体离左竖杠有间距（靠 padding-left:20px） */
.av-title-bar.ai-video-heading {
  align-items: center !important;
}
.av-title-bar .ai-video-title-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
.av-title-bar.ai-video-heading h2 {
  margin: 0 !important;
}

/* ---- 区块间距：卡片→AI、AI→最新视频 都收紧 ---- */
html body.body #ai-videos,
html body.body.avref26-home #ai-videos.ai-video-section {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}
html body.body #videos.home-latest-video-panel,
html body.body.avref26-home #videos {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
html body.body .hub-section {
  margin-bottom: 18px !important;
}

/* ---- 绿色描边按钮 + 换一批：白字 ---- */
.av-title-bar a.ai-video-more,
.av-title-bar a.avref26-green-action,
a.ai-video-more,
a.avref26-green-action,
.hub-latest-random,
a.hub-latest-random,
.avref26-batch-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border: 1.5px solid rgba(46, 204, 113, 0.7) !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease !important;
}
.av-title-bar a.ai-video-more:hover,
.av-title-bar a.avref26-green-action:hover,
a.ai-video-more:hover,
a.avref26-green-action:hover,
.hub-latest-random:hover,
a.hub-latest-random:hover,
.avref26-batch-action:hover {
  border-color: #2dd474 !important;
  background: rgba(32, 184, 106, 0.14) !important;
  color: #ffffff !important;
}
/* 换一批：紫色边框 + 白字 */
html body.body #videos .hub-latest-random,
html body.body .hub-latest-random,
a.hub-latest-random,
.avref26-batch-action {
  border: 1.5px solid rgba(168, 85, 247, 0.75) !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html body.body #videos .hub-latest-random:hover,
html body.body .hub-latest-random:hover,
a.hub-latest-random:hover,
.avref26-batch-action:hover {
  border-color: #c084fc !important;
  background: rgba(168, 85, 247, 0.14) !important;
  color: #ffffff !important;
}
html body.body #videos .hub-latest-random > span,
html body.body .hub-latest-random > span {
  color: #ffffff !important;
  filter: none !important;
}

/* ---- 左右留白 ---- */
html body.body .main > .hub-wrap,
html body.body.avref26-home .main > .hub-wrap {
  width: min(1500px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(14px, 2.2vw, 28px) !important;
  padding-right: clamp(14px, 2.2vw, 28px) !important;
  box-sizing: border-box !important;
}

/* ---- 全站美化：视频卡片 ---- */
html body.body .a-con-inner,
html body.body .avlog-video-item {
  transition: transform .2s ease !important;
}
html body.body .a-con-inner .pic > a,
html body.body .avlog-video-item .pic > a {
  display: block !important;
  position: relative !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #102017 !important;
}
html body.body .a-con-inner .pic img,
html body.body .avlog-video-item .pic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .28s ease, filter .28s ease !important;
}
html body.body .a-con-inner:hover .pic img,
html body.body .avlog-video-item:hover .pic img {
  transform: scale(1.04) !important;
  filter: brightness(0.86) !important;
}
html body.body .home-video-date {
  position: absolute !important;
  right: 7px !important;
  bottom: 7px !important;
  z-index: 3 !important;
  padding: 3px 7px !important;
  border-radius: 5px !important;
  background: rgba(5, 13, 9, 0.78) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #f1fff5 !important;
  font-size: 10px !important;
  pointer-events: none !important;
}
html body.body .vod-time { display: none !important; }
html body.body .a-con-inner > .s1,
html body.body .avlog-video-item > .s1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #e8f5ec !important;
}
html body.body .a-con-inner > .s1 a { color: inherit !important; text-decoration: none !important; }
html body.body .a-con-inner > .s1 a:hover { color: #7dffb0 !important; }
html body.body .a-con-inner > .s2 a,
html body.body .avlog-video-item > .s2 a {
  color: #2dd474 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}
html body.body .a-con-inner > .s2-desc {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  color: #9bb8a8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* 隐藏播放按钮 */
html body.body .pic .bofang,
html body.body .pic .icon-bofang,
html body.body .ai-video-play {
  display: none !important;
}

/* ---- 分类按钮网格 ---- */
html body.body .home-video-category-grid:not(.keyword-directory-grid) {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html body.body .home-video-category-grid:not(.keyword-directory-grid) a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.02) !important;
  color: #c5dbc9 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: .15s !important;
}
html body.body .home-video-category-grid:not(.keyword-directory-grid) a:hover {
  border-color: rgba(46,204,113,.5) !important;
  background: rgba(32,184,106,.12) !important;
  color: #a4f0b9 !important;
}
@media (max-width: 1100px) {
  html body.body .home-video-category-grid:not(.keyword-directory-grid) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  html body.body .home-video-category-grid:not(.keyword-directory-grid) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* ---- 页脚与底色 ---- */
html, body.body {
  background-color: #0a1610 !important;
}
html body.body footer.footer,
html body.body footer.footer.avref26-footer {
  margin-bottom: 0 !important;
  border-top: 1px solid rgba(57,185,120,.2) !important;
}


/* 关联推荐：简介样式（替代分类按钮） */
.play-related-v2-desc {
  display: block !important;
  margin: 6px 0 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #9bb8a8 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.play-related-v2-tags,
.play-related-v2-category {
  display: none !important;
}


/* 猜你喜欢 / 视频列表标题：允许显示 2 行 */
html body.body .home-latest-video-panel .a-con-inner > .s1,
html body.body .home-video-list .a-con-inner > .s1,
html body.body .avlog-video-item > .s1,
html body.body [aria-label="猜你喜欢"] .s1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  max-height: 2.8em !important;
  line-height: 1.4 !important;
  font-size: 13px !important;
}


/* AI 标题「每天更新…」与左侧绿竖杠再拉开一点 */
.av-title-bar.ai-video-heading {
  padding-left: 28px !important;
}
.av-title-bar.ai-video-heading .ai-video-title-wrap,
.av-title-bar.ai-video-heading .ai-video-overline,
.av-title-bar.ai-video-heading h2 {
  margin-left: 0 !important;
  padding-left: 0 !important;
}




/* ========== AI 标题：独立视觉（恢复原风格）+ 与竖杠留距 ========== */
.av-title-bar.av-ai-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: auto !important;
  margin: 0 0 12px !important;
  /* 绿竖杠 5px + 内容 12px 内边距，不贴杠 */
  padding: 16px 18px 16px 12px !important;
  border: 1px solid rgba(18, 200, 117, 0.28) !important;
  border-left: 5px solid #13b967 !important;
  border-radius: 14px !important;
  /* 比普通标题更深一点的 AI 专属渐变 */
  background: linear-gradient(105deg, rgba(14, 70, 42, 0.92) 0%, rgba(10, 28, 20, 0.95) 48%, rgba(12, 36, 26, 0.9) 100%) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(103, 224, 154, 0.08) !important;
  box-sizing: border-box !important;
}
.av-ai-head-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  /* 文字相对竖杠再留一点空隙 */
  padding: 0 0 0 8px !important;
}
.av-ai-head-tip {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8fd9a8 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}
.av-ai-head-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
}
.av-ai-head-title .ai-title-mark {
  display: inline-block !important;
  margin-right: 6px !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #168a4b, #20b86a) !important;
  color: #fff !important;
  font-size: 0.72em !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  vertical-align: middle !important;
}

/* 普通标题栏：与竖杠 12px */
.av-title-bar:not(.av-ai-head) {
  padding: 12px 16px 12px 12px !important;
}


/* AI 标题框右侧大号 "AI" 字母背景 */
.av-title-bar.av-ai-head {
  position: relative !important;
  overflow: hidden !important;
}
.av-title-bar.av-ai-head::after {
  content: "AI" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: clamp(54px, 7vw, 92px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.06em !important;
  line-height: 1 !important;
  color: rgba(92, 220, 133, 0.08) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  user-select: none !important;
}
.av-title-bar.av-ai-head > * {
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 767px) {
  .av-title-bar.av-ai-head::after {
    right: 10px !important;
    font-size: 48px !important;
    color: rgba(92, 220, 133, 0.06) !important;
  }
}


/* AI 区域电脑端间距收紧 */
@media (min-width: 768px) {
  .av-card-grid {
    margin-bottom: 6px !important;
  }
  html body.body #ai-videos,
  html body.body.avref26-home #ai-videos.ai-video-section,
  html body.body .ai-video-section {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .av-title-bar.av-ai-head {
    margin-bottom: 10px !important;
  }
  html body.body #videos,
  html body.body.avref26-home #videos,
  html body.body #videos.home-latest-video-panel {
    margin-top: 0 !important;
  }
  html body.body .hub-section {
    margin-top: 0 !important;
  }
}


/* ========== 关键词大全 / 热门关键词：全新 av-kw（电脑18 / 手机6） ========== */
.av-kw-section {
  margin: 0 0 18px !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.av-kw-grid {
  display: grid !important;
  grid-template-columns: repeat(18, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.av-kw-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 5px 2px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  color: #b8d9c4 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: border-color .15s ease, background .15s ease, color .15s ease !important;
}
.av-kw-grid a:hover {
  border-color: rgba(46, 204, 113, 0.55) !important;
  background: rgba(32, 184, 106, 0.12) !important;
  color: #a4f0b9 !important;
}
@media (max-width: 1600px) {
  .av-kw-grid { grid-template-columns: repeat(15, minmax(0, 1fr)) !important; }
}
@media (max-width: 1400px) {
  .av-kw-grid { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
}
@media (max-width: 1100px) {
  .av-kw-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  .av-kw-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .av-kw-grid a {
    min-height: 30px !important;
    font-size: 11px !important;
    padding: 4px 1px !important;
  }
}


/* ===== merged: site-experience-system.css ===== */
/* ======================================================================
   AVLOG site experience system
   Shared footer + small global quality improvements.
   Keep page-specific layouts in their own stylesheets.
   ====================================================================== */

:root {
  --site-accent: #27c879;
  --site-accent-soft: rgba(39, 200, 121, .14);
  --site-surface: #101b15;
  --site-text: #e8f2eb;
  --site-muted: #9aafa1;
  --site-line: rgba(133, 190, 151, .16);
}

/* Consistent keyboard focus without changing normal mouse appearance. */
:where(a, button, input, select, textarea, [role="button"]):focus-visible {
  outline: 2px solid var(--site-accent);
  outline-offset: 3px;
}

/* Keep media rendering stable and avoid accidental horizontal overflow. */
img, video, iframe {
  max-width: 100%;
}

html {
  scroll-padding-top: 16px;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* Full-bleed footer: the footer itself spans the viewport; only its content
   is constrained for readability. It is a normal-flow element, never sticky. */
html body.body > footer.footer.avref26-footer.site-footer,
html body.body footer.footer.avref26-footer.site-footer,
html body.body.avref26-home > footer.footer.avref26-footer.site-footer {
  position: relative !important;
  inset: auto !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden;
  border: 0 !important;
  border-top: 1px solid rgba(70, 204, 131, .28) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(39, 200, 121, .16), transparent 38%),
    radial-gradient(ellipse at 88% 12%, rgba(89, 76, 190, .12), transparent 34%),
    linear-gradient(120deg, #0b2116 0%, #08130e 48%, #0c1d14 100%) !important;
  box-shadow: 0 -14px 42px rgba(0, 0, 0, .12) !important;
  z-index: 1;
}

html body.body > footer.footer.avref26-footer.site-footer::before,
html body.body.avref26-home > footer.footer.avref26-footer.site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(68, 220, 139, .72), rgba(143, 111, 231, .48), transparent);
}

html body.body footer.footer.avref26-footer.site-footer .footer-inner.site-footer-inner {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.35fr) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: clamp(24px, 4vw, 64px) !important;
  width: min(1320px, calc(100% - 64px)) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 42px 0 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  box-sizing: border-box;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: #5cdb99;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}

html body.body footer.footer.avref26-footer.site-footer .footer-brand {
  margin: 0;
  color: #f0fff5 !important;
  font-size: clamp(21px, 2vw, 27px) !important;
  font-weight: 850 !important;
  letter-spacing: .025em;
  line-height: 1.25;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-description {
  margin: 11px 0 0;
  color: #91a99a;
  font-size: 13px;
  line-height: 1.8;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-heading {
  display: block;
  margin: 3px 0 14px;
  color: #dceee2;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .04em;
}

html body.body footer.footer.avref26-footer.site-footer .copyright {
  max-width: 540px !important;
  margin: 0 !important;
  color: #9aafa1 !important;
  font-size: 12px !important;
  line-height: 2 !important;
  text-align: left !important;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-contact {
  display: grid;
  gap: 11px;
  min-width: 0;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-contact-item {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  color: #dceee2;
  text-decoration: none;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-contact-icon {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(85, 214, 143, .2);
  border-radius: 10px;
  background: rgba(39, 200, 121, .1);
  color: #6ce2a4;
  font-size: 15px;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-contact-item small,
html body.body footer.footer.avref26-footer.site-footer .site-footer-contact-item strong {
  display: block;
  overflow-wrap: anywhere;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-contact-item small {
  margin-bottom: 3px;
  color: #829b8b;
  font-size: 10px;
  font-weight: 600;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-contact-item strong {
  color: #d8e9de;
  font-size: 12px;
  font-weight: 650;
}

html body.body footer.footer.avref26-footer.site-footer a.site-footer-contact-item:hover strong {
  color: #72e3a7;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 16px max(10px, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(145, 190, 158, .1);
  color: #728b7b;
  font-size: 11px;
  text-align: center;
}

html body.body footer.footer.avref26-footer.site-footer .site-footer-bottom-dot {
  color: #45c986;
}

/* Back-to-top remains the only intentional floating utility. */
html body.body .back-to-top {
  z-index: 500;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

@media (max-width: 900px) {
  html body.body footer.footer.avref26-footer.site-footer .footer-inner.site-footer-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 28px 34px !important;
    width: calc(100% - 44px) !important;
    padding: 34px 0 28px !important;
  }
  html body.body footer.footer.avref26-footer.site-footer .site-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  html body.body > footer.footer.avref26-footer.site-footer,
  html body.body footer.footer.avref26-footer.site-footer,
  html body.body.avref26-home > footer.footer.avref26-footer.site-footer {
    margin-top: 26px !important;
  }
  html body.body footer.footer.avref26-footer.site-footer .footer-inner.site-footer-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 23px !important;
    width: calc(100% - 36px) !important;
    padding: 29px 0 25px !important;
  }
  html body.body footer.footer.avref26-footer.site-footer .site-footer-brand {
    grid-column: auto;
  }
  html body.body footer.footer.avref26-footer.site-footer .site-footer-heading {
    margin-bottom: 10px;
  }
  html body.body footer.footer.avref26-footer.site-footer .site-footer-bottom {
    min-height: 44px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ===== merged: desktop-sticky-header-20261114.css ===== */
/* 2026-11-14：仅电脑端顶部导航跟随页面滚动，手机端保持原来的自然滚动 */
@media (min-width: 768px) {
  html body.body header.site-header.avref26-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 5000 !important;
  }
}

@media (max-width: 767px) {
  html body.body header.site-header.avref26-header {
    position: relative !important;
    top: auto !important;
  }
}



/* 2026-11-14 global cleanup: native scrollbar, page flow and common green accents */
:root { scrollbar-color: #20b86a #101a14; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #101a14; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#32d985,#12864e); border: 2px solid #101a14; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #43e692; }
html, body { min-height: 100%; }
body.body { min-height: 100vh; display: flex; flex-direction: column; }
body.body > main, body.body > .main, body.body main.main { flex: 1 0 auto; width: 100%; }
body.body > .footer, body.body footer.site-footer { flex: 0 0 auto; width: 100%; margin-top: auto; }
body.body .site-footer { box-sizing: border-box; }
body.body .site-footer-inner { width: min(100% - 32px, 1240px); margin-inline: auto; }
/* AI 视频卡片取消外围绿色边框，列表及卡片内部交互保持原样 */
body.body #ai-videos .ai-video-card,
body.body .ai-video-section .ai-video-card,
body.body #ai-videos .ai-video-card:hover,
body.body .ai-video-section .ai-video-card:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}


/* 2026-11-14 global polish: consistent keyboard focus and restrained image feedback. */
body.body :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid rgba(56, 220, 132, .9);
  outline-offset: 3px;
}
body.body .avlog-video-item .pic img,
body.body .ai-video-card .ai-video-poster img {
  transition: transform .28s ease, filter .28s ease;
}
body.body .avlog-video-item:hover .pic img,
body.body .ai-video-card:hover .ai-video-poster img {
  transform: scale(1.025);
}
@media (prefers-reduced-motion: reduce) {
  body.body .avlog-video-item .pic img,
  body.body .ai-video-card .ai-video-poster img { transition: none !important; }
}

/* Shared navigation inline SVGs: same book/cloud artwork as homepage search modes. */
html body.body .site-main-nav .site-nav-inline-icon {
  display:inline-block; width:17px; height:17px; flex:0 0 17px;
  fill:none; stroke:currentColor; stroke-width:1.65;
  stroke-linecap:round; stroke-linejoin:round; vertical-align:middle;
}