/* 基础布局 */
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 !important;
  /* 保留原生微调箭头：不做 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;}
.lo-order-detail .lottery-ball{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:50%;font-weight:bold;font-size:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);}
.lo-order-detail .red-ball{background:#e74c3c;color:#fff;}
.lo-order-detail .blue-ball{background:#3498db;color:#fff;}
.lo-order-detail .green-ball{background:#2ecc71;color:#fff;}
.lo-order-detail .orange-ball{background:#f39c12;color:#fff;}
.lo-order-detail .keno8-balls .lottery-ball{width:32px;height:32px;font-size:14px;}
.lo-order-detail .doublecolor-balls .lottery-ball{width:36px;height:36px;font-size:16px;}
.lo-order-detail .order-amount,.lo-order-detail .order-bottom{display:none !important;}