/* ===== 游戏设置弹窗 ===== */
.settings-modal-overlay {
  position: fixed !important; top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  background: rgba(20, 10, 5, 0.55) !important;
  z-index: 9999 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.settings-modal {
  width: 420px !important; max-width: 92vw !important;
  background: linear-gradient(180deg, #f5ecd7 0%, #e9dcc0 100%) !important;
  border: 2px solid #8b6914 !important; border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), inset 0 0 40px rgba(139,105,20,0.08) !important;
  overflow: hidden !important;
  font-family: 'ZCOOL XiaoWei', 'Ma Shan Zheng', serif !important;
}
.settings-title {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  padding: 12px 18px !important;
  background: linear-gradient(90deg, #8b6914, #a8842a) !important;
  color: #fff !important; font-size: 17px !important; letter-spacing: 2px !important;
  border-bottom: 2px solid #6b4e10 !important;
}
.settings-close {
  background: none !important; border: none !important; color: #fff !important;
  font-size: 20px !important; cursor: pointer !important; line-height: 1 !important;
  padding: 0 4px !important;
}
.settings-close:hover { color: #ffd9a0 !important; }
.settings-body { padding: 8px 18px 12px !important; }
.settings-footer {
  padding: 12px 18px !important; text-align: right !important;
  border-top: 1px solid rgba(139,105,60,0.3) !important;
}
.settings-footer-btn {
  padding: 7px 26px !important; font-size: 15px !important;
  background: linear-gradient(180deg, #a8842a, #8b6914) !important;
  color: #fff !important; border: 1px solid #6b4e10 !important; border-radius: 8px !important;
  cursor: pointer !important; letter-spacing: 2px !important;
}
.settings-footer-btn:hover { background: linear-gradient(180deg, #b8953a, #9a7a1e) !important; }

/* ===== 底部卷轴两行布局（自适应修复，防止技能/物品按钮溢出重叠） ===== */
.scroll-bottom-bar {
  flex-wrap: wrap !important;
  align-content: center !important;
}
.scroll-tools {
  order: 10 !important;
}
.scroll-input-row {
  order: 11 !important;
  flex-basis: 100% !important;
  justify-content: flex-end !important;
}
.private-hint-bar {
  order: 9 !important;
  flex-basis: 100% !important;
  justify-content: center !important;
}

/* ===== 切磋增强：段位/战力/战绩样式 ===== */
.pvp-rank {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.pvp-rank-name {
  background: linear-gradient(180deg,#f0c860,#b8860b);
  color: #5a3a0a;
  font-size: 11px;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: 8px;
  border: 1px solid #8b6508;
}
.pvp-rank-score {
  font-size: 10px;
  color: #8b7355;
}
.pvp-power {
  font-size: 11px;
  color: #c23a2b;
  font-weight: 600;
  margin-top: 1px;
}
.pvp-reward-badge {
  display: inline-block;
  margin-left: 8px;
  background: linear-gradient(180deg,#f0d080,#d4a017);
  color: #5a3a0a;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: 8px;
  border: 1px solid #8b6508;
}
.pvp-record {
  margin: 8px 0 4px;
  padding: 6px 10px;
  background: rgba(139,115,85,0.12);
  border: 1px solid rgba(139,115,85,0.4);
  border-radius: 6px;
  font-size: 12px;
  color: #5a4535;
  text-align: center;
}
.op-card-rank {
  display: inline-block;
  margin-left: 4px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 700;
  color: #5a3a0a;
  background: linear-gradient(180deg,#f0c860,#b8860b);
  border: 1px solid #8b6508;
  border-radius: 8px;
  vertical-align: middle;
}
.op-card-pvp {
  color: #8b4513;
  font-size: 10px;
}

/* ===== 切磋段位/战绩徽章 ===== */
.op-card-rank {
  display: inline-block;
  background: linear-gradient(180deg, #b8860b, #8b6508);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 8px;
  border: 1px solid #e8c870;
  box-shadow: 0 0 6px rgba(184,134,11,.4);
  margin-right: 4px;
  vertical-align: middle;
}
.pvp-rank-name {
  display: inline-block;
  background: linear-gradient(180deg, #8b4513, #6b3410);
  color: #ffd700;
  font-size: 12px;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: 9px;
  border: 1px solid #ffd700;
  margin-right: 2px;
}
.pvp-rank-score { color: #c23a2b; font-weight: 700; }
.pvp-power { color: #b8860b; font-weight: 700; }
.pd-pvp { color: #8b4513; font-weight: 700; }
.op-card-pvp { color: #c23a2b !important; font-weight: 700 !important; }