/* theme-eink.css - 汉王 Clear 7 Turbo+ 墨水屏专用高对比度水墨模式 (1680x1264, 300 PPI) */

/* 1. 墨水屏核心：禁用所有过渡、模糊与动画，消除屏幕残影与高频局部刷新 */
body.theme-eink,
body.theme-eink * {
  animation: none !important;
  transition: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.theme-eink {
  background: #ffffff !important;
  color: #000000 !important;
}

/* 顶部栏 */
body.theme-eink header.top-bar {
  background: #ffffff !important;
  border-bottom: 2px solid #000000 !important;
  color: #000000 !important;
}

body.theme-eink .game-multiplier {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  font-weight: 800 !important;
}

/* 墨水屏按钮：高对比度、大热区 (适合汉王 7 英寸触控) */
body.theme-eink button {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  font-weight: 800 !important;
  border-radius: 4px !important;
  font-size: 0.95rem !important;
  min-height: 42px !important;
  padding: 6px 16px !important;
}

body.theme-eink button:active {
  background: #000000 !important;
  color: #ffffff !important;
}

body.theme-eink .btn-primary {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #000000 !important;
}

body.theme-eink .btn-primary:active {
  background: #ffffff !important;
  color: #000000 !important;
}

body.theme-eink .btn-secondary {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

body.theme-eink .btn-info {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px dashed #000000 !important;
}

/* 玩家信息框 */
body.theme-eink .player-card-box {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  border-radius: 6px !important;
}

body.theme-eink .player-card-count {
  color: #000000 !important;
  font-weight: 700 !important;
}

body.theme-eink .role-landlord {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

body.theme-eink .role-peasant {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

body.theme-eink .turn-indicator {
  background: #000000 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* 思考与发言气泡 */
body.theme-eink .speech-bubble {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  font-weight: 700 !important;
}

body.theme-eink .speech-bubble::before {
  border-bottom: 6px solid #000000 !important;
}

/* 底牌展示框 */
body.theme-eink .bottom-cards-wrapper {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
}

body.theme-eink .bottom-label {
  color: #000000 !important;
  font-weight: 800 !important;
}

/* 扑克牌墨水屏高对比度特殊设计 */
body.theme-eink .poker-card {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

/* 选中状态：在墨水屏上加宽加黑双重实线边框，且卡牌上升 */
body.theme-eink .poker-card.selected {
  border: 4px solid #000000 !important;
  transform: translateY(-16px) !important;
  background: #f1f5f9 !important;
}

/* 在黑白屏幕上区分红黑花色：
   - 黑桃 ♠ / 梅花 ♣：纯黑实心
   - 红桃 ♥ / 方块 ♦：使用带粗边框的清晰标示，增加双重下划线与标注
*/
body.theme-eink .poker-card.card-red {
  color: #000000 !important;
}

body.theme-eink .poker-card.card-red .card-val {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

body.theme-eink .poker-card.card-black .card-val {
  font-weight: 900;
}

body.theme-eink .poker-card.card-joker {
  background: #ffffff !important;
  border: 3px double #000000 !important;
}

body.theme-eink .card-back {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}

/* 不出 PASS 标签 */
body.theme-eink .pass-tag {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  font-weight: 900 !important;
}

/* 记牌器 */
body.theme-eink .card-tracker-panel {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}

body.theme-eink .tracker-header {
  color: #000000 !important;
  border-bottom: 2px solid #000000 !important;
}

body.theme-eink .tracker-item {
  background: #ffffff !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
}

body.theme-eink .tracker-item.tracker-zero {
  opacity: 0.3 !important;
  text-decoration: line-through;
}

body.theme-eink .tracker-count {
  color: #000000 !important;
  font-weight: 900 !important;
}

/* 日志面板 */
body.theme-eink .game-log-panel {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}

body.theme-eink .log-title {
  color: #000000 !important;
}

body.theme-eink .log-box {
  color: #000000 !important;
}

/* 模态框 */
body.theme-eink .modal-card {
  background: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #000000 !important;
}

body.theme-eink .modal-header {
  border-bottom: 2px solid #000000 !important;
}

body.theme-eink .settings-box {
  background: #ffffff !important;
  border: 1px solid #000000 !important;
}

body.theme-eink .settings-box h4 {
  color: #000000 !important;
}

body.theme-eink .field-group label {
  color: #000000 !important;
}

body.theme-eink .field-group input,
body.theme-eink .field-group select,
body.theme-eink .field-group textarea {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

body.theme-eink .btn-preset {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

/* 提示 Toast */
body.theme-eink .toast-container {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* 墨水屏开局横幅与测试按钮 */
body.theme-eink .start-game-banner {
  background: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #000000 !important;
}

body.theme-eink .banner-title {
  color: #000000 !important;
}

body.theme-eink .banner-desc {
  color: #000000 !important;
}

body.theme-eink .btn-test-conn {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

body.theme-eink .test-result-box {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

body.theme-eink .auth-card {
  background: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #000000 !important;
}

body.theme-eink .auth-error {
  color: #000000 !important;
  font-weight: 800 !important;
}


/* 适配汉王 Clear 7 Turbo+ (1680x1264 分辨率与竖屏/横屏模式) */
@media screen and (max-width: 1264px) {
  main.game-table {
    grid-template-columns: 180px 1fr 180px;
  }
  .poker-card {
    width: 64px;
    height: 94px;
    margin-left: -32px;
  }
}

/* 汉王竖屏模式 (1264 x 1680) */
@media screen and (max-aspect-ratio: 1/1) {
  main.game-table {
    grid-template-rows: auto auto 1fr auto;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "top top"
      "left right"
      "center center"
      "bottom bottom";
  }

  .table-left, .table-right {
    padding: 4px;
  }

  .poker-card {
    width: 62px;
    height: 90px;
    margin-left: -34px;
  }
}