<!DOCTYPE html>
<html lang="zh-CN">
  <head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>玄铁风能 | XuanTie Wind</title>
    
    <link href="http://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <style>
      body {
        background-color: #f5f5f7;
        color: #1d1d1f;
        font-family: 'PingFang SC', 'Microsoft YaHei', 'Inter', sans-serif;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
      }
      
      ::-webkit-scrollbar { width: 8px; }
      ::-webkit-scrollbar-track { background: #f5f5f7; }
      ::-webkit-scrollbar-thumb { background: #d2d2d7; border-radius: 4px; }
      ::-webkit-scrollbar-thumb:hover { background: #86868b; }
      
      .glass-nav {
        background: rgba(255, 255, 255, 0.9); /* Slightly more opaque */
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        /* border-bottom removed */
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03); /* Subtle shadow instead of border */
      }

      .tech-card {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.05);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
      }
      
      .tech-card:hover {
        border-color: rgba(0, 112, 213, 0.3);
        transform: translateY(-5px);
        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08);
      }

      .text-gradient-blue {
        background: linear-gradient(135deg, #0070D5 0%, #007EA7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      
      /* Updated silver gradient for light bg */
      .text-gradient-silver {
        background: linear-gradient(180deg, #1d1d1f 0%, #86868b 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .glow-point {
        box-shadow: 0 0 10px 1px rgba(0, 112, 213, 0.3);
      }

      /* Quill Editor Content Styles */
      .ql-align-center { text-align: center; }
      .ql-align-right { text-align: right; }
      .ql-align-justify { text-align: justify; }
      .ql-size-huge { font-size: 2.5em; line-height: 1.2; }
      .ql-size-large { font-size: 1.5em; line-height: 1.4; }
      .ql-size-small { font-size: 0.75em; }
      
      article img { max-width: 100%; height: auto; display: block; margin: 1.5em auto; }
    </style>

<link rel="stylesheet" href="/index.css">
  
  
</head>
  <body>
    <div id="root"></div>
</body>
</html>
