/* 聚惠学落地页 · 高冲击色彩主题 */
.huixue-page {
  --hx-gold: #ffc107;
  --hx-orange: #ff6b00;
  --hx-coral: #ff3366;
  --hx-purple: #7c3aed;
  --hx-indigo: #6366f1;
  --hx-teal: #14b8a6;
  --hx-rose: #f43f5e;
  --hx-amber: #f59e0b;
}

@keyframes huixue-hero-gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes huixue-title-shimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* ---- Hero ---- */
.huixue-hero-banner {
  background: linear-gradient(
    125deg,
    #1e0a3c 0%,
    #5b21b6 18%,
    #be185d 42%,
    #ea580c 68%,
    #fbbf24 100%
  );
  background-size: 220% 220%;
  animation: huixue-hero-gradient 14s ease infinite;
}

.huixue-orb-1 {
  background: radial-gradient(circle at 30% 30%, rgba(255, 193, 7, 0.55), rgba(255, 107, 0, 0.08));
}

.huixue-orb-2 {
  background: radial-gradient(circle at 30% 30%, rgba(236, 72, 153, 0.5), rgba(124, 58, 237, 0.06));
}

.huixue-orb-3 {
  background: radial-gradient(circle at 30% 30%, rgba(99, 102, 241, 0.45), rgba(20, 184, 166, 0.06));
}

.huixue-float-tag-1 {
  color: #fff;
  background: linear-gradient(135deg, #ff6b00, #ff3366);
  border: none;
  box-shadow: 0 8px 28px rgba(255, 51, 102, 0.35);
}

.huixue-float-tag-2 {
  color: #fff;
  background: linear-gradient(135deg, #7c3aed, #6366f1);
  border: none;
  box-shadow: 0 8px 28px rgba(99, 102, 241, 0.35);
}

.huixue-float-tag-3 {
  color: #fff;
  background: linear-gradient(135deg, #059669, #14b8a6);
  border: none;
  box-shadow: 0 8px 28px rgba(20, 184, 166, 0.35);
}

.huixue-hero-badge {
  color: #fff;
  background: linear-gradient(135deg, rgba(255, 107, 0, 0.9), rgba(255, 51, 102, 0.9));
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 20px rgba(255, 107, 0, 0.4);
}

.huixue-hero-title {
  color: #fff;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
}

.huixue-hero-highlight {
  display: inline-block;
  background: linear-gradient(90deg, #ffe082, #ffc107, #ff9100, #ffe082);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: huixue-title-shimmer 4s ease infinite;
}

.huixue-hero-subtitle {
  color: rgba(255, 255, 255, 0.88);
}

.huixue-stat:nth-child(1) .huixue-stat-num {
  color: #ffe082;
  text-shadow: 0 0 20px rgba(255, 224, 130, 0.5);
}

.huixue-stat:nth-child(2) .huixue-stat-num {
  color: #fda4af;
  text-shadow: 0 0 20px rgba(253, 164, 175, 0.45);
}

.huixue-stat:nth-child(3) .huixue-stat-num {
  color: #67e8f9;
  text-shadow: 0 0 20px rgba(103, 232, 249, 0.45);
}

.huixue-stat-label {
  color: rgba(255, 255, 255, 0.72);
}

.huixue-hero-btn-primary {
  background: linear-gradient(135deg, #ff9100 0%, #ff3366 100%);
  box-shadow: 0 8px 28px rgba(255, 51, 102, 0.45);
}

.huixue-hero-btn-primary:hover {
  box-shadow: 0 12px 36px rgba(255, 51, 102, 0.55);
}

.huixue-hero-link {
  color: #ffe082;
  text-decoration-color: rgba(255, 224, 130, 0.5);
}

.huixue-hero-link:hover {
  color: #fff;
}

/* ---- Sections ---- */
.huixue-section-title {
  background: linear-gradient(90deg, #5b21b6 0%, #ea580c 55%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.huixue-section-plans {
  background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 45%, #fff7ed 100%);
}

.huixue-section[id="huixue-benefits"] {
  background: linear-gradient(180deg, #f5f3ff 0%, #ffffff 50%, #fff7ed 100%);
}

.huixue-section-services {
  background: linear-gradient(180deg, #ffffff 0%, #ecfeff 50%, #fff7ed 100%);
}

.huixue-section-compare {
  background: linear-gradient(180deg, #ffffff 0%, #fef9c3 100%);
}

.huixue-section-faq {
  background: linear-gradient(180deg, #f8fafc 0%, #f5f3ff 100%);
}

.huixue-section-final {
  background: linear-gradient(
    125deg,
    #be185d 0%,
    #ea580c 35%,
    #ff6b00 65%,
    #fbbf24 100%
  );
  background-size: 200% 200%;
  animation: huixue-hero-gradient 10s ease infinite;
}

/* ---- Plan cards ---- */
.huixue-plan-card[data-plan="monthly"] {
  border-top: 4px solid var(--hx-indigo);
}

.huixue-plan-card[data-plan="yearly"] {
  border-top: 4px solid var(--hx-orange);
}

.huixue-plan-card[data-plan="journey"] {
  border-top: 4px solid var(--hx-teal);
}

.huixue-plan-card[data-plan="monthly"] .huixue-plan-icon {
  background: linear-gradient(135deg, #eef2ff, #c7d2fe);
  color: #4f46e5;
  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.2);
}

.huixue-plan-card[data-plan="yearly"] .huixue-plan-icon {
  background: linear-gradient(135deg, #fff7ed, #fdba74);
  color: #ea580c;
  box-shadow: 0 4px 16px rgba(234, 88, 12, 0.25);
}

.huixue-plan-card[data-plan="journey"] .huixue-plan-icon {
  background: linear-gradient(135deg, #ecfdf5, #6ee7b7);
  color: #059669;
  box-shadow: 0 4px 16px rgba(5, 150, 105, 0.2);
}

.huixue-plan-card-featured {
  background: linear-gradient(180deg, #fff7ed 0%, #ffffff 55%);
  border: 2px solid #ff6b00;
  box-shadow: 0 16px 48px rgba(255, 107, 0, 0.28);
}

.huixue-plan-card-featured .huixue-plan-amount,
.huixue-plan-card-featured .huixue-plan-currency {
  color: #ea580c;
}

.huixue-plan-badge {
  background: linear-gradient(135deg, #ff6b00, #ff3366);
  box-shadow: 0 4px 16px rgba(255, 51, 102, 0.4);
}

.huixue-plan-card-featured .huixue-plan-btn {
  border: none;
  background: linear-gradient(135deg, #ff8500, #ff3366);
  color: #fff;
  box-shadow: 0 8px 24px rgba(255, 51, 102, 0.35);
}

.huixue-plan-card-featured .huixue-plan-btn:hover {
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 32px rgba(255, 51, 102, 0.45);
}

.huixue-plan-card:not(.huixue-plan-card-featured) .huixue-plan-btn:hover {
  border-color: transparent;
  background: linear-gradient(135deg, #6366f1, #7c3aed);
  color: #fff;
}

.huixue-plan-feat-icon {
  background: linear-gradient(135deg, #fff7ed, #fed7aa);
  color: #ea580c;
}

.huixue-plan-card[data-plan="monthly"] .huixue-plan-feat-icon {
  background: linear-gradient(135deg, #eef2ff, #c7d2fe);
  color: #4f46e5;
}

.huixue-plan-card[data-plan="journey"] .huixue-plan-feat-icon {
  background: linear-gradient(135deg, #ecfdf5, #a7f3d0);
  color: #059669;
}

/* ---- Benefit cards ---- */
.huixue-benefit-card:nth-child(8n + 1) {
  border-top: 3px solid #6366f1;
}

.huixue-benefit-card:nth-child(8n + 2) {
  border-top: 3px solid #f97316;
}

.huixue-benefit-card:nth-child(8n + 3) {
  border-top: 3px solid #ec4899;
}

.huixue-benefit-card:nth-child(8n + 4) {
  border-top: 3px solid #10b981;
}

.huixue-benefit-card:nth-child(8n + 5) {
  border-top: 3px solid #8b5cf6;
}

.huixue-benefit-card:nth-child(8n + 6) {
  border-top: 3px solid #06b6d4;
}

.huixue-benefit-card:nth-child(8n + 7) {
  border-top: 3px solid #f59e0b;
}

.huixue-benefit-card:nth-child(8n) {
  border-top: 3px solid #ef4444;
}

.huixue-benefit-card:nth-child(8n + 1) .huixue-benefit-icon { color: #6366f1; }
.huixue-benefit-card:nth-child(8n + 2) .huixue-benefit-icon { color: #f97316; }
.huixue-benefit-card:nth-child(8n + 3) .huixue-benefit-icon { color: #ec4899; }
.huixue-benefit-card:nth-child(8n + 4) .huixue-benefit-icon { color: #10b981; }
.huixue-benefit-card:nth-child(8n + 5) .huixue-benefit-icon { color: #8b5cf6; }
.huixue-benefit-card:nth-child(8n + 6) .huixue-benefit-icon { color: #06b6d4; }
.huixue-benefit-card:nth-child(8n + 7) .huixue-benefit-icon { color: #f59e0b; }
.huixue-benefit-card:nth-child(8n) .huixue-benefit-icon { color: #ef4444; }

.huixue-benefit-card:nth-child(8n + 1) .huixue-benefit-tag {
  color: #4338ca;
  background: #eef2ff;
  border-color: #c7d2fe;
}

.huixue-benefit-card:nth-child(8n + 2) .huixue-benefit-tag {
  color: #c2410c;
  background: #fff7ed;
  border-color: #fed7aa;
}

.huixue-benefit-card:nth-child(8n + 3) .huixue-benefit-tag {
  color: #be185d;
  background: #fdf2f8;
  border-color: #fbcfe8;
}

.huixue-benefit-card:hover {
  border-color: #ff6b00;
  box-shadow: 0 12px 36px rgba(255, 107, 0, 0.15);
}

/* 意见#9：权益说明文字改为更深色黑体，避免发灰看不清 */
.huixue-page .huixue-benefit-desc {
  color: #222;
  font-weight: 700;
}

.huixue-page .huixue-benefit-detail {
  color: #333;
  font-weight: 600;
}

.huixue-page .huixue-benefit-title {
  color: #111;
  font-weight: 800;
}

/* ---- Services ---- */
.huixue-service-row:nth-child(1) {
  border-left: 4px solid #6366f1;
}

.huixue-service-row:nth-child(2) {
  border-left: 4px solid #f97316;
}

.huixue-service-row:nth-child(3) {
  border-left: 4px solid #ec4899;
}

.huixue-service-row:nth-child(1) .huixue-service-icon { color: #6366f1; }
.huixue-service-row:nth-child(2) .huixue-service-icon { color: #f97316; }
.huixue-service-row:nth-child(3) .huixue-service-icon { color: #ec4899; }

.huixue-service-list li::before {
  background: linear-gradient(135deg, #ff6b00, #ff3366);
}

/* ---- Compare table ---- */
.huixue-compare-table thead th:last-child {
  background: linear-gradient(135deg, #ff6b00, #ff3366);
  color: #fff;
}

.huixue-compare-table thead th:nth-child(2) {
  background: #f1f5f9;
  color: #64748b;
}

.huixue-compare-vip {
  color: #ea580c;
  font-weight: 700;
  background: linear-gradient(180deg, rgba(255, 107, 0, 0.1), rgba(255, 51, 102, 0.06));
}

/* ---- FAQ ---- */
.huixue-faq-item[open] {
  border-color: #ff6b00;
  box-shadow: 0 4px 20px rgba(255, 107, 0, 0.12);
}

.huixue-faq-item[open] .huixue-faq-q {
  color: #ea580c;
}

/* ---- Final CTA ---- */
.huixue-open-btn-primary {
  background: linear-gradient(135deg, #fff 0%, #ffe082 100%);
  color: #9a3412;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
}

.huixue-open-btn-primary:hover {
  background: linear-gradient(135deg, #ffffff, #ffffff);
  color: #ea580c;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
}

@media (prefers-reduced-motion: reduce) {
  .huixue-hero-banner,
  .huixue-section-final,
  .huixue-hero-highlight {
    animation: none;
  }
}