/* ==========================================================================
   哔哩卡片 · 视频社区主题 —— 暗色外观
   由 <html data-bl="dark"> 触发（早置脚本在 header_link_after 里，避免闪白）。
   只覆盖变量与少数必须手写的表面色；布局规则全部沿用主题 css。
   ========================================================================== */

html[data-bl="dark"]{
	--bl-ink:#e3e5e7;
	--bl-ink-2:#aeb3b9;
	--bl-ink-3:#7a8088;
	--bl-line:#33363a;
	--bl-line-2:#2b2d30;
	--bl-surface:#232527;
	--bl-surface-2:#17181a;
	--bl-shadow:0 1px 2px rgba(0,0,0,.4);
	--bl-shadow-h:0 6px 20px rgba(0,0,0,.5);
}

html[data-bl="dark"] body{background-color:var(--bl-body-bg, #17181a);color:var(--bl-ink);}
html[data-bl="dark"] .bl-nav{box-shadow:0 1px 0 rgba(255,255,255,.05);}
html[data-bl="dark"] .bl-logo-t{color:var(--bl-ink);}
html[data-bl="dark"] .bl-search{background:#2b2d30;}
html[data-bl="dark"] .bl-search:focus-within{background:#313437;box-shadow:0 0 0 2px rgba(var(--bl-primary-rgb),.35);}
html[data-bl="dark"] .bl-search input{color:var(--bl-ink);}
html[data-bl="dark"] .bl-btn{background:#2b2d30;color:var(--bl-ink-2);}
html[data-bl="dark"] .bl-btn:hover{background:#33363a;color:var(--bl-ink);}
html[data-bl="dark"] .bl-btn-pri{background:var(--bl-primary);color:#fff;}
html[data-bl="dark"] .bl-btn-pri:hover{background:var(--bl-primary-hover);}
html[data-bl="dark"] .bl-icon-btn:hover{background:#2b2d30;}
html[data-bl="dark"] .bl-user-ava{border-color:#33363a;}
html[data-bl="dark"] .bl-user .dropdown-menu{background:#232527;}
html[data-bl="dark"] .bl-user .dropdown-item{color:var(--bl-ink-2);}
html[data-bl="dark"] .bl-user .dropdown-item:hover{background:#2b2d30;color:var(--bl-ink);}

html[data-bl="dark"] .bl-rail{background:var(--bl-surface);}
html[data-bl="dark"] .bl-rail-i:hover{background:#2b2d30;}
html[data-bl="dark"] .bl-rail-i.on{background:rgba(var(--bl-primary-rgb),.16);}

html[data-bl="dark"] .bl-hero{
	background:
		radial-gradient(1200px 200px at 0% 0%, rgba(var(--bl-primary-rgb),.22), transparent 70%),
		linear-gradient(100deg, rgba(var(--bl-blue-rgb),.14), rgba(var(--bl-primary-rgb),.10));
	border-color:rgba(var(--bl-primary-rgb),.22);
}
html[data-bl="dark"] .bl-panel,
html[data-bl="dark"] .bl-card,
html[data-bl="dark"] .bl-fhead{background:var(--bl-surface);}
html[data-bl="dark"] .bl-cover,
html[data-bl="dark"] .bl-row-cover{background:linear-gradient(135deg,#2b2d30,#222426);}
html[data-bl="dark"] .bl-title a,
html[data-bl="dark"] .bl-row-t a{color:var(--bl-ink);}
html[data-bl="dark"] .bl-item:hover .bl-title a,
html[data-bl="dark"] .bl-row-t a:hover{color:var(--bl-primary);}
html[data-bl="dark"] .bl-row{border-bottom-color:#2b2d30;}
html[data-bl="dark"] .bl-row-forum{background:rgba(var(--bl-primary-rgb),.18);}
html[data-bl="dark"] .bl-tag{background:rgba(0,0,0,.62);}
html[data-bl="dark"] .bl-tag-top{background:var(--bl-primary);}
html[data-bl="dark"] .bl-ph{
	background:linear-gradient(135deg, rgba(var(--bl-blue-rgb),.42) 0%, rgba(var(--bl-primary-rgb),.42) 100%);
}

html[data-bl="dark"] .bl-pager .page-link{background:#232527;color:var(--bl-ink-2);}
html[data-bl="dark"] .bl-pager .page-link:hover{background:rgba(var(--bl-primary-rgb),.18);}
html[data-bl="dark"] .bl-pager .page-item.active .page-link{background:var(--bl-primary);color:#fff;}

html[data-bl="dark"] .bl-top{background:#232527;color:var(--bl-ink-2);box-shadow:0 4px 16px rgba(0,0,0,.55);}

/* 核心组件 */
html[data-bl="dark"] .card{background:var(--bl-surface);}
html[data-bl="dark"] .card-header,
html[data-bl="dark"] .card-footer{background:transparent;border-color:#2b2d30;}
html[data-bl="dark"] .breadcrumb{background:var(--bl-surface);}
html[data-bl="dark"] .dropdown-menu{background:#232527;}
html[data-bl="dark"] .dropdown-item{color:var(--bl-ink-2);}
html[data-bl="dark"] .dropdown-item:hover{background:#2b2d30;color:var(--bl-ink);}
html[data-bl="dark"] .form-control{background:#2b2d30;border-color:#33363a;color:var(--bl-ink);}
html[data-bl="dark"] .form-control::placeholder{color:var(--bl-ink-3);}
html[data-bl="dark"] .table{color:var(--bl-ink-2);}
html[data-bl="dark"] .table td,html[data-bl="dark"] .table th{border-color:#2b2d30;}
html[data-bl="dark"] .modal-content{background:#232527;}
html[data-bl="dark"] .alert-info{background:#1f2b33;color:#bcd8e6;}
html[data-bl="dark"] .alert-warning{background:#2f2a1f;color:#e6d5a8;}

/* 帖子页轻量换皮 */
html[data-bl="dark"] .post_list .media{border-bottom-color:#2b2d30;}
html[data-bl="dark"] blockquote{background:#2b2d30;border-left-color:#3b3f44;color:var(--bl-ink-2);}
html[data-bl="dark"] pre,html[data-bl="dark"] code{background:#1c1e20;color:#c9ceD4;}
html[data-bl="dark"] .text-muted{color:var(--bl-ink-3) !important;}
html[data-bl="dark"] .text-grey{color:var(--bl-ink-3) !important;}

/* 顶栏切换按钮图标：暗色下显示太阳 */
html[data-bl="dark"] .bl-mode .icon-moon-o:before{content:"\f185";}   /* sun-o */

/* ==========================================================================
   1.1 深色模式补齐：顶栏插件 li 容器 / 排序按钮组 / 帖子页三栏 / 徽标
   ========================================================================== */

/* 顶栏：插件输出的链接与下拉在暗色顶栏上的表面色 */
html[data-bl="dark"] .bl-nav-list .nav-link{color:var(--bl-ink-2);}
html[data-bl="dark"] .bl-nav-list .nav-link:hover{background:#2b2d30;color:var(--bl-primary);}
html[data-bl="dark"] .bl-nav-list .dropdown-menu{border:1px solid #2b2d30;}
html[data-bl="dark"] .bl-user-ava{border-color:#33363a;}

/* 排序按钮组（列表页 / 回复区）与 AJAX 加载态 */
html[data-bl="dark"] .bl-tabs,
html[data-bl="dark"] .bl-rsortbar{background:#2b2d30;}
html[data-bl="dark"] .bl-tab,
html[data-bl="dark"] .bl-rsort,
html[data-bl="dark"] .bl-rep-only,
html[data-bl="dark"] .bl-rep-clear{color:var(--bl-ink-2);}
html[data-bl="dark"] .bl-tab:hover,
html[data-bl="dark"] .bl-rsort:hover,
html[data-bl="dark"] .bl-rep-only:hover,
html[data-bl="dark"] .bl-rep-clear:hover{color:var(--bl-primary);}
html[data-bl="dark"] .bl-tab.on,
html[data-bl="dark"] .bl-rsort.on{background:#18191c;color:var(--bl-primary);box-shadow:0 1px 2px rgba(0,0,0,.5);}
html[data-bl="dark"] .bl-rep-only.on{background:var(--bl-primary);color:#fff;}

/* 帖子页：卡片宿主透出面板底色，回复行分割线，面包屑 */
html[data-bl="dark"] .bl-threadcard .card,
html[data-bl="dark"] .bl-repcard .card{background:transparent;}
html[data-bl="dark"] .bl-crumb a{color:var(--bl-ink-3);}
html[data-bl="dark"] .bl-crumb a:hover{color:var(--bl-primary);}
html[data-bl="dark"] .bl-crumb .on a{color:var(--bl-ink);}
html[data-bl="dark"] .postlist .media{border-bottom-color:#2b2d30;}
html[data-bl="dark"] .postlist .media:last-child{border-bottom:0;}
html[data-bl="dark"] .bl-pager .pagination{margin:0;}

/* 楼主信息卡 + 用户组徽标 */
html[data-bl="dark"] .bl-usercard-name a{color:var(--bl-ink);}
html[data-bl="dark"] .bl-usercard-name a:hover{color:var(--bl-primary);}
html[data-bl="dark"] .bl-badge-g{background:rgba(var(--bl-primary-rgb),.18);}

/* 签到按钮（插件输出 btn-primary，暗色下压暗描边） */
html[data-bl="dark"] .bl-bar-r #sg_sign a,
html[data-bl="dark"] .bl-bar-r #sg_signed a{box-shadow:0 0 0 1px rgba(255,255,255,.06);}

/* 列表项 / 行列表悬停与空态 */
html[data-bl="dark"] .bl-item:hover .bl-cover img,
html[data-bl="dark"] .bl-row:hover .bl-row-cover img{opacity:.92;}
html[data-bl="dark"] .bl-empty{color:var(--bl-ink-3);}

/* 顶栏频道抽屉、返回顶部（已在上面全局覆盖，这里补抽屉里的分割） */
html[data-bl="dark"] .bl-rail-t{color:var(--bl-ink-3);}
html[data-bl="dark"] .bl-channels{scrollbar-color:#33363a transparent;}

/* 版块页头部与横幅（暗色下的渐变与边） */
html[data-bl="dark"] .bl-fhead{border-color:rgba(255,255,255,.06);}
html[data-bl="dark"] .bl-fhead-t,
html[data-bl="dark"] .bl-hero-t,
html[data-bl="dark"] .bl-bar-t{color:var(--bl-ink);}
html[data-bl="dark"] .bl-fhead-d,
html[data-bl="dark"] .bl-hero-d{color:var(--bl-ink-2);}
html[data-bl="dark"] .bl-fhead-nums span,
html[data-bl="dark"] .bl-hero-nums span{color:var(--bl-ink-3);}
html[data-bl="dark"] .bl-fhead-nums b,
html[data-bl="dark"] .bl-hero-nums b{color:var(--bl-ink);}

/* 热点榜序号（暗色下 1/2/3 的品牌色更亮一点） */
html[data-bl="dark"] .bl-rank-no{color:var(--bl-ink-3);}
html[data-bl="dark"] .bl-rank-no.top{color:var(--bl-primary);}