/* 下拉菜单样式 */
        /* 固定导航栏样式 */
        .nav-container.fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        /* 为页面内容添加上边距，防止被固定导航栏遮挡 */
        body .main-content {
            margin-top: 80px; /* 假设导航栏高度约为80px */
        }
        
        .nav-container {
            display: flex;
            align-items: center;
            height: 100%;
        }
        
        .nav-item {
            height: 100%;
            display: flex;
            align-items: center;
        }
        
        .nav-item > a {
            margin: 20px;
            height: 100%;
            align-items: center;
        }
        
        .Dropdown {
            position: relative;
            height: 100%;
        }
        
        .Dropdown-content {
            min-width: 165px;
            text-align: center;
            position: absolute;
            top: 100%;
            left: 0;
            background: black;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transform: translateY(15px);
            transition: all 0.3s ease;
            border-radius: 0 0 8px 8px;
            overflow: hidden;
        }
        
        .Dropdown:hover .Dropdown-content {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .Dropdown-content a {
            color: white;
            padding: 12px 22px;
            text-decoration: none;
            display: block;
            /* border-bottom: 1px solid #f0f0f0; */
            transition: all 0.2s ease;
            font-size: 14px;
        }
        
        .Dropdown-content a:hover {
            background: #3498db;
            color: white;
            /* padding-left: 28px; */
        }
        
        /* 响应式设计 */
        .buttonset {
            display: none;
        }
        
        /* 代码展示区域 */
        .code-container {
            background: #2d2d2d;
            color: #f8f8f2;
            border-radius: 8px;
            padding: 25px;
            margin: 25px 0;
            overflow-x: auto;
            font-family: Consolas, Monaco, 'Andale Mono', monospace;
            line-height: 1.5;
        }
        
        .code-comment {
            color: #75715e;
        }
        
        .code-tag {
            color: #f92672;
        }
        
        .code-attr {
            color: #a6e22e;
        }
        
        .code-value {
            color: #e6db74;
        }
        
        .explanation {
            background: #edf7ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 5px solid #3498db;
        }
        
        .explanation h3 {
            color: #3498db;
            margin-bottom: 15px;
        }
        
        .explanation ol {
            padding-left: 25px;
            margin-bottom: 20px;
        }
        
        .explanation li {
            margin-bottom: 10px;
        }
        
        .note {
            background: #fff8e1;
            padding: 15px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 5px solid #ffc107;
        }
        
        @media (max-width: 768px) {
            .gf-pnav {
                flex-direction: column;
            }
            
            /* 移动端固定导航栏样式 */
            .nav-container.fixed {
                padding: 10px 0;
            }
            
            .Dropdown-content {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                display: none;
                margin-left: 20px;
                z-index: 99;
            }
            
            .Dropdown:hover .Dropdown-content {
                display: block;
            }
            
            .nav-container {
                flex-direction: column;
                height: auto;
            }
            
            .nav-item {
                height: auto;
                width: 100%;
            }
            
            .nav-item > a {
                margin: 0 20px;
                height: auto;
                width: 100%;
                padding: 10px 15px;
                justify-content: space-between;
            }
        }
        
        .tag-example {
            background: #e7f4e4;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
        
        .tag-example h4 {
            color: #2ecc71;
            margin-bottom: 15px;
        }