:root{--blue-primary:#0047AB;--blue-dark:#003380;--blue-light:#E6F0FF;--red-accent:#D81E05;--red-light:#FFE8E8;--bg-base:#FAFBFF;--text-dark:#1A1A2E;--card-bg:rgba(0,40,120,0.06);--card-hover-border:linear-gradient(135deg,#0047AB,#D81E05);--nav-height:72px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--bg-base);color:var(--text-dark);line-height:1.7;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(30deg,rgba(0,71,171,0.03) 12%,transparent 12.5%,transparent 87%,rgba(0,71,171,0.03) 87.5%),linear-gradient(150deg,rgba(216,30,5,0.02) 12%,transparent 12.5%,transparent 87%,rgba(216,30,5,0.02) 87.5%),linear-gradient(60deg,rgba(0,71,171,0.02) 25%,transparent 25.5%,transparent 75%,rgba(0,71,171,0.02) 75%);background-size:80px 140px;pointer-events:none;z-index:0}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:all .4s;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,71,171,.08)}.main-nav.scrolled{background:rgba(255,255,255,.95);box-shadow:0 4px 30px rgba(0,71,171,.1);padding:10px 0}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo-img{width:65px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 0 15px rgba(0,71,171,.2);transition:all .3s ease}.nav-logo:hover .nav-logo-img{box-shadow:0 0 25px rgba(0,71,171,.4);transform:scale(1.05)}.nav-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--blue-primary),var(--red-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 0 20px rgba(0,71,171,0.3);animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,100%{box-shadow:0 0 20px rgba(0,71,171,0.3)}50%{box-shadow:0 0 30px rgba(0,71,171,0.5)}}.nav-logo-text{font-weight:700;font-size:16px;color:var(--blue-primary)}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{padding:8px 16px;font-size:14.5px;font-weight:500;color:var(--text-dark);border-radius:8px;transition:all .3s;position:relative}.nav-links a:hover{color:var(--blue-primary);background:var(--blue-light)}.nav-links a.active{color:var(--blue-primary);background:var(--blue-light)}.nav-links .nav-cta{background:linear-gradient(135deg,var(--blue-primary),var(--red-accent));color:#fff!important;padding:10px 24px;border-radius:24px;font-weight:600;box-shadow:0 4px 15px rgba(216,30,5,0.25);animation:ctaGlow 2.5s ease-in-out infinite}.nav-links .nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(216,30,5,0.35)}@keyframes ctaGlow{0%,100%{box-shadow:0 4px 15px rgba(216,30,5,0.25)}50%{box-shadow:0 4px 25px rgba(216,30,5,0.4)}}.nav-toggle{flex-direction:column;gap:5px;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2.5px;background:var(--blue-primary);border-radius:2px;transition:all .3s}.hero-wrap{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;box-sizing:border-box;position:relative;overflow:hidden}.hero-bg-deep{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#F0F4F8 0%,#DDEAFE 100%);z-index:0}.hero-bg-deep::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 17% 60%,rgba(22,93,255,0.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(22,93,255,0.04) 0%,transparent 40%);z-index:1;pointer-events:none}.circuit-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(22,93,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,93,255,0.08) 1px,transparent 1px);background-size:60px 60px;z-index:0;opacity:0.25}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}.circuit-lightband{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1;opacity:0.5}.circuit-lightband::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(105deg,transparent 38%,rgba(22,93,255,0.04) 44%,rgba(22,93,255,0.08) 50%,rgba(22,93,255,0.04) 56%,transparent 62%);animation:lightbandFlow 12s linear infinite}@keyframes lightbandFlow{0%{transform:translateX(-30%)}100%{transform:translateX(30%)}}.hero-bg-deep{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.circuit-network{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.circuit-fog{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 75% 25%,rgba(22,93,255,0.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(22,93,255,0.05) 0%,transparent 40%);z-index:3;pointer-events:none}.chip-core-dot{animation:coreBreath 3s ease-in-out infinite}.chip-core-inner{animation:coreBreathInner 3s ease-in-out infinite 0.3s}.chip-outer-glow{animation:outerPulse 3s ease-in-out infinite}@keyframes coreBreath{0%,100%{opacity:0.35;r:8}50%{opacity:0.55;r:10}}@keyframes coreBreathInner{0%,100%{opacity:0.4;r:4}50%{opacity:0.6;r:5}}@keyframes outerPulse{0%,100%{opacity:0.15}50%{opacity:0.3}}.sr-1{animation:signalExpand 7s ease-out infinite}.sr-2{animation:signalExpand 7s ease-out infinite 1.75s}.sr-3{animation:signalExpand 7s ease-out infinite 3.5s}.sr-4{animation:signalExpand 7s ease-out infinite 5.25s}@keyframes signalExpand{0%{r:30;stroke-width:1.5;opacity:0.12}100%{r:200;stroke-width:0.5;opacity:0}}.flow-dot{fill:rgba(22,93,255,0.55);filter:url(#glowF)}.hero-box{max-width:920px;width:100%;text-align:center;margin-left:auto;margin-right:auto;position:relative;z-index:1}.hero-tag{position:absolute;z-index:1;display:inline-block;text-align:center;padding:9.6px 25.6px;background:rgba(22,93,255,0.1);border-radius:99px;color:#165DFF;font-size:22.4px;font-weight:600;border:1.6px solid rgba(0,71,171,0.15);box-shadow:0 3.2px 19.2px rgba(0,71,171,0.08);animation:fadeSlideUp 0.8s ease-out 0s both,bubbleBreath 6s ease-in-out infinite;transition:top 10s ease-in-out,left 10s ease-in-out;cursor:default;pointer-events:auto;white-space:nowrap;will-change:top,left;opacity:0.85}@keyframes bubbleBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-tag:hover{animation-play-state:paused}.hero-title{margin-bottom:40px;position:relative;transition:transform .3s ease-out;text-align:center}.hero-title-inner{animation:none;text-align:center}.char-item{display:inline-block;will-change:transform}.char-item.keyword-red{position:relative;overflow:hidden}@keyframes charFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-title h1,.hero-title h2,.hero-title h3{margin:32px 0;font-weight:900;text-align:center;line-height:1.45;text-shadow:0 2px 8px rgba(22,93,255,0.1),0 4px 16px rgba(0,0,0,0.04)}.hero-title h1{font-size:clamp(32px,4.5vw,60px);letter-spacing:6px;color:#165DFF;text-shadow:0 2px 8px rgba(22,93,255,0.12),0 4px 16px rgba(22,93,255,0.06)}.hero-title h2{font-size:clamp(28px,3.8vw,54px);letter-spacing:8px;color:#1D2939;text-shadow:0 2px 8px rgba(0,0,0,0.05)}.hero-title h3{font-size:clamp(26px,3.5vw,54px);letter-spacing:6px;color:#165DFF;text-shadow:0 2px 8px rgba(22,93,255,0.1)}.keyword-red{color:#E63946;text-shadow:0 1px 0 rgba(216,30,5,0.08),0 2px 6px rgba(230,57,70,0.1)}.keyword-red::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);animation:shimmerSweep 3s ease-in-out infinite}@keyframes shimmerSweep{0%{left:-60%}50%{left:120%}100%{left:120%}}@keyframes redGlow{0%,100%{text-shadow:0 1px 0 rgba(216,30,5,0.12),0 2px 0 rgba(216,30,5,0.08),0 3px 0 rgba(216,30,5,0.05),0 4px 0 rgba(216,30,5,0.02),0 5px 8px rgba(216,30,5,0.12)}50%{text-shadow:0 0 25px rgba(216,30,5,0.25),0 0 40px rgba(216,30,5,0.1)}}.hero-desc{margin:40px auto 40px;max-width:680px;font-size:16px;color:#667085;line-height:1.8;text-align:center;animation:fadeSlideUp 0.8s ease-out 1s both}.hero-buttons{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;animation:fadeSlideUp 0.8s ease-out 1.2s both}.btn-main{padding:18px 42px;font-size:16px;background:#E63946;color:#fff;border-radius:99px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 25px rgba(230,57,70,.2)}.btn-main:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(22,93,255,0.2),0 0 30px rgba(22,93,255,0.15)}.btn-outline{padding:18px 42px;font-size:16px;border:1.5px solid #165DFF;color:#165DFF;border-radius:99px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px)}.btn-outline:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(22,93,255,0.2);background:var(--blue-light)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue-primary),#0055cc);color:#fff;padding:14px 32px;border-radius:30px;font-size:16px;font-weight:600;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 25px rgba(0,71,171,.2);transition:all .3s ease;position:relative;overflow:hidden}.btn-primary::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.5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 35px rgba(0,71,171,.3)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.8);color:var(--blue-primary);padding:14px 32px;border-radius:30px;font-size:16px;font-weight:600;text-decoration:none;border:2px solid rgba(0,71,171,0.2);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--blue-light);border-color:var(--blue-primary);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,71,171,.12)}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.course-carousel{position:relative;overflow:hidden;border-radius:16px}.course-carousel-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.course-carousel-track .course-card{min-width:100%;flex-shrink:0}.course-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.course-dot{width:10px;height:10px;border-radius:50%;background:var(--blue-light);cursor:pointer;transition:all .3s}.course-dot.active{background:var(--blue-primary);transform:scale(1.2)}

/* PC端性能优化：简化高精度滤镜和复杂渐变 */
@media (min-width: 1025px) and (hover: hover) {
  /* 简化背景渐变层数 */
  body::before {
    background-image: linear-gradient(30deg, rgba(0,71,171,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,71,171,0.03) 87.5%) !important;
    background-size: 80px 140px !important;
  }
  
  /* 简化Hero区域径向渐变 */
  .hero-bg-deep::before {
    background: radial-gradient(ellipse at 17% 60%, rgba(22,93,255,0.06) 0%, transparent 50%) !important;
  }
  
  /* 简化电路雾效果 */
  .circuit-fog {
    background: radial-gradient(ellipse at 75% 25%, rgba(22,93,255,0.08) 0%, transparent 50%) !important;
  }
  
  /* 简化光带动画 */
  .circuit-lightband::before {
    animation-duration: 20s !important;
  }
  
  /* 减少backdrop-filter模糊度 */
  .main-nav {
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }
  
  .btn-outline, .btn-secondary {
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
  
  /* 简化关键字红色闪烁效果 */
  .keyword-red::after {
    animation-duration: 5s !important;
  }
  
  /* 减少动画复杂度 */
  .flow-dot {
    filter: none !important;
  }
  
  /* 简化卡片悬浮效果 */
  .glass-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }
  
  /* 减少浮动气泡动画频率 */
  .hero-tag {
    transition-duration: 12s !important;
  }
}
@keyframes tagFloatPre{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-12px) scale(1.03)}50%{transform:translateY(-6px) scale(0.98)}75%{transform:translateY(-18px) scale(1.01)}}.hero-tag{animation:tagFloatPre 8s ease-in-out infinite}