/* ====== Reset ====== */
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4
{margin:0;padding:0;font-style:normal;} 
ol, ul ,li{list-style: none;} 
*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img {border: 0; vertical-align:middle; max-width:100%;} 
body{color:#000000;background:#FFF; text-align:left;} 
a{color:#000000;text-decoration:none; }  
a:hover{text-decoration:none;} 
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
:focus{ outline:none;}
html{font-family: "微软雅黑";}

/* ====== Navigation ====== */
.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #dbeafe;min-height:64px;margin-bottom:0;border-radius:0;}
.main-nav .container{max-width:1200px;}
.main-nav .navbar-brand{font-size:24px;font-weight:bold;color:#1e40af;line-height:34px;padding:0px;height:auto;}
.main-nav .navbar-brand:hover,
.main-nav .navbar-brand:focus{color:#1e40af;}
.main-nav .navbar-nav>li>a{color:#374151;font-size:14px;font-weight:500;padding:20px 25px;transition:all .3s ease;border-radius:4px;font-weight: 600;}
.main-nav .navbar-nav>li>a:hover,
.main-nav .navbar-nav>li>a:focus{color:#2563eb;background:#eff6ff;}
.main-nav .navbar-toggle{border-color:#2563eb;margin-top:15px;margin-bottom:15px;}
.main-nav .navbar-toggle .icon-bar{background:#2563eb;}
.main-nav .navbar-collapse{border-top-color:#dbeafe;}

/* ====== 语言切换样式 ====== */
/* 移动端语言切换 */
.navbar-lang-mobile {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.lang-switch-mobile {
  display: flex;
  background: rgba(37,99,235,0.1);
  border-radius: 15px;
  padding: 2px;
}

.lang-switch-mobile .lang-item {
  padding: 4px 8px;
  font-size: 12px;
  color: #2563eb;
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  min-width: 24px;
  text-align: center;
}

.lang-switch-mobile .lang-item.active {
  background: #2563eb;
  color: #fff;
}

/* 桌面端语言切换 */
.lang-dropdown .dropdown-toggle {
  color: #374151 !important;
  font-size: 14px;
  font-weight: 500;
}

.lang-dropdown .dropdown-toggle:hover,
.lang-dropdown .dropdown-toggle:focus {
  color: #2563eb !important;
  background: #eff6ff !important;
}

.lang-dropdown.open .dropdown-toggle {
  color: #2563eb !important;
  background: #eff6ff !important;
}

.lang-menu {
  min-width: 120px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border: 1px solid #e5e7eb;
}

.lang-menu li a {
  padding: 8px 16px;
  color: #374151;
  font-size: 14px;
  transition: all 0.3s ease;
}

.lang-menu li a:hover {
  background: #eff6ff;
  color: #2563eb;
}

.lang-check {
  width: 16px;
  margin-right: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.lang-check.active {
  opacity: 1;
  color: #2563eb;
}

/* ====== Hero / Swiper ====== */
.hero-section{padding-top:64px;}
.hero-section .swiper-container{width:100%;height:calc(100vh - 64px);min-height:500px;}
.hero-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:cover;background-position:center;position:relative;}
.hero-slide::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(37,99,235,.7);}
.hero-slide-1{background-image:url('https://ai-public.mastergo.com/ai/img_res/1775721477402a3K9mP2xQ7vN4rT8wY.jpg');}
.hero-slide-2{background-image:url('https://ai-public.mastergo.com/ai/img_res/1775721477402b4L8nP3xR6qW9sU7vZ.jpg');}
.hero-slide-3{background-image:url('https://ai-public.mastergo.com/ai/img_res/1775721477402c5M9qS4yT8uX1vW3aB.jpg');}
.hero-content{position:relative;z-index:2;text-align:center;padding:0 20px;max-width:900px;margin:0 auto;}
.hero-content h2{font-size:48px;font-weight:bold;color:#fff;margin-bottom:24px;line-height:1.2;}
.hero-content .hero-subtitle{font-size:28px;color:#dbeafe;margin-bottom:32px;line-height:1.5;}
.hero-content .hero-desc{font-size:18px;color:#eff6ff;margin-bottom:48px;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto;}
.hero-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.btn-hero-primary{background:#fff;color:#1d4ed8;padding:14px 36px;border-radius:8px;font-size:18px;font-weight:600;border:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;display:inline-block;}
.btn-hero-primary:hover{background:#eff6ff;box-shadow:0 20px 25px -5px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#1d4ed8;}
.btn-hero-outline{background:transparent;color:#fff;padding:12px 34px;border-radius:8px;font-size:18px;font-weight:600;border:2px solid #fff;transition:all .3s ease;cursor:pointer;display:inline-block;}
.btn-hero-outline:hover{background:#fff;color:#1d4ed8;}
.hero-section .swiper-pagination-bullet{background:rgba(255,255,255,.5);opacity:1;width:12px;height:12px;}
.hero-section .swiper-pagination-bullet-active{background:#fff;}
.hero-section .swiper-button-next,
.hero-section .swiper-button-prev{color:#fff;background-size:18px 44px;}

/* ====== Section Common ====== */
.section-padding{padding:80px 0;}
.section-title{font-size:36px;font-weight:bold;color:#111827;margin-bottom:16px;}
.section-subtitle{font-size:20px;color:#4b5563;margin-bottom:60px;}

/* ====== Products ====== */
.products-section{background:linear-gradient(to bottom,#eff6ff,#fff);}
.product-card{position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.8);border-radius:12px;padding:0px;text-align:center;border:1px solid #dbeafe;transition:all .4s cubic-bezier(.25,.8,.25,1);margin-bottom:30px;}
.product-card:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);background:rgba(255,255,255,.95);border-color:#bfdbfe;}
.product-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;}
.product-card:hover::after{left:100%;}
.product-card .img-wrap{border-radius:8px;overflow:hidden;margin-bottom:24px;}
.product-card .img-wrap img{width:100%;height:160px;object-fit:cover;object-position:top;display:block;transition:-webkit-transform .5s ease;transition:transform .5s ease;}
.product-card:hover .img-wrap img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.product-card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:12px;transition:color .3s ease;padding:0 20px;}
.product-card:hover h3{color:#2563eb;}
.product-card p{font-size:14px;color:#4b5563;line-height:1.8;padding:0 20px;}
.btn-more{background:#2563eb;color:#fff;padding:14px 40px;border-radius:8px;font-size:18px;font-weight:600;border:none;box-shadow:0 10px 15px -3px rgba(37,99,235,.3);transition:all .3s ease;cursor:pointer;display:inline-block;margin-top:40px;}
.btn-more:hover{background:#1d4ed8;box-shadow:0 20px 25px -5px rgba(37,99,235,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#fff;}

/* ====== About ====== */
.about-section{background:#fff;}
.about-section h2{font-size:36px;font-weight:bold;color:#111827;margin-bottom:24px;}
.about-section p{font-size:18px;color:#4b5563;line-height:1.8;margin-bottom:24px;}
.about-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.about-img-wrap{border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);}
.about-img{width:100%;display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;}
.about-img-wrap:hover .about-img{-webkit-transform:scale(1.03);transform:scale(1.03);}

/* ====== News ====== */
.news-section{background:linear-gradient(to right,#eff6ff,#fff);}
.news-card{background:#fff;border-radius:12px;padding:0px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.25,.8,.25,1);margin-bottom:30px;}
.news-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.15);-webkit-transform:translateY(-6px);transform:translateY(-6px);}
.news-img-wrap{border-radius:8px;overflow:hidden;margin-bottom:16px;}
.news-img-wrap img{width:100%;height:200px;object-fit:cover;display:block;transition:-webkit-transform .5s ease;transition:transform .5s ease;}
.news-card:hover .news-img-wrap img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.news-card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:8px;transition:color .3s ease;padding:0 15px;}
.news-card:hover h3{color:#2563eb;}
.news-card .date-wrap{padding:20px;}
.news-card .news-date{font-size:14px;color:#4b5563;margin-bottom:16px;}
.news-card .news-desc{font-size:14px;color:#374151;line-height:1.8;}

/* ====== Contact ====== */
.contact-section{background:#1e3a8a;}
.contact-section .section-title{color:#fff;}
.contact-section .section-subtitle{color:#bfdbfe;}
.contact-card{background:#1e40af;border-radius:12px;padding:32px;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);margin-bottom:30px;}
.contact-card:hover{background:#2563eb;-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 15px 30px rgba(0,0,0,.2);}
.contact-card i{font-size:30px;color:#93c5fd;margin-bottom:16px;display:block;transition:all .3s ease;}
.contact-card:hover i{-webkit-transform:scale(1.3);transform:scale(1.3);color:#fff;}
.contact-card h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px;}
.contact-card p{color:#bfdbfe;font-size:16px;}

/* ====== Footer ====== */
.main-footer{background:#111827;color:#fff;padding:48px 0;}
.main-footer .footer-brand{font-size:24px;color:#60a5fa;margin-bottom:16px;font-weight:bold;}
.main-footer .footer-desc{color:#9ca3af;margin-bottom:16px;}
.main-footer .footer-info{color:#6b7280;font-size:14px;margin-bottom:16px;}
.main-footer .footer-info span{margin:0 15px;}
.main-footer .footer-copyright{color:#6b7280;font-size:14px;}
.main-footer .footer-copyright p{margin-bottom:8px;}
.footer-copyright .copy a{color:#6b7280;display:none}

/* ====== Page Banner (subpages) ====== */
.page-banner{position:relative;width:100%;height:360px;overflow:hidden;margin-bottom:0;margin-top:64px;}
.page-banner img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.page-banner .banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(30,58,138,.7),rgba(37,99,235,.5));z-index:1;}
.page-banner .banner-content{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;text-align:center;padding:0 20px;}
.page-banner .banner-content h2{font-size:42px;font-weight:bold;color:#fff;margin-bottom:12px;}
.page-banner .banner-content p{font-size:20px;color:#bfdbfe;max-width:600px;margin:0 auto;}
.page-banner .banner-content .btn-banner{margin-top:24px;background:#fff;color:#2563eb;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;border:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.15);}
.page-banner .banner-content .btn-banner:hover{background:#eff6ff;-webkit-transform:scale(1.05);transform:scale(1.05);}

/* ====== Sidebar Layout (subpages) ====== */
.page-content{padding:60px 0;}
.sidebar{position:sticky;top:80px;}
.sidebar-box{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;margin-bottom:24px;}
.sidebar-box .sidebar-title{font-size:18px;font-weight:600;color:#111827;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;margin:0;}
.sidebar-box .sidebar-nav{padding:8px 0;}
.sidebar-box .sidebar-nav a{display:block;padding:12px 20px;color:#374151;font-size:14px;transition:all .2s ease;border-left:4px solid transparent;}
.sidebar-box .sidebar-nav a:hover,.sidebar-box .sidebar-nav a.active{background:#eff6ff;color:#2563eb;border-left-color:#2563eb;}
.sidebar-box .sidebar-nav a i{margin-right:10px;color:#2563eb;width:16px;text-align:center;}
.sidebar-contact{padding:20px;}
.sidebar-contact .contact-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-size:14px;color:#374151;}
.sidebar-contact .contact-item i{color:#2563eb;margin-right:10px;width:16px;text-align:center;}
.sidebar-contact .btn-sidebar{display:block;width:100%;background:#2563eb;color:#fff;padding:10px;border-radius:8px;font-size:14px;font-weight:600;border:none;text-align:center;margin-top:16px;transition:all .3s ease;cursor:pointer;}
.sidebar-contact .btn-sidebar:hover{background:#1d4ed8;color:#fff;}

/* ====== Timeline (about page) ====== */
.timeline-section{background:linear-gradient(to bottom,#eff6ff,#fff);}
.timeline{position:relative;padding:0;}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:4px;background:#bfdbfe;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.timeline-item{position:relative;margin-bottom:40px;}
.timeline-item .timeline-dot{position:absolute;left:50%;top:20px;width:16px;height:16px;background:#2563eb;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 4px #bfdbfe;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;}
.timeline-item .timeline-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:1px solid #dbeafe;width:45%;transition:all .3s ease;}
.timeline-item .timeline-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);}
.timeline-item .timeline-card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:8px;}
.timeline-item .timeline-card p{font-size:14px;color:#4b5563;line-height:1.8;}
.timeline-item:nth-child(odd) .timeline-card{float:left;text-align:right;}
.timeline-item:nth-child(even) .timeline-card{float:right;text-align:left;}

/* ====== Tech Advantage Cards ====== */
.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.8);border-radius:12px;padding:32px;text-align:center;border:1px solid #dbeafe;transition:all .3s ease;margin-bottom:30px;}
.glass-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);background:rgba(255,255,255,.95);border-color:#bfdbfe;}
.glass-card .icon-circle{width:64px;height:64px;background:#dbeafe;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 20px;transition:all .3s ease;}
.glass-card:hover .icon-circle{background:#2563eb;}
.glass-card .icon-circle i{font-size:24px;color:#2563eb;transition:color .3s ease;}
.glass-card:hover .icon-circle i{color:#fff;}
.glass-card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:12px;}
.glass-card p{font-size:14px;color:#4b5563;line-height:1.8;}

/* ====== Culture Cards ====== */
.culture-card{background:#fff;border-radius:12px;padding:32px;text-align:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s ease;margin-bottom:30px;}
.culture-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.culture-card i{font-size:30px;color:#2563eb;margin-bottom:16px;display:block;}
.culture-card h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:12px;}
.culture-card p{font-size:14px;color:#4b5563;line-height:1.8;}

/* ====== News List Page ====== */
.news-list-box{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;}
.news-list-box .list-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;}
.news-list-box .list-header h3{font-size:22px;font-weight:600;color:#111827;margin:0;}
.news-list-item{padding:20px 24px;border-bottom:1px solid #f3f4f6;transition:background .2s ease;cursor:pointer;display:block;color:inherit;}
.news-list-item:hover{background:#f9fafb;color:inherit;}
.news-list-item h4{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;transition:color .3s ease;}
.news-list-item:hover h4{color:#2563eb;}
.news-list-item .news-excerpt{font-size:14px;color:#4b5563;line-height:1.8;margin-bottom:10px;}
.news-list-item .news-meta{font-size:13px;color:#9ca3af;}
.news-list-item .news-meta i{margin-right:4px;}
.news-list-item .news-meta span{margin-right:16px;}
.news-list-item .fa-arrow-right{color:#9ca3af;font-size:14px;margin-top:4px;}

/* ====== Article Detail ====== */
.article-box{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;}
.article-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;}
.article-header h2{font-size:24px;font-weight:bold;color:#111827;margin-bottom:8px;}
.article-header .article-meta{font-size:13px;color:#9ca3af;}
.article-header .article-meta span{margin-right:16px;}
.article-header .article-meta i{margin-right:4px;}
.article-body{padding:32px;font-size:16px;color:#374151;line-height:2;}
.article-body img{width:100%;height:auto;border-radius:8px;margin-bottom:24px;}
.article-body p{margin-bottom:16px;}
.article-body h3{font-size:20px;font-weight:600;color:#111827;margin:24px 0 12px;}
.article-body ol,.article-body ul{padding-left:20px;margin-bottom:16px;}
.article-body li{margin-bottom:8px;line-height:1.8;}
.article-highlight{background:#eff6ff;border-radius:12px;padding:24px;margin:24px 0;}
.article-highlight h4{font-size:18px;font-weight:600;color:#1e3a8a;margin-bottom:12px;}
.article-highlight i{color:#2563eb;margin-right:8px;}
.article-highlight ul{padding-left:20px;}
.article-highlight li{color:#1e40af;margin-bottom:6px;}
.article-actions{padding:0 32px 24px;border-top:1px solid #e5e7eb;padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.article-actions .action-btns button{background:none;border:none;color:#4b5563;font-size:14px;cursor:pointer;margin-right:16px;transition:color .3s ease;}
.article-actions .action-btns button:hover{color:#2563eb;}
.article-actions .action-btns button i{margin-right:4px;}
.article-actions .read-count{font-size:13px;color:#9ca3af;}
.article-nav{padding:20px 32px;border-top:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.article-nav .nav-prev,.article-nav .nav-next{max-width:48%;}
.article-nav .nav-label{font-size:13px;color:#9ca3af;margin-bottom:4px;}
.article-nav a{color:#2563eb;font-size:14px;transition:color .3s ease;}
.article-nav a:hover{color:#1d4ed8;}
.related-box{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;margin-top:24px;}
.related-box .related-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;}
.related-box .related-header h3{font-size:18px;font-weight:600;color:#111827;margin:0;}

/* ====== Product List Page ====== */
.product-grid-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.8);border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease;margin-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;}
.product-grid-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border-color:#bfdbfe;}
.product-grid-card .pro-img{width:100%;height:200px;overflow:hidden;border-radius:8px;margin-bottom:16px;}
.product-grid-card .pro-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:-webkit-transform .5s ease;transition:transform .5s ease;}
.product-grid-card:hover .pro-img img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.product-grid-card h4{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px;transition:color .3s ease;padding: 0 20px;}
.product-grid-card:hover h4{color:#2563eb;}
.product-grid-card p{font-size:13px;color:#4b5563;line-height:1.7;margin-bottom:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding: 0 20px;}
.product-grid-card .btn-pro{display:block;width:100%;background:#2563eb;color:#fff;padding:8px;border-radius:8px;font-size:13px;font-weight:600;border:none;text-align:center;transition:all .3s ease;cursor:pointer;}
.product-grid-card .btn-pro:hover{background:#1d4ed8;color:#fff;}

/* ====== Product Detail ====== */
.product-detail-box{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:32px;margin-bottom:24px;}
.product-detail-box .detail-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:32px;}
.product-detail-box .detail-gallery{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px;}
.product-detail-box .detail-gallery .main-img{width:100%;height:360px;overflow:hidden;border-radius:12px;background:#f3f4f6;margin-bottom:12px;}
.product-detail-box .detail-gallery .main-img img{width:100%;height:100%;object-fit:cover;object-position:top;}
.product-detail-box .detail-gallery .thumb-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;}
.product-detail-box .detail-gallery .thumb-item{width:25%;height:80px;overflow:hidden;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:border-color .3s ease;}
.product-detail-box .detail-gallery .thumb-item:hover,.product-detail-box .detail-gallery .thumb-item.active{border-color:#2563eb;}
.product-detail-box .detail-gallery .thumb-item img{width:100%;height:100%;object-fit:cover;object-position:top;}
.product-detail-box .detail-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px;}
.product-detail-box .detail-info h1{font-size:28px;font-weight:bold;color:#111827;margin-bottom:16px;}
.product-detail-box .detail-info .rating{color:#f59e0b;margin-bottom:16px;font-size:14px;}
.product-detail-box .detail-info .rating span{color:#4b5563;margin-left:8px;}
.product-detail-box .detail-info .desc{font-size:15px;color:#374151;line-height:1.8;margin-bottom:24px;}
.product-detail-content{margin-top:32px;}
.product-detail-content h2{font-size:22px;font-weight:bold;color:#111827;margin-bottom:16px;}
.product-detail-content h3{font-size:18px;font-weight:600;color:#111827;margin:24px 0 12px;}
.product-detail-content ol,.product-detail-content ul{padding-left:20px;margin-bottom:16px;}
.product-detail-content li{margin-bottom:8px;font-size:14px;color:#374151;line-height:1.8;}
.product-nav{margin-top:24px;padding:20px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.product-nav a{color:#2563eb;font-size:14px;transition:color .3s ease;}
.product-nav a:hover{color:#1d4ed8;}
.product-nav a i{margin:0 4px;}
.related-products{margin-top:40px;}
.related-products h2{font-size:22px;font-weight:bold;color:#111827;margin-bottom:24px;}
.related-pro-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;margin-bottom:24px;}
.related-pro-card:hover{box-shadow:0 15px 25px rgba(0,0,0,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.related-pro-card .rp-img{width:100%;height:200px;overflow:hidden;}
.related-pro-card .rp-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:-webkit-transform .5s ease;transition:transform .5s ease;}
.related-pro-card:hover .rp-img img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.related-pro-card .rp-body{padding:16px;}
.related-pro-card .rp-body h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:6px;}
.related-pro-card .rp-body p{font-size:13px;color:#4b5563;line-height:1.6;}

/* ====== Job Page ====== */
.job-box{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:32px;}
.job-box h2{font-size:22px;font-weight:bold;color:#111827;margin-bottom:24px;}
.job-item{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;}
.job-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.job-item h3{font-size:20px;font-weight:600;color:#111827;margin-bottom:10px;}
.job-tags{margin-bottom:16px;}
.job-tags span{display:inline-block;background:#dbeafe;color:#1e40af;padding:4px 14px;border-radius:20px;font-size:13px;margin-right:8px;margin-bottom:6px;}
.job-item .job-desc{font-size:14px;color:#374151;line-height:1.8;margin-bottom:16px;}
.job-item h4{font-size:15px;font-weight:600;color:#111827;margin-bottom:8px;}
.job-item ul{padding-left:20px;margin-bottom:16px;}
.job-item li{font-size:14px;color:#374151;line-height:1.8;margin-bottom:4px;}
.btn-apply{background:#2563eb;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-block;margin-top:8px;}
.btn-apply:hover{background:#1d4ed8;color:#fff;}

/* ====== Tech Support Page ====== */
.tech-article-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px;transition:all .3s ease;}
.tech-article-card:hover{box-shadow:0 15px 25px -5px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.tech-article-card .ta-body{padding:24px;}
.tech-article-card .ta-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:12px;}
.tech-article-card .ta-header h3{font-size:18px;font-weight:600;color:#111827;margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;transition:color .3s ease;}
.tech-article-card:hover .ta-header h3{color:#2563eb;}
.tech-article-card .ta-header .ta-date{font-size:13px;color:#9ca3af;white-space:nowrap;margin-left:16px;}
.tech-article-card .ta-excerpt{font-size:14px;color:#4b5563;line-height:1.8;margin-bottom:12px;}
.tech-article-card .ta-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.tech-article-card .ta-tags span{display:inline-block;background:#dbeafe;color:#1e40af;padding:2px 10px;border-radius:20px;font-size:12px;margin-right:6px;}
.tech-article-card .ta-footer a{color:#2563eb;font-size:14px;font-weight:500;}
.tech-article-card .ta-footer a:hover{color:#1d4ed8;}
.search-box{padding:20px;}
.search-box h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:12px;}
.search-box .search-input{position:relative;}
.search-box input{width:100%;padding:10px 40px 10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease;}
.search-box input:focus{border-color:#2563eb;}
.search-box .search-btn{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;}

/* ====== Contact Page ====== */
.contact-info-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:32px;margin-bottom:24px;}
.contact-info-card h2{font-size:28px;font-weight:bold;color:#111827;margin-bottom:24px;}
.contact-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px;}
.contact-info-item .ci-icon{width:48px;height:48px;background:#dbeafe;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:16px;-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px;}
.contact-info-item .ci-icon i{font-size:18px;color:#2563eb;}
.contact-info-item h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px;}
.contact-info-item p{font-size:14px;color:#374151;}
.map-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;height:100%;min-height:360px;}
.map-card img,.map-card .map-placeholder{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;}

/* ====== Pagination ====== */
.page-pagination{padding:24px 0;text-align:center;}
.page-pagination .pagination-inner{display:inline-block;}
.page-pagination a,.page-pagination span{display:inline-block;padding:8px 16px;margin:0 3px;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;transition:all .3s ease;text-decoration:none;}
.page-pagination a:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe;}
.page-pagination .active{background:#2563eb;color:#fff;border-color:#2563eb;}
.page-pagination .disabled{color:#9ca3af;cursor:not-allowed;}

/* ====== Utility Animations ====== */
@-webkit-keyframes float{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float-anim{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;}

/* ==========================================================================
   Responsive - Mobile First
   ========================================================================== */

/* --- 手机端 (<576px) --- */
@media (max-width:575px) {
  html{font-size:calc(5.216vw);}
  .hero-section .swiper-container{min-height:400px;height:calc(100vh - 56px);}
  .hero-content h2{font-size:24px;margin-bottom:14px;}
  .hero-content .hero-subtitle{font-size:16px;margin-bottom:16px;}
  .hero-content .hero-desc{font-size:14px;margin-bottom:24px;line-height:1.6;}
  .hero-btns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;}
  .btn-hero-primary,
  .btn-hero-outline{font-size:15px;padding:12px 28px;width:80%;max-width:260px;}
  .hero-section .swiper-button-next,
  .hero-section .swiper-button-prev{display:none;}
  .hero-section .swiper-pagination-bullet{width:8px;height:8px;}

  .section-padding{padding:40px 0;}
  .section-title{font-size:22px;margin-bottom:10px;}
  .section-subtitle{font-size:15px;margin-bottom:30px;}

  .product-card{padding:20px;}
  .product-card .img-wrap img{height:130px;}
  .product-card h3{font-size:16px;}
  .product-card p{font-size:13px;}
  .btn-more{font-size:15px;padding:12px 30px;margin-top:20px;}

  .about-section h2{font-size:22px;}
  .about-section p{font-size:15px;margin-bottom:16px;}
  .about-img-wrap{margin-top:24px;}

  .news-img-wrap img{height:160px;}
  .news-card{padding:16px;}
  .news-card h3{font-size:16px;overflow:hidden;text-overflow: ellipsis;
  white-space: nowrap;}

  .contact-card{padding:24px 16px;}
  .contact-card i{font-size:24px;}
  .contact-card h3{font-size:16px;}
  .contact-card p{font-size:14px;}

  .main-footer{padding:30px 0;}
  .main-footer .footer-brand{font-size:20px;}
  .main-footer .footer-info span{display:block;margin:5px 0;}

  .main-nav .navbar-brand{font-size:18px;padding:0px 15px;}
  .main-nav .navbar-nav>li>a{padding:12px 15px;font-size:15px;}
  .main-nav .navbar-collapse{max-height:calc(100vh - 56px);overflow-y:auto;}

  .page-banner{height:220px;margin-top:56px;}
  .page-banner .banner-content h2{font-size:24px;}
  .page-banner .banner-content p{font-size:14px;}
  .page-banner .banner-content .btn-banner{padding:10px 24px;font-size:14px;}
  .page-content{padding:30px 0;}
  .sidebar{position:static;}
  .timeline::before{left:20px;}
  .timeline-item .timeline-dot{left:20px;}
  .timeline-item .timeline-card{width:calc(100% - 50px);float:right !important;text-align:left !important;}
  .glass-card{padding:20px;}
  .article-header{padding:16px 20px;}
  .article-header h2{font-size:18px;}
  .article-body{padding:20px;font-size:14px;}
  .article-actions{padding:16px 20px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .article-nav{padding:16px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;}
  .article-nav .nav-prev,.article-nav .nav-next{max-width:100%;}
  .product-detail-box{padding:16px;}
  .product-detail-box .detail-row{gap:16px;}
  .product-detail-box .detail-gallery .main-img{height:240px;}
  .product-detail-box .detail-info h1{font-size:22px;}
  .product-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;text-align:center;}
  .job-box{padding:20px;}
  .job-item h3{font-size:17px;}
  .contact-info-card{padding:20px;}
  .contact-info-card h2{font-size:22px;}
}

/* --- 平板竖屏 (576px - 767px) --- */
@media (min-width:576px) and (max-width:767px) {
  html{font-size:calc(5.216vw);}
  .hero-content h2{font-size:30px;}
  .hero-content .hero-subtitle{font-size:20px;}
  .hero-content .hero-desc{font-size:15px;}
  .hero-btns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;}
  .btn-hero-primary,
  .btn-hero-outline{width:70%;max-width:300px;}
  .hero-section .swiper-button-next,
  .hero-section .swiper-button-prev{display:none;}

  .section-padding{padding:50px 0;}
  .section-title{font-size:26px;}
  .section-subtitle{font-size:16px;margin-bottom:40px;}

  .about-section h2{font-size:26px;}
  .about-section p{font-size:16px;}
  .about-img-wrap{margin-top:24px;}

  .main-footer .footer-info span{display:block;margin:5px 0;}

  .main-nav .navbar-brand{font-size:20px;}
  .main-nav .navbar-nav>li>a{padding:12px 15px;font-size:15px;}

  .page-banner{height:260px;margin-top:56px;}
  .page-banner .banner-content h2{font-size:30px;}
  .page-banner .banner-content p{font-size:16px;}
  .page-content{padding:40px 0;}
  .sidebar{position:static;}
  .timeline::before{left:20px;}
  .timeline-item .timeline-dot{left:20px;}
  .timeline-item .timeline-card{width:calc(100% - 50px);float:right !important;text-align:left !important;}
}

/* --- 平板横屏 (768px - 991px) --- */
@media (min-width:768px) and (max-width:991px) {
  .hero-content h2{font-size:38px;}
  .hero-content .hero-subtitle{font-size:24px;}
  .section-padding{padding:60px 0;}
  .section-title{font-size:30px;}
  .about-section h2{font-size:30px;}
  .about-section p{font-size:16px;}
  .about-img-wrap{margin-top:24px;}
  .page-banner{height:300px;}
  .page-banner .banner-content h2{font-size:36px;}
}

/* --- PC端 (>=992px) --- */
@media (min-width:992px) {
  .about-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
}

/* ====== 分页样式 ====== */
.page-pagination {
  margin: 40px 0;
  text-align: center;
}

.pagination-inner ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px;
}

.pagination-inner li {
  display: inline-block;
}

.pagination-inner li a {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #666;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
  background: #fff;
  min-width: 40px;
  text-align: center;
}

.pagination-inner li a:hover {
  background: #f5f5f5;
  border-color: #ccc;
  color: #333;
}

.pagination-inner li a.hover,
.pagination-inner li a.active {
  background: #4285f4;
  border-color: #4285f4;
  color: #fff;
}

.pagination-inner li a.hover:hover,
.pagination-inner li a.active:hover {
  background: #3367d6;
  border-color: #3367d6;
}

/* 禁用状态 */
.pagination-inner li a.disabled {
  background: #f9f9f9;
  border-color: #e0e0e0;
  color: #ccc;
  cursor: not-allowed;
}

.pagination-inner li a.disabled:hover {
  background: #f9f9f9;
  border-color: #e0e0e0;
  color: #ccc;
}

/* 响应式 */
@media (max-width: 768px) {
  .pagination-inner ul {
    gap: 4px;
  }
  
  .pagination-inner li a {
    padding: 6px 12px;
    font-size: 13px;
    min-width: 36px;
  }
}

/* ====== 隐藏translate.js默认语言选择器 ====== */
.translate-select,
.translate-button,
.translate-language-select,
select[name="translate"],
[class*="translate-select"],
[id*="translate"],
.translate-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}