@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');
        
        :root {
            --primary-purple: #8b5cf6;
            --dark-bg: #050505;
        }

        body {
            background-color: var(--dark-bg);
            color: #ffffff;
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            overflow-x: hidden;
        }

        /* ===== Stars Overlay (Keep Original Background) ===== */
.bg-stars {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;              /* 在内容之下 */
    background: transparent; /* 不接管背景 */
}

.star {
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    border-radius: 50%;
    opacity: 0.35;
    animation: star-fall linear infinite;
    will-change: transform;
}

@keyframes star-fall {
    from { transform: translateY(100vh); }
    to   { transform: translateY(-120vh); }
}

/* 确保内容在星星之上 */
body { position: relative; }
nav, section, footer { position: relative; z-index: 10; }


        /* --- 玻璃拟态与背景特效 --- */
        .bg-blur-purple {
            position: absolute;
            width: 50vw;
            height: 50vw;
            background: radial-gradient(circle, rgba(139, 92, 246, 0.12) 0%, rgba(139, 92, 246, 0) 70%);
            filter: blur(100px);
            z-index: -1;
            pointer-events: none;
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            border-color: rgba(139, 92, 246, 0.4);
            background: rgba(255, 255, 255, 0.05);
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        }

        /* --- 文本特效 --- */
        .text-glow {
            text-shadow: 0 0 15px rgba(139, 92, 246, 0.6);
        }

        .gradient-text {
            background: linear-gradient(135deg, #fff 30%, #a78bfa 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .section-title-line {
            width: 60px;
            height: 4px;
            background: var(--primary-purple);
            border-radius: 2px;
        }

        /* --- 滚动条样式 --- */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #0a0a0a; }
        ::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #444; }

        .tag {
            background: rgba(139, 92, 246, 0.1);
            border: 1px solid rgba(139, 92, 246, 0.2);
            padding: 2px 10px;
            border-radius: 4px;
            font-size: 0.75rem;
            color: #a78bfa;
        }

        /* --- 动画关键帧 --- */
        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-scroll {
            animation: scroll 20s linear infinite;
        }
        .animate-scroll:hover {
            animation-play-state: paused;
        }

        /* --- 下拉菜单动画 --- */
    .dropdown-content {
    transform-origin: top right;
    transition: transform 0.18s ease-out, opacity 0.18s ease-out;
    transform: scale(0.95) translateY(-10px);
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
}
    .dropdown-content.dropdown-open {
    transform: scale(1) translateY(0);
    opacity: 1;
    pointer-events: auto;
}
    .dropdown-content.dropdown-closed {
    transform: scale(0.95) translateY(-10px);
    opacity: 0;
    pointer-events: none;
}

  .rrt-cta{
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    margin: 48px auto;
    width: min(1200px, calc(100% - 32px));
    padding: clamp(56px, 6vw, 88px) 20px 110px;
    isolation: isolate; /* 让 blend / z-index 更稳定 */
    background: transparent; /* 不改你页面原背景色 */
  }

  /* 背景层 */
  .rrt-cta__bg{
    position:absolute; inset:0;
    z-index:0;
    pointer-events:none;
  }

  /* 黑紫“科技”底纹（局部渐变，不影响全局） */
  .rrt-cta__bg::before{
    content:"";
    position:absolute; inset:-20%;
    background:
      radial-gradient(900px 420px at 50% 55%, rgba(139,92,246,.18), rgba(0,0,0,0) 60%),
      radial-gradient(600px 300px at 80% 30%, rgba(167,139,250,.12), rgba(0,0,0,0) 65%),
      radial-gradient(700px 360px at 20% 20%, rgba(99,102,241,.10), rgba(0,0,0,0) 60%);
    filter: blur(0px);
    transform: translateZ(0);
  }

  /* 点阵网格 */
  .rrt-cta__grid{
    position:absolute; inset:0;
    opacity:.55;
    background-image:
      radial-gradient(circle at 1px 1px, rgba(255,255,255,.12) 1px, transparent 1.6px);
    background-size: 14px 14px;
    mask-image: radial-gradient(70% 60% at 50% 40%, #000 60%, transparent 100%);
  }

  /* 扫描光束 */
  .rrt-cta__scan{
    position:absolute; inset:-30% -10%;
    background: linear-gradient(115deg,
      transparent 35%,
      rgba(139,92,246,.18) 45%,
      rgba(255,255,255,.06) 50%,
      rgba(139,92,246,.14) 55%,
      transparent 65%);
    transform: translateX(-30%) translateY(-10%);
    animation: rrtScan 6.5s linear infinite;
    mix-blend-mode: screen;
    opacity:.75;
  }
  @keyframes rrtScan{
    0%   { transform: translateX(-35%) translateY(-10%); }
    100% { transform: translateX(35%)  translateY(10%); }
  }

  /* 轻微噪点（纯 CSS） */
  .rrt-cta__noise{
    position:absolute; inset:0;
    opacity:.12;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    mix-blend-mode: overlay;
    animation: rrtNoise 2.2s steps(2) infinite;
  }
  @keyframes rrtNoise{
    0% { transform: translate(0,0); }
    25%{ transform: translate(6px,-4px); }
    50%{ transform: translate(-5px,3px); }
    75%{ transform: translate(4px,6px); }
    100%{ transform: translate(0,0); }
  }

  /* 粒子容器 */
  .rrt-cta__particles{ position:absolute; inset:0; overflow:hidden; }

  .rrt-p{
    position:absolute;
    width: var(--s);
    height: var(--s);
    border-radius: 999px;
    background: rgba(255,255,255,.7);
    opacity: var(--o);
    filter: drop-shadow(0 0 10px rgba(139,92,246,.25));
    animation: rrtFloat var(--d) linear infinite;
    transform: translate3d(0,0,0);
  }
  @keyframes rrtFloat{
    from { transform: translate3d(0, 120%, 0); }
    to   { transform: translate3d(0, -140%, 0); }
  }

  /* Arc */
  .rrt-cta__arc{
    position:absolute;
    left:50%;
    bottom:-64px;
    transform: translateX(-50%);
    width: min(1400px, 115%);
    height: 360px;
    z-index:1;
    pointer-events:none;
  }
  .arc{
    fill:none;
    stroke-linecap: round;
  }
  .arc--outer{
    stroke: rgba(255,255,255,.82);
    stroke-width: 6;
    filter: drop-shadow(0 0 18px rgba(139,92,246,.22));
    stroke-dasharray: 2400;
    stroke-dashoffset: 2400;
    animation: rrtArcDraw 1.2s ease-out forwards;
  }
  .arc--inner{
    stroke: rgba(255,255,255,.22);
    stroke-width: 4;
    stroke-dasharray: 2100;
    stroke-dashoffset: 2100;
    animation: rrtArcDraw 1.6s ease-out .12s forwards;
  }
  @keyframes rrtArcDraw{
    to { stroke-dashoffset: 0; }
  }

  /* Content */
  .rrt-cta__content{
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
  }
  .rrt-cta__title{
    font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin: 0 0 16px;
    color: rgba(255,255,255,.92);
    text-shadow: 0 0 18px rgba(139,92,246,.16);
    animation: rrtFadeUp .9s ease-out both;
  }
  .rrt-cta__desc{
    margin: 0 auto 26px;
    color: rgba(255,255,255,.66);
    font-size: clamp(14px, 1.35vw, 16px);
    line-height: 1.55;
    max-width: 620px;
    animation: rrtFadeUp .9s ease-out .08s both;
  }
  @keyframes rrtFadeUp{
    from{ opacity:0; transform: translateY(10px); }
    to  { opacity:1; transform: translateY(0); }
  }

  .rrt-cta__actions{
    display:flex;
    justify-content:center;
    animation: rrtFadeUp .9s ease-out .16s both;
  }

  /* Button */
  .rrt-cta__btn{
    position: relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding: 14px 26px;
    border-radius: 999px;
    text-decoration:none;
    color: #07110c;
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 40%, #7c3aed 100%);
    box-shadow:
      0 16px 40px rgba(139,92,246,.25),
      0 0 0 1px rgba(255,255,255,.12) inset;
    font-weight: 700;
    letter-spacing: .2px;
    transform: translateZ(0);
    transition: transform .18s ease, filter .18s ease;
    overflow:hidden;
  }
  .rrt-cta__btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
  .rrt-cta__btn:active{ transform: translateY(0px) scale(.99); }

  .rrt-cta__btnGlow{
    position:absolute; inset:-40%;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.6), rgba(255,255,255,0) 55%);
    transform: translateX(-40%);
    animation: rrtBtnShine 2.8s ease-in-out infinite;
    opacity:.55;
    mix-blend-mode: soft-light;
  }
  @keyframes rrtBtnShine{
    0%{ transform: translateX(-45%) rotate(0deg); }
    50%{ transform: translateX(25%) rotate(6deg); }
    100%{ transform: translateX(-45%) rotate(0deg); }
  }

  /* Responsive spacing */
  @media (max-width: 640px){
    .rrt-cta{ padding-bottom: 120px; border-radius: 22px; }
    .rrt-cta__arc{ height: 300px; bottom: -70px; }
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .rrt-cta__scan, .rrt-cta__noise, .rrt-p, .arc--outer, .arc--inner, .rrt-cta__btnGlow{
      animation: none !important;
    }
  }

  html, body {
  width: 100%;
  overflow-x: hidden;
}

@supports (overflow-x: clip) {
  html, body { overflow-x: clip; }
}