/* 基础布局 */
body { font-family: sans-serif; font-size: 15px; }
.tab-buttons { display: flex; justify-content: space-between; margin-bottom: 20px; }
.tab-button { width: 30%; padding: 10px 20px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; color: #fff; font-size: 18px; background: #009944; }
.tab-button.active { background: #DC3545; font-weight: bold; }

.module-container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; gap: 20px; }
.position-1 { width: 28%; min-width: 200px; display: flex; }
.position-2 { width: 70%; min-width: 300px; display: flex; }
.position-3 { width: 100%; }
.position-4 { width: 100%; margin-bottom: 20px; }

@media screen and (max-width: 768px) {
  .module-container { flex-direction: column; gap: 20px; }
  .position-1, .position-2, .position-3 { width: 100%; }
}

.fl-card { border: 1px solid #ccc; border-radius: 8px; padding: 1rem; width: 100%; text-align: left; background: #fff; display: flex; flex-direction: column; line-height: 2rem; }
.position-1 .fl-card { justify-content: center; }
.hidden { display: none; }

/* 列表 */
.slogans-list,.lo-batches-list,.lo-orders-list{
  list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;
}
.fl-card>h3,.fl-card>.slogan-detail-heading,.fl-card>.lo-box{margin-top:0;margin-bottom:10px;}
.lo-fs18{font-size:18px;line-height:1.6;}

/* Slogan 列表项 */
.slogan-item-btn{
  width:100%;
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;border:1px solid #dfe3e8;background:#fff;border-radius:8px;
  cursor:pointer;text-align:left;
}
.slogan-item-btn:hover{background:#f6f9fc;}
.slogan-item-btn.active{border-color:#2a82e4;box-shadow:0 0 0 2px rgba(42,130,228,.12) inset;}
.slogan-serial{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #cdd6e1;font-weight:700;font-size:12px;}
.slogan-title{flex:1;font-size:14px;color:#111827;}

/* 输入框 + tooltip（用于分享码） */
.lo-input-with-tooltip{position:relative;display:flex;align-items:center;}
.lo-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;flex-grow:1;margin-right:8px;}
.lo-tooltip-icon{display:inline-flex;cursor:help;position:relative;}
.lo-tooltip-icon::after{
  content:attr(data-tooltip);
  position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
  background:#333;color:#fff;padding:8px 12px;border-radius:4px;
  font-size:14px;line-height:1.4;width:300px;max-width:90vw;opacity:0;visibility:hidden;
  transition:opacity .3s,visibility .3s;z-index:1000;text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,.1);pointer-events:none;
}
.lo-tooltip-icon:hover::after{opacity:1;visibility:visible;}

/* position-1 上下间距 */
.module-container>.position-1{margin-top:10px;margin-bottom:10px;}

/* —— Orders 分页：与基线一致（.lsm-pager 套系） —— */
.lsm-pager--orders{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  margin:12px 0 6px;
  font-size:14px;
  color:#4b5563;
}
.lsm-pager--orders .lsm-btn{
  display:inline-flex !important;
  align-items:center;justify-content:center;
  width:28px;height:28px;
  border:none !important;               /* 箭头无边框 */
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  cursor:pointer;
  line-height:1;
}
.lsm-pager--orders .lsm-btn.is-disabled,
.lsm-pager--orders .lsm-btn[aria-disabled="true"]{
  opacity:.4;pointer-events:none;
}
.lsm-pager--orders .lsm-btn:hover{ transform: translateY(-0.5px); }

/* 与基线文案类名一致 */
.lsm-pager--orders .lsm-label,
.lsm-pager--orders .lsm-pager-text{
  display:inline-block !important;
}

/* number 输入框：class 对齐基线 lsm-page-input，并保留原生上下小箭头 */
.lsm-pager--orders .lsm-page-input{
  box-sizing:border-box;
  display:inline-block !important;
  width:56px !important;                /* 小宽输入框 */
  height:28px;
  text-align:center;
  border:1px solid #e5e7eb;border-radius:6px;
  background:#fff;outline:none;
  flex:0 0 auto !留言!;
  /* 保留原生微调箭头：不做 appearance 重置 */
}

/* 订单详情卡片 */
.lo-order-detail{width:100%;max-width:800px;margin:0 auto;}
.lo-order-detail .orders-table{display:flex;flex-direction:column;gap:15px;width:100%;}
.lo-order-detail .lottery-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:15px;transition:transform .3s ease;border:1px solid #eaeaea;}
.lo-order-detail .lottery-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.15);}
.lo-order-detail .order-header{display:flex;flex-direction:column;margin-bottom:12px;padding-bottom:10px;}
.lo-order-detail .header-top{display:flex;justify-content:space-between;margin-bottom:0;}
.lo-order-detail .order-sequence{font-weight:bold;color:#333;font-size:16px;}
.lo-order-detail .order-lottery-type{color:#3498db;font-weight:bold;font-size:16px;}
.lo-order-detail .selections-container{display:flex;flex-direction:column;gap:10px;padding-top:10px;}
.lo-order-detail .selection-item{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #f5f5f5;}
.lo-order-detail .selection-item:last-child{border-bottom:none;}
.lo-order-detail .line-label{font-weight:bold;min-width:80px;color:#333;font-size:14px;}
.lo-order-detail .play-type{background:#f8f9fa;padding:3px 10px;border-radius:4px;font-size:13px;color:#555;border:1px solid #eee;}

/* 数字球容器 */
.lo-order-detail .balls-container{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:5px;
}

/* 数字球：统一尺寸 + 阴影，颜色由 .orange-ball/.green-ball/.red-ball/.blue-ball 控制 */
.lo-order-detail .lottery-ball{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:34px;
  height:34px;
  line-height:34px;
  border-radius:50%;
  font-weight:bold;
  font-size:15px;
  margin:0;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  box-sizing:border-box;
}

/* 颜色方案：与购物车 / DLT 后区保持一致 */
.lo-order-detail .orange-ball{
  background:#FFA500;
  border-color:#FFA500;
  color:#fff;
}
.lo-order-detail .green-ball,
.lo-order-detail .keno-number{
  background:#00B08C;
  border-color:#00B08C;
  color:#fff;
}
.lo-order-detail .red-ball{
  background:#FF2752;
  border-color:#FF2752;
  color:#fff;
}
.lo-order-detail .blue-ball{
  background:#267AFF;
  border-color:#267AFF;
  color:#fff;
}

/* KENO8 / 双色球 专属尺寸微调（可选） */
.lo-order-detail .keno8-balls .lottery-ball{
  width:32px;
  height:32px;
  line-height:32px;
  font-size:14px;
}
.lo-order-detail .doublecolor-balls .lottery-ball{
  width:34px;
  height:34px;
  line-height:34px;
  font-size:15px;
}

/* 未命中号码：灰圈白底灰字（命中保持原色） */
.lo-order-detail .lottery-ball.hx-ball-miss{
  background:#fff !important;
  border-color:#cfcfcf !important;
  color:#9a9a9a !important;
  box-shadow:none !important;
}

/* 隐藏无用的旧字段 */
.lo-order-detail .order-amount,
.lo-order-detail .order-bottom{
  display:none !important;
}