/* ============================================================
   一起戒毒网 · 全站统一皮肤 style-site.css
   自包含：不依赖 style1 / gaiban。
   - body.beta-home  → 首页（新结构 + .site-header）
   - body.site-beta  → 栏目/专题/留言列表（旧 #menu/#wrapper DOM）
   ============================================================ */

: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;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

/* ---------- 共享基调 ---------- */
body.beta-home,
body.site-beta {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: var(--jd-ink);
  background: var(--jd-page) !important;
}

body.beta-home a,
body.site-beta a { color: var(--jd-link); text-decoration: none; }
body.beta-home a:hover,
body.site-beta a:hover { color: var(--jd-link-hover); text-decoration: underline; }

/* 隐藏死占位 / 旧皮肤噪音
   注意：栏目/专题页 DOM 是 #page > #page-bgtop > #page-bgbtm > (#content+#sidebar)
   绝不能对 site-beta 的 page-bgtop/page-bgbtm 使用 display:none，否则正文整块消失。
   首页 beta-home 已去掉这两层，可继续隐藏。 */
body.beta-home #ztcenter,
body.beta-home #ztcenter1,
body.beta-home #ztcenter2,
body.beta-home #topzt,
body.beta-home #ztright,
body.beta-home #ztright1,
body.beta-home #ztright11,
body.beta-home #ztright2,
body.beta-home #ztright3,
body.beta-home #page-bgtop,
body.beta-home #page-bgbtm,
body.beta-home #countend,
body.beta-home .rightx,
body.site-beta #ztcenter,
body.site-beta #ztcenter1,
body.site-beta #ztcenter2,
body.site-beta #topzt,
body.site-beta #ztright,
body.site-beta #ztright1,
body.site-beta #ztright11,
body.site-beta #ztright2,
body.site-beta #ztright3,
body.site-beta #countend {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 栏目页装饰壳：对布局“透明”，让 #content/#sidebar 直接参与 #page 的 grid */
body.site-beta #page-bgtop,
body.site-beta #page-bgbtm {
  display: contents !important;
}

/* 栏目页：面包屑仍可用，仅隐藏空 rightx 装饰时保留 xcount */
body.site-beta .rightx {
  float: none !important;
  width: auto !important;
  background: none !important;
  border: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}
body.site-beta .rightx .xcount {
  font-size: 13px;
  color: var(--jd-muted);
  padding: 8px 12px;
  background: var(--jd-soft2);
  border-radius: 8px;
}

/* ---------- 外壳 ---------- */
body.beta-home #wrapper,
body.site-beta #wrapper {
  float: none !important;
  width: auto !important;
  max-width: 1080px;
  margin: 0 auto !important;
  padding: 16px 16px 40px !important;
  background: none !important;
  background-image: none !important;
  min-width: 0 !important;
  overflow-x: hidden;
}

/* ---------- 首页顶栏（.site-header） ---------- */
body.beta-home .site-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 14px 18px;
  background: var(--jd-surface);
  border: 1px solid var(--jd-line);
  border-radius: var(--jd-radius);
  margin-bottom: 16px !important;
}
body.beta-home .brand {
  font-size: 20px;
  font-weight: 800;
  color: var(--jd-nav-ink) !important;
  letter-spacing: 0.03em;
  text-decoration: none !important;
  white-space: nowrap;
}
body.beta-home .brand:hover { color: var(--jd-link-hover) !important; text-decoration: none !important; }
body.beta-home .beta-chip,
body.site-beta .beta-chip {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: #3a6b5e;
  background: var(--jd-soft);
  border: 1px solid #cfe0db;
  border-radius: 999px;
  padding: 2px 9px;
  letter-spacing: 0.02em;
}
body.beta-home .beta-chip .ip,
body.site-beta .beta-chip .ip {
  font-weight: 400;
  color: #6a7a76;
  margin-left: 4px;
}

body.beta-home #menu { display: contents; }
body.beta-home #menu .logo { display: none !important; }

/* ---------- 栏目页顶栏：把 #menu 做成与首页一致的卡片 ---------- */
body.site-beta #menu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 16px !important;
  padding: 14px 18px !important;
  background: var(--jd-surface) !important;
  border: 1px solid var(--jd-line) !important;
  border-radius: var(--jd-radius) !important;
  position: relative !important;
}

/* 隐藏旧 logo 图，文字品牌 */
body.site-beta #menu .logo {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
}
body.site-beta #menu .logo img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
body.site-beta #menu .logo a {
  display: inline-block !important;
  text-decoration: none !important;
  position: relative;
  min-height: 0;
  padding: 0 !important;
}
body.site-beta #menu .logo a::after {
  content: "一起戒毒网";
  display: inline-block;
  font-size: 20px;
  font-weight: 800;
  color: var(--jd-nav-ink);
  letter-spacing: 0.03em;
  line-height: 1.3;
  white-space: nowrap;
}
body.site-beta #menu .logo a:hover::after { color: var(--jd-link-hover); }


/* 导航 pills（首页 + 栏目） */
body.beta-home #menu ul,
body.site-beta #menu ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 100%;
  float: none !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: none !important;
}
body.beta-home #menu li,
body.site-beta #menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  background: none !important;
}
body.beta-home #menu li a,
body.site-beta #menu li a {
  display: inline-block !important;
  float: none !important;
  height: auto !important;
  padding: 7px 12px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #355650 !important;
  background: var(--jd-soft2) !important;
  border: 1px solid #dce8e4 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  text-transform: none !important;
}
body.beta-home #menu li a:hover,
body.site-beta #menu li a:hover {
  background: #e3eeea !important;
  color: #1f5c50 !important;
  text-decoration: none !important;
}
body.beta-home #menu li a.is-current,
body.site-beta #menu li.current_page_item a,
body.site-beta #menu .current_page_item a {
  background: var(--jd-accent) !important;
  color: #fff !important;
  border-color: var(--jd-accent) !important;
}

/* 清掉栏目页 menu 内嵌的干扰 style 标签视觉（不影响解析） */
body.site-beta #menu ul > style { display: none !important; }

/* ---------- 主布局：双栏网格 ---------- */
body.beta-home #page,
body.site-beta #page {
  display: grid !important;
  grid-template-columns: 1fr 300px;
  gap: 18px;
  align-items: start;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.beta-home #content,
body.site-beta #content {
  min-width: 0;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.beta-home #sidebar,
body.site-beta #sidebar {
  min-width: 0;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* ---------- 主文卡片 ---------- */
body.beta-home .post,
body.site-beta .post {
  float: none !important;
  width: auto !important;
  margin: 0 0 14px !important;
  padding: 22px 24px 28px !important;
  background: var(--jd-surface) !important;
  border: 1px solid var(--jd-line) !important;
  border-radius: var(--jd-radius) !important;
}
body.beta-home .h2s,
body.site-beta .h2s {
  float: none !important;
  width: auto !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #e8f0ed !important;
  background: none !important;
}
body.beta-home .h2s .tagline {
  font-size: 1.25rem;
  font-weight: 800;
  color: #1f3d38;
  line-height: 1.35;
  margin: 0 0 6px;
}
body.beta-home .h2s .titles {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: #1f3d38;
  line-height: 1.35;
  background: none;
  border-radius: 0;
}
body.site-beta .h2s .titles,
body.site-beta h1.titles {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #1f3d38 !important;
  line-height: 1.35 !important;
  background: none !important;
}

body.beta-home .contr,
body.site-beta .contr,
body.site-beta .ctr {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}
body.beta-home .nr,
body.site-beta .nr {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.beta-home .nrabr,
body.site-beta .nrabr,
body.site-beta .nraar {
  font-size: 13px;
  color: var(--jd-muted);
  margin: 0 0 12px !important;
  float: none !important;
  width: auto !important;
}
body.beta-home .nrabr .hl { color: #2a6f6a; font-weight: 600; }
body.beta-home .pill {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  font-size: 11px;
  color: var(--jd-accent);
  background: #e7f3f1;
  border-radius: 999px;
  vertical-align: middle;
}

/* 隐藏头像图标 */
body.beta-home .nrimg,
body.site-beta .nrimg {
  display: none !important;
}

body.site-beta .nrstart {
  font-size: 14.5px;
  line-height: 1.75;
  color: #2c2c2c;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.beta-home .btitle,
body.site-beta .btitle,
body.site-beta .a3 {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #3d4f4a !important;
  background: #f7faf9;
  border-left: 3px solid var(--jd-accent);
  padding: 12px 14px;
  margin: 0 0 18px;
  border-radius: 0 8px 8px 0;
  line-height: 1.65;
}

/* ---------- 首页 Q&A ---------- */
body.beta-home .qa {
  margin: 0 0 14px;
  padding: 14px 16px;
  background: #fafcfb;
  border: 1px solid #e6efec;
  border-radius: 10px;
}
body.beta-home .qa-q {
  margin: 0 0 8px;
  font-size: 15.5px;
  font-weight: 700;
  color: #1f3d38;
  line-height: 1.45;
}
body.beta-home .qa-a { font-size: 14.5px; color: #2c2c2c; line-height: 1.75; }
body.beta-home .qa-a p { margin: 0 0 8px; }
body.beta-home .qa-a p:last-child { margin-bottom: 0; }
body.beta-home details.qa-more {
  margin: 8px 0 18px;
  border: 1px dashed #c9ddd6;
  border-radius: 10px;
  background: #f9fcfb;
  padding: 4px 8px 8px;
}
body.beta-home details.qa-more > summary {
  cursor: pointer;
  list-style: none;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--jd-link);
  user-select: none;
}
body.beta-home details.qa-more > summary::-webkit-details-marker { display: none; }
body.beta-home details.qa-more > summary::before { content: "▸ "; color: var(--jd-accent); }
body.beta-home details.qa-more[open] > summary::before { content: "▾ "; }
body.beta-home details.qa-more .qa { margin-top: 8px; }
body.beta-home .msg-plug {
  margin-top: 8px;
  padding: 14px 16px;
  background: #eef6f3;
  border: 1px solid #cfe4df;
  border-radius: 10px;
  font-size: 13.5px;
  color: #355650;
  line-height: 1.65;
}
body.beta-home .live-topics {
  margin-top: 18px;
  padding: 14px 16px 8px;
  background: #fff;
  border: 1px solid #dce8e4;
  border-radius: 10px;
}
body.beta-home .live-title { margin: 0 0 10px; font-size: 15px; color: #1f3d38; }
body.beta-home .live-title .muted { font-size: 12px; color: var(--jd-muted); font-weight: 400; }
body.beta-home .live-list { list-style: none; margin: 0; padding: 0; }
body.beta-home .live-list li { padding: 8px 0; border-top: 1px solid #eef4f2; }
body.beta-home .live-list li:first-child { border-top: 0; }
body.beta-home .live-list .meta { display: block; margin-top: 2px; font-size: 12px; color: var(--jd-muted); }

/* ---------- 留言 / 评论区 ---------- */
body.site-beta .cums {
  margin-top: 16px;
  padding-top: 8px;
}
body.site-beta .nextdh {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  background: var(--jd-soft2);
  border-radius: 8px;
  font-size: 13.5px;
  text-align: center;
}
body.site-beta .cumscount {
  display: flex !important;
  gap: 12px;
  align-items: flex-start;
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  background: #fafcfb;
  border: 1px solid #e6efec;
  border-radius: 10px;
  clear: both;
  overflow: hidden;
}
body.site-beta .cleft {
  float: none !important;
  flex: 0 0 40px;
  width: 40px !important;
}
body.site-beta .cleft img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: #e8f0ed;
}
body.site-beta .cright {
  float: none !important;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
}
body.site-beta .chad {
  font-size: 12.5px;
  color: var(--jd-muted);
  margin-bottom: 6px;
}
body.site-beta .ccount {
  font-size: 14px;
  line-height: 1.65;
  color: #2c2c2c;
  word-wrap: break-word;
}

/* 补充段落分页 */
body.site-beta .bcnext {
  margin: 12px 0 !important;
  padding: 10px 12px !important;
  background: #f7faf9;
  border: 1px solid #e6efec;
  border-radius: 8px;
  font-size: 13.5px;
}
body.site-beta .bcnext dd { display: inline; margin: 0 8px 0 0; color: var(--jd-muted); }
body.site-beta .bcnext span { margin-right: 4px; }
body.site-beta .bcnext .bcthis a {
  background: var(--jd-accent) !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 2px 6px;
}
body.site-beta .jg { height: 8px !important; }

/* ---------- 侧栏 ---------- */
body.beta-home #sidebar > ul,
body.site-beta #sidebar > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.beta-home #sidebar .lists,
body.site-beta #sidebar > ul > li,
body.site-beta #sidebar li.ah2,
body.site-beta #sidebar li.siteurl {
  list-style: none !important;
  margin: 0 0 14px !important;
  padding: 14px 16px !important;
  background: var(--jd-surface) !important;
  border: 1px solid var(--jd-line) !important;
  border-radius: var(--jd-radius) !important;
  float: none !important;
  width: auto !important;
}
body.beta-home #sidebar .lists h2,
body.site-beta #sidebar h2,
body.site-beta #sidebar .ah2 h2 {
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1f3d38 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.4 !important;
  border-bottom: 1px solid #e8f0ed;
  background: none !important;
  float: none !important;
}
body.beta-home #sidebar .lists > ul,
body.site-beta #sidebar > ul > li > ul,
body.site-beta #sidebar #showlist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.beta-home #sidebar .tl,
body.beta-home #sidebar .tlright,
body.site-beta #sidebar .tl,
body.site-beta #sidebar .tlright {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.beta-home #sidebar .tl li,
body.beta-home #sidebar #forum-live li,
body.site-beta #sidebar .tl li,
body.site-beta #sidebar li li,
body.site-beta #listnext li {
  list-style: none !important;
  margin: 0 !important;
  padding: 7px 0 !important;
  border-top: 1px solid #eef4f2;
  line-height: 1.45 !important;
  font-size: 13.5px !important;
  float: none !important;
  height: auto !important;
  background: none !important;
}
body.beta-home #sidebar .tl:first-child li,
body.beta-home #forum-live li:first-child,
body.site-beta #sidebar .tl:first-child li,
body.site-beta #sidebar li li:first-child { border-top: 0; }

body.beta-home #sidebar .sjd,
body.site-beta #sidebar .sjd {
  display: block;
  font-size: 11px;
  color: #8a9a96;
  margin-top: 2px;
}
body.site-beta #sidebar .hy {
  color: var(--jd-accent);
  font-size: 12px;
  margin-left: 4px;
}

body.beta-home .topics-live .pst,
body.site-beta .topics-live .pst {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  background: #f7faf9;
  border: 1px solid #e6efec;
  border-radius: 8px;
}
body.beta-home .topics-live .abt,
body.site-beta .topics-live .abt { margin: 0 !important; font-size: 13px; color: var(--jd-muted); }
body.beta-home .topics-live .abt strong,
body.site-beta .topics-live .abt strong { font-size: 14px; }

/* 发布按钮 / 表单 */
body.site-beta .fabu {
  margin: 8px 0 12px !important;
  float: none !important;
}
body.site-beta .fabubtn,
body.site-beta input.fabubtn,
body.site-beta input[type="button"],
body.site-beta input[type="submit"],
body.site-beta button {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 8px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600;
  color: #fff !important;
  background: var(--jd-accent) !important;
  border: 1px solid var(--jd-accent) !important;
  border-radius: 8px !important;
  line-height: 1.3 !important;
  height: auto !important;
}
body.site-beta .fabubtn:hover,
body.site-beta input[type="button"]:hover,
body.site-beta input[type="submit"]:hover {
  background: #2f7a6b !important;
  border-color: #2f7a6b !important;
}
body.site-beta textarea,
body.site-beta input[type="text"],
body.site-beta input[type="password"],
body.site-beta select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  padding: 8px 10px !important;
  font-size: 14px !important;
  border: 1px solid #cfe0db !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--jd-ink);
}
body.site-beta textarea { min-height: 100px; resize: vertical; }

/* 分页 */
body.site-beta #listnext,
body.site-beta .listbootom {
  margin: 8px 0 !important;
  padding: 8px 0 !important;
  text-align: center;
  font-size: 13.5px;
  float: none !important;
  width: auto !important;
  clear: both;
}

/* 表格（sitemap 等） */
body.site-beta table {
  width: 100% !important;
  border-collapse: collapse;
  background: var(--jd-surface);
  border: 1px solid var(--jd-line);
  border-radius: 8px;
  overflow: hidden;
}
body.site-beta th,
body.site-beta td {
  padding: 8px 10px;
  border-bottom: 1px solid #eef4f2;
  text-align: left;
  font-size: 13.5px;
}
body.site-beta th {
  background: var(--jd-soft2);
  font-weight: 700;
  color: #1f3d38;
}

body.beta-home .muted,
body.site-beta .muted { color: var(--jd-muted); }

/* ---------- 页脚 ---------- */
body.beta-home #footer,
body.site-beta #footer {
  clear: both;
  grid-column: 1 / -1;
  margin-top: 20px !important;
  padding: 16px 8px !important;
  text-align: center;
  font-size: 12.5px;
  color: #6a7a76;
  line-height: 1.7;
  background: none !important;
  border: none !important;
  float: none !important;
  width: auto !important;
}
body.beta-home #footer a,
body.site-beta #footer a { margin: 0 4px; }

/* footer 常挂在 #wrapper 末尾；保证不挤进 grid */
body.site-beta #wrapper > #footer {
  display: block;
}

/* listbootom 加载提示 */
body.site-beta .listbootom img { vertical-align: middle; }

/* ---------- 响应式 ---------- */
@media (max-width: 860px) {
  body.beta-home #page,
  body.site-beta #page {
    grid-template-columns: 1fr !important;
  }
  body.beta-home .post,
  body.site-beta .post {
    padding: 18px 16px 22px !important;
  }
  body.beta-home .h2s .tagline { font-size: 1.1rem; }
  body.beta-home #menu ul,
  body.site-beta #menu ul { flex: 1 1 100%; }
  body.site-beta #menu .logo a::after { font-size: 18px; }
}
@media (max-width: 480px) {
  body.beta-home #wrapper,
  body.site-beta #wrapper { padding: 10px 10px 28px !important; }
  body.beta-home .site-header,
  body.site-beta #menu { padding: 12px !important; gap: 8px; }
  body.beta-home .brand { font-size: 18px; }
  body.beta-home #menu li a,
  body.site-beta #menu li a { padding: 6px 10px !important; font-size: 13px !important; }
  body.beta-home .qa { padding: 12px; }
  body.beta-home .qa-q { font-size: 14.5px; }
  body.beta-home .qa-a { font-size: 14px; }
  body.site-beta .cumscount { padding: 10px !important; }
}


/* ---------- 留言板 /comment/ 列表（服务端渲染，不依赖 JS） ---------- */
body.site-beta .comment {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 8px 0 18px !important;
  color: #1f3d38;
}
body.site-beta .comment a { color: var(--jd-link); }
body.site-beta .cgi,
body.site-beta .cgg {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 110px 60px 160px;
  gap: 8px;
  align-items: center;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box;
}
body.site-beta .cgi {
  font-weight: 700;
  font-size: 13px;
  color: #355650;
  background: #eef6f3;
  border: 1px solid #cfe4df;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0 !important;
}
body.site-beta .liebiao {
  float: none !important;
  height: auto !important;
  width: 100% !important;
  border: 1px solid #e6efec;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;
}
body.site-beta .cgg {
  border-bottom: 1px solid #eef4f2;
  font-size: 14px;
  margin-top: 0 !important;
}
body.site-beta .cgg:last-child { border-bottom: 0; }
body.site-beta .cgg:hover { background: #f7faf9; }
body.site-beta .cbt,
body.site-beta .czz,
body.site-beta .chy,
body.site-beta .csj {
  float: none !important;
  width: auto !important;
  min-width: 0;
}
body.site-beta .cbt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.site-beta .czz,
body.site-beta .chy,
body.site-beta .csj { color: #6a7a76; font-size: 13px; }
body.site-beta .pages { margin: 14px 0 6px; clear: both; }
body.site-beta .pageli { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.site-beta .pageli a,
body.site-beta .pageli .thispage,
body.site-beta .pageli .prev,
body.site-beta .pageli .next {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 8px;
  border: 1px solid #dce8e4;
  background: #fff;
  color: var(--jd-link);
  text-decoration: none;
  font-size: 13px;
}
body.site-beta .pageli .thispage {
  background: var(--jd-accent);
  color: #fff;
  border-color: var(--jd-accent);
}
body.site-beta .jd {
  display: block !important;
  clear: both;
  margin: 12px 0;
  padding: 14px 16px;
  background: #f7faf9;
  border: 1px solid #dce8e4;
  border-radius: 10px;
}
body.site-beta .jd .textar {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 90px;
  padding: 10px;
  border: 1px solid #cfe4df;
  border-radius: 8px;
}
body.site-beta #showuse[data-ssr="1"] { min-height: 0; }
@media (max-width: 720px) {
  body.site-beta .cgi,
  body.site-beta .cgg {
    grid-template-columns: 1fr 1fr;
  }
  body.site-beta .cbt { white-space: normal; }
}

/* beta branding removed */
body.beta-home .beta-chip,
body.site-beta .beta-chip { display: none !important; }
body.site-beta #menu .logo::after { content: none !important; display: none !important; }

/* TOPIC-LAYOUT-FIX
   专题页曾内联 #content{width:100%}/.div1{width:0}/.post float，会把侧栏挤到下方。
   这里强制两栏与侧栏目录恢复正常。 */
body.site-beta #content {
  width: auto !important;
  max-width: none !important;
  float: none !important;
}
body.site-beta .post {
  width: auto !important;
  float: none !important;
}
body.site-beta .div1,
body.site-beta #float,
body.site-beta #float.div1 {
  width: auto !important;
  max-width: 100% !important;
  float: none !important;
  position: static !important;
}
body.site-beta #page {
  display: grid !important;
  grid-template-columns: 1fr 300px !important;
  align-items: start !important;
}
body.site-beta #page-bgtop,
body.site-beta #page-bgbtm {
  display: contents !important;
}
@media (max-width: 860px) {
  body.site-beta #page {
    grid-template-columns: 1fr !important;
  }
}