@charset "utf-8";
/* ============================================================================
   频道蓝 · 社区主题 —— 暗色（ws_qqpd_theme / css/theme-dark.css）
   ----------------------------------------------------------------------------
   取值来自腾讯频道暗色主题（.theme-dark）：
     页面底 #121212   卡片 #161616   次级层 #1f1f1f
     正文 hsla(0,0%,94.5%,.9)   次要 rgba(235,235,245,.56)   三级 #525252
     描边 hsla(0,0%,100%,.08) / .05   hover hsla(0,0%,100%,.07)
   品牌色在暗色下仍保持 #2b64f5（频道暗色里按钮就是蓝的，只有文字品牌色变白）。
   ----------------------------------------------------------------------------
   切换靠 <html data-qd="dark">（theme.js + 首屏脚本写入）。
   没有 JS 时用 prefers-color-scheme 兜底，见文件末尾的媒体查询。
   ========================================================================== */

[data-qd="dark"]{
	--qd-brand:#2b64f5;
	--qd-brand-rgb:43,100,245;
	--qd-brand-hover:#4a7cff;
	--qd-brand-weak:rgba(43,100,245,.16);

	--qd-text:hsla(0,0%,94.5%,.9);
	--qd-text-2:rgba(235,235,245,.56);
	--qd-text-3:#525252;
	--qd-icon:rgba(235,235,245,.7);

	--qd-bg:#121212;
	--qd-card:#161616;
	--qd-card-2:#1f1f1f;
	--qd-hover:hsla(0,0%,100%,.07);
	--qd-active:hsla(0,0%,100%,.12);

	--qd-line:hsla(0,0%,100%,.14);
	--qd-line-2:hsla(0,0%,100%,.08);

	--qd-shadow:0 1px 2px rgba(0,0,0,.3);
	--qd-shadow-2:0 6px 18px rgba(0,0,0,.42);
}

[data-qd="dark"] body{background:var(--qd-bg);color:var(--qd-text);}

/* 顶栏：比卡片再深一档，滚动时不会与内容糊在一起 */
[data-qd="dark"] .qd-top{
	background:#1a1a1a;
	box-shadow:0 1px 0 hsla(0,0%,100%,.06);
}
[data-qd="dark"] .qd-nav{background:#1a1a1a;}

/* 搜索胶囊：暗色下用次级层，不用纯白 */
[data-qd="dark"] .qd-side-search{background:#1f1f1f;color:var(--qd-text-3);}
[data-qd="dark"] .qd-side-search input{color:var(--qd-text);}

/* 选中项：品牌底在深色上偏闷，提高一点透明度 */
[data-qd="dark"] .qd-side-item.is-active{background:rgba(43,100,245,.22);color:#8aa8ff;}
[data-qd="dark"] .qd-side-item.is-active .qd-side-num{color:rgba(138,168,255,.7);}

/* 卡片：暗色下靠底色差异分层，去掉亮色那层浅阴影 */
[data-qd="dark"] .qd-card:hover{background:#1c1c1c;box-shadow:none;}
[data-qd="dark"] .qd-card-forum{background:hsla(0,0%,100%,.06);color:var(--qd-text-2);}

/* 发帖框：亮色用深灰描边（rgba(34,34,34,.7)），暗色必须换成浅描边，
   否则整块边框直接看不见 */
[data-qd="dark"] .qd-editor{border-color:hsla(0,0%,94.5%,.28);}
[data-qd="dark"] .qd-editor:hover,
[data-qd="dark"] .qd-editor:focus-within{
	border-color:var(--qd-brand);
	box-shadow:0 0 0 3px rgba(43,100,245,.18);
}
[data-qd="dark"] .qd-textarea{background:#1f1f1f;border-color:hsla(0,0%,100%,.1);}
[data-qd="dark"] .qd-textarea:focus{border-color:var(--qd-brand);box-shadow:0 0 0 3px rgba(43,100,245,.18);}
[data-qd="dark"] .qd-newpost{background:#1b1b1b;}

/* tab：暗色下选中态用白字 + 品牌下划线（频道也是这样） */
[data-qd="dark"] .qd-tab{color:var(--qd-icon);}
[data-qd="dark"] .qd-tab:hover{color:#fff;background:hsla(0,0%,100%,.06);}
[data-qd="dark"] .qd-tab.is-active{color:#f1f1f1;}
[data-qd="dark"] .qd-sort{color:var(--qd-text-3);}
[data-qd="dark"] .qd-sort.is-active{color:#8aa8ff;background:rgba(43,100,245,.18);}

/* 标签 */
[data-qd="dark"] .qd-tag{background:rgba(43,100,245,.2);color:#8aa8ff;}
[data-qd="dark"] .qd-tag-plain{background:hsla(0,0%,100%,.07);color:var(--qd-text-2);}
[data-qd="dark"] .qd-tag-brand{background:rgba(43,100,245,.22);color:#8aa8ff;}

/* 横幅：底色来自频道取色，通常仍是浅色，所以内容区保持深字不动；
   只有站长把纯色块调成深色时（PHP 会加 is-dark）才转白字。
   暗色下把整块底色压暗一档，否则一屏黑里挂着一块亮米黄，边界太硬。 */
[data-qd="dark"] .qd-banner-bg{filter:brightness(.78) saturate(.9);}
[data-qd="dark"] .qd-banner-icon{box-shadow:0 2px 10px rgba(0,0,0,.4);}
[data-qd="dark"] .qd-tag-top{background:rgba(247,76,48,.18);color:#ff7a63;}

/* 正文里的图片在纯黑底上过曝，轻微压一档 */
[data-qd="dark"] .qd-thread-msg img,
[data-qd="dark"] .qd-post-msg img{filter:brightness(.94);}

/* 分页 / 按钮 */
[data-qd="dark"] .pagination .page-link{background:#1f1f1f;border-color:hsla(0,0%,100%,.1);color:var(--qd-text-2);}
[data-qd="dark"] .pagination .page-link:hover{background:hsla(0,0%,100%,.1);color:#fff;}
[data-qd="dark"] .pagination .active .page-link{background:var(--qd-brand);border-color:var(--qd-brand);color:#fff;}
[data-qd="dark"] .qd-btn-ghost{background:hsla(0,0%,100%,.1);color:var(--qd-text);}
[data-qd="dark"] .qd-btn-ghost:hover{background:hsla(0,0%,100%,.16);}
[data-qd="dark"] #qdBackTop{background:#242424;}
[data-qd="dark"] #qdBackTop:hover{background:var(--qd-brand);}

/* 用户菜单 */
[data-qd="dark"] .qd-user-menu{background:#1f1f1f;border-color:hsla(0,0%,100%,.1);}

/* 站点信息 / 版块公告等小卡 */
[data-qd="dark"] .qd-minicard{background:#1a1a1a;}

/* 页脚 */
[data-qd="dark"] #footer,
[data-qd="dark"] .footer{border-top-color:hsla(0,0%,100%,.08);}

/* 抽屉遮罩更深一点，暗色下浅遮罩几乎看不出层次 */
[data-qd="dark"] .qd-mask{background:rgba(0,0,0,.55);}

/* 暗色下的滚动条（Win 默认是亮色轨道，很扎眼） */
[data-qd="dark"] .qd-railcol{scrollbar-color:hsla(0,0%,100%,.16) transparent;}
[data-qd="dark"] ::-webkit-scrollbar{width:10px;height:10px;}
[data-qd="dark"] ::-webkit-scrollbar-track{background:transparent;}
[data-qd="dark"] ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.16);border-radius:6px;border:2px solid transparent;background-clip:content-box;}
[data-qd="dark"] ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.28);background-clip:content-box;}

/* ---------- 无 JS 兜底：跟随系统 ---------- */
@media (prefers-color-scheme: dark){
	html:not([data-qd="light"]):not([data-qd="dark"]){
		--qd-brand:#2b64f5;
		--qd-brand-rgb:43,100,245;
		--qd-brand-hover:#4a7cff;
		--qd-brand-weak:rgba(43,100,245,.16);
		--qd-text:hsla(0,0%,94.5%,.9);
		--qd-text-2:rgba(235,235,245,.56);
		--qd-text-3:#525252;
		--qd-icon:rgba(235,235,245,.7);
		--qd-bg:#121212;
		--qd-card:#161616;
		--qd-card-2:#1f1f1f;
		--qd-hover:hsla(0,0%,100%,.07);
		--qd-active:hsla(0,0%,100%,.12);
		--qd-line:hsla(0,0%,100%,.14);
		--qd-line-2:hsla(0,0%,100%,.08);
		--qd-shadow:0 1px 2px rgba(0,0,0,.3);
		--qd-shadow-2:0 6px 18px rgba(0,0,0,.42);
	}
	html:not([data-qd="light"]):not([data-qd="dark"]) body{background:#121212;color:hsla(0,0%,94.5%,.9);}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-top{background:#1a1a1a;box-shadow:0 1px 0 hsla(0,0%,100%,.06);}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-nav{background:#1a1a1a;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-side-search{background:#1f1f1f;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-side-item.is-active{background:rgba(43,100,245,.22);color:#8aa8ff;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-editor{border-color:hsla(0,0%,94.5%,.28);}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-card:hover{background:#1c1c1c;box-shadow:none;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-tag{background:rgba(43,100,245,.2);color:#8aa8ff;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-tag-plain{background:hsla(0,0%,100%,.07);color:rgba(235,235,245,.56);}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-textarea{background:#1f1f1f;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-newpost{background:#1b1b1b;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .pagination .page-link{background:#1f1f1f;border-color:hsla(0,0%,100%,.1);color:rgba(235,235,245,.56);}
	html:not([data-qd="light"]):not([data-qd="dark"]) #qdBackTop{background:#242424;}
	html:not([data-qd="light"]):not([data-qd="dark"]) .qd-user-menu{background:#1f1f1f;border-color:hsla(0,0%,100%,.1);}
}