@charset "utf-8";
/* ============================================================
   一起戒毒网 · 论坛外观配套 style-bbs-beta.css
   仅叠加皮肤：不改 Discuz 业务逻辑。对齐主站 style-site 气质。
   ============================================================ */

:root {
  --jd-ink: #2a3331;
  --jd-muted: #5a6a6a;
  --jd-link: #2f7a6b;
  --jd-link-hover: #1f5c50;
  --jd-accent: #3a8f7a;
  --jd-nav-ink: #2f5c4f;
  --jd-page: #f4f7f6;
  --jd-surface: #ffffff;
  --jd-line: #dde8e4;
  --jd-soft: #e8f2ef;
  --jd-soft2: #f0f5f3;
  --jd-radius: 12px;
}

/* ---------- 全页基调 ---------- */
html {
  background: var(--jd-page) !important;
  background-image: none !important;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  color: var(--jd-ink);
  background: var(--jd-page) !important;
  background-image: none !important;
}

a { color: var(--jd-link); }
a:hover { color: var(--jd-link-hover); }

/* 压掉 MIUI 橙红强调，改青绿 */
.xi1, .xi2, .xw1.xi1, em.xi1, strong.xi1,
#threadlist .xi1, .bm_h .xi1, .pbn .xi1 {
  color: var(--jd-accent) !important;
}

/* ---------- 主站级顶栏（跨站导航） ---------- */
#jd-beta-bar {
  background: transparent !important;
  border: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  color: var(--jd-ink);
  margin: 0 auto;
  max-width: 1200px;
  padding: 12px 12px 0;
  box-sizing: border-box;
}
#jd-beta-bar .jd-inner {
  max-width: none;
  margin: 0;
  padding: 14px 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  background: var(--jd-surface);
  border: 1px solid var(--jd-line);
  border-radius: var(--jd-radius);
  box-sizing: border-box;
}
#jd-beta-bar a.jd-brand {
  font-weight: 800;
  color: var(--jd-nav-ink) !important;
  text-decoration: none !important;
  font-size: 20px;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
#jd-beta-bar a.jd-brand:hover {
  color: var(--jd-link-hover) !important;
  text-decoration: none !important;
}
#jd-beta-bar .jd-chip { display: none !important; }
#jd-beta-bar .jd-links,
#jd-beta-bar .jd-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-left: auto;
}
#jd-beta-bar .jd-links a,
#jd-beta-bar .jd-nav a {
  display: inline-block !important;
  color: #355650 !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  background: var(--jd-soft2) !important;
  border: 1px solid #dce8e3 !important;
  border-radius: 999px !important;
  line-height: 1.3 !important;
}
#jd-beta-bar .jd-links a:hover,
#jd-beta-bar .jd-nav a:hover {
  background: #e3eeea !important;
  color: #1f5c50 !important;
  text-decoration: none !important;
}
#jd-beta-bar .jd-links a.is-current,
#jd-beta-bar .jd-nav a.is-current {
  background: var(--jd-accent) !important;
  color: #fff !important;
  border-color: var(--jd-accent) !important;
}

@media (max-width: 640px) {
  #jd-beta-bar { padding: 10px 10px 0; }
  #jd-beta-bar .jd-inner { padding: 12px; }
  #jd-beta-bar a.jd-brand { font-size: 18px; }
  #jd-beta-bar .jd-links,
  #jd-beta-bar .jd-nav { margin-left: 0; width: 100%; }
}

/* ---------- Discuz 原顶栏 / 导航 ---------- */
#hd {
  background: transparent !important;
  border-bottom: none !important;
  margin-top: 10px;
}
#hd .wp { max-width: 1200px; }
#hd .hdc {
  min-height: 0 !important;
  background: transparent !important;
  padding: 8px 12px 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
/* 隐藏 MIUI logo 图，改文字品牌 */
#hd h2 {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#hd h2 a {
  display: inline-block !important;
  text-decoration: none !important;
  position: relative;
  min-height: 28px;
  line-height: 28px;
}
#hd h2 img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
#hd h2 a::after {
  content: "\4e00\8d77\6212\6bd2\8bba\575b"; /* yiqi jiedu luntan - unicode, encoding-safe */
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  color: var(--jd-nav-ink);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
#um {
  float: none !important;
  margin-left: auto !important;
  font-size: 13px;
  color: var(--jd-muted);
}
#um a { color: var(--jd-link) !important; }
#um a:hover { color: var(--jd-link-hover) !important; }

/* 版块导航条：柔化成主站风格 */
#nv {
  overflow: visible !important;
  height: auto !important;
  background: var(--jd-surface) !important;
  background-image: none !important;
  border: 1px solid var(--jd-line) !important;
  border-radius: var(--jd-radius) !important;
  margin: 8px 12px 0 !important;
  padding: 6px 10px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  box-sizing: border-box;
}
#nv ul {
  display: flex !important;
  flex-wrap: wrap !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 4px;
}
#nv li {
  float: none !important;
  height: auto !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  background: none !important;
  margin: 0 !important;
}
#nv a {
  float: none !important;
  padding: 7px 12px !important;
  color: #355650 !important;
  border-radius: 999px !important;
  background: transparent !important;
}
#nv a:hover {
  background: var(--jd-soft2) !important;
  color: var(--jd-link-hover) !important;
  text-decoration: none !important;
}
#nv li.a {
  margin: 0 !important;
  background: none !important;
}
#nv li.a a {
  background: var(--jd-accent) !important;
  color: #fff !important;
}
#nv .miui_nv_extra {
  float: none !important;
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
}
#nv .miui_nv_extra a {
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  font-size: 12.5px !important;
  color: var(--jd-muted) !important;
  background: none !important;
}
#nv .miui_nv_extra .miui_search {
  background-image: none !important;
  padding-left: 10px !important;
}

/* ---------- 内容区卡片化 ---------- */
#wp.wp, .wp {
  max-width: 1200px;
}
#pt.bm {
  background: var(--jd-soft2) !important;
  border: 1px solid var(--jd-line) !important;
  border-radius: 8px !important;
  color: var(--jd-muted) !important;
  padding: 10px 14px !important;
  margin: 12px 0 !important;
}
.bm, .tl, .bmw {
  border-color: var(--jd-line) !important;
  border-radius: 10px;
  background: var(--jd-surface);
}
.bm_h, .tl th, .tl td {
  border-color: var(--jd-line) !important;
}
.bm_h {
  background: var(--jd-soft2) !important;
  background-image: none !important;
  color: var(--jd-ink) !important;
}
.miui_manager {
  background: var(--jd-soft) !important;
  border-radius: 10px 10px 0 0;
}

/* 发帖/按钮类：青绿替代橙 */
.pn, .pnc, button, .pg a, .pg strong {
  border-radius: 6px !important;
}
.pnc, a.pnc, .pn strong, button.pn {
  background: var(--jd-accent) !important;
  border-color: var(--jd-accent) !important;
  color: #fff !important;
  background-image: none !important;
}
.pg strong {
  background: var(--jd-accent) !important;
  color: #fff !important;
  border-color: var(--jd-accent) !important;
}
.pg a:hover {
  background: var(--jd-soft) !important;
  color: var(--jd-link-hover) !important;
}

/* 帖子列表链接 */
#threadlist a.xst, .tl a.xst, .tl th a {
  color: var(--jd-ink) !important;
}
#threadlist a.xst:hover, .tl a.xst:hover {
  color: var(--jd-link) !important;
}

/* ---------- 页脚对齐主站 ---------- */
#ft {
  clear: both !important;
  max-width: 1200px;
  margin: 24px auto 16px !important;
  padding: 16px 12px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  color: #6a7a76 !important;
  line-height: 1.7 !important;
  background: none !important;
  border: none !important;
  border-top: 1px solid var(--jd-line) !important;
  float: none !important;
  width: auto !important;
}
#ft #flk,
#ft #frt {
  float: none !important;
  text-align: center !important;
  margin: 0 auto !important;
}
#ft p { margin: 4px 0 !important; }
#ft a {
  color: var(--jd-link) !important;
  margin: 0 4px;
}
#ft a:hover { color: var(--jd-link-hover) !important; }
#ft .pipe { color: #c5d2cd !important; }
/* 弱化 Discuz 版权噪音，保留站点信息气质 */
#frt { opacity: 0.85; }

#scrolltop {
  background: var(--jd-accent) !important;
  border-radius: 8px !important;
}


/* ============================================================
   移动端适配（对齐主站 viewport + 流体宽度）
   Discuz 默认 .wp{width:960px} 会在手机横溢，这里强制流体化。
   ============================================================ */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
}

/* 全局：手机/平板流体容器 */
@media (max-width: 960px) {
  .wp,
  #wp.wp,
  #wp {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  #jd-beta-bar {
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  #ft {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 取消绝对定位用户条，避免压住 logo / 溢出 */
  #um {
    position: static !important;
    width: auto !important;
    float: none !important;
    margin: 0 0 8px !important;
    text-align: left !important;
    line-height: 1.6 !important;
  }
  #um p { text-align: left !important; }
  #hd .hdc {
    display: block !important;
    min-height: 0 !important;
  }
  #hd h2 { float: none !important; margin-bottom: 6px !important; }
  #hd h2 a::after { font-size: 16px; white-space: normal; }
  /* 两栏改单栏 */
  .ct2 .mn,
  .ct2_a .mn,
  .ct3_a .mn {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .ct2 .sd,
  .ct3_a .sd {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    box-sizing: border-box !important;
  }
  .appl {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }
  /* 表格帖列表：允许横向轻滑，避免整页破版 */
  .tl,
  #threadlist,
  .bm,
  .bmw {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .tl {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .tl table {
    min-width: 0 !important;
    width: 100% !important;
  }
  /* 窄屏隐藏次要列，保留标题/作者 */
  .tl .num,
  .tl .icn,
  .tl .o,
  .tl .folder {
    display: none !important;
  }
  .tl .by {
    width: 72px !important;
    font-size: 12px !important;
  }
  .tl th {
    padding-right: 8px !important;
  }
  /* 面包屑 / 发帖按钮区 */
  #pt {
    height: auto !important;
    line-height: 1.5 !important;
    padding: 8px 10px !important;
    margin: 10px 0 !important;
  }
  #pt a, #pt em {
    float: none !important;
    display: inline !important;
    height: auto !important;
    margin-right: 4px !important;
  }
  #pt #newspecial {
    float: none !important;
    display: inline-block !important;
    margin: 6px 0 0 !important;
  }
  /* 表单别撑破 */
  .tfm .pt, .tfm .px, .tfm .c, .tfm .tedt, .m_c .tfm .tedt,
  .tedt, .m_c .tedt, .pmfm .tedt {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .pbnv, .pbl, .rfm, .f_c .list, .nfl .f_c, .altw {
    width: auto !important;
    max-width: 100% !important;
  }
  /* 帖内图片 / 附件 */
  .t_f img, .pcb img, .message img, .xlda dd img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* 分页可点 */
  .pg a, .pg strong, .pgb a, .pn, .pnc, button.pn {
    min-height: 32px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 860px) {
  #nv {
    margin: 8px 8px 0 !important;
    padding: 8px !important;
  }
  #hd .hdc { padding: 8px 8px 0 !important; }
  #nv a { padding: 6px 10px !important; font-size: 13px !important; }
  #nv .miui_nv_extra {
    margin-left: 0 !important;
    width: 100%;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  #jd-beta-bar { padding: 8px 8px 0 !important; }
  #jd-beta-bar .jd-inner {
    padding: 12px !important;
    gap: 8px !important;
  }
  #jd-beta-bar a.jd-brand {
    font-size: 17px !important;
    white-space: normal !important;
  }
  #jd-beta-bar .jd-links,
  #jd-beta-bar .jd-nav {
    margin-left: 0 !important;
    width: 100% !important;
    gap: 6px !important;
  }
  #jd-beta-bar .jd-nav a,
  #jd-beta-bar .jd-links a {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
  /* Discuz 导航全部可换行；搜索链接触控友好 */
  #nv ul { width: 100%; }
  #nv li a { padding: 8px 12px !important; }
  body { font-size: 14px !important; }
  /* 帖列表再压缩 */
  .tl th, .tl td { padding: 10px 4px !important; }
  .tl .by { display: none !important; }
  .avatarbox { display: none !important; }
  .avatarbox-info {
    margin-left: 0 !important;
  }
  .avatarbox-info .lastpost {
    position: static !important;
    display: block !important;
    margin-top: 4px !important;
  }
  /* 楼层 */
  .plc, .plc .pct, .pcb {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .pls {
    width: auto !important;
    float: none !important;
  }
  /* 登录条 / 快速登录 */
  .fastlg table { width: 100% !important; }
  .fastlg td { display: block !important; padding: 4px 0 !important; }
}

@media (max-width: 480px) {
  .wp, #wp.wp, #wp {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  #jd-beta-bar .jd-nav a,
  #jd-beta-bar .jd-links a {
    flex: 1 1 auto;
    text-align: center;
  }
  #nv { margin: 6px 6px 0 !important; }
  #ft { font-size: 12px !important; padding: 12px 8px !important; }
}


/* ============================================================
   窄屏清理：去掉乱码风险与双导航
   ============================================================ */
@media (max-width: 860px) {
  /* 不再叠第二套品牌（::after）；顶栏已有「一起戒毒网」 */
  #hd h2 {
    display: none !important;
  }
  #hd h2 a::after,
  #hd h2 a:after {
    content: none !important;
    display: none !important;
  }
  /* 隐藏 Discuz 搜索/戒毒/SiteMap 与版块横条，只留自定义 pills */
  #nv {
    display: none !important;
  }
  #hd {
    margin-top: 4px !important;
  }
  #hd .hdc {
    padding: 4px 8px 0 !important;
  }
  /* 公告条：勿裁切 */
  #an, #an .an_b, .an, .anc, .ann {
    height: auto !important;
    line-height: 1.5 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  #an li, #an a, .an li, .an a {
    height: auto !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}

@media (max-width: 640px) {
  #um {
    font-size: 12.5px !important;
  }
  #um p {
    line-height: 1.7 !important;
  }
}