.header-top-wrapper{background:#fff;position:relative;z-index:1001;box-shadow:0 2px 15px rgba(0,35,102,.05)}
.header-top-wrapper .search-container { flex: 0 0 278px;}
.header-top-wrapper .search-form{position:relative;display:flex;align-items:center}
.header-top-wrapper .search-input{width:100%;padding:10px 25px;border-radius:50px;border:2px solid #eee;background:#f8f9fa;transition:all .3s ease;font-size:.9rem}
.header-top-wrapper .search-input:focus{outline:0;border-color:var(--bs-primary);background:#fff;box-shadow:0 5px 15px rgba(0,35,102,.1)}
.header-top-wrapper .search-submit{position:absolute;right:5px;top:5px;bottom:5px;width:38px;border-radius:50%;border:none;background:var(--bs-primary);color:#fff;transition:.3s}
.header-top-wrapper .search-submit:hover{background:var(--bs-primary);transform:scale(1.05)}

.header-top-wrapper .info-item .icon-circle{width:40px;height:40px;background:rgba(27,54,93,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bs-primary);font-size:1.2rem;margin-right:12px}
.header-top-wrapper .info-item .text-group p{margin:0;line-height:1.2}
.header-top-wrapper .info-item .label{font-size:.75rem;color:#999}
.header-top-wrapper .info-item .value{font-size:1.1rem;font-weight:700;color:var(--bs-primary)}

.header-top-wrapper  .btn-consult{border-radius:50px;padding:10px 25px;font-weight:600;font-size:.9rem;border:none;box-shadow:0 4px 10px rgba(0,35,102,.2);transition:.3s}
.header-top-wrapper  .btn-consult:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,35,102,.3)}

.navbar-search{background-color:transparent;border:none;color:var(--bs-primary)}
.navbar-search .iconfont{font-size:24px}

.navbar-toggler{width:34px;height:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;padding:0}
.navbar-toggler span{display:block;width:100%;height:2.5px;background-color:var(--bs-primary);border-radius:40px;transition:all .35s cubic-bezier(.68, -.55, .265, 1.55);transform-origin:center;will-change:transform,opacity}
.navbar-toggler.is-active span:first-child{transform:translateY(8.75px) rotate(45deg)}
.navbar-toggler.is-active span:last-child{transform:translateY(-8.75px) rotate(-45deg)}
.navbar-toggler.is-active span:nth-child(2){opacity:0;transform:scaleX(.3)}

.navbar-main{background-color:var(--bs-primary);padding:0}
.navbar-main .nav-link{color:#fff!important;padding:1rem 0!important;font-weight:500;transition:.3s}
.navbar-main .nav-link:hover{background-color:var(--bs-primary-active)}
.navbar-main .nav-item.dropdown{position: static;}
.dropdown-menu.megamenu{width:100%;left:0;right:0;border:none;border-radius:0;margin-top:0;background:#fdfdfd;box-shadow:0 15px 30px rgba(0,0,0,.1);display:none}
.nav-item.dropdown:hover .dropdown-menu.megamenu{display:block;animation:fadeIn .3s ease-in}

.megamenu .country-list-item{padding:12px 15px;cursor:pointer;transition:.2s;border-radius:4px;display:flex;align-items:center;color:#333}
.megamenu .country-list-item.active,
.megamenu .country-list-item:hover{background-color:#f0f4f8;color:var(--bs-primary);font-weight:700}
.megamenu .country-list-item .flag-icon {width: 24px;margin-right: 10px;border: 1px solid #eee;}
.megamenu .project-card{border:none;margin-bottom:20px;transition:.3s;position: relative;}
.megamenu .project-card:hover{transform:translateY(-5px)}
.megamenu .project-img-wrapper{width:100%;height:140px;overflow:hidden;border-radius:6px}
.megamenu .project-img-wrapper img{width:100%;height:100%;object-fit:cover}
.megamenu .project-title{font-size:.95rem;margin-top:10px;color:var(--bs-primary);font-weight:600}

.navbar-main .custom-dropdown .dropdown-menu{background-color:rgba(255,255,255,.05);border:none}
.navbar-main .custom-dropdown .dropdown-item{color:rgba(255,255,255,.8)}
.navbar-main .custom-dropdown:hover>.dropdown-menu{display:block;animation:slideUp .3s ease}
.navbar-main .custom-dropdown .dropdown-menu{background-color:#fff;border-top:3px solid var(--bs-primary)!important;min-width:180px;padding:10px 0}
.navbar-main .custom-dropdown .dropdown-item{padding:10px 20px;color: #121212;font-size:.9rem;transition:all .2s}
.navbar-main .custom-dropdown .dropdown-item:hover{background-color:#f8f9fa;padding-left:25px}

.navbar-offcanvas.offcanvas-start,.offcanvas-backdrop{top:63px;width:100%}
.navbar-offcanvas .offcanvas-body{height:100%;background-color:#0a2540}
.navbar-offcanvas .menu-left{flex:0 0 40%;z-index:2;transition:flex .3s ease}
.navbar-offcanvas .menu-left ul li{padding:15px 20px;font-size:.95rem;color:#fff;cursor:pointer}
.navbar-offcanvas .menu-left ul li.active{background-color:#fff;color:#002366;font-weight:700;border-right:3px solid #002366}
.navbar-offcanvas .menu-left ul li a{color:#fff}
.navbar-offcanvas .menu-right{flex:0 0 60%;background-color:#0c2033;overflow-y:auto;padding:10px 0;border-left:1px solid #5e5e5e;opacity:0;visibility:hidden;transform:translateX(20px);transition:all .3s cubic-bezier(.4, 0, .2, 1)}
.navbar-offcanvas .sub-menu-content{display:none}
.navbar-offcanvas .sub-menu-content.active{display:block;animation:fadeInRight .3s ease}
.navbar-offcanvas .sub-menu-content a{display:block;padding:12px 20px;color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}
.navbar-offcanvas .country-group h6{color:#6c757d;padding:15px 20px 5px;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}
.navbar-offcanvas .sub-menu-content img{width:30px;height:20px;object-fit:cover;margin-right:10px;border-radius:2px}
.navbar-offcanvas .navbar-offcanvas.show-sub .menu-right{opacity:1;visibility:visible;transform:translateX(0)}

.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{width:50px;height:50px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(4px);transition:all .3s ease}
.bannerSwiper .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{font-size:18px;font-weight:700;color:#fff}
.bannerSwiper .swiper-button-next:hover,.bannerSwiper .swiper-button-prev:hover{background:var(--bs-primary);border-color:var(--bs-primary);box-shadow:0 0 15px rgba(0,35,102,.4)}
.bannerSwiper .swiper-button-prev{left:30px}
.bannerSwiper .swiper-button-next{right:30px}
.bannerSwiper .swiper-pagination-bullets{bottom:30px!important}
.bannerSwiper .swiper-pagination-bullet{width:12px;height:4px;border-radius:2px;background:#fff;opacity:.5;transition:all .4s ease}
.bannerSwiper .swiper-pagination-bullet-active{width:35px;background:var(--bs-primary)!important;opacity:1}
.bannerSwiper img{min-height: 200px;}

.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea;position: relative;}
.section-header::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--bs-primary)}
.section-header .btn-more-link{color:#666;text-decoration:none;font-weight:600;transition:.3s;padding:8px 16px;border:1px solid #ddd;border-radius:4px}
.section-header .btn-more-link:hover{color:var(--bs-primary);border-color:var(--bs-primary);background:rgba(0,35,102,.05)}
.project-item-card{border:1px solid #eee;background:#fff;transition:.3s;border-radius:6px;overflow: hidden;}
.project-item-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-5px)}
.project-item-card .badge{border-radius: 2px;}
.project-item-card .proj-tags .badge {
    font-weight: 400;
    background: #f0f2f5;
    color: #666;
    margin-right: 5px;
}
.project-item-card .btn-action-group{display:flex;gap:10px}
.project-item-card .btn-action-group .btn{flex:1;border-radius:2px;font-size:.85rem;padding:10px}

.countrySwiper .country-card{position:relative;border-radius:0;overflow:hidden;height:400px;background-color:#000}
.countrySwiper .country-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25, 1, .5, 1);opacity:.9}
.countrySwiper .country-mask{position:absolute;inset:0;background:rgba(10,37,64,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;transition:all .4s ease;z-index:2}
.countrySwiper .country-mask h4{color:#fff;font-weight:700;font-size:1.5rem;margin-bottom:8px;transform:translateY(20px);transition:transform .4s ease}
.countrySwiper .country-mask p{color:rgba(255,255,255,.8);font-size:.9rem;max-width:80%;transform:translateY(20px);transition:transform .4s ease}
.countrySwiper .btn-hover-consult{opacity:0;visibility:hidden;transform:translateY(30px);transition:all .4s cubic-bezier(.175, .885, .32, 1.275);background:transparent;border:1px solid #fff;color: #fff;padding:10px 30px;border-radius:0;text-decoration:none;font-weight:600;font-size:.85rem;margin-top:20px}
.countrySwiper .country-card:hover img{transform:scale(1.1);opacity:.7}
.countrySwiper .country-card:hover .country-mask{background:rgba(0,35,102,.7)}
.countrySwiper .country-card:hover h4,.country-card:hover p{transform:translateY(0)}
.countrySwiper .country-card:hover .btn-hover-consult{opacity:1;visibility:visible;transform:translateY(0)}
.countrySwiper .btn-hover-consult:hover{background:#fff;color:#121212}.countrySwiper 

.lead-capture-section{margin-bottom:120px;background-color:#fff}
.lead-bg-dark{padding-bottom:8rem!important;position:relative;overflow:hidden;background-image:linear-gradient(135deg,rgba(27,54,93,.9) 0,rgba(10,37,64,.95) 100%),url('../img/bj.jpg');background-size:cover;background-position:center;background-attachment:fixed}
.lead-form-overlay{position:relative;margin-top:-100px;z-index:10}
.btn-submit-red{background-color:#c00;color:#fff;border:none;letter-spacing:2px;transition:all .3s}
.btn-submit-red:hover{background-color:#a00000;color:#fff}
.form-input-flat{border-radius:0;border:1px solid #ddd;font-size:1rem;padding:10px 15px;transition:all .3s}
.form-input-flat:focus{border-color:#c00;box-shadow:none;background-color:#fff}

/* --- 关于我们：蓝色与金色的过渡设计 --- */

.about-premium-section .adv-icon-gold{font-size:2.5rem;color:var(--bs-gold);transition:transform .3s ease}
.about-premium-section .adv-item-box:hover .adv-icon-gold{transform:translateY(-5px) scale(1.1)}
.about-premium-section .about-main-overlap{border-radius:0;overflow:hidden;transition:all .5s cubic-bezier(.165, .84, .44, 1);transform:translateY(0)}
.about-premium-section .about-main-overlap:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,35,102,.15)!important}
.about-premium-section .btn-biz-gold{background:var(--bs-gold);color:#fff!important;padding:12px 30px;text-decoration:none;font-weight:600;transition:.3s}
.about-premium-section .btn-biz-gold:hover{background:#a08a60;box-shadow:0 5px 15px rgba(178,155,112,.4)}
.about-premium-section .btn-biz-link{color:#002366;text-decoration:none;padding:12px 0;font-weight:600;border-bottom:2px solid transparent}
.about-premium-section .btn-biz-link:hover{border-bottom-color:var(--bs-gold)}
.about-premium-section .stats-row-gold{background:#002366}
.about-premium-section .stat-num{color:var(--bs-gold);font-size:2.8rem;font-weight:800;margin-bottom:5px}
.about-premium-section .stat-desc{color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:0}
.about-premium-section .border-end-white{border-right:1px solid rgba(255,255,255,.1)}


.team-section .team-card{background:#fff;border-radius:0;overflow:hidden;transition:transform .3s ease}
.team-section .team-img-box{height:300px;overflow:hidden}
.team-section .team-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.team-section .team-card:hover .team-img-box img{transform:scale(1.05)}
.team-section .team-info h5{color:#1b365d}
.team-section .btn-consult{background:#002366;color:#fff;border-radius:0;font-size:.85rem;padding:8px 0;border:none}
.team-section .btn-consult:hover{background:#0a2540;color:#fff}
.team-section .btn-call{background:#f8f9fa;color:#002366;border:1px solid #eee;border-radius:0;width:40px}
.team-section .btn-call:hover{background:#e9ecef;color:#002366}
.team-section .team-nav-group{position:relative;width:100px;height:40px}
.team-section .team-next,.team-section .team-prev{position:absolute!important;top:50%!important;width:40px!important;height:40px!important;margin-top:0!important;background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#121212!important}
.team-section .team-next::after,.team-section .team-prev::after{font-size:16px!important}
.team-section .team-prev{left:0!important}
.team-section .team-next{right:0!important}
.team-section .team-next:hover,.team-section .team-prev:hover{background:#fff;color:#002366!important}

.team-pagination{bottom:-10px!important;position:relative!important;margin-top:30px}
.team-pagination .swiper-pagination-bullet{width:20px;height:6px;background:#ccc;border-radius:0;opacity:.5;transition:all .3s ease;margin:0 5px!important}
.team-pagination .swiper-pagination-bullet-active{width:40px;background:var(--bs-primary)!important;opacity:1}
.team-pagination .swiper-pagination-bullet:hover{opacity:1;background:var(--bs-primary-active)}

.title-line-gold{width:60px;height:3px;background:var(--bs-gold);margin-top:10px}
.border-start-gold{border-left:4px solid var(--bs-gold)}
.recommend-img-box{position:relative;overflow:hidden}
.recommend-img-box img{transition:transform .5s ease}
.recommend-img-box:hover img{transform:scale(1.05)}
.recommend-date{position:absolute;bottom:0;left:0;background:#002366;color:#fff;padding:2px 10px;font-size:.75rem}
.dashed-line{border-top:1px dashed #ddd}
.news-text-list li{padding:10px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f5f5}
.news-text-list li:last-child{border-bottom:none}
.news-text-list li a{color:#444;text-decoration:none;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px;transition:.3s}
.news-text-list li .date{color:#999;font-size:.8rem;flex-shrink:0}
.hover-gold:hover,.news-text-list li a:hover{color:var(--bs-gold)!important}
.qa-interactive-list{border-top:1px solid #f0f0f0}
.qa-item{padding:15px 0;border-bottom:1px solid #f5f5f5;transition:all .4s ease}
.qa-header{display:flex;align-items:center}
.qa-title{color:#333;text-decoration:none;font-size:.95rem;font-weight:600;transition:color .3s;display:block;flex:1}
.qa-body{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4, 0, .2, 1);padding-left:26px;display:none;overflow:hidden}
.qa-body p{line-height:1.6;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa-item.active .qa-body,.qa-item:hover .qa-body{max-height:80px;opacity:1;margin-bottom:5px}
.qa-item:hover .qa-title{color:var(--bs-gold)}
.qa-item.active .qa-title{color:#002366}
.qa-item:first-child .qa-body{display:block}
.qa-item:first-child .qa-title{color:#002366}

.plan-form-card{border-radius:0}
.biz-input{border-radius:0!important;border:1px solid #e0e0e0;padding:12px 15px;font-size:.95rem;transition:all .3s}
.biz-input:focus{border-color:#b29b70;box-shadow:none;background-color:#fcfbf8}
.btn-submit-plan{background:linear-gradient(135deg,#002366 0,#0a2540 100%);color:#fff;padding:15px 60px;border-radius:0;font-weight:700;border:none;letter-spacing:2px;transition:all .3s}
.btn-submit-plan:hover{background:#b29b70;color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px rgba(178,155,112,.3)}
.x-small{font-size:.75rem}
.form-select.biz-input{background-position:right 1rem center;cursor:pointer}


/* --- Footer 全局样式 --- */
.main-footer{background-color:#0a2540}
.main-footer .footer-title{font-weight:700;font-size:1rem;margin-bottom:25px;color:#fff;position:relative}
.main-footer .footer-sub-nav li{margin-bottom:12px}
.main-footer .footer-sub-nav a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.85rem;transition:.3s}
.main-footer .footer-sub-nav a:hover{color:#b29b70;padding-left:5px}
.main-footer .social-icons a{width:32px;height:32px;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:.3s}
.main-footer .social-icons a:hover{background:#b29b70}
.main-footer .x-small{font-size:.75rem}
.main-footer .border-secondary{border-color:rgba(255,255,255,.05)!important}

.filter-item{text-decoration:none;color:#666;font-size:.9rem;padding:2px 12px;transition:.3s}
.filter-item.active,.filter-item:hover{background:#002366;color:#fff!important}
.project-card-horizontal{transition:.4s;border-radius:0}
.project-card-horizontal:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,35,102,.1)!important}
.project-img-wrap{width:320px;height:220px;flex-shrink:0;overflow:hidden}
.project-img-wrap img{width:100%;height:100%;object-fit:cover}
.badge-hot{position:absolute;top:0;left:0;background:#b29b70;color:#fff;padding:4px 12px;font-size:.75rem;font-weight:600}
.tag-item{background:#f0f4f8;color:#002366;font-size:.75rem;padding:3px 10px}
.btn-outline-navy{border:1px solid #002366;color:#002366;border-radius:0;font-size:.9rem}
.btn-outline-navy:hover{background:#002366;color:#fff}
.biz-pagination .page-link{border-radius:0!important;border:1px solid #eee;color:#002366;margin:0 3px;padding:10px 18px}
.biz-pagination .active .page-link{background-color:#002366!important;border-color:#002366!important;color:#fff}
.biz-pagination .page-link:hover:not(.active){background-color:#b29b70;color:#fff}

.project-grid-card{transition:all .4s ease;border-radius:0;border-top:3px solid transparent!important}
.project-grid-card:hover{transform:translateY(-10px);border-top-color:#b29b70!important;box-shadow:0 20px 40px rgba(0,35,102,.1)!important}
.project-price-tag{position:absolute;bottom:0;right:0;background:#b29b70;color:#fff;padding:5px 15px;font-weight:700;font-size:.9rem}
.project-meta-list li{padding-bottom:10px;color:#666;border-bottom:1px dashed #eee;margin-bottom:10px}
.project-meta-list li:last-child{border-bottom:none}
.btn-biz-outline{border:1px solid #002366;color:#002366;border-radius:0;font-size:.85rem;font-weight:600}
.btn-biz-outline:hover{background:#002366;color:#fff}
.btn-biz-gold{background:#b29b70;color:#fff;border:none;border-radius:0;font-size:.85rem;font-weight:600}
.btn-biz-gold:hover{background:#002366;color:#fff}
.official-recommend-tag{position:absolute;top:0;left:0;z-index:10;background:var(--bs-danger);color:#fff;padding:6px 15px;font-size:.75rem;font-weight:700;letter-spacing:1px;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%)}
.category-tags{display:flex;gap:8px}
.badge-item{font-size:.7rem;padding:2px 8px;font-weight:600}
.badge-item.blue{background-color:#f0f4f8;color:#002366;border:1px solid #d0dae5}
.badge-item.gold{background-color:#fbf8f0;color:#b29b70;border:1px solid #efe3cd}
.project-grid-card:hover .official-recommend-tag{background:#002366;transition:.4s}

/* 核心配色变量 */
:root {
    --biz-navy: #002366;
    --biz-gold: #B29B70;
    --biz-gold-hover: #8E7955;
	--biz-gold-dark: #8E7955;  /* 深金棕色（用于Hover） */
}

.bg-navy { background-color: var(--biz-navy); }

.country-hero-card{height:500px;position:relative;overflow:hidden}
.hero-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.country-hero-card:hover .hero-img{transform:scale(1.05)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,35,102,.95) 0,rgba(0,35,102,0) 70%);color:#fff;padding:50px;display:flex;align-items:flex-end}
.side-country-card{height:calc(250px - 12px);position:relative;overflow:hidden}
.side-country-card img{width:100%;height:100%;object-fit:cover}
.side-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:rgba(0,35,102,.8);color:#fff;transform:translateY(10px);transition:.3s}
.side-country-card:hover .side-overlay{transform:translateY(0)}
.data-grid-biz{display:grid;grid-template-columns:repeat(3,1fr);background:#f8f9fa;padding:20px 0}
.data-item{text-align:center;border-right:1px solid #e0e0e0}
.data-item:last-child{border-right:none}
.data-item .label{display:block;font-size:.75rem;color:#999;margin-bottom:5px}
.data-item .value{display:block;font-weight:700;color:var(--biz-navy);font-size:1.1rem}
.btn-biz-gold{background:var(--biz-gold);color:#fff;border-radius:0;font-weight:600}
.btn-biz-gold:hover{background:var(--biz-gold-hover);color:#fff}
.btn-navy-sm{border:1px solid var(--biz-navy);color:var(--biz-navy);border-radius:0;padding:8px 25px;font-size:.9rem;transition:.3s}
.btn-navy-sm:hover{background:var(--biz-navy);color:#fff}
.btn-gold-sm{background:#fbf8f0;border:1px solid var(--biz-gold);color:var(--biz-gold);border-radius:0;padding:8px 25px;font-size:.9rem}
.badge-gold{display:inline-block;background:var(--biz-gold);color:#fff;padding:4px 12px;font-size:.75rem;font-weight:700}
.biz-section-title{position:relative;padding-top:20px}
.title-wrapper{position:relative;display:inline-block}
.title-bg-text{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:3.5rem;font-weight:900;color:rgba(0,35,102,.05);white-space:nowrap;z-index:1;letter-spacing:5px;user-select:none}
.title-main{position:relative;z-index:2;color:#002366;font-size:2.25rem;margin-bottom:10px;letter-spacing:3px}
.title-decoration{display:flex;align-items:center;justify-content:center;gap:15px;z-index:2;position:relative}
.title-decoration .line{width:40px;height:2px;background-color:#b29b70}
.title-decoration .icon-gold{color:#b29b70;font-size:1.1rem}
.title-sub{font-size:.95rem;letter-spacing:1px;max-width:600px;margin-left:auto;margin-right:auto}
@media (max-width:768px){.title-bg-text{font-size:2rem;top:-5px}
.title-main{font-size:1.75rem}
.title-decoration .line{width:30px}
}
.img-hover-box{position:relative;overflow:hidden;display:block;cursor:pointer}
.hover-mask{position:absolute;inset:0;background-color:rgba(0,35,102,.7);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(1.1);transition:all .4s cubic-bezier(.4, 0, .2, 1);z-index:2}
.hover-mask i{color:#fff;font-size:2.5rem;transition:transform .4s ease;transform:rotate(-90deg)}
.img-hover-box:hover .hover-mask{opacity:1;transform:scale(1)}
.img-hover-box:hover .hover-mask i{transform:rotate(0)}
.img-hover-box img{transition:transform .6s ease}
.img-hover-box:hover img{transform:scale(1.1)}
.gold-divider{width:50px;height:3px;background-color:#b29b70}
.continent-label{font-family:Arial,sans-serif;font-size:.75rem;font-weight:800;color:#b29b70;letter-spacing:2px;background:rgba(178,155,112,.1);padding:2px 10px}
.country-card-min{display:block;text-align:center;background-color:#fff;color:#444;padding:15px 10px;text-decoration:none;border:1px solid #eee;font-size:.9rem;font-weight:500;transition:all .3s ease}
.country-card-min:hover{background-color:#002366;color:#fff!important;border-color:#002366;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,35,102,.1)}
.country-card-min.hot{border-left:3px solid #b29b70}

/* --- 颜色变量 --- */
:root {
    --biz-navy: #002366;   /* 深海蓝 */
    --biz-gold: #B29B70;   /* 金棕色 */
    --biz-gold-soft: rgba(178, 155, 112, 0.1);
}

.biz-navy { color: var(--biz-navy); }
.text-gold { color: var(--biz-gold); }
.bg-biz-navy { background-color: var(--biz-navy); }
.x-small { font-size: 0.75rem; letter-spacing: 0.5px; }

/* --- 标题区域辅助样式 --- */
.letter-spacing-1 { letter-spacing: 1px; }

.badge-biz-gold {
    background-color: var(--biz-gold-soft);
    color: var(--biz-gold);
    border: 1px solid var(--biz-gold);
    padding: 2px 12px;
    font-size: 0.8rem;
    border-radius: 50px;
    font-weight: 600;
}

.find-project-link {
    color: #999;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
}
.find-project-link:hover { color: var(--biz-gold); }

/* --- 看板卡片增强 --- */
.shadow-biz {
    box-shadow: 0 15px 40px rgba(0, 35, 102, 0.08);
}

/* 图片遮罩层：更显高端的深蓝向透明渐变 */
.img-content-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 35, 102, 0.8) 0%, transparent 100%);
}

/* --- 核心参数样式 --- */
.border-end { border-color: #f0f0f0 !important; }

/* --- 按钮样式定制 --- */
.btn-biz-gold {
    background-color: var(--biz-gold);
    border-color: var(--biz-gold);
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    padding: 10px 30px;
    transition: 0.3s;
}
.btn-biz-gold:hover {
    background-color: #8E7955;
    border-color: #8E7955;
    color: #fff;
    transform: translateY(-1px);
}

.btn-outline-biz {
    border: 1px solid var(--biz-gold);
    color: var(--biz-gold);
    border-radius: 4px;
    font-weight: 600;
    padding: 10px 30px;
}
.btn-outline-biz:hover {
    background-color: var(--biz-gold-soft);
    color: var(--biz-gold);
}

/* --- 局部导航样式 --- */
.project-sticky-nav {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.project-sticky-nav .nav-link {
    color: #666;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 1.2rem 0;
    transition: 0.3s;
}
.project-sticky-nav .nav-link:hover, 
.project-sticky-nav .nav-link.active {
    color: var(--biz-navy) !important;
}
.nav-underline .nav-link.active {
    border-bottom: 3px solid var(--biz-gold);
}

/* --- 内容块标题 (第一版复古商务风格) --- */
.biz-detail-header {
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-en {
	text-transform: uppercase;
    display: block;
    font-size: 0.7rem;
    color: var(--biz-gold);
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 2px;
}
.header-line {
    flex-grow: 1;
    height: 1px;
    background: #eee;
    position: relative;
    top: 8px;
}
.header-line::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 60px;
    height: 3px;
    background: var(--biz-navy);
}

/* --- 项目优势卡片 --- */
.adv-item {
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    padding: 20px;
    text-align: center;
    font-weight: 600;
    color: var(--biz-navy);
    transition: 0.3s;
}
.adv-item i {
    display: block;
    font-size: 1.5rem;
    color: var(--biz-gold);
    margin-bottom: 10px;
}
.adv-item:hover {
    border-color: var(--biz-gold);
    background: #fff;
    box-shadow: 0 5px 15px rgba(178,155,112,0.1);
}

/* --- 表单样式 --- */
.shadow-biz { box-shadow: 0 10px 30px rgba(0, 35, 102, 0.1); }
.biz-input { border-radius: 2px; border: 1px solid #ddd; padding: 12px; }

.purpose-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.purpose-tag {
    background: #f5f6f7;
    border: 1px solid #eee;
    padding: 6px 10px;
    font-size: 0.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.2s;
}
.purpose-tag:hover {
    background: #fff;
    border-color: var(--biz-gold);
    color: var(--biz-gold);
}
.purpose-tag input { accent-color: var(--biz-gold); }

/* 固定侧边栏容器 */
.sticky-form-container {
    position: sticky;
    z-index: 10;
}
/* 流程总容器 */
.process-wrapper {
    position: relative;
    padding-left: 20px;
}

/* 单个步骤项 */
.process-step-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px; /* 步骤间的间距 */
}

/* 步骤数字样式 */
.step-num {
    font-size: 3.5rem; /* 超大数字 */
    font-weight: 800;
    color: var(--biz-gold); /* 使用金棕色 */
    font-family: 'Arial Black', sans-serif;
    line-height: 0.8;
    margin-right: 20px;
    z-index: 1;
    position: relative;
}

/* 数字背后的淡色色块 (参考图中的核心设计) */
.step-num::before {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -5px;
    width: 100%;
    height: 40%;
    background-color: var(--biz-gold-soft); /* 极淡的金棕色 */
    z-index: -1;
    transform: skewX(-15deg); /* 斜切效果 */
}

/* 内容区域 */
.step-content {
    flex: 1;
    padding-top: 5px;
}

/* 标题样式 */
.step-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.step-time {
    font-size: 1.1rem;
    color: #666;
    font-weight: normal;
    margin-left: 10px;
}

/* 描述文字背后的淡色长条 */
.step-desc {
    display: inline-block;
    font-size: 0.95rem;
    color: #666;
    padding: 6px 15px;
    background-color: #f8f5ef; /* 浅米色底色 */
    position: relative;
    border-left: 3px solid var(--biz-gold); /* 左侧装饰线 */
}

/* 连接线设计 (可选，增加垂直引导感) */
.process-step-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 60px;
    width: 1px;
    height: calc(100% - 40px);
    background-color: #eee;
    z-index: 0;
}
/* 表格容器：增加圆角和轻微阴影，使其像一张漂浮的纸 */
.biz-table-container {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.biz-fee-table-v2 {
    border-collapse: collapse;
}

/* 表头：深海蓝背景，白色文字 */
.biz-fee-table-v2 thead th {
    background-color: var(--biz-navy);
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 18px 20px;
    border: none;
    letter-spacing: 1px;
}

/* 单元格：增加高度和内边距 */
.biz-fee-table-v2 tbody td {
    padding: 20px;
    border-bottom: 1px solid #f8f9fa;
    font-size: 0.95rem;
}

/* 费用类型小标签 */
.fee-type-tag {
    background-color: #f5f6f7;
    color: #6c757d;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* 关键金额颜色 */
.text-gold {
    color: var(--biz-gold) !important;
}

.text-free {
    color: #28a745; /* 绿色表示免费 */
}

/* 鼠标经过行变色 */
.biz-fee-table-v2 tbody tr:hover {
    background-color: rgba(178, 155, 112, 0.03); /* 极淡的金色背景 */
    transition: 0.3s;
}

/* 备注文字样式 */
.fee-note {
    font-size: 0.8rem;
    color: #999;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .biz-fee-table-v2 {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}
/* --- 手风琴整体风格 --- */
.biz-accordion-custom .accordion-item {
    border-radius: 4px !important;
    overflow: hidden;
}

/* --- 问题区域样式 --- */
.biz-accordion-custom .accordion-button {
    background-color: #fff;
    color: var(--biz-navy);
    font-weight: 700;
    padding: 20px;
    font-size: 1.05rem;
    box-shadow: none !important;
    display: flex;
    align-items: center;
}

/* 问题未展开时的状态 */
.biz-accordion-custom .accordion-button.collapsed {
    color: #444;
}

/* 问题展开后的状态 */
.biz-accordion-custom .accordion-button:not(.collapsed) {
    background-color: var(--biz-gold-soft); /* 极淡金色背景 */
    color: var(--biz-navy);
}

/* Q 图标样式 */
.qa-icon-q {
    width: 28px;
    height: 28px;
    background-color: var(--biz-navy);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-right: 15px;
    flex-shrink: 0;
}

/* --- 答案区域样式 --- */
.qa-answer-wrapper {
    display: flex;
    align-items: flex-start;
    padding: 10px 5px;
}

/* A 图标样式 */
.qa-icon-a {
    width: 28px;
    height: 28px;
    background-color: var(--biz-gold);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-right: 15px;
    flex-shrink: 0;
}

.qa-text {
    line-height: 1.8;
    color: #666;
    font-size: 0.95rem;
}

/* 修改 Bootstrap 默认的箭头旋转颜色 */
.biz-accordion-custom .accordion-button::after {
    filter: grayscale(1) brightness(0.5); /* 调暗默认箭头 */
}

.biz-accordion-custom .accordion-button:not(.collapsed)::after {
    filter: none; /* 展开时恢复颜色或通过 transform 改变 */
}
/* --- 资讯列表容器 --- */
.news-list-item {
    display: flex;
    align-items: center;
    background-color: #f2f2f2; /* 参考图中的浅灰色背景 */
    padding: 15px 20px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border-radius: 2px;
    height: 100%;
}

/* 井号图标容器 */
.news-icon-hash {
    width: 24px;
    height: 24px;
    background-color: #999; /* 默认灰色圆圈 */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    font-size: 0.8rem;
    transition: 0.3s;
}

/* 文字样式 */
.news-item-text {
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
}

/* --- 悬停效果：融入项目主色调 --- */
.news-list-item:hover {
    background-color: var(--biz-gold-soft); /* 悬停时变为极淡金色背景 */
    transform: translateX(5px); /* 微小的右移感 */
}

.news-list-item:hover .news-icon-hash {
    background-color: var(--biz-gold); /* 图标变为金棕色 */
}

.news-list-item:hover .news-item-text {
    color: var(--biz-navy); /* 文字变为深海蓝 */
}

/* --- 更多按钮样式 --- */
.btn-news-more {
    border: none;
    background: none;
    color: #666;
    font-size: 0.9rem;
    padding: 10px 30px;
    transition: 0.3s;
    border-bottom: 2px solid transparent;
}

.btn-news-more:hover {
    color: var(--biz-gold);
    border-bottom: 2px solid var(--biz-gold);
}

/* 文本截断，防止长标题撑破布局 */
.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* Swiper 导航按钮颜色定制 */
.text-gold { color: var(--biz-gold) !important; }
.swiper-pagination-bullet-active { background: var(--biz-gold) !important; }
/* --- 专家卡片容器 --- */
.expert-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: relative; /* 用于遮罩定位 */
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

/* --- 头像样式 --- */
.avatar-wrapper {
    position: relative;
    display: inline-block;
}
.avatar-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #f8f9fa;
}
.status-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 14px;
    height: 14px;
    background: #28a745;
    border: 2px solid #fff;
    border-radius: 50%;
}

/* --- 按钮样式 --- */
.btn-wechat-trigger {
    background-color: var(--biz-gold);
    color: #fff;
    border: none;
    padding: 10px;
    font-weight: 600;
}

.btn-phone-outline {
    background: transparent;
    border: 1px solid var(--biz-navy);
    color: var(--biz-navy);
    padding: 10px;
    font-weight: 600;
}
.btn-phone-outline:hover {
    background: var(--biz-navy);
    color: #fff;
}

/* --- 二维码遮罩 (核心) --- */
.expert-qr-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--biz-gold); /* 全屏金色遮罩 */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 5;
}

.qr-box {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    width: 160px;
    margin: 0 auto;
}

/* --- 交互逻辑 --- */

/* 当鼠标指向“立即咨询”按钮时，显示遮罩 */
/* 注意：这里利用了父级 hover 驱动，为了更好的用户体验，通常建议指向整个卡片或特定区域触发 */
.expert-card:hover .expert-qr-mask {
    opacity: 1;
    visibility: visible;
}

/* 遮罩显示时，原有内容虚化 */
.expert-card:hover .expert-info-panel {
    filter: blur(2px);
    opacity: 0.3;
}

/* 如果只想让鼠标精准指向“立即咨询”才显示，可使用 JS，
   纯 CSS 最稳妥的做法是 hover 整个卡片，这样扫码体验更顺畅 */
/* 专家卡片基础样式 (保持之前的逻辑) */
.expert-card {
    background: #fff;
    border-radius: 8px;
    position: relative;
    height: 100%; /* 确保 Swiper 高度整齐 */
    transition: 0.3s;
}

/* 遮罩逻辑：当鼠标移动到“立即咨询”按钮上时，显示遮罩 */
/* 注意：由于按钮在 info-panel 内部，我们通过父级 hover 触发遮罩最为稳健 */
.expert-card:hover .expert-qr-mask {
    opacity: 1;
    visibility: visible;
}
.expert-card:hover .expert-info-panel {
    filter: blur(4px);
    opacity: 0.3;
}

.expert-qr-mask {
    position: absolute;
    inset: 0;
    background: var(--biz-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 10;
}

.qr-box { background: #fff; padding: 8px; border-radius: 4px; width: 140px; }
/* --- 专家卡片容器 --- */
.expert-card {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    height: 100%;
}

/* --- 成员照片：占卡片上半部分 --- */
.member-photo-box {
    position: relative;
    width: 100%;
    height: 260px; /* 固定高度，确保对齐 */
    overflow: hidden;
}
.member-photo {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保成员照片不失真 */
    object-position: top;
}
.expert-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0, 35, 102, 0.8); /* 深海蓝半透明 */
    color: #fff;
    font-size: 0.75rem;
    padding: 4px 12px;
    border-radius: 2px;
}

/* --- 二维码遮罩层 --- */
.expert-qr-mask {
    position: absolute;
    inset: 0;
    background-color: rgba(178, 155, 112, 0.96); /* 金棕色背景，微透明 */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 10;
}

.qr-box {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    width: 150px;
    margin: 0 auto;
}

/* --- 新增：分割线样式 --- */
.qr-divider {
    width: 40px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 auto;
}

/* --- 遮罩内电话链接 --- */
.qr-phone-link {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: opacity 0.3s;
}
.qr-phone-link:hover {
    color: var(--biz-navy);
    opacity: 1;
}

/* --- 交互触发 --- */
/* 当鼠标指向整个卡片或立即咨询按钮时触发（为了扫码稳定性，建议指向卡片触发） */
.expert-card:hover .expert-qr-mask {
    opacity: 1;
    visibility: visible;
}

/* 按钮基础样式 */
.btn-ask-trigger {
    background: var(--biz-navy);
    color: #fff;
    border: none;
    padding: 10px;
    font-weight: 600;
    border-radius: 2px;
}

/* --- 第二部分：优势图标与卡片 --- */
.adv-card-v2 {
    background: #fff;
    transition: all 0.3s ease;
    border-radius: 8px;
    height: 100%;
}
.adv-card-v2:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(178, 155, 112, 0.1);
}
.adv-icon-circle {
    width: 60px;
    height: 60px;
    background: var(--biz-gold-soft);
    color: var(--biz-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin: 0 auto;
}

/* --- 第三部分：服务卡片与超大数字 --- */
.service-biz-card {
    position: relative;
    background: #fff;
    border-color: #eee !important;
    transition: 0.3s;
}
.service-biz-card:hover {
    border-color: var(--biz-gold) !important;
}
.service-num {
    font-size: 3rem;
    font-weight: 900;
    color: #f0f0f0; /* 背景浅灰大数字 */
    position: absolute;
    top: 10px;
    right: 20px;
}
.service-biz-card h5 {
    position: relative;
    z-index: 1;
}

/* --- 第一部分：图片装饰 --- */
.about-img-frame {
    position: relative;
    padding: 0 20px 20px 0;
}
.experience-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    border-radius: 4px;
}
/* --- 成功案例卡片 --- */
.case-card {
    border-radius: 4px;
    overflow: hidden;
    transition: 0.3s;
}
.case-card:hover {
    transform: translateY(-5px);
}
.case-img-box {
    height: 200px;
    position: relative;
    overflow: hidden;
}
.case-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- 客户评价卡片 --- */
.review-card {
    background: #fff;
    border-radius: 8px;
    border: none;
    transition: 0.3s;
    height: 100%;
}
.quote-icon i {
    font-size: 2.5rem;
    opacity: 0.3;
}
.review-text {
    min-height: 80px;
}
.user-avatar-sm {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

/* Swiper 样式定制 */
.swiper-pagination-bullet-active {
    background: var(--biz-gold) !important;
}

/* 第一部分联系卡片 */
.contact-card {
    background: #fff;
    border-radius: 8px;
    transition: 0.3s;
    border: 1px solid #f0f0f0;
}
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 35, 102, 0.05) !important;
}
.border-gold-top {
    border-top: 4px solid var(--biz-gold) !important;
}

.contact-icon-box {
    width: 70px;
    height: 70px;
    background: var(--biz-navy);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin: 0 auto;
}

/* --- 分类导航样式 --- */
.news-category-nav .nav-link {
    color: #666;
    border: 1px solid #eee;
    background: #fff;
    padding: 8px 25px;
    border-radius: 50px;
    font-weight: 500;
    transition: 0.3s;
}

.news-category-nav .nav-link:hover,
.news-category-nav .nav-link.active {
    background-color: var(--biz-navy) !important;
    border-color: var(--biz-navy) !important;
    color: #fff !important;
}

/* --- 列表项样式 (复刻 image_5639ea.png) --- */
.news-list-item {
    display: flex;
    align-items: center;
    background-color: #f2f2f2; /* 浅灰色背景 */
    padding: 18px 20px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.news-content-area {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.news-item-title {
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    margin-right: 15px;
}

.news-item-date {
    font-size: 0.8rem;
    color: #999;
    flex-shrink: 0;
}

/* 悬停状态：注入金棕色 */
.news-list-item:hover {
    background-color: var(--biz-gold-soft);
    transform: translateX(5px);
}

.news-list-item:hover .news-icon-hash {
    background-color: var(--biz-gold);
}

.news-list-item:hover .news-item-title {
    color: var(--biz-navy);
}

/* --- 分页器样式 --- */
.biz-pagination .page-link {
    border: none;
    margin: 0 5px;
    color: var(--biz-navy);
    background: #f8f9fa;
    border-radius: 4px !important;
    padding: 10px 18px;
}

.biz-pagination .page-item.active .page-link {
    background-color: var(--biz-gold);
    color: #fff;
}

.biz-pagination .page-link:hover {
    background-color: var(--biz-navy);
    color: #fff;
}
/* --- 资讯卡片基础 --- */
.news-card-v2 {
    background: #fff;
    border-radius: 4px; /* 保持全站微圆角 */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 悬停整体浮起效果 */
.news-card-v2:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 35, 102, 0.08) !important; /* 注入深海蓝阴影 */
}

/* --- 图片区域与关键字标签 --- */
.card-img-box {
    position: relative;
    height: 210px; /* 固定高度，确保对齐 */
    overflow: hidden;
}

.card-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片不失真 */
    transition: transform 0.5s ease;
}

/* 悬停图片放大 */
.news-card-v2:hover .card-img-box img {
    transform: scale(1.08);
}

/* 关键字标签悬浮层 */
.card-tags-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
    display: flex;
    gap: 8px;
}

/* 自定义 Badge 样式 */
.badge-biz-gold {
    background-color: rgba(178, 155, 112, 0.9); /* 金棕色微透明 */
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
    border-radius: 2px;
}

.badge-biz-navy {
    background-color: rgba(0, 35, 102, 0.8); /* 深海蓝半透明 */
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
    border-radius: 2px;
}

/* --- 文字内容区域 --- */
.card-title-biz {
    font-size: 1.1rem;
    line-height: 1.5;
    transition: 0.3s;
}

/* 标题 Hover 变色 */
.card-title-biz a:hover {
    color: var(--biz-gold) !important; /* 变为金棕色 */
}

/* 文本截断：标题2行，简介3行 */
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.8; /* 增加行高提高易读性 */
}

/* 复用全站 hover 遮罩样式... (此处省略，请参考之前的定义) */

/* --- 正文排版 --- */
.news-article h1 {
    font-size: 2.2rem;
}

.article-content p {
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
    color: #444;
}

.article-content h4 {
    color: var(--biz-navy);
    border-left: 5px solid var(--biz-gold);
    padding-left: 15px;
}

/* --- 侧边栏推荐位 --- */
.rec-img-box {
    width: 80px;
    height: 60px;
    flex-shrink: 0;
    overflow: hidden;
}

.rec-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.group:hover .rec-img-box img {
    transform: scale(1.1);
}

.group-hover-gold {
    transition: 0.3s;
}

.group:hover .group-hover-gold {
    color: var(--biz-gold) !important;
}

/* --- 工具样式 --- */
.border-gold {
    border-color: var(--biz-gold) !important;
}

.bg-biz-gold-soft {
    background-color: rgba(178, 155, 112, 0.1);
}

.x-small {
    font-size: 0.75rem;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 核心 .btn-gold 类 */
.btn-gold {
    background-color: var(--biz-gold) !important;
    color: #ffffff !important;
    border: 1px solid var(--biz-gold) !important;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 4px; /* 匹配项目微圆角风格 */
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase; /* 增强商务感（可选） */
    letter-spacing: 0.5px;
}

/* 鼠标悬停交互 */
.btn-gold:hover {
    background-color: var(--biz-gold-dark) !important;
    border-color: var(--biz-gold-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(178, 155, 112, 0.3); /* 金色阴影 */
    transform: translateY(-1px); /* 微小位移感 */
}

/* 按钮内图标的间距 */
.btn-gold i {
    margin-right: 8px;
    font-size: 1.1em;
}

/* 针对深色背景的可选描边版 */
.btn-gold-outline {
    background-color: transparent !important;
    color: var(--biz-gold) !important;
    border: 1px solid var(--biz-gold) !important;
}

.btn-gold-outline:hover {
    background-color: var(--biz-gold) !important;
    color: #ffffff !important;
}
.visa-free-banner {
    background: #fff;
    border-left: 5px solid var(--biz-navy);
    border-radius: 4px;
}

.region-tag {
    background-color: #f8f9fa;
    color: var(--biz-navy);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid #eee;
}

.x-small {
    font-size: 0.75rem;
    letter-spacing: 1px;
}
/* 弹窗内的国家名称样式 */
.visa-item {
    display: block;
    background: #fff;
    padding: 10px;
    text-align: center;
    font-size: 0.85rem;
    color: #555;
    border-radius: 4px;
    border: 1px solid #eee;
    transition: 0.3s;
}

.visa-item:hover {
    background-color: var(--biz-gold-soft);
    border-color: var(--biz-gold);
    color: var(--biz-navy);
}

/* 弹窗背景模糊效果 (可选) */
.modal-backdrop.show {
    backdrop-filter: blur(5px);
    background-color: rgba(0, 35, 102, 0.5); /* 带一点深海蓝的遮罩 */
}

/* 洲际标题强调 */
.border-gold {
    border-color: var(--biz-gold) !important;
}
/* 表单容器 */
.assessment-form-container {
    border: 1px solid #eee;
}

/* 输入框聚焦效果 */
.form-control:focus, .form-select:focus {
    border-color: var(--biz-gold);
    box-shadow: 0 0 0 0.25rem rgba(178, 155, 112, 0.1);
}

/* 移民目的多选按钮化设计 */
.purpose-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 12px;
}

.form-check-card label {
    display: block;
    padding: 12px 10px;
    background: #f8f9fa;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 4px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
}

/* 选中状态 */
.form-check-card input:checked + label {
    background-color: var(--biz-gold);
    color: #fff;
    border-color: var(--biz-gold);
    box-shadow: 0 4px 10px rgba(178, 155, 112, 0.2);
}

.form-check-card label:hover {
    border-color: var(--biz-gold);
    color: var(--biz-gold);
}

/* 装饰性细节 */
.border-gold {
    border-color: var(--biz-gold) !important;
}

/* 复用之前专家卡片的遮罩与Swiper样式... (此处省略，请参考上一次回复的内容) */
/* 响应式微调 */
@media (max-width: 991px) {
    .border-end { border-right: none !important; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px; }
    .row.text-center > div:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
}

 @keyframes fadeIn{
	 from{opacity:0;transform:translateY(5px)}
	to{opacity:1;transform:translateY(0)}
 }
 @keyframes fadeInRight {
     from { opacity: 0; transform: translateX(10px); }
     to { opacity: 1; transform: translateX(0); }
 }
 
 /* 进场动画 */
 @keyframes slideUp {
     from {
         opacity: 0;
         transform: translateY(10px);
     }
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 @media (max-width:576px){
	
 }
 
 @media (max-width:991px){
	 .navbar-main{display: none;}
 	 .lead-capture-section{margin-bottom:80px}
	 .about-premium-section .about-img-half { height: 300px !important; }
	 .about-premium-section .border-start-gold {padding-top: 20px; padding-left: 0 !important; }
	 .about-premium-section .stat-num { font-size: 2rem; }
	 
 }
 
 @media (max-width: 768px) {
     .bannerSwiper .swiper-button-next,
     .bannerSwiper .swiper-button-prev {
         width: 35px;
         height: 35px;
         display: none; 
     }
     .bannerSwiper .swiper-pagination-bullet {
         width: 8px;
     }
     .bannerSwiper .swiper-pagination-bullet-active {
         width: 20px;
     }
	 .team-section .team-img-box{height: 200px;}
	 .project-img-wrap{width:100%;height:200px}
	 .project-card-horizontal{flex-direction:column}
	 .btn-group-custom{margin-top:15px;width:100%;display:flex}
	 .btn-group-custom .btn{flex:1}
	 .continent-header h4 { font-size: 1.1rem; }
	 .country-card-min { padding: 10px 5px; font-size: 0.85rem; }
 }
 
 @media (min-width:576px) {
 
 	
 }
 
 @media (min-width:768px) {
 
 	
 }
 
 @media (min-width:992px) {
	 .navbar-search, .navbar-toggler{display: none;}
	
 	
 }
 
 @media (min-width:1200px) {
	.navbar-main .nav-link{padding:1rem 1.2rem!important}
 	
 }
 
 @media (min-width:1400px) {
 
 	
 }