@charset "utf-8";
/* 版块列表页 / 主题详情页：统一为深藏青 + 电光蓝金融科技风，并承载侧栏返佣模块 */

/* ---------- 版块头部横幅 ---------- */
.hl_bkjsbg_none {
	height: 216px; margin-bottom: 16px; border-radius: 8px; overflow: hidden;
	background-color: #0a1e3c;
	background-image:
		radial-gradient(760px 300px at 82% -30%, rgba(46,166,240,.30), transparent 70%),
		radial-gradient(520px 260px at 8% 120%, rgba(10,91,211,.35), transparent 72%),
		linear-gradient(118deg, #071528 0%, #0d2545 52%, #103356 100%);
}
.hl_bkjsbg_none b {
	height: 216px; background:
		repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 64px),
		repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 64px);
}
.hl_bkInters {
	width: 600px; padding: 18px 20px; bottom: 18px;
	border: 1px solid rgba(150,200,245,.20); border-radius: 8px;
	background: rgba(7,21,40,.55);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	box-shadow: 0 18px 40px -22px rgba(0,0,0,.8);
}
.hl_bkInters a { color: #fff; }
.hl_Inter_piv h3 { float: left; width: auto; max-width: 400px; font-size: 21px; font-weight: 700; letter-spacing: .5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hl_Inter_piv h3 a { font-size: 21px; font-weight: 700; letter-spacing: .5px; font-family: inherit; color: #fff !important; }
.hl_guize { height: 48px; color: #b9cde3; font-size: 13px; line-height: 24px; }
.hl_bk_banzhu, .hl_bk_banzhu a { color: #8fb0d0; }

/* 插件签到块：去橙改蓝 */
#midaben_sign .midaben_signpanel,
#midaben_sign .midaben_signpanel:visited,
#midaben_sign .midaben_signpanel:hover { background-color: var(--blue) !important; }
#midaben_sign .midaben_signpanel .line { border-bottom-color: rgba(255,255,255,.28) !important; }
#midaben_sign .midaben_signpanel .nums,
#midaben_sign .midaben_signpanel .info,
#midaben_sign .midaben_signpanel .fblock dt,
#midaben_sign .midaben_signpanel .fblock dd { color: rgba(255,255,255,.85) !important; }
#midaben_sign .midaben_signpanel .fblock { border-left-color: rgba(255,255,255,.28) !important; }
.hl_td_numsd { color: #fff !important; font-family: var(--mono); font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0; }
.hl_jsbottom ul li p { color: #8fb0d0; font-weight: 400; letter-spacing: 1px; font-family: inherit; }
.hl_td_seps { background: rgba(150,200,245,.22) !important; }
.hl_jsbxbtms ul li { margin-left: 8px; }
.hl_jsbxbtms ul li a { width: auto; padding: 0 16px; }

/* ---------- 头部按钮 ---------- */
.hl_sc {
	background: transparent !important; border: 1px solid rgba(160,200,240,.45) !important;
	color: #dcebfa !important; box-shadow: none;
}
.hl_sc:hover { border-color: var(--cyan) !important; color: #fff !important; background: rgba(46,166,240,.12) !important; }
.hl_newtie, a.hl_newtie {
	background: var(--blue) !important; border: 1px solid var(--blue) !important;
	color: #fff !important; box-shadow: 0 8px 20px -10px rgba(10,91,211,.9);
}
.hl_newtie:hover { background: var(--blue-d) !important; border-color: var(--blue-d) !important; }
/* ---------- 侧栏通用 ---------- */
.hl_bghs_btm_ft, a.hl_bghs_btm_ft {
	background: var(--blue) !important; border-color: var(--blue) !important;
	color: #fff !important; box-shadow: 0 10px 22px -12px rgba(10,91,211,.9);
}
.hl_bghs_btm_ft:hover { background: var(--blue-d) !important; border-color: var(--blue-d) !important; }
.liebiao { border: 1px solid var(--line) !important; border-radius: 6px; padding: 4px 12px 10px !important; }
.mobantitle { border-bottom-color: var(--line) !important; }
.mobantitle span { border-left: 4px solid var(--blue) !important; font-weight: 700; color: var(--ink) !important; }
.mobantitle ul li.cur { color: var(--blue) !important; }

/* ---------- 窄屏 ---------- */
@media (max-width: 1200px) {
	.hl_bkInters { width: 460px; }
}
@media (max-width: 1024px) {
	.hl_bkjsbg_none, .hl_bkjsbg_none b { height: auto; min-height: 0; }
	.hl_bkInters { position: static; width: auto; margin: 0; border: 0; border-radius: 0; background: rgba(7,21,40,.72); backdrop-filter: none; }
	.hl_lbox, .luntanright { float: none; width: auto; }
}

/* ---------- 详情页楼主信息卡 ---------- */
.hl_lzinfo { border: 1px solid var(--line) !important; border-radius: 6px; background: var(--card); }
.hl_lzinfo_one .kmuser_an a { background: var(--blue); }
.hl_lzinfo_one .kmuser_an a:hover { background: var(--blue-d); color: #fff; }
.hl_lzinfo_one .kmuser_an a.kmmsn { background: #e8f1fc; color: var(--blue) !important; }
.hl_lzinfo_one .kmuser_an a.kmmsn:hover { background: #d6e8fb; color: var(--blue-d) !important; }
.hl_lzinfo .tns { background: #f2f6fb; }
.hl_lzinfo .tns a.xi2 { color: var(--blue) !important; font-family: var(--mono); font-size: 16px; }
.hl_lzinfo .tns th, .hl_lzinfo .tns td { color: var(--ink-3); }
.threadauthormore { border: 1px solid var(--line) !important; border-radius: 6px; background: var(--card); }
.stit { border-bottom-color: var(--line) !important; }
.stit h2 { color: var(--ink) !important; font-weight: 700; border-bottom-color: var(--blue) !important; }
.tamc li a { color: var(--ink-2); }
.tamc li a:hover { color: var(--blue); }
.tamc p a { color: var(--blue); }

/* ---------- 详情页标题条 ---------- */
.hl_viewbt { border-color: var(--line) !important; border-radius: 8px 8px 0 0; }
.hl_viewbt .hl_viewbt_box { border-bottom-color: var(--line) !important; }
.hl_viewbt .hl_v_h2 { height: auto; min-height: 32px; line-height: 1.5; margin: 18px 0 16px; }
.hl_viewbt .hl_v_h2 h2 { float: left; max-width: 660px; white-space: normal; font-size: 21px; font-weight: 700; color: var(--ink) !important; }
.hl_viewbt .hl_v_h2 span.xg1 { float: left; line-height: 32px; }
.hl_viewbt .hl_v_h2 span.xg1 a { color: var(--ink-3); font-size: 12px; }
.hl_viewbt .hl_v_h2 span.xg1 a:hover { color: var(--blue); }
.hl_viewbt .hl_v_action, .hl_viewbt .hl_v_action a { color: var(--ink-3); }
.hl_viewbt .hl_v_action a:hover { color: var(--blue); }
.hl_viewbt .hl_v_h2 .km1 { background: var(--blue); }
.hl_viewbt .hl_v_h2 .kmjh { background: #0f9b6c; }
.hl_viewbt .hl_v_h2 .kmzd { background: var(--cyan); }

/* ---------- 置顶主题标题：站点内联红/粉色统一为品牌蓝 ---------- */
#threadlisttableid h2.cl a[style] { color: var(--blue) !important; font-weight: 700 !important; }
#threadlisttableid h2.cl a[style]:hover { color: var(--blue-d) !important; }

/* ============================================================
   原生组件精修：面包屑 / 面板 / 筛选条 / 列表行 / 分页 / 编辑器 / 楼层
   只统一视觉层级与节奏，不依赖 DOM 结构改动
   ============================================================ */

/* ---------- 面包屑 ---------- */
#pt.bm { margin: 0 0 12px; padding: 0; border: 0; background: none; font-size: 12.5px; line-height: 1.6; }
#pt.bm .z { color: var(--ink-3); }
#pt.bm a { color: var(--ink-3); }
#pt.bm a:hover { color: var(--blue); }
#pt.bm em { padding: 0 5px; color: #c3d2e3; font-style: normal; }

/* ---------- 面板外壳：列表与快速发帖统一为令牌卡片 ---------- */
#threadlist.bm, #f_pst.bm { background: var(--card); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 1px 2px rgba(10,30,60,.04); }
#threadlist > .bm_c { padding: 0 18px 6px; }
#f_pst > .bm_c { padding: 16px 18px 18px; }
#f_pst .bm_h { height: auto; min-height: 0; padding: 12px 18px; border: 0; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #fbfdff, #f5f9fd); border-radius: 8px 8px 0 0; }
#f_pst .bm_h h2 { position: relative; float: none; margin: 0; padding-left: 11px; font-size: 15px; font-weight: 700; color: var(--ink); }
#f_pst .bm_h h2::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 3px; border-radius: 2px; background: var(--blue); }

/* ---------- 列表头：版块主题 + 排序筛选 ---------- */
#threadlist .th.hl_topinfo { padding: 11px 18px; border-bottom: 1px solid var(--line); background: #fafcfe; }
#threadlist .th.hl_topinfo > .z:first-child { font-weight: 700; font-size: 14px; color: var(--ink); }
.kmtops .showmenu_outer { display: inline-block; margin-right: 8px; padding: 0; }
.kmtops .showmenu_outer .showmenu, .kmtops .showmenu_outer a.showmenu { display: inline-block; padding: 4px 11px 4px 12px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink-2); font-size: 12.5px; line-height: 1.6; }
#threadlist .th a.showmenu:hover, #threadlist .th .showmenu_outer:hover .showmenu { border-color: #cfe0f6; background: #eaf2fc; color: var(--blue-d); }
#threadlist .th .pipe { color: #d8e3ef; margin: 0 2px; }
#threadlist .th a { color: var(--ink-3); font-size: 12.5px; }
#threadlist .th a:hover, #threadlist .th a.cur { color: var(--blue); }
#atarget { color: var(--ink-3); font-size: 12px; cursor: pointer; }
#atarget:hover { color: var(--blue); }

/* ---------- 帖子行 ---------- */
#threadlisttableid .hl_postlist { position: relative; padding: 14px 6px 13px 14px; border-bottom: 1px dashed var(--line); transition: background .15s; }
#threadlisttableid .hl_postlist::before { content: ""; position: absolute; left: 0; top: 15px; bottom: 15px; width: 2px; border-radius: 2px; background: transparent; transition: background .15s; }
#threadlisttableid tr:hover .hl_postlist { background: #f8fbff; }
#threadlisttableid tr:hover .hl_postlist::before { background: var(--blue); }
#threadlisttableid tbody:last-child .hl_postlist { border-bottom: 0; }
.hl_postlist .hl_listtx { float: left; width: 42px; height: 42px; margin: 2px 14px 0 0; }
.hl_postlist .hl_listtx img { width: 42px; height: 42px; border-radius: 6px; box-shadow: 0 0 0 1px var(--line); }
.hl_postlist h2 { margin: 0; line-height: 1.5; font-size: 15.5px; font-weight: 500; }
.hl_postlist h2 .hl_common a { color: var(--ink); }
.hl_postlist h2:hover .hl_common a { color: var(--blue); }
.hl_postlist > p { height: auto; margin-top: 5px; line-height: 1.9; }
.tl td .hl_postlist > p em, .tl td .hl_postlist > p em a { padding-right: 12px; color: var(--ink-3); font: 11.5px/1.9 var(--mono); font-style: normal; }
.tl td .hl_postlist > p em a:hover { color: var(--blue); }
.tl td .hl_postlist p em.km_user { padding-left: 0; background: none; }
.tl td .hl_postlist p em.km_user a { color: var(--ink-2); font-weight: 700; font-family: inherit; font-size: 12.5px; }
.tl td .hl_postlist p em.km_view, .tl td .hl_postlist p em.km_reply { padding: 1px 8px; margin-right: 5px; border-radius: 3px; background: #eef3f9; color: var(--ink-3); font-family: var(--mono); font-size: 11.5px; }
.tl td .hl_postlist p em.km_view { background: #eef3f9; }
.tl td .hl_postlist p em.km_reply { background: #e8f1fc; color: var(--blue-d); }
.tl td .hl_postlist p em.km_reply a { color: var(--blue-d); font-size: 11.5px; }
.tl td .hl_postlist p span.y em { padding-right: 0; }

/* ---------- 分页 ---------- */
.pg, .hl_pgs .pg { margin: 0; padding: 14px 18px; text-align: center; }
.pg a, .pg strong, .hl_pgs .pgb a { display: inline-block; min-width: 30px; height: 30px; margin: 0 3px; padding: 0 8px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink-2); font: 13px/28px var(--mono); text-align: center; text-decoration: none; transition: border-color .15s, color .15s, background .15s; }
.pg a:hover { border-color: var(--blue); background: var(--blue); color: #fff; }
.pg strong { border-color: var(--blue); background: var(--blue); color: #fff; font-weight: 700; }
.pg label { margin-left: 8px; color: var(--ink-3); font-size: 12px; }
.pg input.px { width: 34px; height: 26px; padding: 0 4px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink); font-family: var(--mono); text-align: center; }
.pg input.px:focus { border-color: var(--blue); outline: 0; }
#pgt.bm { background: none; border: 0; box-shadow: none; }
.pgbtn a { display: inline-block; width: auto !important; padding: 6px 18px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink-2); font-size: 12.5px; }
.pgbtn a:hover { border-color: var(--blue); color: var(--blue); }

/* ---------- 输入控件与按钮 ---------- */
.px, .pt, select.ps { border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink); font-size: 13.5px; transition: border-color .15s, box-shadow .15s; }
.px:focus, .pt:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(10,91,211,.1); outline: 0; }
.pn { display: inline-block; border: 0; background: none; }
.pn em, .pn a, input.pn, .pn .pnv { border-color: #cfe0f6 !important; background: #eaf2fc !important; color: var(--blue-d) !important; border-radius: 4px !important; font-weight: 700; }
.pn em:hover, .pn a:hover, .pn .pnv:hover { background: var(--blue) !important; border-color: var(--blue) !important; color: #fff !important; }
#fastpostsubmit, .pnpost .pn strong { border: 0 !important; border-radius: 4px !important; background: var(--blue) !important; color: #fff !important; font-weight: 700; box-shadow: 0 6px 16px -8px rgba(10,91,211,.7); }
#fastpostsubmit:hover, .pnpost .pn strong:hover { background: var(--blue-d) !important; }

/* ---------- 快速发帖编辑器 ---------- */
#f_pst .pbt { margin-bottom: 10px; }
#f_pst .pbt input.px { width: 25em; max-width: 100%; height: 34px; padding: 0 10px; }
#f_pst .pbt span { color: var(--ink-3); font-size: 12px; }
#f_pst .pbt strong { color: var(--blue); font-family: var(--mono); }
.tedt { border: 0; border-radius: 0; }
.tedt .bar { height: 32px; padding: 0 6px; border: 1px solid var(--line); border-bottom: 0; border-radius: 5px 5px 0 0; background: #f7fafd; }
.tedt .bar .fpd a { color: var(--ink-3); font-size: 12px; }
.tedt .bar .fpd a:hover { color: var(--blue); }
.tedt .bar .y a { color: var(--blue); font-size: 12.5px; }
.tedt .area { padding: 0; border: 1px solid var(--line); border-top: 0; background: #fff; }
.tedt .area .pt { width: 100%; min-height: 132px; margin: 0; padding: 11px 13px; border: 0; color: var(--ink-2); font: 14px/1.8 inherit; resize: vertical; }
.tedt .area .pt:focus { box-shadow: none; outline: 0; }
#f_pst .tedt .area { border-radius: 0 0 5px 5px; }

/* ---------- 详情页楼层 ---------- */
#postlist .hl_vrx { margin-bottom: 14px; border: 1px solid var(--line) !important; border-radius: 8px; background: var(--card); box-shadow: 0 1px 2px rgba(10,30,60,.04); overflow: hidden; }
#postlist .hl_vrx.hl_post1 { border-color: #cfe0f6; box-shadow: 0 3px 14px -8px rgba(10,91,211,.35); }
#postlist table.plhin { background: none; }
#postlist td.plc { padding: 0 18px; }
#postlist td.pls { padding: 16px 0 16px 16px; border-right: 1px dashed var(--line); }
#postlist .pi { padding: 12px 0 0; border-bottom: 0; }
#postlist .pi .authi, #postlist .pi .em_t { color: var(--ink-3); font-size: 12px; }
#postlist .pi a { color: var(--ink-2); }
#postlist .pi a:hover { color: var(--blue); }
#postlist .pct { padding: 4px 0 0; }
#postlist .t_f, #postlist .t_f span { color: var(--ink-2); font-size: 15px; line-height: 1.95; }
#postlist .t_f a { color: var(--blue); }
#postlist .po { margin: 0; padding: 0; border-top: 0; }
#postlist .pob { margin: 14px 0 0; padding: 11px 0 14px; border-top: 1px dashed var(--line); }
#postlist .pob .fastre { display: inline-block; padding: 4px 14px; border: 1px solid #cfe0f6; border-radius: 4px; background: #eaf2fc; color: var(--blue-d) !important; font-weight: 700; }
#postlist .pob .fastre:hover { border-color: var(--blue); background: var(--blue); color: #fff !important; }
#postlist .pob p a, #postlist .pob em a { color: var(--ink-3); font-size: 12.5px; }
#postlist .pob p a:hover, #postlist .pob em a:hover { color: var(--blue); }
#postlist blockquote { margin: 12px 0; padding: 10px 14px; border-left: 3px solid var(--line); border-radius: 0 4px 4px 0; background: var(--bg); color: var(--ink-3); }
#postlist .attn, #postlist .att { margin-top: 12px; }
#postlist i.light { color: #c3d2e3; }
.posttime, .pls .tl .i { font-family: var(--mono); }

/* ---------- 正文里的「郑重承诺」块：帖子内联样式带 !important，用双类名抬高优先级 ---------- */
.exx_mzsm.exx_mzsm { margin: 18px 0 !important; padding: 16px 20px !important; border: 0 !important; border-left: 4px solid var(--blue) !important; border-radius: 0 6px 6px 0 !important; background: #f4f8fd !important; box-shadow: none !important; }
.exx_mzsm.exx_mzsm:hover { background: #f4f8fd !important; box-shadow: none !important; }
.exx_mzsm.exx_mzsm::before { display: none !important; }
.exx_mzsm.exx_mzsm h5 { margin: 0 0 12px 0 !important; padding: 0 0 10px 28px !important; border-bottom: 1px solid #dfe9f4 !important; font-size: 15px !important; font-weight: 700; color: var(--ink) !important; }
.exx_mzsm.exx_mzsm h5::before { color: var(--blue) !important; font-size: 17px !important; }
.exx_mzsm span[style*="#EE33EE"] { color: var(--blue-d) !important; }
.exx_mzsm span[style*="#E53333"] { color: #c0392b !important; }
.exx_mzsm a { color: var(--blue); }

/* ---------- 楼层标记：沙发/板凳/地板 ---------- */
#postlist .pi strong a[id^="postnum"] { display: inline-block; padding: 1px 9px; border-radius: 3px; background: #eef3f9; color: var(--ink-3); font: 700 12px/1.7 var(--mono); }
#postlist .pi strong a.km1 { background: var(--blue); color: #fff; }
#postlist .pi strong a.km2, #postlist .pi strong a.km3, #postlist .pi strong a.km4 { background: #e8f1fc; color: var(--blue-d); }
#postlist .pi strong a.kmjh { background: #0f9b6c; color: #fff; }
#postlist .pi strong a.kmzd { background: var(--cyan); color: #fff; }

/* ---------- 回复区标题条 ---------- */
#hl_allreplies.hl_viewtitle { margin: 22px 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--line); }
#hl_allreplies.hl_viewtitle h2 { position: relative; float: none; padding-left: 11px; border: 0; background: none; font-size: 16px; font-weight: 700; color: var(--ink); }
#hl_allreplies.hl_viewtitle h2::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 2px; background: var(--blue); }
#hl_allreplies.hl_viewtitle h2 em { margin-left: 7px; color: var(--ink-3); font: 400 12px/1 var(--mono); }
.hl_viewtitle .hl_hfpx .showmenu { padding: 4px 11px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink-2); font-size: 12.5px; }
.hl_viewtitle .hl_hfpx .showmenu:hover { border-color: #cfe0f6; background: #eaf2fc; color: var(--blue-d); }

/* ---------- 收藏 / 分享 ---------- */
#p_btn.hm a { display: inline-block; margin-right: 8px; padding: 5px 14px 5px 12px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink-2); font-size: 12.5px; text-decoration: none; }
#p_btn.hm a i { background: none !important; font-style: normal; }
#p_btn.hm a:hover { border-color: #cfe0f6; background: #eaf2fc; color: var(--blue-d); }
#p_btn.hm a img { display: none; }


/* ---------- 窄屏 ---------- */
/* 主题给 body/#toptb 定了 min-width:1200px，窄视口会撑出整页横向滚动；与论坛首页保持一致的自适应处理 */
@media (max-width: 1240px) {
	body, #toptb { min-width: 0 !important; }
	#wp, .wp { width: auto !important; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; }
	.hl_bkjsbg_none, .hl_bkjsbg_none b, .hl_bkjsbg_none .hl_bkInters { width: auto !important; max-width: 100%; }
	.hl_width { float: none !important; width: auto !important; max-width: 100%; margin-left: 0 !important; }
	.hl_rk { width: auto !important; margin-left: 0 !important; }
	#hl_nv { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
	#hl_nv::-webkit-scrollbar { display: none; }
	#hl_nv ul { width: max-content; min-width: 100%; }
	#scbar_txt { width: 200px; }
}
@media (max-width: 1024px) {
	#threadlisttableid .hl_postlist { padding: 12px 4px 12px 10px; }
	.hl_postlist h2 { font-size: 15px; }
}
@media (max-width: 640px) {
	#pt.bm { margin-bottom: 8px; font-size: 12px; }
	#threadlist .th.hl_topinfo { padding: 9px 12px; }
	#threadlist > .bm_c { padding: 0 12px 4px; }
	#f_pst > .bm_c { padding: 12px; }
	#threadlisttableid .hl_postlist { padding: 12px 0; }
	#threadlisttableid .hl_postlist::before { display: none; }
	.hl_postlist .hl_listtx { width: 34px; height: 34px; margin-right: 10px; }
	.hl_postlist .hl_listtx img { width: 34px; height: 34px; }
	.hl_postlist h2 { font-size: 14.5px; }
	.tl td .hl_postlist p em.km_view { display: none; }
	.pg a, .pg strong { min-width: 34px; height: 34px; line-height: 32px; }
	.pg label, .pg input.px { display: none; }
	#postlist td.plc { padding: 0 13px; }
	#postlist .t_f, #postlist .t_f span { font-size: 14.5px; line-height: 1.85; }
	#f_pst .pbt input.px { width: 100% !important; }
}
