/* ============================================
   罗盘 AI·开放平台 · 亮色主题 · 极简科技白
   白底 · 科技蓝 · 层次动效
   ============================================ */

/* === 亮色主题覆盖 === */
.mp-light {
  --bg-primary:    #F8FAFC;
  --bg-secondary:  #F1F5F9;
  --bg-tertiary:   #E2E8F0;
  --text-primary:  #0F172A;
  --text-secondary:#334155;
  --text-muted:    #94A3B8;

  --primary:       #2563EB;
  --primary-light: #3B82F6;
  --primary-glow:  rgba(37,99,235,0.20);
  --primary-bg:    rgba(37,99,235,0.06);

  --cta:           #10B981;
  --cta-hover:     #059669;
  --cta-glow:      rgba(16,185,129,0.25);
  --cta-bg:        rgba(16,185,129,0.06);

  --accent-indigo: #6366F1;
  --accent-amber:  #F59E0B;
  --accent-rose:   #F43F5E;

  --success:       #10B981;
  --warning:       #F59E0B;
  --danger:        #EF4444;
  --info:          #3B82F6;

  --border:        rgba(0,0,0,0.06);
  --card-bg:       #FFFFFF;
  --hover-bg:      rgba(37,99,235,0.04);

  --shadow-sm: rgba(37,99,235,0.08) 0px 1px 3px, rgba(0,0,0,0.04) 0px 0px 0px 1px;
  --shadow-md: rgba(37,99,235,0.12) 0px 4px 12px -2px, rgba(0,0,0,0.04) 0px 0px 0px 1px;
  --shadow-lg: rgba(37,99,235,0.15) 0px 10px 30px -8px, rgba(0,0,0,0.04) 0px 0px 0px 1px;
  --shadow-xl: rgba(37,99,235,0.20) 0px 20px 50px -12px, rgba(0,0,0,0.06) 0px 0px 0px 1px;
}
}

/* === Body 亮色背景 === */
.mp-light body,
body.mp-light {
  background: #F8FAFF;
  color: #1E293B;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(37,99,235,0.15) 0%, transparent 100%),
    radial-gradient(1px 1px at 30% 70%, rgba(59,130,246,0.1) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 50% 10%, rgba(16,185,129,0.1) 0%, transparent 100%),
    radial-gradient(1px 1px at 70% 40%, rgba(236,72,153,0.08) 0%, transparent 100%),
    radial-gradient(1px 1px at 90% 80%, rgba(37,99,235,0.1) 0%, transparent 100%);
}

/* === 导航栏亮色 === */
.mp-light .navbar {
  background: rgba(248,250,255,0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(37,99,235,0.08);
}
.mp-light .navbar.scrolled {
  background: rgba(248,250,255,0.95);
  border-bottom: 1px solid rgba(37,99,235,0.12);
  box-shadow: 0 2px 20px rgba(37,99,235,0.06);
}
.mp-light .navbar-logo {
  color: #1E293B;
}
.mp-light .navbar.scrolled .navbar-logo {
  color: #0F172A;
}
.mp-light .navbar-logo:hover {
  color: #2563EB;
  text-shadow: none;
}
.mp-light .navbar-links a {
  color: #64748B;
}
.mp-light .navbar-links a:hover,
.mp-light .navbar-links a.active {
  color: #2563EB;
  background: rgba(37,99,235,0.06);
  text-shadow: none;
}

/* === 页脚亮色 === */
.mp-light .footer {
  border-top: 1px solid rgba(37,99,235,0.08);
  background: #EFF6FF;
}
.mp-light .footer::before {
  background: linear-gradient(90deg, transparent, #2563EB, transparent);
  opacity: 0.3;
}
.mp-light .footer-brand {
  background: linear-gradient(135deg, #1E293B, #2563EB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.mp-light .footer-desc {
  color: #64748B;
}
.mp-light .footer-social a {
  background: rgba(37,99,235,0.06);
  border: 1px solid rgba(37,99,235,0.1);
  color: #64748B;
}
.mp-light .footer-social a:hover {
  background: #2563EB;
  color: #fff;
  border-color: #2563EB;
  box-shadow: 0 0 20px rgba(37,99,235,0.2);
}
.mp-light .footer-col h4 {
  color: #1E293B;
}
.mp-light .footer-col a {
  color: #64748B;
}
.mp-light .footer-col a:hover {
  color: #2563EB;
}
.mp-light .footer-bottom {
  border-top: 1px solid rgba(37,99,235,0.08);
  color: #94A3B8;
}

/* === 按钮亮色 === */
.mp-light .btn-primary {
  background: linear-gradient(135deg, #2563EB, #1D4ED8);
  color: #fff;
  box-shadow: 0 4px 15px rgba(37,99,235,0.25);
}
.mp-light .btn-primary:hover {
  box-shadow: 0 6px 25px rgba(37,99,235,0.35);
  transform: translateY(-2px);
  color: #fff;
}
.mp-light .btn-outline {
  background: transparent;
  border: 1.5px solid rgba(37,99,235,0.25);
  color: #2563EB;
}
.mp-light .btn-outline:hover {
  border-color: #2563EB;
  background: rgba(37,99,235,0.05);
  color: #1D4ED8;
}
.mp-light .btn-ghost {
  background: transparent;
  color: #64748B;
}
.mp-light .btn-ghost:hover {
  background: rgba(37,99,235,0.06);
  color: #2563EB;
}

/* === 搜索框亮色 === */
.mp-light .hero-search {
  background: #fff;
  border: 1.5px solid rgba(37,99,235,0.12);
  box-shadow: 0 4px 20px rgba(37,99,235,0.06);
}
.mp-light .hero-search:focus-within {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.1), 0 4px 20px rgba(37,99,235,0.08);
}
.mp-light .hero-search input {
  color: #1E293B;
}
.mp-light .hero-search input::placeholder {
  color: #94A3B8;
}
.mp-light .hero-search select {
  color: #64748B;
  border-left: 1px solid rgba(37,99,235,0.1);
}
.mp-light .hero-search select option {
  background: #fff;
  color: #1E293B;
}
.mp-light .hero-search .search-btn {
  background: linear-gradient(135deg, #2563EB, #1D4ED8);
}

/* === 标签亮色 === */
.mp-light .hero-tag {
  background: rgba(37,99,235,0.06);
  border: 1px solid rgba(37,99,235,0.12);
  color: #2563EB;
}
.mp-light .hero-tag:hover {
  background: rgba(37,99,235,0.12);
  border-color: #2563EB;
  box-shadow: 0 0 15px rgba(37,99,235,0.1);
}

/* === 统计卡片亮色 === */
.mp-light .stat-card {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(37,99,235,0.08);
  box-shadow: 0 2px 12px rgba(37,99,235,0.04);
}
.mp-light .stat-card:hover {
  border-color: rgba(37,99,235,0.2);
  box-shadow: 0 8px 30px rgba(37,99,235,0.08);
  transform: translateY(-4px);
}
.mp-light .stat-number {
  background: linear-gradient(135deg, #2563EB, #1D4ED8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.mp-light .stat-label {
  color: #64748B;
}

/* === Section 标题亮色 === */
.mp-light .section-header {
  color: #1E293B;
}
.mp-light .section-title {
  color: #1E293B;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.mp-light .section-link {
  color: #2563EB;
}
.mp-light .section-link:hover {
  color: #1D4ED8;
  text-shadow: none;
}

/* === 应用卡片亮色 === */
.mp-light .app-card {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(37,99,235,0.08);
  box-shadow: 0 2px 12px rgba(37,99,235,0.04);
  transition: all 0.25s ease;
}
.mp-light .app-card:hover {
  border-color: rgba(37,99,235,0.2);
  box-shadow: 0 8px 30px rgba(37,99,235,0.1);
  transform: translateY(-4px);
}
.mp-light .app-card-name {
  color: #1E293B;
}
.mp-light .app-card-desc {
  color: #64748B;
}
.mp-light .app-card-rating {
  color: #94A3B8;
}
.mp-light .app-card-price {
  color: #2563EB;
}
.mp-light .app-card-action {
  color: #2563EB;
}
.mp-light .app-card-tag {
  background: rgba(37,99,235,0.06);
  color: #2563EB;
}

/* === 表单亮色 === */
.mp-light input, .mp-light textarea, .mp-light select {
  color: #1E293B;
}
.mp-light input::placeholder, .mp-light textarea::placeholder {
  color: #94A3B8;
}
.mp-light .form-group label {
  color: #1E293B;
}

/* === 玻璃效果亮色 === */
.mp-light .glass-card {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(37,99,235,0.08);
}
.mp-light .glass-card:hover {
  border-color: rgba(37,99,235,0.2);
  box-shadow: 0 8px 30px rgba(37,99,235,0.08);
}

/* === 空状态亮色 === */
.mp-light .empty-state {
  color: #1E293B;
}
.mp-light .empty-state-title {
  color: #1E293B;
}
.mp-light .empty-state-desc {
  color: #64748B;
}

/* === Modal 亮色 === */
.mp-light .modal-content {
  background: #fff;
  border: 1px solid rgba(37,99,235,0.1);
}

/* === 滚动条亮色 === */
.mp-light ::-webkit-scrollbar-track {
  background: #EFF6FF;
}
.mp-light ::-webkit-scrollbar-thumb {
  background: #BFDBFE;
}
.mp-light ::-webkit-scrollbar-thumb:hover {
  background: #2563EB;
}

/* === 页面过渡动画 === */
.mp-light .page {
  animation: fadeInUp 0.3s ease;
}

/* === Hero 区块亮色 === */
.mp-light .hero {
  min-height: auto;
  padding: calc(var(--nav-height) + var(--space-12)) var(--space-6) var(--space-12);
  background: linear-gradient(180deg, #F0F5FF 0%, #F8FAFF 100%);
}
.mp-light .hero::before {
  background:
    radial-gradient(ellipse 80% 60% at 50% -20%, rgba(37,99,235,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 80%, rgba(59,130,246,0.05) 0%, transparent 50%);
}
.mp-light .hero-grid-bg {
  opacity: 0.3;
}
.mp-light .hero-title {
  background: linear-gradient(135deg, #1E293B 0%, #2563EB 50%, #1D4ED8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.mp-light .hero-subtitle {
  color: #64748B;
}

/* === 首页轮播Banner亮色 === */
.mp-light .hero-carousel {
  background: linear-gradient(135deg, #F0F5FF 0%, #E0E7FF 50%, #BFDBFE 100%);
}
.mp-light .hero-slide {
  background: transparent;
}
.mp-light .hero-slide[style*="linear-gradient"] {
  background: transparent;
}
.mp-light .banner-badge {
  background: rgba(37,99,235,0.1);
  border: 1px solid rgba(37,99,235,0.2);
  color: #2563EB;
}
.mp-light .banner-title {
  background: none;
  -webkit-text-fill-color: initial;
  background-clip: initial;
  color: #0F172A;
  font-weight: 800;
}
.mp-light .banner-desc {
  color: #64748B;
}
.mp-light .banner-stats {
  color: #1E293B;
}
.mp-light .stat-num {
  color: #2563EB;
}
.mp-light .stat-label {
  color: #64748B;
}
.mp-light .b-icon {
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(37,99,235,0.12);
}
.mp-light .b-tag {
  background: rgba(37,99,235,0.06);
  border: 1px solid rgba(37,99,235,0.12);
  color: #2563EB;
}
.mp-light .b-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.12);
  color: #1E293B;
}
.mp-light .banner-cta-row .cta-pill {
  background: #2563EB;
  color: #fff;
}
.mp-light .banner-cta-row .cta-pill.outline {
  background: transparent;
  border: 1.5px solid rgba(37,99,235,0.25);
  color: #2563EB;
}
.mp-light .money-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.12);
  color: #1E293B;
}
.mp-light .hero-dots .hero-dot {
  background: #BFDBFE;
}
.mp-light .hero-dots .hero-dot.active {
  background: #2563EB;
}
.mp-light .hero-content .hero-title {
  background: linear-gradient(135deg, #1E293B 0%, #2563EB 50%, #1D4ED8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.mp-light .hero-content .hero-subtitle {
  color: #64748B;
}

/* === 搜索区亮色 === */
.mp-light .search-section {
  background: transparent;
}

/* === 开发者入驻页面亮色 === */
.mp-light .developer-benefits {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.08);
}

/* === 选择器/下拉亮色 === */
.mp-light select option {
  background: #fff;
  color: #1E293B;
}

/* === 价格卡片亮色 === */
.mp-light [style*="border-radius"][style*="background"] {
  color: inherit;
}

/* === Toast 亮色 === */
.mp-light .toast-container {
  z-index: 10000;
}

/* === 科技感微交互 === */
.mp-light .stat-card,
.mp-light .app-card,
.mp-light .glass-card {
  position: relative;
  overflow: hidden;
}
.mp-light .stat-card::after,
.mp-light .app-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.04), transparent);
  transition: left 0.6s ease;
  pointer-events: none;
}
.mp-light .stat-card:hover::after,
.mp-light .app-card:hover::after {
  left: 100%;
}

/* === 开发者控制台亮色 === */
.mp-light .dashboard-sidebar {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.08);
}
.mp-light .dashboard-sidebar-item {
  color: #64748B;
}
.mp-light .dashboard-sidebar-item:hover,
.mp-light .dashboard-sidebar-item.active {
  color: #2563EB;
  background: rgba(37,99,235,0.06);
}
.mp-light .dashboard-content {
  color: #1E293B;
}

/* === 版本/定价页面亮色 === */
.mp-light .pricing-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.08);
}
.mp-light .pricing-card:hover {
  border-color: rgba(37,99,235,0.2);
  box-shadow: 0 8px 30px rgba(37,99,235,0.08);
}

/* === 文档页面亮色 === */
.mp-light .doc-content {
  color: #1E293B;
}
.mp-light .doc-content h1, .mp-light .doc-content h2, .mp-light .doc-content h3 {
  color: #1E293B;
}
.mp-light .doc-content code {
  background: rgba(37,99,235,0.06);
  color: #2563EB;
  padding: 2px 6px;
  border-radius: 4px;
}
.mp-light .doc-content pre {
  background: #1E293B;
  color: #E2E8F0;
}
.mp-light .doc-content a {
  color: #2563EB;
}

/* === 导航栏 logo SVG 亮色适配 === */
.mp-light .navbar-logo svg {
  stroke: #2563EB;
}

/* === 登录页亮色 === */
.mp-light .auth-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.1);
}
.mp-light .auth-tabs {
  background: rgba(37,99,235,0.06);
}
.mp-light .auth-tab {
  color: #64748B;
}
.mp-light .auth-tab.active {
  background: #2563EB;
  color: #fff;
}
.mp-light .auth-social-btn {
  background: rgba(37,99,235,0.06);
  border: 1px solid rgba(37,99,235,0.1);
  color: #64748B;
}
.mp-light .auth-social-btn:hover {
  border-color: #2563EB;
  color: #2563EB;
}
.mp-light .auth-page {
  background: linear-gradient(135deg, #F0F5FF 0%, #F8FAFF 100%);
}
.mp-light .form-input {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(37,99,235,0.12);
  color: #1E293B;
}
.mp-light .form-input:focus {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
}
.mp-light .form-label {
  color: #1E293B;
}

/* === 移动端适配 === */
@media (max-width: 768px) {
  .mp-light .navbar {
    background: rgba(248,250,255,0.95);
  }
  .mp-light .hero {
    padding-top: calc(var(--nav-height) + var(--space-8));
  }
  .mp-light .banner-content {
    flex-direction: column;
    padding: 0 var(--space-4);
  }
  .mp-light .banner-right {
    display: none;
  }
}


/* ============== 新增动效系统 ============== */

/* === 入场动画：从下向上渐变进入 === */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* === 入场动画：渐变+微缩放 === */
@keyframes fadeInScale {
  from { opacity: 0; transform: scale(0.96); }
  to   { opacity: 1; transform: scale(1); }
}

/* === 入场动画：从左滑入 === */
@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* === 入场动画：从右滑入 === */
@keyframes slideInRight {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* === 呼吸光晕 === */
@keyframes breathGlow {
  0%, 100% { box-shadow: 0 0 4px rgba(37,99,235,0.08); }
  50%      { box-shadow: 0 0 16px rgba(37,99,235,0.18); }
}

/* === shimmer扫描光效 === */
@keyframes shimmerSlide {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* === 浮动微动 === */
@keyframes floatGentle {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

/* === 脉冲涟漪 === */
@keyframes ripplePulse {
  0%   { box-shadow: 0 0 0 0 rgba(37,99,235,0.15); }
  100% { box-shadow: 0 0 0 12px rgba(37,99,235,0); }
}

/* === 应用类：入场动画 === */
.mp-light .animate-fade-in {
  animation: fadeInUp 0.5s ease-out both;
}
.mp-light .animate-scale-in {
  animation: fadeInScale 0.4s ease-out both;
}
.mp-light .animate-slide-left {
  animation: slideInLeft 0.5s ease-out both;
}
.mp-light .animate-slide-right {
  animation: slideInRight 0.5s ease-out both;
}
.mp-light .animate-float {
  animation: floatGentle 4s ease-in-out infinite;
}
.mp-light .animate-breath {
  animation: breathGlow 3s ease-in-out infinite;
}

/* stagger 延迟工具类 */
.mp-light .delay-1  { animation-delay: 0.1s; }
.mp-light .delay-2  { animation-delay: 0.2s; }
.mp-light .delay-3  { animation-delay: 0.3s; }
.mp-light .delay-4  { animation-delay: 0.4s; }
.mp-light .delay-5  { animation-delay: 0.5s; }
.mp-light .delay-6  { animation-delay: 0.6s; }
.mp-light .delay-7  { animation-delay: 0.7s; }
.mp-light .delay-8  { animation-delay: 0.8s; }

/* === 卡片悬浮提升效果 === */
.mp-light .card-hover-lift {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.mp-light .card-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

/* === 按钮脉冲环 === */
.mp-light .btn-ripple::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: ripplePulse 2s ease-out infinite;
}

/* === 页面过渡 === */
.mp-light .page {
  animation: fadeInUp 0.35s ease-out;


/* ============== 字体层级优化 ============== */

/* 标题字体：Space Grotesk 粗 + 负字距 */
.mp-light h1, .mp-light h2, .mp-light h3,
.mp-light .hero-title,
.mp-light .section-title,
.mp-light .banner-title,
.mp-light .pricing-card h3,
.mp-light .modal-content h2,
.mp-light .dashboard-sidebar h3,
.mp-light .auth-tabs + h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #0F172A;
}

.mp-light h4, .mp-light h5, .mp-light h6,
.mp-light .card-title,
.mp-light .app-card-name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #0F172A;
}

/* 正文：DM Sans 常规字重，更深色提高对比度 */
.mp-light p, .mp-light li, .mp-light td,
.mp-light .hero-subtitle,
.mp-light .app-card-desc,
.mp-light .banner-desc,
.mp-light .footer-desc,
.mp-light .doc-content p {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  color: #1E293B;
  line-height: 1.6;
}

/* 标注/辅助：DM Sans 细 */
.mp-light small, .mp-light .text-muted,
.mp-light .app-card-rating,
.mp-light .footer-bottom,
.mp-light .form-label,
.mp-light .stat-label {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: #334155;
  font-size: 0.875rem;
}

/* 按钮/导航：DM Sans Medium */
.mp-light .btn, 
.mp-light .navbar-links a,
.mp-light .navbar-actions a,
.mp-light .section-link {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* ============== 卡片层次优化 ============== */

/* 应用卡片：白底+蓝调阴影+清晰边框 */
.mp-light .app-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  box-shadow: rgba(37,99,235,0.06) 0px 2px 8px -2px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.mp-light .app-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37,99,235,0.15);
  box-shadow: rgba(37,99,235,0.12) 0px 8px 24px -6px, rgba(0,0,0,0.04) 0px 0px 0px 1px;
}

/* 统计卡片 */
.mp-light .stat-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  box-shadow: rgba(37,99,235,0.04) 0px 2px 8px -2px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.mp-light .stat-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37,99,235,0.12);
  box-shadow: rgba(37,99,235,0.10) 0px 8px 24px -6px;
}

/* 统计数字渐变 */
.mp-light .stat-number {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, #2563EB, #6366F1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 价格标签 */
.mp-light .app-card-price {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: #2563EB;
  letter-spacing: -0.02em;
}

/* ============== Hero标题层级提升 ============== */
.mp-light .hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1;
  background: linear-gradient(135deg, #1E293B 0%, #2563EB 50%, #6366F1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% auto;
  animation: shimmerSlide 6s linear infinite;
}

/* ============== 导航栏样式优化 ============== */
.mp-light .navbar-logo {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.04em;
  color: #0F172A;
}

/* ============== 版本套餐高亮 ============== */
.mp-light .pricing-card.featured,
.mp-light .pricing-card[class*="popular"],
.mp-light .pricing-card[class*="recommend"] {
  border: 2px solid #2563EB;
  box-shadow: rgba(37,99,235,0.12) 0px 4px 24px -4px;
  position: relative;
}

/* ============== 表单输入优化 ============== */
.mp-light .form-input {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  color: #0F172A;
  font-family: 'DM Sans', sans-serif;
}
.mp-light .form-input:focus {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.10);
}

/* ============== 空状态优化 ============== */
.mp-light .empty-state-title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  color: #0F172A;
}
.mp-light .empty-state-desc {
  color: #475569;
}

/* ============== Hero搜索框优化 ============== */
.mp-light .hero-search {
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 12px;
  box-shadow: rgba(37,99,235,0.04) 0px 2px 8px -2px;
}
.mp-light .hero-search:focus-within {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.08), rgba(37,99,235,0.06) 0px 4px 12px -2px;
}

/* ============== Badge标签优化 ============== */
.mp-light .badge,
.mp-light .hero-badge,
.mp-light .banner-badge {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(37,99,235,0.06);
  border: 1px solid rgba(37,99,235,0.12);
  color: #2563EB;
  border-radius: 9999px;
  padding: 4px 14px;
}