/*
 * 灵序星图 · hero 泡泡水流背景 + 光标光晕晕开
 *
 * harness 风格：
 *   1) 泡泡水流 —— Canvas 绘制多个大光泡，有机曲线流动 + 相互融合，像水流 / 油彩；
 *   2) 光标光晕 —— 四层辉光 + 双速拖尾，鼠标悬停时从光标处晕开。
 *
 * 浅色适配、不改布局、尊重 prefers-reduced-motion。
 */

/* ===== 1) 泡泡水流：WebGL 流体 shader 层（shader 已自平滑，无需 CSS blur） ===== */
.marketing-page .hero-fluid {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: saturate(1.1);
  opacity: 1;
  will-change: transform;
}

/* ===== 1.5) 卡通宇宙星图：星星节点 + 星座连线 + 四角星（hero-stars.js 绘制） ===== */
.marketing-page .hero-stars {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* ===== 2) 光标光晕：四层辉光 + 双速拖尾 =====
   --render-x / --render-y 快跟（亮核 + 主光）
   --halo-x   / --halo-y   慢追（扩散 + 外晕拖尾） */
.marketing-page .hero-cursor-halo {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  background:
    radial-gradient(circle 140px at var(--render-x, 76%) var(--render-y, 24%), rgba(150, 168, 255, 0.38), transparent 100%),
    radial-gradient(circle 420px at var(--render-x, 76%) var(--render-y, 24%), rgba(79, 104, 238, 0.24), transparent 100%),
    radial-gradient(circle 760px at var(--halo-x, 76%) var(--halo-y, 24%), rgba(69, 184, 167, 0.16), transparent 100%),
    radial-gradient(circle 980px at var(--halo-x, 76%) var(--halo-y, 24%), rgba(130, 110, 255, 0.1), transparent 100%);
}
.marketing-page .hero-band:hover .hero-cursor-halo {
  opacity: 1;
}

/* ===== 3) 后续 section 的高端背景：柔和星云光晕 + 渐变描边 =====
   大面积椭圆光晕模拟宇宙星云（蓝青，有方向性），顶部 1px 渐变描边精致分隔。
   全部用 background/伪元素实现，天然在文字之下。 */
.marketing-page .execution-proof,
.marketing-page .workflow-section,
.marketing-page .usecase-section,
.marketing-page .pricing-section,
.marketing-page .seo-faq-section {
  position: relative;
}
.marketing-page .execution-proof,
.marketing-page .workflow-section,
.marketing-page .seo-faq-section {
  background-image:
    radial-gradient(ellipse 80% 60% at 50% 15%, rgba(98, 120, 255, 0.045), transparent 72%),
    radial-gradient(ellipse 60% 50% at 80% 90%, rgba(25, 185, 177, 0.04), transparent 72%);
  background-size: 100% 100%;
}
.marketing-page .proof-band {
  background-image:
    radial-gradient(ellipse 85% 60% at 18% 6%, rgba(98, 120, 255, 0.07), transparent 58%),
    radial-gradient(ellipse 65% 50% at 88% 92%, rgba(25, 185, 177, 0.06), transparent 55%),
    linear-gradient(100deg, #fff, #f6f9ff 42%, #f4fbfa 75%, #fff);
  background-size: 100% 100%, 100% 100%, auto;
}
.marketing-page .capabilities-section {
  background-image:
    radial-gradient(ellipse 85% 60% at 18% 6%, rgba(98, 120, 255, 0.07), transparent 58%),
    radial-gradient(ellipse 65% 50% at 88% 92%, rgba(25, 185, 177, 0.06), transparent 55%),
    radial-gradient(circle at 12% 18%, rgba(67, 106, 241, 0.08), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(37, 181, 184, 0.08), transparent 24%);
  background-size: 100% 100%, 100% 100%, auto, auto;
  background-color: #fff;
}
.marketing-page .usecase-section {
  background-image:
    radial-gradient(ellipse 85% 60% at 18% 6%, rgba(98, 120, 255, 0.07), transparent 58%),
    radial-gradient(ellipse 65% 50% at 88% 92%, rgba(25, 185, 177, 0.06), transparent 55%),
    linear-gradient(180deg, #f8faff, #fff 42%, #f7fbfb);
  background-size: 100% 100%, 100% 100%, auto;
}
.marketing-page .pricing-section {
  background-image:
    radial-gradient(ellipse 85% 60% at 18% 6%, rgba(98, 120, 255, 0.07), transparent 58%),
    radial-gradient(ellipse 65% 50% at 88% 92%, rgba(25, 185, 177, 0.06), transparent 55%),
    radial-gradient(circle at 50% 0%, rgba(62, 99, 238, 0.08), transparent 32%);
  background-size: 100% 100%, 100% 100%, auto;
  background-color: #f8faff;
}

/* ===== 3.5) 各页连接处渐变过渡（顶部渐入 + 底部渐出，消除分割线） ===== */
/* 浅色 section：顶部/底部渐隐到基准浅色 */
.marketing-page .execution-proof::before,
.marketing-page .workflow-section::before,
.marketing-page .usecase-section::before,
.marketing-page .pricing-section::before,
.marketing-page .seo-faq-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 130px;
  background: linear-gradient(180deg, #f5f7fb 0%, rgba(245, 247, 251, 0) 100%);
  pointer-events: none;
  z-index: 1;
}
.marketing-page .execution-proof::after,
.marketing-page .workflow-section::after,
.marketing-page .usecase-section::after,
.marketing-page .pricing-section::after,
.marketing-page .seo-faq-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 130px;
  background: linear-gradient(0deg, #f5f7fb 0%, rgba(245, 247, 251, 0) 100%);
  pointer-events: none;
  z-index: 1;
}
/* 深色 section：顶部/底部渐隐到浅色（background 追加） */
.marketing-page .security-band,
.marketing-page .cta-band {
  background-image:
    linear-gradient(180deg, #f5f7fb 0%, rgba(245, 247, 251, 0) 160px),
    linear-gradient(0deg, #f5f7fb 0%, rgba(245, 247, 251, 0) 160px) !important;
}

/* ===== 4) 大气主视觉：吉祥物放大 + 光晕增强 + 更深投影 ===== */
.marketing-page .mascot-stage {
  width: min(52vw, 580px) !important;
  top: -68px !important;
  right: -18px !important;
}
.marketing-page .hero-mascot {
  filter: drop-shadow(0 44px 70px rgba(38, 61, 154, 0.32)) !important;
}
.marketing-page .product-glow {
  width: 760px !important;
  height: 680px !important;
  opacity: 0.95 !important;
}

/* ===== 4.5) hero 底部渐隐：星云/星星在底部自然淡出，平滑过渡到第二屏 ===== */
.marketing-page .hero-band::after {
  display: block !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  z-index: 1 !important;
  height: 340px !important;
  background: linear-gradient(180deg, rgba(245, 247, 251, 0) 0%, rgba(245, 247, 251, 0.88) 75%, #f5f7fb 100%) !important;
  pointer-events: none !important;
}

/* ===== 5) 顶栏：浅色融合背景（无收缩收窄动效） ===== */
.marketing-page .site-header {
  background: linear-gradient(180deg, rgba(250, 252, 255, 0.92) 0%, rgba(250, 252, 255, 0.6) 62%, rgba(250, 252, 255, 0) 100%) !important;
  border-bottom: 1px solid rgba(98, 120, 255, 0.07) !important;
  box-shadow: none !important;
}
.marketing-page .site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 12px 32px rgba(28, 42, 72, 0.06) !important;
}

/* ===== 6) AI 角色头像（随机彩色渐变，由 agent-avatars.js 分配） ===== */
.marketing-page .agent-node > i[data-avatar],
.marketing-page .flow-branch i[data-avatar],
.marketing-page .collaboration-agents i[data-avatar],
.marketing-page .console-sidebar button i[data-avatar] {
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(45, 72, 217, 0.22) !important;
}

/* ===== 7) 顶部滚动进度条改成 logo 蓝 ===== */
.marketing-page .scroll-progress span {
  background: #6278ff !important;
}

/* ===== 8) 对比卡重新设计：普通对话 AI 弱化 vs 灵序星图 AI 强化 ===== */
.marketing-page .execution-compare {
  border: none !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: 0 24px 64px rgba(25, 38, 47, 0.12) !important;
  overflow: hidden !important;
}
/* 普通对话 AI：简单浅灰 + 极淡蓝青光晕 */
.marketing-page .compare-basic {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 80% 70% at 15% 15%, rgba(98, 120, 255, 0.05), transparent 60%),
    radial-gradient(ellipse 60% 50% at 85% 90%, rgba(25, 185, 177, 0.04), transparent 60%),
    linear-gradient(135deg, #f6f7f9, #f2f4f8) !important;
  padding: 30px 32px !important;
}
.marketing-page .compare-basic .compare-flow b {
  padding: 11px 16px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  font-size: 12px !important;
}
/* 灵序星图 AI：第一页流体基调（深色星云底 + 蓝青紫粉光晕 + 玻璃节点） */
.marketing-page .compare-agentic {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 90% 80% at 12% 10%, rgba(98, 120, 255, 0.16), transparent 60%),
    radial-gradient(ellipse 70% 60% at 88% 90%, rgba(25, 185, 177, 0.13), transparent 60%),
    radial-gradient(ellipse 45% 45% at 55% 25%, rgba(143, 166, 255, 0.09), transparent 60%),
    linear-gradient(135deg, #f5f8ff, #eef3ff 50%, #eef9f8) !important;
  padding: 30px 32px !important;
}
.marketing-page .compare-agentic header span {
  color: var(--lx-blue) !important;
}
.marketing-page .compare-agentic header em {
  color: rgba(45, 72, 217, 0.6) !important;
}
.marketing-page .compare-agentic ol {
  margin-top: 24px !important;
}
.marketing-page .compare-agentic li {
  text-align: center !important;
  padding-right: 0 !important;
}
.marketing-page .compare-agentic li b {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 auto 10px !important;
  border-radius: 50% !important;
  color: #6278ff !important;
  background: rgba(98, 120, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  font-size: 11px !important;
}
.marketing-page .compare-agentic li span {
  color: #141925 !important;
  font-size: 11px !important;
  margin-top: 0 !important;
}
.marketing-page .compare-agentic li:not(:last-child)::after {
  border-color: rgba(98, 120, 255, 0.4) !important;
}

/* 两张卡丝滑动效：hover 光晕增强 + 节点放大 */
.marketing-page .compare-card {
  transition: filter 400ms cubic-bezier(.4, 0, .2, 1) !important;
}
.marketing-page .compare-card:hover {
  filter: saturate(1.15) brightness(1.02);
}
.marketing-page .compare-basic .compare-flow b,
.marketing-page .compare-agentic li b {
  transition: transform 350ms cubic-bezier(.4, 0, .2, 1), box-shadow 350ms ease !important;
}
.marketing-page .compare-basic:hover .compare-flow b,
.marketing-page .compare-agentic:hover li b {
  transform: scale(1.08);
}

/* 对比卡滑下来入场动效（从上方滑入，第二张延迟） */
.motion-ready [data-reveal="card"] {
  opacity: 0;
  transform: translateY(-44px);
  transition: opacity 700ms ease, transform 850ms cubic-bezier(.16, 1, .3, 1), filter 400ms cubic-bezier(.4, 0, .2, 1) !important;
}
.motion-ready [data-reveal="card"].is-visible {
  opacity: 1;
  transform: translateY(0);
}
.motion-ready .compare-agentic[data-reveal="card"] {
  transition-delay: 130ms !important;
}

/* ===== 9) proof-band 四卡片高级化：渐变图标 + 光晕 + hover 抬起 ===== */
.marketing-page .proof-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid rgba(98, 120, 255, 0.1) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(25, 38, 47, 0.08) !important;
}
.marketing-page .proof-band div {
  position: relative;
  min-height: 160px;
  padding: 32px 28px !important;
  background: #fff;
  border-left: 1px solid rgba(98, 120, 255, 0.08);
  transition: background 400ms ease, transform 400ms cubic-bezier(.4, 0, .2, 1);
}
.marketing-page .proof-band div:first-child {
  border-left: none;
}
.marketing-page .proof-band em {
  display: grid !important;
  place-items: center !important;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(135deg, #6278ff, #19b9b1);
  color: #fff !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 18px rgba(98, 120, 255, 0.28);
  transition: box-shadow 400ms ease;
}
.marketing-page .proof-band b {
  display: block;
  margin-top: 18px;
  color: var(--lx-ink);
  font-size: 16px !important;
}
.marketing-page .proof-band span {
  display: block;
  margin-top: 8px;
  color: var(--lx-muted);
  font-size: 12px !important;
  line-height: 1.7;
}
.marketing-page .proof-band div:hover {
  background: radial-gradient(ellipse 90% 70% at 30% 20%, rgba(98, 120, 255, 0.09), transparent 60%), #fff;
  transform: translateY(-4px);
}
.marketing-page .proof-band div:hover em {
  box-shadow: 0 12px 26px rgba(98, 120, 255, 0.4);
}

/* ===== 10) capability 四卡片高级化 + 字体变大 ===== */
.marketing-page .capability-bento > article {
  border-radius: 14px !important;
  border-color: rgba(98, 120, 255, 0.12) !important;
  background: linear-gradient(135deg, rgba(98, 120, 255, 0.05) 0%, #ffffff 50%, rgba(25, 185, 177, 0.04) 100%) !important;
}
.marketing-page .capability-bento > article:hover {
  border-color: rgba(98, 120, 255, 0.35) !important;
  background: linear-gradient(135deg, rgba(98, 120, 255, 0.1) 0%, #ffffff 50%, rgba(25, 185, 177, 0.08) 100%) !important;
}
.marketing-page .capability-bento .capability-copy h3,
.marketing-page .capability-bento .capability-card > h3 {
  font-size: clamp(26px, 2.2vw, 34px) !important;
}
.marketing-page .capability-bento .capability-copy p,
.marketing-page .capability-bento .capability-card > p {
  font-size: 14px !important;
}

/* ===== 11) 流程图卡片优化 + 连线指向修正 ===== */
/* 卡片：蓝青光晕背景 */
.marketing-page .workflow-visual {
  border-color: rgba(98, 120, 255, 0.12) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(ellipse 90% 80% at 20% 10%, rgba(98, 120, 255, 0.06), transparent 60%),
    radial-gradient(ellipse 70% 60% at 90% 90%, rgba(25, 185, 177, 0.05), transparent 60%),
    #fff !important;
}
/* 协调器节点：蓝青配色 */
.marketing-page .flow-core {
  border-color: rgba(98, 120, 255, 0.25) !important;
  border-bottom-color: #6278ff !important;
  border-radius: 12px !important;
}
.marketing-page .flow-core b {
  color: #141925 !important;
}
/* 分支节点：蓝青配色 */
.marketing-page .flow-branch {
  border-color: rgba(98, 120, 255, 0.14) !important;
  border-radius: 10px !important;
}
.marketing-page .flow-branch > i {
  color: #6278ff !important;
  background: rgba(98, 120, 255, 0.12) !important;
}
.marketing-page .flow-branch b {
  color: #141925 !important;
}
/* 连接线：渐变 + 发光箭头 */
.marketing-page .flow-wire {
  height: 1.5px !important;
  background: linear-gradient(90deg, rgba(98, 120, 255, 0.15), rgba(98, 120, 255, 0.6)) !important;
}
.marketing-page .flow-wire::after {
  width: 7px !important;
  height: 7px !important;
  background: #6278ff !important;
  box-shadow: 0 0 10px rgba(98, 120, 255, 0.7) !important;
}
/* 指向修正：wire-one 箭头移到市场研究端（左端），统一「协调器→分支」 */
.marketing-page .wire-one::after {
  right: auto;
  left: 0;
}

/* ===== 12) 往后 section 统一高级化：usecase / pricing / faq ===== */
/* 卡片：蓝青光晕背景 + hover 增强 */
.marketing-page .usecase-card,
.marketing-page .pricing-card,
.marketing-page .faq-list details {
  border-color: rgba(98, 120, 255, 0.12) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(98, 120, 255, 0.05) 0%, #ffffff 48%, rgba(25, 185, 177, 0.04) 100%) !important;
}
.marketing-page .usecase-card:hover,
.marketing-page .pricing-card:hover,
.marketing-page .faq-list details:hover {
  border-color: rgba(98, 120, 255, 0.3) !important;
  background: linear-gradient(135deg, rgba(98, 120, 255, 0.09) 0%, #ffffff 48%, rgba(25, 185, 177, 0.07) 100%) !important;
}
/* 字体变大一点点 */
.marketing-page .usecase-card h3,
.marketing-page .pricing-card h3,
.marketing-page .faq-list summary {
  font-size: 19px !important;
}
.marketing-page .usecase-card p,
.marketing-page .pricing-card p,
.marketing-page .faq-list p {
  font-size: 14px !important;
}

/* ===== 13) pricing 卡片协调 + featured(专业版)突出 + 价格黑色 ===== */
.marketing-page .pricing-card.featured {
  border-color: #6278ff !important;
  background: linear-gradient(155deg, #eef4ff, #eef3ff 55%, #e8f7f5) !important;
  box-shadow: 0 24px 60px rgba(98, 120, 255, 0.18) !important;
}
.marketing-page .pricing-card.featured .price b {
  color: #000000 !important;
}

/* ===== 14) 卡片高度自适应，不限制死 ===== */
.marketing-page .pricing-card {
  min-height: 0 !important;
}

/* ===== 15) 付费卡去掉圆角缝隙，紧贴成表格 ===== */
.marketing-page .pricing-grid {
  gap: 0 !important;
}
.marketing-page .pricing-card {
  border-radius: 0 !important;
}

/* ===== 16) 有质感的 CTA 按钮（免费开始 / 创建免费工作空间） ===== */
.marketing-page .button.primary,
.marketing-page .cta-band .button.light {
  position: relative;
  overflow: hidden;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(135deg, #6b83ff 0%, #6278ff 35%, #3f55d9 68%, #19b9b1 120%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08),
    0 10px 28px rgba(98, 120, 255, 0.38),
    0 2px 6px rgba(45, 72, 217, 0.22) !important;
  transition: transform 300ms cubic-bezier(.4, 0, .2, 1), box-shadow 300ms ease, filter 300ms ease !important;
}
.marketing-page .button.primary:hover,
.marketing-page .cta-band .button.light:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08),
    0 16px 40px rgba(98, 120, 255, 0.5),
    0 4px 10px rgba(45, 72, 217, 0.3) !important;
}

/* ===== 17) 注册页优化：背景光晕 + 有质感按钮 + 卡片光晕 ===== */
/* 背景：柔和蓝青光晕 */
.auth-page .auth-shell {
  background:
    radial-gradient(ellipse 60% 50% at 6% 4%, rgba(98, 120, 255, 0.08), transparent 55%),
    radial-gradient(ellipse 50% 40% at 96% 92%, rgba(25, 185, 177, 0.06), transparent 55%),
    #f5f7fb !important;
}
/* 创建账户按钮：有质感 */
.auth-page .auth-submit {
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(135deg, #6b83ff 0%, #6278ff 35%, #3f55d9 68%, #19b9b1 120%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08),
    0 10px 28px rgba(98, 120, 255, 0.38),
    0 2px 6px rgba(45, 72, 217, 0.22) !important;
  transition: transform 300ms cubic-bezier(.4, 0, .2, 1), box-shadow 300ms ease, filter 300ms ease !important;
}
.auth-page .auth-submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08),
    0 16px 40px rgba(98, 120, 255, 0.5),
    0 4px 10px rgba(45, 72, 217, 0.3) !important;
}
/* 表单卡片：蓝青光晕 */
.auth-page .auth-panel {
  background:
    radial-gradient(ellipse 90% 80% at 20% 10%, rgba(98, 120, 255, 0.05), transparent 60%),
    rgba(251, 252, 249, 0.92) !important;
  border-color: rgba(98, 120, 255, 0.12) !important;
}
/* 发送验证码按钮：胶囊描边 */
.auth-page .send-code {
  border-radius: 999px !important;
  border-color: #6278ff !important;
  color: #6278ff !important;
}

/* Runtime preview 卡片高级化：玻璃拟态 + 光晕 + 状态点 + 骨架条流动 */
.auth-page .auth-mini-workspace {
  position: relative;
  overflow: hidden;
  border: none !important;
  border-radius: 16px !important;
  background:
    radial-gradient(ellipse 90% 80% at 20% 10%, rgba(98, 120, 255, 0.07), transparent 60%),
    radial-gradient(ellipse 70% 60% at 90% 90%, rgba(25, 185, 177, 0.05), transparent 60%),
    rgba(251, 252, 249, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(15, 25, 45, 0.04),
    inset 0 0 0 1px rgba(98, 120, 255, 0.05),
    0 18px 44px rgba(25, 38, 47, 0.1) !important;
  backdrop-filter: blur(14px);
}
.auth-page .auth-mini-workspace header {
  border-bottom: 1px solid rgba(15, 25, 45, 0.05) !important;
}
.auth-page .auth-mini-workspace header i {
  background: #54c277 !important;
  animation: authPulse 2s ease-in-out infinite;
}
.auth-page .mini-task {
  border: none !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: inset 0 0 0 1px rgba(98, 120, 255, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.auth-page .mini-output span {
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #e8edf5 25%, rgba(98, 120, 255, 0.35) 50%, #e8edf5 75%) !important;
  background-size: 200% 100% !important;
  animation: authShimmer 2.2s linear infinite !important;
}
@keyframes authPulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(84, 194, 119, 0.15); }
  50% { box-shadow: 0 0 0 7px rgba(84, 194, 119, 0.06); }
}
@keyframes authShimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

/* 卡片排版重做：文字与边框留出呼吸间距 */
.auth-page .auth-mini-workspace {
  padding: 22px !important;
}
.auth-page .auth-mini-workspace header {
  padding: 2px 2px 14px !important;
  font-size: 11px !important;
}
.auth-page .mini-task {
  padding: 15px 14px !important;
}
.auth-page .mini-task p {
  font-size: 13px !important;
}
.auth-page .mini-agents {
  margin-top: 14px !important;
  padding: 0 2px !important;
}
.auth-page .mini-output {
  padding: 14px 2px 2px !important;
}

/* 标题+描述左边距增大：离第一张卡片左边框拉开距离 */
.auth-page .auth-story-copy {
  padding-left: 24px !important;
}

/* 创建账户表单：腾讯风格排版优化 */
.auth-page .auth-heading h2 {
  font-size: 28px !important;
}
.auth-page .auth-heading p {
  font-size: 13px !important;
}
.auth-page .auth-form {
  gap: 18px !important;
  margin-top: 26px !important;
}
.auth-page .auth-field > span {
  font-size: 13px !important;
  color: #333a48 !important;
  margin-bottom: 8px !important;
}
.auth-page .auth-field input {
  height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(15, 25, 45, 0.08) !important;
  border-radius: 12px !important;
  background: #f5f7fa !important;
  font-size: 14px !important;
}
.auth-page .auth-field input:focus {
  border-color: #6278ff !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(98, 120, 255, 0.12) !important;
}

/* 密码框与验证码框宽度统一：显示按钮占空间，和发送按钮一致 */
.auth-page .password-input-wrap {
  display: grid;
  grid-template-columns: 1fr 112px;
  gap: 9px;
}
.auth-page .password-input-wrap input {
  width: 100%;
  padding-right: 14px !important;
}
.auth-page .password-toggle {
  position: static;
  transform: none;
  height: 40px;
  border: 1px solid rgba(15, 25, 45, 0.08);
  border-radius: 12px;
  color: #6278ff;
  background: #f5f7fa;
  font-size: 12px;
  font-weight: 600;
}

/* 统一发送和显示按钮的字体、风格、大小 */
.auth-page .send-code,
.auth-page .password-toggle {
  height: 40px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15, 25, 45, 0.08) !important;
  color: #6278ff !important;
  background: #f5f7fa !important;
}

/* 统一输入框字体：都统一成设置密码输入框的字体 */
.auth-page .auth-field input,
.auth-page .auth-field input::placeholder {
  font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: normal !important;
}

/* ===== 降级：减少动效偏好 ===== */
@media (prefers-reduced-motion: reduce) {
  .marketing-page .hero-fluid,
  .marketing-page .hero-stars {
    display: none;
  }
  .marketing-page .hero-cursor-halo {
    display: none;
  }
}