/* --- 1. 基础重置 --- */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #2d324a; background-color: #fdfdfd; line-height: 1.6; }
        a { text-decoration: none; color: inherit; transition: all 0.3s; }
        ul { list-style: none; }
        img { max-width: 100%; display: block; }
        html { scroll-behavior: smooth; }

        /* --- 2. 宽屏布局核心 (修正变窄问题) --- */
        .container { 
            width: 100%; 
            max-width: 1440px; /* 提升至 1440px，适应主流宽屏 */
            margin: 0 auto; 
            padding: 0 40px; /* 增加左右留白，防止贴边 */
        }
        @media (max-width: 768px) { .container { padding: 0 20px; } }
        
        .flex-center { display: flex; align-items: center; }
        .hidden { display: none; }

        /* --- 3. 导航与头部 --- */
        .site-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); border-bottom: 1px solid #f3f4f6; height: 80px; }
        .nav-wrapper { display: flex; align-items: center; justify-content: space-between; height: 100%; }
        .logo {margin-top:-5px;font-size:20px; font-weight: bold; color: #7c89d7; flex-shrink: 0; }
        .honet{display:flex;}
		.honet img{width:30px;height:auto;border-radius:50%;margin-right:5px;}
        .main-nav { display: none; }
        @media (min-width: 1024px) { 
            .main-nav { 
                display: flex; 
                gap: 30px; /* 增加导航间距 */
                font-weight: 500; 
                font-size: 15px; 
                color: #4b5563; 
                margin: 0 60px; /* 左右增加间距 */
                justify-content: flex-start;
            } 
        }
        
        .nav-link { position: relative; padding-bottom: 4px; white-space: nowrap; }
        .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #7c89d7; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .nav-link:hover::after { width: 100%; }
        .nav-link.active { color: #7c89d7; }

        .dropdown { position: relative; }
        .dropdown-menu { 
            position: absolute; left: 0; top: 100%; padding-top: 16px; width: 160px;
            opacity: 0; visibility: hidden; transform: translateY(10px); 
            transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
        .dropdown-content { background: #ffffff; border-radius: 8px; border: 1px solid #f3f4f6; padding: 10px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
        .dropdown-item {display:block;padding:10px;font-size:13px;color:#4b5563; border-radius:6px;}
        .dropdown-item:hover { background: #f0f2ff; color: #7c89d7; }

        .header-btns { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
        .btn-outline { padding: 8px 20px; border: 1px solid rgba(124, 137, 215, 0.4); color: #7c89d7; border-radius: 8px; font-size: 13px; font-weight: bold; }
        .btn-outline:hover { background: #7c89d7; color: #ffffff; }
        .btn-primary { padding: 8px 20px; background: #7c89d7; color: #ffffff; border-radius: 8px; font-size: 13px; font-weight: bold; border: none; cursor: pointer; box-shadow: 0 4px 10px rgba(124, 137, 215, 0.2); }
        .btn-primary:hover { opacity: 0.95; transform: translateY(-1px); }