/* ============================================================
 *  Twins 大陆后援会 · 论坛社区（/bbs）
 *  风格与全站 2005 复原观感融合：803px 定宽、宋体 12px、玫粉主色
 * ============================================================ */

body {
  margin: 0; padding: 0 0 20px; background: #fdeef3;
  font-family: "宋体", SimSun, serif; font-size: 12px; color: #000000;
}
a { text-decoration: none; }
a:link    { color: #0000cc; }
a:visited { color: #551a8b; }
a:hover   { color: #ff6600; text-decoration: underline; }
img { border: 0; }
* { box-sizing: border-box; }

#page { width: 803px; margin: 0 auto; background: #ffffff; padding-bottom: 10px; }

/* ============ 顶栏（与留言本同款玫粉结构） ============ */
.top-bar { display: flex; align-items: stretch; width: 803px; margin: 0 auto; }
.top-bar .cap { flex: none; width: 7px; background: #d9567d; border-radius: 6px 0 0 0; }
.top-bar .welcome {
  flex: 1; background: #F76F98; color: #ffffff;
  line-height: 23px; padding-left: 6px; white-space: nowrap; overflow: hidden;
}
.top-bar .tools { background: #F76F98; color: #ffffff; line-height: 23px; padding: 0 8px; white-space: nowrap; }
.top-bar .tools a { color: #ffffff; }
.top-bar .tools a:hover { color: #ffe3ec; }

/* ============ 头图横幅（全站统一 banner） ============ */
.flash-header {
  height: 130px; position: relative; overflow: hidden;
  background: #e8380d url(/images/banner.jpg) center / cover no-repeat;
  color: #ffffff; display: flex; flex-direction: column;
  justify-content: center; align-items: flex-start;
  padding-left: 46px; text-align: left;
  border-bottom: 2px solid #cc3300;
}
.flash-header .site-title {
  font-family: "黑体", SimHei, sans-serif;
  font-size: 34px; font-weight: bold; letter-spacing: 6px;
  text-shadow: 2px 2px 3px rgba(120, 20, 0, .55);
}
.flash-header .site-sub {
  font-family: "黑体", SimHei, sans-serif;
  font-size: 14px; letter-spacing: 10px; margin-top: 6px;
  text-shadow: 1px 1px 2px rgba(120, 20, 0, .55);
}

/* ============ 导航条 ============ */
.nav-bar {
  display: flex; align-items: center; gap: 2px;
  background: linear-gradient(#ff8fb0, #F76F98);
  border-bottom: 2px solid #d9567d;
  padding: 0 10px; line-height: 26px;
}
.nav-bar a { color: #ffffff; padding: 0 9px; display: inline-block; }
.nav-bar a:hover { background: rgba(255, 255, 255, .18); text-decoration: none; }
.nav-bar a.on { background: #d9567d; font-weight: bold; }
.nav-bar .nav-right { margin-left: auto; color: #ffe3ec; display: flex; align-items: center; gap: 4px; }
.nav-bar .nav-right b { color: #ffffff; }

.bbs-notice {
  width: 783px; margin: 8px auto 0; border-radius: 4px; padding: 6px 10px; text-align: center;
}
.bbs-notice-ok  { border: 1px solid #b8d98e; background: #f3fae8; color: #4d7d14; }
.bbs-notice-err { border: 1px solid #e8a8a8; background: #fdeeee; color: #cc3333; }

/* ============ 面包屑 ============ */
.crumbs { width: 783px; margin: 8px auto 0; color: #999999; line-height: 20px; }

/* ============ 面板与表格 ============ */
.bbs-panel {
  width: 783px; margin: 8px auto 0;
  border: 1px solid #f2cdd9; border-radius: 6px; background: #ffffff;
  overflow: hidden;
}
.bbs-panel .panel-hd {
  background: #fbdde8 url(/bbs/assets/img/hd-bar.png) center / 100% 100% no-repeat;
  border-bottom: 1px solid #f2cdd9;
  padding: 5px 12px 5px 38px; font-weight: bold; color: #d4507c; letter-spacing: 1px;
  display: flex; align-items: center;
  text-shadow: 0 1px 0 #ffffff;
}
.bbs-panel .panel-hd .hd-right { margin-left: auto; font-weight: normal; color: #b0788c; }
.bbs-panel .panel-bd { padding: 10px 12px; }
.bbs-panel .panel-bd.flush { padding: 0; }

table.bbs-table { width: 100%; border-collapse: collapse; }
table.bbs-table th {
  background: #fdf1f5; color: #b05c7c; font-weight: bold; text-align: left;
  border-bottom: 1px solid #f2cdd9; padding: 5px 8px; white-space: nowrap;
}
table.bbs-table td { border-bottom: 1px solid #f9e6ee; padding: 7px 8px; vertical-align: middle; }
table.bbs-table tr:hover td { background: #fffafc; }
.cell-sub { color: #999999; }
.cell-num { text-align: center; color: #666666; white-space: nowrap; }
.cell-last { color: #999999; font-size: 12px; }
.board-name { font-size: 14px; font-weight: bold; }
.board-name a { color: #d4507c; }
.board-intro { color: #999999; margin-top: 2px; }

/* 版块图标（玻璃质感 PNG，2x 导出缩到 34px 显示） */
.bbs-bicon {
  display: inline-block; width: 34px; height: 34px; flex: none;
  border: 0; vertical-align: middle;
}

/* ============ 论坛首页统计条 ============ */
.stat-bar {
  width: 783px; margin: 8px auto 0;
  border: 1px dashed #f2cdd9; border-radius: 6px; background: #fff8fa;
  color: #b0788c; padding: 6px 12px; line-height: 20px;
  display: flex; gap: 18px;
}

/* ============ 帖子列表 ============ */
.tag-top, .tag-digest, .tag-lock {
  display: inline-block; padding: 0 4px; margin-right: 3px;
  border: 1px solid; border-radius: 2px; font-size: 12px; line-height: 16px; vertical-align: 1px;
}
.tag-top    { color: #cc3300; border-color: #e8a080; background: #fff3ec; }
.tag-digest { color: #b8860b; border-color: #e0c060; background: #fffbe8; }
.tag-lock   { color: #888888; border-color: #cccccc; background: #f4f4f4; }

.pager {
  width: 783px; margin: 10px auto 0; text-align: center; line-height: 22px; color: #666666;
}
.pager a, .pager .cur {
  display: inline-block; min-width: 22px; margin: 0 2px; padding: 0 4px;
  border: 1px solid #e3b8c8; border-radius: 3px; line-height: 19px;
}
.pager .cur { background: #F76F98; border-color: #d9567d; color: #ffffff; font-weight: bold; }
.pager a:hover { background: #fdeff4; text-decoration: none; }

/* ============ 帖子详情（楼层结构） ============ */
.floor {
  border: 1px solid #f2cdd9; border-radius: 6px; background: #ffffff;
  margin: 10px auto 0; width: 783px; overflow: hidden;
}
.floor-main { display: flex; }
.floor-side {
  flex: none; width: 150px; padding: 12px 8px; text-align: center;
  background: linear-gradient(#fdf4f7, #fbe4ec); border-right: 1px solid #f2cdd9;
}
.floor-side .bbs-avatar { border-radius: 4px; border: 1px solid #e8b8c8; background: #ffffff; }
.floor-side .f-name { margin-top: 6px; font-weight: bold; color: #cc6600; }
.floor-side .f-tag { color: #b0788c; margin-top: 2px; }
.floor-side .f-posts { color: #999999; margin-top: 2px; }
.floor-main-area { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.floor-head {
  background: linear-gradient(#fdeff4, #fbdde8);
  border-bottom: 1px solid #f2cdd9;
  padding: 4px 10px; line-height: 18px; color: #999999;
  display: flex; align-items: baseline; gap: 8px; white-space: nowrap; overflow: hidden;
}
.floor-head .fno { margin-left: auto; color: #d4507c; font-weight: bold; }
.floor-body { padding: 10px 14px 8px; line-height: 1.9; word-break: break-word; flex: 1; }
.floor-body p { margin: 0 0 8px; }
.floor-body img { max-width: 100%; }
.floor-body blockquote {
  margin: 6px 0; padding: 6px 10px;
  border: 1px dashed #e3b8c8; border-radius: 4px; background: #fff8fa; color: #8a6472;
}
.floor-body blockquote .qt-from { color: #b0788c; font-weight: bold; }
.floor-foot {
  border-top: 1px solid #f9e6ee; padding: 3px 10px 6px;
  text-align: right; color: #999999;
}
.floor-foot a { margin-left: 10px; color: #d4507c; }
.floor.deleted { }
.floor.deleted .floor-body { color: #bbbbbb; background: #fafafa; text-align: center; padding: 18px; }
.floor.top1 { border-color: #e8a080; }
.floor.top1 .floor-head { background: linear-gradient(#fff1e0, #ffe2c8); border-bottom-color: #f0c9a8; }
.floor.top1 .fno { color: #cc3300; }

/* 楼中楼 */
.cmts { margin: 0 12px 10px 158px; border: 1px solid #f6dee6; border-radius: 4px; background: #fdf7f9; }
.cmts .cmt-hd { padding: 3px 10px 0; color: #b0788c; font-weight: bold; }
.cmt {
  padding: 4px 10px; line-height: 1.8; color: #333333;
  border-top: 1px dashed #f0dde4;
}
.cmt:first-of-type { border-top: 0; }
.cmt .c-nick { color: #7a4a94; font-weight: bold; }
.cmt .c-meta { color: #aaaaaa; }
.cmt .c-acts { float: right; }
.cmt .c-acts a { color: #b0788c; margin-left: 8px; }
.cmt .c-quote { color: #999999; }
.cmt-form { padding: 6px 10px 8px; border-top: 1px solid #f0dde4; }
.cmt-form textarea {
  width: 100%; height: 44px; border: 1px solid #d9a8b8; border-radius: 3px;
  font-family: "宋体", SimSun, serif; font-size: 12px; padding: 3px; resize: vertical;
}
.cmt-form .row2 { margin-top: 4px; text-align: right; }
.cmt-form .btn {
  display: inline-block; min-width: 60px; height: 21px;
  border: 1px solid #d9a8b8; border-radius: 3px;
  background: linear-gradient(#ffffff, #fbdde8);
  font-family: "宋体", SimSun, serif; font-size: 12px; color: #333333; cursor: pointer;
}
.cmt-form .cmt-tip { float: left; color: #999999; line-height: 21px; }

/* 楼层操作按钮 */
.fbtn {
  display: inline-block; padding: 0 8px; line-height: 19px;
  border: 1px solid #e3b8c8; border-radius: 3px; background: #fffafc;
  color: #b05c7c; cursor: pointer; font-family: "宋体", SimSun, serif; font-size: 12px;
}
.fbtn:hover { background: #fdeff4; text-decoration: none; }
.like-on { color: #cc3300; font-weight: bold; }

/* ============ 发帖表单 ============ */
.post-form label.fl { display: block; margin: 10px 0 4px; color: #666666; font-weight: bold; }
.post-form input[type=text] {
  width: 560px; height: 20px; border: 1px solid #d9a8b8; border-radius: 3px;
  font-family: "宋体", SimSun, serif; font-size: 12px; padding: 2px 4px;
}
.post-form .error { color: #cc0000; font-weight: bold; }
.bbs-btn {
  display: inline-block; min-width: 72px; height: 24px; margin-right: 8px;
  border: 1px solid #d9a8b8; border-radius: 3px;
  background: #fbdde8 url(/bbs/assets/img/btn.png) center / 100% 100% no-repeat;
  font-family: "宋体", SimSun, serif; font-size: 12px; color: #333333; cursor: pointer;
}
.bbs-btn:hover { filter: brightness(0.96); }
.form-tip { color: #999999; }

/* ============ 用户信息/资料 ============ */
.user-card { display: flex; gap: 14px; }
.user-card .bbs-avatar { border-radius: 4px; border: 1px solid #e8b8c8; }
.kv-list { margin: 0; padding: 0; list-style: none; }
.kv-list li { line-height: 24px; border-bottom: 1px dashed #f6dee6; }
.kv-list li b { color: #888888; font-weight: normal; margin-right: 8px; }

/* ============ 搜索表单 ============ */
.search-box { display: flex; gap: 6px; align-items: center; }
.search-box select, .search-box input[type=text] {
  border: 1px solid #d9a8b8; border-radius: 3px; height: 22px;
  font-family: "宋体", SimSun, serif; font-size: 12px; padding: 1px 4px;
}
.search-box input[type=text] { width: 320px; }

/* ============ 页脚（统一圆角面板·玫粉暖调） ============ */
.foot-panel {
  width: 783px; margin: 14px auto 0;
  border: 1px solid #eccbd7; border-radius: 6px;
  background: linear-gradient(#fdf6f8, #f5e6ec);
}
.bbs-footer { text-align: center; line-height: 2; padding: 10px 0 12px; color: #b0788c; }
.bbs-footer a { color: #b0788c; }
.bbs-footer .green { color: #008000; font-weight: bold; }

/* 编辑器降级文本框（TinyMCE 未接管时可见） */
.rte-src { width: 100%; box-sizing: border-box; padding: 6px 8px; line-height: 1.8; }