/* 首页顶部样式：顶部栏 top-bar / 头部 header / logo / 主导航 nav / 下拉菜单 */

.top-bar { background: #fff;  height: 40px;}
.top-bar-inner { display: flex; align-items: center; justify-content: flex-end; height: 100%; gap: 12px; font-size: 14px; color: #333333; position: relative; z-index: 20; }
.top-bar-inner a { color: #333333; text-decoration: none; transition: color 0.3s; }
.top-bar-inner a:hover { color: var(--primary-blue); }
.top-bar-inner .divider { color: #333333; }

/* 顶部栏搜索框（位于登录/注册文字左侧） */
.top-search { display: flex; align-items: center; height: 28px; margin-right: 8px; border: 1px solid #d5d5d5; border-radius: 4px; overflow: hidden; background: #fff; }
.top-search-input { width: 220px; height: 100%; border: none; outline: none; padding: 0 10px; font-size: 13px; color: #333; }
.top-search-input::placeholder { color: #aaa; }
.top-search-btn { height: 100%; padding: 0 14px; border: none; background: var(--primary-blue, #0F52BA); color: #fff; font-size: 13px; cursor: pointer; transition: background 0.3s; }
.top-search-btn:hover { background: #2b7aec; }

.header { height: 120px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.02); border-bottom: 4px solid #2b7aec; position: relative; z-index: 100; }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: 80px; }

.logo { display: flex; align-items: center; height: 100%; gap: 10px; }
.logo img { height: 78px;  width: auto; display: block; position: relative;top:-20px;}
.logo-icon { display: flex; align-items: center; justify-content: center; }
.logo-text { font-size: 32px; font-weight: bold; color: #222; font-family: 'SimHei', sans-serif; }

.nav-links { display: flex; height: 100%; align-items: center; gap: 50px; }
.nav-links a { font-size: 22px; font-weight: bold; color: #333333; text-decoration: none; position: relative; height: 100%; display: flex; align-items: center; transition: color 0.3s; }
.nav-links a:hover, .nav-links a.active { color: var(--primary-blue); }
.nav-links a .dropdown-arrow { font-size: 12px; margin-left: 4px; color: #999; }

/* 下拉菜单样式 */
.nav-item-wrap { position: relative; height: 100%; display: flex; align-items: center; }
.dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border-radius: 4px; padding: 10px 0; width: 140px; display: none; z-index: 100; border: 1px solid #eee; }
.dropdown-menu a { display: block; padding: 10px 20px; font-size: 15px; color: #333; text-decoration: none; height: auto; text-align: center; font-weight: normal; }
.dropdown-menu a:hover { color: var(--primary-blue); background: #f5f8ff; }
.dropdown-menu a::after { display: none !important; }
.nav-item-wrap:hover .dropdown-menu { display: block; animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translate(-50%, 10px); } to { opacity: 1; transform: translate(-50%, 0); } }