/* 搜索框通用样式 */
.search-container {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;}

.search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;}

.search-label {
    font-size: 12px;
    white-space: nowrap;
    color: #333;
    font-weight: normal;
    margin: 0;}

.search-input-container {
    position: relative;
    display: inline-block;}

.search-input {
    height: 32px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    min-width: 200px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-family: inherit;}

.search-input:focus {
    outline: none;
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);}

.search-button {
    height: 32px;
    padding: 0 16px;
    background-color: #1890ff;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    white-space: nowrap;
    font-family: inherit;
    line-height: 1;}

.search-button:hover {
    background-color: #40a9ff;}

.search-button:active {
    background-color: #096dd9;}

.search-button-image {
    height: 32px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    background: none;
    padding: 0;}

.search-button-image img {
    height: 100%;
    vertical-align: middle;}

/* 隐藏字段 */
.search-hidden-fields {
    display: none;}

/* 自动完成容器 */
.search-autocomplete-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;}

.search-autocomplete-span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;}

.search-autocomplete-iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    border: none;
    background: transparent;}

/* 响应式设计 */
@media (max-width: 768px) {
    .search-container {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;}
    
    .search-form {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;}
    
    .search-input {
        width: 100%;}
    
    .search-button {
        width: 100%;}
}

/* 紧凑版本 */
.search-form.compact {
    gap: 6px;}

.search-form.compact .search-input {
    height: 28px;
    padding: 0 10px;
    min-width: 160px;}

.search-form.compact .search-button {
    height: 28px;
    padding: 0 12px;
    font-size: 13px;}

/* 大尺寸版本 */
.search-form.large {
    gap: 12px;}

.search-form.large .search-input {
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
    min-width: 240px;}

.search-form.large .search-button {
    height: 40px;
    padding: 0 20px;
    font-size: 16px;}

/* ========== MENU.CSS - 导航专用样式（无移动端折叠） ========== */

/* 1. 导航容器重置 */
.menu-content,
.menu-content .menu-list,
.menu-content .menu-item,
.menu-content .submenu.level2,
.menu-content .submenu.level3 {
overflow: visible !important;
box-sizing: border-box;
position: relative;
z-index: auto;}

/* 2. 导航菜单外层容器 - 移除背景色，由.navbar-wrapper提供 */
.menu-content {
width: 100%;
position: relative;
z-index: 1000;
min-height: 60px;}

/* 3. 导航包装器 - 可选 */
.menu-wrapper {
position: relative;
height: 60px;
width: 100%;
overflow: visible !important;}

/* 4. 导航列表 - 核心样式 */
.menu-content .menu-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
display: flex !important;
justify-content: flex-start; /* 保持左对齐，如果需要居中可改为center */
align-items: center;
background: transparent !important;
white-space: nowrap;
height: 60px !important;
width: 100%;
position: relative;
z-index: 100;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;}

/* 隐藏滚动条 */
.menu-content .menu-list::-webkit-scrollbar {
display: none !important;}

/* 5. 一级菜单项 */
.menu-content .menu-item {
position: relative !important;
background: transparent !important;
flex-shrink: 0;
height: 100% !important;
display: flex !important;
align-items: center;
margin: 0 !important;
padding: 0 !important;}

/* 6. 一级菜单链接 */
.menu-content .menu-link {
display: flex !important;
align-items: center !important;
height: 100% !important;
padding: 0 22px !important;
color: white !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 500 !important;
white-space: nowrap !important;
transition: background-color 0.3s !important;
position: relative !important;
border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
line-height: 1 !important;}

.menu-content .menu-link:hover {
background-color: rgba(255, 255, 255, 0.12) !important;}

.menu-content .menu-item.active .menu-link {
background-color: rgba(255, 255, 255, 0.15) !important;
font-weight: 600 !important;}

.menu-content .menu-item.active .menu-link::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
height: 3px !important;
background-color: #d4a55e !important;
box-shadow: 0 -2px 5px rgba(212, 165, 94, 0.3) !important;}

/* 7. 下拉箭头 */
.menu-content .menu-item:has(.submenu.level2) > .menu-link::after,
.menu-content .menu-item.has-dropdown > .menu-link::after {
content: "›" !important;
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
font-size: 16px !important;
color: rgba(255, 255, 255, 0.7) !important;}

/* 8. 二级菜单 */
.menu-content .submenu.level2 {
position: absolute !important;
top: 100% !important;
left: 0 !important;
background-color: white !important;
min-width: 210px !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
border-radius: 0 0 8px 8px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(10px) !important;
transition: all 0.3s ease !important;
z-index: 9999 !important;
border-top: 3px solid #d4a55e !important;
padding: 10px 0 !important;
margin: 0 !important;
pointer-events: none;}

.menu-content .menu-item:hover .submenu.level2 {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
pointer-events: auto;}

/* 9. 二级菜单项 */
.menu-content .submenu-item {
position: relative !important;}

.menu-content .submenu-link {
display: block !important;
padding: 12px 22px !important;
color: #2c3e50 !important;
text-decoration: none !important;
font-size: 14px !important;
transition: all 0.2s !important;
border-bottom: 1px solid #e1e8f2 !important;
background: white !important;
white-space: nowrap !important;}

.menu-content .submenu-link:hover {
background-color: #eef5ff !important;
color: #1a4d9c !important;
padding-left: 25px !important;}

/* 10. 三级菜单箭头 */
.menu-content .submenu-item.has-children .submenu-link::after {
content: "›" !important;
position: absolute !important;
right: 15px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #666 !important;
font-size: 14px !important;}

/* 11. 三级菜单 */
.menu-content .submenu.level3 {
position: absolute !important;
left: 100% !important;
top: 0 !important;
background-color: white !important;
min-width: 200px !important;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.12) !important;
border-radius: 0 8px 8px 8px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateX(-10px) !important;
transition: all 0.3s ease !important;
z-index: 10000 !important;
border-left: 3px solid #d4a55e !important;
padding: 10px 0 !important;
pointer-events: none;}

.menu-content .submenu-item.has-children:hover .submenu.level3 {
opacity: 1 !important;
visibility: visible !important;
transform: translateX(0) !important;
pointer-events: auto;}

/* 12. 三级菜单链接 */
.menu-content .level3-link {
display: block !important;
padding: 10px 20px !important;
color: #2c3e50 !important;
text-decoration: none !important;
font-size: 13px !important;
transition: all 0.2s !important;
white-space: nowrap !important;}

.menu-content .level3-link:hover {
background-color: #eef5ff !important;
color: #1a4d9c !important;
padding-left: 25px !important;}

/* 13. 平板设备横向滚动支持 */
@media screen and (max-width: 1024px) {
.menu-wrapper {
overflow-x: auto !important;
overflow-y: visible !important;
-webkit-overflow-scrolling: touch !important;}

.menu-content .menu-list {
min-width: max-content !important;}

.menu-content .menu-list::-webkit-scrollbar {
display: none !important;}
}

/* 14. 如果需要菜单项居中显示，添加此样式 */
.menu-content.center-nav .menu-list {
justify-content: center !important;}
/* ========== 轮播图样式 ========== */

/* 轮播图容器 */
.news-banner {
    position: relative;
    width: 100%;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;}

.banner-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f9fbf7 0%, #eef7f1 100%);}

/* 轮播图幻灯片容器 */
.banner-slides {
    position: relative;
    width: 100%;
    height: 100%;}

/* 单个幻灯片 */
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s ease;
    z-index: 1;}

.slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;}

/* 幻灯片遮罩层 */
.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(29, 92, 58, 0.3) 0%,
        rgba(46, 139, 87, 0.2) 30%,
        rgba(255, 255, 255, 0) 70%
    );
    z-index: 2;}

/* 幻灯片内容区域 */
.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    z-index: 3;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}

.slide-content h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    color: white;
    max-width: 70%;
    line-height: 1.3;}

.slide-content p {
    font-size: 16px;
    opacity: 0.9;
    max-width: 60%;
    margin-bottom: 15px;
    line-height: 1.5;}

.slide-content .btn {
    display: inline-block;
    background: var(--accent-gold);
    color: white;
    padding: 10px 25px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid var(--accent-gold);}

.slide-content .btn:hover {
    background: transparent;
    color: var(--accent-gold);
    transform: translateY(-2px);}

/* 幻灯片图片 */
.slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;}

.slide-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;}

/* 轮播控制按钮 */
.banner-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 4;}

.control {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--herbal-green);
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;}

.control:hover {
    background: var(--herbal-green);
    color: white;
    transform: scale(1.1);
    border-color: white;}

.control.prev::before {
    content: "‹";
    display: block;
    margin-left: -2px;}

.control.next::before {
    content: "›";
    display: block;
    margin-right: -2px;}

/* 轮播指示器 */
.banner-indicators {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 12px;
    z-index: 4;}

.indicator {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;}

.indicator.active {
    background: var(--accent-gold);
    transform: scale(1.3);
    box-shadow: 0 0 10px var(--accent-gold);}

.indicator:hover {
    background: white;
    transform: scale(1.2);}

/* 轮播图动画效果 */
@keyframes slideInFromRight {
    from {
        transform: translateX(100%);
        opacity: 0;}
    to {
        transform: translateX(0);
        opacity: 1;}
}

@keyframes slideInFromLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;}
    to {
        transform: translateX(0);
        opacity: 1;}
}

.slide.active {
    animation: slideInFromRight 0.8s ease-out;}

/* 响应式设计 */
@media (max-width: 1200px) {
    .news-banner {
        height: 350px;}
    
    .slide-content h3 {
        font-size: 24px;
        max-width: 80%;}
    
    .slide-content p {
        max-width: 70%;}
}

@media (max-width: 992px) {
    .news-banner {
        height: 300px;}
    
    .slide-content {
        padding: 30px;}
    
    .slide-content h3 {
        font-size: 22px;
        max-width: 85%;}
    
    .slide-content p {
        font-size: 14px;
        max-width: 75%;}
    
    .control {
        width: 45px;
        height: 45px;
        font-size: 24px;}
}

@media (max-width: 768px) {
    .news-banner {
        height: 250px;
        border-radius: 8px;}
    
    .slide-content {
        padding: 20px;}
    
    .slide-content h3 {
        font-size: 18px;
        max-width: 100%;}
    
    .slide-content p {
        font-size: 13px;
        max-width: 90%;
        margin-bottom: 10px;}
    
    .slide-content .btn {
        padding: 8px 20px;
        font-size: 14px;}
    
    .control {
        width: 40px;
        height: 40px;
        font-size: 20px;
        padding: 0 15px;}
    
    .banner-indicators {
        bottom: 15px;}
    
    .indicator {
        width: 10px;
        height: 10px;}
}

@media (max-width: 576px) {
    .news-banner {
        height: 200px;}
    
    .slide-content h3 {
        font-size: 16px;
        margin-bottom: 5px;}
    
    .slide-content p {
        display: none;}
    
    .banner-controls {
        padding: 0 10px;}
    
    .control {
        width: 35px;
        height: 35px;
        font-size: 18px;}
}

/* 中医药特色装饰 */
.news-banner::before {
    content: "🌿";
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    color: var(--accent-gold);
    opacity: 0.8;
    z-index: 3;
    animation: herbal-float 3s ease-in-out infinite;}

.news-banner::after {
    content: "🍃";
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 24px;
    color: var(--accent-gold);
    opacity: 0.8;
    z-index: 3;
    animation: herbal-float 3s ease-in-out infinite reverse;}

@keyframes herbal-float {
    0%, 100% { transform: translateY(0) rotate(0deg);}
    50% { transform: translateY(-10px) rotate(10deg);}
}

/* 加载状态 */
.slide:not(.active) {
    pointer-events: none;}

/* 无内容时的占位符 */
.banner-slides:empty::before {
    content: "暂无轮播图数据";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--text-light);
    font-size: 18px;
    text-align: center;
    z-index: 1;}

/* 自动轮播进度条（可选增强功能） */
.slide.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background: var(--accent-gold);
    animation: progress 5s linear forwards;
    z-index: 4;}

@keyframes progress {
    from { width: 0;}
    to { width: 100%;}
}
/* ========== 底部样式设计 ========== */

/* 底部容器 */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;}

/* 底部内容区域 */
.footer-content {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);}

/* 底部信息区域 */
.footer-info {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;}

/* 底部信息装饰线 */
.footer-info::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--herbal-gold), 
        transparent);}

/* 信息行样式 */
.info-line {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    padding: 0 10px;}

/* 信息行前的图标 */
.info-line::before {
    content: "📍";
    margin-right: 8px;
    font-size: 12px;
    color: var(--herbal-gold);
    opacity: 0.7;}

.info-line:nth-child(2)::before {
    content: "📞";}

.info-line:nth-child(3)::before {
    content: "📮";}

.info-line:hover {
    color: var(--neutral-white);
    transform: translateY(-2px);}

.info-line:hover::before {
    opacity: 1;}

/* 版权区域 */
.footer-copyright {
    text-align: center;
    padding-top: 20px;
    position: relative;}

/* 版权装饰 */
.footer-copyright::before {
    content: "❖";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: var(--herbal-gold);
    font-size: 16px;
    opacity: 0.6;}

.copyright-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
    padding: 0 20px;}

/* 版权年份特殊样式 */
.copyright-text::first-letter {
    color: var(--herbal-gold);
    font-weight: bold;
    font-size: 14px;}

/* 版权徽章效果 */
.copyright-text::before,
.copyright-text::after {
    content: "·";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--herbal-gold);
    opacity: 0.4;
    font-size: 18px;}

.copyright-text::before {
    left: 0;}

.copyright-text::after {
    right: 0;}

/* 底部中医药文化装饰图案 */
.page-footer::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 15px,
        var(--herbal-gold) 15px,
        var(--herbal-gold) 30px
    );
    margin-bottom: 20px;}

.page-footer::after {
    content: "🌿 传承中医文化 · 培育中药人才 🍃";
    display: block;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    letter-spacing: 2px;}

/* 响应式设计 */
@media (max-width: 768px) {
    .footer-content {
        padding: 25px 0;}
    
    .info-line {
        font-size: 13px;
        display: block;
        margin-bottom: 10px;
        padding: 5px 0;}
    
    .info-line::before {
        font-size: 11px;
        margin-right: 6px;}
    
    .copyright-text {
        font-size: 12px;
        padding: 0 15px;}
    
    .page-footer::after {
        font-size: 11px;
        letter-spacing: 1px;}
}

@media (max-width: 576px) {
    .footer-container {
        padding: 0 15px;}
    
    .footer-content {
        padding: 20px 0;}
    
    .footer-info {
        margin-bottom: 20px;
        padding-bottom: 20px;}
    
    .info-line {
        font-size: 12px;
        line-height: 1.6;}
    
    .copyright-text {
        font-size: 11px;
        line-height: 1.5;}
    
    .page-footer::after {
        font-size: 10px;
        padding-top: 12px;
        margin-top: 12px;}
}

/* 动画效果 */
@keyframes floatUp {
    0% {
        opacity: 0;
        transform: translateY(10px);}
    100% {
        opacity: 1;
        transform: translateY(0);}
}

.footer-content {
    animation: floatUp 0.6s ease-out;}

/* 确保.page-footer已经有正确的样式 */
.page-footer {
    background: linear-gradient(135deg, var(--herbal-dark-green), var(--herbal-green));
    color: var(--neutral-white);
    padding: 40px 0 30px;
    margin-top: 40px;
    font-family: "Microsoft YaHei", sans-serif;
    position: relative;}

/* 底部背景纹理 */
.page-footer {
    background: 
        linear-gradient(135deg, var(--herbal-dark-green), var(--herbal-green)),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M10,10 L90,90 M90,10 L10,90" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></svg>');
    background-size: cover, 100px 100px;}

/* 悬停效果增强 */
.info-line,
.copyright-text {
    position: relative;
    z-index: 1;}

.info-line:hover,
.copyright-text:hover {
    text-shadow: 0 0 8px rgba(212, 165, 94, 0.3);}

/* 打印样式 */
@media print {
    .page-footer {
        background: #fff;
        color: #000;
        border-top: 2px solid #000;}
    
    .footer-info::before,
    .footer-copyright::before,
    .page-footer::before,
    .page-footer::after {
        display: none;}
}