/* 渠道商入驻页专属样式：深紫 + 深蓝主题（Hero 深紫→深蓝，主体深蓝 + 青高亮）。
   变量限定在 main 内，避免污染公共导航/Footer（它们沿用 landing-pages.css 的公共蓝）。 */
.channel-join-page main { --page-accent: #1e3a8a; --page-accent-2: #0ab5e4; --page-ink: #0f172a; }
.lp-marketing-page { background: #f6f9fd; }
.lp-marketing-page .lp-hero { color: #fff; background: radial-gradient(ellipse at 82% 24%, rgba(147, 51, 234, .48), transparent 42%), radial-gradient(ellipse at 18% 76%, rgba(59, 130, 246, .42), transparent 44%), linear-gradient(135deg, #09143f, #14265f 58%, #35126b); }
.lp-marketing-page .lp-hero-grid { grid-template-columns: minmax(0, 1fr) 380px; gap: 16px; }
.channel-join-page .lp-hero[data-watermark]::after { left: 57%; }
.lp-marketing-page .lp-lead { max-width: none; color: #dbe4ff; font-size: 20px; line-height: 1.9; }
.lp-marketing-page .lp-proof { color: #cbd5ff; }
.lp-marketing-page .lp-eyebrow { color: #ddd6fe; border-color: rgba(167, 139, 250, .4); background: rgba(109, 40, 217, .18); }
.lp-marketing-page .lp-btn-light { color: #1e3a8a; border-color: rgba(30, 58, 138, .24); background: #fff; }
.lp-marketing-page .lp-btn-light:hover { color: #fff; border-color: #1e3a8a; background: #1e3a8a; }
.lp-marketing-page .lp-hero-panel { border: 1px solid rgba(196, 181, 253, .72); background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(239, 246, 255, .78)); box-shadow: inset 0 0 0 1px rgba(96, 165, 250, .32), 0 0 0 5px rgba(167, 139, 250, .08), 0 20px 52px rgba(9, 20, 63, .28); backdrop-filter: blur(14px); }
.lp-marketing-page .lp-panel-head { margin-bottom: 0; border-color: rgba(30, 58, 138, .1); }
.lp-marketing-page .lp-panel-head strong { color: #000; }
.lp-marketing-page .lp-badge { color: #fff; border-color: rgba(30, 58, 138, .3); background: linear-gradient(135deg, #1e3a8a, #0ab5e4); box-shadow: 0 6px 16px rgba(30, 58, 138, .2); }
.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(30, 58, 138, .1); border-radius: 13px; background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(239, 246, 255, .82)); box-shadow: 0 5px 14px rgba(30, 58, 138, .055); }
.settlement-person { overflow: hidden; color: #172033; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.settlement-amount { color: #0369a1; font-size: 15px; font-weight: 900; white-space: nowrap; }
.settlement-note { margin: 14px 0 0; color: #94a3b8; font-size: 12px; line-height: 1.6; }
@keyframes settlement-scroll { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .settlement-track { animation-play-state: paused; } }
.lp-marketing-page .lp-gradient-text { color: transparent; background: linear-gradient(90deg, #c4b5fd, #60a5fa, #67e8f9); -webkit-background-clip: text; background-clip: text; }
.lp-marketing-page .lp-section-head h2 { color: transparent; background: linear-gradient(90deg, #1e3a8a, #2563eb, #0ab5e4); -webkit-background-clip: text; background-clip: text; }
.lp-marketing-page .lp-section-white { background: #fff; }
.lp-marketing-page .lp-card, .lp-marketing-page .lp-step { border-color: rgba(30, 58, 138, .14); background: radial-gradient(circle at 92% 8%, rgba(10, 181, 228, .08), transparent 36%), rgba(255, 255, 255, .96); box-shadow: 0 10px 32px rgba(30, 58, 138, .07); }
.lp-marketing-page .lp-card:hover, .lp-marketing-page .lp-step:hover { border-color: rgba(10, 181, 228, .42); box-shadow: 0 18px 44px rgba(30, 58, 138, .13); }
.lp-marketing-page .lp-card-icon { color: #fff; background: linear-gradient(135deg, #1e3a8a, #0ab5e4); box-shadow: 0 8px 20px rgba(30, 58, 138, .18); }
.lp-marketing-page .lp-revenue { border: 1px solid rgba(10, 181, 228, .32); background: linear-gradient(135deg, #0f347f, #1e3a8a 58%, #0ea5e9); box-shadow: 0 18px 44px rgba(30, 58, 138, .18); }
.lp-marketing-page .lp-revenue small, .lp-marketing-page .lp-revenue b { color: #fff; }
.lp-marketing-page .lp-revenue p { color: #dbeafe; }
.lp-marketing-page .lp-cta { background: radial-gradient(circle at 88% 18%, rgba(14, 165, 233, .42), transparent 32%), linear-gradient(125deg, #0f347f, #1e3a8a 62%, #2563eb); box-shadow: 0 22px 54px rgba(30, 58, 138, .2); }
@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; } }