/* 本地字体：Inter、Noto Sans SC、Material Symbols（首页 Tailwind 区块） */
@import url('../fonts/fonts.css');
@import url('../fonts/material-symbols.css');

/* =============================================================================
 * reference/referIndex.html 内 <style> 完整拷贝（含 :root）
 * ============================================================================= */
    :root {
      --bg: #f7f9fc;
      --white: #ffffff;
      --text: #0f172a;
      --muted: #64748b;
      --line: rgba(15, 23, 42, 0.08);
      --soft-line: rgba(255,255,255,0.8);
      --orange: #f97316;
      --orange-2: #fb923c;
      --orange-soft: #fff7ed;
      --dark: #0f172a;
      --dark-2: #111827;
      --shadow: 0 20px 60px rgba(15, 23, 42, 0.06);
      --radius-xl: 16px;
      --radius-lg: 12px;
      --radius-md: 8px;
      --max: 1240px;
    }
    * { box-sizing: border-box; }
    /* auto：避免 F5/恢复滚动后又被纠正到顶部时，被 smooth 做成「滚动条先在中段再滑回顶」的可见动画 */
    html { scroll-behavior: auto; }
    ::selection { background: rgba(249, 115, 22, 0.2); color: var(--orange); }
    ::-webkit-scrollbar { width: 8px; height: 8px; }
    ::-webkit-scrollbar-track { background: var(--bg); }
    ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
    body {
      margin: 0;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
      color: var(--text);
      background: linear-gradient(180deg,#fbfcfe 0%,#f5f7fb 28%,#f8fafc 100%);
    }
    a { color: inherit; text-decoration: none; }
    .container { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; position: relative; z-index: 1; }
    .section { position: relative; padding: 80px 0; }
    .section::before {
      content: "";
      position: absolute; inset: 0 auto auto 0;
      width: 180px; height: 180px;
      background: radial-gradient(circle, rgba(251,146,60,.14), transparent 70%);
      filter: blur(18px);
      pointer-events: none;
    }
    .section-head { max-width: 1000px; margin: 0 auto; text-align: center; }
    .section-title {
      margin: 12px 0 0;
      font-size: clamp(30px, 4vw, 54px);
      line-height: 1.2;
      letter-spacing: -0.03em;
      white-space: nowrap;
      font-weight: 700;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .section-desc { margin: 20px 0 0; color: var(--muted); font-size: 16px; line-height: 1.9; }

    /* ===== 视差滚动基础样式 ===== */
    .parallax-container {
      position: relative;
      overflow: hidden;
    }
    .parallax-layer {
      position: absolute;
      pointer-events: none;
      z-index: 0;
    }
    .hero .parallax-layer {
      will-change: transform;
    }
    /* 装饰性背景圆斑 */
    .blob {
      border-radius: 50%;
      filter: blur(60px); /* 减小模糊度，让边缘清晰一点点 */
      opacity: 0.3;       /* 提高不透明度，让效果更明显 */
    }
    .blob-orange { background: radial-gradient(circle, var(--orange), transparent); }
    .blob-blue { background: radial-gradient(circle, #3b82f6, transparent); }
    .blob-purple { background: radial-gradient(circle, #8b5cf6, transparent); }

    /* Hero 首屏缩放视差 */
    .hero-bg img,
    .hero-bg video {
      will-change: transform;
      transform-origin: center center;
    }

    /* Lenis 平滑滚动基础设置 */
    html.lenis {
      height: auto;
    }
    .lenis.lenis-smooth {
      scroll-behavior: auto;
    }
    .lenis.lenis-smooth [data-lenis-prevent] {
      overscroll-behavior: contain;
    }
    .lenis.lenis-stopped {
      overflow: hidden;
    }
    .lenis.lenis-scrolling iframe {
      pointer-events: none;
    }

    /* ===== 生态合作伙伴 (Marquee) ===== */
    .partner-section {
      padding: 80px 0;
    }
    .marquee {
      overflow: hidden;
      position: relative;
      width: 100%;
      margin-top: 64px;
    }
    .marquee-content {
      display: flex;
      animation: marquee 30s linear infinite;
      gap: 32px; /* 卡片间距 */
    }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    .partner-logo-card {
      flex-shrink: 0;
      width: 220px; /* 固定卡片宽度 */
      height: 110px; /* 增加高度 */
      background: #fff;
      border-radius: 12px; /* 锐利化 */
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      box-shadow: 0 10px 30px rgba(15,23,42,.04);
      border: 1px solid rgba(15, 23, 42, 0.05);
    }
    .partner-logo-card:hover {
      transform: translateY(-8px) scale(1.05);
      box-shadow: 0 20px 40px rgba(15,23,42,.08);
      border-color: rgba(251,146,60,.2);
    }
    .partner-logo-img {
      max-width: 60%;
      max-height: 40px;
      transition: all 0.4s ease;
    }
    .partner-logo-text {
      font-size: 18px;
      font-weight: 800;
      color: #94a3b8;
      transition: all 0.4s ease;
    }
    .partner-logo-card:hover .partner-logo-text {
      color: var(--text);
    }
    @media (max-width: 820px) {
      .marquee-content {
        gap: 20px;
      }
      .partner-logo-card {
        width: 180px;
        height: 90px;
      }
    }

    .navbar {
      position: fixed; top: 0; left: 0; right: 0; z-index: 1200;
      background: rgba(255,255,255,.8);
      backdrop-filter: blur(18px);
    }
    /* 修改点 1：调整导航栏内容区宽度并增加内边距 */
    .nav-inner { width: 100%; padding: 0 32px; margin: 0 auto; box-sizing: border-box; }
    
    .nav-row {
      height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 24px;
      position: relative;
    }
    .nav-left, .nav-brand { display: flex; align-items: center; }
    .logo { height: 40px; width: auto; object-fit: contain; display: block; vertical-align: middle; transition: transform 0.3s ease, filter 0.3s ease; }
    .nav-brand:hover .logo { transform: scale(1.05); filter: drop-shadow(0 4px 12px rgba(255, 46, 77, 0.15)); }
    .menu-toggle {
      display: none;
      background: transparent;
      border: none;
      cursor: pointer;
      color: var(--text);
      padding: 8px;
      margin-left: auto;
    }
    .nav-center {
      position: absolute; left: 50%; transform: translateX(-50%);
      display: flex; gap: 28px; align-items: center;
      flex: 1; justify-content: center;
      z-index: 10;
    }
    .nav-btn {
      position: relative; border: 0; background: transparent; cursor: pointer; color: #475569;
      font-size: 15px; padding: 6px 0;
    }
    .nav-btn.active { color: var(--text); font-weight: 600; }
    .nav-btn.active::after {
      content: ""; position: absolute; left: 0; right: 0; bottom: -27px;
      height: 2px; border-radius: 999px; background: var(--orange);
    }
    .nav-actions { display: flex; gap: 12px; align-items: center; margin-left: auto; }
    /* 修改基础按钮为 8px 微圆角 */
    .ghost-btn, .primary-btn {
      background: rgba(255,255,255,.75);
      color: #334155; padding: 12px 20px; 
      border-radius: 4px; /* 锐利化 */
      font-size: 14px; font-weight: 600; cursor: pointer;
      transition: .25s ease;
      box-shadow: 0 4px 14px rgba(15,23,42,.03);
    }
    .round-btn {
      background: transparent;
      color: var(--text); padding: 10px 24px; 
      border-radius: 4px; /* 锐利化 */
      border: 1px solid rgba(15,23,42,0.15);
      font-size: 14px; font-weight: 600; cursor: pointer;
      transition: all .25s ease;
      box-shadow: 0 2px 8px rgba(15,23,42,.02);
    }
    .round-btn:hover { 
      background: var(--orange);
      color: #fff;
      border-color: var(--orange);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(249, 115, 22, 0.2);
    }
    .primary-btn {
      background: var(--orange); color: #fff;
      box-shadow: 0 10px 28px rgba(249,115,22,.26);
    }
    .primary-btn:hover { transform: translateY(-1px); background: #ea580c; }
    .ghost-btn:hover { background: #fff; }

    .mega-wrap { 
      /* padding-bottom: 16px; */
      position: absolute; 
      top: 80px;          /* 紧贴顶部导航条下方 */
      left: 0;
      right: 0;
      z-index: 1201;
      padding-top: 12px; 
      /* 关闭时仍占位条带，避免 onMouseEnter 误开菜单；展开后需可点到下拉层 */
      pointer-events: none;
    }
    .mega-wrap:has(.mega-menu.open) {
      pointer-events: auto;
    }
    .mega-menu {
      display: none;
      overflow: hidden;
      border-radius: 12px; /* 锐利化 */
      background: rgba(255,255,255,.9); /* 半透明白底 */
      backdrop-filter: blur(24px); /* 菜单自身的毛玻璃 */
      box-shadow: 0 24px 80px rgba(15,23,42,.08); /* 悬浮阴影 */
      max-width: var(--max); 
      margin: 0 auto;
      width: 100%;
    }
    .mega-menu.open { display: block; }
    .mega-grid { display: grid; grid-template-columns: 260px minmax(0,1fr); }
    .mega-side {
      padding: 28px 24px; 
      background: linear-gradient(180deg,#fff8f2 0%,#ffffff 100%);
      position: relative;
      display: flex;
      flex-direction: column;
    }
    .mega-side .tag { 
      color: var(--orange); 
      font-size: 10px; /* 缩小 1px，更精致 */
      text-transform: uppercase; 
      letter-spacing: 0.3em; /* 增加间距，更有呼吸感 */
      font-weight: 700; 
      opacity: 0.85; /* 稍微透明，不抢主标题戏份 */
    }
    .mega-side h3 { margin: 14px 0 0; font-size: 32px; letter-spacing: -0.03em; font-weight: 800; color: #0f172a; }
    .mega-side p { margin: 16px 0 0; color: var(--muted); line-height: 1.9; font-size: 14px; }
    .mega-side .cta {
      display: none; /* 直接隐藏下拉菜单左侧的按钮 */
    }
    .mega-side-action {
      margin-top: auto;
      padding-top: 32px;
    }
    .product-center-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 20px;
      background: #ffffff;
      color: #0f172a;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
      border: 1px solid rgba(15, 23, 42, 0.1);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
      transition: all 0.3s ease;
    }
    .product-center-btn:hover {
      transform: translateY(-2px);
      border-color: rgba(249, 115, 22, 0.24);
      box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12);
    }
    .mega-body { padding: 16px 24px; }
    .mega-body-row {
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      gap: 48px;
    }
    .menu-columns { display: grid; gap: 16px; }
    .mega-body-row > .menu-columns:not(.has-feature) {
      flex: 1;
      width: 100%;
    }
    .menu-columns.has-feature { flex-shrink: 0; min-width: 240px; }
    .menu-columns.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .menu-columns.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .menu-columns.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .menu-columns.cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
    .menu-card {
      border-radius: 12px; 
      padding: 14px 12px;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .menu-card-title { font-size: 14px; font-weight: 700; margin-bottom: 8px; color: #0f172a; }
    .menu-card-list { display: grid; gap: 2px; }

    /* --- 上半部分（核心业务）：强调暖色系与发光阴影 --- */
    .menu-columns .menu-card {
      background: linear-gradient(180deg, #fffcf8 0%, #ffffff 100%); /* 极浅的暖橙渐变底色 */
      box-shadow: 0 10px 25px rgba(249, 115, 22, 0.04); /* 稍微减弱阴影 */
      border: 1px solid rgba(249, 115, 22, 0.05);
    }
    .menu-columns .menu-card:hover {
      border-color: rgba(251, 146, 60, 0.3);
      box-shadow: 0 14px 35px rgba(249, 115, 22, 0.06);
      transform: translateY(-3px);
    }

    /* --- 下半部分（承接模块）：统一为暖色系，保持风格连贯 --- */
    .menu-large-block {
      margin-top: 16px; 
      padding: 20px 24px; 
      background: linear-gradient(180deg, #fffcf8 0%, #fef9f3 100%); /* 统一为暖色调背景 */
      border-radius: 24px;
      border: 1px solid rgba(249, 115, 22, 0.08);
      box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.4);
    }
    .menu-large-title { 
      margin-bottom: 12px; font-weight: 800; font-size: 13px; 
      color: var(--orange); /* 标题也统一使用品牌色，增加识别度 */
      padding-left: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      opacity: 0.8;
    }
    .menu-large-block .menu-card {
      background: #ffffff;
      border-radius: 16px; 
      padding: 14px 16px;
      box-shadow: 0 6px 16px rgba(249, 115, 22, 0.02);
      border: 1px solid rgba(249, 115, 22, 0.04);
    }
    .menu-large-block .menu-card:hover {
      box-shadow: 0 10px 28px rgba(249, 115, 22, 0.05); 
      transform: translateY(-2px);
      border-color: rgba(249, 115, 22, 0.15);
    }
    /* 统一对齐方式 */
    .menu-large-block .menu-card-title {
      padding: 0 12px;
      color: #0f172a;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 8px;
    }
/* 下半部分列表项单独的悬浮反馈（微调为极浅的透明灰，融合得更好） */
    .menu-large-block .menu-item:hover {
      background: rgba(15, 23, 42, 0.02);
      color: #0f172a; /* 悬浮时文字稍微恢复一点深度，保证可读性 */ 
    }
    /* 内部列表项交互效果保持不变 */
    .menu-item {
      display: flex; align-items: center; justify-content: space-between;
      padding: 8px 12px; border-radius: 12px; color: #475569; font-size: 14px;
      transition: .25s ease;
    }
    .menu-item:hover { background: rgba(249, 115, 22, 0.05); color: var(--orange); }
    .mega-feature-card {
      flex: 1;
      min-width: 0;
      margin-left: 0;
      border-radius: 20px;
      background: #ffffff;
      padding: 12px;
      box-shadow: 0 8px 30px rgba(15,23,42,0.04), 0 1px 3px rgba(15,23,42,0.02);
      border: 1px solid rgba(15,23,42,0.05);
      display: flex;
      flex-direction: row;
      align-items: stretch;
      cursor: pointer;
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      color: inherit;
      text-decoration: none;
    }
    .mega-feature-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px rgba(15,23,42,0.08), 0 1px 3px rgba(15,23,42,0.02);
    }
    .mega-feature-copy {
      flex: 1;
      padding: 24px 32px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .mega-feature-tag {
      display: inline-block;
      padding: 4px 10px;
      background: rgba(249,115,22,0.1);
      color: #f97316;
      font-size: 12px;
      font-weight: 600;
      border-radius: 6px;
      margin-bottom: 16px;
      align-self: flex-start;
    }
    .mega-feature-title {
      font-size: 22px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 12px;
      letter-spacing: 0.5px;
    }
    .mega-feature-desc {
      font-size: 14px;
      color: #64748b;
      line-height: 1.6;
      margin-bottom: 24px;
    }
    .mega-feature-media {
      width: 320px;
      border-radius: 12px;
      overflow: hidden;
      background: #f8fafc;
      flex-shrink: 0;
    }
    .mega-feature-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .mega-feature-card:hover .mega-feature-media img { transform: scale(1.05); }

    main { padding-top: 0px; }
    .hero {
      position: relative; min-height: 80vh; display: flex; align-items: center; justify-content: center;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute; inset: 0; background: linear-gradient(135deg,#1e293b 0%,#0f172a 100%);
    }
    .hero img, .hero video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .hero-mask { position: absolute; inset: 0; background: rgba(0,0,0,.42); }
    .hero-content { position: relative; z-index: 2; text-align: center; color: #fff; }
    .hero-title {
      margin: 0 0 32px; font-size: clamp(42px, 7vw, 100px); line-height: 1.1;
      font-weight: 900; letter-spacing: -0.02em;
      display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0.2em;
    }
    
    .hero-title .line-1 { 
      color: rgba(255,255,255,0.9); /* 实心白色文字 */
      letter-spacing: 0.05em;
      text-transform: uppercase;
      opacity: 0; /* 初始透明 */
      filter: drop-shadow(0 0 10px rgba(255,255,255,0.3));
      animation: heroTitleReveal 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards;
    }

    .hero-title .title-dot {
      color: rgba(255,255,255,0.8);
      opacity: 0;
      animation: heroTitleReveal 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
    }

    .hero-title .line-2 { 
      background: linear-gradient(to right, #ffffff, #f97316, #fbbf24, #ffffff);
      background-size: 200% auto;
      -webkit-background-clip: text; 
      background-clip: text; 
      color: transparent;
      position: relative;
      /* 初始状态设为透明，避免闪烁 */
      opacity: 0;
      animation: heroTitleReveal 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s forwards, shine 4s linear infinite 1.3s;
      filter: drop-shadow(0 10px 30px rgba(249, 115, 22, 0.3));
    }



    @keyframes titleTracking {
      0% { letter-spacing: -0.5em; opacity: 0; }
      100% { letter-spacing: 0.15em; opacity: 0.9; }
    }

    @keyframes shine {
      to { background-position: 200% center; }
    }

    @keyframes pulse {
      0% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.5); opacity: 0.5; }
      100% { transform: scale(1); opacity: 1; }
    }

    @keyframes heroTitleReveal {
      0% { opacity: 0; transform: translateY(40px); }
      100% { opacity: 1; transform: translateY(0); }
    }

    .hero-sub { 
      max-width: 800px; margin: 0 auto; font-size: 18px; 
      color: rgba(255,255,255,0.6); 
      letter-spacing: 0.4em; /* 极宽字间距，营造呼吸感 */
      text-transform: uppercase;
      opacity: 0;
      animation: fadeIn 1.5s ease forwards 0.8s;
      position: relative;
      padding-top: 20px;
    }
    
    /* 副标题上方的精致装饰线 */
    .hero-sub::before {
      content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
      width: 40px; height: 1px; background: rgba(255,255,255,0.3);
    }

    .card {
      background: rgba(255,255,255,.72);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow);
      backdrop-filter: blur(12px);
      transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
    }
    .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    }
    .card-soft {
      background: linear-gradient(180deg,#fff8f2 0%,#ffffff 100%);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow);
      transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
    }
    .card-soft:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(249,115,22,0.08);
    }
    .card-dark {
      background: linear-gradient(135deg,#0f172a 0%,#111827 100%);
      border-radius: 32px; color: #fff;
      box-shadow: 0 24px 70px rgba(15,23,42,.18);
      transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
    }
    .card-dark:hover {
      transform: translateY(-8px);
      box-shadow: 0 30px 80px rgba(15,23,42,.4);
    }

    /* ===== 全新动态非对称布局 (Dynamic Asymmetric Product Ecosystem) ===== */
    .showcase-container {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      gap: 32px;
      perspective: 1000px;
      position: relative;
    }
    .showcase-container::before {
      content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
      width: 120%; height: 120%;
      background: radial-gradient(circle, rgba(249,115,22,0.03), transparent 70%);
      z-index: -1;
    }
    
    .eco-pillar {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr; /* 非对称比例 */
      gap: 32px;
      align-items: stretch;
    }
    
    /* 核心卡片基类 */
    .premium-card {
      position: relative;
      border-radius: 42px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: 0 12px 40px rgba(15, 23, 42, 0.03);
      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .premium-card:hover {
      transform: translateY(-10px) rotateX(1deg);
      box-shadow: 0 40px 100px rgba(15, 23, 42, 0.08);
      border-color: rgba(249, 115, 22, 0.15);
    }

    /* 橙星梦工厂：沉浸式电影感 */
    .card-dream {
      grid-column: span 1;
      display: flex;
      background: #0f172a; /* 深色背景 */
      color: #fff;
    }
    
    .dream-video-area {
      flex: 1.1;
      position: relative;
      overflow: hidden;
    }
    .dream-video-area::after {
      content: ""; position: absolute; inset: 0;
      background: linear-gradient(90deg, transparent 70%, #0f172a 100%);
    }
    .dream-video-area video {
      width: 100%; height: 100%; object-fit: cover; opacity: 0.85;
    }
    
    .dream-text-area {
      flex: 0.9;
      padding: 48px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 2;
    }
    
    .dream-text-area .tag {
      background: rgba(249, 115, 22, 0.15);
      color: #fb923c;
      border: 1px solid rgba(249, 115, 22, 0.3);
      padding: 6px 12px;
      border-radius: 10px;
      font-size: 11px;
      font-weight: 800;
      width: fit-content;
      margin-bottom: 24px;
    }
    
    .dream-text-area h3 {
      font-size: 42px;
      font-weight: 800;
      margin: 0 0 16px;
      letter-spacing: -0.03em;
    }
    
    .dream-text-area p {
      font-size: 16px;
      color: #94a3b8;
      line-height: 1.8;
      margin-bottom: 32px;
    }
    
    /* 橙星推：增长仪表盘感 */
    .card-push {
      background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
      padding: 48px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    .push-header {
      margin-bottom: 32px;
    }
    .push-header .icon {
      width: 48px; height: 48px; background: #e11d48; color: #fff;
      border-radius: 14px; display: grid; place-items: center; font-size: 20px;
      margin-bottom: 20px;
      box-shadow: 0 10px 20px rgba(225, 29, 72, 0.2);
    }
    .push-header h3 { font-size: 32px; font-weight: 800; color: #0f172a; margin: 0; }
    
    .push-visual {
      height: 180px;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 24px;
      border: 1px solid rgba(15, 23, 42, 0.05);
      margin-bottom: 32px;
      display: flex; align-items: center; justify-content: center;
      position: relative;
      overflow: hidden;
    }
    
    .push-chart-line {
      width: 80%; height: 60%;
      stroke: #e11d48;
      stroke-width: 3;
      fill: none;
      filter: drop-shadow(0 4px 10px rgba(225, 29, 72, 0.2));
      stroke-dasharray: 300;
      stroke-dashoffset: 300;
      animation: chartDraw 3s ease-out forwards infinite;
    }
    
    @keyframes chartDraw {
      0% { stroke-dashoffset: 300; opacity: 0; }
      20% { opacity: 1; }
      80% { stroke-dashoffset: 0; opacity: 1; }
      100% { stroke-dashoffset: 0; opacity: 0; }
    }

    /* 次要产品矩阵：精致玻璃拟态 */
    .eco-matrix {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
    }
    
    .matrix-card {
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.8);
      border-radius: 36px;
      padding: 40px;
      text-align: center;
      transition: all 0.4s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02);
    }
    
    .matrix-card:hover {
      background: #ffffff;
      transform: scale(1.05);
      box-shadow: 0 30px 60px rgba(15, 23, 42, 0.06);
    }
    
    .matrix-icon {
      width: 84px; height: 84px;
      border-radius: 24px;
      display: grid; place-items: center;
      font-size: 40px;
      margin-bottom: 24px;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    }
    
    .matrix-title { font-size: 24px; font-weight: 800; color: #0f172a; margin: 0 0 12px; }
    .matrix-desc { font-size: 14px; color: #64748b; line-height: 1.6; margin: 0; font-weight: 500; }

    /* 按钮样式强化 */
    .action-btn {
      padding: 14px 28px;
      border-radius: 4px; /* 锐利化 */
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
      transition: all 0.3s;
      border: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .btn-glass { background: rgba(255,255,255,0.1); color: #fff; border: 1px solid rgba(255,255,255,0.2); }
    .btn-glass:hover { background: #fff; color: #0f172a; }
    
    .btn-solid { background: #e11d48; color: #fff; box-shadow: 0 10px 25px rgba(225, 29, 72, 0.2); }
    .btn-solid:hover { background: #be123c; transform: translateY(-2px); }

    /* 导航栏联系方式：简约大气统一风格 */
    .nav-phone-link {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      color: #475569;
      transition: all 0.3s ease;
      cursor: pointer;
      padding: 8px 16px;
      border-radius: 8px;
      font-weight: 500;
    }
    .nav-phone-link:hover {
      background: rgba(15, 23, 42, 0.03);
      color: #0f172a;
    }

    @media (max-width: 1100px) {
      .eco-pillar { grid-template-columns: 1fr; }
      .card-dream { flex-direction: column; }
      .dream-video-area { height: 300px; }
    }
    @media (max-width: 820px) {
      .eco-matrix { grid-template-columns: 1fr; }
    }

    @media (max-width: 820px) {
      .dual-core-row { grid-template-columns: 1fr; }
      .app-icon-row { grid-template-columns: 1fr; }
    }

    @media (max-width: 1100px) {
      .flagship-card { grid-template-columns: 1fr; }
      .flagship-video-area { height: 360px; }
      .product-matrix { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .product-matrix { grid-template-columns: 1fr; }
      .flagship-info { padding: 40px; }
    }
     .real-preview-box {
      border-radius: 28px; 
      background: #f1f5f9; 
      border: 1px solid rgba(15,23,42,.05);
      display: flex; align-items: center; justify-content: center;
      color: #94a3b8; font-size: 14px; font-weight: 600;
      min-height: 280px; overflow: hidden;
      position: relative;
    }
    /* 未来你填入真实图片后会用到这个样式 */
    .real-preview-box img, .real-preview-box video { 
      position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; 
    }
    .line-sm, .line-md, .line-lg {
      border-radius: 999px; background: #e2e8f0;
    }
    .line-sm { height: 16px; }
    .line-md { height: 18px; }
    .line-lg { height: 24px; }
    .placeholder-grid-3 { margin-top: 16px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
    .box-mini { height: 82px; border-radius: 20px; background: #f1f5f9; border: 1px solid rgba(15,23,42,.07); }
    .box-mini.orange { background: #fed7aa; border-color: rgba(251,146,60,.3); }
    .box-panel { margin-top: 16px; height: 120px; border-radius: 24px; background: #f8fafc; border: 1px solid rgba(15,23,42,.05); }
    .small-stack { display: grid; gap: 16px; }
    .small-card { 
      padding: 18px; border-radius: 24px; 
      border: 1px solid rgba(15,23,42,.04); 
      background: linear-gradient(180deg,#fff 0%,#f8fafc 100%); 
      box-shadow: 0 8px 20px rgba(15,23,42,.03); /* 增加常态微阴影 */
      transition: all 0.3s ease;
    }
    .small-card.orange { 
      background: linear-gradient(180deg,#fffcf8 0%,#fff 100%); 
      border-color: rgba(251,146,60,.15);
    }
    .small-card:hover {
      transform: translateX(6px); /* 鼠标移入时产生微弱的右移指引感 */
      box-shadow: 0 12px 24px rgba(15,23,42,.06);
    }
    .small-card .hint { color: #94a3b8; font-size: 12px; }
    .small-card .strong { margin-top: 10px; font-size: 20px; font-weight: 700; }
    .ott-stage-card,
    .ott-product-card {
      border-radius: 24px;
      border: 1px solid rgba(15, 23, 42, 0.05);
      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
      box-shadow: 0 24px 60px rgba(148, 163, 184, 0.16);
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }
    .ott-stage-card:hover,
    .ott-product-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 30px 80px rgba(148, 163, 184, 0.22);
      border-color: rgba(249, 115, 22, 0.14);
    }
    .ott-stage-card {
      padding: 22px;
    }
    .ott-stage-screen {
      position: relative;
      aspect-ratio: 16 / 9;
      border-radius: 24px;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 16%, rgba(255,255,255,0.96), rgba(255,255,255,0.12) 34%, transparent 50%),
        linear-gradient(180deg, #7cb4df 0%, #4e88bc 52%, #3f74a4 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
    }
    .ott-stage-screen > video,
    .ott-stage-screen > img,
    .ott-stage-screen > iframe {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border: 0;
    }
    .ott-stage-screen::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 36%;
      background: linear-gradient(180deg, rgba(15,23,42,0), rgba(15,23,42,0.06));
    }
    .ott-screen-chip {
      position: absolute;
      top: 22px;
      left: 22px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 14px;
      border-radius: 999px;
      background: rgba(255,255,255,0.86);
      color: #94a3b8;
      font-size: 12px;
      font-weight: 700;
      box-shadow: 0 10px 20px rgba(255,255,255,0.2);
    }
    .ott-stage-content {
      padding: 24px 8px 8px;
    }
    .ott-stage-content h3 {
      margin: 0;
      font-size: clamp(28px, 3vw, 48px);
      line-height: 1.08;
      letter-spacing: -0.05em;
      color: #0f172a;
      white-space: nowrap;
    }
    .ott-stage-content p {
      margin: 18px 0 0;
      color: #64748b;
      font-size: 15px;
      line-height: 1.85;
      max-width: 92%;
    }
    .ott-card-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      align-items: stretch;
    }
    .ott-product-card {
      padding: 18px;
      display: flex;
      flex-direction: column;
      min-height: 252px;
      height: 100%;
    }
    .ott-product-head {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 42px;
    }
    .ott-product-icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--scene-surface, rgba(255, 107, 0, 0.12));
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.84), 0 10px 20px rgba(148, 163, 184, 0.12);
      flex-shrink: 0;
      overflow: hidden;
    }
    .ott-product-icon img {
      width: 28px;
      height: 28px;
      object-fit: contain;
    }
    .ott-product-title {
      font-size: 15px;
      font-weight: 900;
      color: #0f172a;
      line-height: 1.25;
    }
    .ott-product-desc {
      margin-top: 12px;
      color: #64748b;
      font-size: 13px;
      line-height: 1.75;
      min-height: 78px;
    }
    .ott-product-preview {
      margin-top: auto;
      aspect-ratio: 16 / 9;
      width: 100%;
      border-radius: 18px;
      border: 1px solid rgba(251, 146, 60, 0.12);
      background:
        radial-gradient(circle at 25% 12%, rgba(255,255,255,0.92), rgba(255,255,255,0) 45%),
        linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
      overflow: hidden;
    }
    .ott-product-preview img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .ott-showcase {
      margin-top: 46px;
      display: grid;
      gap: 28px;
    }
    .ott-actions {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }
    .view-all-products {
      display: flex;
      justify-content: center;
      margin-top: 60px;
    }
    .ott-main-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.9fr);
      gap: 22px;
      align-items: stretch;
    }
    .device-stage { padding: 0; position: relative; overflow: hidden; min-height: 0; border-radius: 20px; }
    .stage-tag {
      position: absolute; left: 28px; top: 28px; padding: 10px 16px; border-radius: 999px;
      background: rgba(255,255,255,.85); border: 1px solid rgba(15,23,42,.05); color: #64748b; font-size: 12px;
    }
    .device-stack { position: relative; height: 100%; min-height: 520px; display: flex; align-items: center; justify-content: center; }
    .phone-left, .tv-center, .phone-right {
      position: absolute; border-radius: 32px; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.9);
      box-shadow: 0 18px 50px rgba(15,23,42,.1); backdrop-filter: blur(20px);
      padding: 18px;
    }
    .phone-left { left: 0; top: 84px; width: 210px; height: 300px; }
    .tv-center { z-index: 2; width: 560px; height: 330px; }
    .phone-right { right: 16px; bottom: 0; z-index: 3; width: 140px; height: 250px; }
    .device-art {
      margin-top: 16px; border-radius: 24px; background: linear-gradient(180deg,#fff8f2 0%,#f8fafc 100%);
    }
    .phone-left .device-art { height: 220px; }
    .phone-right .device-art { height: 150px; background: #fed7aa; border: 1px solid rgba(251,146,60,.3); }
    .tv-grid { margin-top: 18px; height: 252px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; }
    .tv-main { border-radius: 24px; background: #000; position: relative; overflow: hidden; }
    .video-player {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .video-placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
      border-radius: 24px;
    }
    .play-button {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: rgba(249, 115, 22, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 24px;
      margin-bottom: 16px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .play-button:hover {
      background: rgba(249, 115, 22, 1);
      transform: scale(1.1);
    }
    .video-label {
      color: rgba(255, 255, 255, 0.8);
      font-size: 14px;
      font-weight: 600;
    }
    .tv-side { display: grid; gap: 14px; }
    .tv-side > div { border-radius: 22px; background: #fff; border: 1px solid rgba(15,23,42,.06); }
    .tv-side > div:nth-child(2) { background: #fed7aa; border-color: rgba(251,146,60,.3); }

    .scene-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .scene-card { padding: 24px; position: relative; overflow: hidden; transition: .3s ease; }
    .scene-card:hover { transform: translateY(-6px); }
    .scene-top { display: flex; flex-direction: column; gap: 8px; }
    .scene-header { display: flex; align-items: center; gap: 12px; }
    .scene-logo { font-size: 36px; }
    .scene-title { font-size: 24px; font-weight: 700; }
    .scene-description { font-size: 14px; color: #64748b; line-height: 1.5; }
    .scene-art { margin-top: 22px; aspect-ratio: 16/9; border-radius: 22px; background: linear-gradient(180deg,#fff8f2 0%,#f8fafc 100%); border: 1px solid rgba(15,23,42,.05); }

    .assets-wrap { margin-top: 32px; overflow: hidden; }
    .asset-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0,1fr)); padding: 24px 24px 40px 24px; align-items: start; }
    .asset-card { 
      padding: 16px; position: relative; overflow: hidden; 
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      cursor: pointer;
      border-radius: 28px;
      display: block;
      color: inherit;
      text-decoration: none;
    }
    .asset-grid > div:nth-child(even) { margin-top: 40px; }
    .asset-card:hover {
      background: #ffffff;
      box-shadow: 0 30px 60px rgba(15, 23, 42, 0.08);
      transform: translateY(-10px);
    }
    .asset-grid > div:nth-child(even) > .asset-card:hover {
      transform: translateY(-10px);
    }
    
    .asset-poster { 
      aspect-ratio: 16/9; border-radius: 22px; 
      background: linear-gradient(180deg,#fff8f2 0%,#f8fafc 100%); 
      transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .asset-card:hover .asset-poster {
      transform: scale(1.03);
    }
    .asset-name { transition: color 0.3s ease; }
    .asset-card:hover .asset-name { color: var(--orange); }

    .asset-bottom { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .asset-name { font-size: 20px; font-weight: 700; margin-top: 4px; }
    .asset-tag { border-radius: 999px; background: #fff7ed; color: #ea580c; font-size: 12px; padding: 6px 12px; border: 1px solid rgba(251,146,60,.18); }
    .stat-bar { padding: 20px 24px; background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); /* 浅色背景渐变 */      color: #fff; border-top: 1px solid rgba(255,255,255,.08); }
    .stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
    .stat-card { 
      padding: 22px; border-radius: 22px; background: #f8fafc; border: 1px solid rgba(255,255,255,.1); 
      transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
    }
    .stat-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 16px 32px rgba(249,115,22,0.1);
    }
    .stat-value { font-size: clamp(32px, 4vw, 46px); font-weight: 800; letter-spacing: -0.04em; color:var(--orange) }
    .stat-label { margin-top: 12px; font-size: 14px; color: var(--muted);}

    .service-grid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
    .service-card {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 20px;
      color: inherit;
      text-decoration: none;
      cursor: pointer;
      transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    .service-card:hover { transform: translateY(-6px); }
    .service-card:focus-visible {
      outline: none;
      transform: translateY(-6px);
    }
    .service-media {
      aspect-ratio: 16 / 9;
      border-radius: 20px;
      background: linear-gradient(180deg, #fffcf8 0%, #f8fafc 100%);
      border: 1px solid rgba(15,23,42,.04);
      box-shadow: 0 20px 50px rgba(15,23,42,.04);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }
    .service-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .service-card:hover .service-media,
    .service-card:focus-visible .service-media {
      transform: translateY(-2px);
      border-color: rgba(249,115,22,.18);
      box-shadow: 0 24px 54px rgba(249,115,22,.09);
    }
    .service-body { padding-right: 12px; }
    .service-title-row {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .service-title {
      font-size: 18px;
      font-weight: 800;
      line-height: 1.35;
      color: var(--text);
      letter-spacing: -0.02em;
      transition: color 0.3s ease;
    }
    .service-card:hover .service-title,
    .service-card:focus-visible .service-title {
      color: #ea580c;
    }
    .service-desc {
      margin-top: 10px;
      line-height: 1.85;
      color: var(--muted);
      font-size: 15px;
    }

    .news-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
    .news-grid { margin-top: 40px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 28px; }
    .news-feature { overflow: hidden; }
    .news-media {
      aspect-ratio: 16/9;
      display: flex; align-items: center; justify-content: center;
      background:
        radial-gradient(circle at 20% 20%, rgba(249,115,22,.22), transparent 18%),
        linear-gradient(180deg,#fff8f2 0%,#f8fafc 100%);
    }
    .play-btn {
      width: 64px; height: 64px; border-radius: 999px;
      display: grid; place-items: center; background: rgba(255,255,255,.9); color: var(--orange);
      box-shadow: 0 12px 24px rgba(15,23,42,.1); border: 1px solid rgba(251,146,60,.14);
      font-size: 24px;
    }
    .news-body { padding: 28px 30px; }
    .news-meta { color: #ea580c; font-size: 12px; }
    .news-title { margin-top: 12px; font-size: clamp(28px, 4vw, 38px); line-height: 1.2; font-weight: 800; letter-spacing: -0.03em; }
    .news-desc { margin-top: 18px; color: var(--muted); line-height: 1.9; font-size: 16px; }
    .news-list { display: grid; gap: 16px; }
    .news-item { padding: 22px; transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease; }
    .news-item:hover { transform: translateX(6px); }
    .news-item-meta { display: flex; justify-content: space-between; gap: 16px; color: #94a3b8; font-size: 12px; }
    .news-item-title { margin-top: 12px; display: flex; justify-content: space-between; gap: 18px; align-items: center; font-size: 22px; line-height: 1.6; }
    /* ===== 重新设计的高级页脚 (Refined Modern Footer) ===== */
    footer {
      padding: 100px 0 40px; 
      background: #0f172a; /* 稍微提亮一点的深蓝灰，增加科技感 */
      color: #fff;
      position: relative;
      border-top: 1px solid rgba(255,255,255,0.05);
    }
    /* 增加顶部微妙的科技光晕 */
    footer::before {
      content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
      width: 60%; height: 1px;
      background: linear-gradient(90deg, transparent, rgba(249,115,22,0.3), transparent);
    }
    
    .footer-grid { 
      display: grid; 
      grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr; 
      gap: 64px; /* 增加列间距，更透气 */
    }
    .footer-brand {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .footer-logo { height: 32px; object-fit: contain; margin-bottom: 20px; filter: drop-shadow(0 0 8px rgba(255,255,255,0.1)); }
    .brand-slogan {
      font-size: 20px;
      font-weight: 700;
      color: #f8fafc;
      margin-bottom: 12px;
      letter-spacing: 0.5px;
      background: linear-gradient(90deg, #fff, #cbd5e1);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .footer-text { color: #94a3b8; font-size: 14px; line-height: 1.8; margin-bottom: 32px; max-width: 280px; }
    
    .footer-social { display: flex; gap: 12px; }
    .social-btn {
      width: 36px; height: 36px; border-radius: 50%; /* 改为正圆形，更现代 */
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
      display: grid; place-items: center; color: #cbd5e1;
      transition: all 0.3s ease; cursor: pointer;
    }
    .social-btn:hover { background: var(--orange); border-color: var(--orange); color: #fff; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(249,115,22,0.3); }
    .social-icon { width: 20px; height: 20px; filter: brightness(0) invert(1) opacity(0.7); transition: opacity 0.3s ease; }
    .social-btn:hover .social-icon { opacity: 1; }

    .footer-title { font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 28px; position: relative; letter-spacing: 0.5px; }
    /* 移除之前的下划线，改用更干净的排版 */
    
    .footer-links { display: grid; gap: 16px; color: #94a3b8; font-size: 14px; }
    .footer-links :is(a, div) { color: inherit; cursor: pointer; transition: color .2s ease; display: inline-block; width: fit-content; text-decoration: none; }
    .footer-links :is(a, div):hover { color: var(--orange); } /* 悬停变为品牌色 */
    
    /* 重新设计的联系我们列表 */
    .contact-list { display: grid; gap: 20px; }
    .contact-item { display: flex; gap: 12px; align-items: flex-start; }
    .contact-icon-box {
      margin-top: 2px;
      color: #64748b; font-size: 18px; flex-shrink: 0;
    }
    .contact-info-text { font-size: 14px; color: #94a3b8; line-height: 1.6; }
    .contact-info-text b { display: block; color: #cbd5e1; margin-bottom: 2px; font-size: 13px; font-weight: 500; }

    .footer-bottom {
      margin-top: 80px;
      padding-top: 32px;
      border-top: 1px solid rgba(255,255,255,0.08);
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #64748b;
      font-size: 13px;
    }
    .footer-bottom-links { display: flex; gap: 32px; }
    .footer-bottom-links a { color: #64748b; transition: color .2s ease; }
    .footer-bottom-links a:hover { color: #cbd5e1; }

    .fade-in { animation: fadeIn .32s ease; }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(14px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* ===== 全新产品矩阵样式 (对比用) ===== */
    .product-showcase { margin-top: 40px; display: flex; flex-direction: column; gap: 24px; }
    
    .product-hero-card {
      display: grid; grid-template-columns: 1.25fr 0.75fr; 
      background: #ffffff; border-radius: 32px; overflow: hidden;
      box-shadow: 0 16px 50px rgba(15,23,42,.04);
      min-height: 400px;
    }
    .product-hero-media { position: relative; background: #f8fafc; }
    .product-hero-info { padding: 48px 56px; display: flex; flex-direction: column; justify-content: center; }
    .product-hero-brand { display: flex; align-items: center; gap: 12px; }
    .product-hero-icon { 
      width: 36px; height: 36px; border-radius: 10px; 
      background: linear-gradient(135deg, #f97316, #fb923c); color: #fff; 
      display: grid; place-items: center; font-weight: 800; font-size: 18px; 
    }
    .product-hero-title { font-size: 32px; font-weight: 800; color: var(--text); margin: 0; letter-spacing: -0.02em;}
    .product-tag { font-size: 11px; color: #ea580c; background: #fff7ed; border: 1px solid rgba(251,146,60,.2); padding: 4px 8px; border-radius: 6px; font-weight: 700; }
    .product-hero-desc { margin-top: 16px; font-size: 16px; color: var(--muted); font-weight: 500; }
    
    .product-hero-features { list-style: none; padding: 0; margin: 36px 0 0 0; display: grid; gap: 16px; }
    .product-hero-features li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 700; color: var(--text); }
    .product-hero-features li::before { content: ""; width: 4px; height: 16px; background: var(--orange); border-radius: 4px; }
    .hero-btn { margin-top: 40px; align-self: flex-start; padding: 14px 36px; font-size: 16px; border-radius: 4px; } /* 锐利化 */
    .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .product-mini-card {
      background: #ffffff; border-radius: 28px; padding: 36px 24px; text-align: center;
      box-shadow: 0 12px 30px rgba(15,23,42,.03); border: 1px solid rgba(15,23,42,.04);
      transition: all .3s ease; cursor: pointer;
    }
    .product-mini-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(15,23,42,.06); border-color: rgba(251,146,60,.15); }
    .mini-card-icon {
      width: 64px; height: 64px; border-radius: 20px; margin: 0 auto 20px;
      display: grid; place-items: center; font-size: 28px; font-weight: 800;
    }
    .mini-card-title { font-size: 20px; font-weight: 700; color: var(--text); margin-bottom: 12px; }
    .mini-card-desc { font-size: 13px; color: #94a3b8; line-height: 1.7; }

    /* ===== 小程序矩阵专属样式 ===== */
    .mini-program-layout {
      display: grid; grid-template-columns: 1fr 1.15fr; gap: 60px; align-items: center;
      position: relative;
    }
    
    /* 左侧成就展示区 */
    .mp-content {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }
    
    .achievement-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
      margin-top: 20px;
    }
    
    .achievement-card {
      background: transparent;
      border-radius: 0;
      padding: 20px 0;
      box-shadow: none;
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
      text-align: center;
      width: 100%;
    }

    .achievement-card:hover {
      transform: translateY(-5px);
    }

    .achievement-card .data-value {
      font-size: 46px;
      font-weight: 800;
      color: var(--orange);
      line-height: 1.1;
      margin-bottom: 8px;
      display: block;
    }

    .achievement-card .data-label {
      font-size: 16px;
      color: #64748b;
      font-weight: 600;
      margin-bottom: 24px;
      display: block;
    }

    .achievement-visual {
      margin-top: 24px;
      --achievement-visual-height: 175px;
      height: var(--achievement-visual-height);
      min-height: var(--achievement-visual-height);
      border-radius: 0;
      background: transparent;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: none;
      box-shadow: none;
      transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .achievement-visual::before {
      display: none;
    }

    .achievement-card:hover .achievement-visual {
      transform: scale(1.02);
    }

    .achievement-image {
      width: auto;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center;
      border-radius: 0;
      display: block;
      background: transparent;
      position: relative;
      z-index: 1;
      box-shadow: none;
      transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .achievement-image.fun-video-visual {
      width: auto;
      height: 100%;
      max-width: 100%;
      object-fit: contain;
    }

    .achievement-image.rank-board {
      object-position: center;
    }

    .achievement-card:hover .achievement-image {
      transform: scale(1.06);
    }

    /* 成就卡片图片占位符 */
    .achievement-image-placeholder {
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, #f97316 0%, #fbbf24 100%);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 14px;
      font-weight: 600;
      opacity: 0.9;
    }
    
    /* 模拟榜单图片展示 */
    .rank-badge {
      width: 60px; height: 60px;
      background: linear-gradient(135deg, #fcd34d, #f59e0b);
      border-radius: 50%;
      display: grid; place-items: center;
      color: #fff; font-size: 24px; font-weight: 900;
      box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3);
    }
    
    /* 模拟用户增长曲线 */
    .user-growth-mini {
      width: 100%; height: 100%;
      stroke: var(--orange); stroke-width: 2; fill: none;
      opacity: 0.6;
    }

    /* 原有的 mp-features 相关样式保留或微调 */
    .mp-features { display: flex; flex-direction: column; gap: 20px; }
    .mp-feature-item { display: flex; gap: 16px; align-items: center; padding: 16px; border-radius: 18px; background: #f8fafc; border: 1px solid rgba(15, 23, 42, 0.02); }
    .mp-icon { 
      width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px;
      background: #fff; border: 1px solid rgba(15, 23, 42, 0.05);
      display: grid; place-items: center; font-size: 18px; 
    }
    .mp-text h4 { margin: 0; font-size: 15px; font-weight: 700; color: var(--text); }
    .mp-text p { margin: 2px 0 0; font-size: 13px; color: var(--muted); line-height: 1.5; }

    /* 右侧视觉区 */
    .mp-visual {
      position: relative;
      height: 620px;
      display: flex;
      justify-content: center;
      align-items: center;
      perspective: 1400px;
      transform-style: preserve-3d;
      isolation: isolate;
    }

    /* 简化手机框架 - 圆角+均匀边距 */
    .mp-phone-frame {
      width: 255px;
      height: 520px;
      border-radius: 36px;
      padding: 8px;
      box-sizing: border-box;
      overflow: hidden;
      position: absolute;
      background: #ffffff;
      transition: transform .55s cubic-bezier(0.2, 0.9, 0.3, 1), box-shadow .45s ease, opacity .35s ease;
    }

    .mp-phone-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 28px;
      display: block;
    }

    /* ===== 三台手机的空间占位与悬浮交互 ===== */
    .phone-main {
      z-index: 4;
      transform: translate3d(0, 8px, 46px) scale(1);
      box-shadow: 0 34px 72px rgba(15,23,42,.2);
    }
    .phone-left-side {
      z-index: 2;
      transform: translate3d(-138px, 18px, -12px) scale(1);
      opacity: 0.93;
      filter: saturate(0.96);
    }
    .phone-right-side {
      z-index: 3;
      transform: translate3d(138px, 18px, -12px) scale(1);
      opacity: 0.93;
      filter: saturate(0.96);
    }

    .mp-visual:hover .phone-main {
      transform: translate3d(0, -8px, 62px) scale(1.01);
      box-shadow: 0 42px 78px rgba(15,23,42,.24);
    }
    .mp-visual:hover .phone-left-side {
      transform: translate3d(-146px, 12px, -2px) scale(1);
      opacity: 1;
    }
    .mp-visual:hover .phone-right-side {
      transform: translate3d(146px, 12px, -2px) scale(1);
      opacity: 1;
    }

    /* ===== 悬浮标签特效位置微调 ===== */
    .mp-float-card {
      position: absolute; display: flex; align-items: center; gap: 0;
      padding: 0; background: transparent;
      border-radius: 50%; box-shadow: none; border: none;
      font-size: 14px; font-weight: 700; color: #334155; z-index: 5;
      opacity: 0;
      transform: scale(0.5);
      transition: opacity 1s ease, transform 1s ease;
    }
    .mini-program-layout.reveal-stagger.active .mp-float-card {
      opacity: 1;
      transform: scale(1);
      animation: floatBreath var(--float-duration, 4s) ease-in-out infinite;
    }
    .float-d0 { transition-delay: 0ms; --float-duration: 4.2s; }
    .float-d1 { transition-delay: 100ms; --float-duration: 3.7s; }
    .float-d2 { transition-delay: 220ms; --float-duration: 4.5s; }
    .float-d3 { transition-delay: 350ms; --float-duration: 3.9s; }
    .float-d4 { transition-delay: 480ms; --float-duration: 4.1s; }
    .float-d5 { transition-delay: 600ms; --float-duration: 3.6s; }
    .float-d6 { transition-delay: 720ms; --float-duration: 4.3s; }
    .float-d7 { transition-delay: 860ms; --float-duration: 3.8s; }

    .float-info {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .f-title {
      font-size: 12px;
      color: #64748b;
      font-weight: 600;
      line-height: 1;
    }

    .f-highlight {
      font-size: 17px;
      font-weight: 800;
      color: var(--orange); /* 使用品牌橙色突出数据 */
      line-height: 1;
      white-space: nowrap; /* 保证数据不换行 */
    }

    .f-highlight small {
      font-size: 11px;
      font-weight: 500;
      color: #94a3b8;
      margin-left: 2px;
    }
    .icon-circle { width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; color: white; font-size: 13px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.15); }

    .float-wx { top: 1%; left: 65%; transition-delay: 0s; }
    .float-dy { top: 3%; right: 5%; transition-delay: 0.2s; }
    .float-ks { top: 90%; left: 50%; transition-delay: 0.5s; }
    .float-4 { top: 94%; right: 2%; transition-delay: 0.1s; }
    .float-5 { top: 50%; left: 48%; transition-delay: 0.35s; }
    .float-douyin { top: 44%; right: 1%; transition-delay: 0.4s; }
    .float-kuaishou { bottom: 0%; left: 70%; transition-delay: 0.55s; }
    .float-xhs { top: 22%; right: 50%; transition-delay: 0.7s; }


    @keyframes floatBreath {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-6px); }
    }


    


    /* ===== 重新设计：创作者瀑布流 (Creator Waterfall Mosaic) ===== */
    .creator-nebula-wrap {
      margin-top: 60px;
      height: 440px;
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      background: transparent;
    }

    /* 遮罩蒙版：让边缘虚化，聚焦中心 */
    .creator-nebula-wrap::after {
      content: "";
      position: absolute; inset: 0;
      background: radial-gradient(circle at center, transparent 25%, rgba(248, 250, 252, 0.7) 75%);
      z-index: 10;
      pointer-events: none;
    }

    .mosaic-container {
      position: absolute; inset: 0;
      display: flex; flex-direction: column; justify-content: center; gap: 20px;
      transform: rotate(-5deg) scale(1.1); /* 倾斜一点更有设计感 */
    }

    .mosaic-row {
      display: flex; gap: 20px;
      width: max-content;
      animation: mosaic-scroll linear infinite;
    }
    @keyframes mosaic-scroll {
      from { transform: translateX(0); }
      to { transform: translateX(calc(-50% - 10px)); }
    }

    .mosaic-item {
      width: 80px; height: 80px;
      background: #fff;
      border-radius: 16px;
      padding: 4px;
      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
      flex-shrink: 0;
    }
    .mosaic-item img { width: 100%; height: 100%; border-radius: 13px; object-fit: cover; filter: grayscale(0.2) opacity(0.8); transition: 0.3s; }
    .mosaic-item:hover img { filter: grayscale(0) opacity(1); transform: scale(1.05); }

    /* 居中数据卡片：极致简洁 */
    .nebula-core {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      z-index: 50;
      width: 320px;
      padding: 40px;
      background: rgba(255, 255, 255, 0.02);
      backdrop-filter: blur(4px) saturate(200%);
      -webkit-backdrop-filter: blur(4px) saturate(200%);
      border-radius: 24px;
      box-shadow:
        0 4px 30px rgba(0, 0, 0, 0.02),
        inset 0 0 0 1px rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
      text-align: center;
      transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    
    .nebula-core:hover {
      transform: translate(-50%, -50%) scale(1.05);
    }

    .nebula-core .data-val {
      font-size: 84px; font-weight: 900; 
      color: var(--orange);
      line-height: 1; margin-bottom: 4px;
      letter-spacing: -3px;
      white-space: nowrap;
      transition: color 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    
    .nebula-core:hover .data-val {
      color: #f59e0b;
    }
    
    .nebula-core .data-label {
      font-size: 15px; color: #64748b; font-weight: 800; letter-spacing: 5px; text-transform: uppercase;
      transition: color 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    
    .nebula-core:hover .data-label {
      color: #475569;
    }

    @media (max-width: 820px) {
      .creator-nebula-wrap { height: 360px; }
      .nebula-core { width: 240px; padding: 30px; }
      .nebula-core .data-val { font-size: 56px; }
      .mosaic-item { width: 60px; height: 60px; }
    }

    @media (max-width: 1180px) {
      .menu-toggle { display: block; }
      .nav-center { 
        display: none; 
        width: 100%; 
        position: static; 
        transform: none; 
        flex-direction: column; 
        gap: 6px;
        padding: 24px 0;
        border-top: 1px solid var(--line);
        margin-top: 16px;
      }
      .nav-center.open { display: flex; }
      .nav-row { height: auto; padding: 18px 0; align-items: flex-start; flex-direction: column; }
      .nav-left { width: 100%; justify-content: space-between; }
      .nav-left .logo { height: 28px; }
      .menu-toggle { padding: 6px; }
      .nav-actions { margin-left: auto; display: none; }
      .nav-center.open ~ .nav-actions { display: flex; width: 100%; justify-content: center; padding-top: 16px; border-top: 1px solid var(--line); }
      .mega-wrap { display: none; }

      .nav-center .nav-btn {
        width: 100%;
        text-align: left;
        padding: 12px 2px;
        font-size: 16px;
      }
      .nav-center .nav-btn.active::after { display: none; }
      .nav-center .nav-btn:not(:last-child) { border-bottom: 1px solid rgba(15, 23, 42, 0.08); }

      .mega-grid, .flow-detail, .scene-layout, .news-grid { grid-template-columns: 1fr; }
      .menu-columns.cols-4, .menu-columns.cols-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .mega-body-row { gap: 24px; }
      .mega-feature-card { display: none; }
      .flow-row, .service-grid, .asset-grid, .stat-grid, .footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .tv-center { position: relative; width: min(100%, 560px); }
      .phone-left, .phone-right { transform: scale(.92); }
      .product-hero-card { grid-template-columns: 1fr; min-height: auto; }
      .product-hero-media { height: 280px; }
      .product-grid { grid-template-columns: repeat(2, 1fr); }
      .mini-program-layout { grid-template-columns: 1fr; gap: 40px; }
      .achievement-visual { --achievement-visual-height: 175px; }
      .mp-visual { height: 560px; padding: 24px 0; }
      .mp-phone-frame { width: 225px; height: 460px; }
      .phone-left-side { transform: translate3d(-112px, 16px, -8px) scale(1); }
      .phone-right-side { transform: translate3d(112px, 16px, -8px) scale(1); }
      .float-wx { left: 0; }
      .float-dy { right: 0; }
      .float-ks { left: 10px; }
    }
    @media (max-width: 820px) {
      .section { padding: 40px 0; }
      .hero { min-height: 80vh; }
      .container, .nav-inner { width: min(var(--max), calc(100% - 28px)); }
      main { padding-top: 80px; } /* 恢复默认内边距，因为导航栏在移动端会变高 */
      .mega-menu { display: none; }
      .section-title { white-space: normal; }
      .flow-row, .service-grid, .asset-grid, .stat-grid, .footer-grid, .scene-grid { grid-template-columns: 1fr; }
      .flow-line { display: none; }
      .device-stage { min-height: 760px; }
      .achievement-grid { gap: 18px; }
      .achievement-visual { --achievement-visual-height: 160px; }
      .mp-visual { height: 480px; }
      .mp-phone-frame { width: 190px; height: 390px; border-radius: 32px; }
      .phone-main { transform: translate3d(0, 8px, 38px) scale(1); }
      .phone-left-side { transform: translate3d(-90px, 18px, -8px) scale(1); }
      .phone-right-side { transform: translate3d(90px, 18px, -8px) scale(1); }
      .tv-center { width: 100%; max-width: 100%; height: 280px; }
      .phone-left { top: 0; left: 0; width: 160px; height: 240px; }
      .phone-right { right: 0; bottom: 20px; width: 120px; height: 220px; }
      .hero-title { line-height: 1.08; }
      .asset-card:nth-child(even) { transform: none; }
      .creator-avatar-item { width: 84px; height: 84px; }
    }

    /* 头像点击放大效果 */
    .creator-avatar-item.is-active {
      transform: scale(1.3); /* 放大比例 */
      border-color: var(--orange); /* 品牌橙色边框 */
      box-shadow: 0 16px 40px rgba(249, 115, 22, 0.25); /* 橙色发光阴影 */
      z-index: 10;
      position: relative;
    }

    /* 确保平滑过渡 */
    .creator-avatar-item {
      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                  box-shadow 0.4s ease, 
                  border-color 0.4s ease;
    }
    
    .hot-tag {
      background: linear-gradient(90deg, #f97316 0%, #fb923c 100%);
      color: #fff;
      font-size: 10px;
      font-weight: 800;
      padding: 2px 4px;
      border-radius: 4px 4px 4px 0;
      margin-left: 2px;
      display: inline-block;
      position: relative;
      top: -12px; /* 向上推，使其真正成为右上角的上标 */
      line-height: 1;
      font-style: italic;
      transform: scale(0.75); /* 整体等比缩小到 75% */
      transform-origin: left bottom; /* 以左下角为原点缩小，保持靠左排列 */
    }
    
    .new-tag {
      background: linear-gradient(90deg, #ef4444 0%, #f87171 100%); 
      color: #fff;
      font-size: 10px;
      font-weight: 800;
      padding: 2px 4px;
      border-radius: 4px 4px 4px 0;
      margin-left: 2px;
      display: inline-block;
      position: relative;
      top: -12px; 
      line-height: 1;
      font-style: italic;
      transform: scale(0.75); 
      transform-origin: left bottom; 
    }
    
    /* ===== 生态合作伙伴 ===== */
    .partner-section {
      background: transparent;
    }
    .partner-section::before {
      display: none;
    }
    .partner-categories {
      margin-top: 60px;
    }
    .partner-tabs {
      display: flex;
      gap: 20px;
      margin-bottom: 48px;
      flex-wrap: wrap;
      justify-content: center;
      position: relative;
    }
    .partner-tab {
      padding: 14px 32px;
      border: 2px solid rgba(249, 115, 22, 0.15);
      background: rgba(255, 255, 255, 0.95);
      border-radius: 999px;
      color: #475569;
      font-size: 15px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
      backdrop-filter: blur(15px);
      position: relative;
      overflow: hidden;
    }
    .partner-tab::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: left 0.6s;
    }
    .partner-tab:hover::before {
      left: 100%;
    }
    .partner-tab:hover {
      border-color: var(--orange);
      color: var(--orange);
      background: rgba(255, 255, 255, 0.98);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(249, 115, 22, 0.15);
    }
    .partner-tab.active {
      background: linear-gradient(135deg, var(--orange), #fb923c);
      border-color: var(--orange);
      color: white;
      box-shadow: 0 8px 32px rgba(249, 115, 22, 0.3);
      transform: translateY(-2px);
    }
    .partner-content {
      position: relative;
      min-height: 200px; /* 固定最小高度，避免页面跳动 */
    }
    .partner-category {
      display: none;
      transition: opacity 0.3s ease;
    }
    .partner-category.active {
      display: block;
      opacity: 1;
    }
    .partner-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
      gap: 18px;
      padding: 16px 0;
    }
    .partner-logo-card {
      width: 100%;
      height: 83px;
      background: transparent;
      border-radius: 0;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      box-shadow: none;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      padding: 8px 12px;
    }
    .partner-logo-card:hover {
      transform: translateY(-2px);
    }
    .partner-logo-img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
    .partner-logo-text {
      font-size: 14px;
      font-weight: 500;
      color: #64748b;
      transition: all 0.4s ease;
      position: relative; 
      z-index: 3;
      letter-spacing: 0.2px;
      text-align: center;
      padding: 0 8px;
      line-height: 1.3;
    }
    .partner-logo-card:hover .partner-logo-text {
      color: var(--orange);
      transform: scale(1.03);
    }
    .partner-roll-wrap {
      overflow: hidden;
      padding: 16px 0;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .partner-roll-row {
      display: flex;
      gap: 14px;
      width: max-content;
    }
    .partner-roll-row.row-1 { animation: partner-h-scroll 35s linear infinite; }
    .partner-roll-row.row-2 { animation: partner-h-scroll 45s linear infinite reverse; }
    @keyframes partner-h-scroll {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    .partner-roll-wrap .partner-logo-card {
      width: 140px;
      height: 83px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid rgba(15,23,42,.06);
      box-shadow: 0 4px 12px rgba(15,23,42,.04);
    }
    @media (max-width: 1100px) {
      .partner-grid { grid-template-columns: repeat(4, 1fr); }
    }
    @media (max-width: 820px) {
      .partner-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px; }
      .partner-logo-card { height: 80px; border-radius: 20px; }
      .partner-logo-text { font-size: 15px; }
      .partner-roll-wrap .partner-logo-card { width: 100px; height: 65px; }
      .partner-roll-wrap { gap: 10px; }
      .partner-roll-row { gap: 10px; }
    }
  
    /* Bento Grid for Products */
    .bento-section-title {
      font-size: 20px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .bento-section-title::before {
      content: "";
      width: 4px; height: 20px;
      background: #f97316;
      border-radius: 2px;
    }
    .bento-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-bottom: 64px;
    }
    .bento-main {
      grid-column: span 2;
    }
    .bento-side-stack {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .bento-sub-grid {
      grid-column: span 3;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    /* Small Card Style for Bento */
    .mini-product-card {
      background: #ffffff;
      border-radius: 24px;
      padding: 24px;
      border: 1px solid rgba(15, 23, 42, 0.05);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .mini-product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
      border-color: #f97316;
    }
    .mini-icon {
      width: 48px; height: 48px;
      border-radius: 12px;
      display: grid; place-items: center;
      font-size: 20px;
      background: #f8fafc;
    }
    .mini-info h4 { font-size: 16px; font-weight: 800; color: #0f172a; margin: 0 0 4px; }
    .mini-info p { font-size: 13px; color: #64748b; margin: 0; line-height: 1.4; }

    /* 5-Item Bento Grid */
    .eco-bento-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: minmax(320px, auto);
      gap: 24px;
      margin-top: 48px;
    }
    
    .bento-item {
      background: #ffffff;
      border-radius: 32px;
      overflow: hidden;
      border: 1px solid rgba(15, 23, 42, 0.05);
      transition: transform 0.5s, box-shadow 0.5s, border-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      position: relative;
      display: flex;
      flex-direction: column;
    }
    
    .bento-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 30px 60px rgba(15, 23, 42, 0.08);
      border-color: #f97316;
    }
    
    /* 大卡片：梦工厂 */
    .bento-item.featured {
      grid-column: span 2;
      flex-direction: row;
      background: #0f172a;
      color: #fff;
    }
    
    .featured .bento-visual { width: 55%; position: relative; overflow: hidden; }
    .featured .bento-visual video { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }
    .featured .bento-content { width: 45%; padding: 48px; display: flex; flex-direction: column; justify-content: center; }
    .featured h3 { font-size: 32px; font-weight: 800; margin-bottom: 16px; }
    .featured p { font-size: 15px; color: #94a3b8; line-height: 1.6; margin-bottom: 24px; }
    
    /* 普通卡片 */
    .bento-item.standard { padding: 32px; justify-content: space-between; }
    .standard .bento-icon { 
      width: 56px; height: 56px; border-radius: 16px; 
      display: grid; place-items: center; font-size: 24px; margin-bottom: 24px;
      background: #f8fafc;
    }
    .standard h4 { font-size: 20px; font-weight: 800; color: #0f172a; margin-bottom: 12px; }
    .standard p { font-size: 14px; color: #64748b; line-height: 1.5; margin: 0; }
    
    /* 变现卡片（橙星推）特别样式 */
    .bento-item.highlight {
      background: linear-gradient(135deg, #fff 0%, #fff8f2 100%);
      border: 1px solid rgba(249, 115, 22, 0.1);
    }
    .highlight .bento-icon { background: #fff7ed; color: #f97316; }

    @media (max-width: 1100px) {
      .eco-bento-container { grid-template-columns: repeat(2, 1fr); }
      .bento-item.featured { grid-column: span 2; }
    }
    @media (max-width: 768px) {
      .eco-bento-container { grid-template-columns: 1fr; }
      .bento-item.featured { grid-column: span 1; flex-direction: column; }
      .featured .bento-visual, .featured .bento-content { width: 100%; }
      .featured .bento-visual { height: 240px; }
    }


    /* =========================================
       全屏沉浸式：双擎驱动 + 面板式工具箱
       ========================================= */

    /* --- 第一层：巨幕旗舰卡（橙星梦工厂）--- */
    .hero-engine-card {
      position: relative;
      width: 100%;
      height: 480px;
      border-radius: 36px;
      background: #020617;
      overflow: hidden;
      display: flex;
      align-items: center;
      /* margin-bottom: 32px; */
      box-shadow: 0 24px 50px rgba(2, 6, 23, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.06);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      cursor: pointer;
    }
    .hero-engine-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 32px 70px rgba(249, 115, 22, 0.15);
      border-color: rgba(249, 115, 22, 0.3);
    }

    .he-content {
      position: relative;
      z-index: 10;
      width: 50%;
      padding: 0 64px;
      color: #fff;
    }
    .he-badge {
      display: inline-block;
      padding: 6px 14px;
      border-radius: 100px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 1px;
      margin-bottom: 24px;
      background: rgba(249, 115, 22, 0.15);
      color: #fb923c;
      border: 1px solid rgba(249, 115, 22, 0.3);
    }
    .he-title-row {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 16px;
    }
    .he-title-row .material-icons {
      font-size: 36px;
      color: #fb923c;
    }
    .he-logo {
      height: 42px;
      width: auto;
    }
    .ge-logo {
      height: 36px;
      width: auto;
    }
    .he-title-row h3 {
      font-size: 42px;
      font-weight: 900;
      margin: 0;
      letter-spacing: -0.04em;
    }
    .he-content p {
      font-size: 18px;
      color: #94a3b8;
      line-height: 1.7;
      margin: 0 0 40px 0;
      max-width: 90%;
    }
    .he-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 800;
      font-size: 16px;
      color: #fb923c;
      text-decoration: none;
      transition: gap 0.3s ease;
    }
    .hero-engine-card:hover .he-link {
      gap: 14px;
    }

    .he-visual {
      position: absolute;
      right: 0;
      top: 0;
      width: 60%;
      height: 100%;
      z-index: 1;
    }
    .he-visual video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.9;
    }
    .he-mask {
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, #020617 0%, transparent 35%);
    }

    /* --- 第二层：分栏组合（6:4 比例）--- */
    .split-engine-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 32px;
    }

    /* 左侧：橙星推 (SaaS 白, 数据看板感) */
    .growth-engine-card {
      position: relative;
      border-radius: 36px;
      background: #ffffff;
      padding: 48px;
      overflow: hidden;
      border: 1px solid rgba(15, 23, 42, 0.06);
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.04);
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      cursor: pointer;
    }
    .growth-engine-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
      border-color: rgba(249, 115, 22, 0.25);
    }

    .ge-content {
      position: relative;
      z-index: 10;
      max-width: 60%;
    }
    .ge-badge {
      display: inline-block;
      padding: 6px 14px;
      border-radius: 100px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 1px;
      margin-bottom: 24px;
      background: #fff7ed;
      color: #ea580c;
      border: 1px solid rgba(249, 115, 22, 0.2);
    }
    .ge-title-row {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;
    }
    .ge-title-row .material-icons {
      font-size: 32px;
      color: #f97316;
    }
    .ge-title-row h3 {
      font-size: 36px;
      font-weight: 900;
      color: #0f172a;
      margin: 0;
      letter-spacing: -0.04em;
    }
    .ge-content p {
      font-size: 16px;
      color: #64748b;
      line-height: 1.6;
      margin: 0 0 32px 0;
    }
    .ge-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 800;
      font-size: 16px;
      color: #ea580c;
      text-decoration: none;
      transition: gap 0.3s ease;
    }
    .growth-engine-card:hover .ge-link {
      gap: 14px;
    }

    .ge-visual {
      position: absolute;
      right: -20px;
      bottom: -20px;
      width: 55%;
      height: 80%;
      z-index: 1;
    }
    .ge-grid-bg {
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(249, 115, 22, 0.1) 2px, transparent 2px);
      background-size: 20px 20px;
      -webkit-mask-image: radial-gradient(circle at center, black 0%, transparent 80%);
    }
    .ge-dashboard {
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      border: 1px solid #ffffff;
      border-radius: 20px;
      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.02);
      padding: 24px;
      transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .growth-engine-card:hover .ge-dashboard {
      transform: translate(-10px, -10px);
    }

    .db-header {
      display: flex;
      gap: 6px;
      margin-bottom: 20px;
    }
    .db-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #e2e8f0;
    }
    .db-row {
      height: 12px;
      border-radius: 6px;
      background: #f1f5f9;
      margin-bottom: 12px;
      width: 100%;
    }
    .db-row.short {
      width: 70%;
    }

    .db-float-card {
      position: absolute;
      bottom: -30px;
      left: -30px;
      background: linear-gradient(135deg, #f97316, #fbbf24);
      color: white;
      padding: 18px 24px;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      box-shadow: 0 16px 32px rgba(249, 115, 22, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.3);
      width: 70%;
    }
    .fc-line {
      height: 10px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.4);
      width: 40%;
    }
    .fc-line.long {
      width: 90%;
    }

    /* 右侧：AI 协同工具箱 (控制面板风格) */
    .tools-panel {
      border-radius: 36px;
      background: #f8fafc;
      border: 1px solid rgba(15, 23, 42, 0.04);
      padding: 36px 32px;
      display: flex;
      flex-direction: column;
      gap: 24px;
      box-shadow: inset 0 2px 10px rgba(255, 255, 255, 1);
    }
    .tp-header {
      font-size: 14px;
      font-weight: 800;
      color: #94a3b8;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 8px;
      padding-left: 8px;
    }
    .tp-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .tp-item {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 16px;
      border-radius: 20px;
      background: transparent;
      border: 1px solid transparent;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .tp-item:hover {
      background: #ffffff;
      border-color: rgba(249, 115, 22, 0.15);
      box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
      transform: translateX(4px);
    }

    .tp-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      color: #ffffff;
      flex-shrink: 0;
    }
    .tp-icon.cut {
      background: linear-gradient(135deg, #f43f5e, #fb7185);
      box-shadow: 0 8px 16px rgba(244, 63, 94, 0.25);
    }
    .tp-icon.claw {
      background: linear-gradient(135deg, #3b82f6, #60a5fa);
      box-shadow: 0 8px 16px rgba(59, 130, 246, 0.25);
    }
    .tp-icon.opc {
      background: linear-gradient(135deg, #10b981, #34d399);
      box-shadow: 0 8px 16px rgba(16, 185, 129, 0.25);
    }
    .tp-icon-img {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: #f8fafc;
      padding: 8px;
    }
    .tp-icon-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .tp-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .tp-info h4 {
      font-size: 18px;
      font-weight: 800;
      color: #0f172a;
      margin: 0;
    }
    .tp-info p {
      font-size: 13px;
      color: #64748b;
      margin: 0;
      line-height: 1.4;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .tp-arrow {
      color: #cbd5e1;
      font-size: 24px;
      transition: all 0.3s;
      opacity: 0;
      transform: translateX(-10px);
    }
    .tp-item:hover .tp-arrow {
      color: #f97316;
      opacity: 1;
      transform: translateX(0);
    }

    @media (max-width: 1024px) {
      .split-engine-grid {
        grid-template-columns: 1fr;
      }
      .growth-engine-card {
        min-height: 480px;
      }
      .ge-content {
        max-width: 100%;
        margin-bottom: 48px;
      }
      .ge-visual {
        position: relative;
        width: 100%;
        height: 300px;
        right: 0;
        bottom: 0;
      }
      .hero-engine-card {
        height: auto;
        flex-direction: column;
      }
      .he-content {
        width: 100%;
        padding: 48px;
      }
      .he-visual {
        position: relative;
        width: 100%;
        height: 300px;
      }
      .he-mask {
        background: linear-gradient(180deg, #020617 0%, transparent 35%);
      }
    }


/* -------------------------------------------------------------------------
 * i-home 现有首页/组件补充（reference 全量样式之上叠加，避免破坏 Tailwind 区块）
 * ------------------------------------------------------------------------- */

.gradient-text {
  background: linear-gradient(135deg, #f97316 0%, #fbbf24 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.reveal {
  opacity: 0;
  transform: translateY(42px);
  transition: opacity 0.9s ease-out, transform 0.9s ease-out;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* 对齐参考页 data-aos="fade-up" 的上浮节奏（仍由现有 reveal 逻辑控制重复触发） */
.section-head.reveal {
  opacity: 0;
  transform: translate3d(0, 46px, 0);
  transition: opacity 1.05s ease-out, transform 1.05s cubic-bezier(0.22, 1, 0.36, 1);
}
.section-head.reveal.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.reveal.reveal-no-motion {
  transition: none !important;
}

.reveal-stagger .reveal-item {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.72s ease-out, transform 0.72s ease-out;
}

.reveal-stagger.active .reveal-item {
  opacity: 1;
  transform: translateY(0);
}

.reveal-stagger.reveal-no-motion .reveal-item {
  transition: none !important;
}
.reveal-stagger .reveal-delay-0 { transition-delay: 0ms; }
.reveal-stagger .reveal-delay-1 { transition-delay: 180ms; }
.reveal-stagger .reveal-delay-2 { transition-delay: 360ms; }
.reveal-stagger .reveal-delay-3 { transition-delay: 540ms; }
.reveal-stagger .reveal-delay-4 { transition-delay: 720ms; }

.btn-glass {
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(203, 213, 225, 0.7);
}
.btn-glass:hover {
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(249, 115, 22, 0.35);
}

.btn-cta {
  background: rgba(249, 115, 22, 0.92);
  box-shadow: 0 4px 14px -2px rgba(249, 115, 22, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.25);
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.btn-cta:hover {
  background: rgba(249, 115, 22, 0.98);
  box-shadow: 0 6px 20px -4px rgba(249, 115, 22, 0.45);
  transform: scale(1.02);
}

.btn-dynamics-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.475rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #475569;
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(203, 213, 225, 0.7);
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.btn-dynamics-link:hover {
  color: #f97316;
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(249, 115, 22, 0.35);
}
.btn-dynamics-link svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.dynamics-news-item .dynamics-news-date {
  margin-bottom: 0.375rem;
}
.dynamics-news-item .dynamics-news-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.card-hover {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
  transform: translateY(-12px);
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.1);
}

.product-card-video {
  transform: translateZ(0);
  backface-visibility: hidden;
}

[data-purpose="hero-banner"] .hero-bg img,
[data-purpose="hero-banner"] .hero-bg video {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 与 reference 一致：首屏从视口顶部起算，由固定导航叠在 Hero 上（勿再预留 pt-20） */
.site-root {
  padding-top: 0;
}

[data-purpose="hero-banner"] {
  margin-top: 0;
}


*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset}[type='checkbox'],[type='radio']{-webkit-appearance:none;appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='checkbox']:checked{-webkit-appearance:auto;appearance:auto}}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='radio']:checked{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}@media (forced-colors: active) {[type='checkbox']:indeterminate{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.left-0{left:0px}.right-0{right:0px}.top-0{top:0px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.col-span-1{grid-column:span 1 / span 1}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:0.5rem}.ml-2{margin-left:0.5rem}.mb-1{margin-bottom:0.25rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:0.75rem}.ml-1{margin-left:0.25rem}.mr-3{margin-right:0.75rem}.mt-4{margin-top:1rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-1\.5{height:0.375rem}.h-10{height:2.5rem}.h-20{height:5rem}.h-full{height:100%}.h-12{height:3rem}.h-6{height:1.5rem}.h-1{height:0.25rem}.h-24{height:6rem}.h-4{height:1rem}.h-8{height:2rem}.min-h-\[80vh\]{min-height:80vh}.w-16{width:4rem}.w-auto{width:auto}.w-full{width:100%}.w-1{width:0.25rem}.w-12{width:3rem}.w-20{width:5rem}.w-10{width:2.5rem}.w-32{width:8rem}.w-4{width:1rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-12{gap:3rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-y-12{row-gap:3rem}.space-x-10 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2.5rem * var(--tw-space-x-reverse));margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-full{border-radius:9999px}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:0.20rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-white\/50{border-color:rgb(255 255 255 / 0.5)}.border-accent\/20{border-color:rgb(249 115 22 / 0.2)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-accent{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:rgb(0 0 0 / 0.4)}.bg-slate-50\/50{background-color:rgb(248 250 252 / 0.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}.bg-white\/80{background-color:rgb(255 255 255 / 0.8)}.bg-accent\/10{background-color:rgb(249 115 22 / 0.1)}.bg-white\/70{background-color:rgb(255 255 255 / 0.7)}.bg-\[\#0f1423\]{--tw-bg-opacity:1;background-color:rgb(15 20 35 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-8{padding:2rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-0.025em}.tracking-widest{letter-spacing:0.1em}.tracking-wider{letter-spacing:0.05em}.tracking-tighter{letter-spacing:-0.05em}.tracking-wide{letter-spacing:0.025em}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/90{color:rgb(255 255 255 / 0.9)}.text-accent{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-purple-200{--tw-shadow-color:#e9d5ff;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-200{--tw-shadow-color:#fed7aa;--tw-shadow:var(--tw-shadow-colored)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.duration-300{transition-duration:300ms}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.hover\:border-slate-100:hover{--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-opacity-90:hover{--tw-bg-opacity:0.9}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.group\/item:hover .group-hover\/item\:h-8{height:2rem}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-accent{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 768px){.md\:mt-0{margin-top:0px}.md\:flex{display:flex}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1024px){.lg\:w-3\/5{width:60%}.lg\:w-2\/5{width:40%}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-0{gap:0px}.lg\:border-l{border-left-width:1px}.lg\:border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.lg\:p-12{padding:3rem}}

/* 覆盖 Tailwind base，与 demo 字体一致 */
html, body { font-family: 'Inter', 'Noto Sans SC', sans-serif !important; }

/*
 * 导航栏：与 reference/referIndex.html 一致
 * - Tailwind Preflight 在上方将 button 设为 font-size:100%、font-weight:inherit，会盖掉参考里 .nav-btn 的 15px
 * - 全站 Inter 与参考页导航正文的系统字体栈不同，导航单独使用参考 body 同款字体栈
 */
header.navbar {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
header.navbar .nav-btn {
  font-size: 15px !important;
  /* 参考未写默认字重(≈400)，但在 Win/苹方上略细于肉眼对比；500 对齐中文「常规」观感 */
  font-weight: 500;
  /* Preflight 令 button line-height: inherit → 继承 html 的 1.5，按钮盒变高，::after 的 bottom:-27px 相对底边下移，橙条离导航底边变「松」 */
  line-height: normal;
  letter-spacing: normal;
  color: #475569;
  padding: 6px 0;
}
header.navbar .nav-btn.active {
  /* 参考为 600；650 在支持 Fonts L4 的浏览器中略粗一档，更接近苹方半粗观感；不支持时回退 600 */
  font-weight: 600;
  font-weight: 650;
  color: var(--text);
}
/* 与 reference 第 200-202 行一致；依赖上行 line-height:normal 后盒高与参考对齐 */
header.navbar .nav-btn.active::after {
  bottom: -27px;
  height: 2px;
  border-radius: 999px;
}
header.navbar .nav-phone-link {
  font-size: 15px;
  font-weight: 500;
}

/*
 * Hero 首屏文案（.container.hero-content / .hero-title / .hero-sub）
 * - 全站 Inter !important 会改变与参考页的字重与度量；参考 body 为系统字体栈（referIndex L38–L42）
 * - Tailwind Preflight 在文件后部，需在此再次对齐 h1 / p 的字号、字重与布局
 */
[data-purpose="hero-banner"] .container.hero-content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: #fff !important;
  position: relative;
  z-index: 2;
  width: min(var(--max), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

[data-purpose="hero-banner"] h1.hero-title {
  margin: 0 0 32px !important;
  font-size: clamp(42px, 7vw, 100px) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  font-family: inherit !important;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 0.2em;
}

[data-purpose="hero-banner"] .hero-title .line-1 {
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
}

[data-purpose="hero-banner"] .hero-title .title-dot {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 900 !important;
}

[data-purpose="hero-banner"] .hero-title .line-2 {
  font-weight: 900 !important;
  background: linear-gradient(to right, #ffffff, #f97316, #fbbf24, #ffffff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

[data-purpose="hero-banner"] p.hero-sub {
  max-width: 800px;
  margin: 0 auto !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  padding-top: 20px !important;
  position: relative;
  font-family: inherit !important;
}

@media (max-width: 820px) {
  [data-purpose="hero-banner"] h1.hero-title {
    line-height: 1.08 !important;
  }
}

/* Dual Engine Showcase - 参考页 engine-showcase 样式 */
.engine-showcase {
  display: grid;
  gap: 32px;
  margin-top: 52px;
}
.engine-dual-core {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.engine-matrix-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.engine-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 20px 50px rgba(148, 163, 184, 0.12);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  background: #fff;
}
.engine-card.is-clickable {
  cursor: pointer;
}
.engine-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 70px rgba(148, 163, 184, 0.2);
}
.engine-main-card {
  height: 420px;
  display: flex;
  flex-direction: column;
}
.engine-main-media {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.engine-main-media img, .engine-main-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}
.engine-card:hover .engine-main-media img,
.engine-card:hover .engine-main-media video {
  transform: scale(1.05);
}
.engine-main-content {
  padding: 32px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(15, 23, 42, 0.04);
}
.engine-main-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.engine-main-header {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .engine-main-logo {
      height: 28px;
      width: auto;
      object-fit: contain;
    }
    .engine-main-text h3 {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}
.engine-main-desc {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
  padding-left: 0;
  line-height: 1.6;
  opacity: 0.8;
}
.engine-main-btn {
  padding: 12px 28px;
  border-radius: 4px;
  background: #f97316;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 10px 25px rgba(249, 115, 22, 0.15);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.engine-main-btn:hover {
  background: #ea580c;
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(249, 115, 22, 0.25);
}
.engine-matrix-item-card {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 110px;
}
.engine-matrix-item-header {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.engine-matrix-item-logo {
  width: 44px;
  height: 44px;
  min-width: 44px;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.engine-card:hover .engine-matrix-item-logo {
  transform: scale(1.05);
}
.engine-matrix-item-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.engine-matrix-item-info-row h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.engine-matrix-item-desc {
  margin: 0;
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
  line-height: 1.6;
  padding-left: 0;
  opacity: 0.8;
}
.engine-matrix-item-tag {
  font-size: 11px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 3px;
  white-space: nowrap;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.engine-showcase .view-all-products {
  margin-top: 0;
}
.engine-showcase .view-all-products .round-btn {
  padding: 14px 48px;
  font-size: 16px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1100px) {
  .engine-dual-core { grid-template-columns: 1fr; }
  .engine-matrix-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .engine-matrix-row { grid-template-columns: 1fr; }
  .engine-main-card { height: 380px; }
}