@charset "utf-8";
/* 全站设计令牌 v7「墨线卷宗 / Ink & Ledger」：墨蓝 + 宣纸白 + 琥珀账号线
   （portal 首页、forum 首页/列表/详情/发帖页、门户内容页共享）
   2026-10-15 起与插件侧 hl_plist_page.css / wikifx_style.css / kh_event.css 同一套色板。
   注意：--blue/--blue-d/--cyan 是历史名，值已换成墨蓝/深墨蓝/琥珀，改名会牵动多张表，故保留变量名。 */

:root {
	--ink: #0A1C2E; --ink-2: #1B3448; --ink-3: #71869B;
	--line: #E4E9EF; --bg: #F2F5F8; --card: #FFFFFF;
	--blue: #14456B; --blue-d: #0B2A42; --cyan: #A96C14;
	--amber: #A96C14; --amber-l: #E9A83B; --amber-d: #D68F1E; --amber-bg: #FBF2E0;
	--mono: "SF Mono", "Roboto Mono", Consolas, monospace;
	--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
}

/* 主题正文用的是 'Microsoft Yahei','Simsun',Tahoma 这类老字体栈：在没有微软雅黑的环境（安卓、Linux、部分精简系统）会整体掉到衬线体，这里补上无衬线回退链 */
body, #wp, .wp, .bm, .bm_h h2, #pt.bm, .xst, .t_f, .t_f span, #thread_subject,
.hl_postlist h2, .hl_postlist h2 a, .tl td em, .tl td em a, .pl .pct, .pn, .px, .pt,
.hh-list, .hf, .hf *, .hl_bkInters, .hl_guize { font-family: var(--sans); }

/* 主 CTA：v7 琥珀「账本钮」——琥珀渐变 + 深琥珀内脚 + 墨字，与插件所有主按钮同款 */
.hh-btn { display: inline-block; box-sizing: border-box; padding: 12px 28px; border-radius: 4px; font-size: 15px; font-weight: 700; color: #211403 !important; background: linear-gradient(180deg, #F2BC52, var(--amber-d)); box-shadow: inset 0 -2px 0 rgba(122,72,10,.45), 0 8px 20px -12px rgba(169,108,20,.75); transition: filter .18s ease, border-color .18s ease, color .18s ease; }
.hh-btn:hover { color: #211403 !important; filter: brightness(.97); }
.hh-btn.ghost { color: rgba(255,255,255,.86) !important; background: transparent; border: 1px solid rgba(233,168,59,.42); box-shadow: none; }
.hh-btn.ghost:hover { border-color: var(--amber-l); color: #fff !important; filter: none; }
.hh-btn.sm { padding: 6px 14px; font-size: 12px; border-radius: 4px; box-shadow: none; }
.hh-btn.lg { padding: 14px 40px; font-size: 16px; }

/* 通用列表行：标题 + 日期 */
.hh-list { margin: 0; padding: 0; list-style: none; }
.hh-list li { display: flex; align-items: baseline; gap: 10px; min-width: 0; padding: 9px 0; border-bottom: 1px dashed var(--line); }
.hh-list li:last-child { border-bottom: 0; }
.hh-list a { text-decoration: none; }
.hh-list .hh-t { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hh-list .hh-d { font-size: 12px; color: var(--ink-3); white-space: nowrap; font-family: var(--mono); }
.hh-list .hh-tag { flex: 0 1 auto; min-width: 0; max-width: 132px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: var(--amber); background: var(--amber-bg); border: 1px solid #E8D9B4; border-radius: 3px; padding: 0 6px; white-space: nowrap; }
.hh-list.clamp .hh-t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.hh-list.clamp li { align-items: flex-start; }

/* 窄屏：主题把 #wp / body 写死成 1200+ 定宽，小屏会整体横向溢出 */@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; }
}

/* ------------------------------------------------------------------
   站点扩展样式残留夺回（v7）
   data/cache/style_4_common.css 是后台「模板→样式→扩展样式」生成的缓存，
   里面还是 v2 的 #1890ff/#096dd9 亮蓝且大量带 !important，直接改缓存文件会在
   后台重新保存样式时被覆盖回去。本表在站点所有页面都晚于它加载，这里用
   同特异性 + !important 逐项夺回，色板与插件侧 v7「墨线卷宗」一致。
   ------------------------------------------------------------------ */

/* 滚动条：宽表（平台对照表、帖子列表）的拖拽滑块 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #EEF1F4; }
::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #14456B, #0B2A42); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #A96C14, #D68F1E); }

/* 顶栏 / 面包屑 / 页脚友链 / 头像 hover */
#toptb a:hover { color: var(--amber) !important; background: rgba(169,108,20,.1) !important; }
#pt .z a:hover { color: var(--amber) !important; background: transparent !important; }
.hl_links a:hover { color: var(--amber) !important; text-decoration: none !important; }
.avt img:hover { border-color: var(--amber) !important; transform: none !important; }

/* 主题列表 / 侧栏标签胶囊 hover */
.tl a:hover { color: var(--amber) !important; text-decoration: none !important; }
.con_list_t a:hover, .tg a:hover {
	background: var(--amber-bg) !important; color: var(--amber) !important;
	border-color: #E8D9B4 !important; transform: none !important;
}

/* 分页：hover 用琥珀纸底，当前页用墨蓝「印章」 */
.pgs .pg a:hover {
	background: var(--amber-bg) !important; color: var(--amber) !important;
	border-color: var(--amber) !important; text-decoration: none !important; transform: none !important;
}
.pgs .pg strong { background: #0B2A42 !important; color: #fff !important; border-color: #0B2A42 !important; }

/* 提示条左边线 */
.ntc, .alert { border-left-color: var(--amber) !important; }

/* 表单焦点环 + 通用按钮 */
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
textarea:focus, select:focus { border-color: var(--amber) !important; box-shadow: 0 0 0 2px rgba(169,108,20,.16) !important; }
button, .btn {
	background: linear-gradient(180deg, #F2BC52, #D68F1E) !important; color: #211403 !important;
	border: none !important; border-radius: 4px !important;
	box-shadow: inset 0 -2px 0 rgba(122,72,10,.45) !important; transform: none !important;
}
button:hover, .btn:hover { filter: brightness(.97); transform: none !important; }