/* ============================================================
   S3 批次整改（商业化 密钥/签到/奖励/推广）独立样式
   主题：浅蓝白；禁止紫色、大块深色
   ============================================================ */

/* ---------- 通用：演示版 / 规划中 小标签 ---------- */
.qa3-demo-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #3D6FB4;
  background: #f7f9fc;
  border: 1px solid #C9DCF3;
  border-radius: 999px;
  padding: 2px 9px;
  margin-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ---------- 签到/任务：奖励频率速览卡 ---------- */
.qa3-freq {
  background: #FFFFFF;
  border: 1px solid #DCE7F5;
  border-radius: 16px;
  padding: 18px 20px;
  margin-bottom: 16px;
  box-shadow: 0 4px 16px rgba(29, 33, 41, .06);
}
.qa3-freq-t {
  font-size: 16px;
  font-weight: 700;
  color: #1d2129;
  margin-bottom: 4px;
}
.qa3-freq-d {
  font-size: 13px;
  color: #909399;
  margin-bottom: 14px;
  line-height: 1.7;
}
.qa3-freq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.qa3-freq-col {
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.8;
}
.qa3-freq-col h5 {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 6px;
}
.qa3-freq-col.every { background: #F0F7FF; border: 1px solid #D6E6F8; }
.qa3-freq-col.every h5 { color: #2E6BB0; }
.qa3-freq-col.once  { background: #F4F9F5; border: 1px solid #D5E8DB; }
.qa3-freq-col.once h5  { color: #2E7D4F; }
.qa3-freq-col.streak{ background: #FDF8EE; border: 1px solid #F0E0B8; }
.qa3-freq-col.streak h5{ color: #ff7d00; }
.qa3-freq-col b { color: #1d2129; }
.qa3-freq-warn {
  margin-top: 12px;
  font-size: 13px;
  color: #ff7d00;
  background: #FFF7E8;
  border: 1px solid #F0E0B8;
  border-radius: 12px;
  padding: 9px 12px;
  line-height: 1.8;
}
.qa3-freq-warn b { color: #7A5A1E; }

@media (max-width: 640px) {
  .qa3-freq-grid { grid-template-columns: 1fr; }
  .qa3-freq { padding: 14px 14px; }
  /* 签到日历：子项允许收缩，修复最右一列被裁切 */
  .fx5-cell { min-width: 0; }
  #fx5Cal, .fx5-cal-head { width: 100%; box-sizing: border-box; }
  /* promote 页专属码条：窄屏允许换行，标签不再竖排 */
  .code-box { flex-wrap: wrap; }
  .code-box .rate { width: 100%; }
}

/* ---------- 密钥页：顶部说明条 + 状态总览 ---------- */
.qa3-keys-intro {
  background: linear-gradient(135deg, #FFFFFF 0%, #ECF4FD 100%);
  border: 1px solid #dcdfe6;
  border-radius: 12px;
  padding: 14px 18px;
  margin: 14px 0 16px;
  font-size: 13px;
  color: #3E557A;
  line-height: 1.8;
}
.qa3-keys-intro b { color: #1d2129; }
.qa3-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
}
.qa3-status-row .qa3-s-chip {
  flex: 1;
  min-width: 150px;
  background: #FFFFFF;
  border: 1px solid #dcdfe6;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 13px;
  color: #606266;
}
.qa3-status-row .qa3-s-chip b {
  display: block;
  font-size: 20px;
  color: #1d2129;
  margin-top: 2px;
}
.qa3-status-row .qa3-s-chip.ok b { color: #2E7D4F; }
.qa3-status-row .qa3-s-chip.warn b { color: #B26A00; }

/* 密钥录入卡：按钮收敛（主操作 1 个 + 更多操作折叠） */
.qa3-more-actions { margin-top: 10px; }
.qa3-more-actions summary {
  cursor: pointer;
  font-size: 13px;
  color: #1d2129;
  user-select: none;
  list-style: none;
}
.qa3-more-actions summary::-webkit-details-marker { display: none; }
.qa3-more-actions summary::before { content: "▸ "; }
.qa3-more-actions[open] summary::before { content: "▾ "; }
.qa3-more-actions .qa3-more-inner {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* 密钥页移动端适配 */
@media (max-width: 760px) {
  .qa3-status-row .qa3-s-chip { min-width: calc(50% - 5px); }
  .qa3-keys-intro { padding: 12px 14px; font-size: 13px; }
  /* 密钥分组表在窄屏允许横向滚动 */
  /* 密钥页移动端：w2 平台清单栅格收敛（共享 css 不改，此处覆盖） */
  .w2-primary-row { grid-template-columns: 1fr; }
  #w2PlatStatusRow { grid-template-columns: repeat(2, 1fr); }
  #klist { grid-template-columns: 1fr !important; }
  /* i6 密钥分组表：720px 宽表在容器内部横向滚动，页面本体不溢出 */
  .i6-tblwrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .i6-tbl { min-width: 720px; }
  /* p0a 预算汇总三列：允许轨道收缩，消除 6px 微溢出 */
  .p0a-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p0a-sum-cell { min-width: 0; }
}

/* ---------- 推广页：每单佣金速览卡 ---------- */
.qa3-comm-rule {
  background: #F0F7FF;
  border: 1px solid #D3E2F6;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 2;
  color: #3A4A60;
  margin-bottom: 16px;
}
.qa3-comm-rule b { color: #2E6BB0; }
.qa3-comm-rule .qa3-cr-t {
  font-size: 14px;
  font-weight: 700;
  color: #1d2129;
  margin-bottom: 4px;
}

/* ---------- 推广页：专属码说明一句话 ---------- */
.qa3-code-hint {
  font-size: 13px;
  color: #606266;
  line-height: 1.8;
  margin: 6px 0 0;
}
.qa3-code-hint b { color: #2E6BB0; }