@charset "utf-8";
/* 门户内容页（分类列表 / 文章页）：统一到深藏青 + 电光蓝金融科技风，并承载侧栏返佣模块 */
/* 依赖 hl_tokens.css 先加载；站点 extend 样式大量使用 !important，这里同层级后置覆盖 */

/* ---------- 面包屑 ---------- */
#pt.bm { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font-size: 12.5px; }
#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; }

/* ---------- 分类页头：藏青横幅 ---------- */
.hl_lb_pdmc {
	margin: 0 0 14px !important; padding: 20px 24px !important; border: 0 !important; border-radius: 8px !important;
	background-color: #0a1e3c !important;
	background-image:
		radial-gradient(620px 240px at 84% -30%, rgba(46,166,240,.30), transparent 70%),
		radial-gradient(420px 200px at 6% 130%, rgba(10,91,211,.32), transparent 72%),
		linear-gradient(118deg, #071528 0%, #0d2545 55%, #103356 100%) !important;
	box-shadow: 0 18px 34px -24px rgba(7,21,40,.9) !important; overflow: hidden;
}
.hl_lb_pdmc h1 { margin: 0 !important; border: 0 !important; color: #fff !important; font-size: 22px !important; font-weight: 700 !important; line-height: 30px !important; letter-spacing: .5px; }
.hl_lb_pdmc a {
	display: inline-block; margin-left: 8px; padding: 5px 13px !important; border: 1px solid rgba(160,200,240,.45) !important;
	border-radius: 4px !important; background: transparent !important; color: #dcebfa !important;
	font-size: 12.5px !important; line-height: 18px !important; text-decoration: none;
}
.hl_lb_pdmc a:hover { border-color: var(--cyan) !important; background: rgba(46,166,240,.14) !important; color: #fff !important; }
.hl_lb_pdmc .rss { margin-left: 8px; }
.hl_lb_pdmc .rss::before { color: var(--cyan) !important; margin-right: 5px; font-size: 13px; }
.hl_lb_pdmc .addnew::before { color: var(--cyan) !important; }

/* ---------- 下级分类 ---------- */
.hl_lb_xjfl { margin: 0 0 14px !important; padding: 12px 16px !important; border: 1px solid var(--line) !important; border-radius: 6px !important; background: var(--card) !important; box-shadow: none !important; color: var(--ink-3) !important; font-size: 13px !important; }
.hl_lb_xjfl a { display: inline !important; margin: 0 !important; padding: 0 2px !important; border-radius: 0 !important; background: none !important; color: var(--blue) !important; }
.hl_lb_xjfl a:hover { background: none !important; color: var(--blue-d) !important; text-decoration: underline !important; }
.hl_lb_xjfl .pipe { color: #c3d2e3; }

/* ---------- 文章行 ---------- */
.hl_lb_nrys { position: relative; margin-bottom: 12px !important; padding: 18px 20px !important; border: 1px solid var(--line) !important; border-radius: 8px !important; background: var(--card) !important; box-shadow: 0 1px 2px rgba(10,30,60,.04) !important; overflow: hidden !important; transition: border-color .15s, background .15s; }
.hl_lb_nrys::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px !important; border-radius: 0 !important; background: linear-gradient(180deg, var(--cyan), var(--blue)) !important; opacity: 0 !important; transition: opacity .15s; }
.hl_lb_nrys:hover { transform: none !important; border-color: #cfe0f6 !important; background: #fbfdff !important; box-shadow: 0 1px 2px rgba(10,30,60,.04) !important; }
.hl_lb_nrys:hover::before { opacity: 1 !important; }
.hl_lb_btys { color: var(--ink) !important; font-size: 17.5px !important; font-weight: 700 !important; line-height: 1.5 !important; }
.hl_lb_btys:hover { color: var(--blue) !important; text-decoration: none !important; }
.hl_lb_jjgd { height: auto !important; margin: 8px 0 0 !important; color: var(--ink-2) !important; font-size: 13.5px !important; line-height: 1.9 !important; }
.hl_lb_jjgd i { font-style: normal !important; }
.hl_nr dd { margin-top: 10px !important; color: var(--ink-3) !important; font-size: 12px !important; }
.hl_nr dd .pipe { margin: 0 6px !important; color: #d8e3ef !important; }
.hl_nr dd a { color: var(--ink-2); }
.hl_nr dd a:hover { color: var(--blue); }
.hl_nr .xi2, .hl_nr label a { color: var(--blue); }
.hl_atc { margin: 2px 18px 0 0 !important; border-radius: 6px !important; box-shadow: 0 0 0 1px var(--line) !important; }
.hl_atc img { width: 208px !important; height: 132px !important; border: 0 !important; border-radius: 6px !important; }
.hl_lb_nrys:hover .hl_atc img { transform: none !important; }

/* ---------- 分页 ---------- */
.pgs { margin: 18px 0 4px !important; text-align: center; }
.pgs .pg { margin: 0; padding: 0; text-align: center; }
.pg a, .pg strong, .pg .nxt, .pg .prev { 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; }

/* ---------- 侧栏盒子 ---------- */
.sidebar_box { margin-bottom: 14px !important; border: 1px solid var(--line) !important; border-radius: 8px !important; background: var(--card) !important; box-shadow: 0 1px 2px rgba(10,30,60,.04) !important; overflow: hidden; }
.sidebar_box:hover { transform: none !important; border-color: var(--line) !important; box-shadow: 0 1px 2px rgba(10,30,60,.04) !important; }
.sidebar_title { padding: 12px 16px !important; border: 0 !important; background: linear-gradient(120deg, #071528, #103356) !important; }
.sidebar_title::before { display: none !important; }
.sidebar_title h2 { display: flex !important; align-items: center !important; margin: 0 !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .5px; text-shadow: none !important; }
.sidebar_title h2::before { content: ''; display: inline-block !important; width: 3px !important; height: 14px !important; margin-right: 9px !important; border-radius: 2px !important; background: var(--cyan) !important; box-shadow: none !important; }
.sidebar_con { padding: 12px 16px 14px !important; background: var(--card) !important; }
.sidebar_con a { color: var(--ink-2) !important; font-size: 13px !important; line-height: 1.8 !important; }
.sidebar_con a:hover { display: inline !important; transform: none !important; color: var(--blue) !important; }
.sidebar_con.con_list_t { padding: 12px 12px 16px !important; }
.sidebar_con.con_list_t a { display: inline-block !important; margin: 4px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 4px; background: #f7fafd; color: var(--ink-2) !important; font-size: 12.5px !important; line-height: 18px; }
.sidebar_con.con_list_t a:hover { border-color: #cfe0f6; background: #eaf2fc; color: var(--blue-d) !important; }

/* ---------- 侧栏排行序号 ---------- */
.hl_cnxh { margin: 0 !important; padding: 4px 14px 8px !important; border: 0 !important; }
.hl_cnxh ul { width: auto !important; padding: 0 !important; }
.hl_cnxh ul li { float: none !important; width: auto !important; height: auto !important; padding: 8px 0; border-bottom: 1px dashed var(--line); background: none !important; text-indent: 0 !important; line-height: 20px; overflow: hidden; }
.hl_cnxh ul li:last-child { border-bottom: 0; }
.hl_cnxh ul li span { display: inline-block !important; float: left !important; width: 20px !important; height: 20px !important; margin-top: 0 !important; border-radius: 3px !important; color: var(--ink-3) !important; background: #eef3f9 !important; font-family: var(--mono); font-size: 11px !important; line-height: 20px !important; text-align: center; }
.hl_cnxh ul li span.hl_numone { color: #fff !important; background: var(--blue) !important; }
.hl_cnxh ul li a { display: inline-block !important; float: left !important; width: calc(100% - 30px) !important; padding: 0 0 0 10px !important; color: var(--ink-2) !important; font-size: 13px !important; line-height: 20px; }
.hl_cnxh ul li a:hover { color: var(--blue) !important; }

/* ---------- 文章页主体 ---------- */
#ct .mn .bm.vw { padding: 0 24px 20px; border: 1px solid var(--line) !important; border-radius: 8px !important; background: var(--card) !important; box-shadow: 0 1px 2px rgba(10,30,60,.04) !important; }
.vw .h { padding: 22px 0 14px !important; border-bottom: 1px solid var(--line) !important; background: none !important; }
.vw h1.ph { color: var(--ink) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.5 !important; }
.vw .h p.xg1 { margin: 10px 0 0 !important; color: var(--ink-3) !important; font-family: var(--mono); font-size: 12px !important; }
.vw .h p.xg1 a { color: var(--ink-2); font-family: inherit; }
.vw .h p.xg1 a:hover { color: var(--blue); }
.vw .h .pipe { color: #d8e3ef; margin: 0 6px; }
.vw .d { padding: 4px 0 0 !important; border: 0 !important; background: none !important; }
.vwtb, .vwtb td { background: none !important; }
.vwtb td { padding: 8px 0 0 !important; color: var(--ink-2) !important; font-size: 15.5px !important; line-height: 2 !important; }
.vw .d p { margin: 0 0 14px; }
.vw .d img { border-radius: 6px; max-width: 100%; }
.vw .d a { color: var(--blue); }
.vm_pagetitle { color: var(--ink) !important; font-size: 17px !important; font-weight: 700 !important; margin: 6px 0 12px !important; }

/* ---------- 文章内「郑重承诺」块：正文内联样式带 !important，用双类名抬高优先级 ---------- */
.exx_mzsm.exx_mzsm { margin: 20px 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; color: var(--ink-2) !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); }

/* ---------- 相关文章标签条 ---------- */
.hl_wdnewtabs { border-bottom-color: var(--line) !important; }
.hl_wdnewtabs li { color: var(--ink-2) !important; }
.hl_wdnewtabs li.cur { color: var(--blue) !important; border-bottom-color: var(--blue) !important; }

/* ---------- 评论与回复 ---------- */
.cmt { border-top: 1px solid var(--line); }
.ctt .pt { border: 1px solid var(--line); border-radius: 4px; }
.ctt .pt:focus { border-color: var(--blue); outline: 0; }
.pn em, .pn a, input.pn { 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 { background: var(--blue) !important; border-color: var(--blue) !important; color: #fff !important; }
.px, .pt, select.ps { border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink); }
.px:focus, .pt:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(10,91,211,.1); outline: 0; }

/* ---------- 窄屏 ---------- */
@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; }
}
@media (max-width: 960px) {
	.hl_lb_pdmc { padding: 16px 16px 18px !important; }
	.hl_lb_pdmc h1 { font-size: 19px !important; line-height: 26px !important; }
	.hl_lb_nrys { padding: 14px !important; }
	.hl_atc { float: none !important; margin: 0 0 12px !important; }
	.hl_atc img { width: 100% !important; height: auto !important; }
	.hl_lb_btys { font-size: 16px !important; }
	#ct .mn .bm.vw { padding: 0 14px 16px !important; }
	.vw h1.ph { font-size: 20px !important; }
	.vwtb td { font-size: 15px !important; line-height: 1.95 !important; }
	.pg a, .pg strong { min-width: 34px; height: 34px; line-height: 32px; }
	.pg label, .pg input.px { display: none; }
}