/* ==============================
   导航栏完整原版样式
============================== */

/* 头部导航容器 */
header {
    /* 背景透明 */
    background: transparent !important;
    /* 无边框 */
    border: none !important;
    /* 无阴影 */
    box-shadow: none !important;
    /* 无外轮廓 */
    outline: none !important;
}

/* LOGO 尺寸 */
.logo-img {
    /* 高度固定60px */
    height: 60px !important;
    /* 宽度自动等比 */
    width: auto !important;
}

/* 导航布局居中 */
.container.header-inner {
    /* 弹性布局 */
    display: flex !important;
    /* 垂直居中 */
    align-items: center !important;
    /* 水平居中 */
    justify-content: center !important;
    /* 最大宽度1200px */
    max-width: 1200px !important;
    /* 左右自动居中 */
    margin: 0 auto !important;
    /* 上下内边距15px */
    padding: 15px 0 !important;
}

/* logo容器右边距 */
.logo {
    /* 右侧外边距30px */
    margin-right: 30px !important;
}

/* 导航菜单横向排列 */
nav ul {
    /* 弹性布局 */
    display: flex !important;
    /* 垂直居中 */
    align-items: center !important;
    /* 去掉列表默认样式 */
    list-style: none !important;
    /* 去掉默认外边距 */
    margin: 0 !important;
    /* 去掉默认内边距 */
    padding: 0 !important;
}

/* 导航菜单项 */
nav li {
    /* 左右间距12px */
    margin: 0 12px !important;
    /* 无内边距 */
    padding: 0 !important;
}

/* 导航默认样式 */
nav a {
    /* 行内块元素 */
    display: inline-block !important;
    /* 上下8px 左右16px内边距 */
    padding: 8px 16px !important;
    /* 字体大小15px */
    font-size: 15px !important;
    /* 文字黑色 */
    color: #000 !important;
    /* 无下划线 */
    text-decoration: none !important;
    /* 圆角4px */
    border-radius: 4px !important;
    /* 背景透明 */
    background: transparent !important;
    /* 0.3秒平滑过渡 */
    transition: all 0.3s ease !important;
}

/* 🔥 鼠标悬浮效果 */
nav a:hover {
    /* 背景青色 */
    background-color: #00CCCC !important;
    /* 文字白色 */
    color: #fff !important;
}

/* 当前选中导航样式 */
nav a.active {
    /* 背景青色 */
    background: #00CCCC !important;
    /* 文字白色 */
    color: #fff !important;
}

/* 橙色按钮 */
nav ul li a.btn-orange {
    /* 背景橙色 */
    background: #ff6c00 !important;
    /* 文字白色 */
    color: #ffffff !important;
    /* 内边距 */
    padding: 6px 14px !important;
    /* 圆角4px */
    border-radius: 4px !important;
}

/* 橙色按钮悬浮 */
nav ul li a.btn-orange:hover {
    /* 背景深青色 */
    background: #00B2B2 !important;
    /* 文字白色 */
    color: #ffffff !important;
}

/* ==============================
   👇 以下是【只新增、不修改原有代码】的样式
   完全不影响你现在任何样式与功能
============================== */

/* logo整体布局：图标+文字 */
.logo {
    /* 弹性布局 */
    display: flex !important;
    /* 垂直居中 */
    align-items: center !important;
    /* 图标与文字间距12px */
    gap: 12px !important;
}

/* logo文字包裹层 */
.logo-text {
    /* 弹性布局 */
    display: flex !important;
    /* 纵向排列 */
    flex-direction: column !important;
    /* 行高1.2 */
    line-height: 1.2 !important;
}

/* logo中文字体 */
.logo-cn {
    /* 字号22px */
    font-size: 22px !important;
    /* 加粗 */
    font-weight: bold !important;
    /* 黑色 */
    color: #000 !important;
}

/* logo拼音 */
.logo-pinyin {
    /* 字号13px */
    font-size: 13px !important;
    /* 深灰色 */
    color: #666 !important;
    /* 字间距1px */
    letter-spacing: 1px !important;
}

/* logo英文字体 */
.logo-en {
    /* 字号20px */
    font-size: 20px !important;
    /* 中等加粗 */
    font-weight: 500 !important;
    /* 黑色 */
    color: #000 !important;
}