html,body,.plane {width:100%;height:100%;}
body {background-color:#ffffff;margin:0;color:#a8a8a8;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;overflow-x:hidden;padding-top:0;}
.plane {display:flex;justify-content:center;align-items:center;flex-direction:column;}
.icon {font-size:48px;}
.plane {padding-top:20%;text-align:center;}
.plane .icon {font-size:68px;}
.jump-tips {font-size:14px;margin-bottom:20px;color:#dadada;}
.tips {font-size:24px;margin-bottom:10px;}
.jump a:first-child {margin:0;}
.jump a {color:#a8a8a8;margin-left:20px;}
.jump a:hover {color:#636363;}
:root {--primary:#c62232;--tech-pink:#ff2a6d;--tech-pink-hover:#d41e52;--tech-dark:#111;--tech-grey:#f8f9fa;--tech-blue:#00d2ff;--accent-color:#e96308;--shadow:0 4px 12px rgba(0,0,0,0.08);--primary-color:#c62232;--secondary-color:#b5323f;--border-color:#e0e0e0;}

.navbar {transition:all .35s ease;}
/* 滚动后吸顶 */
.nav-fixed {position:fixed !important;top:0;left:0;width:100%;z-index:99999;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.08);}
/* 颜色与按钮 */
.text-pink {color:var(--tech-pink) !important;}
.bg-pink {background-color:var(--tech-pink) !important;}
.btn-tech-pink {background-color:var(--tech-pink);color:#fff;border:none;padding:12px 35px;border-radius:50px;font-weight:600;transition:all 0.3s ease;}
.btn-tech-pink:hover {background-color:var(--tech-pink-hover);color:#fff;box-shadow:0 5px 15px rgba(255,42,109,0.4);transform:translateY(-2px);}
/* 导航栏 */
.navbar {box-shadow:0 2px 15px rgba(0,0,0,0.05);padding:15px 0;z-index:1030;position:relative;}
.nav-link {font-weight:500;margin:0 10px;color:#333;position:relative;}
.nav-link:hover,.nav-link.active {color:var(--tech-pink) !important;}
.nav-link::after {content:'';position:absolute;width:0;height:2px;background:var(--tech-pink);bottom:0;left:0;transition:width 0.3s;}
.nav-link:hover::after {width:100%;}
.dropdown-toggle::after {content:none !important;display:none !important;}
/* 手机端菜单悬浮 */
@media (max-width:991.98px) {.navbar-collapse {position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:1050;border-top:1px solid #eee;}
}
@media (min-width:992px) {.navbar .dropdown:hover .dropdown-menu {display:block;margin-top:0;}
    .navbar .dropdown .dropdown-menu {display:none;animation:fadeIn 0.3s;}
}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
    to {opacity:1;transform:translateY(0);}
}
/* Hero 区域 */
.hero-section {background:linear-gradient(135deg,#000000 0%,#1a1a1a 100%);color:white;padding:100px 0;position:relative;overflow:hidden;}
.hero-badge {background:rgba(255,42,109,0.2);border:1px solid var(--tech-pink);color:var(--tech-pink);padding:5px 15px;border-radius:4px;font-weight:bold;display:inline-block;margin-bottom:20px;text-transform:uppercase;}
.hero-section h1{text-shadow:2px 2px 10px rgba(0,0,0,0.5)}
.hero-section .glowbadge{background:rgba(128,128,128,0.2);color:var(--tech-pink);padding:5px 15px;border-radius:4px;}
.hero-section .breadcrumb{ color: #ffffff;}

/* 侧边栏 */
.sidebar-widget {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:25px;margin-bottom:30px;}
.widget-title {font-size:1.25rem;font-weight:700;color:var(--tech-dark);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0;}
.sidebar-menu {list-style:none;padding:0;margin:0;}
.sidebar-menu li {margin-bottom:10px;}
.sidebar-menu a {display:block;padding:10px 15px;color:#666;text-decoration:none;border-radius:8px;transition:all 0.3s;}
.sidebar-menu a:hover,.sidebar-menu .active a {background-color:rgba(255,42,109,0.1);color:var(--tech-pink);}
/* 热门文章 */
.hot-articles li {display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;}
.hot-articles li:last-child {border-bottom:none;}
.article-thumb {width:80px;height:60px;border-radius:8px;overflow:hidden;margin-right:15px;flex-shrink:0;}
.article-thumb img {width:100%;height:100%;object-fit:cover;}
.article-title {font-size:0.95rem;font-weight:600;margin:0;line-height:1.4;}
.article-title a {color:#333;text-decoration:none;}
.article-title a:hover {color:var(--tech-pink);}
/* 标签云 */
.tag-cloud {display:flex;flex-wrap:wrap;gap:8px;}
.tag-cloud a {display:inline-block;padding:6px 15px;background:#f8f9fa;color:#666;border-radius:50px;font-size:0.85rem;text-decoration:none;transition:all 0.3s;}
.tag-cloud a:hover {background-color:var(--tech-pink);color:white;transform:translateY(-2px);}
/* 文章列表 */
.article-list {margin-top:30px;}
.article-card {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);margin-bottom:30px;overflow:hidden;transition:all 0.3s;}
.article-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.article-card.large {margin-bottom:40px;}
.article-image {height:300px;background-size:cover;background-position:center;}
.article-card.large .article-image {height:400px;}
.article-content {padding:25px;}
.article-content h4 {font-size:1.3rem;font-weight:700;margin-bottom:15px;line-height:1.4;}
.article-card.large .article-content h4 {font-size:1.5rem;}
.article-content h4 a {color:var(--tech-dark);text-decoration:none;}
.article-content h4 a:hover {color:var(--tech-pink);}
.article-meta {display:flex;flex-wrap:wrap;gap:15px;color:#888;font-size:0.9rem;margin-bottom:15px;}
.article-meta i {margin-right:5px;}
.article-excerpt {color:#666;line-height:1.7;margin-bottom:20px;}
.read-more {color:var(--tech-pink);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;}
.read-more:hover {color:var(--tech-pink-hover);}
.read-more i {margin-left:5px;transition:transform 0.3s;}
.read-more:hover i {transform:translateX(5px);}
/* 分页 */
.pagination {justify-content:center;margin-top:40px;}
.pagination .page-link {border:none;margin:0 5px;border-radius:8px;color:#666;}
.pagination .page-item.active .page-link {background-color:var(--tech-pink);color:white;}
.pagination .page-link:hover {background-color:rgba(255,42,109,0.1);color:var(--tech-pink);}
/* 响应式调整 */
@media (max-width:992px) {.article-card.large .article-image {height:300px;}
    .article-content h4 {font-size:1.2rem;}
    .article-card.large .article-content h4 {font-size:1.3rem;}
}
@media (max-width:768px) {
    .hero-section {padding:80px 0;}
    .product-title {font-size:1.5rem;}
    .product-image {height:200px;}
    .article-image {height:250px;}
    .article-card.large .article-image {height:250px;}
    .article-content {padding:20px;}
    .article-meta {gap:10px;}
    .article-detail {padding:20px;}
    .article-title-main {font-size:1.3rem;}
    .article-footer {flex-direction:column;gap:20px;}
    .filter-section {padding:20px 0;}
    .filter-tags {gap:6px;}
    .filter-tags .filter-tag {padding:6px 12px;font-size:0.85rem;}
    .sort-tags .sort-tag {padding:6px 12px;font-size:0.85rem;}
    .page-content {padding:20px;}
    .page-title {font-size:1.3rem;}
    .page-body {font-size:0.95rem;}
    .swiper-main-container {height:350px;}
    .swiper-thumbs-container {height:70px;}
    .specs-table th,.specs-table td {padding:10px 15px;}
    .swiper-thumbs-container {padding:0 20px;}
    .thumb-nav {display:none;}
}


@media (max-width:576px) {.sidebar-widget {padding:20px;}
    .article-image {height:200px;}
    .article-card.large .article-image {height:200px;}
    .article-content h4 {font-size:1.1rem;}
    .article-card.large .article-content h4 {font-size:1.2rem;}
}

/* 筛选器样式 - 修复版 */
.filter-section {background-color:var(--tech-grey);padding:30px 0;margin-bottom:40px;}
.filter-option {margin-bottom:25px;}
.filter-option .option-title {font-weight:600;color:#333;margin-bottom:12px;font-size:1rem;}
.filter-tags {display:flex;flex-wrap:wrap;gap:8px;}
/* 修复筛选按钮样式 */
.filter-tags .filter-tag {display:inline-block;padding:8px 16px;border-radius:50px;font-weight:500;cursor:pointer;transition:all 0.3s;border:1px solid #dee2e6;background-color:white;color:#666;text-decoration:none;font-size:0.9rem;}
.filter-tags .filter-tag:hover {background-color:rgba(255,42,109,0.1);border-color:var(--tech-pink);color:var(--tech-pink);transform:translateY(-2px);}
/* 修复选中状态样式 - 优先级问题 */
.filter-tags .filter-tag.active,.filter-tags .filter-tag.active:hover {background-color:var(--tech-pink) !important;border-color:var(--tech-pink) !important;color:white !important;box-shadow:0 3px 10px rgba(255,42,109,0.3);}
/* 排序按钮样式修复 */
.sort-tags {display:flex;flex-wrap:wrap;gap:8px;}
.sort-tags .sort-tag {display:inline-flex;align-items:center;padding:8px 16px;border-radius:50px;font-weight:500;cursor:pointer;transition:all 0.3s;border:1px solid #dee2e6;background-color:white;color:#666;text-decoration:none;font-size:0.9rem;}
.sort-tags .sort-tag:hover {background-color:rgba(255,42,109,0.1);border-color:var(--tech-pink);color:var(--tech-pink);transform:translateY(-2px);}
.sort-tags .sort-tag.active,.sort-tags .sort-tag.active:hover {background-color:var(--tech-pink) !important;border-color:var(--tech-pink) !important;color:white !important;box-shadow:0 3px 10px rgba(255,42,109,0.3);}
/* 产品卡片 */
.product-card {background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;border-bottom:4px solid transparent;overflow:hidden;margin-bottom:30px;}
.product-card:hover {transform:translateY(-10px);border-bottom-color:var(--tech-pink);box-shadow:0 15px 40px rgba(0,0,0,0.1);}
.product-image {height:250px;background-size:cover;background-position:center;position:relative;}
.product-category {position:absolute;top:15px;left:15px;background:rgba(255,42,109,0.9);color:white;padding:5px 15px;border-radius:30px;font-size:0.85rem;font-weight:600;}
.product-info {padding:25px;}
.product-price {font-size:1.5rem;font-weight:700;color:var(--tech-pink);margin:15px 0;}
.product-description {color:#666;font-size:0.95rem;line-height:1.6;margin-top:10px;}
.product-meta {font-size:0.85rem;color:#888;}
/* 分页 */
.pagination .page-link {border:none;margin:0 5px;border-radius:8px;color:#666;}

@media (max-width:576px) {.filter-tags,.sort-tags {justify-content:center;}
}


/* --- 颜色与按钮 --- */
.text-pink {color:var(--tech-pink) !important;}
.btn-tech-pink {background-color:var(--tech-pink);color:#fff;border:none;padding:12px 35px;border-radius:50px;font-weight:600;transition:all 0.3s ease;}
.btn-tech-pink:hover {background-color:var(--tech-pink-hover);color:#fff;box-shadow:0 5px 15px rgba(255,42,109,0.4);transform:translateY(-2px);}
/* --- 导航栏基础样式 --- */
.navbar {box-shadow:0 2px 15px rgba(0,0,0,0.05);padding:15px 0;z-index:1030;position:relative;}
.nav-link {font-weight:500;margin:0 10px;color:#333;position:relative;}
.nav-link:hover,.nav-link.active {color:var(--tech-pink) !important;}
.nav-link::after {content:'';position:absolute;width:0;height:2px;background:var(--tech-pink);bottom:0;left:0;transition:width 0.3s;}
.nav-link:hover::after {width:100%;}
/* --- 隐藏 Dropdown 的小箭头 --- */
.dropdown-toggle::after {content:none !important;display:none !important;}
/* --- 手机端菜单改为悬浮层 (Overlay) --- */
@media (max-width:991.98px) {.navbar-collapse {position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:1050;border-top:1px solid #eee;}
}
/* --- 下拉菜单 Hover 效果 (桌面端) --- */
@media (min-width:992px) {.navbar .dropdown:hover .dropdown-menu {display:block;margin-top:0;}
    .navbar .dropdown .dropdown-menu {display:none;animation:fadeIn 0.3s;}
}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
    to {opacity:1;transform:translateY(0);}
}
.dropdown-item:active,.dropdown-item:hover {background-color:var(--tech-pink);color:white;}
/* --- 幻灯片 Carousel --- */
.carousel-item {height:85vh;min-height:600px;background-color:#000;position:relative;}
.carousel-item img {object-fit:cover;height:100%;width:100%;opacity:0.7;}
.carousel-caption {bottom:30%;text-align:left;}
.carousel-caption h1 {font-size:4rem;font-weight:800;text-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.carousel-caption p {font-size:1.5rem;margin-bottom:30px;}
/* --- 宽屏产品展示 --- */
.product-card-wide {background:#fff;border:1px solid #eee;transition:all 0.4s ease;position:relative;overflow:hidden;height:100%;}
.product-card-wide:hover {box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--tech-pink);transform:translateY(-5px);}
.product-img-wrapper {background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;}
.product-img-wrapper img {width:100%;height:auto;max-height:400px;object-fit:contain;transition:transform 0.5s;}
.product-card-wide:hover .product-img-wrapper img {transform:scale(1.05);}
.product-tag {position:absolute;top:20px;left:20px;background:var(--tech-pink);color:white;padding:5px 15px;font-size:0.8rem;font-weight:bold;border-radius:4px;z-index:2;}
/* --- 附件效果模拟 --- */
.effect-section {background:linear-gradient(180deg,#1a1a1a 0%,#2d2d2d 100%);color:white;padding:80px 0;position:relative;}
.comparison-card {background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:10px;border-radius:8px;}
.comparison-label {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);padding:2px 10px;font-size:12px;border-radius:20px;}
/* --- 其他通用 --- */
.section-title {position:relative;display:inline-block;margin-bottom:50px;}
.section-title::after {content:'';display:block;width:60px;height:4px;background:var(--tech-pink);margin:15px auto 0;}
footer {background:#111;color:#aaa;padding:60px 0;}


/* --- 颜色与按钮 --- */
.text-pink {color:var(--tech-pink) !important;}
/* --- 导航栏基础样式 --- */
.navbar {box-shadow:0 2px 15px rgba(0,0,0,0.05);padding:15px 0;z-index:1030;position:relative;}
.nav-link:hover::after {width:100%;}
/* --- 隐藏 Dropdown 的小箭头 --- */
.dropdown-toggle::after {content:none !important;display:none !important;}
/* --- 手机端菜单改为悬浮层 (Overlay) --- */
@media (max-width:991.98px) {.navbar-collapse {position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:1050;border-top:1px solid #eee;}
}
/* --- 下拉菜单 Hover 效果 (桌面端) --- */
@media (min-width:992px) {.navbar .dropdown:hover .dropdown-menu {display:block;margin-top:0;}
    .navbar .dropdown .dropdown-menu {display:none;animation:fadeIn 0.3s;}
}
.dropdown-item:active,.dropdown-item:hover {background-color:var(--tech-pink);color:white;}
/* --- 幻灯片 Carousel --- */
.carousel-item {height:85vh;min-height:600px;background-color:#000;position:relative;}
.carousel-item img {object-fit:cover;height:100%;width:100%;opacity:0.7;}
.carousel-caption {bottom:30%;text-align:left;}
.carousel-caption h1 {font-size:4rem;font-weight:800;text-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.carousel-caption p {font-size:1.5rem;margin-bottom:30px;}
/* --- 宽屏产品展示 --- */
.product-card-wide {background:#fff;border:1px solid #eee;transition:all 0.4s ease;position:relative;overflow:hidden;height:100%;}
.product-card-wide:hover {box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--tech-pink);transform:translateY(-5px);}
.product-img-wrapper {background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;}
.product-img-wrapper img {width:100%;height:auto;max-height:400px;object-fit:contain;transition:transform 0.5s;}
.product-card-wide:hover .product-img-wrapper img {transform:scale(1.05);}
.product-tag {position:absolute;top:20px;left:20px;background:var(--tech-pink);color:white;padding:5px 15px;font-size:0.8rem;font-weight:bold;border-radius:4px;z-index:2;}
/* --- 附件效果模拟 --- */
.effect-section {background:linear-gradient(180deg,#1a1a1a 0%,#2d2d2d 100%);color:white;padding:80px 0;position:relative;}
.comparison-card {background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:10px;border-radius:8px;}
.comparison-label {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);padding:2px 10px;font-size:12px;border-radius:20px;}
/* --- 其他通用 --- */
.section-title {position:relative;display:inline-block;margin-bottom:50px;}
.section-title::after {content:'';display:block;width:60px;height:4px;background:var(--tech-pink);margin:15px auto 0;}
.filter {margin:0;padding:0;}
.filter .float-right a {margin-left:4px;}
.filter .float-left a {margin-right:4px;}
.filter a.active {color:#ffb600;}
.search-icon {width:24px;height:24px;font-size:18px;color:#9199a1;text-align:right;position:absolute;right:14px;bottom:21px;top:4px;cursor:pointer;}
.search-input {float:left;width:100%;padding-right:40px;margin:24px 0;line-height:36px;background:#FFFFFF;position:relative;}
.search-input .form-control {border:0;}

/* 面包屑导航样式 */
.breadcrumb-custom {background:transparent;padding:0;margin:0;}
.breadcrumb-custom .breadcrumb-item a {color:rgba(255,255,255,0.9);text-decoration:none;transition:color 0.3s ease;}
.breadcrumb-custom .breadcrumb-item a:hover {color:var(--tech-pink);}
.breadcrumb-custom .breadcrumb-item.active {color:var(--tech-pink);}
.breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {color:rgba(255,255,255,0.7);content:">";}
/* Hero Banner */
.hero-banner {background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);color:white;padding:80px 0;position:relative;overflow:hidden;}
.hero-badge {border:1px solid var(--tech-pink);color:var(--tech-pink);padding:5px 15px;border-radius:4px;font-weight:bold;display:inline-block;margin-bottom:15px;letter-spacing:2px;font-size:0.9rem;}
/* Sidebar */
.sidebar-card {background:white;border-radius:12px;padding:25px;margin-bottom:30px;border:none;box-shadow:0 5px 20px rgba(0,0,0,0.05);border-top:4px solid var(--tech-pink);}
.sidebar-title {color:var(--tech-dark);font-weight:700;margin-bottom:20px;position:relative;padding-bottom:15px;}
.sidebar-title::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--tech-pink);}
.nav-service-menu {list-style:none;padding-left:0;margin-bottom:0;}
.nav-service-menu li {margin-bottom:8px;}
.nav-service-menu li a {display:block;padding:12px 15px;background:var(--tech-grey);border-radius:8px;color:#333;text-decoration:none;transition:all 0.3s ease;border-left:3px solid transparent;font-weight:500;}
.nav-service-menu li a:hover,.nav-service-menu li.active a {background:rgba(255,42,109,0.1);color:var(--tech-pink);border-left:3px solid var(--tech-pink);transform:translateX(5px);}
/* Honor Cards */
.honor-card {background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;height:100%;border:1px solid #eee;box-shadow:0 5px 15px rgba(0,0,0,0.03);}
.honor-card:hover {transform:translateY(-10px);box-shadow:0 15px 35px rgba(255,42,109,0.15);border-color:var(--tech-pink);}
.honor-img-container {height:200px;overflow:hidden;position:relative;}
.honor-img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.honor-card:hover .honor-img {transform:scale(1.05);}
.honor-content {padding:20px;}
.honor-title {font-weight:600;color:var(--tech-dark);margin-bottom:10px;font-size:1.1rem;line-height:1.4;}
.honor-meta {display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;}
.honor-date {color:#666;font-size:0.9rem;}
/* Pagination */
.pagination-custom .page-item.active .page-link {background-color:var(--tech-pink);border-color:var(--tech-pink);color:white;}
.pagination-custom .page-link {color:#666;border:1px solid #dee2e6;margin:0 2px;border-radius:8px;padding:8px 15px;transition:all 0.3s ease;}
.pagination-custom .page-link:hover {background-color:rgba(255,42,109,0.1);color:var(--tech-pink);border-color:var(--tech-pink);}
/* Responsive */
@media (max-width:991.98px) {.sidebar-card {margin-bottom:30px;}
    .hero-banner {padding:60px 0;}
    .display-4 {font-size:2.5rem;}
}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .honor-img-container {height:180px;}
    .sidebar-card {padding:20px;}
}
/* Breadcrumb */
.breadcrumb-custom {background:transparent;padding:0;margin:0;}
/* Filter Tabs */
.filter-tabs {background:white;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.filter-tabs .nav {flex-wrap:wrap;justify-content:center;gap:5px;}
.filter-tabs .nav-link {padding:10px 20px;border:1px solid #eee;border-radius:30px;color:#666;font-weight:500;transition:all 0.3s ease;background:var(--tech-grey);}
.filter-tabs .nav-link:hover,.filter-tabs .nav-link.active {background:var(--tech-pink);color:white;border-color:var(--tech-pink);transform:translateY(-2px);}
/* Gallery Cards */
.gallery-card {position:relative;overflow:hidden;border-radius:12px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;height:280px;}
.gallery-card:hover {transform:translateY(-10px);box-shadow:0 15px 35px rgba(255,42,109,0.15);}
.gallery-img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.gallery-card:hover .gallery-img {transform:scale(1.05);}
.gallery-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:opacity 0.3s ease;}
.gallery-card:hover .gallery-overlay {opacity:1;}
.gallery-info {color:white;transform:translateY(20px);transition:transform 0.3s ease;}
.gallery-card:hover .gallery-info {transform:translateY(0);}
.gallery-icon {position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--tech-pink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-10px);transition:all 0.3s ease;}
.gallery-card:hover .gallery-icon {opacity:1;transform:translateY(0);}
/* Responsive */
@media (max-width:991.98px) {.hero-banner {padding:60px 0;}
    .display-4 {font-size:2.5rem;}
}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .gallery-card {height:220px;}
}
/* Filter Section */
.filter-section {background:white;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.filter-group {margin-bottom:20px;}
.filter-title {font-weight:600;color:var(--tech-dark);margin-bottom:12px;padding-left:15px;position:relative;}
.filter-title:before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--tech-pink);border-radius:2px;}
.filter-options {display:flex;flex-wrap:wrap;gap:8px;}
.filter-options a {display:inline-block;padding:8px 18px;background:var(--tech-grey);border:1px solid #eee;border-radius:30px;color:#666;text-decoration:none;font-size:14px;transition:all 0.3s ease;}
.filter-options a:hover,.filter-options a.active {background:var(--tech-pink);color:white;border-color:var(--tech-pink);transform:translateY(-2px);}
/* Job Cards */
.job-card {background:white;border-radius:12px;padding:25px;margin-bottom:20px;border:1px solid #eee;box-shadow:0 5px 15px rgba(0,0,0,0.03);transition:all 0.3s ease;border-left:4px solid transparent;}
.job-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(255,42,109,0.1);border-left-color:var(--tech-pink);}
.job-salary {color:var(--tech-pink);font-weight:600;font-size:1.1rem;display:inline-block;margin-left:10px;}
.job-meta {display:flex;flex-wrap:wrap;gap:20px;margin:15px 0;}
.job-meta-item {display:flex;align-items:center;color:#666;font-size:14px;}
.job-meta-item i {margin-right:8px;color:var(--tech-pink);}
.job-date {color:#999;font-size:13px;}
.btn-apply {background:var(--tech-pink);color:white;border:none;padding:10px 25px;border-radius:30px;font-weight:500;transition:all 0.3s ease;text-decoration:none;display:inline-block;}
.btn-apply:hover {background:#e01e5a;color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,42,109,0.3);}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .job-card {padding:20px;}
    .job-meta {gap:10px;flex-direction:column;}
    .filter-section {padding:20px;}
}
:root {--tech-pink:#ff2a6d;--tech-pink-hover:#d41e52;--tech-dark:#111;--tech-grey:#f4f4f4;}
/* --- 颜色与按钮 --- */
.text-pink {color:var(--tech-pink) !important;}
.bg-pink {background-color:var(--tech-pink) !important;}
.btn-tech-pink {background-color:var(--tech-pink);color:#fff;border:none;padding:12px 35px;border-radius:50px;font-weight:600;transition:all 0.3s ease;}
.btn-tech-pink:hover {background-color:var(--tech-pink-hover);color:#fff;box-shadow:0 5px 15px rgba(255,42,109,0.4);transform:translateY(-2px);}
/* --- 导航栏 --- */
.navbar {box-shadow:0 2px 15px rgba(0,0,0,0.05);padding:15px 0;z-index:1030;position:relative;}
.nav-link {font-weight:500;margin:0 10px;color:#333;position:relative;}
.nav-link:hover,.nav-link.active {color:var(--tech-pink) !important;}
.nav-link::after {content:'';position:absolute;width:0;height:2px;background:var(--tech-pink);bottom:0;left:0;transition:width 0.3s;}
.nav-link:hover::after {width:100%;}
.dropdown-toggle::after {content:none !important;display:none !important;}
/* --- 手机端菜单悬浮 --- */
@media (max-width:991.98px) {.navbar-collapse {position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:1050;border-top:1px solid #eee;}
}
@media (min-width:992px) {.navbar .dropdown:hover .dropdown-menu {display:block;margin-top:0;}
    .navbar .dropdown .dropdown-menu {display:none;animation:fadeIn 0.3s;}
}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
    to {opacity:1;transform:translateY(0);}
}
/* --- 核心卖点卡片 --- */
.feature-box {background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s;height:100%;border-bottom:4px solid transparent;}
.feature-box:hover {transform:translateY(-10px);border-bottom-color:var(--tech-pink);}
.feature-icon {font-size:3rem;color:var(--tech-pink);margin-bottom:20px;}
/* --- 双手柄对比区 --- */
.tech-split-section {background-color:#f8f9fa;padding:80px 0;}
.handle-img {max-height:400px;object-fit:contain;transition:transform 0.3s;}
.handle-card:hover .handle-img {transform:scale(1.05);}
/* --- 6步焕肤流程 --- */
.step-circle {width:80px;height:80px;background:var(--tech-pink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto 20px;box-shadow:0 5px 15px rgba(255,42,109,0.3);}
/* --- 底部参数表 --- */
.specs-table th {background-color:#f1f1f1;color:#333;width:40%;}
footer {background:#111;color:#aaa;padding:60px 0;}
/* --- 核心特征图标 --- */
.feature-card {background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);height:100%;transition:transform 0.3s;border-top:3px solid transparent;}
.feature-card:hover {transform:translateY(-5px);border-top-color:var(--tech-pink);}
.feature-icon-box {width:60px;height:60px;background:rgba(255,42,109,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--tech-pink);font-size:1.5rem;}
/* --- 波长技术区 --- */
.wavelength-section {background-color:#f9f9f9;padding:80px 0;}
.wave-box {background:white;padding:20px;border-radius:10px;margin-bottom:20px;border-left:4px solid var(--tech-pink);}
/* --- 手柄与探头展示 --- */
.handle-section {padding:80px 0;}
.tip-circle {width:100px;height:100px;border:2px solid #eee;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 15px;transition:all 0.3s;}
.tip-item:hover .tip-circle {border-color:var(--tech-pink);background-color:#fff5f8;}
/* --- 底部表格 --- */
.specs-table th {background-color:#f1f1f1;width:35%;}

/* --- 通用组件 --- */
.text-pink {color:var(--tech-pink) !important;}
.btn-tech-pink {background-color:var(--tech-pink);color:#fff;border:none;padding:10px 30px;border-radius:50px;font-weight:600;transition:all 0.3s ease;}
.btn-tech-pink:hover {background-color:var(--tech-pink-hover);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,42,109,0.3);}
/* --- 产品板块通用样式 --- */
.product-section {padding:80px 0;}
.section-title {font-weight:800;margin-bottom:20px;position:relative;display:inline-block;}
.section-title::after {content:'';display:block;width:50px;height:4px;background:var(--tech-pink);margin-top:10px;}
/* --- Coopasma 板块 --- */
.bg-plasma {background-color:#fff;}
.step-card {text-align:center;padding:20px;border:1px solid #eee;border-radius:10px;transition:0.3s;}
.step-card:hover {border-color:var(--tech-pink);box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.step-icon {width:50px;height:50px;background:var(--tech-pink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-weight:bold;}
/* --- 3D-Shape 板块 --- */
.bg-shape {background-color:var(--tech-grey);}
.tech-card {background:white;padding:30px;border-radius:15px;height:100%;box-shadow:0 5px 20px rgba(0,0,0,0.05);border-top:4px solid var(--tech-pink);}
/* --- CET 板块 --- */
.bg-cet {background:linear-gradient(to right,#ffffff,#f0f8ff);}
.cet-circle {width:140px;height:140px;border:8px solid #00d2ff;/* 448kHZ 科技蓝 */border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;color:#00d2ff;background:white;box-shadow:0 0 20px rgba(0,210,255,0.2);}
/* --- 底部 --- */
footer {background:#111;color:#aaa;padding:60px 0;}
/* 页面内容 */
.page-content {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:40px;}
.page-title {font-size:2rem;font-weight:700;color:var(--tech-dark);margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0;}
.page-body {line-height:1.8;color:#444;}
.page-body img {max-width:100%;height:auto;border-radius:10px;margin:20px 0;}
.page-body h1,.page-body h2,.page-body h3,.page-body h4 {color:var(--tech-dark);margin-top:30px;margin-bottom:15px;}
.page-featured-image {border-radius:12px;overflow:hidden;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.page-featured-image img {width:100%;height:auto;display:block;}
/* 响应式调整 */
@media (max-width:992px) {.page-content {padding:30px;}
    .page-title {font-size:1.5rem;}
}

@media (max-width:576px) {.sidebar-widget {padding:20px;}
    .page-title {font-size:1.2rem;}
}
/* 联系信息卡片 */
.contact-card {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:30px;text-align:center;height:100%;transition:all 0.3s;border:1px solid #f0f0f0;}
.contact-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:var(--tech-pink);}
.contact-icon {width:70px;height:70px;background:rgba(255,42,109,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--tech-pink);font-size:1.8rem;}
.contact-title {font-size:1.25rem;font-weight:700;color:var(--tech-dark);margin-bottom:15px;}
.contact-info {color:#666;line-height:1.6;}
/* 地图容器 */
.map-container {border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.05);margin:40px 0;}
/* 表单样式 */
.contact-form {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:40px;margin-top:40px;}
.form-title {font-size:1.75rem;font-weight:700;color:var(--tech-dark);margin-bottom:30px;}
.form-control {border:1px solid #e0e0e0;border-radius:8px;padding:12px 15px;transition:all 0.3s;}
.form-control:focus {border-color:var(--tech-pink);box-shadow:0 0 0 0.2rem rgba(255,42,109,0.25);}
.form-label {font-weight:600;color:#333;margin-bottom:8px;}
/* 验证码 */
.captcha-container {display:flex;gap:15px;align-items:center;}
.captcha-input {flex:1;}
.captcha-image {height:38px;cursor:pointer;border-radius:8px;overflow:hidden;}
/* 响应式调整 */
@media (max-width:992px) {.contact-form {padding:30px;}
    .form-title {font-size:1.5rem;}
}

@media (max-width:576px) {.contact-card {padding:20px;}
    .contact-icon {width:60px;height:60px;font-size:1.5rem;}
    .contact-form {padding:20px;}
    .form-title {font-size:1.2rem;}
    .captcha-container {flex-direction:column;align-items:stretch;}
}
/* 留言表单 */
.guestbook-form {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:40px;margin:40px auto;max-width:800px;}
.form-title {font-size:1.75rem;font-weight:700;color:var(--tech-dark);margin-bottom:30px;text-align:center;}
/* 响应式调整 */
@media (max-width:992px) {.guestbook-form {padding:30px;}
    .form-title {font-size:1.5rem;}
}

@media (max-width:576px) {.guestbook-form {padding:20px;margin:20px auto;}
    .form-title {font-size:1.2rem;}
    .captcha-container {flex-direction:column;align-items:stretch;}
}
/* 标签 */
.tag-list {display:flex;flex-wrap:wrap;gap:8px;}
.tag-item {display:inline-block;padding:6px 15px;background:#f8f9fa;color:#666;border-radius:50px;font-size:0.85rem;text-decoration:none;transition:all 0.3s;}
.tag-item:hover {background-color:var(--tech-pink);color:white;transform:translateY(-2px);}
/* 文章详情 */
.article-detail {background:white;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:40px;}
.article-header {margin-bottom:30px;}
.article-title-main {font-size:2rem;font-weight:700;color:var(--tech-dark);margin-bottom:15px;line-height:1.3;}
.article-meta {display:flex;flex-wrap:wrap;gap:20px;color:#888;font-size:0.9rem;}
.article-content {line-height:1.8;color:#444;}
.article-content img {max-width:100%;height:auto;border-radius:10px;margin:20px 0;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4 {color:var(--tech-dark);margin-top:30px;margin-bottom:15px;}
/* 标签和分享 */
.article-footer {margin-top:40px;padding-top:30px;border-top:1px solid #f0f0f0;}
.article-tags {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.article-tags-title {font-weight:600;color:#333;margin-right:10px;}
.article-share {display:flex;align-items:center;gap:15px;}
.share-icons {display:flex;gap:10px;}
.share-icons a {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f8f9fa;color:#666;text-decoration:none;transition:all 0.3s;}
.share-icons a:hover {background:var(--tech-pink);color:white;transform:translateY(-3px);}
/* 上一篇下一篇 */
.article-navigation {display:flex;justify-content:space-between;margin-top:40px;padding-top:30px;border-top:1px solid #f0f0f0;}
.nav-link-prev,.nav-link-next {display:flex;align-items:center;padding:15px;border-radius:10px;background:#f8f9fa;color:#666;text-decoration:none;transition:all 0.3s;max-width:45%;}
.nav-link-prev:hover,.nav-link-next:hover {background:var(--tech-pink);color:white;transform:translateY(-2px);}
.nav-link-prev i {margin-right:10px;}
.nav-link-next i {margin-left:10px;}
/* 分页 */
.pagination {justify-content:center;margin-top:30px;}
/* 响应式调整 */
@media (max-width:992px) {.article-detail {padding:30px;}
    .article-title-main {font-size:1.5rem;}
    .article-navigation {flex-direction:column;gap:15px;}
    .nav-link-prev,.nav-link-next {max-width:100%;}
}

@media (max-width:576px) {.sidebar-widget {padding:20px;}
    .article-title-main {font-size:1.2rem;}
    .article-content {font-size:0.95rem;}
}
/* Gallery Swiper */
.gallery-main {width:100%;height:500px;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.gallery-thumbs {width:100%;height:100px;margin-bottom:30px;}
.gallery-thumbs .swiper-slide {opacity:0.4;border-radius:8px;overflow:hidden;cursor:pointer;transition:opacity 0.3s ease;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;border:3px solid var(--tech-pink);}
.gallery-thumbs img {width:100%;height:100%;object-fit:cover;}
.swiper-button-next,.swiper-button-prev {background:rgba(255,255,255,0.9);width:50px;height:50px;border-radius:50%;color:var(--tech-pink);box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.swiper-button-next:after,.swiper-button-prev:after {font-size:20px;font-weight:bold;}
/* Content Card */
.content-card {background:white;border-radius:12px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);margin-bottom:30px;}
.content-meta {display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid #eee;}
.meta-item {display:flex;align-items:center;color:#666;font-size:14px;}
.meta-item i {color:var(--tech-pink);margin-right:8px;}
/* Tabs */
.nav-tabs-custom {border-bottom:2px solid #eee;margin-bottom:25px;}
.nav-tabs-custom .nav-link {border:none;color:#666;font-weight:500;padding:12px 25px;border-radius:8px 8px 0 0;margin-right:5px;transition:all 0.3s ease;}
.nav-tabs-custom .nav-link:hover {color:var(--tech-pink);background:rgba(255,42,109,0.05);}
.nav-tabs-custom .nav-link.active {color:var(--tech-pink);background:white;border-bottom:2px solid var(--tech-pink);}
.tab-content-custom {background:white;border-radius:0 12px 12px 12px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
/* Responsive */
@media (max-width:991.98px) {.hero-banner {padding:60px 0;}
    .display-4 {font-size:2.5rem;}
    .gallery-main {height:400px;}
}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .gallery-main {height:300px;}
    .gallery-thumbs {height:80px;}
    .content-card {padding:20px;}
    .content-meta {gap:10px;flex-direction:column;}
}
/* Job Detail Card */
.job-detail-card {background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);border-left:4px solid var(--tech-pink);}
.job-meta-list {list-style:none;padding:0;margin:25px 0;}
.job-meta-list li {display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f0f0f0;}
.job-meta-list li:last-child {border-bottom:none;}
.job-meta-list li span:first-child {font-weight:500;color:#555;}
.job-meta-list li span:last-child {color:var(--tech-pink);font-weight:500;}
/* Content Card */
.content-card {background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.post-meta {display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;color:#666;}
.post-meta span {display:flex;align-items:center;font-size:14px;}
.post-meta i {margin-right:8px;color:var(--tech-pink);}
/* Application Form */
.application-form {background:var(--tech-grey);border-radius:12px;padding:30px;margin-top:30px;}
.form-control-custom {border:1px solid #ddd;border-radius:8px;padding:12px 15px;transition:all 0.3s ease;}
.form-control-custom:focus {border-color:var(--tech-pink);box-shadow:0 0 0 0.25rem rgba(255,42,109,0.25);}
.btn-submit {background:var(--tech-pink);color:white;border:none;padding:12px 30px;border-radius:30px;font-weight:500;transition:all 0.3s ease;}
.btn-submit:hover {background:#e01e5a;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,42,109,0.3);}
.btn-apply {background:var(--tech-pink);color:white;border:none;padding:12px 40px;border-radius:30px;font-weight:500;font-size:1.1rem;transition:all 0.3s ease;text-decoration:none;display:inline-block;}
.btn-apply:hover {background:#e01e5a;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,42,109,0.4);}
/* Navigation Links */
.navigation-links {display:flex;justify-content:space-between;margin-top:40px;padding-top:30px;border-top:1px solid #eee;}
.nav-link-prev,.nav-link-next {display:inline-flex;align-items:center;color:#666;text-decoration:none;transition:all 0.3s ease;padding:10px 20px;border-radius:8px;background:var(--tech-grey);}
.nav-link-prev:hover,.nav-link-next:hover {color:var(--tech-pink);background:rgba(255,42,109,0.1);transform:translateY(-2px);}
/* Captcha */
.captcha-container {display:flex;align-items:center;gap:15px;margin-top:10px;}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .job-detail-card,.content-card {padding:20px;}
    .post-meta {gap:10px;flex-direction:column;}
    .navigation-links {flex-direction:column;gap:15px;}
    .captcha-container {flex-direction:column;align-items:flex-start;}
}
/* 产品详情区域 */        .product-detail-section {padding:80px 0;background-color:#fff;}
/* Swiper 轮播图样式修复 */        .product-gallery {position:relative;}
/* 主图Swiper容器 */        .swiper-main-container {width:100%;height:500px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);margin-bottom:15px;position:relative;}
/* 缩略图Swiper容器 */        .swiper-thumbs-container {width:100%;height:100px;padding:0 40px;/* 给左右导航按钮留出空间 */            position:relative;}
/* 缩略图导航按钮 */        .thumb-nav {position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:var(--tech-dark);box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.3s ease;}
.thumb-nav:hover {background:var(--tech-pink);color:white;box-shadow:0 4px 12px rgba(255,42,109,0.3);}
.thumb-prev {left:5px;}
.thumb-next {right:5px;}
.thumb-nav.disabled {opacity:0.3;cursor:not-allowed;}
/* 主图导航按钮 */
.main-nav {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:var(--tech-dark);box-shadow:0 3px 10px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.main-nav:hover {background:var(--tech-pink);color:white;box-shadow:0 5px 15px rgba(255,42,109,0.4);}
.main-prev {left:15px;}
.main-next {right:15px;}
.swiper-slide img {width:100%;height:100%;object-fit:cover;}
/* 缩略图样式 */
.swiper-thumbs .swiper-slide {opacity:0.5;cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all 0.3s ease;}
.swiper-thumbs .swiper-slide:hover {opacity:0.8;}
.swiper-thumbs .swiper-slide-thumb-active {opacity:1;border-color:var(--tech-pink);}
/* 产品信息 */
.product-info {padding-left:40px;}
.product-title {font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--tech-dark);}
.product-meta {display:flex;align-items:center;margin-bottom:25px;}
.product-price {font-size:2rem;font-weight:700;color:var(--tech-pink);margin:25px 0;}
.product-description {font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:30px;}
/* 参数表格 */
.specs-table {width:100%;border-collapse:collapse;}
.specs-table tr {border-bottom:1px solid #eee;}
.specs-table th {background-color:#f8f9fa;padding:15px 20px;text-align:left;font-weight:600;color:#333;width:30%;}
.specs-table td {padding:15px 20px;color:#666;}
/* 标签页 */
.product-tabs {margin-top:60px;}
.nav-tabs {border-bottom:2px solid #eee;}
.nav-tabs .nav-link {border:none;color:#666;font-weight:600;padding:15px 30px;margin-bottom:-2px;}
.nav-tabs .nav-link.active {color:var(--tech-pink);border-bottom:2px solid var(--tech-pink);background-color:transparent;}
.tab-content {padding:40px 0;}
.tab-content img {max-width:100%;height:auto;border-radius:10px;margin:20px 0;}
/* 分享按钮 */
.share-buttons a {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f8f9fa;color:#666;margin-right:10px;transition:all 0.3s;text-decoration:none;}
.share-buttons a:hover {background:var(--tech-pink);color:white;transform:translateY(-3px);}
/* 相关产品 */
.related-products {padding:80px 0;background-color:var(--tech-grey);}
.related-card {background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;overflow:hidden;margin-bottom:30px;}
.related-card:hover {transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.1);}
.related-image {height:200px;background-size:cover;background-position:center;}
.related-info {padding:20px;}
.related-price {font-size:1.2rem;font-weight:700;color:var(--tech-pink);margin:10px 0;}
/* 响应式调整 */
@media (max-width:1200px) {.swiper-main-container {height:450px;}
    .product-info {padding-left:30px;}
}
@media (max-width:992px) {.product-detail-section {padding:60px 0;}
    .product-info {padding-left:0;padding-top:40px;}
    .swiper-main-container {height:400px;}
    .swiper-thumbs-container {height:80px;}
}

@media (max-width:576px) {.swiper-main-container {height:300px;}
    .swiper-thumbs-container {height:60px;}
    .product-price {font-size:1.5rem;}
    .main-nav {width:35px;height:35px;}
    .main-prev {left:10px;}
    .main-next {right:10px;}
}
/* Tags Cloud */
.tags-container {background:white;border-radius:12px;padding:40px;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.tags-cloud {display:flex;flex-wrap:wrap;justify-content:center;gap:15px;list-style:none;padding:0;margin:0;}
.tag-item {margin:0;}
.tag-link {display:inline-block;padding:12px 25px;background:var(--tech-grey);color:#555;text-decoration:none;border-radius:30px;font-weight:500;transition:all 0.3s ease;border:2px solid transparent;}
.tag-link:hover {background:var(--tech-pink);color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,42,109,0.3);border-color:var(--tech-pink);}
.tag-link::before {content:'#';margin-right:5px;opacity:0.7;}
.tag-link:hover::before {opacity:1;}
/* Tag sizes for visual hierarchy */
.tag-size-1 {font-size:1rem;}
.tag-size-2 {font-size:1.1rem;}
.tag-size-3 {font-size:1.2rem;}
.tag-size-4 {font-size:1.3rem;}
.tag-size-5 {font-size:1.4rem;}
/* Tag colors */
.tag-color-1 {background:rgba(255,42,109,0.1);}
.tag-color-2 {background:rgba(0,210,255,0.1);}
.tag-color-3 {background:rgba(111,66,193,0.1);}
.tag-color-4 {background:rgba(255,193,7,0.1);}
.tag-color-5 {background:rgba(40,167,69,0.1);}
.tag-color-1:hover {background:var(--tech-pink);}
.tag-color-2:hover {background:var(--tech-blue);}
.tag-color-3:hover {background:#6f42c1;}
.tag-color-4:hover {background:#ffc107;}
.tag-color-5:hover {background:#28a745;}
/* Page Title */
.page-title {text-align:center;margin-bottom:40px;position:relative;}
.page-title:after {content:'';display:block;width:60px;height:3px;background:var(--tech-pink);margin:15px auto 0;border-radius:2px;}
/* Responsive */
@media (max-width:991.98px) {.hero-banner {padding:60px 0;}
    .display-4 {font-size:2.5rem;}
    .tags-container {padding:30px;}
}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .tags-container {padding:25px;}
    .tags-cloud {gap:10px;}
    .tag-link {padding:10px 20px;font-size:0.9rem;}
}
/* Tag Header */
.tag-header {background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);text-align:center;border-left:4px solid var(--tech-pink);}
.tag-title {display:inline-flex;align-items:center;background:rgba(255,42,109,0.1);padding:10px 25px;border-radius:30px;margin-bottom:20px;}
.tag-title:before {content:'#';margin-right:8px;color:var(--tech-pink);font-weight:bold;font-size:1.2em;}
/* Sidebar */
.sidebar-card {background:white;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);border-top:4px solid var(--tech-pink);}
.sidebar-title {color:var(--tech-dark);font-weight:700;margin-bottom:20px;position:relative;padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;}
.sidebar-title:after {content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--tech-pink);}
.tags-list {list-style:none;padding:0;margin:0;}
.tags-list li {margin-bottom:10px;}
.tags-list a {display:block;padding:12px 15px;background:var(--tech-grey);border-radius:8px;color:#555;text-decoration:none;transition:all 0.3s ease;border-left:3px solid transparent;}
.tags-list a:hover {background:rgba(255,42,109,0.1);color:var(--tech-pink);border-left:3px solid var(--tech-pink);transform:translateX(5px);}
/* Article Cards */
.article-card {display:flex;background:white;border-radius:12px;overflow:hidden;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s ease;}
.article-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.article-img {width:35%;height:250px;object-fit:cover;flex-shrink:0;}
.article-content {padding:30px;flex:1;display:flex;flex-direction:column;}
.article-meta {display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;color:#666;font-size:14px;}
.article-meta span {display:flex;align-items:center;}
.article-meta i {margin-right:8px;color:var(--tech-pink);}
.article-desc {color:#666;margin-bottom:20px;flex-grow:1;line-height:1.6;}
.read-more {display:inline-flex;align-items:center;color:var(--tech-pink);text-decoration:none;font-weight:500;transition:all 0.3s ease;}
.read-more:hover {color:#e01e5a;transform:translateX(5px);}
.read-more i {margin-left:8px;transition:transform 0.3s ease;}
/* Responsive */
@media (max-width:991.98px) {.hero-banner {padding:60px 0;}
    .display-4 {font-size:2.5rem;}
    .article-card {flex-direction:column;}
    .article-img {width:100%;height:200px;}
    .article-content {padding:20px;}
}
@media (max-width:767.98px) {.hero-banner {padding:50px 0;}
    .display-4 {font-size:2rem;}
    .tag-header {padding:20px;}
    .sidebar-card {margin-bottom:30px;}
}

.scroll-top {position:fixed;visibility:hidden;opacity:0;z-index:1001;background-color:var(--accent-color);width:40px;height:40px;border-radius:4px;transition:all 0.4s;}
.scroll-top i {font-size:24px;color:var(--contrast-color);line-height:0;}
.scroll-top:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color);}
.scroll-top.active {visibility:visible;opacity:1;}

/* customer-service */
.customer-services {position:fixed;right:10px;bottom:30px;display:flex;flex-direction:column;gap:15px;z-index:1000;}
.customer-services a:hover{ color: #ffffff;}
.customer-service {display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-size:28px;color:white;text-decoration:none;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:all 0.3s ease;position:relative;overflow:hidden;}
.customer-service:hover {transform:translateY(-5px);}
.customer-service::before {
    content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform-origin:center center;animation:scan 3s linear infinite;opacity:0.7;z-index:1;
}
@media (max-width:768px) {
    .customer-services {right:20px;bottom:20px;}
    .customer-service {width:50px;height:50px;font-size:24px;}
}
@keyframes scan {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes pulse {
    0% {opacity:0.7;}
    50% {opacity:1;}
    100% {opacity:0.7;}
}
#scroll-top {background:#c62232;/* WhatsApp 绿色 */}
#scroll-top:hover {background:var(--accent-color);}
/* WhatsApp*/
#whatsapp-icon {background:#c62232;/* WhatsApp 绿色 */}
#whatsapp-icon:hover {background:var(--accent-color);}
/* submit */
#chat-icon {background:#c62232;}
#chat-icon:hover {background:var(--accent-color);}
/* Qrcode */
.qr-popup {position:absolute;bottom:70px;right:0;width:180px;padding:15px;background:white;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.3);display:none;flex-direction:column;align-items:center;z-index:1001;}
.qr-popup::after {content:'';position:absolute;bottom:-10px;right:20px;border-width:10px 10px 0;border-style:solid;border-color:white transparent transparent;}
.qr-code {width:150px;height:150px;background:url('../images/whatsapp.jpg');background-size: cover;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:5px;color:white;font-weight:bold;}
.qr-text {color:#333;font-size:0.9rem;text-align:center;line-height:1.4;}
/* Chat Window */
.chat-popup {position:fixed;bottom:100px;right:30px;width:320px;background:white;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.3);transform:scale(0);transform-origin:bottom right;transition:transform 0.4s ease;z-index:1001;overflow:hidden;}
.chat-popup.active {transform:scale(1);}
.chat-header {background:linear-gradient(to right,#FF416C,#FF4B2B);color:white;padding:20px;text-align:center;font-size:1.3rem;font-weight:bold;position:relative;}
.chat-body {padding:20px;}
.chat-body p {color:#555;margin-bottom:20px;text-align:center;}
.form-group {margin-bottom:15px;}
.form-group label {display:block;margin-bottom:5px;color:#555;font-weight:500;}
.form-group input,.form-group textarea {width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color 0.3s;}
.form-group input:focus,.form-group textarea:focus {border-color:#FF416C;outline:none;box-shadow:0 0 0 3px rgba(255,65,108,0.2);}
.form-group textarea {height:100px;resize:vertical;}
.submit-btn {background:linear-gradient(to right,#FF416C,#FF4B2B);color:white;border:none;padding:14px;width:100%;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;}
.submit-btn:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,75,43,0.4);}
.chat-close {position:absolute;top:10px;right:15px;color:white;background:rgba(0,0,0,0.2);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s;}
.chat-close:hover {background:rgba(0,0,0,0.4);}

/*pagination*/
.pagination-block {margin:30px 0;padding:20px;background:#f9f9f9;border-radius:10px;text-align:center;}
.pagination {justify-content:center;}
.pagination li a,.pagination li span {color:#e96308;border:1px solid #f0b387;padding:8px 14px;margin:0 3px;border-radius:6px;text-decoration:none;display:inline-block;transition:all .25s;background:#fff;}
.pagination li a:hover {color:#fff;background:#e96308;border-color:#e96308;}
.pagination li.active span {background:#e96308;border-color:#e96308;color:#fff;}
.pagination li.disabled span {color:#adb5bd;border-color:#dee2e6;background:#f8f9fa;}
.pagination_info {margin-top:12px;color:#6c757d;font-size:14px;}
@media (max-width:576px) {.pagination li a,.pagination li span {padding:6px 10px;font-size:13px;margin:2px;}
}

.faq-container {margin:0 auto 60px;}
.faq-item {background:white;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow);transition:all 0.3s ease;border:1px solid var(--border-color);}
.faq-item:hover {box-shadow:0 8px 25px rgba(217,84,51,0.15);transform:translateY(-3px);}
.faq-header {padding:22px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:white;border:none;width:100%;text-align:left;transition:background 0.2s ease;}
.faq-header:not(.collapsed) {background-color:rgba(217,84,51,0.05);}
.faq-header:hover {background-color:rgba(217,84,51,0.08);}
.faq-title {font-weight:600;font-size:1.15rem;color:#2c3e50;margin:0;padding-right:20px;}
.faq-icon {font-size:1.4rem;color:var(--primary-color);transition:transform 0.3s ease;flex-shrink:0;}
.faq-header:not(.collapsed) .faq-icon {transform:rotate(180deg);color:var(--secondary-color);}
.faq-content {padding:0 25px;}
.faq-body {padding:20px 0 30px;color:#555;line-height:1.7;border-top:1px solid var(--border-color);}
.badge {background:var(--primary-color);padding:5px 10px;border-radius:20px;font-weight:500;margin-right:15px;}
@media (max-width:768px) {.faq-header {padding:18px 20px;}
    .faq-title {font-size:1.05rem;}
    .badge {margin-right:10px;padding:4px 8px;}
}