/* AI池子 · 工作流每日免费领取限额（P0：AICHIZI_WORKFLOW_DAILY_FREE_LIMIT_V1_001） */

/* 今日免费额度状态条 */
.wf-quota {
  display: inline-block;
  margin: 12px 0 4px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #f0f7fd;
  border: 1px solid #d3e5f1;
  color: #0e7490;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.wf-quota-owned {
  background: #eefaf2;
  border-color: #cdeede;
  color: #15803d;
}
.wf-quota-claimed {
  background: #fff8e6;
  border-color: #f3dfae;
  color: #a16207;
}
.wf-quota-soft {
  background: #fff4e8;
  border-color: #ffd9b8;
  color: #b45309;
}

/* 主领取按钮：主文案 + 小字 */
.wf-claim-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.35;
  text-decoration: none;
  cursor: pointer;
}
.wf-claim-btn .wf-claim-main {
  font-weight: 800;
}
.wf-claim-btn .wf-claim-sub {
  font-size: 12px;
  font-weight: 500;
  opacity: .92;
}
.wf-claim-btn:disabled {
  opacity: .6;
  cursor: wait;
}

/* 底部吸底 CTA 内的小字 */
.p2-bottom-cta .wf-claim-btn {
  padding: 10px 22px;
}
.wf-claim-error {
  color: #b42318;
  font-size: 13px;
  margin: 8px 0 0;
}

/* 合集购买按钮（¥98 展示） */
.wf-bundle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #FFB400 0%, #FF8A00 100%);
  color: #fff;
  border: 0;
  border-radius: 14px;
  padding: 13px 24px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(255, 138, 0, .28);
  animation: wfl-breathe 1.9s ease-in-out infinite;
}
.wf-bundle-btn:hover { color: #fff; filter: brightness(1.04); }
.wf-cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 14px;
}
@keyframes wfl-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}
@media (prefers-reduced-motion: reduce) {
  .wf-bundle-btn { animation: none; }
}

/* ---------- ¥98 升级弹窗 ---------- */
.wfl-mask {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(15, 23, 42, .55);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .22s ease, visibility .22s ease;
}
.wfl-mask.wfl-open { opacity: 1; visibility: visible; }
.wfl-card {
  position: relative;
  width: 100%;
  max-width: 420px;
  background: #fff;
  border: 1px solid #f1e7d8;
  border-radius: 22px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08), 0 30px 70px rgba(0, 0, 0, .22);
  padding: 30px 26px 26px;
  text-align: center;
  transform: translateY(14px) scale(.985);
  transition: transform .24s ease;
  box-sizing: border-box;
}
.wfl-mask.wfl-open .wfl-card { transform: translateY(0) scale(1); }
.wfl-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f4f2ee;
  color: #5b5b5b;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wfl-close:hover { background: #eae7e1; color: #1f1f1f; }
.wfl-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  padding: 5px 12px;
  border-radius: 999px;
  background: #fff4e0;
  color: #b45309;
  font-size: 12px;
  font-weight: 700;
}
.wfl-title { margin: 0 0 10px; font-size: 21px; line-height: 1.35; font-weight: 800; color: #1f1f1f; }
.wfl-sub { margin: 0 auto 14px; font-size: 14px; line-height: 1.7; color: #5b5b5b; max-width: 340px; }
.wfl-price { margin: 0 0 18px; font-size: 15px; color: #3f3f3f; line-height: 1.6; }
.wfl-price b { color: #1f1f1f; }
.wfl-cny { font-size: 30px; font-weight: 900; color: #e07b00; letter-spacing: -.01em; }
.wfl-actions { display: flex; flex-direction: column; gap: 10px; }
.wfl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border: 0;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}
.wfl-btn-buy {
  background: linear-gradient(135deg, #FFB400 0%, #FF8A00 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(255, 138, 0, .32);
  animation: wfl-breathe 1.9s ease-in-out infinite;
}
.wfl-btn-buy:hover { color: #fff; filter: brightness(1.04); }
.wfl-btn-skip {
  background: #fff;
  color: #55524c;
  border: 1px solid #e2dfd9;
}
.wfl-btn-skip:hover { background: #faf9f7; color: #1f1f1f; }
.wfl-btn-codex {
  background: #ffffff;
  color: #1d4ed8;
  border: 1.5px solid #2563eb;
  flex-direction: column;
  line-height: 1.4;
  padding: 10px 18px;
  min-height: 56px;
}
.wfl-btn-codex:hover { background: #f0f6ff; color: #1e40af; }
.wfl-codex-main { font-size: 15.5px; font-weight: 800; }
.wfl-codex-sub { font-size: 12px; font-weight: 500; color: #6b7280; margin-top: 3px; }
.wfl-later {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  color: #8a877f;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 8px 10px 2px;
  margin: 0;
}
.wfl-later:hover { color: #55524c; text-decoration: underline; }
.wfl-note { margin: 14px 0 0; font-size: 12px; line-height: 1.65; color: #99968f; word-break: break-word; max-width: 340px; margin-left: auto; margin-right: auto; }
@media (max-width: 560px) {
  .wfl-card { padding: 26px 18px 22px; border-radius: 18px; }
  .wfl-title { font-size: 19px; }
  .wfl-btn { min-height: 48px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .wfl-card, .wfl-mask { transition: none; }
  .wfl-btn-buy { animation: none; }
}

/* P0 正式版补充（AICHIZI_WORKFLOW_QUARK_DELIVERY_PRODUCTION_V1_001） */
.wf-quota-usedup {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

/* 工作流 → Codex 升级 CTA：亮黄/金橙渐变 + 轻呼吸 + 深色文字 */
a.btn[data-cxb-kind="install"],
.cxb-ctas a[data-cxb-kind="install"] {
  background: linear-gradient(135deg, #FFB400 0%, #FF8A00 100%);
  color: #1f1f1f;
  border: 0;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(255, 138, 0, .28);
  animation: wfl-breathe 1.9s ease-in-out infinite;
}
a.btn[data-cxb-kind="install"]:hover {
  color: #1f1f1f;
  filter: brightness(1.04);
}
@media (prefers-reduced-motion: reduce) {
  a.btn[data-cxb-kind="install"] { animation: none; }
}

/* G280 双版本选择弹窗 */
.wfv-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; }
.wfv-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 56px;
  border: 1px solid #e2dfd9;
  border-radius: 14px;
  background: #fff;
  font-size: 16px;
  font-weight: 800;
  color: #1f1f1f;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color .15s ease, background .15s ease;
}
.wfv-btn:hover { border-color: #FFB400; background: #fffaf0; }
.wfv-sub { font-size: 12px; font-weight: 500; color: #99968f; }


/* P0 5980 工作流详情页顶部合集购买按钮：橙色高转化、单行优先、移动端可换行 */
.p2-cta-row .wf-bundle-btn,
.wf-cta-actions .wf-bundle-btn {
  position: relative;
  width: 285px;
  height: 54px;
  min-height: 54px;
  background: linear-gradient(135deg, #FF7A00 0%, #FF3D00 100%);
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(255,88,0,.28);
  text-decoration: none;
  white-space: nowrap;
}
.p2-cta-row .wf-bundle-btn::after,
.wf-cta-actions .wf-bundle-btn::after {
  content: "推荐";
  position: absolute;
  top: -8px;
  right: -8px;
  background: #fff3e8;
  color: #ff3d00;
  border: 1px solid #ffd9b8;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 4px 8px;
  box-shadow: 0 4px 10px rgba(255,61,0,.18);
}

.p2-cta-row .wf-bundle-btn {
  flex: 0 0 285px;
  width: 285px;
  min-width: 0;
  max-width: 285px;
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 640px) {
  .p2-cta-row .wf-bundle-btn {
    order: -1;
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: 1 1 auto;
    height: 52px;
    min-height: 52px;
    max-height: 52px;
    white-space: normal;
    line-height: 1.25;
    animation: none !important;
    transform: none !important;
  }
  .p2-info .p2-cta-row {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .p2-info .p2-desc {
    margin-bottom: 0;
  }
  .p2-info .p2-mini-steps {
    margin-bottom: 0;
  }
  .p2-info .p2-cta-row {
    gap: 8px;
  }
}