/* ============================================================
   简影主题覆盖层 v4 —— 深色现代风
   只改视觉（配色/圆角/毛玻璃/导航/面包屑/控件），
   不改任何页面结构与影片信息呈现方式。
   首页 body.doc-page 完全隔离，保持官方原样。
   ============================================================ */
:root{
    --accent:#6366f1;
    --accent2:#8b5cf6;
    --accent-soft:rgba(99,102,241,.16);
    --bg0:#0b0e14;
    --bg1:#12161f;
    --card:#171c28;
    --card2:#1e2534;
    --glass:rgba(18,22,31,.72);
    --glass-line:rgba(255,255,255,.08);
    --ink:#e9edf5;
    --muted:#8b96ab;
    --link:#9db4ff;
    --line:rgba(255,255,255,.07);
    --shadow:0 14px 34px rgba(0,0,0,.45);
    --radius:14px;
}

/* ---------- 全局基底（首页 doc-page 除外） ---------- */
body:not(.doc-page){
    background:radial-gradient(1200px 600px at 80% -10%,#1a2140 0%,transparent 60%),
               radial-gradient(900px 500px at -10% 30%,#1b1533 0%,transparent 55%),
               linear-gradient(180deg,var(--bg1),var(--bg0) 60%);
    background-attachment:fixed;
    color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Helvetica,Arial,sans-serif;
}
body:not(.doc-page) a{color:var(--link);transition:color .2s}
body:not(.doc-page) a:hover{color:var(--accent2)}
body:not(.doc-page) ::selection{background:rgba(99,102,241,.4)}

/* ---------- 顶栏：深色毛玻璃吸顶 ---------- */
body:not(.doc-page) .header{
    position:sticky;top:0;z-index:999;
    background:var(--glass);
    -webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);
    border-bottom:1px solid var(--glass-line);
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}
body:not(.doc-page) #logo img{height:32px;width:auto}
body:not(.doc-page) .ui-search input.search-input{
    border:1px solid var(--line);background:rgba(255,255,255,.06);
    border-radius:999px 0 0 999px;color:var(--ink);
    transition:border-color .2s,box-shadow .2s;
}
body:not(.doc-page) .ui-search input.search-input::placeholder{color:var(--muted)}
body:not(.doc-page) .ui-search input.search-input:focus{
    outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:rgba(255,255,255,.08);
}
body:not(.doc-page) .ui-search button.search-button{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    border-radius:0 999px 999px 0;border:0;color:#fff;font-weight:600;
    box-shadow:0 4px 14px rgba(99,102,241,.4);
}
body:not(.doc-page) .hotkeys a{color:var(--muted)}
body:not(.doc-page) .hotkeys a:hover{color:var(--accent2)}

/* ---------- 导航栏：深色毛玻璃胶囊 ---------- */
body:not(.doc-page) #navbar{background:transparent;box-shadow:none}
body:not(.doc-page) #navbar .layout{
    background:var(--glass);
    -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
    border:1px solid var(--glass-line);
    border-radius:var(--radius);
    box-shadow:0 12px 32px rgba(0,0,0,.4);
    margin-top:-14px;padding:6px 10px;
}
body:not(.doc-page) .ui-nav .nav-item{background:transparent;border-radius:999px;margin:2px 2px}
body:not(.doc-page) .ui-nav .nav-item a.nav-link{color:#c4cde0;font-size:14.5px}
body:not(.doc-page) .ui-nav .nav-item:hover{background:var(--accent-soft)}
body:not(.doc-page) .ui-nav .nav-item:hover a.nav-link{color:#fff}
body:not(.doc-page) .ui-nav .nav-item.current{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    box-shadow:0 6px 18px rgba(99,102,241,.45);
}
body:not(.doc-page) .ui-nav .nav-item.current a.nav-link{color:#fff;font-weight:600}

/* ---------- 轮播 ---------- */
body:not(.doc-page) .banner{border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
body:not(.doc-page) .banner .deansubdiv dl dd a{color:var(--ink)}
body:not(.doc-page) .banner .deansubdiv .deansubpt{
    background:var(--glass);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    border:1px solid var(--glass-line);
    border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);
}

/* ---------- 分区标题 ---------- */
body:not(.doc-page) .ui-title,
body:not(.doc-page) .title,
body:not(.doc-page) .channel-item .ui-title{border-bottom:1px solid var(--line)}
body:not(.doc-page) .ui-title h2,
body:not(.doc-page) .ui-title h3,
body:not(.doc-page) .title h2,
body:not(.doc-page) .channel-item .ui-title h2{color:var(--ink)}
body:not(.doc-page) .ui-title h2::before,
body:not(.doc-page) .ui-title h3::before,
body:not(.doc-page) .title h2::before,
body:not(.doc-page) .channel-item .ui-title h2::before{
    content:"";display:inline-block;width:20px;height:8px;
    background:linear-gradient(90deg,var(--accent),var(--accent2));
    border-radius:999px;margin-right:10px;vertical-align:2px;
    box-shadow:0 0 12px rgba(99,102,241,.7);
}
body:not(.doc-page) .ui-title span a,
body:not(.doc-page) .title dd a{color:var(--muted)}
body:not(.doc-page) .ui-title span a:hover,
body:not(.doc-page) .title dd a:hover{color:var(--accent2)}

/* ---------- 热门 Tab ---------- */
body:not(.doc-page) .latest-tab-nav ul li{
    background:rgba(255,255,255,.05);border:1px solid var(--line);
    border-radius:999px;margin-right:8px;transition:all .2s;
}
body:not(.doc-page) .latest-tab-nav ul li:hover{border-color:var(--accent)}
body:not(.doc-page) .latest-tab-nav ul li.current{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    border-color:transparent;box-shadow:0 6px 16px rgba(99,102,241,.4);
}
body:not(.doc-page) .latest-tab-nav ul li span{color:#c4cde0}
body:not(.doc-page) .latest-tab-nav ul li.current span{color:#fff}
body:not(.doc-page) .latest-tab-box{background:transparent}

/* ---------- 影片卡片（信息结构不变，仅视觉） ---------- */
body:not(.doc-page) .img-list li{
    background:linear-gradient(160deg,var(--card2),var(--card));
    border:1px solid var(--line);border-radius:12px;overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .22s,box-shadow .22s,border-color .22s;
}
body:not(.doc-page) .img-list li:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.5);border-color:rgba(99,102,241,.45)}
body:not(.doc-page) .img-list li a img{transition:transform .3s}
body:not(.doc-page) .img-list li:hover a img{transform:scale(1.05)}
body:not(.doc-page) .img-list li h2,
body:not(.doc-page) .img-list li h5{color:var(--ink)}
body:not(.doc-page) .img-list li p,
body:not(.doc-page) .img-list li .time{color:var(--muted)}
body:not(.doc-page) .img-list li .text{
    background:linear-gradient(135deg,rgba(99,102,241,.9),rgba(139,92,246,.9));
    border-radius:6px;box-shadow:0 3px 10px rgba(99,102,241,.4);
}
body:not(.doc-page) .txt-list li{border-bottom:1px dashed var(--line);color:var(--muted)}
body:not(.doc-page) .txt-list li a{color:var(--ink)}
body:not(.doc-page) .txt-list li a:hover{color:var(--accent2)}
body:not(.doc-page) .txt-list li span{color:var(--accent2);font-weight:600}

/* ---------- 区块容器（深色毛玻璃卡片） ---------- */
body:not(.doc-page) .box,
body:not(.doc-page) .ui-box,
body:not(.doc-page) .ui-ranking{
    background:rgba(23,28,40,.72);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid var(--glass-line);
    border-radius:16px;box-shadow:var(--shadow);
}

/* ---------- 排行榜 ---------- */
body:not(.doc-page) .ui-ranking h3{color:var(--ink);border-bottom:1px solid var(--line)}
body:not(.doc-page) .ranking-list li a{color:var(--ink)}
body:not(.doc-page) .ranking-list li a:hover{color:var(--accent2)}
body:not(.doc-page) .ranking-list li .stress{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    color:#fff;border-radius:6px;box-shadow:0 3px 10px rgba(99,102,241,.4);
}

/* ---------- 面包屑：深色胶囊 + 箭头分隔 ---------- */
body:not(.doc-page) .bread-crumb-nav{border-bottom:0;padding:14px 0 6px}
body:not(.doc-page) .bread-crumbs li{
    display:inline-flex;align-items:center;background:var(--glass);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border:1px solid var(--glass-line);border-radius:999px;
    padding:5px 13px;margin:4px 4px 4px 0;font-size:12.5px;
    box-shadow:0 4px 14px rgba(0,0,0,.3);
}
body:not(.doc-page) .bread-crumbs li::before{content:"›";color:var(--muted);margin-right:8px;font-size:14px;line-height:1}
body:not(.doc-page) .bread-crumbs li:first-child::before{content:"";margin:0}
body:not(.doc-page) .bread-crumbs li.home{
    background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;
    box-shadow:0 4px 14px rgba(99,102,241,.4);
}
body:not(.doc-page) .bread-crumbs li.home a{color:#fff;font-weight:600}
body:not(.doc-page) .bread-crumbs a{color:var(--muted)}
body:not(.doc-page) .bread-crumbs a:hover{color:var(--accent2)}

/* ---------- 详情页 ---------- */
body:not(.doc-page) .detail-pic img{border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.5)}
body:not(.doc-page) .detail-title h1{color:var(--ink)}
body:not(.doc-page) .detail-cols .info dl dt{color:var(--muted)}
body:not(.doc-page) .detail-cols .info dl dd,
body:not(.doc-page) .detail-cols .info dl dd a{color:var(--ink)}
body:not(.doc-page) .detail-cols .info dl dd a:hover{color:var(--accent2)}
body:not(.doc-page) .detail-cols .info .color{color:var(--accent2)}
body:not(.doc-page) .down-title h2{color:var(--ink)}
body:not(.doc-page) .down-title span{color:var(--muted)}
body:not(.doc-page) .video_list a{
    background:var(--card2);border:1px solid var(--line);border-radius:9px;
    color:var(--ink);transition:all .2s;box-shadow:0 3px 8px rgba(0,0,0,.25);
}
body:not(.doc-page) .video_list a:hover{
    border-color:var(--accent);color:#fff;background:var(--accent-soft);
    box-shadow:0 5px 14px rgba(99,102,241,.3);
}
body:not(.doc-page) .video_list a.cur{
    background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;
}
body:not(.doc-page) .tjuqing{color:#c7d0e0;line-height:1.95}

/* ---------- 筛选 / 排序（胶囊） ---------- */
body:not(.doc-page) .directory-list dl dd a,
body:not(.doc-page) .filter-list li a{
    color:var(--muted);border-radius:999px;padding:4px 12px;transition:all .2s;
}
body:not(.doc-page) .directory-list dl dd a:hover,
body:not(.doc-page) .filter-list li a:hover{color:#fff;background:var(--accent-soft)}
body:not(.doc-page) .directory-list dl dd a.current,
body:not(.doc-page) .filter-list li a.current{
    background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;
    box-shadow:0 4px 12px rgba(99,102,241,.35);
}
body:not(.doc-page) .filter-list h5{color:var(--ink)}
body:not(.doc-page) .view-filter a{
    color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 16px;
}
body:not(.doc-page) .view-filter a:hover{color:var(--accent2);border-color:var(--accent)}
body:not(.doc-page) .view-filter a.current{
    background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;
}

/* ---------- 分页（胶囊） ---------- */
body:not(.doc-page) .mac_pages .page_tip{color:var(--muted)}
body:not(.doc-page) .mac_pages .page_info .page_link{
    background:var(--card);border:1px solid var(--line);border-radius:999px;
    color:var(--ink);min-width:34px;text-align:center;transition:all .2s;
}
body:not(.doc-page) .mac_pages .page_info .page_link:hover{border-color:var(--accent);color:var(--accent2)}
body:not(.doc-page) .mac_pages .page_info .page_link.page_current{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    border-color:transparent;color:#fff;font-weight:700;
}
body:not(.doc-page) .mac_pages .page_info input.page_input{border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink)}
body:not(.doc-page) .mac_pages .page_info .page_btn{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    border:0;color:#fff;border-radius:999px;padding:6px 16px;cursor:pointer;
}

/* ---------- 其他默认浅色区域转深 ---------- */
body:not(.doc-page) .qire-box,
body:not(.doc-page) .directory-item,
body:not(.doc-page) .channel-focus,
body:not(.doc-page) .channel-silder-nav li,
body:not(.doc-page) .latest-tab-box,
body:not(.doc-page) .box_con{background:transparent}
body:not(.doc-page) .channel-silder-title h2,
body:not(.doc-page) .channel-silder-intro{color:var(--ink)}
body:not(.doc-page) .channel-silder-info li,
body:not(.doc-page) .channel-silder-desc{color:var(--muted)}
body:not(.doc-page) .channel-silder-info li span,
body:not(.doc-page) .channel-silder-title span{color:var(--accent2)}

/* ---------- 页脚 ---------- */
body:not(.doc-page) .footer{background:#07090e;color:var(--muted);border-top:1px solid var(--line)}
body:not(.doc-page) .footer .foot-nav a{color:#aeb8cc}
body:not(.doc-page) .footer .foot-nav a:hover{color:var(--accent2)}
body:not(.doc-page) .footer .copyright p{color:#69738a}

/* ---------- 移动端适配（不改变信息结构） ---------- */
@media (max-width:760px){
    body:not(.doc-page) .header{padding:8px 0}
    body:not(.doc-page) #searchbar{margin:6px 0}
    body:not(.doc-page) .ui-search{width:100%}
    body:not(.doc-page) .ui-search .search-input{width:calc(100% - 80px)}
    body:not(.doc-page) #navbar{overflow-x:auto;-webkit-overflow-scrolling:touch}
    body:not(.doc-page) #navbar .layout{margin-top:-8px}
    body:not(.doc-page) #navbar .ui-nav{white-space:nowrap;display:flex}
    body:not(.doc-page) .detail-cols .detail-pic{float:none;margin:0 auto 16px;text-align:center}
    body:not(.doc-page) .detail-cols .detail-pic img{max-width:190px}
    body:not(.doc-page) .img-list li{width:31%;margin:1% 1.16%}
    body:not(.doc-page) .bread-crumbs li{padding:4px 10px;font-size:12px}
}