/* ============ porn.com 风格暗色主题 ============ */
:root{
    --bg:#1b1b1b; --bg2:#232323; --bg3:#2c2c2c;
    --txt:#e6e6e6; --muted:#9a9a9a; --line:#383838;
    --accent:#ff9000; --accent2:#ff5c00; --radius:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font:14px/1.5 -apple-system,"Segoe UI",Roboto,"Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{max-width:1280px;margin:0 auto;padding:0 16px}

/* ---- 头部 ---- */
.site-header{background:rgba(22,22,24,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(0,0,0,.35)}
.header-inner{display:flex;align-items:center;gap:20px;height:64px}
.brand{font-size:22px;font-weight:800;color:#fff;white-space:nowrap;display:flex;align-items:center}
.brand img{height:36px}
.brand-text{background:linear-gradient(135deg,var(--accent),#ff5c00);color:#000;padding:6px 14px;
    border-radius:9px;box-shadow:0 3px 10px rgba(255,144,0,.32);letter-spacing:.5px}
.search-wrap{flex:1;max-width:600px;position:relative;display:flex}
.search-box{width:100%;display:flex;align-items:center;background:var(--bg);
    border:1px solid var(--line);border-radius:24px;padding-left:15px;overflow:hidden;
    transition:border-color .15s,box-shadow .15s}
.search-suggest{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:60;
    background:var(--bg2);border:1px solid var(--line);border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.45);padding:12px 14px}
.search-suggest .ss-title{font-size:12px;color:var(--muted);margin-bottom:9px}
.search-suggest .ss-tags{display:flex;flex-wrap:wrap;gap:8px}
.search-suggest a{font-size:13px;background:var(--bg3);border:1px solid var(--line);border-radius:16px;
    padding:5px 13px;color:#ddd;cursor:pointer;transition:background .15s,color .15s}
.search-suggest a:hover{background:var(--accent);border-color:var(--accent);color:#000}
.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,144,0,.14)}
.search-ico{font-style:normal;font-size:14px;opacity:.6;flex-shrink:0}
.search-box input{flex:1;background:transparent;border:0;color:var(--txt);padding:11px 12px;outline:none;font-size:14px}
.search-box button{background:linear-gradient(135deg,var(--accent),#ff7a00);color:#000;border:0;font-weight:700;
    padding:0 22px;align-self:stretch;cursor:pointer;transition:filter .15s}
.search-box button:hover{filter:brightness(1.08)}
.menu-toggle{display:none;font-size:24px;color:#fff}

.main-nav{background:linear-gradient(180deg,var(--bg3),var(--bg2));border-bottom:1px solid var(--line)}
.nav-list{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:5px 0}
.nav-list li a{display:block;padding:8px 14px;color:var(--muted);font-weight:600;white-space:nowrap;
    border-radius:8px;transition:color .15s,background .15s}
.nav-list li a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-list li a.active{color:#000;background:var(--accent)}
.nav-sep{width:1px;height:18px;background:var(--line);margin:0 8px}
.nav-cate a{color:#c2c2c2;font-weight:500}
.nav-cate a:hover{color:var(--accent);background:rgba(255,144,0,.12)}

.site-main{padding:20px 16px;min-height:60vh}

/* ---- 区块 ---- */
.block{margin-bottom:34px}
.block-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.block-title{font-size:18px;font-weight:700;margin-bottom:14px;color:#fff;
    border-left:4px solid var(--accent);padding-left:10px}
.block-sub{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}
/* 推荐版块标题强化 */
.rec-title{display:flex;align-items:center;gap:9px;border-left:0;padding-left:0}
.rec-title .rec-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
    border-radius:9px;font-size:16px;background:linear-gradient(135deg,var(--accent),var(--accent2,#ff5c00));
    box-shadow:0 3px 10px rgba(255,122,24,.32)}
.rec-title .rec-tag{font-size:11px;font-weight:700;color:var(--accent);background:rgba(255,122,24,.12);
    border:1px solid rgba(255,122,24,.35);border-radius:20px;padding:3px 10px;letter-spacing:.3px}
.rec-title .rec-sub{font-size:12px;color:var(--muted);font-weight:400}
/* 推荐区淡淡的高亮背景，和普通版块区分 */
.block.rec-block{background:linear-gradient(180deg,rgba(255,122,24,.05),transparent 120px);
    border-radius:14px;padding:14px 14px 4px;margin-left:-14px;margin-right:-14px}
@media(max-width:680px){.block.rec-block{margin-left:0;margin-right:0;padding:12px 0 2px;background:none}}

.sort-tabs{display:flex;gap:6px}
.sort-tabs a{padding:6px 14px;background:var(--bg3);border-radius:var(--radius);color:var(--muted);font-weight:600}
.sort-tabs a.active,.sort-tabs a:hover{background:var(--accent);color:#000}

/* ---- 内容网格 / 卡片 ---- */
.v-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.v-card{background:var(--bg2);border-radius:var(--radius);overflow:hidden;transition:transform .15s}
.v-card:hover{transform:translateY(-3px)}
.v-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--bg3);overflow:hidden}
.v-cover{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.v-card:hover .v-cover{transform:scale(1.05)}
.v-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:2;pointer-events:none}
.v-thumb.previewing::before{content:"▶ 再次点按进入";position:absolute;top:6px;left:6px;z-index:4;
    background:var(--accent);color:#000;font-size:11px;font-weight:700;padding:2px 7px;border-radius:3px;pointer-events:none}
.v-duration{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);color:#fff;
    font-size:12px;padding:1px 6px;border-radius:3px;z-index:3}
.v-title{display:block;padding:8px 10px 4px;font-size:13px;color:var(--txt);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.v-title:hover{color:var(--accent)}
.v-meta{display:flex;justify-content:space-between;padding:0 10px 10px;font-size:12px;color:var(--muted)}
.v-rating{color:var(--accent)}

.more-link{text-align:center;margin-top:16px}
.more-link a{color:var(--accent);font-weight:600}
/* 返回顶部 */
.back-top{position:fixed;right:22px;bottom:88px;z-index:58;width:46px;height:46px;border:0;cursor:pointer;
    border-radius:50%;background:var(--accent);color:#000;font-size:22px;font-weight:800;line-height:46px;
    box-shadow:0 4px 16px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(12px);
    transition:opacity .2s,transform .2s,visibility .2s}
.back-top.show{opacity:.92;visibility:visible;transform:translateY(0)}
.back-top:hover{opacity:1;filter:brightness(1.08)}
@media(max-width:680px){.back-top{right:14px;bottom:74px;width:42px;height:42px;line-height:42px;font-size:20px}}

/* 换一批按钮 */
.reload-btn{display:inline-flex;align-items:center;gap:7px;background:var(--bg3);color:#e8e8e8;
    border:1px solid var(--line);border-radius:22px;padding:8px 22px;font-size:14px;font-weight:600;
    cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.reload-btn:hover{background:var(--accent);border-color:var(--accent);color:#000}
.reload-btn .reload-ico{font-style:normal;font-size:16px;line-height:1;display:inline-block;transition:transform .4s}
.reload-btn:hover .reload-ico{transform:rotate(180deg)}
.reload-btn.loading{opacity:.6;pointer-events:none}
.reload-btn.loading .reload-ico{animation:reload-spin .7s linear infinite}
@keyframes reload-spin{to{transform:rotate(360deg)}}

/* ---- 全部分类索引页 ---- */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}
.cat-cell{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg2);
    border:1px solid var(--line);border-radius:10px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s}
.cat-cell:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--bg3)}
.cat-name{font-size:14px;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-count{flex-shrink:0;font-style:normal;font-size:12px;color:var(--muted);background:var(--bg3);
    border-radius:10px;padding:1px 8px;min-width:24px;text-align:center}
.cat-cell:hover .cat-count{color:var(--accent)}
@media(max-width:680px){.cat-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}}

/* ---- 主体+侧栏 ---- */
.with-side{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.cate-intro{color:var(--muted);margin-bottom:14px}
.side-title{font-size:15px;color:#fff;margin-bottom:12px;border-left:4px solid var(--accent);padding-left:10px}
.side-list{display:flex;flex-direction:column;gap:10px}
.side-item{display:flex;gap:10px;background:var(--bg2);border-radius:var(--radius);overflow:hidden}
.side-item img{width:110px;height:62px;object-fit:cover;flex-shrink:0}
.side-item span{padding:6px 8px;font-size:12px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.side-item:hover span{color:var(--accent)}

/* ---- 联系页 ---- */
.contact-hero{text-align:center;padding:36px 16px;background:linear-gradient(135deg,var(--bg2),var(--bg3));
    border-radius:10px;margin-bottom:24px}
.contact-hero h1{font-size:30px;color:#fff;margin-bottom:10px}
.contact-hero p{color:var(--muted);font-size:15px;max-width:560px;margin:0 auto}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:26px}
.c-card{display:flex;gap:14px;align-items:center;background:var(--bg2);border:1px solid var(--line);
    border-radius:10px;padding:18px;transition:transform .15s,border-color .15s}
.c-card:not(.no-link):hover{transform:translateY(-3px);border-color:var(--accent)}
.c-ico{width:52px;height:52px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;
    justify-content:center;font-size:26px;color:#fff;font-weight:700}
.c-body h3{font-size:16px;color:#fff;margin-bottom:3px}
.c-body p{color:var(--txt);font-size:14px;margin-bottom:4px;word-break:break-all}
.c-act{color:var(--accent);font-size:12px}
.c-card.no-link .c-act{color:var(--muted)}
.contact-extra{background:var(--bg2);border:1px solid var(--line);border-radius:10px;
    padding:18px;margin-bottom:26px;color:#cfcfcf;line-height:1.8}
.contact-faq{margin-bottom:30px}
.faq-item{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin-bottom:10px}
.faq-item h4{color:#fff;font-size:15px;margin-bottom:8px}
.faq-item h4::before{content:"Q ";color:var(--accent);font-weight:700}
.faq-item p{color:var(--muted);font-size:14px;line-height:1.7}
.faq-item a{color:var(--accent)}

/* ---- 面包屑 ---- */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:14px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .bc-sep{color:#555}
.breadcrumb .bc-cur{color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}

/* ---- 详情页 ---- */
.detail{margin-bottom:30px}
.detail>*:not(.player-row){max-width:960px}
.detail-title{font-size:22px;color:#fff;margin-bottom:14px;line-height:1.4}
.player{margin-bottom:16px}
.player-screen{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.player-video,.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.player-poster{background-size:cover;background-position:center}
.player-screen::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.player-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}
.pp-icon{width:84px;height:84px;border-radius:50%;background:var(--accent);color:#000;
    display:flex;align-items:center;justify-content:center;font-size:34px;padding-left:6px;
    box-shadow:0 6px 26px rgba(0,0,0,.6);transition:transform .15s}
.player-play:hover .pp-icon{transform:scale(1.1)}
.player-dur{position:absolute;right:10px;bottom:10px;z-index:3;background:rgba(0,0,0,.8);color:#fff;
    font-size:13px;padding:2px 8px;border-radius:3px}
.watch-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;
    background:linear-gradient(90deg,var(--accent),var(--accent2));color:#000;font-weight:800;font-size:17px;
    padding:14px;border-radius:8px;width:100%}
.watch-btn:hover{filter:brightness(1.08)}
.play-tip{text-align:center;color:var(--muted);font-size:12px;margin-top:8px}
.detail-bar{padding:12px 0;border-bottom:1px solid var(--line)}
.db-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.db-stats{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:14px}
.db-stats b{color:#fff}
.db-rating{color:var(--accent)}
.db-side{display:flex;gap:8px}
.act-btn{background:var(--bg3);border:1px solid var(--line);color:var(--txt);padding:8px 16px;
    border-radius:20px;cursor:pointer;font-size:14px;transition:border-color .15s,color .15s}
.act-btn:hover{border-color:var(--accent);color:var(--accent)}
.fav-btn.on{background:#3a1f1f;border-color:#ff5c5c;color:#ff7a7a}
/* 播放源(线路) */
.play-sources{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.ps-label{color:var(--accent);font-weight:700;font-size:14px;flex-shrink:0}
.ps-list{display:flex;flex-wrap:wrap;gap:8px}
.ps-item{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--line);
    color:var(--txt);padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;transition:all .15s}
.ps-item::before{content:"▶";font-size:9px;color:var(--accent)}
.ps-item:hover{border-color:var(--accent);color:var(--accent)}
.ps-item.active{background:linear-gradient(135deg,var(--accent),var(--accent2,#ff5c00));color:#000;border-color:transparent}
.ps-item.active::before{color:#000}
/* 信息卡片网格 */
.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}
.dm-item{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;
    display:flex;flex-direction:column;gap:3px}
.dm-k{color:var(--muted);font-size:12px}
.dm-v{color:#fff;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-v.dm-star{color:var(--accent)}
/* 简介区 */
.detail-section{margin:18px 0}
.ds-title{font-size:16px;color:#fff;font-weight:700;margin-bottom:10px;padding-left:11px;
    border-left:4px solid var(--accent)}
.detail-disclaimer{color:var(--muted);font-size:12px;line-height:1.7;background:var(--bg2);
    border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:16px}
.detail-tax{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.tax-label{color:var(--muted);font-size:13px;margin-right:4px;min-width:36px}
.tax-chip{background:var(--bg2);border:1px solid var(--line);color:var(--txt);padding:5px 13px;
    border-radius:20px;font-size:13px;text-transform:capitalize}
.tax-chip:hover{background:var(--accent);color:#000;border-color:var(--accent)}
.tax-chip.cat{background:var(--bg3);font-weight:600}
.detail-desc{background:var(--bg2);padding:14px 16px;border-radius:var(--radius);color:#cfcfcf;
    margin:14px 0;line-height:1.7}

/* ---- 关键词索引页 ---- */
.kw-az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:22px;position:sticky;top:60px;
    background:var(--bg);padding:10px 0;z-index:10;border-bottom:1px solid var(--line)}
.kw-az a,.kw-az span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
    border-radius:4px;font-weight:700;font-size:13px}
.kw-az a{background:var(--bg3);color:var(--txt)}
.kw-az a:hover{background:var(--accent);color:#000}
.kw-az span.off{color:#555;background:transparent}
.kw-group{margin-bottom:24px;scroll-margin-top:110px}
.kw-letter{font-size:20px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:12px}
.kw-chips{display:flex;flex-wrap:wrap;gap:8px}
.kw-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);
    padding:6px 12px;border-radius:20px;font-size:13px;text-transform:capitalize}
.kw-chip:hover{background:var(--accent);color:#000;border-color:var(--accent)}
.kw-chip i{font-style:normal;font-size:11px;color:var(--muted);background:var(--bg3);padding:0 6px;border-radius:10px}
.kw-chip:hover i{color:#000;background:rgba(0,0,0,.15)}

/* ---- 分页 / 空态 ---- */
.pager{margin-top:24px}
.pager .pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
    gap:6px;list-style:none;margin:0;padding:0}
.pager .pagination li{list-style:none}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
    padding:0 12px;background:var(--bg3);border-radius:var(--radius);color:var(--txt);font-size:14px}
.pager a:hover{background:var(--accent);color:#000}
.pager .active span{background:var(--accent);color:#000;font-weight:700}
.pager .disabled span{color:#555;background:var(--bg2);cursor:default}
.empty{color:var(--muted);text-align:center;padding:60px 0}

/* ---- 页脚 ---- */
.site-footer{background:linear-gradient(180deg,var(--bg2),var(--bg1));border-top:2px solid var(--accent);
    margin-top:48px;padding:36px 0 18px;color:var(--muted)}
.footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:26px;
    border-bottom:1px solid var(--line)}
.footer-logo{font-size:22px;font-weight:800;color:var(--accent);margin-bottom:12px;letter-spacing:.5px}
.footer-desc{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:14px}
.footer-tags{display:flex;flex-wrap:wrap;gap:8px}
.footer-tags span{font-size:12px;background:var(--bg3);border:1px solid var(--line);border-radius:20px;padding:4px 11px;color:#cfcfcf}
.footer-title{font-size:14px;color:#fff;font-weight:700;margin-bottom:14px;position:relative;padding-left:11px}
.footer-title::before{content:"";position:absolute;left:0;top:2px;width:3px;height:14px;background:var(--accent);border-radius:2px}
.footer-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-list a{font-size:13px;color:var(--muted);transition:color .15s,padding-left .15s}
.footer-list a:hover{color:var(--accent);padding-left:4px}
.footer-cats{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.footer-cats-all{grid-column:1/-1;margin-top:2px}
.footer-more{color:#8a8a8a !important;font-weight:600}
.footer-note{font-size:12px;line-height:1.7;color:#7a7a7a;margin-top:12px}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:16px;font-size:12px;color:#777}
.footer-18{display:inline-flex;align-items:center;justify-content:center;background:#e0245e;color:#fff;
    font-weight:800;font-size:12px;border-radius:5px;padding:2px 8px;letter-spacing:.5px}
.footer-bottom .copyright{font-size:12px}
.footer-icp{color:var(--muted)}.footer-icp:hover{color:var(--accent)}
.footer-warn{margin-left:auto;color:#8a6d3b}
@media(max-width:880px){
    .footer-cols{grid-template-columns:1fr 1fr;gap:22px}
    .footer-brand{grid-column:1/-1}
    .footer-warn{margin-left:0;width:100%}
}
/* 手机端紧凑页脚：隐藏营销简介、热门分类横向换行、快速导航/关于本站并排两列 */
@media(max-width:560px){
    .site-footer{margin-top:24px;padding:18px 0 12px}
    .footer-cols{grid-template-columns:1fr 1fr;gap:14px 20px;padding-bottom:14px}
    /* 品牌：只留 Logo + 标签，居中 */
    .footer-brand{grid-column:1/-1;text-align:center;margin-bottom:2px}
    .footer-logo{font-size:18px;margin-bottom:9px}
    .footer-desc{display:none}
    .footer-brand .footer-tags{justify-content:center;gap:6px}
    .footer-tags span{padding:3px 9px;font-size:11px}
    /* 热门分类：整行 + 横向小胶囊(自动换行2~3行，紧凑好看) */
    .footer-col:nth-child(2){grid-column:1/-1}
    .footer-cats{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
    .footer-cats li{margin:0}
    .footer-cats li a{display:inline-block;background:var(--bg3);border:1px solid var(--line);
        border-radius:15px;padding:5px 13px;font-size:12.5px;color:#c2c2c2}
    .footer-cats li a:hover{padding-left:13px;color:var(--accent);border-color:var(--accent)}
    .footer-cats-all{flex-basis:100%;margin-top:2px}
    .footer-cats-all a{background:none !important;border:0 !important;padding:0 !important}
    /* 通用收紧 */
    .footer-title{margin-bottom:9px;font-size:13px}
    .footer-list{gap:9px}
    .footer-list a,.footer-cats a{font-size:13px}
    .footer-note{font-size:11px;margin-top:6px;line-height:1.6}
    .footer-bottom{justify-content:center;text-align:center;gap:6px 12px;padding-top:12px}
    .footer-warn{width:100%;text-align:center;font-size:11px}
}

/* ---- 广告 ---- */
.ad-box{position:relative;display:block;line-height:0;overflow:hidden;border-radius:var(--radius)}
.ad-box img{width:100%;height:auto;display:block}
.ad-tag{position:absolute;top:4px;right:4px;z-index:2;background:rgba(0,0,0,.6);color:#fff;
    font-size:10px;line-height:1.4;padding:1px 6px;border-radius:3px;letter-spacing:1px;pointer-events:none}
/* 方形图标墙 */
.ad-icongrid{padding:6px 22px 6px 0;line-height:1.2}
.ad-icons{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}
.ad-icon{text-align:center;line-height:1.2}
.ad-icon img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--bg3);transition:transform .15s}
.ad-icon:hover img{transform:translateY(-3px)}
.ad-icon span{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-icon:hover span{color:var(--accent)}
@media(max-width:680px){ .ad-icons{grid-template-columns:repeat(5,1fr);gap:8px} .ad-icon span{font-size:10px} }
/* 播放器右侧广告列(PC) */
.player-row{max-width:960px;margin-bottom:16px}                /* 无侧广告：播放器保持原宽 */
.player-row.has-side{max-width:none;display:flex;gap:14px;align-items:flex-start} /* 有侧广告：撑满整行 */
.player-row.has-side .player{flex:1;min-width:0;margin-bottom:0;max-width:none}
.player-side{width:300px;flex-shrink:0}
.ad-stack{display:flex;flex-direction:column;gap:10px}
.player-side .ad-box{aspect-ratio:16/9;background:var(--bg3)}
.player-side .ad-box img{width:100%;height:100%;object-fit:cover}
@media(max-width:880px){
    .player-row.has-side{flex-direction:column}
    .player-side{width:100%}
    .ad-stack{flex-direction:row}
    .player-side .ad-box{flex:1;min-width:0}
}
/* 轮播 */
.ad-carousel{position:relative}
.ad-carousel .ad-slide{display:none;line-height:0}
.ad-carousel .ad-slide.active{display:block;animation:adfade .5s}
@keyframes adfade{from{opacity:.3}to{opacity:1}}
.ad-banner{margin:0 0 20px;text-align:center}
.ad-banner .ad-box{display:inline-block;max-width:100%}
.ad-header-wrap{padding:10px 16px 0}
.ad-footer-wrap{padding:14px 16px 0;text-align:center}
.ad-footer-wrap .ad-box{display:inline-block;max-width:100%}
/* 侧栏广告：标准 300×250 矩形，高度封顶不撑破侧栏 */
.ad-sidebar{margin-bottom:14px}
.ad-sidebar .ad-box{width:100%;background:var(--bg3)}
.ad-sidebar .ad-box img{width:100%;height:auto;max-height:250px;object-fit:cover}
/* 信息流广告卡(混在视频网格里)：与内容卡片封面同比例(16/9)，不撑高列表行 */
.v-card.ad-card{background:var(--bg3);overflow:hidden}
.v-card.ad-card .ad-box{width:100%;height:100%;aspect-ratio:16/9;border-radius:0}
.v-card.ad-card .ad-box img{width:100%;height:100%;object-fit:cover}
/* 悬浮底部广告条 */
.ad-float{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--bg2);border-top:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;padding:4px 36px 4px 4px;min-height:54px}
.ad-float .ad-box{max-height:60px}
.ad-float .ad-box img{max-height:56px;width:auto;margin:0 auto}
.ad-float-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;
    border:0;border-radius:50%;background:var(--bg3);color:var(--txt);font-size:16px;cursor:pointer;line-height:1}
@media(max-width:680px){ .ad-float{bottom:56px} } /* 手机端悬浮条在底部导航之上 */

/* ---- 移动端底部导航(默认隐藏) ---- */
.mobile-tabbar{display:none}

/* ---- 响应式 ---- */
@media(max-width:980px){
    .with-side{grid-template-columns:1fr}
    .side-col{display:none}
    .container{padding:0 12px}
}
@media(max-width:680px){
    /* 头部：品牌+菜单一行，搜索整行 */
    .header-inner{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}
    .brand{font-size:19px;order:1}
    .brand img{height:28px}
    .menu-toggle{display:block;order:2;margin-left:auto;padding:4px 8px}
    .search-wrap{order:3;flex-basis:100%;max-width:none}
    /* 折叠导航(点击☰展开)：网格并排，每行3个胶囊，紧凑省空间 */
    .main-nav{display:none}
    body.nav-open .main-nav{display:block}
    .main-nav>.container{padding:10px 12px}
    .nav-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;align-items:stretch}
    .nav-list li{border:0}
    .nav-list li a{display:flex;align-items:center;justify-content:center;text-align:center;
        padding:11px 6px;margin:0;border-radius:9px;background:var(--bg3);border:1px solid var(--line);
        font-size:13px;color:#d2d2d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .nav-list li a:hover,.nav-list li a.active{background:var(--accent);color:#000;border-color:var(--accent)}
    .nav-cate a{color:#bdbdbd;font-weight:500}
    .nav-sep{display:none}
    /* 内容网格固定两列 */
    .v-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .v-title{font-size:12px;min-height:34px;padding:6px 8px 2px}
    .v-meta{padding:0 8px 8px;font-size:11px}
    .site-main{padding:14px 12px}
    .block{margin-bottom:24px}
    .block-title{font-size:16px}
    .sort-tabs a{padding:6px 12px;font-size:13px}
    /* 详情页 */
    .detail-title{font-size:18px}
    .watch-btn{font-size:15px;padding:12px}
    .db-stats{gap:12px;font-size:13px}
    .detail-bar{gap:8px}
    /* 关键词页字母条不吸顶(避免遮挡) */
    .kw-az{position:static}
    .kw-az a,.kw-az span{width:28px;height:28px;font-size:12px}
    .kw-group{scroll-margin-top:70px}
    /* 联系页 */
    .contact-hero{padding:26px 14px}
    .contact-hero h1{font-size:24px}
    .contact-cards{grid-template-columns:1fr}
    /* 给底部导航留出空间 */
    body{padding-bottom:58px}
    /* 手机端底部固定导航 */
    .mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
        background:var(--bg2);border-top:1px solid var(--line);height:56px;
        padding-bottom:env(safe-area-inset-bottom,0)}
    .mobile-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
        gap:3px;color:var(--muted);font-size:11px}
    .mobile-tabbar a i{font-style:normal;font-size:18px;line-height:1}
    .mobile-tabbar a:active{color:var(--accent)}
}
@media(max-width:380px){
    .v-grid{gap:8px}
    .header-inner{gap:8px}
}