/* ========== 基础：更“高级”的底色 + 光晕 + 噪点 ========== */
  :root{
    --neo-bg1:#0b1020;
    --neo-bg2:#141a33;
    --neo-glow: rgba(164, 97, 255, .35);
    --neo-glow2: rgba(56, 189, 248, .22);
    --neo-card: rgba(255,255,255,.08);
    --neo-stroke: rgba(255,255,255,.14);
  }

  body{
    background: radial-gradient(1200px 700px at 15% 10%, rgba(56, 33, 88, 0.22), transparent 60%),
                radial-gradient(900px 600px at 90% 35%, rgba(28, 73, 92, 0.18), transparent 60%),
                linear-gradient(180deg, var(--neo-bg1), var(--neo-bg2));
    overflow-x: hidden;
  }

  /* 轻微噪点质感（不依赖图片） */
  body:before{
    content:"";
    position:fixed; inset:0;
    pointer-events:none;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
    mix-blend-mode: overlay;
    opacity:.18;
    z-index:0;
  }

  /* 背景光晕球 */
  .bg-orb{
    position:fixed;
    width:520px; height:520px;
    border-radius:50%;
    filter: blur(45px);
    opacity:.55;
    z-index:0;
    pointer-events:none;
    transform: translate3d(0,0,0);
  }
  .bg-orb.orb-1{ left:-180px; top:-120px; background: var(--neo-glow); }
  .bg-orb.orb-2{ right:-220px; top:120px; background: var(--neo-glow2); }
  .bg-orb.orb-3{ left:20%; bottom:-260px; background: rgba(251,146,60,.16); }

  /* 让主要内容盖过背景层 */
  .content-wrapper, header, footer { position: relative; z-index: 1; }

  /* ========== 导航栏：玻璃 + 滚动阴影 ========== */
  .navbar-bg-light.fancy{
    background: #00b2ff  !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,.35);
  }
  .navbar.is-scrolled{
    box-shadow: 0 14px 50px rgba(0,0,0,.16);
    transform: translateY(0);
  }

  /* ========== Hero：标题微光/呼吸 + 插图漂浮 ========== */
  .wrapper.bg-gradient-primary{
    position: relative;
    overflow: hidden;
  }
  .wrapper.bg-gradient-primary:after{
    content:"";
    position:absolute; inset:-2px;
    background: radial-gradient(900px 360px at 50% 0%, rgba(255,255,255,.35), transparent 60%);
    opacity:.35;
    pointer-events:none;
  }

  /* 标题更“亮”，但不刺眼 */
  .display-1, .display-4, .display-5{
    text-shadow: 0 10px 40px rgba(0,0,0,.18);
  }
  .hero-shimmer{
    position: relative;
    display:inline-block;
  }
  .hero-shimmer:after{
    content:"";
    position:absolute; inset:-6px -12px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
    transform: skewX(-18deg);
    opacity:.0;
    animation: shimmer 4.8s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes shimmer{
    0%{ opacity:0; transform: translateX(-40%) skewX(-18deg); }
    25%{ opacity:.45; }
    50%{ opacity:0; transform: translateX(85%) skewX(-18deg); }
    100%{ opacity:0; transform: translateX(85%) skewX(-18deg); }
  }

  /* 首屏插图漂浮 */
  .floaty{
    animation: floaty 5.5s ease-in-out infinite;
    transform-origin: center;
    will-change: transform;
  }
  @keyframes floaty{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-10px); }
  }

  /* ========== 卡片：玻璃拟态 + 悬浮 + 光边 ========== */
  .card.shadow-lg{
    background: var(--neo-card) !important;
    border: 1px solid var(--neo-stroke) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 18px 55px rgba(0,0,0,.18) !important;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }
  .card.shadow-lg:hover{
    transform: translateY(-8px);
    box-shadow: 0 28px 70px rgba(0,0,0,.26) !important;
    border-color: rgba(255,255,255,.22) !important;
  }

  /* 卡片顶部“流光边” */
  .card.shadow-lg:before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius: inherit;
    padding:1px;
    background: linear-gradient(135deg, rgba(164,97,255,.55), rgba(56,189,248,.25), rgba(251,146,60,.22));
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity:.0;
    transition: opacity .35s ease;
    pointer-events:none;
  }
  .card.shadow-lg:hover:before{ opacity:1; }

  /* ========== 图片：轻微放大 + 质感 ========== */
  figure.rounded{
    overflow:hidden;
    box-shadow: 0 18px 60px rgba(0,0,0,.18);
  }
  figure.rounded img{
    transition: transform .55s ease, filter .55s ease;
    will-change: transform;
  }
  figure.rounded:hover img{
    transform: scale(1.045);
    filter: saturate(1.06) contrast(1.03);
  }

  /* ========== 按钮：波纹/更丝滑 hover ========== */
  .btn{
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
  }
  .btn.btn-primary{
    box-shadow: 0 16px 45px rgba(164,97,255,.22);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  }
  .btn.btn-primary:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(164,97,255,.28);
    filter: brightness(1.02);
  }
  .ripple{
    position:absolute;
    border-radius:999px;
    transform: scale(0);
    animation: ripple .6s ease-out;
    background: rgba(255,255,255,.45);
    pointer-events:none;
  }
  @keyframes ripple{
    to{ transform: scale(3.2); opacity: 0; }
  }

  /* ========== 滚动入场：默认隐藏，JS触发显示 ========== */
  .reveal{
    opacity:0;
    transform: translateY(18px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .reveal.in{
    opacity:1;
    transform: translateY(0);
  }

  /* ========== 右下角返回顶部：更像“高级控件” ========== */
  .progress-wrap{
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 18px 60px rgba(0,0,0,.18);
  }

  /* 移动端少点特效，避免过重 */
  @media (max-width: 768px){
    .bg-orb{ display:none; }
    .card.shadow-lg{ backdrop-filter: blur(10px); }
  }