/* -------- program ----- */

.list .header {
	color: #FFFFFF;
	background: #1b4933;
	border-bottom: solid 5px #f4ab00;
	margin-top: 7px;
	text-shadow: -1px -1px 0px #333;
	padding: 7px 0 7px 0;
}

.list .header h1 {
	float: left;
	width: 44%;
	text-align: left;
	padding-left: 5%;
	font-size: 17px;
	color: #f4ab00;
	font-weight: bold;
}

.list .header a {
	display: block;
	float: right;
	width: 44%;
	margin-top: 2px;
	text-align: right;
	padding-right: 2%;
	color: rgba(255, 255, 255, 1);
}

.program {
	float: left;
	padding: 6px 0 5px 0;
	width: 100%;
}

.program.sticky {
	background: #fee7ca;
}

.program .title {
	width: 100%;
	text-align: right;
	height: 28px;
	background: transparent !important;
}

/* 为 scam 状态的项目添加更高优先级的样式 */
.program.status4 .title,
.program.status5 .title {
	background: linear-gradient(to right, #cc0000, #ff6666) !important;
}

/* 确保项目名称文字颜色为白色 */
.program.status4 .title a.name,
.program.status5 .title a.name {
	color: #ffffff !important;
}

.program.status1 .title {
	background: linear-gradient(to right, #4caf50, #81c784) !important;
}

.program.status2 .title {
	background: linear-gradient(to right, #9e9e9e, #e0e0e0) !important;
}

.program.status3 .title {
	background: linear-gradient(to right, #ff8000, #ffbf80) !important;
}

.program .title a.name {
	padding: 0px 5px 0px 15px;
	float: left;
	display: block;
	line-height: 28px;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	background: transparent;
}

.program .new {
	color: #ffd657;
	font-weight: bold;
	padding: 8px 0px 5px 15px;
	width: 5%;
	height: 100%;
	float: left;
}

.program .ourrating {
	margin-right: 20px;
	width: 234px;
	float: right;
	display: block;
	margin-top: 2px;
}

.program .title ul {
	padding: 5px;
	list-style: none;
	overflow: hidden;
}

.program .title li {
	display: inline;
}

.program .title li a {
	font-size: 10px;
}

.program .main .col1 {
	float: left;
	width: 164px;
	padding: 5px 3px 3px;
	text-align: center;
	min-height: 152px;
	background: #f4f5f3 url(../images/col1bg.png) repeat-x bottom;
}

.program .main .col2 {
	float: left;
	width: 348px;
	padding: 5px 2px 5px 0;
	background: #f4f5f3 url(../images/col1bg.png) repeat-x bottom;
	min-height: 150px;
}

.program .main .col3 {
	float: left;
	width: 156px;
	padding: 5px 0 5px 0;
	background: #f4f5f3 url(../images/col1bg.png) repeat-x bottom;
	min-height: 150px;
}

.program .status {
	text-transform: uppercase;
	background: url(../images/statusbg.png) repeat-x;
	height: 25px;
	line-height: 25px;
	border-radius: 0px 7px 7px 0px;
	margin-top: 4px;
	font-weight: bold;
}

.program .status1 {
	color: green;
	background: url(../images/s1.gif) no-repeat 28px 50%;
	padding-left: 35px;
}

.program .status2 {
	color: #ffffff;
	background: url(../images/s2b.gif) no-repeat 28px 50%;
	padding-left: 35px;
}

.program .status3 {
	color: #ffffff;
	background: url(../images/s3b.gif) no-repeat 28px 50%;
	padding-left: 35px;
}

.program .status4 {
	color: #ed0a0a;
	background: url(../images/s4.gif) no-repeat 28px 50%;
	padding-left: 35px;
}

.program .status5 {
	color: #b1b1b1;
	background: url(../../../images/s5.gif) no-repeat 28px 50%;
	padding-left: 35px;
}

.program .forums {
	margin-top: 0px;
	text-align: left;
}

.program .forums a {
	color: #037e09;
	text-decoration: none;
}

.program .percents {
	font-weight: bold;
	font-size: 13px;
}

.program .rating {
	float: left;
	width: 100px;
}

.program .emptystars {
	float: right;
	background: url('../../../images/emptystars.png');
	position: relative;
	width: 95px;
	height: 18px;
	margin-top: 3px;
}

.program .fullstars {
	background: url('../../../images/fullstars.png');
	position: absolute;
	height: 18px;
	top: 0;
	left: 0;
}

.program .description {
	background: #f5f5f5 url(../images/detailsbg.png) repeat-x bottom;
	padding: 10px 20px;
	margin: 3px 5px;
	border: 1px solid #dcdcdc;
}

.program .paysystems {
	display: inline-block;
	margin: 3px 0px 3px 0px;
}

.program .options {
	display: inline;
	margin: 3px 0;
}

.program .adminnote {
	background: #DDEADA;
	border: dotted 1px #68965B;
	padding: 2px 5px 2px 5px;
	margin: 2px 0 2px 0;
}

.program .support {
	text-align: center;
	height: 44px;
	display: block;
	margin-top: 2px;
}

.program .adminnote b {
	color: #68965B;
}

.program_add .payment_systems {
	padding: 2px;
}

.program_add .options {
	padding: 2px;
}

.program .summary {
	width: 42px;
	float: left;
}

.program .summary .mood {
	width: 42px;
	height: 46px;
}

.program .summary .rate {
	text-align: center;
}

.program .summary.mood3 .mood {
	background: url(../images/r3.png) no-repeat 50% 50%;
}

.program .summary.mood2 .mood {
	background: url(../images/r2.png) no-repeat 50% 50%;
}

.program .summary.mood1 .mood {
	background: url(../images/r1.png) no-repeat 50% 50%;
}

.program .summary.mood0 .mood {
	background: url(../images/r0.png) no-repeat 50% 50%;
}

.program .summary.mood3 .rate {
	color: green;
}

.program .summary.mood2 .rate {
	color: orange;
}

.program .summary.mood1 .rate {
	color: red;
}

.program .summary.mood0 .rate {
	color: black;
}

.program .col3 .votes_summary {
	float: right;
}

.program .col1 .votes_summary {
	padding-left: 20px;
}

.program .ourraiting {
	float: left;
	width: 190px;
}

.program .usrraiting {
	float: left;
	width: 190px;
}

.fmenu {
	display: block;
	height: 25px;
	width: 100%;
	line-height: 25px;
	background-image: url(../images/col1bg.png);
	border-bottom: 4px solid #1b4933;
}

.fmenu ul {
	padding: 0px 5px;
	list-style: none;
	overflow: hidden;
}

.fmenu li {
	display: inline;
}

.fmenu li a {
	font-size: 11px;
	text-decoration: none;
	margin-left: 5px;
	padding: 14px 5px;
}

.fmenu li a:hover {
	font-size: 11px;
	text-decoration: none;
	margin-left: 5px;
	background: #1b4933;
	color: rgba(255, 255, 255, 1);
	padding: 14px 5px;
}

/* 响应式设计支持 */
@media (max-width: 768px) {
  .program .title a.name {
    font-size: 13px;
    padding: 0px 3px 0px 10px;
  }
  
  .program .title {
    height: auto;
    min-height: 28px;
  }
  
  .program .ourrating {
    width: 180px;
    margin-right: 10px;
  }
}

@media (max-width: 480px) {
  .program .title a.name {
    font-size: 12px;
    padding: 0px 2px 0px 8px;
  }
  
  .program .ourrating {
    width: 120px;
  }
}


/* 20261023fs: 统计行文字行间距微调（行间共 2px）+ 字号大一号（13->14px） */
.program .col2 .ratio,
.program .col2 .lastpayout,
.program .col3 .amountdiv,
.program .col3 .referral,
.program .col3 .withdrawal,
.program .col3 .lifetime,
.program .col3 .monitored,
.program .col3 .added,
.program .col3 .forums {
  font-size: 14px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* ===== 20261023modern: 项目卡片现代化改版（参考 hyip.biz 风格） ===== */
.program {
	background: #f5f7fa;
	border: 1px solid #dde3ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.07);
	margin-bottom: 14px;
	overflow: hidden;
}

/* 标题栏：白底平头，去掉渐变 */
.program .title {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	height: auto !important;
	padding: 10px 14px !important;
	background: #ffffff !important;
	border-bottom: 1px solid #e6eaf0 !important;
	text-align: left !important;
}
.program.status1 .title,
.program.status2 .title,
.program.status3 .title,
.program.status4 .title,
.program.status5 .title {
	background: #ffffff !important;
	border-bottom: 1px solid #e6eaf0 !important;
}
.program .title a.name {
	float: none !important;
	display: inline !important;
	line-height: 1.35 !important;
	padding: 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #1a2233 !important;
}
.program.status1 .title a.name,
.program.status2 .title a.name,
.program.status3 .title a.name,
.program.status4 .title a.name,
.program.status5 .title a.name {
	color: #1a2233 !important;
}
.program .title a.name:hover { color: #0f6cb5 !important; text-decoration: none; }
.program .title-right { margin-left: auto; display: flex; align-items: center; gap: 10px; }

/* 右上角收藏按钮（替代底部 Bookmark 标签） */
.program .bmk {
	font-size: 19px;
	line-height: 1;
	color: #94a3b8;
	text-decoration: none;
	padding: 2px 4px;
	border-radius: 4px;
}
.program .bmk:hover { color: #f59e0b; text-decoration: none; background: #f1f5f9; }
.program .bmk.on { color: #f59e0b; }

/* 状态牌圆角 */
.program .status { border-radius: 5px; }

/* hyip.biz 风标签色：棕红 */
.program .lb { color: #ae5e5e; }

/* 栏内边距 */
.program .main .col2 { padding: 8px 10px; }
.program .main .col3 { padding: 8px 10px; }

/* Plans 条与描述 */
.program .percents { background: #ffffff; border-top: 1px dashed #e2e8f0; padding: 8px 14px; margin: 0; border-radius: 0 0 10px 10px; }
.program .percents p { margin: 0; }
.program .plans-label { color: #ae5e5e; font-weight: 700; }
.program .description { padding: 8px 14px; background: #ffffff; }

/* ===== 底部菜单现代化：Payouts / Traffic / Get Code + More 下拉 ===== */
.fmenu {
	display: block;
	height: auto !important;
	line-height: normal !important;
	background: #ffffff !important;
	background-image: none !important;
	border: 1px solid #dde3ea !important;
	border-bottom: 1px solid #dde3ea !important;
	border-radius: 10px;
	margin: 0 0 14px 0;
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.05);
}
.fmenu ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	padding: 6px 8px !important;
	overflow: visible !important;
	list-style: none;
	margin: 0;
}
.fmenu li { display: block; }
.fmenu li a, .fmenu li a:hover {
	display: block;
	font-size: 13px !important;
	font-weight: 600;
	text-decoration: none !important;
	margin-left: 0 !important;
	padding: 7px 16px !important;
	border-radius: 6px;
	color: #334155 !important;
	background: transparent !important;
}
.fmenu li a:hover { background: #eef2f7 !important; color: #0f6cb5 !important; }
.fmenu li.more { position: relative; }
.fmenu .more-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 160px;
	background: #ffffff;
	border: 1px solid #dde3ea;
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(16, 24, 40, 0.12);
	padding: 4px;
	margin: 2px 0 0 0;
	z-index: 60;
}
.fmenu li.more:hover .more-menu,
.fmenu li.more.open .more-menu { display: block; }
.fmenu .more-menu li a { white-space: nowrap; padding: 8px 12px !important; }

/* 手机端标题字号收敛 */
@media (max-width: 768px) {
	.program .title a.name { font-size: 14px !important; }
	.program .title { padding: 8px 10px !important; }
}

/* ===== 20261023details: 一页式详情页分区（whois/payouts/traffic 整合进详情页） ===== */
.dsec { background:#fff; border:1px solid #dde3ea; border-radius:10px; margin:0 0 14px 0; box-shadow:0 1px 3px rgba(16,24,40,.05); overflow:hidden; }
.dsec-h { padding:10px 14px; font-size:14px; font-weight:700; color:#1a2233; background:#f8fafc; border-bottom:1px solid #e6eaf0; }
.dsec-b { padding:12px 14px; }
.dsec-b table.list { width:100%; border-spacing:0; }
.dsec-b .list th { height:30px; background:#eef2f7; border-bottom:1px solid #d5dce4; color:#334155; text-align:left; padding:4px 8px; font-size:13px; }
.dsec-b .list td { height:30px; border-bottom:1px solid #edf1f6; padding:4px 8px; text-align:left; font-size:13px; color:#334155; }
.dsec-b .list .row1 { background:#ffffff; }
.dsec-b .list .row2 { background:#f8fafc; }
.dsec-b .list .spend { color:#660000; }
.dsec-b .list .profit { color:#006600; }
.dsec-b .pos { color:#009900; font-size:11px; }
.dsec-b .neg { color:#990000; font-size:11px; }
.dsec-b table.form { width:100%; border-spacing:0; margin-bottom:10px; }
.dsec-b .form th { text-align:left; padding:6px 8px; color:#ae5e5e; font-weight:600; font-size:13px; width:170px; }
.dsec-b .form td { padding:6px 8px; font-size:13px; color:#334155; }
.dsec-b .inprofit { color:#037e09; font-weight:bold; }
.dsec-b .dempty { color:#64748b; font-size:13px; margin:4px 0; }
.dsec-b pre { background:#f8fafc; border:1px solid #e6eaf0; border-radius:6px; padding:10px; font-size:12px; line-height:1.5; max-height:320px; overflow:auto; white-space:pre-wrap; word-break:break-all; margin:0; }
.wraw { margin-top:10px; }
.wraw summary { cursor:pointer; color:#0f6cb5; font-size:13px; font-weight:600; padding:4px 0; }
.dsec-b table.dinfo th { width:130px; }
.dsec-b .form input[type=text] { border:1px solid #d5dce4; border-radius:6px; padding:6px 10px; font-size:13px; }
.dsec-b .sbmt { background:#0f6cb5; color:#fff; border:none; border-radius:6px; padding:8px 20px; font-size:13px; font-weight:600; cursor:pointer; }
.dsec-b .sbmt:hover { background:#0d5a99; }
/* 投票摘要（由 .details 作用域移植） */
.dsec-b .summary { clear:both; overflow:hidden; padding:2px 0; }
.dsec-b .summary.mood3 .rate div { background:green; }
.dsec-b .summary.mood2 .rate div { background:#e6b800; }
.dsec-b .summary.mood1 .rate div { background:orange; }
.dsec-b .summary.mood0 .rate div { background:red; }
.dsec-b .summary .rate { width:72%; float:right; height:10px; margin-top:6px; background:#eef2f7; border-radius:5px; overflow:hidden; }
.dsec-b .summary .rate div { height:10px; border-radius:5px; }
.dsec-b .summary .mood { float:left; width:18%; height:22px; line-height:22px; padding:0 2px 0 24px; font-weight:bold; color:#000; font-size:12px; background-size:16px 16px; background-position:left center; }
.dsec-b .summary.mood3 .mood { background:url(../images/r3.gif) no-repeat left; }
.dsec-b .summary.mood2 .mood { background:url(../images/r2.gif) no-repeat left; }
.dsec-b .summary.mood1 .mood { background:url(../images/r1.gif) no-repeat left; }
.dsec-b .summary.mood0 .mood { background:url(../images/r0.gif) no-repeat left; }
@media (max-width: 768px) {
	.dsec-b .form th { width:auto; }
	.dsec-b .summary .mood { width:24%; }
	.dsec-b .summary .rate { width:66%; }
}

/* ===== 20261023fix: 标签色改回默认色 + 右栏留白收紧 ===== */
.program .lb { color: inherit !important; }
.program .dsec-b .form th { color: inherit !important; }
.program .main .col3 { padding-left: 8px; padding-right: 8px; }

/* ===== 20261023fix2: Forums 行字号补齐 14px（此前漏选导致该行偏小） ===== */
.program .col2 .forums,
.program .col3 .forums { font-size: 14px; padding-top: 1px; padding-bottom: 1px; }

/* ===== 20261023fix3: col2 支付方式/RCB 行字号补齐 14px ===== */
.program .col2 .paysystems,
.program .col2 .max_rcb { font-size: 14px; padding-top: 1px; padding-bottom: 1px; }

/* ===== 20261023fix4: 行间距再加 2px + 底部菜单间距收紧 + Plans 后空格 ===== */
.program .col2 .ratio,
.program .col2 .lastpayout,
.program .col2 .forums,
.program .col2 .paysystems,
.program .col2 .max_rcb,
.program .col3 .amountdiv,
.program .col3 .referral,
.program .col3 .withdrawal,
.program .col3 .lifetime,
.program .col3 .monitored,
.program .col3 .added,
.program .col3 .forums {
  padding-top: 3px;
  padding-bottom: 3px;
}
.fmenu ul { gap: 0; }
.fmenu li a, .fmenu li a:hover { padding: 7px 12px !important; }

/* ===== 20261023fix5: 卡片底部到菜单条之间的白带收紧 ===== */
.program .main > .percents p { margin: 0 !important; }
.program .percents { padding: 6px 14px 4px !important; }
.fmenu { margin: -10px 0 14px 0; }
.fmenu ul { padding: 4px 8px !important; }
.fmenu li a, .fmenu li a:hover { padding: 6px 12px !important; }

/* ===== 20261023fix6: 菜单条内部顶部空白收干净 ===== */
.fmenu ul { margin: 0 !important; padding: 2px 8px !important; }
.program .percents { padding: 5px 14px 2px !important; }

/* ===== 20261023fix7: 消掉菜单条内换行产生的空行盒 ===== */
.fmenu ul { font-size: 0; }
.fmenu ul { padding: 3px 8px !important; }

/* ===== 20261023fix8: 卡片加虚线边框 + 菜单链接字号 14px ===== */
.program { border: 1px dashed #c9d3df; }
.fmenu li a, .fmenu li a:hover { font-size: 14px !important; }

/* ===== 20261023fix9: 收藏图标改 hyip.biz 风格 SVG 书签 ===== */
.program .bmk {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	font-size: 0;
	color: #94a3b8;
	border-radius: 6px;
	text-decoration: none;
}
.program .bmk:hover { color: #0f6cb5; background: #eef2f7; text-decoration: none; }
.program .bmk.on { color: #f59e0b; }
.program .bmk .bmk-ico { display: block; }
.program .bmk.on .bmk-ico path { fill: currentColor; }

/* ===== 20261023fix10: 菜单当前页签选中态 ===== */
.fmenu li.active a,
.fmenu li.active a:hover {
  background: #0f6cb5 !important;
  color: #ffffff !important;
  font-weight: 700;
}

/* ===== 20261023fix11: 收藏图标放大 + 靠上 ===== */
.program .title-right { align-items: flex-start; }
.program .bmk { width: 30px; height: 30px; margin-top: -3px; }
.program .bmk .bmk-ico { width: 21px; height: 21px; }

/* ===== 20261023fix12: 卡片与菜单条缝隙归零（负边距吃掉卡片 margin-bottom） ===== */
.fmenu { margin-top: -14px; }

/* ===== 20261023bmk: 收藏夹入口与列表 ===== */
.header_menu #nav li.bmk-nav a { color: #0f6cb5; }
.header_menu #nav li.bmk-nav .bm-n { color: #f59e0b; font-size: 13px; font-weight: bold; }
.dsec-h .bm-n { color: #f59e0b; font-size: 13px; font-weight: bold; }

/* ===== 20261023bmk2: 导航容纳（书签项压缩 + 禁止换行） ===== */
.header_menu #nav li.bmk-nav a { font-size: 15px !important; white-space: nowrap; }
.header_menu #nav li.bmk-nav .bm-n { font-size: 12px; }

/* ===== 20261023bmk3: 导航里的收藏入口（图标+数量徽标） ===== */
.header_menu #nav li.bmk-nav a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #f4ab00;
  white-space: nowrap;
}
.header_menu #nav li.bmk-nav .bmk-nav-ico { display: block; }
.header_menu #nav li.bmk-nav .bm-n {
  background: #f4ab00;
  color: #1b4933;
  font-size: 11px;
  font-weight: bold;
  border-radius: 9px;
  padding: 0 5px;
  line-height: 17px;
  min-width: 17px;
  text-align: center;
}
.header_menu #nav li.bmk-nav a:hover .bmk-nav-ico { color: #ffffff; }

/* ===== 20261023fix14: 菜单条按钮垂直居中（消空行盒 + flex 居中） ===== */
.fmenu { font-size: 0; }
.fmenu li a, .fmenu li a:hover { display: flex; align-items: center; }

/* ===== 20261023fix15: fmenu 改 flex 容器（消除空白行盒，按钮垂直居中） ===== */
.fmenu { display: flex; align-items: center; }

/* ===== 20261023fix16: 页头收藏图标放大 + 右移贴近搜索框 ===== */
.header_menu #nav li.bmk-nav { margin-left: 26px; }
.header_menu #nav li.bmk-nav .bmk-nav-ico { width: 20px; height: 20px; }
.header_menu #nav li.bmk-nav .bm-n {
  font-size: 12px;
  min-width: 19px;
  line-height: 19px;
  padding: 0 5px;
}

/* ===== 20261023fix17: 收藏入口贴近搜索框（压缩 nav 链接内边距） ===== */
.header_menu #nav li.bmk-nav { margin-left: 26px; }
.header_menu #nav li.bmk-nav a { padding: 0 4px !important; }

/* ===== 20261023fix18: 徽标叠图标右上角，图标贴近搜索框 ===== */
.header_menu #nav li.bmk-nav { margin-left: 30px; }
.header_menu #nav li.bmk-nav a { padding: 0 4px !important; }
.header_menu #nav li.bmk-nav .bmk-ico-wrap { position: relative; display: inline-flex; }
.header_menu #nav li.bmk-nav .bmk-ico-wrap .bm-n {
  position: absolute;
  top: -7px;
  right: -9px;
  background: #f4ab00;
  color: #1b4933;
  font-size: 10px;
  font-weight: bold;
  border-radius: 8px;
  padding: 0 4px;
  line-height: 14px;
  min-width: 14px;
  text-align: center;
}

/* ===== 20261023fix19: 收藏图标右移贴搜索框 + 垂直对齐搜索框 ===== */
.header_menu #nav li.bmk-nav { margin-left: 44px; }
.header_menu #nav li.bmk-nav a { padding: 0 4px !important; display: inline-block; line-height: 54px; }
.header_menu #nav li.bmk-nav .bmk-ico-wrap { position: relative; display: inline-block; vertical-align: middle; }

/* ===== 20261023fix20: 收藏图标与搜索框垂直居中对齐 ===== */
.header_menu #nav li.bmk-nav a {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 54px;
  padding: 0 !important;
}
.header_menu #nav li.bmk-nav .bmk-ico-wrap {
  position: absolute;
  top: 17px;
  left: 4px;
  display: block;
}


/* ===== 20261023fix21: 收藏图标再放大 + 上移 + 右移贴搜索框 + 更醒目 ===== */
.header_menu #nav li.bmk-nav { margin-left: 46px; }
.header_menu #nav li.bmk-nav a { width: 32px; }
.header_menu #nav li.bmk-nav .bmk-nav-ico {
  width: 24px;
  height: 24px;
  color: #ffb300;
  -webkit-filter: drop-shadow(0 0 3px rgba(255, 179, 0, .5));
  filter: drop-shadow(0 0 3px rgba(255, 179, 0, .5));
}
.header_menu #nav li.bmk-nav a:hover .bmk-nav-ico {
  color: #ffffff;
  -webkit-filter: drop-shadow(0 0 4px rgba(255, 255, 255, .7));
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, .7));
}
.header_menu #nav li.bmk-nav .bmk-ico-wrap { top: 12px; left: 6px; }
.header_menu #nav li.bmk-nav .bmk-ico-wrap .bm-n {
  top: -9px;
  right: -11px;
  font-size: 11px;
  line-height: 16px;
  min-width: 16px;
  padding: 0 4px;
  border-radius: 8px;
}


/* ===== 20261023fix22: 收藏图标改实心金色（提升醒目度） ===== */
.header_menu #nav li.bmk-nav .bmk-nav-ico { color: #ffc107; }
.header_menu #nav li.bmk-nav a:hover .bmk-nav-ico { color: #ffffff; }


/* ===== 20261023fix23: 数量徽章内收，避免压到搜索框圆角 ===== */
.header_menu #nav li.bmk-nav .bmk-ico-wrap .bm-n {
  top: -8px;
  right: -2px;
  font-size: 11px;
  line-height: 16px;
  min-width: 16px;
  padding: 0 3px;
  border-radius: 8px;
  box-shadow: 0 0 0 2px #1b4933;
}


/* ===== 20261023fix24: 卡片与底部菜单之间的缝彻底消掉 =====
   原因：.fmenu 在 fix15 改成 display:flex 后，它的 margin-top:-14px 被浏览器
   完全忽略（实测 -40px 也不动位置），而 .program 的 margin-bottom:14px 照常生效，
   于是缝又回到 14px。改为把间距责任交给 .fmenu 自己的 margin-bottom，
   卡片底部外边距归零。全站卡片与 .fmenu 是 1:1 配对，故卡片间隔不受影响。 */
.program { margin-bottom: 0; }
.fmenu { margin-top: 0; margin-bottom: 14px; }


/* ===== 20261023fix25: 收藏数量徽章改正圆 + 数字光学居中 =====
   原徽章是 22x16 的横向胶囊（content-box：min-width16 + 左右各3的内边距），
   再叠一道 2px 深色描边环压在 24px 书签顶部，视觉重心偏右上，
   肉眼看数字像"歪"的。改为 border-box 正圆 + flex 居中 + 细描边环。 */
.header_menu #nav li.bmk-nav .bmk-ico-wrap .bm-n {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 1;
  border-radius: 9px;
  top: -7px;
  right: 0px;
  box-shadow: 0 0 0 1.5px #1b4933;
}


/* ===== 20261023fix27: 收藏图标与导航/搜索框绝对对齐 =====
   之前徽章 top:-7px 向上凸出 7px，整组视觉重心上浮，怎么调都觉得没对齐。
   现在把徽章完全收进图标的 24x24 盒子内（top:0/right:0），
   图标盒子本身垂直居中于 54px 导航条（top:15px），
   这样图标的中心 = 导航文字中心 = 搜索框中心 = 211px。 */
.header_menu #nav li.bmk-nav .bmk-ico-wrap { top: 15px; left: 6px; }
.header_menu #nav li.bmk-nav .bmk-ico-wrap .bm-n {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  min-width: 14px;
  padding: 0 3px;
  font-size: 9px;
  line-height: 1;
  border-radius: 7px;
  top: 0;
  right: 0;
  box-shadow: 0 0 0 1.5px #1b4933;
}


/* ===== 20261023fix29: 收藏入口改成 图标 + (数字) 行内排列 =====
   放弃叠加圆标方案：角标一旦绝对定位就会改变视觉重心，永远要手工补偿。
   改成 flex 行内排列，图标和括号数字共用同一条中线，对齐由布局保证。 */
.header_menu #nav li.bmk-nav { margin-left: 24px; }
.header_menu #nav li.bmk-nav a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 54px;
  height: 54px;
  padding: 0 !important;
  line-height: 1 !important;
}
.header_menu #nav li.bmk-nav .bmk-ico-wrap {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center;
}
.header_menu #nav li.bmk-nav .bmk-nav-ico {
  width: 24px;
  height: 24px;
  display: block;
}
.header_menu #nav li.bmk-nav .bm-n {
  position: static !important;
  display: inline-block !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  width: auto !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1 !important;
  color: #ffc107 !important;
  text-align: left;
  letter-spacing: 0;
}
.header_menu #nav li.bmk-nav .bm-n::before { content: "("; }
.header_menu #nav li.bmk-nav .bm-n::after  { content: ")"; }


/* ===== 20261023fix30: 收藏升级为正规导航项（图标 + Bookmarks + (n)）=====
   Directory 项已从模板移除腾出空间。整项按普通导航项参与 float 布局，
   内部用 inline-flex 排列图标/文字/数字，垂直对齐由 align-items:center 保证。 */
.header_menu #nav li.bmk-nav { margin-left: 0; }
.header_menu #nav li.bmk-nav a {
  display: flex !important;
  align-items: center;
  width: auto !important;
  height: 54px;
  padding: 0 15px !important;
  line-height: 54px !important;
}
.header_menu #nav li.bmk-nav .bmk-txt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.header_menu #nav li.bmk-nav .bmk-ico-wrap {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline-flex;
  align-items: center;
}
.header_menu #nav li.bmk-nav .bmk-nav-ico {
  width: 20px;
  height: 20px;
  display: block;
  color: #ffc107;
}
.header_menu #nav li.bmk-nav .bm-n {
  position: static !important;
  display: inline-block !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  width: auto !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1 !important;
  color: #ffc107 !important;
  letter-spacing: 0;
}
.header_menu #nav li.bmk-nav .bm-n::before { content: " ("; }
.header_menu #nav li.bmk-nav .bm-n::after  { content: ")"; }


/* ===== 20261024fix31: 收藏导航项 hover 状态完全对齐普通导航项 =====
   现象：鼠标悬停 Bookmarks 时整项变黄底，但图标与 (数字) 仍是金色 #ffc107，
        文字也被 .bmk-nav a{color:#0f6cb5} 的蓝占住，黄底上几乎读不出来。
        参考 Support 项 hover = 黄底 + 黑字。
   原因：.bm-nav 的 color:#ffc107!important 与 .bmk-nav-ico 的金色都没有 hover 覆盖，
        且 .header_menu #nav li.bmk-nav a (1,1,2) 与 header.css 的 #nav li a:hover (1,2,2)
        虽然后者胜出，但 line-height/padding 被我们 !important 锁死，几何对不上。
   解法：整段复刻 header.css 中 #nav li a:hover 的几何（黄底、顶部 5px 绿边、上移 8px、
        height/line-height 57），并把文字、图标、数字在 hover 时统一强制为黑色。 */
.header_menu #nav li.bmk-nav a:hover {
  background: #f4ab00 !important;
  border-radius: 5px 5px 0 0;
  border-top: 5px solid #288100;
  margin-top: -8px;
  height: 57px !important;
  line-height: 57px !important;
  color: #000 !important;
}
.header_menu #nav li.bmk-nav a:hover .bmk-txt,
.header_menu #nav li.bmk-nav a:hover .bm-n {
  color: #000 !important;
}
.header_menu #nav li.bmk-nav a:hover .bmk-nav-ico {
  color: #000 !important;
}
.header_menu #nav li.bmk-nav a:hover .bmk-nav-ico path {
  fill: #000 !important;
  stroke: #000 !important;
}


/* ===== 20261024fix32: 收藏项字号统一为 16px =====
   现象：Bookmarks 文字内联 18px、数字 15px，比其它导航项（16px）大一号，视觉上突兀。
   解法：模板内联改 16，这里再把 a 与 (数字) 拉回 16，与 header.css 的 #nav li a 一致。
   a 从 15 提到 16 会让整项略宽，但 bmk-txt 由 18 降到 16 净变窄，float 不会换行。 */
.header_menu #nav li.bmk-nav a { font-size: 16px !important; }
.header_menu #nav li.bmk-nav .bm-n { font-size: 16px !important; }
