/* 黑色导航栏 */
        .GGW-head-main-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 70px;
        background: linear-gradient(135deg, #ffffff, #333333);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
        }
        
        .GGW-head-main-header.scrolled {
            height: 60px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }
        
        .GGW-head-header-container {
            width: 100%;
            max-width: 1310px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* 标志样式 */
        .GGW-head-logo {
            display: flex;
            align-items: center;
            cursor: pointer;
            margin-right: auto;
        }
        
        .GGW-head-logo img {
            height: 50px;
            margin-right: 15px;
            transition: all 0.3s ease;
        }
        
        .GGW-head-main-header.scrolled .GGW-head-logo img {
            height: 40px;
        }
        
        .GGW-head-logo-text {
            font-size: 24px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 1px;
            transition: all 0.3s ease;
        }
        
        .GGW-head-main-header.scrolled .GGW-head-logo-text {
            font-size: 20px;
        }
        
        /* 右侧导航元素 */
        .GGW-head-header-right {
            display: flex;
            align-items: center;
            gap: 25px;
        }
        
        /* 社交图标 */
        .GGW-head-social-icons {
            display: flex;
            gap: 15px;
            list-style: none;
        }
        
        .GGW-head-social-icon {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000000;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .GGW-head-social-icon:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            background-color: #f8b400;
        }
        
        .GGW-head-social-icon:hover svg {
            fill: #000;
        }
        
        .GGW-head-social-icon svg {
            width: 18px;
            height: 18px;
            transition: all 0.3s ease;
        }
        
        /* 语言切换 */
        .GGW-head-language-switcher {
            position: relative;
        }
        
        .GGW-head-current-language {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 4px;
            background-color: #333;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 120px;
            color: #fff;
        }
        
        .GGW-head-current-language:hover {
            background-color: #444;
        }
        
        .GGW-head-language-flag {
            width: 20px;
            height: 15px;
            object-fit: cover;
            border-radius: 2px;
        }
        
        .GGW-head-language-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            background-color: #333;
            border-radius: 4px;
            overflow: hidden;
            display: none;
            width: 100%;
            min-width: 120px;
            z-index: 1100;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }
        
        .GGW-head-language-dropdown.show {
            display: block;
        }
        
        .GGW-head-language-option {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 15px;
            color: #fff;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .GGW-head-language-option:hover {
            background-color: #444;
        }
        
        /* 搜索按钮 */
        .GGW-head-search-btn {
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #333;
            position: relative;
            border: none;
            outline: none;
            padding: 0;
        }
        
        .GGW-head-search-btn:hover {
            background-color: #444;
            transform: scale(1.1);
        }
        
        /* 汉堡菜单 */
        .GGW-head-hamburger {
            width: 30px;
            height: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            z-index: 1100;
            position: relative;
            background: none;
            border: none;
            outline: none;
            padding: 0;
        }
        
        .GGW-head-hamburger span {
            display: block;
            width: 100%;
            height: 3px;
            background-color: #fff;
            transition: all 0.3s ease;
            transform-origin: center;
        }
        
        .GGW-head-hamburger.active span:nth-child(1) {
            transform: translateY(9px) rotate(45deg);
        }
        
        .GGW-head-hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        
        .GGW-head-hamburger.active span:nth-child(3) {
            transform: translateY(-9px) rotate(-45deg);
        }
        
        /* 搜索框 */
        .GGW-head-search-container {
            position: fixed;
            top: -100px;
            left: 0;
            width: 100%;
            background-color: #000;
            padding: 15px 0;
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
            z-index: 1001;
            transition: all 0.4s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .GGW-head-search-container.active {
            top: 90px;
        }
        
        .GGW-head-main-header.scrolled + .GGW-head-search-container.active {
            top: 60px;
        }
        
        .GGW-head-search-form {
            width: 100%;
            max-width: 1310px;
            padding: 0 40px;
        }
        
        .GGW-head-search-container .search-wrapper {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
            display: flex;
        }
        
        .GGW-head-search-container input {
            flex: 1;
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            outline: none;
            background-color: #333;
            color: #fff;
            transition: all 0.3s ease;
        }
        
        .GGW-head-search-container input:focus {
            background-color: #444;
        }
        
        .GGW-head-search-container button {
            padding: 0 25px;
            background-color: #f8b400;
            color: #000;
            border: none;
            border-radius: 4px;
            margin-left: 10px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .GGW-head-search-container button:hover {
            background-color: #ffc730;
        }
        
        /* 侧边栏 */
        .GGW-head-sidebar {
            position: fixed;
            top: 0;
            right: -100%;
            width: 400px;
            max-width: 90%;
            height: 100vh;
            background-color: #000;
            transition: all 0.4s ease;
            z-index: 1050;
            box-shadow: -10px 0 50px rgba(0, 0, 0, 0.3);
            padding: 120px 40px 40px;
            overflow-y: auto;
        }
        
        .GGW-head-sidebar.active {
            right: 0;
        }
        
        .GGW-head-sidebar-nav {
            list-style: none;
        }
        
        .GGW-head-sidebar-nav > li {
            margin-bottom: 10px;
            border-bottom: 1px solid #333;
        }
        
        .GGW-head-sidebar-nav a {
            color: #fff;
            text-decoration: none;
            font-size: 18px;
            display: block;
            padding: 15px 0;
            transition: all 0.3s ease;
            font-weight: 500;
            position: relative;
        }
        
        .GGW-head-sidebar-nav a:hover {
            color: #f8b400;
        }
        
        /* 子菜单 */
        .GGW-head-has-submenu > a:after {
            content: '▾';
            float: right;
            transition: all 0.3s ease;
            font-size: 20px;
        }
        
        .GGW-head-has-submenu.active > a:after {
            content: '▴';
        }
        
        .GGW-head-submenu {
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            padding-left: 15px;
        }
        
        .GGW-head-submenu.active {
            max-height: 1000px;
        }
        
        .GGW-head-submenu a {
            font-size: 16px;
            color: #ccc;
            padding-left: 25px;
        }
        
        .GGW-head-submenu a:before {
            content: '•';
            position: absolute;
            left: 5px;
            color: #f8b400;
        }
        
        /* 关闭按钮 */
        .GGW-head-sidebar-close-btn {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 40px;
            height: 40px;
            border: none;
            background: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 1051;
        }
        
        .GGW-head-sidebar-close-btn:hover {
            background: #444;
            transform: rotate(90deg);
        }
        
        /* 遮罩层 */
        .GGW-head-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1040;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
            backdrop-filter: blur(5px);
        }
        
        .GGW-head-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .GGW-head-header-container {
                padding: 0 20px;
            }
            
            .GGW-head-header-right {
                gap: 15px;
            }
            
            .GGW-head-social-icons {
                display: none;
            }
            
            .GGW-head-sidebar {
                width: 320px;
                padding: 100px 30px 30px;
            }
            
            .GGW-head-search-container {
                padding: 15px 0;
            }
            
            .GGW-head-search-form {
                padding: 0 20px;
            }
            
            .GGW-head-search-container input {
                padding: 10px 15px;
            }
            
            .GGW-head-search-container button {
                padding: 0 15px;
                margin-left: 10px;
            }
        }

body {
  background: 
    #000000 /* 保持纯黑底色 */ 
    url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h60v60H0z" fill="%23000000"/><g stroke="%23333333" stroke-width="1"><path d="M0 0l60 60M-15 15l60-60M20-10l60 60M40 0l-60 60"/></g><g stroke="%23444444" stroke-width="0.5"><path d="M0 8l60 60M-10 20l60-60M30-5l60 60M45 0l-60 60"/></g></svg>');
  background-size: 40px 40px;
}