/* ========================================
   华技互连 HJCON - 企业官网样式
   简约大气 · 科技感
   ======================================== */

/* CSS 变量 */
:root {
  --color-primary: #0A4D8C;
  --color-primary-dark: #073961;
  --color-primary-light: #1976CA;
  --color-accent: #00B4D8;
  --color-accent-dark: #0090B0;
  --color-text: #1A1A2E;
  --color-text-light: #5A6B7E;
  --color-text-muted: #8E9AAB;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F5F8FC;
  --color-bg-dark: #0D1B2A;
  --color-border: #E2E8F0;
  --color-white: #FFFFFF;
  --shadow-sm: 0 2px 8px rgba(10, 77, 140, 0.06);
  --shadow-md: 0 4px 20px rgba(10, 77, 140, 0.1);
  --shadow-lg: 0 8px 40px rgba(10, 77, 140, 0.14);
  --radius: 8px;
  --radius-lg: 16px;
  --container: 1200px;
  --header-h: 72px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* 电路板背景图案 - 高复杂度：45度斜线 + 曲线 + 过孔 + 多种芯片(SOIC/QFN/DIP/SOT/TSSOP) + 电容/电阻/LED/晶振/连接器 */
  --circuit-bg: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22600%22%20height=%22600%22%20viewBox=%220%200%20600%20600%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id=%22g%22%20x=%22-50%25%22%20y=%22-50%25%22%20width=%22200%25%22%20height=%22200%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation=%221.2%22%20result=%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,180,216,0.13)%22%20stroke-width=%221.2%22%20stroke-linecap=%22round%22%3E%0A%20%20%20%20%3C%21--%20Main%20traces%20with%2045-degree%20angles%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M0,50%20L40,50%20L60,70%20L120,70%20L140,50%20L200,50%20L220,30%20L280,30%20L300,50%20L360,50%20L380,70%20L440,70%20L460,50%20L520,50%20L540,70%20L600,70%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,130%20L60,130%20L80,110%20L140,110%20L160,130%20L220,130%20L240,150%20L300,150%20L320,130%20L380,130%20L400,110%20L460,110%20L480,130%20L540,130%20L560,150%20L600,150%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,210%20L80,210%20L100,190%20L160,190%20L180,210%20L240,210%20L260,230%20L320,230%20L340,210%20L400,210%20L420,190%20L480,190%20L500,210%20L560,210%20L580,230%20L600,230%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,290%20L40,290%20L60,310%20L120,310%20L140,290%20L200,290%20L220,270%20L280,270%20L300,290%20L360,290%20L380,310%20L440,310%20L460,290%20L520,290%20L540,310%20L600,310%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,370%20L60,370%20L80,390%20L140,390%20L160,370%20L220,370%20L240,350%20L300,350%20L320,370%20L380,370%20L400,390%20L460,390%20L480,370%20L540,370%20L560,350%20L600,350%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,450%20L80,450%20L100,430%20L160,430%20L180,450%20L240,450%20L260,470%20L320,470%20L340,450%20L400,450%20L420,430%20L480,430%20L500,450%20L560,450%20L580,470%20L600,470%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,530%20L40,530%20L60,550%20L120,550%20L140,530%20L200,530%20L220,510%20L280,510%20L300,530%20L360,530%20L380,550%20L440,550%20L460,530%20L520,530%20L540,550%20L600,550%22/%3E%0A%20%20%20%20%3C%21--%20Vertical%20traces%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M40,0%20L40,50%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M60,50%20L60,70%20L80,70%20L80,130%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M140,50%20L140,70%20L160,70%20L160,110%20L180,110%20L180,130%20L200,130%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M220,30%20L220,50%20L240,50%20L240,130%20L260,130%20L260,150%20L280,150%20L280,210%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M300,50%20L300,70%20L320,70%20L320,150%20L340,150%20L340,190%20L360,190%20L360,210%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M380,130%20L380,150%20L400,150%20L400,190%20L420,190%20L420,210%20L440,210%20L440,270%20L460,270%20L460,290%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M500,210%20L500,230%20L520,230%20L520,290%20L540,290%20L540,310%20L560,310%20L560,370%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M80,130%20L80,190%20L100,190%20L100,210%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M160,190%20L160,210%20L180,210%20L180,270%20L200,270%20L200,290%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M260,230%20L260,270%20L280,270%20L280,290%20L300,290%20L300,350%20L320,350%20L320,370%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M340,210%20L340,270%20L360,270%20L360,290%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M420,270%20L420,310%20L440,310%20L440,350%20L460,350%20L460,370%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M520,310%20L520,350%20L540,350%20L540,370%20L560,370%20L560,430%20L580,430%20L580,450%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M100,210%20L100,270%20L120,270%20L120,290%20L140,290%20L140,350%20L160,350%20L160,370%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M180,370%20L180,430%20L200,430%20L200,450%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M260,450%20L260,510%20L280,510%20L280,530%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M340,370%20L340,430%20L360,430%20L360,450%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M420,390%20L420,450%20L440,450%20L440,510%20L460,510%20L460,530%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M500,450%20L500,470%20L520,470%20L520,530%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M40,290%20L40,350%20L60,350%20L60,370%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M140,370%20L140,430%20L160,430%20L160,450%20L180,450%20L180,510%20L200,510%20L200,530%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M300,350%20L300,410%20L320,410%20L320,450%20L340,450%20L340,510%20L360,510%20L360,530%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M460,370%20L460,390%20L480,390%20L480,450%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M540,370%20L540,390%20L560,390%20L560,450%20L580,450%20L580,530%20L600,530%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,180,216,0.08)%22%20stroke-width=%220.8%22%20stroke-linecap=%22round%22%3E%0A%20%20%20%20%3C%21--%20Secondary%20thinner%20traces%20-%20irregular%20paths%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M10,20%20L30,20%20L50,40%20L70,40%20L90,20%20L110,20%20L130,40%20L150,40%20L170,20%20L190,20%20L210,40%20L230,40%20L250,20%20L270,20%20L290,40%20L310,40%20L330,20%20L350,20%20L370,40%20L390,40%20L410,20%20L430,20%20L450,40%20L470,40%20L490,20%20L510,20%20L530,40%20L550,40%20L570,20%20L590,20%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M20,100%20L50,100%20L70,80%20L100,80%20L120,100%20L150,100%20L170,80%20L200,80%20L220,100%20L250,100%20L270,80%20L300,80%20L320,100%20L350,100%20L370,80%20L400,80%20L420,100%20L450,100%20L470,80%20L500,80%20L520,100%20L550,100%20L570,80%20L600,80%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M15,260%20L45,260%20L65,280%20L95,280%20L115,260%20L145,260%20L165,280%20L195,280%20L215,260%20L245,260%20L265,280%20L295,280%20L315,260%20L345,260%20L365,280%20L395,280%20L415,260%20L445,260%20L465,280%20L495,280%20L515,260%20L545,260%20L565,280%20L595,280%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M25,340%20L55,340%20L75,320%20L105,320%20L125,340%20L155,340%20L175,320%20L205,320%20L225,340%20L255,340%20L275,320%20L305,320%20L325,340%20L355,340%20L375,320%20L405,320%20L425,340%20L455,340%20L475,320%20L505,320%20L525,340%20L555,340%20L575,320%20L600,320%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M10,420%20L40,420%20L60,440%20L90,440%20L110,420%20L140,420%20L160,440%20L190,440%20L210,420%20L240,420%20L260,440%20L290,440%20L310,420%20L340,420%20L360,440%20L390,440%20L410,420%20L440,420%20L460,440%20L490,440%20L510,420%20L540,420%20L560,440%20L590,440%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M20,500%20L50,500%20L70,480%20L100,480%20L120,500%20L150,500%20L170,480%20L200,480%20L220,500%20L250,500%20L270,480%20L300,480%20L320,500%20L350,500%20L370,480%20L400,480%20L420,500%20L450,500%20L470,480%20L500,480%20L520,500%20L550,500%20L570,480%20L600,480%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M30,580%20L60,580%20L80,560%20L110,560%20L130,580%20L160,580%20L180,560%20L210,560%20L230,580%20L260,580%20L280,560%20L310,560%20L330,580%20L360,580%20L380,560%20L410,560%20L430,580%20L460,580%20L480,560%20L510,560%20L530,580%20L560,580%20L580,560%20L600,560%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M50,160%20L70,160%20L90,180%20L130,180%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M170,240%20L210,240%20L230,220%20L270,220%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M330,360%20L370,360%20L390,340%20L430,340%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M470,480%20L510,480%20L530,500%20L570,500%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M90,340%20L130,340%20L150,320%20L190,320%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M250,440%20L290,440%20L310,460%20L350,460%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M410,180%20L450,180%20L470,200%20L510,200%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M150,500%20L190,500%20L210,520%20L250,520%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,180,216,0.18)%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20filter=%22url(%23g)%22%3E%0A%20%20%20%20%3C%21--%20Highlighted%20active%20traces%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M40,50%20L60,70%20L80,70%20L80,130%20L100,130%20L100,190%20L120,190%20L140,210%20L160,210%20L160,270%20L180,270%20L200,290%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M220,270%20L240,270%20L260,290%20L280,290%20L300,310%20L320,310%20L340,290%20L360,290%20L380,270%20L400,270%20L420,290%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M440,370%20L460,370%20L480,390%20L500,390%20L520,370%20L540,370%20L560,390%20L580,390%20L600,370%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M140,430%20L160,430%20L180,450%20L200,450%20L220,430%20L240,430%20L260,450%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M300,410%20L320,410%20L340,430%20L360,430%20L380,410%20L400,410%20L420,430%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,200,255,0.25)%22%20stroke-width=%221%22%20filter=%22url(%23g)%22%3E%0A%20%20%20%20%3C%21--%20Pads/junctions%20--%3E%0A%20%20%20%20%3Ccircle%20cx=%2260%22%20cy=%2270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22140%22%20cy=%2270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2280%22%20cy=%22130%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22160%22%20cy=%22110%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22100%22%20cy=%22190%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22180%22%20cy=%22210%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22160%22%20cy=%22270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22220%22%20cy=%22270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22260%22%20cy=%22290%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22310%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22340%22%20cy=%22290%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22380%22%20cy=%22270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22420%22%20cy=%22290%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22440%22%20cy=%22310%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22500%22%20cy=%22390%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22540%22%20cy=%22370%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22580%22%20cy=%22390%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22200%22%20cy=%22450%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22260%22%20cy=%22450%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22320%22%20cy=%22410%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22380%22%20cy=%22410%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22420%22%20cy=%22430%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22460%22%20cy=%22510%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22520%22%20cy=%22530%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2240%22%20cy=%22290%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22140%22%20cy=%22290%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22180%22%20cy=%22270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22280%22%20cy=%22230%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22360%22%20cy=%22190%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22460%22%20cy=%22270%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22120%22%20cy=%22310%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22480%22%20cy=%22450%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22560%22%20cy=%22430%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22340%22%20cy=%22450%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2240%22%20cy=%2250%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22200%22%20cy=%2250%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22360%22%20cy=%2250%22%20r=%224%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22520%22%20cy=%2250%22%20r=%224%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22rgba(0,220,255,0.7)%22%20filter=%22url(%23g)%22%3E%0A%20%20%20%20%3C%21--%20Glowing%20center%20dots%20--%3E%0A%20%20%20%20%3Ccircle%20cx=%2260%22%20cy=%2270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22140%22%20cy=%2270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2280%22%20cy=%22130%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22160%22%20cy=%22110%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22100%22%20cy=%22190%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22180%22%20cy=%22210%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22160%22%20cy=%22270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22220%22%20cy=%22270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22260%22%20cy=%22290%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22310%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22340%22%20cy=%22290%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22380%22%20cy=%22270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22420%22%20cy=%22290%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22440%22%20cy=%22310%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22500%22%20cy=%22390%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22540%22%20cy=%22370%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22580%22%20cy=%22390%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22200%22%20cy=%22450%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22260%22%20cy=%22450%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22320%22%20cy=%22410%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22380%22%20cy=%22410%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22420%22%20cy=%22430%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22460%22%20cy=%22510%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22520%22%20cy=%22530%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2240%22%20cy=%22290%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22140%22%20cy=%22290%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22180%22%20cy=%22270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22280%22%20cy=%22230%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22360%22%20cy=%22190%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22460%22%20cy=%22270%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22120%22%20cy=%22310%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22480%22%20cy=%22450%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22560%22%20cy=%22430%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22340%22%20cy=%22450%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2240%22%20cy=%2250%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22200%22%20cy=%2250%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22360%22%20cy=%2250%22%20r=%222%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22520%22%20cy=%2250%22%20r=%222%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,180,216,0.12)%22%20stroke-width=%221%22%3E%0A%20%20%20%20%3C%21--%20Component%20outlines%20-%20irregular%20positions%20--%3E%0A%20%20%20%20%3Crect%20x=%22210%22%20y=%2255%22%20width=%2235%22%20height=%2218%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22370%22%20y=%22125%22%20width=%2240%22%20height=%2222%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22120%22%20y=%22265%22%20width=%2230%22%20height=%2230%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22430%22%20y=%22235%22%20width=%2245%22%20height=%2225%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22250%22%20y=%22395%22%20width=%2235%22%20height=%2235%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22470%22%20y=%22415%22%20width=%2240%22%20height=%2220%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%2260%22%20y=%22345%22%20width=%2230%22%20height=%2225%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22310%22%20y=%22495%22%20width=%2240%22%20height=%2230%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22170%22%20y=%22175%22%20width=%2225%22%20height=%2220%22%20rx=%222%22/%3E%0A%20%20%20%20%3Crect%20x=%22500%22%20y=%22295%22%20width=%2235%22%20height=%2220%22%20rx=%222%22/%3E%0A%20%20%20%20%3C%21--%20Small%20SOT%20packages%20--%3E%0A%20%20%20%20%3Crect%20x=%2295%22%20y=%2295%22%20width=%2218%22%20height=%2210%22%20rx=%221%22/%3E%0A%20%20%20%20%3Crect%20x=%22275%22%20y=%22155%22%20width=%2218%22%20height=%2210%22%20rx=%221%22/%3E%0A%20%20%20%20%3Crect%20x=%22415%22%20y=%22375%22%20width=%2218%22%20height=%2210%22%20rx=%221%22/%3E%0A%20%20%20%20%3Crect%20x=%22545%22%20y=%22495%22%20width=%2218%22%20height=%2210%22%20rx=%221%22/%3E%0A%20%20%20%20%3C%21--%20QFP%20chip%20--%3E%0A%20%20%20%20%3Crect%20x=%22270%22%20y=%22270%22%20width=%2260%22%20height=%2260%22%20rx=%223%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20stroke=%22rgba(0,180,216,0.1)%22%20stroke-width=%220.6%22%20fill=%22none%22%3E%0A%20%20%20%20%3C%21--%20QFP%20chip%20pins%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M275,265%20L275,270%20M285,265%20L285,270%20M295,265%20L295,270%20M305,265%20L305,270%20M315,265%20L315,270%20M325,265%20L325,270%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M275,330%20L275,335%20M285,330%20L285,335%20M295,330%20L295,335%20M305,330%20L305,335%20M315,330%20L315,335%20M325,330%20L325,335%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M265,275%20L270,275%20M265,285%20L270,285%20M265,295%20L270,295%20M265,305%20L270,305%20M265,315%20L270,315%20M265,325%20L270,325%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M330,275%20L335,275%20M330,285%20L335,285%20M330,295%20L335,295%20M330,305%20L335,305%20M330,315%20L335,315%20M330,325%20L335,325%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22rgba(0,220,255,0.15)%22%20filter=%22url(%23g)%22%3E%0A%20%20%20%20%3C%21--%20Central%20glow%20spot%20--%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22300%22%20r=%2225%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,200,255,0.1)%22%20stroke-width=%220.6%22%3E%0A%20%20%20%20%3C%21--%20Signal%20rings%20around%20center%20--%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22300%22%20r=%2250%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22300%22%20r=%2280%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22300%22%20r=%22110%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22300%22%20cy=%22300%22%20r=%22140%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,180,216,0.06)%22%20stroke-width=%220.5%22%20stroke-dasharray=%223,4%22%3E%0A%20%20%20%20%3C%21--%20Dashed%20reference%20lines%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M0,100%20H600%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,200%20H600%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,400%20H600%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,500%20H600%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M100,0%20V600%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M500,0%20V600%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,200,255,0.15)%22%20stroke-width=%221%22%20filter=%22url(%23g)%22%3E%0A%20%20%20%20%3C%21--%20A%20few%20curved%20traces%20for%20organic%20feel%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M0,250%20Q50,230%20100,250%20T200,250%20T300,250%20T400,250%20T500,250%20T600,250%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M0,350%20Q60,370%20120,350%20T240,350%20T360,350%20T480,350%20T600,350%22/%3E%0A%20%20%3C/g%3E%0A%0A%20%20%3Cg%20fill=%22none%22%20stroke=%22rgba(0,180,216,0.15)%22%20stroke-width=%220.8%22%3E%0A%20%20%20%20%3C%21--%20SOIC-8%20chip%20top-left%20area%20--%3E%0A%20%20%20%20%3Crect%20x=%2255%22%20y=%2285%22%20width=%2230%22%20height=%2220%22%20rx=%221.5%22/%3E%0A%20%20%20%20%3C%21--%20SOIC-8%20pins%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M58,85%20L58,82%20M63,85%20L63,82%20M68,85%20L68,82%20M73,85%20L73,82%20M78,85%20L78,82%20M83,85%20L83,82%20M78,105%20L78,108%20M73,105%20L73,108%20M68,105%20L68,108%20M63,105%20L63,108%20M58,105%20L58,108%22/%3E%0A%20%20%20%20%3C%21--%20SOIC-14%20chip%20mid-right%20--%3E%0A%20%20%20%20%3Crect%20x=%22440%22%20y=%2285%22%20width=%2240%22%20height=%2225%22%20rx=%221.5%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M443,85%20L443,82%20M449,85%20L449,82%20M455,85%20L455,82%20M461,85%20L461,82%20M467,85%20L467,82%20M473,85%20L473,82%20M479,85%20L479,82%20M479,110%20L479,113%20M473,110%20L473,113%20M467,110%20L467,113%20M461,110%20L461,113%20M455,110%20L455,113%20M449,110%20L449,113%20M443,110%20L443,113%22/%3E%0A%20%20%20%20%3C%21--%20QFN%20chip%20bottom-left%20--%3E%0A%20%20%20%20%3Crect%20x=%2245%22%20y=%22420%22%20width=%2228%22%20height=%2228%22%20rx=%222%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M48,420%20L48,417%20M54,420%20L54,417%20M60,420%20L60,417%20M66,420%20L66,417%20M48,448%20L48,451%20M54,448%20L54,451%20M60,448%20L60,451%20M66,448%20L66,451%20M45,423%20L42,423%20M45,429%20L42,429%20M45,435%20L42,435%20M45,441%20L42,441%20M73,423%20L76,423%20M73,429%20L76,429%20M73,435%20L76,435%20M73,441%20L76,441%22/%3E%0A%20%20%20%20%3C%21--%20DIP-16%20chip%20--%3E%0A%20%20%20%20%3Crect%20x=%22380%22%20y=%22465%22%20width=%2235%22%20height=%2255%22%20rx=%221%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M383,465%20L383,462%20M388,465%20L388,462%20M393,465%20L393,462%20M398,465%20L398,462%20M403,465%20L403,462%20M408,465%20L408,462%20M413,465%20L413,462%20M418,465%20L418,462%20M383,520%20L383,523%20M388,520%20L388,523%20M393,520%20L393,523%20M398,520%20L398,523%20M403,520%20L403,523%20M408,520%20L408,523%20M413,520%20L413,523%20M418,520%20L418,523%22/%3E%0A%20%20%20%20%3C%21--%20DIP%20notch%20--%3E%0A%20%20%20%20%3Cpath%20d=%22M390,465%20A5,5%200%200%200%20405,465%22%20stroke-width=%220.5%22/%3E%0A%20%20%20%20%3C%21--%20SOT-23%20transistors%20scattered%20--%3E%0A%20%20%20%20%3Crect%20x=%22195%22%20y=%2295%22%20width=%2214%22%20height=%229%22%20rx=%221%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M197,95%20L197,92%20M202,95%20L202,92%20M207,95%20L207,92%20M197,104%20L197,107%20M202,104%20L202,107%20M207,104%20L207,107%22/%3E%0A%20%20%20%20%3Crect%20x=%22495%22%20y=%22165%22%20width=%2214%22%20height=%229%22%20rx=%221%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M497,165%20L497,162%20M502,165%20L502,162%20M507,165%20L507,162%20M497,174%20L497,177%20M502,174%20L502,177%20M507,174%20L507,177%22/%3E%0A%20%20%20%20%3Crect%20x=%2285%22%20y=%22505%22%20width=%2214%22%20height=%229%22%20rx=%221%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M87,505%20L87,502%20M92,505%20L92,502%20M97,505%20L97,502%20M87,514%20L87,517%20M92,514%20L92,517%20M97,514%20L97,517%22/%3E%0A%20%20%20%20%3Crect%20x=%22350%22%20y=%22245%22%20width=%2214%22%20height=%229%22%20rx=%221%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M352,245%20L352,242%20M357,245%20L357,242%20M362,245%20L362,242%20M352,254%20L352,257%20M357,254%20L357,257%20M362,254%20L362,257%22/%3E%0A%20%20%20%20%3C%21--%20TSSOP%20chip%20--%3E%0A%20%20%20%20%3Crect%20x=%22155%22%20y=%22335%22%20width=%2228%22%20height=%2214%22%20rx=%221%22/%3E%0A%20%20%20%20%3Cpath%20d=%22M158,335%20L158,332%20M163,335%20L163,332%20M168,335%20L168,332%20M173,335%20L173,332%20M178,335%20L178,332%20M180,349%20L180,352%20M175,349%20L175,352%20M170,349%20L170,352%20M165,349%20L165,352%20M160,349%20L160,352%22/%3E%0A%20%20%20%20%3C%21--%20Capacitor%20pads%20(MLCC)%20--%3E%0A%20%20%20%20%3Crect%20x=%22230%22%20y=%22155%22%20width=%2210%22%20height=%226%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22245%22%20y=%22155%22%20width=%2210%22%20height=%226%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22410%22%20y=%22245%22%20width=%2210%22%20height=%226%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22425%22%20y=%22245%22%20width=%2210%22%20height=%226%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22115%22%20y=%22475%22%20width=%2210%22%20height=%226%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22130%22%20y=%22475%22%20width=%2210%22%20height=%226%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3C%21--%20Electrolytic%20capacitor%20(circle)%20--%3E%0A%20%20%20%20%3Ccircle%20cx=%22510%22%20cy=%22250%22%20r=%228%22%20stroke-width=%220.8%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22510%22%20cy=%22250%22%20r=%225%22%20stroke-width=%220.4%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22490%22%20cy=%22490%22%20r=%2210%22%20stroke-width=%220.8%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22490%22%20cy=%22490%22%20r=%226%22%20stroke-width=%220.4%22/%3E%0A%20%20%20%20%3C%21--%20Resistor%20pads%20(0603)%20--%3E%0A%20%20%20%20%3Crect%20x=%22265%22%20y=%22185%22%20width=%228%22%20height=%224%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22278%22%20y=%22185%22%20width=%228%22%20height=%224%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22390%22%20y=%22325%22%20width=%228%22%20height=%224%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22403%22%20y=%22325%22%20width=%228%22%20height=%224%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22530%22%20y=%22435%22%20width=%228%22%20height=%224%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22543%22%20y=%22435%22%20width=%228%22%20height=%224%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3C%21--%20LED%20indicator%20--%3E%0A%20%20%20%20%3Crect%20x=%2275%22%20y=%22245%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%0A%20%20%20%20%3Crect%20x=%22335%22%20y=%2285%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%0A%20%20%20%20%3Crect%20x=%22555%22%20y=%22515%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%0A%20%20%20%20%3C%21--%20Crystal%20oscillator%20--%3E%0A%20%20%20%20%3Crect%20x=%22245%22%20y=%22385%22%20width=%2216%22%20height=%228%22%20rx=%221.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22248%22%20y=%22388%22%20width=%2210%22%20height=%222%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22125%22%20y=%22155%22%20width=%2216%22%20height=%228%22%20rx=%221.5%22/%3E%0A%20%20%20%20%3Crect%20x=%22128%22%20y=%22158%22%20width=%2210%22%20height=%222%22%20rx=%220.5%22/%3E%0A%20%20%20%20%3C%21--%20Connector%20header%20(4-pin)%20--%3E%0A%20%20%20%20%3Crect%20x=%22445%22%20y=%22500%22%20width=%2224%22%20height=%2210%22%20rx=%221%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22450%22%20cy=%22505%22%20r=%222%22%20fill=%22rgba(0,180,216,0.1)%22%20stroke=%22rgba(0,180,216,0.15)%22%20stroke-width=%220.5%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22458%22%20cy=%22505%22%20r=%222%22%20fill=%22rgba(0,180,216,0.1)%22%20stroke=%22rgba(0,180,216,0.15)%22%20stroke-width=%220.5%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22466%22%20cy=%22505%22%20r=%222%22%20fill=%22rgba(0,180,216,0.1)%22%20stroke=%22rgba(0,180,216,0.15)%22%20stroke-width=%220.5%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill=%22rgba(0,220,255,0.08)%22%20stroke=%22rgba(0,200,255,0.12)%22%20stroke-width=%220.4%22%3E%0A%20%20%20%20%3C%21--%20Pin-1%20dot%20indicators%20on%20chips%20--%3E%0A%20%20%20%20%3Ccircle%20cx=%2258%22%20cy=%2288%22%20r=%221.2%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22443%22%20cy=%2288%22%20r=%221.2%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%2248%22%20cy=%22423%22%20r=%221.2%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22383%22%20cy=%22468%22%20r=%221.2%22/%3E%0A%20%20%20%20%3Ccircle%20cx=%22270%22%20cy=%22273%22%20r=%221.2%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
}

/* 重置 */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "PingFang SC",
    "Helvetica Neue", Arial, sans-serif;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color var(--transition);
}

img {
  max-width: 100%;
  display: block;
}

ul, ol {
  list-style: none;
}

/* 容器 */
.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

/* ========================================
   导航栏
   ======================================== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-h);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 1000;
  border-bottom: 1px solid var(--color-border);
  transition: box-shadow var(--transition);
}

.site-header.scrolled {
  box-shadow: var(--shadow-sm);
}

.nav-wrap {
  max-width: var(--container);
  height: 100%;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: 0.5px;
}

.logo-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  border-radius: 8px;
  color: #fff;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.logo-text .en {
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--color-text-muted);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-links a {
  padding: 8px 18px;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--color-text);
  border-radius: var(--radius);
  position: relative;
  transition: all var(--transition);
}

.nav-links a:hover {
  color: var(--color-primary);
  background: rgba(10, 77, 140, 0.06);
}

.nav-links a.active {
  color: var(--color-primary);
  background: rgba(10, 77, 140, 0.08);
}

.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 6px;
  background: none;
  border: none;
}

.nav-toggle span {
  width: 24px;
  height: 2px;
  background: var(--color-text);
  border-radius: 2px;
  transition: all var(--transition);
}

.nav-toggle.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.nav-toggle.open span:nth-child(2) {
  opacity: 0;
}
.nav-toggle.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* 语言切换 */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding-left: 12px;
  border-left: 1px solid var(--color-border);
}

.lang-switch a {
  padding: 4px 10px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-text-muted);
  border-radius: 4px;
  transition: all var(--transition);
}

.lang-switch a:hover {
  color: var(--color-primary);
}

.lang-switch a.active {
  color: var(--color-primary);
  background: rgba(10, 77, 140, 0.08);
}

/* ========================================
   通用区块
   ======================================== */
.section {
  padding: 100px 0;
}

.section-alt {
  background: var(--color-bg-alt);
}

.section-dark {
  background: var(--color-bg-dark);
  color: #fff;
}

.section-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 64px;
}

.section-tag {
  display: inline-block;
  padding: 6px 16px;
  background: rgba(10, 77, 140, 0.08);
  color: var(--color-primary);
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 20px;
  margin-bottom: 18px;
  letter-spacing: 1px;
}

.section-dark .section-tag {
  background: rgba(0, 180, 216, 0.15);
  color: var(--color-accent);
}

.section-title {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 16px;
  line-height: 1.3;
}

.section-dark .section-title {
  color: #fff;
}

.section-subtitle {
  font-size: 1.05rem;
  color: var(--color-text-light);
  line-height: 1.8;
}

.section-dark .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}

/* ========================================
   按钮
   ======================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition);
  white-space: nowrap;
}

.btn-primary {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}

.btn-primary:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(10, 77, 140, 0.3);
}

.btn-outline {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-outline:hover {
  background: var(--color-primary);
  color: #fff;
  transform: translateY(-2px);
}

.btn-light {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

.btn-light:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}

.btn-lg {
  padding: 16px 40px;
  font-size: 1.1rem;
}

/* ========================================
   Hero 区域
   ======================================== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: var(--header-h);
  background: linear-gradient(135deg, #0A2E4D 0%, #0A4D8C 50%, #1565A0 100%);
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    var(--circuit-bg),
    radial-gradient(circle at 20% 50%, rgba(0, 180, 216, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(25, 118, 202, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 60% 80%, rgba(0, 180, 216, 0.1) 0%, transparent 50%);
  background-size: 600px 600px, 100% 100%, 100% 100%, 100% 100%;
}

/* 发光节点动画 */
.hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle at 12% 20%, rgba(0, 220, 255, 0.8) 0%, transparent 1.8%),
    radial-gradient(circle at 28% 42%, rgba(0, 200, 255, 0.6) 0%, transparent 1.4%),
    radial-gradient(circle at 45% 15%, rgba(0, 220, 255, 0.7) 0%, transparent 1.6%),
    radial-gradient(circle at 62% 38%, rgba(0, 200, 255, 0.5) 0%, transparent 1.2%),
    radial-gradient(circle at 78% 22%, rgba(0, 220, 255, 0.8) 0%, transparent 1.8%),
    radial-gradient(circle at 88% 48%, rgba(0, 200, 255, 0.6) 0%, transparent 1.4%),
    radial-gradient(circle at 18% 58%, rgba(0, 220, 255, 0.5) 0%, transparent 1.2%),
    radial-gradient(circle at 38% 75%, rgba(0, 200, 255, 0.7) 0%, transparent 1.6%),
    radial-gradient(circle at 55% 62%, rgba(0, 220, 255, 0.6) 0%, transparent 1.4%),
    radial-gradient(circle at 72% 78%, rgba(0, 200, 255, 0.8) 0%, transparent 1.8%),
    radial-gradient(circle at 85% 65%, rgba(0, 220, 255, 0.5) 0%, transparent 1.2%),
    radial-gradient(circle at 92% 82%, rgba(0, 200, 255, 0.6) 0%, transparent 1.4%);
  animation: circuitNodeGlow 3s ease-in-out infinite alternate;
}

@keyframes circuitNodeGlow {
  0% { opacity: 0.35; }
  100% { opacity: 1; }
}

.hero-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 720px;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(0, 180, 216, 0.15);
  border: 1px solid rgba(0, 180, 216, 0.3);
  border-radius: 24px;
  font-size: 0.85rem;
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 28px;
  backdrop-filter: blur(4px);
}

.hero-badge::before {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
  animation: pulse 2s infinite;
}

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

.hero h1 {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
}

.hero h1 .highlight {
  background: linear-gradient(135deg, var(--color-accent), #4DD0E1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-desc {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.8;
  margin-bottom: 40px;
  max-width: 600px;
}

.hero-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.hero-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 1;
}

/* ========================================
   数据统计
   ======================================== */
.stats-bar {
  background: #fff;
  border-bottom: 1px solid var(--color-border);
  padding: 56px 0;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  text-align: center;
}

.stat-item {
  position: relative;
}

.stat-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: var(--color-border);
}

.stat-num {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  margin-bottom: 10px;
}

.stat-num .unit {
  font-size: 1.2rem;
  color: var(--color-accent);
}

.stat-label {
  font-size: 0.95rem;
  color: var(--color-text-light);
  font-weight: 500;
}

/* ========================================
   业务赛道卡片
   ======================================== */
.tracks-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.track-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 40px;
  transition: all var(--transition);
  position: relative;
  overflow: hidden;
}

.track-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition);
}

.track-card:hover {
  border-color: transparent;
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}

.track-card:hover::before {
  transform: scaleX(1);
}

.track-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(10, 77, 140, 0.08), rgba(0, 180, 216, 0.08));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  font-size: 1.6rem;
}

.track-card h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 12px;
}

.track-card .track-en {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.track-card p {
  color: var(--color-text-light);
  font-size: 0.95rem;
  line-height: 1.8;
}

.track-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.track-tags span {
  padding: 4px 12px;
  background: var(--color-bg-alt);
  border-radius: 4px;
  font-size: 0.8rem;
  color: var(--color-text-light);
  font-weight: 500;
}

/* ========================================
   优势卡片
   ======================================== */
.advantages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.advantage-card {
  text-align: center;
  padding: 44px 32px;
  border-radius: var(--radius-lg);
  background: #fff;
  border: 1px solid var(--color-border);
  transition: all var(--transition);
}

.advantage-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
  border-color: var(--color-primary-light);
}

.advantage-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: #fff;
}

.advantage-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.advantage-card p {
  color: var(--color-text-light);
  font-size: 0.95rem;
  line-height: 1.8;
}

/* ========================================
   CTA 区域
   ======================================== */
.cta-section {
  position: relative;
  padding: 80px 0;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  text-align: center;
  overflow: hidden;
}

.cta-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    var(--circuit-bg),
    radial-gradient(circle at 20% 50%, rgba(0, 180, 216, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%);
  background-size: 600px 600px, 100% 100%, 100% 100%;
}

.cta-section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle at 18% 30%, rgba(0, 220, 255, 0.7) 0%, transparent 2%),
    radial-gradient(circle at 82% 35%, rgba(0, 220, 255, 0.6) 0%, transparent 1.6%),
    radial-gradient(circle at 35% 70%, rgba(0, 220, 255, 0.5) 0%, transparent 1.4%),
    radial-gradient(circle at 72% 68%, rgba(0, 220, 255, 0.7) 0%, transparent 1.8%),
    radial-gradient(circle at 55% 50%, rgba(0, 220, 255, 0.4) 0%, transparent 1.2%);
  animation: circuitNodeGlow 3.5s ease-in-out infinite alternate;
}

.cta-content {
  position: relative;
  z-index: 2;
}

.cta-section h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
}

.cta-section p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 32px;
}

/* ========================================
   页面 Banner
   ======================================== */
.page-banner {
  position: relative;
  padding: 160px 0 80px;
  background: linear-gradient(135deg, #0A2E4D 0%, #0A4D8C 100%);
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.page-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    var(--circuit-bg),
    radial-gradient(circle at 30% 50%, rgba(0, 180, 216, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 70% 30%, rgba(25, 118, 202, 0.15) 0%, transparent 50%);
  background-size: 600px 600px, 100% 100%, 100% 100%;
}

.page-banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle at 22% 40%, rgba(0, 220, 255, 0.7) 0%, transparent 1.8%),
    radial-gradient(circle at 58% 25%, rgba(0, 220, 255, 0.6) 0%, transparent 1.4%),
    radial-gradient(circle at 78% 55%, rgba(0, 220, 255, 0.5) 0%, transparent 1.2%),
    radial-gradient(circle at 35% 68%, rgba(0, 220, 255, 0.6) 0%, transparent 1.6%),
    radial-gradient(circle at 88% 72%, rgba(0, 220, 255, 0.7) 0%, transparent 1.8%),
    linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-primary));
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 100%;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 4px;
  background-repeat: no-repeat;
  animation: circuitNodeGlow 3.5s ease-in-out infinite alternate;
}

.page-banner-content {
  position: relative;
  z-index: 2;
}

.page-banner h1 {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 14px;
}

.page-banner .breadcrumb {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.6);
}

.page-banner .breadcrumb a:hover {
  color: var(--color-accent);
}

.page-banner .breadcrumb span {
  margin: 0 8px;
}

/* ========================================
   关于我们 - 内容
   ======================================== */
.about-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.about-text h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 24px;
  color: var(--color-text);
}

.about-text p {
  color: var(--color-text-light);
  font-size: 1.05rem;
  line-height: 2;
  margin-bottom: 16px;
}

.about-visual {
  position: relative;
  height: 420px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-visual::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    var(--circuit-bg),
    radial-gradient(circle at 30% 40%, rgba(0, 180, 216, 0.25) 0%, transparent 40%),
    radial-gradient(circle at 70% 60%, rgba(25, 118, 202, 0.3) 0%, transparent 40%);
  background-size: 600px 600px, 100% 100%, 100% 100%;
}

.about-visual::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle at 25% 30%, rgba(0, 220, 255, 0.7) 0%, transparent 2.2%),
    radial-gradient(circle at 75% 25%, rgba(0, 220, 255, 0.5) 0%, transparent 1.6%),
    radial-gradient(circle at 45% 72%, rgba(0, 220, 255, 0.6) 0%, transparent 2%),
    radial-gradient(circle at 82% 68%, rgba(0, 220, 255, 0.7) 0%, transparent 2.2%);
  animation: circuitNodeGlow 3.2s ease-in-out infinite alternate;
}

.about-visual-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

.about-visual-content .big-num {
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(135deg, #fff, var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.about-visual-content .big-label {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 8px;
}

/* 发展历程 */
.timeline {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding-left: 40px;
}

.timeline::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--color-primary), var(--color-accent));
}

.timeline-item {
  position: relative;
  padding-bottom: 48px;
}

.timeline-item:last-child {
  padding-bottom: 0;
}

.timeline-dot {
  position: absolute;
  left: -40px;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--color-primary);
  z-index: 1;
}

.timeline-year {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 8px;
}

.timeline-item h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 8px;
}

.timeline-item p {
  color: var(--color-text-light);
  font-size: 0.95rem;
}

/* 企业文化 */
.culture-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.culture-card {
  text-align: center;
  padding: 48px 32px;
  background: #fff;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  transition: all var(--transition);
}

.culture-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.culture-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(10, 77, 140, 0.08);
  font-size: 1.5rem;
}

.culture-card h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.culture-card .culture-en {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.culture-card p {
  color: var(--color-text-light);
  font-size: 0.95rem;
  line-height: 1.8;
}

/* ========================================
   产品服务 - 详情
   ======================================== */
.service-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 80px;
}

.service-detail:nth-child(even) {
  direction: rtl;
}

.service-detail:nth-child(even) > * {
  direction: ltr;
}

.service-detail:last-child {
  margin-bottom: 0;
}

.service-visual {
  height: 360px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}

.service-visual-1 {
  background: linear-gradient(135deg, #0A4D8C, #00B4D8);
}
.service-visual-2 {
  background: linear-gradient(135deg, #1565A0, #4DD0E1);
}
.service-visual-3 {
  background: linear-gradient(135deg, #073961, #1976CA);
}
.service-visual-4 {
  background: linear-gradient(135deg, #0D1B2A, #0A4D8C);
}

.service-visual::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    var(--circuit-bg),
    radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.1) 0%, transparent 40%),
    radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
  background-size: 600px 600px, 100% 100%, 100% 100%;
}

.service-visual::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle at 22% 35%, rgba(0, 220, 255, 0.6) 0%, transparent 2%),
    radial-gradient(circle at 78% 28%, rgba(0, 220, 255, 0.5) 0%, transparent 1.6%),
    radial-gradient(circle at 38% 72%, rgba(0, 220, 255, 0.55) 0%, transparent 2%),
    radial-gradient(circle at 72% 68%, rgba(0, 220, 255, 0.6) 0%, transparent 2.2%);
  animation: circuitNodeGlow 3.5s ease-in-out infinite alternate;
}

.service-visual-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5rem;
  opacity: 0.9;
  z-index: 2;
}

.service-info h3 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.service-info .service-en {
  font-size: 0.85rem;
  color: var(--color-text-muted);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.service-info > p {
  color: var(--color-text-light);
  font-size: 1rem;
  line-height: 1.9;
  margin-bottom: 20px;
}

.service-features {
  display: grid;
  gap: 12px;
}

.service-features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.95rem;
  color: var(--color-text);
}

.service-features li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-accent);
  margin-top: 9px;
  flex-shrink: 0;
}

/* 服务流程 */
.process-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  position: relative;
}

.process-step {
  text-align: center;
  position: relative;
}

.process-step::after {
  content: '';
  position: absolute;
  top: 36px;
  right: -50%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  z-index: 0;
}

.process-step:last-child::after {
  display: none;
}

.process-num {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary);
  transition: all var(--transition);
}

.process-step:hover .process-num {
  background: var(--color-primary);
  color: #fff;
  box-shadow: 0 0 0 8px rgba(10, 77, 140, 0.1);
}

.process-step h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.process-step p {
  font-size: 0.85rem;
  color: var(--color-text-light);
  line-height: 1.6;
}

/* ========================================
   联系我们
   ======================================== */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.contact-info h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.contact-info > p {
  color: var(--color-text-light);
  font-size: 1rem;
  margin-bottom: 36px;
  line-height: 1.8;
}

.contact-list {
  display: grid;
  gap: 28px;
}

.contact-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.contact-item-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(10, 77, 140, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.contact-item h4 {
  font-size: 0.85rem;
  color: var(--color-text-muted);
  font-weight: 500;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.contact-item p {
  font-size: 1.05rem;
  color: var(--color-text);
  font-weight: 500;
}

.contact-form {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 40px;
  box-shadow: var(--shadow-sm);
}

.contact-form h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 28px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 8px;
}

.form-group label .required {
  color: #e74c3c;
}

.form-control {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius);
  font-size: 0.95rem;
  font-family: inherit;
  color: var(--color-text);
  background: var(--color-bg-alt);
  transition: all var(--transition);
}

.form-control:focus {
  outline: none;
  border-color: var(--color-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(10, 77, 140, 0.1);
}

textarea.form-control {
  resize: vertical;
  min-height: 120px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.form-submit {
  width: 100%;
  margin-top: 8px;
}

/* 地图区域 */
.map-section {
  padding: 0;
  height: 400px;
  background: var(--color-bg-alt);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.map-placeholder {
  text-align: center;
  color: var(--color-text-muted);
}

.map-placeholder .icon {
  font-size: 3rem;
  margin-bottom: 16px;
}

.map-placeholder p {
  font-size: 1.1rem;
}

.map-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.map-link:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

.map-link:hover .icon {
  opacity: 0.7;
}

/* ========================================
   页脚
   ======================================== */
.site-footer {
  background: var(--color-bg-dark);
  color: rgba(255, 255, 255, 0.7);
  padding: 64px 0 0;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 40px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-brand .logo {
  color: #fff;
  margin-bottom: 20px;
}

.footer-brand .logo .en {
  color: rgba(255, 255, 255, 0.5);
}

.footer-brand p {
  font-size: 0.9rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.5);
  max-width: 300px;
}

.footer-col h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}

.footer-col ul {
  display: grid;
  gap: 12px;
}

.footer-col ul a {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
  transition: color var(--transition);
}

.footer-col ul a:hover {
  color: var(--color-accent);
}

.footer-contact li {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.8;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.footer-contact li .icon {
  flex-shrink: 0;
  margin-top: 3px;
}

.footer-bottom {
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.4);
}

.footer-bottom a {
  color: rgba(255, 255, 255, 0.4);
}

.footer-bottom a:hover {
  color: var(--color-accent);
}

/* ========================================
   动画
   ======================================== */
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-up.delay-1 { transition-delay: 0.1s; }
.fade-up.delay-2 { transition-delay: 0.2s; }
.fade-up.delay-3 { transition-delay: 0.3s; }
.fade-up.delay-4 { transition-delay: 0.4s; }

/* ========================================
   响应式
   ======================================== */
@media (max-width: 968px) {
  .tracks-grid {
    grid-template-columns: 1fr;
  }
  
  .advantages-grid,
  .culture-grid {
    grid-template-columns: 1fr;
  }
  
  .about-intro,
  .service-detail,
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .service-detail:nth-child(even) {
    direction: ltr;
  }
  
  .process-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  
  .process-step::after {
    display: none;
  }
  
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  
  .stat-item::after {
    display: none;
  }
}

@media (max-width: 768px) {
  .nav-links {
    position: fixed;
    top: var(--header-h);
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
    gap: 4px;
    box-shadow: var(--shadow-md);
    transform: translateY(-150%);
    transition: transform var(--transition);
    border-bottom: 1px solid var(--color-border);
  }
  
  .nav-links.open {
    transform: translateY(0);
  }
  
  .nav-links a {
    padding: 14px 18px;
  }
  
  .nav-toggle {
    display: flex;
  }

  .lang-switch {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
    justify-content: center;
  }

  .hero h1 {
    font-size: 2.2rem;
  }
  
  .hero-desc {
    font-size: 1rem;
  }
  
  .section {
    padding: 64px 0;
  }
  
  .section-title {
    font-size: 1.8rem;
  }
  
  .page-banner {
    padding: 130px 0 60px;
  }
  
  .page-banner h1 {
    font-size: 2rem;
  }
  
  .form-row {
    grid-template-columns: 1fr;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  
  .stat-num {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 0 16px;
  }
  
  .hero h1 {
    font-size: 1.8rem;
  }
  
  .hero-actions {
    flex-direction: column;
  }
  
  .hero-actions .btn {
    width: 100%;
  }
  
  .track-card,
  .advantage-card,
  .culture-card,
  .contact-form {
    padding: 28px 20px;
  }
  
  .stats-grid {
    grid-template-columns: 1fr;
  }
}