/*
 * walltu 深色影像风主题（theme.css）
 * 完整替换 style.css + spoos.css + mobile.css，响应式内置，自包含（无外部字体/CDN）。
 * 回退方式：header.blade.php 把本文件的 link 换回三个旧 CSS 即可。
 *
 * 配色体系：
 *   背景层次  #121212(页面) / #1a1a1a(面板) / #1e1e1e(卡片) / #262626(悬浮态)
 *   边框      #2a2a2a / #333
 *   文字      #e8e8e8(标题) / #c8c8c8(正文) / #9a9a9a(次要) / #777(弱化)
 *   强调色    #ed4b82（玫红，呼应旧 #E00764 但降饱和提亮），hover #ff6b9a
 *   过渡      0.2s
 */

/* ============ 基础重置 ============ */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #121212;
  color: #c8c8c8;
  font: 14px/1.6 system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 14px; font-weight: normal; }
ul, ol, li, dl, dt, dd, p, form { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; vertical-align: top; max-width: 100%; }
table { font-size: 14px; max-width: 100%; }
a { color: #c8c8c8; text-decoration: none; transition: color 0.2s, background 0.2s, border-color 0.2s; }
a:hover { color: #ff6b9a; text-decoration: none; }
input, button { font-family: inherit; }

/* 旧模板通用工具类 */
.clear { clear: both; width: 1px; height: 0; visibility: hidden; overflow: hidden; font-size: 1px; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.blank, .blank3, .blank6, .blank9, .blank12, .blank15, .blank20 { width: 100%; clear: both; overflow: hidden; font-size: 1px; }
.blank3 { height: 3px; } .blank6 { height: 6px; } .blank9 { height: 10px; }
.blank12 { height: 12px; } .blank15 { height: 16px; } .blank20 { height: 20px; }
.cRed, a.cRed { color: #ff6b6b; }
.fB { font-weight: bold; }

/* 广告位与统计：保持可见，不做任何隐藏 */
.adsense { margin: 10px 0; }

/* ============ 顶部：logo + 导航 ============ */
.topNav960 {
  max-width: 1100px;
  margin: 0 auto;
  padding: 14px 16px 10px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
/* logo 为透明底玫红图形，深底会看不清 —— 给一个浅色圆角底衬 */
.logo { flex: none; }
.logo a {
  display: inline-block;
  background: #f5f5f7;
  border-radius: 10px;
  padding: 8px 18px;
  line-height: 0;
  transition: box-shadow 0.2s;
}
.logo a:hover { box-shadow: 0 0 0 2px #ed4b82; }
.logo img { margin: 0 !important; height: 52px; width: auto; }
.logobanner { flex: 1; min-width: 0; overflow: hidden; }

.MNav {
  background: #1a1a1a;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #262626;
  margin-bottom: 18px;
}
.MNav .MNavTop { max-width: 1100px; margin: 0 auto; }
.MNav .MNavTop ul {
  display: flex;
  align-items: center;
  padding: 0 8px;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.MNav .MNavTop li { flex: none; }
.MNav .MNavTop li[style*="float:right"] { margin-left: auto; float: none !important; }
.MNav .MNavTop li a {
  display: inline-block;
  padding: 14px 16px;
  font-size: 15px;
  color: #c8c8c8;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.MNav .MNavTop li a:hover { color: #ff6b9a; }
/* 当前分类高亮 */
.MNav .MNavTop li a.on { color: #ed4b82; border-bottom-color: #ed4b82; font-weight: bold; }
.MNav .MNavTop li a font { color: inherit !important; }
.nav-rss { font-size: 12px !important; color: #777 !important; letter-spacing: 1px; }
.nav-rss:hover { color: #ff6b9a !important; }

/* ============ 页面骨架 ============ */
.pArea {
  max-width: 1100px;
  margin: 0 auto 18px;
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}
/* 首页顶部两个内联样式包裹层（幻灯 / 右侧部件列） */
.pArea > div[style*="float:left"] { flex: 1 1 0; min-width: 0; float: none !important; }
.pArea > div[style*="FLOAT: right"] { width: 230px !important; flex: none; float: none !important; }
.pArea > .adsense, .pArea > .clear { flex-basis: 100%; }
.pArea .pAreaL { flex: 1 1 0; min-width: 0; float: none; width: auto; }
.pArea .pAreaR { width: 230px; flex: none; float: none; }

.mainContent {
  max-width: 1100px;
  margin: 0 auto 18px;
  padding: 0 16px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.col1 {
  flex: 1;
  min-width: 0;
  background: #1a1a1a;
  border: 1px solid #262626;
  border-radius: 12px;
  padding-bottom: 24px;
  overflow: hidden;
}
.col2 { display: none; }
.col3 { width: 230px; flex: none; }

.viewMain {
  max-width: 1100px;
  margin: 0 auto 18px;
  padding: 0 16px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.picread {
  flex: 1;
  min-width: 0;
  background: #1a1a1a;
  border: 1px solid #262626;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  padding-bottom: 16px;
  overflow: hidden;
}
.readlist { width: 300px; flex: none; text-align: center; }

/* ============ 区块标题 ============ */
.leftTitle1, .headP_up {
  background: none;
  height: auto;
  padding: 16px 18px 12px;
  display: flex;
  align-items: baseline;
}
.leftTitle1 .T_name, .headP_title {
  margin: 0;
  padding: 0 0 0 12px;
  width: auto;
  float: none;
  font-size: 19px;
  color: #e8e8e8;
  border-left: 3px solid #ed4b82;
  line-height: 1.3;
  word-break: break-all;
}
.headP_title { padding-top: 0; }
.headP_title a { color: #e8e8e8; }
.headP_title a:hover { color: #ff6b9a; }
.leftTitle1 span { margin-left: auto; padding: 0; float: none; font-size: 12px; }
.leftTitle1 span a { color: #9a9a9a; }
.leftTitle1 span a:hover { color: #ff6b9a; }

.side_title, .tage_title, .search_title, .title_smenu, .readlist_side, .readlist_side2, .link_title {
  display: block;
  text-align: left;
  padding: 0 0 10px 10px;
  margin: 0;
  height: auto;
  font-size: 15px;
  font-weight: bold;
  color: #e8e8e8;
  border-left: 3px solid #ed4b82;
  line-height: 1.3;
}
.readlist_side, .readlist_side2 { margin: 16px 0 4px 10px; padding-bottom: 0; }

/* ============ 卡片网格（封面列表通用） ============ */
.leftList5 { padding: 4px 18px 0; margin: 0; clear: both; }
.leftList5 ul, .leftList3 ul, .leftList6 ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
  width: auto;
  padding: 0;
}
.leftList3, .leftList6 { padding: 4px 18px 8px; width: auto; margin: 0; }
.leftList5 li, .leftList3 li, .leftList6 li {
  width: auto;
  float: none;
  margin: 0;
  display: block;
  background: #1e1e1e;
  border: 1px solid #262626;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  transition: transform 0.2s, filter 0.2s, border-color 0.2s;
}
.leftList5 li:hover, .leftList3 li:hover, .leftList6 li:hover {
  transform: translateY(-3px);
  filter: brightness(1.1);
  border-color: #3a3a3a;
}
.leftList5 li img, .leftList3 li img, .leftList6 li img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}
.leftList5 h4, .leftList3 h4, .leftList6 h4 {
  width: auto;
  clear: none;
  padding: 8px 8px 10px;
}
.leftList5 h4 a, .leftList3 h4 a, .leftList6 h4 a {
  color: #c8c8c8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  max-height: 3em;
}
.leftList5 li:hover h4 a, .leftList3 li:hover h4 a, .leftList6 li:hover h4 a { color: #ff6b9a; }

/* 首页推荐位（带摘要的卡片） */
.leftList4 { padding: 4px 18px 8px; margin: 0; }
.leftList4 ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 14px;
  width: auto;
}
.leftList4 li {
  width: auto;
  float: none;
  text-align: left;
  background: #1e1e1e;
  border: 1px solid #262626;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s, filter 0.2s;
}
.leftList4 li:hover { transform: translateY(-3px); filter: brightness(1.1); }
.leftList4 li h3 { padding: 0; }
.leftList4 li h3 img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
.leftList4 li h4 { width: auto; padding: 8px 8px 2px; font-weight: bold; }
.leftList4 li h4 a { color: #e0e0e0; }
.leftList4 li h4 a:hover { color: #ff6b9a; }
.leftList4 li h5 {
  width: auto;
  margin: 0;
  padding: 0 8px 10px;
  color: #9a9a9a;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 首页分类区块：左大图 + 右六图 */
.area3, .area4, .area5, .areazt, .qiehuan, .qiehuan2 {
  width: auto;
  height: auto;
  background: #1a1a1a;
  border: 1px solid #262626;
  border-radius: 12px;
  margin: 0 0 18px;
  clear: both;
  overflow: hidden;
}
.leftList2 {
  width: auto;
  height: auto;
  margin: 0;
  padding: 4px 18px 16px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 16px;
}
.leftList2 .leftList2L { width: auto; float: none; position: relative; }
.leftList2 .leftList2L a { display: block; border-radius: 8px; overflow: hidden; }
.leftList2 .leftList2L .image, .leftList2 .leftList2L img.image {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  transition: filter 0.2s;
}
.leftList2 .leftList2L a:hover img { filter: brightness(1.1); }
.leftList2 .leftList2L h4 { width: auto; margin: 8px 0 0; text-align: center; }
.leftList2 .leftList2L h4 a { color: #e0e0e0; border-radius: 0; }
.leftList2 .leftList2R { width: auto; float: none; }
.leftList2 .leftList2R ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.leftList2 .leftList2R li {
  display: block;
  float: none;
  margin: 0;
  width: auto;
  text-align: center;
  background: #1e1e1e;
  border: 1px solid #262626;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s, filter 0.2s;
}
.leftList2 .leftList2R li:hover { transform: translateY(-3px); filter: brightness(1.1); }
.leftList2 .leftList2R li img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
.leftList2 .leftList2R h4 { width: auto; margin: 0; padding: 8px 6px 10px; }
.leftList2 .leftList2R h4 a {
  color: #c8c8c8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============ 首页幻灯 ============ */
.flash, .flash_left { width: auto; float: none; background: none; }
#ifocus {
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #262626;
}
#ifocus_pic { position: relative; width: 100%; height: auto; aspect-ratio: 750 / 365; float: none; display: block; overflow: hidden; }
#ifocus_piclist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#ifocus_piclist li { width: 100%; height: 100%; overflow: hidden; display: none; }
#ifocus_piclist img { width: 100%; height: 100%; object-fit: cover; }
#ifocus_opdiv {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background: linear-gradient(to top, rgba(10, 10, 10, 0.9), rgba(10, 10, 10, 0));
  opacity: 1;
}
#bigpic_title { display: none; }
#apDiv1 { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 100; }
#ifocus_btn { float: none; }
.s_pic { position: absolute; width: auto; left: 10px; bottom: 8px; height: auto; z-index: 100; display: flex; gap: 6px; }
.s_pic li { margin: 0; float: none; }
#ifocus_btn li { width: 44px; height: 44px; cursor: pointer; }
#ifocus_btn img {
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 6px;
  object-fit: cover;
  opacity: 0.45;
  transition: opacity 0.2s, box-shadow 0.2s;
}
#ifocus_btn .current img, #ifocus_btn li:hover img { opacity: 1; box-shadow: 0 0 0 2px #ed4b82; }
#ifocus_btn .current { background: none; }
#ifocus_tx {
  position: absolute;
  right: 14px;
  bottom: 16px;
  left: auto;
  color: #fff;
  font-size: 17px;
  z-index: 101;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
#ifocus_tx .normal { display: none; }

/* ============ 右侧部件卡片 ============ */
.tage, .tage_show, .search_index, .link, .jpbz_box, .top10, .tab {
  width: auto;
  height: auto;
  background: #1a1a1a;
  border: 1px solid #262626;
  border-radius: 10px;
  padding: 14px 10px 12px;
  margin: 0 0 14px;
  overflow: hidden;
}
.jxtj { width: auto; height: auto; background: none; margin-bottom: 0; }
.jxtj + .top10, .jxtj + div .top10 { border-top-left-radius: 0; }
.jxtj .title_smenu { padding: 0 0 10px 10px; color: #e8e8e8; }
.jpbz { width: auto; margin: 0 0 8px; }
.jpbz .side_title { padding-bottom: 0; }
.jpbz_box { padding-top: 14px; }
.jpbz_box .pic { width: auto; padding: 0 6px 14px; text-align: center; }
.jpbz_box .pic a { display: block; border-radius: 8px; overflow: hidden; }
.jpbz_box .pic img { width: 100%; height: auto; border-radius: 8px; transition: filter 0.2s; }
.jpbz_box .pic a:hover img { filter: brightness(1.1); }
.jpbz_box .pic .pic_ico { display: none; }
.jpbz_box .pic h4 { width: auto; margin: 6px 0 0; padding: 0; display: flex; justify-content: center; gap: 8px; }
.jpbz_box .pic h4 a { color: #c8c8c8; }
.jpbz_box .pic h4 span { color: #ed4b82; font-size: 12px; }

/* 标签云 */
.tage .link_word, .tage_show .link_word, .link .link_word {
  width: auto;
  float: left;
  margin: 0 0 8px 8px;
  font-size: 12px;
}
.link_word a {
  display: block;
  padding: 6px 12px;
  background: #262626;
  border-radius: 999px;
  color: #b0b0b0;
  transition: background 0.2s, color 0.2s;
}
.link_word a:hover { background: #ed4b82; color: #fff; text-decoration: none; }

/* 点击排行 / 文字列表 */
.top10 { padding: 14px 14px 10px; background-image: none; font-size: 13px; }
.top10 ul { padding: 0; }
.top10 li { line-height: 2.1; border-bottom: 1px dashed #262626; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top10 li:last-child { border-bottom: none; }
.top10 li a { color: #b0b0b0; font-size: 13px; }
.top10 li a:hover { color: #ff6b9a; }

/* 最新/人气 Tab 部件 */
.tab { background-image: none; padding: 0 0 8px; }
.tab_menu { display: flex; height: auto; margin: 0 0 6px; overflow: hidden; background: #1e1e1e; border-bottom: 1px solid #262626; }
.tab_menu li { height: auto; margin: 0; }
.tab_menu .default {
  flex: 1;
  float: none;
  width: auto;
  height: auto;
  padding: 10px 0;
  line-height: 1.4;
  text-align: center;
  color: #9a9a9a;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background: none;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.tab_menu .active { color: #ed4b82; border-bottom-color: #ed4b82; background: none; width: auto; height: auto; }
.con { width: auto; height: auto; padding: 4px 14px 6px; line-height: 2.1; font-size: 13px; text-align: left; }
.con li { border-bottom: 1px dashed #262626; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.con li:last-child { border-bottom: none; }
.con li a { color: #b0b0b0; }
.con li a:hover { color: #ff6b9a; }
.con li span { color: #ed4b82; font-size: 12px; }

/* ============ 搜索框 ============ */
.search_index { height: auto; padding-bottom: 14px; }
.search_k { padding: 0 10px; font-size: 14px; }
.search_box, .search_readbox {
  width: 100%;
  float: none;
  height: 38px;
  margin: 0 0 8px;
  padding: 0 12px;
  background: #262626;
  border: 1px solid #333;
  border-radius: 8px;
  color: #e0e0e0;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}
.search_box:focus, .search_readbox:focus { border-color: #ed4b82; }
.search_btn, .search_readbtn {
  width: 100%;
  float: none;
  height: 38px;
  margin: 0;
  background: #ed4b82;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
.search_btn:hover, .search_readbtn:hover { background: #ff6b9a; }
.search_read { height: auto; margin: 12px 10px 0; }
.search_read .search_k { padding: 0; }

/* ============ 分页（pill 按钮组） ============ */
.page { padding: 0 18px; }
.pages { text-align: center; height: auto; padding: 12px 0; line-height: 1; }
.pages a, .pages strong, .pages span {
  display: inline-block;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin: 3px;
  background: #262626;
  border: 1px solid #333;
  border-radius: 999px;
  color: #c8c8c8;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.pages a:hover { background: #ed4b82; border-color: #ed4b82; color: #fff; text-decoration: none; }
.pages strong { background: #ed4b82; border-color: #ed4b82; color: #fff; }
.pages span { color: #666; }

/* ============ 文章页 / 幻灯页 ============ */
.home {
  text-align: left;
  padding: 14px 18px 0;
  font-size: 12px;
  color: #9a9a9a;
  word-break: break-all;
  line-height: 1.9;
}
.home a { color: #9a9a9a; }
.home a:hover { color: #ff6b9a; }
.title {
  text-align: center;
  padding: 14px 16px 4px;
  color: #f0f0f0;
  font-size: 22px;
  line-height: 1.4;
}
.title small { color: #9a9a9a; font-size: 13px; }
.read_time { padding: 4px 16px 0; color: #8a8a8a; font-size: 12px; line-height: 1.9; }
.read_time a { color: #b0b0b0; }
.read_time span[style] { color: #d9a441 !important; }

.viewDiv { margin: 8px 14px 0; }
.viewBox { margin: 6px 0 0; padding: 0; font-size: 13px; overflow: hidden; }
.viewBox ul li { margin-bottom: 18px; }
.view-img { min-height: 0; }
.view-img img, .view_img {
  max-width: 100% !important;
  height: auto;
  border-radius: 10px;
  background: #1e1e1e;
}
.view-remark { padding: 8px 4px; color: #9a9a9a; font-size: 12px; }
.view-orig {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 12px;
  background: #262626;
  border: 1px solid #333;
  border-radius: 999px;
  color: #b0b0b0;
  font-size: 12px;
}
.view-orig:hover { background: #ed4b82; border-color: #ed4b82; color: #fff; }
.viewContent {
  text-align: left;
  padding: 12px 8px;
  line-height: 1.9;
  color: #c8c8c8;
  font-size: 14px;
  word-wrap: break-word;
  overflow-x: auto;
}
.viewPage { margin: 5px; padding: 5px; }

/* 幻灯缩略条（深色化） */
.thumbBox {
  height: auto;
  margin: 10px 0 0;
  padding: 8px;
  background: #1e1e1e;
  border: 1px solid #262626;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.thumbBut {
  width: 34px;
  height: 78px;
  flex: none;
  float: none;
  cursor: pointer;
  background: #262626 !important;
  border-radius: 8px;
  position: relative;
  transition: background 0.2s;
}
.thumbBut::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -54%);
  font-size: 22px;
  color: #9a9a9a;
  line-height: 1;
}
.thumbPreOn::before, .thumbPreOff::before { content: "‹"; }
.thumbNextOn::before, .thumbNextOff::before { content: "›"; }
.thumbPreOn:hover, .thumbNextOn:hover { background: #ed4b82 !important; }
.thumbPreOn:hover::before, .thumbNextOn:hover::before { color: #fff; }
.thumbPreOff, .thumbNextOff { opacity: 0.35; cursor: default; }
#thumbList { flex: 1; min-width: 0; width: auto; float: none; height: 84px; overflow: hidden; padding: 0 6px; }
#thumbList ul { display: flex; gap: 6px; }
#thumbList ul li { margin: 0; float: none; flex: none; padding: 0; }
#thumbList img {
  width: 78px;
  height: 78px;
  border: 2px solid transparent;
  border-radius: 8px;
  object-fit: cover;
  transition: border-color 0.2s;
}
#thumbList ul li a:hover img { border: 2px solid #ff6b9a; }
#thumbList .on img { border: 2px solid #ed4b82; }
.thumbBox a { color: #9a9a9a; font-size: 13px; font-weight: normal; }

/* TAG + 上一篇/下一篇（明显按钮化） */
.pre_next_info { padding: 10px 16px 4px; line-height: 2.2; font-size: 13px; }
.pre_next_info p { margin-bottom: 6px; color: #9a9a9a; }
.pre_next_info p a {
  display: inline-block;
  margin: 2px 3px;
  padding: 2px 12px;
  background: #262626;
  border-radius: 999px;
  color: #b0b0b0;
  font-size: 12px;
}
.pre_next_info p a:hover { background: #ed4b82; color: #fff; }
.pre_next_info > a {
  display: inline-block;
  max-width: 46%;
  margin: 4px;
  padding: 10px 18px;
  background: #262626;
  border: 1px solid #333;
  border-radius: 10px;
  color: #c8c8c8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.pre_next_info > a:hover { background: #ed4b82; border-color: #ed4b82; color: #fff; text-decoration: none; }

/* 顶/踩/返回 按钮组 */
.hit {
  margin: 14px auto 6px;
  padding: 0;
  height: auto;
  display: flex;
  justify-content: center;
  gap: 12px;
  font-family: inherit;
  font-size: 14px;
}
.hit .do {
  width: auto;
  min-width: 76px;
  height: auto;
  margin: 0;
  padding: 9px 18px;
  line-height: 1.4;
  float: none;
  background: #262626 !important;
  border: 1px solid #333;
  border-radius: 999px;
  color: #c8c8c8 !important;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.hit .do:hover { background: #3a3a3a !important; }
.hit #up::before { content: "顶 "; color: #ff6b9a; }
.hit #down::before { content: "踩 "; color: #7a8aff; }
.hit #return::before { content: "返回本版"; }
.hit #say::before { content: "评论"; }
.hit .do span { color: #e0e0e0; }

/* 相关文章 */
.read_word { margin: 16px 16px 4px; padding-top: 12px; border-top: 1px solid #262626; text-align: left; overflow: hidden; }
.read_word ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 12px; height: auto; }
.read_word li { width: auto; float: none; margin: 0; line-height: 2.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.read_word li h1 { font-size: 13px; }
.read_word a { color: #b0b0b0; }
.read_word a:hover { color: #ff6b9a; }

/* 文章页右栏 */
.readlist_tu { height: auto; margin: 0; padding: 4px 4px 0; background: none; clear: both; overflow: hidden; }
.readlist_tu ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.readlist_tu li {
  display: block;
  float: none;
  margin: 0;
  width: auto;
  background: #1e1e1e;
  border: 1px solid #262626;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s, filter 0.2s;
}
.readlist_tu li:hover { transform: translateY(-3px); filter: brightness(1.1); }
.readlist_tu li p { padding: 0; margin: 0; }
.readlist_tu li img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.readlist_tu li h1 {
  width: auto;
  margin: 0;
  padding: 7px 6px 9px;
  font-size: 12px;
  line-height: 1.5;
}
.readlist_tu li h1 a {
  color: #c8c8c8;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.readlist_word { margin: 0; padding: 4px 10px 0; background: none; overflow: hidden; clear: both; text-align: left; }
.readlist_word li { width: auto; float: none; display: block; margin: 0; line-height: 2.1; border-bottom: 1px dashed #262626; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.readlist_word li:last-child { border-bottom: none; }
.readlist_word li a { color: #b0b0b0; font-size: 13px; }
.readlist_word li a:hover { color: #ff6b9a; }
.readlist_hit { margin: 0; padding: 4px 10px 0; height: auto; background: none; clear: both; overflow: hidden; text-align: left; }
.readlist_hit ul { background: none; padding: 0; }
.readlist_hit li { width: auto; margin: 0; line-height: 2.1; text-align: left; border-bottom: 1px dashed #262626; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.readlist_hit li:last-child { border-bottom: none; }
.readlist_hit li a { padding: 0; color: #b0b0b0; font-size: 13px; }
.readlist_hit li a:hover { color: #ff6b9a; }

/* 弹窗（article.js 用，默认必须隐藏） */
#msgbox {
  display: none;
  position: absolute;
  width: 240px;
  padding: 14px;
  background: #1e1e1e;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  height: auto;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
}
#msgbox #msgcon { margin: 4px; padding: 4px; color: #c8c8c8; font-size: 14px; }
#msgbox #msgnav { margin: 8px 4px 2px; }
#msgbox #msgnav a {
  display: inline-block;
  margin: 0;
  padding: 6px 18px;
  background: #ed4b82;
  border-radius: 999px;
  color: #fff;
}

/* ============ 页脚（弱化处理） ============ */
.foot {
  max-width: 1100px;
  margin: 26px auto 0;
  padding: 18px 16px 24px;
  width: auto;
  clear: both;
  text-align: center;
  color: #777;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.9;
  border-top: 1px solid #1f1f1f;
  word-wrap: break-word;
  word-break: break-all;
}
.foot a { color: #8a8a8a; }
.foot a:hover { color: #ff6b9a; }
.foot .bq { margin-bottom: 8px; }
.foot .album_info { color: #777; }
.foot strong { color: #9a9a9a !important; font-weight: normal; }
.foot span { border-bottom: none; }

/* ============ 响应式 ============ */
@media (max-width: 1024px) {
  .leftList5 ul, .leftList3 ul, .leftList6 ul { grid-template-columns: repeat(3, 1fr); }
  .leftList4 ul { grid-template-columns: repeat(3, 1fr); }
  .leftList2 { grid-template-columns: 240px 1fr; }
  .readlist { width: 260px; }
}

@media (max-width: 768px) {
  /* 单列纵排 */
  .pArea, .mainContent, .viewMain { display: block; padding: 0 10px; }
  .pArea > div[style*="FLOAT: right"] { width: auto !important; margin-top: 14px; }
  .pArea .pAreaR, .col3 { width: auto; margin-top: 14px; }
  .readlist { width: auto; margin-top: 14px; }
  .picread, .col1 { border-radius: 10px; }

  .topNav960 { flex-direction: column; gap: 10px; padding: 12px 10px 8px; text-align: center; }
  .logo img { height: 44px; }
  .logobanner { width: 100%; }

  /* 封面网格：手机 2 列 */
  .leftList5 ul, .leftList3 ul, .leftList6 ul, .leftList4 ul { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .leftList5, .leftList3, .leftList6, .leftList4 { padding-left: 10px; padding-right: 10px; }
  .leftList2 { grid-template-columns: 1fr; padding: 4px 10px 12px; }
  .leftList2 .leftList2R ul { grid-template-columns: repeat(2, 1fr); }

  .leftTitle1, .headP_up { padding: 12px 10px 8px; }
  .leftTitle1 .T_name, .headP_title { font-size: 16px; }
  .title { font-size: 18px; }
  #ifocus_tx { font-size: 14px; }

  .viewDiv { margin: 6px 8px 0; }
  .read_word ul { grid-template-columns: repeat(2, 1fr); }
  .readlist_tu ul { grid-template-columns: repeat(2, 1fr); }

  .pre_next_info > a { max-width: 100%; display: block; margin: 6px 0; white-space: normal; }
}

@media (max-width: 480px) {
  .MNav .MNavTop li a { padding: 12px 10px; font-size: 14px; }
  .leftTitle1 .T_name, .headP_title { font-size: 15px; }
  .title { font-size: 16px; }
  .read_word ul { grid-template-columns: 1fr; }
  .hit { gap: 8px; }
  .hit .do { min-width: 0; padding: 8px 12px; font-size: 13px; }
  #ifocus_tx { font-size: 12px; bottom: 12px; }
}