/* 分销推广页面专属样式。 */
:root { --page-accent: #03b3ff; --page-accent-2: #f5a623; --page-ink: #172033; }
.lp-marketing-page { background: #f7f9fc; }
.lp-marketing-page .lp-hero {
  color: #fff;
  background: radial-gradient(ellipse at 80% 26%, rgba(125, 211, 252, .5), transparent 42%), radial-gradient(ellipse at 18% 76%, rgba(16, 185, 129, .46), transparent 44%), linear-gradient(135deg, #042f2b, #07545b 58%, #164e76);
}
.lp-marketing-page .lp-hero-grid { grid-template-columns: minmax(0, 1fr) 380px; gap: 16px; }
.promotion-page .lp-hero[data-watermark]::after { left: 57%; }
.lp-marketing-page .lp-lead { max-width: none; color: #d8f3ef; font-size: 20px; line-height: 1.9; }
.lp-marketing-page .lp-proof { color: #c8e9eb; }
.lp-marketing-page .lp-eyebrow { color: #99f6e4; border-color: rgba(45, 212, 191, .36); background: rgba(16, 185, 129, .16); }
.lp-marketing-page .lp-hero-panel {
  border-color: rgba(3, 179, 255, .14);
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 8px 32px rgba(3, 179, 255, .08);
  backdrop-filter: blur(12px);
}
.lp-marketing-page .lp-gradient-text,
.lp-marketing-page .lp-section-head h2 {
  color: transparent;
  background: linear-gradient(90deg, #03b3ff, #79d9ff, #f5a623);
  -webkit-background-clip: text;
  background-clip: text;
}
.lp-marketing-page .lp-btn-primary { background: linear-gradient(135deg, #03b3ff, #61d2ff 62%, #f5a623); box-shadow: 0 6px 22px rgba(3, 179, 255, .22); }
.lp-marketing-page .lp-btn-light { color: #028bc7; border-color: rgba(3, 179, 255, .28); background: #fff; }
.lp-marketing-page .lp-btn-light:hover { color: #fff; border-color: #03b3ff; background: #03b3ff; }
.lp-marketing-page .lp-panel-head { margin-bottom: 0; border-color: rgba(3, 179, 255, .1); }
.lp-marketing-page .lp-panel-head strong { color: #000; }
.lp-marketing-page .lp-badge { color: #028bc7; border-color: rgba(3, 179, 255, .18); background: rgba(3, 179, 255, .08); }
.settlement-window { height: 248px; margin-top: 18px; overflow: hidden; mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent); }
.settlement-track { display: grid; animation: settlement-scroll 42s linear infinite; }
.lp-hero-panel:hover .settlement-track { animation-play-state: paused; }
.settlement-list { display: grid; gap: 10px; padding: 5px 0; }
.settlement-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 52px; padding: 10px 13px; border: 1px solid rgba(3, 179, 255, .13); border-radius: 13px; background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(231, 248, 255, .88)); box-shadow: 0 5px 14px rgba(3, 179, 255, .06); }
.settlement-person { overflow: hidden; color: #172033; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.settlement-amount { color: #028bc7; font-size: 15px; font-weight: 900; white-space: nowrap; }
.settlement-note { margin: 14px 0 0; color: #7a879b; font-size: 12px; line-height: 1.6; }
.lp-marketing-page .lp-section-white { background: #fff; }
.lp-marketing-page .lp-card { border-color: rgba(3, 179, 255, .14); background: radial-gradient(circle at 92% 8%, rgba(3, 179, 255, .08), transparent 36%), rgba(255, 255, 255, .96); box-shadow: 0 8px 32px rgba(3, 179, 255, .07); }
.lp-marketing-page .lp-card:hover { border-color: rgba(3, 179, 255, .4); box-shadow: 0 14px 42px rgba(3, 179, 255, .14); }
.lp-marketing-page .lp-card-icon { color: #fff; background: linear-gradient(135deg, #03b3ff, #74d9ff 68%, #f5a623); box-shadow: 0 8px 20px rgba(3, 179, 255, .2); }
.lp-marketing-page .lp-number { color: #028bc7; }
.lp-marketing-page .lp-revenue {
  border: 1px solid rgba(3, 179, 255, .28);
  background: radial-gradient(circle at 90% 12%, rgba(121, 217, 255, .3), transparent 34%), linear-gradient(135deg, #028bc7, #03b3ff 65%, #36c5ff);
  box-shadow: 0 18px 44px rgba(3, 179, 255, .18);
}
.lp-marketing-page .lp-revenue small,
.lp-marketing-page .lp-revenue b { color: #fff; }
.lp-marketing-page .lp-revenue p { color: #e8f8ff; }
.lp-marketing-page .lp-cta {
  background: radial-gradient(circle at 88% 18%, rgba(245, 166, 35, .48), transparent 34%), linear-gradient(125deg, #028bc7, #03b3ff 64%, #79d9ff);
  box-shadow: 0 22px 54px rgba(3, 179, 255, .2);
}
.lp-marketing-page .lp-cta .lp-btn-light { color: #028bc7; }
.lp-marketing-page .lp-cta .lp-btn-light:hover { color: #fff; }
.lp-marketing-page #commission .lp-legal-note { margin-top: 28px; }
@keyframes settlement-scroll { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .settlement-track { animation-play-state: paused; } }
@media (max-width: 1024px) { .lp-marketing-page .lp-hero-grid { grid-template-columns: 1fr; gap: 36px; } }
@media (max-width: 680px) {
  .lp-marketing-page .lp-lead { font-size: 17px; }
  .settlement-window { height: 224px; }
  .settlement-item { padding-inline: 11px; }
  .settlement-amount { font-size: 14px; }
}