/* 顶部导航 */
             .top-nav {
                 background-color: white;
                 box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
                 padding: 15px 0;
                 position: sticky;
                 top: 0;
                 z-index: 1000;
             }

             .nav-container {
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
                 padding: 15px 20px;
             }

             .logo {

                 display: flex;
                 align-items: center;
                 text-decoration: none;
             }

             .logo-icon {
                 width: 50px;
                 height: 50px;
                 background-color: var(--primary);
                 border-radius: 8px;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 margin-right: 12px;
             }

             .logo-icon i {
                 font-size: 28px;
                 color: white;
             }

             .logo-text {
                 font-size: 22px;
                 font-weight: 700;
                 color: var(--primary);
             }

             .logo-text span {
                 color: var(--accent);
             }

             .nav-links {
                 display: flex;
                 list-style: none;
             }

             .nav-links li {
                 margin-left: 30px;
             }

             .nav-links a {
                 text-decoration: none;
                 color: var(--dark);
                 font-weight: 500;
                 position: relative;
                 transition: var(--transition);
                 padding: 8px 0;
             }

             .nav-links a:hover {
                 color: var(--primary);
             }

             .nav-links a::after {
                 content: '';
                 position: absolute;
                 bottom: 0;
                 left: 0;
                 width: 0;
                 height: 3px;
                 background-color: var(--primary);
                 transition: var(--transition);
             }

             .nav-links a:hover::after {
                 width: 100%;
             }


             
             /* 导航栏样式 */
             .navbar {
                 background-color: rgba(255, 255, 255, 0.95);
                 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                 position: fixed;
                 top: 0;
                 left: 0;
                 width: 100%;
                 z-index: 1000;
                 transition: var(--transition);
             }

             .navbar.scrolled {
                 padding: 5px 0;
                 background-color: rgba(255, 255, 255, 0.98);
             }



             .logo {
                 display: flex;
                 align-items: center;
             }

             .logo img {
                 height: 50px;
                 margin-right: 10px;
             }

             .logo-text {
                 font-size: 24px;
                 font-weight: 700;
                 color: var(--primary);
             }

             .logo-text span {
                 color: var(--accent);
             }

             .nav-links {
                 display: flex;
                 list-style: none;
                 align-items: center;
             }

             .nav-links li {
                 margin-left: 25px;
             }

             .nav-links a {
                 text-decoration: none;
                 color: var(--dark);
                 font-weight: 500;
                 position: relative;
                 transition: var(--transition);
             }

             .nav-links a:hover {
                 color: var(--primary);
             }

             .nav-links a::after {
                 content: '';
                 position: absolute;
                 bottom: -5px;
                 left: 0;
                 width: 0;
                 height: 2px;
                 background-color: var(--primary);
                 transition: var(--transition);
             }

             .nav-links a:hover::after {
                 width: 100%;
             }