* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { max-width: 100%; overflow-x: hidden; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #f4f5f7; color: #333; padding-bottom: 56px;
  min-height: 1404px;
  -webkit-text-size-adjust: 100%;
}
a { color: #333; text-decoration: none; }
img, video { max-width: 100%; }
p, li, td, th, span, b, div { word-break: break-word; overflow-wrap: anywhere; }
.container { max-width: 720px; margin: 0 auto; padding: 10px; }

.topbar {
  position: relative;
  width: 100%; max-width: 960px; margin: 0 auto;
  height: 52px;
  background: linear-gradient(90deg, #ef5350, #ff8a65); color: #fff;
}
.topbar .logo {
  color: #fff;
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: flex; align-items: center;
}
.topbar .logo .logo-main {
  font-size: 22px; font-weight: 900; letter-spacing: 2px;
  text-shadow:
    1px 1px 0 #b71c1c,
    2px 2px 0 #a31515,
    3px 3px 0 #8b0f0f,
    4px 4px 0 #720808,
    5px 5px 6px rgba(0,0,0,0.4);
}
.topbar .logo .logo-sub {
  font-size: 14px; font-weight: 500; letter-spacing: 1px;
  color: rgba(255,255,255,0.85);
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.topbar .logo .logo-sub:first-child { margin-right: 22px; }
.topbar .logo .logo-sub:last-child { margin-left: 22px; }
.top-actions { position: absolute; top: 6px; right: 14px; }
.top-actions a { color: #fff; margin-left: 12px; }

.lottery-nav {
  display: flex; background: #fff; border-bottom: 1px solid #eee;
  width: 100%; max-width: 960px; margin: 0 auto;
  overflow-x: auto;
}
.lottery-nav a { flex: 1; text-align: center; padding: 10px 12px; white-space: nowrap; }
.lottery-nav a.active, .lottery-nav a:hover { color: #c62828; font-weight: bold; }

.panel { background: #fff; border-radius: 8px; padding: 14px; margin-bottom: 10px; }
.panel h2 { font-size: 16px; margin-bottom: 10px; border-left: 4px solid #c62828; padding-left: 8px; }

.rank-list, .post-list, .record-list { list-style: none; }
.record-list li { padding: 9px 0; border-bottom: 1px dashed #f0f0f0; font-size: 14px; color: #333; }
.record-link { color: #c62828; font-weight: bold; }
.record-link:hover { text-decoration: underline; }
.rank-item {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 0; border-bottom: 1px dashed #f0f0f0;
}
.rank-no { width: 22px; height: 22px; line-height: 22px; text-align: center;
  background: #eee; border-radius: 50%; font-size: 13px; }
.rank-item:nth-child(1) .rank-no { background: #c62828; color: #fff; }
.rank-item:nth-child(2) .rank-no { background: #ef6c00; color: #fff; }
.rank-item:nth-child(3) .rank-no { background: #f9a825; color: #fff; }
.rank-name { flex: 0 0 auto; font-weight: bold; }
.rate { color: #c62828; }
.streak { color: #1565c0; font-size: 13px; }
.rank-item .price, .post-meta .price { margin-left: auto; color: #c62828; font-weight: bold; }
.post-meta .price { font-size: 17px; }

.post-item { position: relative; padding: 12px; margin-bottom: 6px;
  background: #f7f8fa; border: 1px solid #eceef1; border-radius: 8px; }
.hit-rate-corner { position: absolute; top: 12px; right: 12px; color: #c62828; font-weight: bold; font-size: 22px; }
.post-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding-right: 70px; }
.post-avatar { width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;
  background: #c62828; overflow: hidden; }
img.post-avatar { display: block; object-fit: cover; }
.post-avatar.placeholder { display: inline-flex; align-items: center; justify-content: center;
  color: #fff; font-size: 17px; }
.post-author { font-weight: 600; color: #333; font-size: 14px; }
.post-title { font-weight: bold; display: block; margin-bottom: 4px; }
.post-summary { color: #777; font-size: 13px; margin-bottom: 6px; }
.post-meta { display: flex; gap: 10px; align-items: center; font-size: 13px; color: #999; flex-wrap: wrap; }
.post-meta .red { color: #c62828; }
.post-tip { margin: 6px 0 0; font-size: 12px; color: #b71c1c; line-height: 1.6;
  border: 1px solid #ffcdd2; background: #fff5f5; border-radius: 4px; padding: 4px 8px; }
.tag { background: #fce4ec; color: #c62828; border-radius: 4px; padding: 1px 6px;
  font-size: 12px; margin-right: 4px; }
em { font-style: normal; border-radius: 4px; padding: 1px 6px; font-size: 12px; }
em.hit { background: #e8f5e9; color: #2e7d32; font-weight: 700; }
em.miss { background: #ffebee; color: #c62828; font-weight: 700; }
em.new { background: #e3f2fd; color: #1565c0; }
.empty { color: #aaa; text-align: center; padding: 16px 0; }
.muted { color: #999; font-size: 13px; }
.more { display: block; text-align: center; color: #1565c0; padding: 8px 0 0; }

.banner { display: flex; align-items: center; gap: 10px; background: #2e7d32; color: #fff; }
.banner > span { flex: 1; }
.banner-hl { color: #ffe14d; font-size: 1.12em; font-weight: 800; }

.btn {
  display: inline-block; border: 1px solid #ccc; background: #fff;
  border-radius: 6px; padding: 8px 18px; cursor: pointer; font-size: 14px;
}
.btn.primary { background: #c62828; color: #fff; border-color: #c62828; }
.plan-btn {
  margin: 0 8px 8px 0;
  background: linear-gradient(135deg, #c62828, #e57373);
  color: #fff; border: none;
}
.plan-btn.owned,
.plan-btn:disabled {
  background: #e0e0e0;
  color: #888;
  cursor: not-allowed;
  opacity: 1;
}
/* 打折会员卡套餐卡片 */
#plans { display: flex; flex-wrap: wrap; gap: 10px; }
.plan-card {
  flex: 1 1 200px; min-width: 200px; max-width: 320px;
  border: 1px solid #f0d5d5; border-radius: 8px; padding: 12px;
  background: #fffafa; display: flex; flex-direction: column;
}
.plan-card.owned { border-color: #ddd; background: #fafafa; }
.plan-card-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
.plan-name { font-size: 16px; font-weight: bold; color: #333; }
.plan-price { color: #c62828; font-size: 18px; font-weight: bold; }
.plan-card.owned .plan-price { color: #888; }
.plan-price em { font-style: normal; font-size: 12px; font-weight: normal; color: #999; }
.plan-benefits { list-style: none; margin: 0 0 10px; padding: 0; flex: 1; }
.plan-benefits li {
  position: relative; padding: 4px 0 4px 18px; font-size: 13px; color: #555;
  border-bottom: 1px dashed #f0e0e0; line-height: 1.5;
}
.plan-benefits li:last-child { border-bottom: none; }
.plan-benefits li::before {
  content: '✓'; position: absolute; left: 0; top: 4px;
  color: #c62828; font-weight: bold;
}
.plan-card .plan-btn { margin: 0; width: 100%; }

/* 会员开通确认弹窗(页面内自定义, 取消不产生任何请求) */
.modal-mask {
  position: fixed; inset: 0; z-index: 999;
  background: rgba(0, 0, 0, .5);
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
}
.modal-card {
  background: #fff; border-radius: 12px;
  width: 100%; max-width: 320px;
  padding: 22px 18px 18px; text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
}
.modal-card h3 { font-size: 17px; margin-bottom: 12px; }
.modal-plan { font-size: 16px; font-weight: 700; color: #c62828; margin-bottom: 8px; }
.modal-tip { font-size: 12px; color: #888; line-height: 1.7; margin-bottom: 18px; }
.modal-btns { display: flex; gap: 12px; }
.modal-btns .btn { flex: 1; padding: 10px 0; }
.modal-btns .btn:disabled { opacity: .7; cursor: not-allowed; }
.gift-amount { font-size: 44px; font-weight: bold; color: #c62828; line-height: 1.2; margin: 6px 0 2px; }
.gift-amount small { font-size: 18px; }
.gift-label { font-size: 15px; color: #333; margin-bottom: 10px; }
/* 余额不足跳转后充值板块高亮闪烁 */
.recharge-flash { animation: rechargeFlash 0.8s ease 3; border-radius: 8px; }
@keyframes rechargeFlash {
  0%, 100% { background: transparent; box-shadow: none; }
  50% { background: #fff1f0; box-shadow: 0 0 0 2px #c62828; }
}

.auth-panel { max-width: 420px; margin: 40px auto; display: flex; flex-direction: column; gap: 12px; min-height: 420px; padding: 30px 24px; }
.auth-panel input, .panel input {
  width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px;
  margin-bottom: 8px;
}
[hidden] { display: none !important; }
.auth-form-title { font-size: 16px; font-weight: bold; color: #222; margin: 0; }
.auth-divider { display: flex; align-items: center; gap: 10px; color: #999; font-size: 13px; margin: 2px 0; }
.auth-divider span { flex: 1; height: 1px; background: #e5e5e5; }
.auth-divider em { font-style: normal; }
.sms-row { display: flex; gap: 8px; }
.sms-row input { flex: 1; }
.sms-row .btn { white-space: nowrap; }
.auth-options { display: flex; justify-content: space-between; align-items: center;
  margin: 0 2px 10px; font-size: 14px; color: #333; }
.auth-opt { display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
  color: #333; font-size: 14px; }
.auth-opt input { width: 16px !important; height: 16px; margin: 0; flex: none;
  accent-color: #c62828; cursor: pointer; }
.auth-tabs { display: flex; gap: 8px; }
.auth-tab { flex: 1; padding: 10px; border: 1px solid #ddd; background: #f7f7f7; border-radius: 6px;
           font-size: 15px; color: #555; cursor: pointer; }
.auth-tab.active { background: #c62828; border-color: #c62828; color: #fff; font-weight: bold; }
.buy-msg { color: #c62828; font-size: 13px; min-height: 18px; }
.sms-copy-btn { margin-left: 6px; padding: 2px 12px; font-size: 12px; color: #c62828;
  background: #fff; border: 1px solid #c62828; border-radius: 4px; cursor: pointer; line-height: 1.7; }
.sms-copy-btn:active { background: #fdecea; }

.post-detail .detail-title { font-size: 18px; margin-bottom: 8px; }
.detail-cover { max-width: 100%; border-radius: 6px; margin: 10px 0; }
.post-content { line-height: 1.9; padding: 10px 0; white-space: pre-wrap; }
.post-content .answer-big {
  display: block; margin-top: 8px;
  font-size: 30px; font-weight: 900; color: #000;
  letter-spacing: 2px;
}
.draw-result-box {
  margin: 12px 0; padding: 12px 14px;
  background: #f7f8fa; border: 1px solid #eee; border-radius: 8px;
}
.draw-result-box .dr-row {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.draw-result-box .dr-row + .dr-row { margin-top: 10px; }
.draw-result-box .dr-label {
  font-size: 15px; font-weight: 700; color: #000;
  min-width: 72px;
}
.draw-result-box .draw-balls { display: flex; gap: 6px; }
.draw-result-box .dr-tag {
  font-size: 20px; font-weight: 900;
  padding: 2px 12px; border-radius: 12px; font-style: normal;
}
.draw-result-box .dr-tag.hit { background: #e8f5e9; color: #2e7d32; }
.draw-result-box .dr-tag.miss { background: #fdecea; color: #c62828; }
.draw-result-box .dr-answer {
  font-size: 22px; font-weight: 900; color: #c62828; letter-spacing: 1px;
}
.paywall {
  position: relative; margin-top: 10px;
}
.paywall-mask {
  background: linear-gradient(180deg, rgba(255,255,255,.2), #fff 40%);
  text-align: center; padding: 30px 0 10px; font-size: 16px;
  display: flex; flex-direction: column; gap: 12px; align-items: center;
}

.bottom-nav {
  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 100%; max-width: 960px; height: 52px;
  display: flex; background: #fff; border-top: 1px solid #eee;
}
.bottom-nav a { flex: 1; text-align: center; line-height: 52px; font-size: 12px; }
.bottom-nav a:hover { color: #c62828; }

/* 专栏广场 */
.column-list { display: flex; flex-direction: column; gap: 12px; }
.column-card { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid #eee; border-radius: 8px; background: #fafafa; }
.column-main { flex: 1; min-width: 0; }
.column-name { font-weight: 700; font-size: 15px; color: #222; }
.column-rate { margin-left: 8px; font-size: 12px; color: #f57c00; }
.column-title { margin-top: 6px; font-weight: 600; color: #c62828; }
.column-desc { margin-top: 4px; font-size: 13px; color: #888; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.column-side { flex-shrink: 0; text-align: center; }
.column-price { font-size: 20px; font-weight: 800; color: #c62828; margin-bottom: 8px; }
.column-price small { font-size: 12px; font-weight: 400; color: #999; }
.column-done { background: #eee !important; color: #999 !important; cursor: default; }
.col-toast { position: fixed; left: 50%; bottom: 70px; transform: translateX(-50%) translateY(20px); background: rgba(0,0,0,.82); color: #fff; padding: 10px 18px; border-radius: 20px; font-size: 13px; opacity: 0; pointer-events: none; transition: all .25s; z-index: 9999; max-width: 86%; text-align: center; }
.col-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

.search-form { display: flex; gap: 8px; }
.search-form input { flex: 1; margin-bottom: 0; }
.expert-head p { margin-bottom: 8px; }

/* 轮播图 */
.carousel { position: relative; max-width: 960px; width: calc(100% - 24px); margin: 10px auto 0; border-radius: 8px; overflow: hidden; background: #eee; height: 190px; }
.carousel-item { display: none; }
.carousel-item.active { display: block; }
.carousel-item img { width: 100%; height: 190px; object-fit: cover; display: block; }
.carousel-placeholder {
  width: 100%; height: 190px; display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 2px;
  background: linear-gradient(135deg, #c62828, #e57373);
}
.carousel-dots { position: absolute; bottom: 8px; left: 0; right: 0; text-align: center; }
.carousel-dots span {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.55); margin: 0 4px; cursor: pointer;
}
.carousel-dots span.active { background: #fff; }
.carousel-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(0,0,0,.25); color: #fff; border: 0; font-size: 20px;
  width: 30px; height: 30px; border-radius: 50%; cursor: pointer; line-height: 1;
}
.carousel-btn.prev { left: 8px; }
.carousel-btn.next { right: 8px; }

/* ===== PC 端（桌面版）增强：>=768px 生效，手机端保持原样 ===== */
.pc-nav { display: none; }

@media (min-width: 768px) {
  body { padding-bottom: 0; font-size: 15px; }
  .container { max-width: 960px; padding: 20px 16px; }

  /* 顶栏放大 + PC 主导航 */
  .topbar { height: 64px; }
  .topbar .logo .logo-main { font-size: 30px; }
  .topbar .logo .logo-sub { font-size: 16px; }
  .top-actions { top: 50%; transform: translateY(-50%); right: 24px; }
  .top-actions a { font-size: 15px; margin-left: 20px; }
  .top-actions a:hover { text-decoration: underline; }
  .pc-nav {
    display: flex; position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
  }
  .pc-nav a { padding: 8px 18px; font-size: 15px; color: #fff; opacity: .9; }
  .pc-nav a:hover { opacity: 1; font-weight: bold; }
  .lottery-nav { justify-content: center; }
  .lottery-nav a { flex: 0 0 auto; padding: 12px 22px; font-size: 15px; }

  /* 卡片与列表 */
  .panel { padding: 18px; margin-bottom: 12px; border-radius: 10px; }
  .panel h2 { font-size: 18px; }
  .post-title { font-size: 15px; }
  .post-item:hover { background: #eef1f5; border-color: #dfe3e8; }
  .rank-item { padding: 10px 0; font-size: 15px; }

  /* 手机竖版版式: 底部导航保持固定, 单列纵向布局 */
  .home-grid { display: block; }
  .home-expert, .home-banner, .home-posts { margin-bottom: 12px; }

  /* 轮播放大 */
  .carousel { height: 340px; border-radius: 10px; }
  .carousel-item img { height: 340px; }
  .carousel-placeholder { height: 340px; font-size: 30px; }
  .carousel-btn { width: 40px; height: 40px; font-size: 26px; }

  /* 详情与表单 */
  .detail-title { font-size: 24px; }
  .post-content { font-size: 15px; }
  .auth-panel { margin: 60px auto; max-width: 460px; min-height: 480px; padding: 36px 28px; }
  .btn { padding: 10px 24px; font-size: 15px; }
  .paywall-mask { font-size: 18px; }
}

/* 快捷图标栏（轮播图下方） */
.quick-nav {
  max-width: 960px; width: calc(100% - 24px); margin: 14px auto 0;
  display: flex; gap: 18px;
}
/* 商户中心等后台操作页不显示首页6彩种快捷导航 */
body.page-merchant .quick-nav { display: none; }
body.page-merchant .container { margin-top: 14px; }
.quick-item {
  width: 76px; display: flex; flex-direction: column; align-items: center; gap: 6px;
  text-decoration: none;
}
.quick-icon {
  width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #c62828, #e57373);
  color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 3px 8px rgba(198,40,40,.35);
  transition: transform .15s;
}
.quick-item:hover .quick-icon { transform: translateY(-2px); }
.quick-label { font-size: 13px; color: #333; }

/* 开奖大厅 */
.hall-issue { text-align: center; color: #666; margin: 4px 0 12px; }
.hall-time { font-size: 12px; }
.hall-balls { display: flex; justify-content: center; gap: 14px; margin: 6px 0 10px; }
.ball {
  width: 52px; height: 52px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #c62828, #e57373);
  color: #fff; font-size: 26px; font-weight: bold;
  box-shadow: 0 3px 8px rgba(198,40,40,.35);
}
.ball-sm { width: 30px; height: 30px; font-size: 15px; box-shadow: none; }
.ball-blue { background: linear-gradient(135deg, #1565c0, #64b5f6); box-shadow: 0 3px 8px rgba(21,101,192,.35); }
.ball-blue.ball-sm { box-shadow: none; }

/* 全部彩种最新开奖 */
.latest-draws .draw-list { display: flex; flex-direction: column; gap: 10px; }
.draw-item {
  display: flex; flex-direction: column; gap: 6px;
  padding: 10px 12px; border-radius: 8px; background: #fafafa;
  text-decoration: none; color: inherit;
  transition: background .15s;
}
.draw-item:hover { background: #f0f0f0; }
.draw-head { display: flex; align-items: center; gap: 10px; }
.draw-name { font-size: 15px; font-weight: bold; color: #333; }
.draw-issue { font-size: 13px; color: #333; }
.draw-date { font-size: 15px; color: #333; }
.draw-balls { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.hall-table { width: 100%; border-collapse: collapse; }
.hall-table th, .hall-table td {
  padding: 8px 6px; border-bottom: 1px solid #eee; text-align: center; font-size: 14px;
}
.hall-table th { color: #999; font-weight: normal; }
.hall-nums { display: flex; gap: 6px; justify-content: center; align-items: center; }

/* 开奖横条 */
.hall-bar { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; }
.hall-bar-name { font-weight: bold; color: #c62828; white-space: nowrap; padding-top: 4px; }
.hall-bar-issue { color: #666; font-size: 14px; }
.hall-bar-draws { display: flex; flex-direction: column; gap: 8px; flex: 1; }
.hall-bar-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hall-bar-row.today { border-left: 3px solid #c62828; padding-left: 8px; }
.hall-bar-row.today .hall-bar-issue { color: #c62828; font-weight: bold; }

/* 类型筛选 tabs */
.rec-tabs {
  max-width: 960px; width: calc(100% - 24px); margin: 10px auto 0;
  display: flex; gap: 8px;
}
.rec-tab {
  padding: 6px 16px; border-radius: 16px; background: #f2f2f2;
  color: #555; font-size: 14px; text-decoration: none;
}
.rec-tab.active { background: #c62828; color: #fff; }

/* 推荐卡片列表 */
.rec-list { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.rec-card {
  display: flex; gap: 10px; padding: 12px; background: #fff;
  border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06);
  text-decoration: none; color: inherit; align-items: flex-start;
}
.rec-avatar {
  width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: 0 0 auto;
}
.rec-avatar-txt {
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #c62828, #e57373);
  color: #fff; font-size: 20px; font-weight: bold;
}
.rec-body { flex: 1; min-width: 0; }
.rec-title {
  font-size: 15px; font-weight: bold; color: #222; margin: 0 0 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.rec-summary { font-size: 13px; color: #888; margin: 0 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rec-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #999; }
.rec-expert { color: #c62828; }
.rec-cat { background: #f5f5f5; border-radius: 4px; padding: 1px 6px; }
.rec-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: 0 0 auto; }
.rec-price { color: #e64a19; font-weight: bold; font-size: 16px; }

/* 分页 */
.pagination {
  display: flex; justify-content: center; align-items: center; gap: 14px;
  margin: 14px 0; font-size: 14px; color: #666;
}
.pagination a { color: #c62828; text-decoration: none; }

/* 会员中心（对齐原站 member 页结构） */
.member-guest { text-align: center; padding: 30px 14px; }
.member-guest-tip { font-size: 16px; color: #666; margin-bottom: 14px; }
.member-guest .btn { margin: 0 6px; }

.member-head {
  display: flex; align-items: center; gap: 12px;
  max-width: 960px; width: calc(100% - 24px); margin: 12px auto 0;
  padding: 16px 14px; border-radius: 10px;
  background: linear-gradient(135deg, #c62828, #e57373); color: #fff;
}
.member-avatar {
  width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,.25);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 24px; font-weight: bold;
}
.member-name { font-size: 18px; font-weight: bold; }

.member-balance {
  max-width: 960px; width: calc(100% - 24px); margin: 10px auto 0;
  padding: 14px; border-radius: 10px; background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.mb-top { display: flex; justify-content: space-between; font-size: 14px; color: #666; }
.mb-links a { color: #c62828; text-decoration: none; margin-left: 12px; font-size: 13px; }
.mb-amount { font-size: 30px; font-weight: bold; color: #222; margin: 8px 0 4px; }
.mb-detail { font-size: 13px; color: #999; text-decoration: none; }

.member-recharge {
  position: relative; display: flex; align-items: center; justify-content: center;
  max-width: 960px; width: calc(100% - 24px); margin: 10px auto 0;
  padding: 12px; border-radius: 10px; text-decoration: none;
  background: linear-gradient(90deg, #ef5350, #ff8a65); color: #fff; font-size: 15px;
}
.member-recharge b { font-size: 18px; margin: 0 2px; }
.mb-tag {
  position: absolute; right: 10px; top: -8px; font-style: normal;
  background: #fff59d; color: #b26a00; font-size: 12px;
  padding: 2px 8px; border-radius: 10px 10px 10px 0;
}

.member-icons {
  max-width: 960px; width: calc(100% - 24px); margin: 10px auto 0;
  display: flex; background: #fff; border-radius: 10px; padding: 14px 0;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.mi-item {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px;
  text-decoration: none; color: #444; font-size: 13px;
}
.mi-icon {
  width: 46px; height: 46px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #c62828, #e57373);
  color: #fff; font-size: 20px; font-weight: bold;
  position: relative;
}
.mi-badge {
  position: absolute; top: -7px; right: -9px;
  min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 9px; background: #ff3b30; color: #fff;
  font-size: 11px; font-style: normal; font-weight: 700;
  line-height: 18px; text-align: center;
  border: 2px solid #fff; box-sizing: border-box;
}

/* 官方客服 */
.kefu-list { display: flex; flex-direction: column; gap: 10px; margin: 10px 0; }
.kefu-item {
  display: flex; align-items: center; gap: 12px;
  background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 12px 14px;
}
.kefu-icon {
  width: 42px; height: 42px; border-radius: 10px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; font-size: 19px; font-weight: 700;
}
.kefu-icon.wx { background: linear-gradient(135deg, #07c160, #2aae67); }
.kefu-icon.qq { background: linear-gradient(135deg, #12b7f5, #0d8de0); }
.kefu-info { flex: 1; min-width: 0; }
.kefu-name { font-size: 14px; font-weight: 600; color: #333; }
.kefu-account { font-size: 15px; font-weight: 700; color: #c62828; letter-spacing: .5px; margin-top: 2px; }
.kefu-copy { flex-shrink: 0; padding: 7px 14px; font-size: 13px; }
.kefu-notice { color: #c62828; font-weight: 700; font-size: 13px; line-height: 1.7; margin: 4px 0 0; }

/* 充值支付弹窗 */
.pay-card { max-width: 380px; text-align: center; }
.pay-amount { color: #c62828; }
.pay-amount-box {
  background: linear-gradient(135deg, #fff5f5, #ffe8e8);
  border: 1px dashed #e57373; border-radius: 10px;
  padding: 12px; margin: 4px 0 12px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
}
.pay-amount-label { font-size: 14px; color: #666; }
.pay-amount-big { font-size: 30px; font-weight: 900; color: #c62828; letter-spacing: 1px; }
.pay-tabs { display: flex; gap: 8px; margin: 12px 0; }
.pay-tab {
  flex: 1; padding: 10px 0; border: 1px solid #ddd; border-radius: 8px;
  background: #fafafa; color: #666; font-size: 14px; font-weight: 600; cursor: pointer;
}
.pay-tab.wx.active { background: #07c160; border-color: #07c160; color: #fff; }
.pay-tab.zfb.active { background: #1677ff; border-color: #1677ff; color: #fff; }
.pay-qr { width: 220px; height: 220px; object-fit: contain; border: 1px solid #eee; border-radius: 8px; margin: 4px 0; }
.pay-meta { text-align: left; font-size: 13px; color: #555; line-height: 1.9; margin: 6px 0; }
.pay-meta b { color: #c62828; }
.pay-copy { padding: 2px 10px; font-size: 12px; margin-left: 6px; }
.pay-notice-line { font-size: 12px; text-align: left; }
.pay-voucher { text-align: left; margin: 10px 0 4px; font-size: 13px; color: #555; }
.pay-voucher input[type=file] { width: 100%; margin-top: 6px; font-size: 13px; }
.pay-env-tip { font-size: 13px; font-weight: 600; color: #e67e22; line-height: 1.6; margin: 6px 0; }
.pay-open-app { display: block; width: 100%; box-sizing: border-box; margin: 8px 0; padding: 11px 0;
  background: #1677ff; font-size: 15px; }
.pay-open-app:active { background: #0958d9; }
#openWechat { background: #07c160; }
#openWechat:active { background: #06ad56; }
.pay-remark-tip { background: #fff4e5; border: 1px solid #ffd591; border-radius: 8px;
  color: #d4380d; font-size: 13px; font-weight: 600; line-height: 1.7; padding: 8px 10px;
  margin: 10px 0 4px; text-align: left; }
.pay-remark-id { font-size: 18px; color: #c62828; letter-spacing: 1px; margin: 0 2px; }
.pay-remark-tip .pay-copy { vertical-align: middle; }

/* 充值延迟到账提示 */
.recharge-delay-tip {
  background: #fff4e5; border: 1px solid #ffd591; border-radius: 8px;
  color: #d4380d; font-size: 13px; font-weight: 600; padding: 7px 10px;
  margin: 8px 0; text-align: center;
}
.recharge-delay-tip a { color: #000; font-weight: 700; text-decoration: underline; }

/* 充值快捷金额 */
.amount-chips { display: flex; gap: 8px; margin: 10px 0; flex-wrap: wrap; }
.amount-chip {
  flex: 1; min-width: 64px; padding: 9px 0; border: 1px solid #ddd; border-radius: 8px;
  background: #fafafa; color: #c62828; font-size: 15px; font-weight: 700; cursor: pointer;
  transition: all .15s;
}
.amount-chip:hover { border-color: #c62828; }
.amount-chip.active { background: #c62828; border-color: #c62828; color: #fff; }
#chipCustom { border-style: dashed; color: #666; }
#chipCustom.active { border-style: solid; color: #fff; }

/* 顶栏登录用户徽标(头像+名称, 登录后替代 登录/注册) */
.top-actions .user-chip { display: inline-flex; align-items: center; gap: 6px; }
.top-actions .user-avatar { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #ff9a9e, #c62828); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; }
.top-actions .user-name { font-size: 13px; }
/* 会员中心头部退出按钮 */
.member-head { display: flex; align-items: center; gap: 10px; }
.member-logout { margin-left: auto; color: #999; font-size: 13px; }.top-actions .ta-guest { display: flex; gap: 10px; }
.top-actions .ta-guest a { color: #fff; font-size: 13px; }
/* 顶栏消息铃铛 */
.notif-bell { position: relative; display: inline-flex; align-items: center; text-decoration: none; }
.notif-bell-txt { color: #fff; font-size: 13px; }
.notif-badge {
  position: absolute; top: -9px; right: -9px; min-width: 16px; height: 16px; padding: 0 4px;
  background: #ffd400; color: #c62828; border: 1px solid #fff; border-radius: 9px;
  font-size: 11px; font-weight: 700;
  align-items: center; justify-content: center; line-height: 16px; box-sizing: border-box;
}
/* 消息通知列表 */
.notif-item { position: relative; padding: 12px 4px; border-bottom: 1px solid #f0f0f0; }
.notif-item:not(.is-read) { background: #fff8e6; }
.notif-item:not(.is-read)::before {
  content: ''; position: absolute; left: -2px; top: 14px; width: 6px; height: 6px;
  border-radius: 50%; background: #c62828;
}
.notif-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.notif-head b { font-size: 14px; }
.notif-time { margin-left: auto; color: #aaa; font-size: 12px; }
.notif-body { margin-top: 5px; font-size: 13px; color: #555; line-height: 1.6; }
.notif-tag { font-size: 11px; padding: 1px 7px; border-radius: 9px; color: #fff; flex: none; }
.tag-refund { background: #1565c0; }
.tag-ext { background: #2e7d32; }
.tag-sys { background: #888; }
/* 个人中心底部退出登录 */
.logout-zone { padding: 0 10px 10px; }
.logout-btn { width: 100%; padding: 11px; border: none; border-radius: 8px; background: #fff; color: #c62828; border: 1px solid #f2b8b5; font-size: 15px; font-weight: 600; cursor: pointer; }
.logout-btn:active { background: #fdecea; }
/* 彩民帖(社区免费帖) */
.cp-item { padding: 12px 4px; border-bottom: 1px solid #f0f0f0; }
.cp-item:last-child { border-bottom: none; }
.cp-title { font-size: 15px; font-weight: 600; margin-bottom: 6px; color: #222; }
.cp-content { font-size: 14px; color: #555; white-space: pre-wrap; word-break: break-word; margin-bottom: 8px; }
.cp-meta { display: flex; gap: 12px; font-size: 12px; color: #999; }
.cp-author { color: #c62828; font-weight: 600; }
/* 彩民帖列表(仅标题)与详情页 */
.cp-link { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.cp-link .cp-title { flex: 1; font-size: 15px; font-weight: 600; color: #222; }
.cp-arrow { color: #bbb; font-size: 20px; }
.cp-detail h2 { font-size: 18px; margin-bottom: 10px; }
.cp-detail .cp-meta { margin-bottom: 14px; }
.cp-body { font-size: 15px; line-height: 1.8; color: #333; white-space: pre-wrap; word-break: break-word; }
.cp-back { display: block; margin: 16px auto; max-width: 960px; text-align: center; }
/* 帖子详情页: 点赞/收藏/关注操作条 */
.cp-actions { display: flex; gap: 10px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #f0f0f0; }
.cp-btn {
  flex: 1; padding: 9px 4px; font-size: 13px; color: #555;
  background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 18px;
  cursor: pointer; transition: all .15s;
}
.cp-btn b { font-weight: 600; }
.cp-btn.on { color: #c62828; background: #fdecea; border-color: #f5c6c2; }
.cp-btn.self { color: #999; background: #f2f2f2; cursor: default; }
/* 帖子评论列表 */
.cp-cm { padding: 10px 4px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.cp-cm:last-child { border-bottom: none; }
.cp-cm b { color: #c62828; margin-right: 8px; }
.cp-cm-time { font-size: 12px; color: #999; }
.cp-cm p { margin: 6px 0 0; color: #444; line-height: 1.6; word-break: break-word; }
/* 个人中心: 我的社区统计 */
.ms-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.ms-stat {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 10px 4px; background: #fafafa; border-radius: 8px; text-decoration: none;
}
.ms-stat b { font-size: 18px; color: #c62828; }
.ms-stat span { font-size: 12px; color: #888; }
/* 粉丝/关注/获赞 列表页 */
.usl-item { display: flex; align-items: center; gap: 10px; padding: 10px 4px; border-bottom: 1px solid #f0f0f0; }
.usl-item:last-child { border-bottom: none; }
.usl-avatar {
  width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%;
  background: #c62828; color: #fff; font-size: 16px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.usl-info { flex: 1; min-width: 0; }
.usl-name { font-size: 15px; font-weight: 600; color: #222; }
.usl-name a { color: #222; text-decoration: none; }
.usl-meta { font-size: 12px; color: #999; margin-top: 2px; word-break: break-all; }
.usl-meta a { color: #1565c0; }
.usl-del {
  flex-shrink: 0; padding: 5px 12px; font-size: 12px; color: #c62828;
  background: #fff; border: 1px solid #f5c6c2; border-radius: 14px; cursor: pointer;
}
.usl-del:active { background: #fdecea; }
.usl-restore {
  flex-shrink: 0; padding: 5px 12px; font-size: 12px; color: #2e7d32;
  background: #fff; border: 1px solid #a5d6a7; border-radius: 14px; cursor: pointer;
}
.usl-restore:active { background: #e8f5e9; }
.usl-recycle-link { float: right; font-size: 13px; font-weight: normal; color: #1565c0; }

/* 关注/粉丝/获赞 统计条 */
.usl-stats { display: flex; gap: 10px; margin: 4px 0 14px; }
.usl-stat {
  flex: 1; text-align: center; text-decoration: none; background: #faf7f2;
  border: 1px solid #f0e6d8; border-radius: 10px; padding: 10px 0; color: #666;
  transition: all .15s;
}
.usl-stat b { display: block; font-size: 20px; color: #c62828; line-height: 1.3; }
.usl-stat span { font-size: 13px; }
.usl-stat.active { background: #c62828; border-color: #c62828; }
.usl-stat.active b { color: #fff; }
.usl-stat.active span { color: #ffe5e5; }
@media (max-width: 640px) {
  .usl-stats { gap: 8px; }
  .usl-stat b { font-size: 18px; }
}

/* ---------- 个人资料定制(昵称/头像) ---------- */
.avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
#profile-panel { padding: 10px 12px; }
#profile-panel h2 { margin-bottom: 4px; }
.pf-blocks { display: flex; gap: 16px; align-items: flex-start; }
.pf-blocks .pf-block { flex: 1; min-width: 0; border-bottom: none; }
.pf-block { padding: 6px 0; border-bottom: 1px solid #f0f0f0; }
.pf-block:last-child { border-bottom: none; }
.pf-block h3 { margin: 0 0 4px; font-size: 13px; color: #888; font-weight: normal; }
.pf-row { display: flex; gap: 10px; align-items: center; margin-top: 2px; }
.pf-avatar-box { display: flex; flex-direction: row; align-items: center; gap: 8px; flex-shrink: 0; }
.pf-avatar-box .member-avatar { width: 44px; height: 44px; font-size: 18px; }
.pf-upload-btn { cursor: pointer; margin: 0; padding: 3px 10px; font-size: 12px; white-space: nowrap; }
.pf-nick-row { display: flex; gap: 8px; align-items: center; }
.pf-nick-row input { flex: 1; min-width: 0; margin-bottom: 0; }
.pf-nick-row .btn { margin: 0; white-space: nowrap; padding: 8px 14px; }
.pf-fields { flex: 1; min-width: 0; }
.pf-fields input { width: 100%; box-sizing: border-box; padding: 6px 8px; font-size: 13px; }
.pf-fields .btn { margin: 4px 6px 0 0; padding: 4px 12px; font-size: 13px; }
.pf-tip { min-height: 0; font-size: 12px; margin-top: 2px; }
.pf-tip.ok { color: #2e7d32; }
.pf-tip.bad { color: #c62828; }
#profile-panel .buy-msg { min-height: 0; margin: 2px 0; font-size: 12px; }
#profile-panel .muted { font-size: 11px; margin: 2px 0 0; }
/* 个人中心头像后: 会员标签+到期时间 */
.member-vip { display: inline-flex; align-items: center; gap: 6px; margin-left: 2px; min-width: 0; }
.member-vip b {
  flex-shrink: 0; font-weight: normal; font-size: 12px; color: #fff;
  background: rgba(255, 255, 255, 0.22); border: 1px solid rgba(255, 255, 255, 0.55);
  padding: 2px 8px; border-radius: 10px; white-space: nowrap;
}
.member-vip time { font-size: 11px; color: rgba(255, 255, 255, 0.9); white-space: nowrap; }
@media (max-width: 640px) {
  /* 顶栏: 小屏隐藏两侧官网地址文字, 避免挤压溢出 */
  .topbar .logo .logo-sub { display: none; }
  .topbar .logo { white-space: nowrap; }

  /* 首页彩种圆形导航: 均分不溢出 */
  .quick-nav { gap: 4px; width: calc(100% - 16px); }
  .quick-item { width: auto; flex: 1; min-width: 0; }
  .quick-icon { width: 46px; height: 46px; font-size: 13px; }
  .quick-label { font-size: 12px; }

  /* 开奖号码球缩小 */
  .hall-balls { gap: 8px; }
  .ball { width: 42px; height: 42px; font-size: 21px; }

  /* 表格: 小屏横向滑动查看, 不撑开页面 */
  .hall-table, .wd-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }

  /* 弹窗: 减小边距, 保证窄屏不溢出; 内容高时底部弹出可滚动 */
  .modal-mask { padding: 14px; align-items: flex-end; overflow-y: auto; }
  .modal-card { max-width: 100%; border-radius: 14px 14px 0 0; margin: auto 0; }
  .pay-card { max-width: 100%; }
  .pay-qr { width: 180px; height: 180px; }

  /* 面板/字号微调 */
  .panel { padding: 12px; }
  .container { padding: 8px; }
  .amount-chip { min-width: 56px; font-size: 14px; padding: 8px 0; }

  /* 用户中心资料区 */
  .pf-blocks { flex-direction: column; gap: 0; }
  .pf-blocks .pf-block { border-bottom: 1px solid #f0f0f0; }
  .pf-row { flex-direction: row; }
  .pf-avatar-box { flex-direction: row; }
}

/* ==================== 商户端 ==================== */
.page-title { font-size: 20px; font-weight: bold; margin: 16px 0 6px; }
.page-sub { color: #888; font-size: 13px; margin-bottom: 16px; }
.status-box { border-radius: 8px; padding: 16px; margin-bottom: 16px; font-size: 14px; line-height: 1.8; }
.status-box.ok { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
.status-box.warn { background: #fff8e1; color: #f57f17; border: 1px solid #ffe082; }
.status-box.err { background: #ffebee; color: #c62828; border: 1px solid #ffcdd2; }
.status-box a { color: #1565c0; text-decoration: underline; }

.apply-form, .post-form { background: #fff; border-radius: 8px; padding: 16px; }
.form-row { margin-bottom: 16px; }
.form-row label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 6px; }
.form-row .req { color: #c62828; }
.form-row .label-tip { display: block; font-size: 12px; font-weight: normal; color: #c62828; margin-top: 2px; }
.form-row input[type="text"], .form-row input[type="number"],
.form-row textarea, .form-row select {
  width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px;
  font-size: 14px; font-family: inherit;
}
.form-row textarea { resize: vertical; }
.form-row small { display: block; color: #999; font-size: 12px; margin-top: 4px; }
.form-tip { color: #999; font-size: 12px; margin-top: 8px; text-align: center; }
.rule-hint { color: #1565c0; }
.form-actions { display: flex; gap: 10px; margin-top: 20px; }

.empty-state { text-align: center; padding: 40px 16px; color: #999; }
.empty-state p { margin-bottom: 16px; }

.btn { display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 20px; border-radius: 6px; border: 1px solid #ddd; background: #fff;
  font-size: 14px; cursor: pointer; color: #333; }
.btn.primary { background: #c62828; color: #fff; border-color: #c62828; }
.btn.danger { background: #fff; color: #c62828; border-color: #ffcdd2; }
.btn.small { padding: 4px 12px; font-size: 12px; }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }

.merchant-info { display: flex; align-items: center; gap: 12px; background: #fff;
  border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.m-avatar { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #c62828; }
.m-meta { flex: 1; }
.m-name { font-size: 17px; font-weight: bold; }
.m-stats { font-size: 12px; color: #888; margin-top: 4px; }

/* 专栏设置(发布预测旁, 独立一行) */
.column-settings-box { background: #fff; border-radius: 8px; padding: 10px 16px; margin-bottom: 16px; }
.column-settings-box form { margin: 0; }
.column-settings-title { font-size: 14px; font-weight: bold; color: #333; white-space: nowrap; }
.column-settings-fields { display: flex; gap: 8px; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.column-settings-fields input { flex: 1 1 180px; min-width: 0; padding: 7px 10px;
  border: 1px solid #ddd; border-radius: 6px; font-size: 13px; }
.column-settings-fields .btn { flex: 0 0 auto; white-space: nowrap; }
.column-price-wrap { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px;
  font-size: 13px; color: #555; white-space: nowrap; }
.column-price-wrap input { flex: 0 0 80px; width: 80px; padding: 7px 8px; }

.section-title { font-size: 16px; font-weight: bold; margin: 20px 0 10px; }
.m-post-list { list-style: none; }
.m-post-item { background: #fff; border-radius: 8px; padding: 12px; margin-bottom: 10px; }
.m-post-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.m-post-title { font-weight: bold; font-size: 15px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-result { font-size: 12px; padding: 2px 8px; border-radius: 4px; white-space: nowrap; }
.m-result-pending { background: #fff3e0; color: #ef6c00; }
.m-result-hit { background: #e8f5e9; color: #2e7d32; }
.m-result-miss { background: #ffebee; color: #c62828; }
.m-post-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: #888; margin: 8px 0; }
.m-post-actions { display: flex; gap: 8px; }

/* 商户标签页 */
.m-tabs { display: flex; background: #fff; border-radius: 8px; padding: 4px; margin-bottom: 16px; gap: 4px; }
.m-tab { flex: 1; padding: 10px; border: none; background: transparent; border-radius: 6px;
  font-size: 14px; color: #666; cursor: pointer; font-weight: bold; }
.m-tab.active { background: #c62828; color: #fff; }
.m-panel { display: none; }
.m-panel.active { display: block; }

/* 统计卡片 */
.stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.stat-card { background: #fff; border-radius: 8px; padding: 16px 10px; text-align: center; }
.stat-card .stat-num { font-size: 22px; font-weight: bold; color: #333; }
.stat-card .stat-label { font-size: 12px; color: #888; margin-top: 4px; }
.stat-card.hit .stat-num { color: #2e7d32; }
.stat-card.miss .stat-num { color: #c62828; }
.stat-card.pending .stat-num { color: #f57c00; }
.stat-card.revenue .stat-num { color: #c62828; }
.stat-row { background: #fff; border-radius: 8px; padding: 12px 16px; }
.stat-line { display: flex; justify-content: space-between; padding: 8px 0;
  border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.stat-line:last-child { border-bottom: none; }
.stat-line b { color: #c62828; }

/* 近15期滑动窗口战绩 */
.stat-row.window-stats { display: flex; flex-wrap: wrap; gap: 0 16px; margin-top: 10px; }
.stat-row.window-stats .stat-line { flex: 0 1 auto; justify-content: flex-start;
  gap: 4px; border-bottom: none; padding: 6px 0; margin-right: 10px; }
.window-stats { font-size: 14px; line-height: 2; }
.window-stat-item { display: inline-block; margin-right: 14px; }
.window-stat-item b { font-size: 16px; }

/* 帖子筛选 */
.m-post-filter { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.m-post-filter select { padding: 6px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 13px; }

/* 表单分区标题 */
.form-section-title { font-size: 15px; font-weight: bold; color: #c62828; margin: 20px 0 10px;
  padding-left: 8px; border-left: 3px solid #c62828; }

/* 商户提现模块 */
.withdraw-box { background: #fff; border-radius: 8px; padding: 16px; margin-top: 16px; }
.withdraw-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.withdraw-title { font-size: 15px; color: #333; }
.withdraw-title b { color: #c62828; font-size: 18px; }
.withdraw-form-box { border-top: 1px solid #f0f0f0; padding-top: 16px; }
.section-title { font-size: 16px; font-weight: bold; margin: 20px 0 10px; color: #333; }
.wd-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wd-table th, .wd-table td { padding: 8px; text-align: left; border-bottom: 1px solid #f0f0f0; }
.wd-table th { background: #fafafa; color: #666; font-weight: normal; }
/* 商户订单表: 金额列(应付/实付/赠送彩金/真实收入)右对齐、等宽数字, 竖排整齐 */
.orders-table th:nth-child(5), .orders-table th:nth-child(6),
.orders-table th:nth-child(7), .orders-table th:nth-child(8),
.orders-table td:nth-child(5), .orders-table td:nth-child(6),
.orders-table td:nth-child(7), .orders-table td:nth-child(8) {
  text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums;
}
.orders-table td.col-gift { color: #f57c00; }
.orders-table td.col-cash { color: #2e7d32; font-weight: bold; }
.orders-table td.col-remark { color: #f57c00; font-size: 12px; text-align: left; white-space: normal; }
.order-summary { padding: 10px 12px; background: #fff8f0; border-radius: 6px; margin-bottom: 10px; font-size: 14px; }
.order-summary b { color: #c62828; }



.alert { padding: 12px 16px; border-radius: 6px; margin: 12px 0; font-size: 14px; }
.alert-error { background: #fff5f5; border: 1px solid #ffcdd2; color: #c62828; }

.prev-post-block { border-left: 4px solid #2e7d32; margin-top: 16px; }
.prev-post-title { font-size: 16px; color: #2e7d32; margin: 0 0 10px; }
.post-answer { background: #f1f8e9; padding: 8px 12px; border-radius: 6px; font-size: 15px; }

.history-item { padding: 10px 0; border-bottom: 1px dashed #eee; }
.history-item:last-child { border-bottom: none; }
.history-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.history-title { font-weight: 600; color: #333; text-decoration: none; }
.history-title:hover { color: #2e7d32; }