/* ==========================================================
   数恩电气用户社区 —— 品牌皮肤
   品牌色：深蓝 #12395F · 绿 #0E9F4F
   做法：在默认模板基础上覆盖样式，不改模板 HTML 结构，
         便于 Discuz 升级与随时回滚。
   ========================================================== */

:root {
  --navy:        #12395F;
  --navy-dark:   #0B2A47;
  --navy-light:  #1E5085;
  --green:       #0E9F4F;
  --green-dark:  #0B8341;
  --ink:         #1F2933;
  --ink-2:       #52616B;
  --ink-3:       #8A96A3;
  --line:        #E3E8EF;
  --bg:          #F5F7FA;
  --card:        #FFFFFF;
  --radius:      10px;
  --shadow:      0 1px 3px rgba(18,57,95,.06), 0 1px 2px rgba(18,57,95,.04);
  --shadow-lg:   0 4px 16px rgba(18,57,95,.10);
}

/* ---------- 全局 ---------- */
body {
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

a        { color: var(--navy-light); transition: color .15s; }
a:hover  { color: var(--green); text-decoration: none; }
.xi2, a.xi2 { color: var(--navy-light); }
.xi2:hover  { color: var(--green); }
.xg1     { color: var(--ink-3); }
.xg2     { color: var(--ink-2); }

/* 页面主容器加宽一点，现代屏幕更舒展 */
.wp { max-width: 1200px; width: auto; margin: 0 auto; padding: 0 16px; }

/* ==========================================================
   顶部：品牌区
   ========================================================== */
#hd {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
  border: 0;
  box-shadow: 0 2px 12px rgba(18,57,95,.18);
}
#hd .wp { background: transparent; }

/* logo 区 */
#hd .hdc {
  padding: 18px 0 14px;
  border: 0;
}
#hd .hdc h2 { margin: 0; }
#boardlogo {
  height: 44px !important;
  width: auto !important;
  /* logo 是深蓝底色的，放在深蓝背景上要提亮 */
  background: #fff;
  padding: 7px 14px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

/* 顶部快捷登录表单 —— 深色底上的浅色输入框 */
#hd .fastlg { color: rgba(255,255,255,.92); }
#hd .fastlg a { color: rgba(255,255,255,.85); }
#hd .fastlg a:hover { color: #fff; }
#hd .fastlg label { color: rgba(255,255,255,.85); }

#hd .fastlg .px {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
  background: rgba(255,255,255,.14);
  color: #fff;
  width: 130px;
  transition: background .15s, border-color .15s;
}
#hd .fastlg .px:focus {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.55);
  outline: 0;
}
#hd .fastlg .px::placeholder { color: rgba(255,255,255,.5); }

/* 登录按钮 —— 品牌绿 */
#hd .fastlg .pn {
  background: var(--green);
  border: 0;
  border-radius: 6px;
  height: 30px;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(14,159,79,.3);
  transition: background .15s;
}
#hd .fastlg .pn:hover { background: var(--green-dark); }
#hd .fastlg .pn em { color: #fff; font-style: normal; font-weight: 500; }

/* 「立即注册」强调 */
#hd .fastlg a.xw1 {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 6px;
  color: #fff !important;
  font-weight: 400;
}
#hd .fastlg a.xw1:hover {
  background: #fff;
  color: var(--navy) !important;
  border-color: #fff;
}

/* 下拉选择器 */
#hd .ftid, #hd .ftid select { color: var(--ink); }

/* ==========================================================
   导航栏
   ========================================================== */
#nv {
  background: rgba(0,0,0,.16);
  border: 0;
  margin: 0;
  border-radius: 8px 8px 0 0;
}
#nv ul { padding: 0; }
#nv li {
  margin: 0;
  background: transparent;
}
#nv li a {
  display: block;
  padding: 12px 22px;
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-weight: 500;
  border: 0;
  border-radius: 0;
  transition: background .15s, color .15s;
}
#nv li a span {
  display: none;   /* 隐藏 "BBS" 这类英文副标题，更干净 */
}
#nv li a:hover {
  background: rgba(255,255,255,.12);
  color: #fff;
}
#nv li.a a,
#nv li.a a:hover {
  background: var(--card);
  color: var(--navy);
  font-weight: 600;
}
#nv #qmenu {
  color: rgba(255,255,255,.8);
  padding: 12px 16px;
  border: 0;
  background: transparent;
}
#nv #qmenu:hover { color: #fff; background: rgba(255,255,255,.1); }

/* 搜索栏 */
#scbar {
  background: transparent;
  border: 0;
  padding: 0 0 16px;
}
#scbar_txt {
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.14);
  color: #fff;
  border-radius: 6px 0 0 6px;
  height: 32px;
  padding: 0 12px;
}
#scbar_txt:focus {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.5);
  outline: 0;
}
#scbar_btn {
  background: var(--green);
  border: 0;
  border-radius: 0 6px 6px 0;
  height: 32px;
  cursor: pointer;
}
#scbar_btn:hover { background: var(--green-dark); }
#scbar_type a, #scbar_type_menu a { color: rgba(255,255,255,.85); }

/* ==========================================================
   面包屑
   ========================================================== */
#pt {
  background: transparent;
  border: 0;
  padding: 16px 0 4px;
  font-size: 13px;
}
#pt .z a { color: var(--ink-2); }
#pt .z a:hover { color: var(--green); }
#pt .z em { color: var(--ink-3); }

/* ==========================================================
   统计条
   ========================================================== */
#chart {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 12px 18px;
  margin-bottom: 16px;
}
#chart .chart { color: var(--ink-2); font-size: 13px; margin: 0; }
#chart .chart em { color: var(--navy); font-weight: 600; font-style: normal; }
#chart .pipe { color: var(--line); margin: 0 10px; }

/* ==========================================================
   版块卡片
   ========================================================== */
.bm {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 16px;
  overflow: hidden;
}
.bm.bmw { border-color: var(--line); }

/* 分区标题 */
.bm_h {
  background: linear-gradient(to bottom, #FAFBFD, #F4F7FA);
  border-bottom: 1px solid var(--line);
  padding: 0;
  height: auto;
}
.bm_h h2,
.bm_h h2 a {
  color: var(--navy);
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  padding: 0;
}
.bm_h h2 a:hover { color: var(--green); }
.bm_h .o {
  line-height: 46px;
  padding-right: 14px;
}
/* 分区标题左侧品牌色竖条 */
.bm_h::before {
  content: '';
  display: block;
  float: left;
  width: 3px;
  height: 18px;
  margin: 14px 12px 0 16px;
  background: var(--green);
  border-radius: 2px;
}

.bm_c { padding: 0; background: var(--card); }

/* 版块列表行 */
.fl_tb { width: 100%; }
.fl_tb tr {
  transition: background .12s;
}
.fl_tb tr:hover { background: #F8FAFC; }
.fl_tb td {
  border-bottom: 1px solid #F0F3F7;
  padding: 16px 12px;
  vertical-align: middle;
}
.fl_tb tr:last-child td { border-bottom: 0; }

/* 版块图标 */
.fl_icn {
  width: 52px;
  padding-left: 18px !important;
  text-align: center;
}
.fl_icn svg,
.fl_icn img {
  width: 30px;
  height: 30px;
  opacity: .9;
}
/* 统一图标颜色为品牌色系（默认模板是黄色气泡） */
.fl_icn svg path { fill: var(--navy-light) !important; }
.fl_tb tr:hover .fl_icn svg path { fill: var(--green) !important; }

/* 版块名与描述 */
.fl_tb h2 { margin: 0 0 3px; }
.fl_tb h2 a {
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
}
.fl_tb h2 a:hover { color: var(--green); }
.fl_tb p.xg2 {
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

/* 主题/帖数 */
.fl_i {
  width: 90px;
  text-align: center;
  white-space: nowrap;
}
.fl_i .xi2 {
  color: var(--navy);
  font-size: 16px;
  font-weight: 600;
}
.fl_i .xg1 { color: var(--ink-3); font-size: 13px; }

/* 最后发表 */
.fl_by {
  width: 230px;
  font-size: 13px;
}
.fl_by a.xi2 {
  color: var(--ink);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
.fl_by a.xi2:hover { color: var(--green); }
.fl_by cite {
  color: var(--ink-3);
  font-size: 12px;
  font-style: normal;
  display: block;
  margin-top: 2px;
}
.fl_by cite a { color: var(--ink-3); }
.fl_by cite a:hover { color: var(--navy-light); }

/* ==========================================================
   主题列表页
   ========================================================== */
#threadlisttableid th,
#threadlisttableid td { border-bottom: 1px solid #F0F3F7; }
.th, table.tl th {
  background: #FAFBFD;
  color: var(--ink-2);
  font-weight: 500;
}
tbody th a { color: var(--ink); font-weight: 500; }
tbody th a:hover { color: var(--green); }
tbody th a.xst { font-size: 14.5px; }
.tl th .xi3 { color: var(--green); }
/* 主题行悬停 */
.tl tbody tr:hover { background: #F8FAFC; }

/* 置顶/精华标签 */
.tps a { color: var(--ink-3); }
em[id^="threadtitle"] a { color: var(--green) !important; font-weight: 500; }

/* ==========================================================
   帖子内容页
   ========================================================== */
#postlist .plhin { border-bottom: 1px solid var(--line); }
.pls, .plc { padding-top: 20px; }
.t_f {
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink);
}
.t_f strong, .t_f b { color: var(--navy); font-weight: 600; }
.t_f ul, .t_f ol { padding-left: 24px; margin: 12px 0; }
.t_f li { margin: 5px 0; }
.t_f a { color: var(--navy-light); border-bottom: 1px solid rgba(30,80,133,.25); }
.t_f a:hover { color: var(--green); border-bottom-color: var(--green); }
.t_f br + br { line-height: .5; }

/* 楼层标题 */
.plhin .pi strong a { color: var(--navy); }
.authi a.xw1 { color: var(--navy); font-weight: 600; }

/* ==========================================================
   按钮
   ========================================================== */
.pn {
  background: var(--navy);
  border: 0;
  border-radius: 6px;
  color: #fff;
  height: 32px;
  padding: 0 18px;
  cursor: pointer;
  font-size: 14px;
  transition: background .15s, box-shadow .15s;
}
.pn:hover {
  background: var(--navy-dark);
  box-shadow: 0 2px 8px rgba(18,57,95,.25);
}
.pn em { color: #fff; font-style: normal; }
.pn.pnc { background: var(--green); }
.pn.pnc:hover { background: var(--green-dark); }

/* 发新帖按钮 */
a.pn.pnpost,
#newspecial {
  background: var(--green);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(14,159,79,.28);
}
a.pn.pnpost:hover { background: var(--green-dark); }

/* 输入框 */
.px, .pt, textarea.pt {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 7px 10px;
  color: var(--ink);
  transition: border-color .15s, box-shadow .15s;
}
.px:focus, .pt:focus, textarea.pt:focus {
  border-color: var(--navy-light);
  box-shadow: 0 0 0 3px rgba(30,80,133,.1);
  outline: 0;
}

/* ==========================================================
   侧栏模块
   ========================================================== */
.drag .bm, #frameXX .bm {
  border-radius: var(--radius);
}
.tbn a { color: var(--ink-2); }

/* 在线会员 */
#online_moderator dt, .bm dt {
  background: #FAFBFD;
  border-bottom: 1px solid var(--line);
  padding: 12px 16px;
  color: var(--ink-2);
}
.bm dd { padding: 14px 16px; }

/* ==========================================================
   分页
   ========================================================== */
.pg a, .pg strong, .pgb a {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 5px 11px;
  margin-right: 5px;
  color: var(--ink-2);
  background: var(--card);
}
.pg a:hover {
  border-color: var(--navy-light);
  color: var(--navy);
}
.pg strong {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

/* ==========================================================
   底部
   ========================================================== */
#ft {
  background: var(--card);
  border-top: 1px solid var(--line);
  margin-top: 28px;
  padding: 22px 0;
  color: var(--ink-3);
  font-size: 12.5px;
}
#ft a { color: var(--ink-2); }
#ft a:hover { color: var(--green); }
#flk .pipe { color: var(--line); }
/* 淡化 Powered by（GPL 要求保留，但可降低视觉权重） */
#flk p.xs0 { color: var(--ink-3); opacity: .7; font-size: 11.5px; }

/* ==========================================================
   杂项修正
   ========================================================== */
/* 去掉默认模板的一些生硬边框 */
.bw0, .bw0_all { border: 0; }
.mn { margin: 0; }
.area { min-height: 0; }

/* 表情/编辑器工具栏 */
#e_controls, .fpd { background: #FAFBFD; border-color: var(--line); }

/* 提示框 */
.alert_info, .alert_right, .alert_error {
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
}

/* 头像圆角 */
.avatar img, .avt img, .m img.avatar { border-radius: 6px; }
.pls .avatar img { border-radius: 8px; }

/* 滚动条（Webkit） */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #EDF1F5; }
::-webkit-scrollbar-thumb {
  background: #C3CDD8;
  border-radius: 5px;
  border: 2px solid #EDF1F5;
}
::-webkit-scrollbar-thumb:hover { background: var(--navy-light); }

/* ==========================================================
   响应式：平板与手机
   ========================================================== */
@media screen and (max-width: 1024px) {
  .wp { max-width: 100%; padding: 0 12px; }
  .fl_by { width: 170px; }
}

@media screen and (max-width: 768px) {
  #hd .hdc { padding: 14px 0 10px; }
  #boardlogo { height: 34px !important; padding: 6px 10px; }

  /* 顶部登录表单在手机上占位太大，收起 */
  #hd .fastlg .pns table tr:first-child td.fastlg_l,
  #hd .fastlg .pns table tr:first-child td:last-child { display: none; }

  #nv li a { padding: 11px 14px; font-size: 14px; }

  /* 版块行：隐藏「最后发表」与统计，只留名称与描述 */
  .fl_by, .fl_i { display: none; }
  .fl_icn { width: 40px; padding-left: 12px !important; }
  .fl_icn svg, .fl_icn img { width: 24px; height: 24px; }
  .fl_tb td { padding: 13px 8px; }
  .fl_tb h2 a { font-size: 14.5px; }
  .fl_tb p.xg2 { font-size: 12.5px; }

  #chart { padding: 10px 14px; }
  #chart .chart { font-size: 12px; }
  #chart .pipe { margin: 0 5px; }

  .t_f { font-size: 15px; }
}