/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    
}

/* ----- PC端头部样式合并20260223 ----- */
.top_bg { background-color: #fdfdfd; padding: 3px 0; font-size: 12px; border-bottom: 1px solid #eee; width: 100%; height: 34px; }
.top_welcome { color: #666; font-size: 14px; }
.top_lang { float: right; font-size: 14px; }
.top_lang a { margin: 0 5px; display: inline-block; }
.top_lang img { width: 78px; height: 22px; vertical-align: middle; }
header { padding: 35px 0; background: #fff; transition: padding 0.3s ease; position: relative; height: 140px; display: flex; align-items: center; z-index: 1000; }
.logo { max-height: 80px; max-width: 100%; }
.site-title { margin: 0; font-size: 28px; }
.site-title a { color: #333; text-decoration: none; }
#topsearch { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 360px; transition: all 0.3s ease; z-index: 10; }
.search_group { width: 100%; position: relative; display: flex; transition: all 0.3s ease; }
.search_group .form-control { border-radius: 4px 0 0 4px; border-right: 0; height: 40px; background-color: #f2f2f2; border-color: #ddd; flex: 1; min-width: 0; transition: all 0.3s ease; font-size: 14px; }
.search_group .form-control:focus { background-color: #fff; border-color: #4682e0; box-shadow: none; }
.search_group .input-group-btn { width: 48px; flex-shrink: 0; }
.search_group .btn { border-radius: 0 4px 4px 0; background: #4682e0 url('/templates/public/images/search.png') no-repeat center center; border: 1px solid #4682e0; border-left: 0; width: 100%; height: 40px; background-size: 20px 20px; cursor: pointer; padding: 0; }
.search_group .btn:hover,
.search_group .btn:focus,
.search_group .form-control:focus + .input-group-btn .btn { background-color: #404040; border-color: #404040; }
.navbar-wrapper { position: relative; z-index: 999; }
.navbar-placeholder { display: none; height: 60px; }
.main-nav { border-radius: 0; margin-bottom: 0; border: none; background-color: #fdfdfd; height: 60px !important; min-height: 60px !important; transition: all 0.3s ease; width: 100%; }
.main-nav.navbar-fixed-top { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); animation: slideDown 0.3s ease; }
@keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.main-nav .navbar-nav { margin: 0 !important; padding: 0 !important; width: 100%; }
.main-nav .navbar-nav > li { margin: 0 !important; padding: 0 !important; float: left; line-height: 60px; height: 60px; color: #484343b8 !important;}
.main-nav .navbar-nav > li > a { color: #fff; font-size: 16px; padding: 0 !important; transition: background 0.3s, color 0.3s; height: 60px; display: block; align-items: center; justify-content: center; width: 120px; text-align: center; border: none !important; line-height: 60px; margin: 0 !important; }
.main-nav .navbar-nav > li > a,
.main-nav .navbar-nav > li > a:hover,
.main-nav .navbar-nav > li > a:focus,
.main-nav .navbar-nav > .active > a,
.main-nav .navbar-nav > .active > a:hover,
.main-nav .navbar-nav > .active > a:focus { color: #484343b8 !important }
.main-nav .navbar-nav > li > a:hover,
.main-nav .navbar-nav > li > a:focus { background-color: #fdfdfd; }
.main-nav .navbar-nav > .active > a,
.main-nav .navbar-nav > .active > a:hover,
.main-nav .navbar-nav > .active > a:focus { background-color: #fdfdfd; }
.main-nav .navbar-nav > li.dropdown > a:hover,
.main-nav .navbar-nav > li.dropdown > a:focus,
.main-nav .navbar-nav > li.dropdown.open > a { background-color: #fdfdfd !important; color: #fff; }
.main-nav .dropdown-menu { background-color: #fdfdfd; border: none; border-radius: 0; min-width: 160px; padding: 0; left: 0; right: 0; width: 160px; margin-top: 0; }
.main-nav .dropdown-menu > li > a { color: #484343b8; padding: 12px 20px; white-space: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; display: flex; align-items: center; }
.main-nav .dropdown-menu > li > a:hover { background-color: #333; color: #fff; }
.main-nav .navbar-nav > li > a .caret { display: none; }
.navbar-toggle { border-color: #fff; margin-top: 13px; margin-bottom: 13px; }
.navbar-toggle .icon-bar { background-color: #fff; }
.dropdown-toggle .caret { margin-left: 5px; transition: transform 0.3s; }
.dropdown.open .dropdown-toggle .caret { transform: rotate(180deg); }
.third-level-parent { position: relative; }
.third-level-parent > a { position: relative; padding-right: 30px !important; }
.third-level-parent > a .submenu-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #fff; }
.third-level-menu { position: absolute; left: 100%; top: 0; background-color: #404040; min-width: 160px; z-index: 1000; display: none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.1); }
.third-level-parent:hover .third-level-menu { display: block; }
.third-level-menu li { list-style: none; }
.third-level-menu li a { display: block; padding: 12px 20px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); white-space: nowrap; height: 45px; display: flex; align-items: center; }
.third-level-menu li a:hover { background-color: #333; }
{if isset($watermark_settings.enabled) && $watermark_settings.enabled == 1}
.watermarked-image { position: relative; }
{/if}
.site-title a { font-size: 28px; font-weight: bold; color: #333; text-decoration: none; }
.logo { max-height: 80px; width: auto; }
.logo-container { position: relative; z-index: 10; height: 80px; display: flex; align-items: center; }
.wide-container { width: 100%; max-width: calc(100% - 80px); margin: 0 auto; padding: 0; transition: max-width 0.3s ease; position: relative; height: 100%; }
header .row { display: flex; align-items: center; height: 100%; position: relative; }
@media (min-width: 1300px) { .wide-container { max-width: calc(1300px + 0px); } }
@media (min-width: 992px) and (max-width: 1199px) { .wide-container { max-width: calc(768px + 80px); } #topsearch { width: 320px; right: 30px; } }
@media (min-width: 768px) and (max-width: 768px) {
    .wide-container { max-width: calc(750px + 80px); }
    #topsearch { position: static; transform: none; float: none; width: 100%; max-width: 100%; margin: 15px auto 0; right: auto; top: auto; order: 3; width: 100%; }
    header { height: auto; min-height: 130px; padding: 20px 0; flex-direction: column; align-items: flex-start; }
    header .row { flex-direction: column; align-items: flex-start; }
    .logo-container { width: 100%; height: auto; margin-bottom: 10px; }
    .logo { max-height: 60px; }
    .search_group { width: 100%; }
}
@media (min-width: 992px) { .logo-container { flex: 1; min-width: 0; } }
@media (max-width: 1100px) and (min-width: 992px) { #topsearch { width: 300px; right: 20px; } .logo { max-height: 70px; } }
@media (min-width: 992px) and (max-width: 1000px) { #topsearch { width: 280px; right: 15px; } .logo-container { max-width: calc(100% - 300px); } }

/* ===== 新增：二级菜单悬停显示（与三级菜单一致）===== */
.dropdown:hover .dropdown-menu {
    display: block;
}

/* 调整二级菜单位置，避免悬停时跳动（可选） */
.dropdown-menu {
    margin-top: 0; /* 覆盖Bootstrap默认的上边距 */
}

/* 确保 bx-wrapper 作为圆点的定位参照。以下是幻灯片样式修改 */
.slider-container .bx-wrapper {
    position: relative !important;
    background-color: #2296f9;
}

/* 圆点固定在容器底部内侧 */
.slider-container .bx-pager {
    position: absolute !important;
    bottom: 20px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center;
    z-index: 30 !important;  /* 提高层级避免被遮挡 */
    color: transparent;
}

.slider-container .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}

.slider-container .bx-pager-link {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.7);
    text-indent: -9999px;
    transition: background-color 0.3s;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.slider-container .bx-pager-link.active {
    background-color: #fff;
}
.slider-container .bx-pager-link:hover {
    background-color: #fff;
}

/* ===== CP端搜索页面全局重置 ===== */
.thumbnail {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}
.thumbnail img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

/* ===== 左侧导航样式 ===== */
.search-sidebar .panel {
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
}
.search-sidebar .panel-heading {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
}
.search-sidebar .panel-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-sidebar .toggle-icon {
    font-size: 18px;
    font-weight: normal;
    transition: transform 0.2s;
}
.search-sidebar .panel-collapse {
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
}
.search-sidebar .panel-body {
    padding: 0;
}
.search-sidebar .nav-stacked {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}
.search-sidebar .nav-stacked > li > a {
    display: block;
    padding: 8px 25px;
    color: #555;
    text-decoration: none;
}
.search-sidebar .nav-stacked > li > a:hover {
    background-color: #f0f0f0;
}
/* 子菜单缩进 */
.search-sidebar .nav-stacked .nav-stacked {
    padding-left: 20px;
}
.search-sidebar .nav-stacked .nav-stacked > li > a {
    padding-left: 25px;
    font-size: 14px;
}

/* ===== 联系我们 ===== */
.contact-panel {
    margin-top: 0px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.contact-panel h4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}
.contact-item {
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
}
.contact-item strong {
    width: 60px;
    flex-shrink: 0;
}

/* ===== 搜索结果行 ===== */
.search-item {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ccc;
}
.search-item:last-child {
    border-bottom: none;
}
.search-item .row {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    height: 40px !important;
}
.search-item .col-xs-2,
.search-item .col-sm-2,
.search-item .col-md-2 {
    padding-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.search-item h4 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    width: 100%;
}
.search-item .title-link {
    color: #337ab7;
    text-decoration: none;
}
.search-item .date {
    margin-left: auto;
    font-size: 16px;
    color: #999;
    font-weight: normal;
    white-space: nowrap;
}
.search-item .type-badge {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    white-space: nowrap;
}
.search-item p {
    margin: 2px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 1.4;
}

/* ===== 广告位样式（全屏拉伸，与导航条同宽）===== */
.search-ad-wrapper {
    width: 100%;
    background-color: #f8f9fa; /* 无广告时背景色 */
}
.search-ad {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.search-ad img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 保证图片填满且不变形 */
    display: block;
}
.search-ad a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.search-ad .no-ad {
    font-size: 24px;
    color: #999;
    font-weight: 300;
}

/* ===== 面包屑导航（全屏宽背景，零间距紧贴广告）===== */
.breadcrumb-wrapper {
    width: 100%;
    background-color: #f5f5f5;
    padding: 10px 0;        /* 上下内边距，左右由内部 container 控制 */
    margin: 0;
}
.breadcrumb-wrapper .container {
    padding-left: 15px;
    padding-right: 15px;
}
.breadcrumb-content {
    font-size: 14px;
    color: #666;
}
.breadcrumb-content a {
    color: #337ab7;
    text-decoration: none;
}
.breadcrumb-content a:hover {
    text-decoration: underline;
}
.breadcrumb-content span {
    color: #333;
    font-weight: 500;
}
/* ===== 栏目页广告样式（全屏宽，图片拉伸#f8f9fa）===== */
.column-ad-wrapper {
    width: 100%;
    background-color: #2296f9;
}
.column-ad {
    width: 100%;
    height: 300px; /* 与顶部广告高度一致，可根据需要调整 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.column-ad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.column-ad .no-ad {
    font-size: 24px;
    color: #999;
    font-weight: 300;
}

/* ===== 移动端优化：调整布局顺序并修正列表样式 ===== */
@media (max-width: 767px) {
    /* 1. 布局顺序：搜索结果在上，导航在下 */
    .main-container .row {
        display: flex;
        flex-direction: column;
    }
    .main-container .row .col-md-9.col-sm-8 {
        order: 1;
        width: 100%;
    }
    .main-container .row .col-md-3.col-sm-4 {
        order: 2;
        width: 100%;
        margin-top: 30px;
    }

    /* 2. 搜索结果列表项强制修复：图片固定在左侧，正方形，文字垂直居中 */
    .search-item {
        height: auto !important;
        min-height: 60px;
        padding: 8px 0;
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #ccc;
    }
    .search-item .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        width: 100%;
        margin: 0;
        height: auto !important;
    }
    /* 图片列：固定宽50px，让图片填满并保持正方形 */
    .search-item .col-xs-2 {
        flex: 0 0 50px !important;
        max-width: 65px !important;
        padding-right: 10px !important;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .search-item .col-xs-2 .thumbnail {
        margin: 0;
        padding: 0;
        width: 40px;
        height: 40px;
    }
    .search-item .col-xs-2 .thumbnail img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 4px;
        display: block;
    }
    /* 文字列：弹性占满剩余空间 */
    .search-item .col-xs-10 {
        flex: 1 !important;
        padding-left: 0 !important;
        width: auto !important;
    }
    /* 标题行：flex布局，垂直居中，允许标题换行 */
    .search-item h4 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        margin: 0;
        font-size: 14px;
        line-height: 1.4;
    }
    .search-item .title-link {
        word-break: break-word;
        color: #337ab7;
        text-decoration: none;
    }
    /* 日期和类型标签保持单行，字体稍小 */
    .search-item .date,
    .search-item .type-badge {
        white-space: nowrap;
        font-size: 12px;
        color: #999;
    }
    .search-item .date {
        margin-left: auto; /* 日期靠右 */
    }
    /* 移除可能干扰的PC固定高度 */
    .search-item .col-xs-10 h4,
    .search-item .col-xs-10 p {
        margin: 0;
    }
    .search-item p {
        font-size: 12px;
        color: #666;
        margin-top: 2px !important;
        line-height: 1.4;
    }
}

/* 产品展示 - 精品推荐 */
.product_bg {
    padding: 30px 0;
    background-color: #f9f9f9;
}

.product_head, .case_head, .advantage_head, .news_head, .cooperation_head {
    text-align: center;
    margin-bottom: 25px;
}

.product_head h2, .case_head h2, .advantage_head h2, .news_head h2, .cooperation_head h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
}

.product_head p, .case_head p, .advantage_head p, .news_head p, .cooperation_head p {
    font-size: 16px;
    color: #666;
}

/* 首页产品项 - 正方形图片，标题居中单行省略 */
.product_bg .product-item {
    margin-bottom: 30px;
}

.product_bg .product-item .thumbnail {
    border: none;
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}

.product_bg .product-item .product-img-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.product_bg .product-item .product-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.product_bg .product-item:hover .product-img-wrapper img {
    transform: scale(1.05);
}

.product_bg .product-item .caption {
    text-align: center;
    padding: 15px 5px;
}

.product_bg .product-item .product-title {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_bg .product-item .product-title a {
    color: #333;
    text-decoration: none;
}

.product_bg .product-item .product-title a:hover {
    color: #007bff;
}

.product_bg .product-item .price {
    color: #e74c3c;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 0;
}

/* 成功案例 */
.case_bg {
    padding: 30px 0;
    position: relative;
    color: #fff;
}

.case_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(3, 3, 42, 0.8);
}

.case_bg .container {
    position: relative;
    z-index: 1;
}

.case_bg .case-item {
    margin-bottom: 30px;
}

.case_bg .case-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #000;
}

.case_bg .case-img-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.case_bg .case-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.case_bg .case-thumb:hover .case-img-wrapper img {
    transform: scale(1.05);
}

.case_bg .case-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    color: #fff;
    padding: 15px;
    transform: translateY(100%);
    transition: transform 0.3s;
}

.case_bg .case-thumb:hover .case-overlay {
    transform: translateY(0);
}

.case_bg .case-overlay h4 {
    font-size: 16px;
    margin: 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case_bg .case-overlay p {
    font-size: 13px;
    margin: 0;
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== 我们的优势 ===== */
.advantage_bg {
    padding: 30px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.advantage_bg .container {
    position: relative;
    z-index: 1;
}

.advantage_list {
    margin-top: 20px;
}

.advantage-item {
    margin-bottom: 25px;
    padding: 0 15px;
}

.advantage-card {
    background: #fff;
    border-radius: 12px;
    padding: 0 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    transition: transform 0.3s, box-shadow 0.3s;
    height: 145px; /* 固定高度 */
}

.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.advantage-icon {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    margin-right: 20px;
    border-radius: 50%;
    background: #f0f8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #007bff;
    transition: transform 0.6s ease;
}

.advantage-card:hover .advantage-icon {
    transform: rotate(360deg);
}

.advantage-icon img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}

.advantage-text {
    flex: 1;
}

.advantage-text h4 {
    margin: 0 0 5px;
    font-size: 18px;
    color: #333;
}

.advantage-text p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== 关于我们 ===== */
.about-section {
    padding: 30px 0;
    background: #f9f9f9;
}

/* 第一行：标题 + 虚线 */
.about-title-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
}

.about-title-cn {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    margin-right: 10px;
}

.about-title-en {
    font-size: 14px;
    color: #999;
    white-space: nowrap;
    margin-right: 15px;
}

.about-dashed-line {
    flex: 1;
    height: 2px;
    border-bottom: 2px dashed #ccc;
    margin-left: 5px;
}

/* 第二行：图片和内容 */
.about-row {
    display: flex;
    align-items: stretch;
}

.about-left {
    width: 33.333%;
    padding-right: 15px;
}

.about-img-wrapper {
    width: 100%;
    max-width: 420px;
}

.about-fixed-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.about-right {
    width: 66.666%;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-content {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
    max-height: 285px; /* 与图片高度匹配 */
    overflow-y: auto;
    padding-right: 10px;
}

.about_btn {
    align-self: flex-start;
    display: inline-block;
    padding: 10px 30px;
    background: #007bff;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s;
    border: none;
}

.about_btn:hover {
    background: #0056b3;
    color: #fff;
    text-decoration: none;
}

/* 响应式 */
@media (max-width: 767px) {
    .advantage-item {
        width: 100%;
    }
    .advantage-card {
        height: auto;
        padding: 15px 20px;
    }
    .advantage-icon {
        width: 70px;
        height: 70px;
    }
    .about-title-wrapper {
        flex-wrap: wrap;
    }
    .about-dashed-line {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
    .about-row {
        flex-wrap: wrap;
    }
    .about-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .about-right {
        width: 100%;
        padding-left: 0;
    }
    .about-img-wrapper {
        max-width: 100%;
    }
    .about-content {
        max-height: none;
    }
}
/* 新闻动态 - 一行四个 */
.news_bg {
    padding: 0px 0;
    background: #f5f5f5;
}

.news-item {
    margin-bottom: 30px;
}

.news-img-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 8px;
}

.news-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.news-img-wrapper:hover img {
    transform: scale(1.05);
}

.news-content {
    text-align: center;
    padding: 15px 5px 0;
}

.news-title {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-title a {
    color: #333;
    text-decoration: none;
}

.news-title a:hover {
    color: #007bff;
}

.news-desc {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    max-height: 4.8em;
}

/* 合作伙伴 */
.cooperation-section {
    padding: 30px 0;
    background: #fff;
}

.cooperation-list {
    margin-top: 20px;
}

.cooperation-item {
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
}

.cooperation-item a {
    display: block;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.3s;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cooperation-item a:hover {
    border-color: #007bff;
    box-shadow: 0 3px 10px rgba(0,123,255,0.1);
}

.cooperation-item img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
}

.cooperation-item span {
    color: #666;
    font-size: 14px;
}
.about-right {
    position: relative; /* 确保虚线相对定位正确 */
    padding-left: 30px;
}

.about-dashed-line {
    height: 1px;
    background: transparent;
    border-bottom: 2px dashed #ccc;
    margin-bottom: 0px;
    width: 100%; /* 确保宽度占满父容器 */
    position: relative;
    left: 0;
}

/* 返回顶部按钮 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-color: #007bff;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    text-decoration: none;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 1000;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.back-to-top:hover {
    background-color: #0056b3;
    color: #fff;
    transform: translateY(-3px);
    text-decoration: none;
}

.back-to-top.show {
    opacity: 1;
    display: block;
}

/* 响应式调整 */
@media (max-width: 767px) {
    .slider-container,
    .slide-item,
    .slide-item img {
        height: 300px;
    }
    .advantage-item {
        flex-direction: column;
        text-align: center;
    }
    .advantage-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .about-row {
        flex-wrap: wrap;
    }
    .about-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .about-right {
        width: 100%;
        padding-left: 0;
    }
    .about-img-wrapper {
        max-width: 100%;
    }
    .about-content {
        max-height: none;
    }
}

/* 以下为其他原有样式（懒加载、动画等）保持不变 */


/* 图片懒加载样式 */
img.lazy-loading {
    opacity: 0;
    transition: opacity 0.3s;
    background: #f5f5f5;
}

img.lazy-loaded {
    opacity: 1;
}

img.lazy-error {
    opacity: 0.7;
    border: 1px solid #eee;
}

/* 字段错误样式 */
.field-error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.field-error:focus {
    border-color: #dc3545;
}

/* 提交按钮禁用样式 */
button.submitting,
input[type="submit"].submitting {
    opacity: 0.6;
    cursor: not-allowed;
    position: relative;
}

button.submitting:after,
input[type="submit"].submitting:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* 页面加载器 */
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Toast消息 */
.toast-message {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    z-index: 1001;
    font-size: 14px;
    animation: fadeInUp 0.3s, fadeOutDown 0.3s 1.7s;
}

/* 页面过渡效果 */
body.page-transition {
    opacity: 0;
    transition: opacity 0.3s;
}

/* AJAX加载状态 */
body.ajax-loading:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #007bff, #0056b3);
    z-index: 9999;
    animation: loadingBar 2s linear infinite;
}

/* 动画定义 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    to {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
}

@keyframes loadingBar {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* 返回顶部按钮优化 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    background: #007bff;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 123, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    background: #0056b3;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);
    text-decoration: none;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.back-to-top .glyphicon {
    font-size: 18px;
}

/* 响应式调整 */
@media (max-width: 767px) {
    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    
    .toast-message {
        bottom: 20px;
        padding: 10px 20px;
        font-size: 13px;
    }
}

/* === 首页特有样式（从 cn_index.tpl 迁移）=== */

/* 首页产品展示区域 - 固定大小 */
.index-product-item {
    margin-bottom: 30px;
}
.index-product-item .thumbnail {
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.index-product-item .thumbnail:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.index-product-item img {
    width: 100%;
    height: 220px; /* 固定高度 */
    object-fit: cover; /* 保持比例填充 */
    display: block;
}
.index-product-item .caption {
    flex: 1;
    padding: 15px;
}
.index-product-item h4 {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.4;
    height: 45px;
    overflow: hidden;
}
.index-product-item p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
}
.index-product-item .price {
    color: #e74c3c;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}

/* 首页案例展示区域 - 固定大小 */
.index-case-item {
    margin-bottom: 30px;
}
.index-case-thumb {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 280px; /* 固定高度 */
}
.index-case-thumb:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.index-case-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.index-case-thumb:hover img {
    transform: scale(1.05);
}
.index-case-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    color: white;
    padding: 20px 15px;
    opacity: 0.9;
}
.index-case-overlay h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
}
.index-case-overlay p {
    margin: 0;
    font-size: 13px;
    opacity: 0.9;
}

/* 首页新闻列表 */
.index-news-item {
    margin-bottom: 30px;
}
.index-news-thumb {
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 4px;
    height: 180px; /* 固定高度 */
}
.index-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.index-news-thumb:hover img {
    transform: scale(1.05);
}
.index-news-content h4 {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.4;
    height: 45px;
    overflow: hidden;
}
.index-news-meta {
    color: #999;
    font-size: 13px;
    margin-bottom: 10px;
}
.index-news-meta .date {
    margin-right: 15px;
}
.index-news-content p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
}

/* 首页响应式调整 */
@media (max-width: 767px) {
    .index-product-item img,
    .index-case-thumb,
    .index-news-thumb {
        height: 180px;
    }
    
    .index-product-item .caption,
    .index-news-content h4,
    .index-news-content p {
        height: auto;
    }
    
    .index-product-item,
    .index-case-item,
    .index-news-item {
        margin-bottom: 20px;
    }
}
/* 底部响应式样式 */
/* ========== 底部模版foot基础样式 ========== */
.footer {
    background-color: #333;
    color: #fff;
    padding: 30px 0 20px;
}

.footer-section {
    margin-bottom: 20px;
}

.footer-section h4 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

.footer-links {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: #ccc;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
    display: block;
    cursor: pointer;
}

.footer-links a:hover {
    color: #fff;
}

.copyright {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px;
    text-align: center;
}

.copyright a {
    color: #ccc;
    text-decoration: none;
}

.copyright a:hover {
    color: #fff;
    text-decoration: underline;
}

.qrcode {
    text-align: center;
    margin-top: 20px;
}

.logo-divider {
    border-top: 1px solid #555;
    width: 180px;
    margin: 15px auto;
}

.logo-text {
    color: #ccc;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

/* ========== PC端底部布局 ========== */
.footer-pc {
    display: block;
}

/* ========== 移动端底部布局 ========== */
.footer-mobile {
    display: none;
}
/* 强制移除所有边框和阴影 */
#mobileBottomNav,
.mobile-bottom-nav,
.mobile-bottom-nav * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 如果需要保留阴影，只移除边框 */
#mobileBottomNav,
.mobile-bottom-nav {
    border: none !important;
    outline: none !important;
    /* 只保留底部阴影 */
    box-shadow: 0 -2px 10px rgba(0,0,0,0.5) !important;
}
/* 移动端导航横排容器 */
.mobile-nav-sections {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 20px 0;
}

.mobile-nav-col {
    flex: 1;
    text-align: center;
    padding: 0 8px;
}

.mobile-nav-col h4 {
    font-size: 14px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-nav-col .footer-links {
    margin-bottom: 0;
}

.mobile-nav-col .footer-links li {
    margin-bottom: 6px;
}

.mobile-nav-col .footer-links a {
    font-size: 12px;
}

/* ========== 移动端底部导航栏 - 修复版 ========== */
.mobile-bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #333 !important;
    border-top: 2px solid #333 !important;
    z-index: 99999 !important;
    padding: 10px 0 !important;
/*     box-shadow: 0 -3px 15px rgba(0,0,0,0.5) !important;*/
    display: none !important;
    -webkit-tap-highlight-color: transparent;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.mobile-bottom-nav.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.nav-items {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
}

.nav-item {
    text-align: center;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ccc !important;
    text-decoration: none !important;
    font-size: 11px !important;
    padding: 5px 8px !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    transition: all 0.3s !important;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.nav-item a:hover,
.nav-item a:active,
.nav-item a:focus {
    color: #fff !important;
    background-color: rgba(255,255,255,0.15) !important;
}

.nav-icon {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.nav-icon svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ccc !important;
    display: block !important;
}

.nav-item a:hover .nav-icon svg,
.nav-item a:active .nav-icon svg,
.nav-item a:focus .nav-icon svg {
    fill: #fff !important;
}

/* ========== 响应式设计 ========== */
/* 移动端样式 - 小于768px */
@media (max-width: 767px) {
    /* 隐藏PC端，显示移动端 */
    .footer-pc {
        display: none !important;
    }
    
    .footer-mobile {
        display: block !important;
/*         padding-bottom: 70px !important; /* 为底部导航留空间 */
    }
    
    /* 确保body有底部padding */
    body {

        min-height: 100vh !important;
        position: relative !important;
    }
    
    /* 强制显示移动端底部导航 */
    #mobileBottomNav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* 确保移动端footer内容可以交互 */
    .footer-mobile,
    .footer-mobile * {
        user-select: text !important;
        -webkit-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    }
    
    /* 移动端底部导航栏强制显示 */
    .mobile-bottom-nav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* PC端样式 - 大于768px */
@media (min-width: 768px) {
    /* 隐藏移动端底部导航 */
    .mobile-bottom-nav {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ========== 返回顶部按钮 ========== */
.back-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #333;
    color: #fff;
    border: 1px solid #555;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    display: none;
    z-index: 99998;
    box-shadow: 0 3px 12px rgba(0,0,0,0.3);
}

.back-to-top:hover {
    background-color: #555;
}

/* 移动端返回顶部按钮位置调整 */
@media (max-width: 767px) {
    .back-to-top {
        bottom: 80px;
    }
}

/* 调试边框 - 可以在开发时查看元素边界 */
.debug-border {
    border: 1px solid red !important;
}
/* 覆盖新闻中心和产品中心的标题颜色 */
.footer-section h4 a.footer-nav-title,
.footer-section h4 a[href*="news"],
.footer-section h4 a[href*="product"] {
    color: #fff !important;
    text-decoration: none !important;
}

/* 悬停效果 */
.footer-section h4 a.footer-nav-title:hover,
.footer-section h4 a[href*="news"]:hover,
.footer-section h4 a[href*="product"]:hover {
    color: #ccc !important;
}

/* 移动端也要覆盖 */
.mobile-nav-col h4 a,
.mobile-footer-navs .footer-section h4 a {
    color: #fff !important;
    text-decoration: none !important;
}

.mobile-nav-col h4 a:hover,
.mobile-footer-navs .footer-section h4 a:hover {
    color: #ccc !important;
}


/* 临时测试用 - 添加到style.css最底部 */
@media (max-width: 767px) {
    body {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .footer-mobile {
        padding-bottom: 0 !important;
        margin-bottom: 60px !important; /* 给导航栏留空间 */
    }
}


/* ===== CP端关于我们、在线留言、公司简介页面全局 ===== */
/* ===== 全局窄屏适配（≤767px）覆盖所有页面 ===== */
@media (max-width: 767px) {
    /* ---------- 1. 导航栏：切换为移动端样式 ---------- */
    /* 如果导航使用了 Bootstrap 的 navbar，这些规则可激活折叠效果 */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block; /* 显示折叠按钮 */
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* 确保导航容器宽度正确 */
    .navbar .container {
        width: 100%;
        padding: 0;
    }

    /* ---------- 2. 底部区域：确保不被浮动内容覆盖 ---------- */
    footer, 
    .footer,
    .site-footer,
    .copyright {
        clear: both;          /* 清除浮动 */
        width: 100%;
        position: relative;   /* 避免绝对定位干扰 */
        text-align: center;   /* 可选，居中文本 */
        padding: 15px 10px;
        font-size: 13px;
    }
    /* 如果底部包含多个列，使其垂直堆叠 */
    .footer .col-md-4,
    .footer .col-sm-6 {
        width: 100%;
        margin-bottom: 15px;
    }

    /* ---------- 3. 主体布局：主内容在上，侧边栏在下（与之前一致）---------- */
    .main-container .row {
        display: flex;
        flex-direction: column;
    }
    .main-container .col-md-9.col-sm-8 {
        order: 1;
        width: 100%;
    }
    .main-container .col-md-3.col-sm-4 {
        order: 2;
        width: 100%;
        margin-top: 30px;
    }

    /* ---------- 4. 广告位 ---------- */
    .column-ad {
        height: 150px !important;
    }
    .column-ad img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* ---------- 5. 面包屑 ---------- */
    .breadcrumb-wrapper {
        padding: 8px 0;
    }
    .breadcrumb-content {
        font-size: 13px;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .breadcrumb-content::-webkit-scrollbar {
        display: none;
    }

    /* ---------- 6. 右侧内容区 ---------- */
    .contact-content-box {
        padding: 0 5px;
    }
    .contact-content-box .page-header h2 {
        font-size: 20px;
    }
    .contact-content {
        font-size: 14px;
        line-height: 1.6;
    }
    .contact-content img {
        max-width: 100%;
        height: auto;
    }

    /* ---------- 7. 左侧导航 ---------- */
    .search-sidebar .panel-heading {
        padding: 12px 15px;
    }
    .search-sidebar .panel-title {
        font-size: 16px;
    }
    .search-sidebar .nav-stacked > li > a {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* ---------- 8. 留言表单 ---------- */
    .feedback-form .form-group.row {
        display: block;
        margin-bottom: 15px;
    }
    .feedback-form [class*="col-sm-"] {
        width: 100%;
        padding: 0;
        text-align: left !important;
    }
    .feedback-form label.col-sm-3 {
        margin-bottom: 5px;
        font-weight: bold;
        display: block;
        padding-left: 0;
    }
    .feedback-form input,
    .feedback-form textarea,
    .feedback-form select {
        width: 100% !important;
        box-sizing: border-box;
    }
    .feedback-form .col-sm-4,
    .feedback-form .col-sm-3 {
        margin-bottom: 10px;
    }
    .feedback-form .col-sm-3 img.captcha-img {
        height: 40px;
        width: 100%;
        margin-top: 5px;
    }
    .feedback-form .btn {
        width: 100%;
        margin-bottom: 10px;
        padding: 12px;
        font-size: 16px;
    }
    .feedback-form .btn:first-child {
        margin-right: 0 !important;
    }

    /* ---------- 9. 容器内边距 ---------- */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 顶部登录和注册按钮样式 */
.top-nav-btn-d {
    display: inline-block;
    padding: 4px 14px;
    margin-left: 8px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
.top-nav-btn-d.login {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
    text-decoration: none !important;
}
.top-nav-btn-d.login:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(102,126,234,0.3);
}
.top-nav-btn-d.register {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
     text-decoration: none !important;
}
.top-nav-btn-d.register:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(102,126,234,0.3);
    
}