/*************全局样式*************/
* {margin: 0;padding: 0;box-sizing: border-box}
:root {
    /* 灰度色阶 */
    --accent-white: #F8F8F8;
    --border-color: #3A3A3A;
    --dark-gray: #2D2D2D;
    --light-gray: #7A7A7A;
    --lightest-gray: #E0E0E0;
    --medium-gray: #4A4A4A;
    --primary-black: #121212;
    --pure-white: #FFFFFF;
    --secondary-black: #1E1E1E;
    /* 强调色 */
    --accent-color: #4A9EFF;
    --brand-primary: #C8A876;
    --lab-blue: #4A90E2;
    --lab-gold: #F1C40F;
    --lab-green: #27AE60;
    --lab-purple: #8E44AD;
    --product-accent: #8E44AD;
    --lab-teal: #1ABC9C;
}
/*************基础样式*************/
body {font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;line-height: 1.6;color: var(--lightest-gray);background-color: var(--primary-black);overflow-x: hidden}
.container {max-width: 1200px;margin: 0 auto;padding: 0 20px}
/*************顶部导航栏*************/
header {background-color: rgba(18, 18, 18, 0.95);backdrop-filter: blur(10px);position: fixed;top: 0;width: 100%;z-index: 1000;border-bottom: 1px solid var(--border-color)}
.header-container {display: flex;justify-content: space-between;align-items: center;padding: 15px 0;position: relative}
.logo {display: flex;align-items: center;gap: 12px;z-index: 1002}
.logo-icon {width: 40px;height: 40px;background: linear-gradient(135deg, #333, #000);border-radius: 8px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--light-gray)}
.logo-text {font-size: 1.8rem;font-weight: 300;letter-spacing: 2px;color: var(--pure-white)}
.logo-text span {font-weight: 600}
.logo-text sup {font-size: 16px}
/*桌面端导航菜单*/
.desktop-nav ul {display: flex;list-style: none;gap: 30px}
.desktop-nav a {color: var(--lightest-gray);text-decoration: none;font-size: 0.95rem;font-weight: 500;letter-spacing: 0.5px;text-transform: uppercase;transition: color 0.3s;position: relative;padding: 5px 0}
.desktop-nav a:hover {color: var(--brand-primary)}
.desktop-nav a.active {color: var(--brand-primary)}
.desktop-nav a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 1px;background-color: var(--brand-primary);transition: width 0.3s}
.desktop-nav a:hover::after, .desktop-nav a.active::after {width: 100%}
/*移动菜单*/
.mobile-menu-btn {display: none;background: none;border: none;color: var(--lightest-gray);font-size: 1.5rem;cursor: pointer;z-index: 1002;width: 40px;height: 40px;justify-content: center;align-items: center}
.mobile-nav {position: fixed;top: 0;left: -100%;width: 80%;max-width: 300px;height: 100vh;background-color: var(--primary-black);z-index: 1001;transition: left .3s ease;padding-top: 100px;border-right: 1px solid var(--border-color);overflow-y: auto}
.mobile-nav.active {left: 0}
.mobile-nav ul {list-style: none;padding: 0 30px}
.mobile-nav li {margin-bottom: 20px}
.mobile-nav a {color: var(--lightest-gray);text-decoration: none;font-size: 1.1rem;font-weight: 500;letter-spacing: .5px;text-transform: uppercase;display: block;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, .1)}
.mobile-nav a:hover {color: var(--pure-white)}
.mobile-nav-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);z-index: 1000}
.mobile-nav-overlay.active {display: block}
.header-actions {display: flex;gap: 20px}
.btn-outline {padding: 10px 20px;border: 1px solid var(--light-gray);background: transparent;color: var(--lightest-gray);font-size: .9rem;cursor: pointer;transition: all .3s;text-transform: uppercase;letter-spacing: 1px}
.btn-outline:hover {border-color: var(--pure-white);color: var(--pure-white)}
/*************页脚*************/
footer {background-color: var(--secondary-black);padding: 60px 0 30px;border-top: 1px solid var(--border-color)}
.footer-content {display: grid;grid-template-columns:repeat(4, 1fr);gap: 40px;margin-bottom: 50px}
.footer-column h4 {font-size: 1.1rem;color: var(--pure-white);margin-bottom: 20px;text-transform: uppercase;letter-spacing: 1px}
.footer-column ul {list-style: none}
.footer-column ul li {margin-bottom: 12px}
.footer-column ul li a {color: var(--light-gray);text-decoration: none;font-size: .9rem;transition: color .3s}
.footer-column ul li a:hover {color: var(--pure-white)}
.footer-bottom {text-align: center;padding-top: 30px;border-top: 1px solid var(--border-color);color: var(--light-gray);font-size: .9rem}
/*************英雄区域*************/
.hero3 {height: 54vh;background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .9)), url('../images/4.jpg');background-size: cover;background-position: center;display: flex;align-items: center;margin-top: 77px}
.hero5 {height: 54vh;background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .9)), url('../images/5.png');background-size: cover;background-position: center;display: flex;align-items: center;margin-top: 77px}
.hero {height: 54vh;background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .9)), url('../images/1.jpg');background-size: cover;background-position: center;display: flex;align-items: center;margin-top: 77px}
.hero-content {max-width: 700px;}
.hero-subtitle {font-size: 1rem;letter-spacing: 3px;text-transform: uppercase;color: var(--light-gray);margin-bottom: 10px;animation: fadeInUp 0.8s ease;}
.hero-title {font-size: 3rem;font-weight: 300;line-height: 1.2;color: var(--pure-white);margin-bottom: 25px;animation: fadeInUp 0.8s ease 0.2s both;}
.hero-title span {font-weight: 600;display: block;color: var(--accent-color);}
.hero-description {font-size: 1.1rem;line-height: 1.8;color: var(--lightest-gray);margin-bottom: 40px;max-width: 600px;animation: fadeInUp 0.8s ease 0.4s both;}
.btn-primary {text-decoration: none;padding: 10px 15px;background-color: var(--lab-blue);border-color: var(--lab-blue);color: var(--pure-white);border: none;font-size: .95rem;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;transition: all .3s;margin-right: 15px;display: inline-block;}
.btn-primary:hover {background-color: #3A7BC8;border-color: #3A7BC8}
/*************轮播图样式*************/
.carousel-banner {position: relative;overflow: hidden;margin-top: 0;}
.carousel-track {display: flex;transition: transform 0.5s ease-in-out;}
.carousel-slide {flex: 0 0 100%;height: 60vh;position: relative;}
.slide-background {position: absolute;top: 0;left: 0;width: 100%;height: 60vh;background-size: cover;background-position: center;background-repeat: no-repeat;}
.slide-background::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 60vh;background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));}
.carousel-slide .container {position: relative;z-index: 2;height: 60vh;display: flex;justify-content: center;align-items: center;}
/* 轮播导航按钮 */
.carousel-nav {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);display: flex;justify-content: space-between;padding: 0 10px;z-index: 10;}
.carousel-prev, .carousel-next {background: rgba(30, 30, 30, 0.7);border: 1px solid var(--border-color);color: var(--lightest-gray);width: 50px;height: 50px;border-radius: 50%;cursor: pointer;font-size: 1.2rem;transition: all 0.3s;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(5px);}
.carousel-prev:hover, .carousel-next:hover {background: var(--pure-white);color: var(--primary-black);border-color: var(--pure-white);transform: scale(1.1);}
/* 轮播指示点 */
.carousel-dots {position: absolute;bottom: 10px;left: 0;right: 0;display: flex;justify-content: center;gap: 10px;z-index: 10;}
.carousel-dot {width: 12px;height: 12px;border-radius: 50%;background: var(--light-gray);cursor: pointer;transition: all 0.3s;border: 1px solid transparent;}
.carousel-dot.active {background: var(--pure-white);transform: scale(1.2);}
.carousel-dot:hover {border-color: var(--pure-white);}
/* 自动轮播控制 */
.carousel-controls {position: absolute;bottom: 70px;right: 20px;z-index: 10;display: flex;align-items: center;gap: 10px;}
.auto-play-toggle {background: rgba(30, 30, 30, 0.7);border: 1px solid var(--border-color);color: var(--lightest-gray);padding: 8px 15px;border-radius: 20px;cursor: pointer;font-size: 0.9rem;transition: all 0.3s;backdrop-filter: blur(5px);}
.auto-play-toggle:hover {background: var(--pure-white);color: var(--primary-black);}
.slide-counter {font-size: 0.9rem;color: var(--lightest-gray);background: rgba(30, 30, 30, 0.7);padding: 5px 10px;border-radius: 15px;backdrop-filter: blur(5px);}
/* 响应式设计 */
@media (max-width: 768px) {
    .carousel-banner {
        height: 65vh;
    }
    .hero {
        margin-top: 95px;
    }
    .hero-title {
        font-size: 2.2rem;
    }
    .carousel-nav {
        padding: 0 10px;
    }
    .carousel-prev, .carousel-next {
        width: 40px;
        height: 40px;
    }
    .hero-description {
        font-size: 1rem;
    }
}
/*************实验室理念*************/
.lab-philosophy {padding: 50px 0;background-color: var(--secondary-black)}
.section-title {font-size: 2.2rem;font-weight: 300;color: var(--pure-white);margin-bottom: 10px;text-align: center;letter-spacing: 1px;padding-bottom: 10px;border-bottom: 1px solid var(--border-color);position: relative;}
.section-title::after {content: '';font-weight: 300;position: absolute;bottom: -1px;left: 0;width: 60px;height: 2px;background-color: var(--pure-white)}
.section-subtitle {font-size: 1rem;color: var(--light-gray);text-transform: uppercase;letter-spacing: 2px;text-align: center;margin-bottom: 40px;}
.philosophy-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap: 40px;margin-top: 50px}
.philosophy-card {padding: 40px 30px;border: 1px solid var(--border-color);transition: all .3s;position: relative}
.philosophy-card:hover {border-color: var(--light-gray);transform: translateY(-5px)}
.philosophy-icon i {font-size: 1.5rem;color: var(--pure-white)}
.philosophy-card h3 {font-size: 1.3rem;color: var(--pure-white);margin-bottom: 15px}
.philosophy-card p {color: var(--light-gray);font-size: .95rem;line-height: 1.7}
/*************科学研究*************/
.research {padding: 50px 0;background-color: var(--secondary-black)}
.research-container {display: grid;grid-template-columns:1fr 1fr;gap: 60px;align-items: center}
.research-visual {position: relative}
.research-visual-inner {height: 400px;background-color: var(--dark-gray);border: 1px solid var(--border-color);position: relative;overflow: hidden}
.research-visual-inner::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, .05) 50%, transparent 60%);animation: shine 3s infinite}
.research-visual-inner img {width: 100%;height: 100%}
@keyframes shine {
    0% {left: -100%}
    100% {left: 100%}
}
.research-content h3 {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 20px}
.research-content p {color: var(--light-gray);margin-bottom: 20px;line-height: 1.7}
.research-stats {display: grid;grid-template-columns:repeat(3, 1fr);gap: 20px;margin-top: 40px}
.stat-item {text-align: center;padding: 20px;border: 1px solid var(--border-color)}
.stat-number {font-size: 2.2rem;font-weight: 300;color: var(--pure-white);margin-bottom: 5px}
.stat-label {font-size: .9rem;color: var(--light-gray);text-transform: uppercase;letter-spacing: 1px}
/*************安全与功效*************/
.clinical {padding: 50px 0;background-color: var(--primary-black)}
.clinical-container {display: grid;grid-template-columns:1fr 1fr;gap: 60px;align-items: center}
.clinical-image {height: 400px;background-color: var(--dark-gray);border: 1px solid var(--border-color);position: relative;display: flex;align-items: center;justify-content: center}
.clinical-content h3 {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 20px}
.clinical-content p {color: var(--light-gray);margin-bottom: 20px;line-height: 1.7}
.clinical-image img {width: 100%;height: 100%}
.clinical-list {list-style: none;margin-top: 30px}
.clinical-list li {color: var(--lightest-gray);margin-bottom: 10px;display: flex;align-items: flex-start}
.clinical-list li:before {content: '✓';color: var(--lab-green);margin-right: 10px;font-weight: bold}
/* 响应式设计 */
@media (max-width: 992px) {
    .research-container, .clinical-container, .about-container {grid-template-columns:1fr}
    .footer-content {grid-template-columns:repeat(2, 1fr)}
    .hero-title {font-size: 2.8rem}
    .header-actions {display: none}
}
@media (max-width: 768px) {
    .desktop-nav {display: none}
    .mobile-menu-btn {display: flex}
    .hero-title {font-size: 2.2rem}
    .philosophy-grid {grid-template-columns:1fr}
    .product-grid {grid-template-columns:1fr}
    .research-stats {grid-template-columns:1fr}
    .cases-grid {grid-template-columns:1fr}
    .footer-content {grid-template-columns:1fr}
}
@media (min-width: 769px) {
    .mobile-nav, .mobile-nav-overlay {display: none !important}
}
/****************************************************产品系列****************************************************/
.main-filters {padding: 100px 0 10px 0;background-color: var(--secondary-black)}
.filters-title {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 20px;text-transform: uppercase;letter-spacing: 1px}
.filters-container {display: flex;flex-wrap: wrap;gap: 30px;margin-bottom: 30px}
.filter-group {flex: 1;min-width: 250px}
.filter-title {font-size: 0.9rem;color: var(--light-gray);margin-bottom: 12px;text-transform: uppercase;letter-spacing: 1px}
.filter-options {display: flex;flex-wrap: wrap;gap: 10px}
.filter-option {padding: 8px 16px;background-color: transparent;border: 1px solid var(--border-color);color: var(--lightest-gray);cursor: pointer;transition: all 0.3s;font-size: 0.85rem;border-radius: 4px;text-decoration: none;}
.filter-option:hover, .filter-option.active {background-color: var(--brand-primary);color: var(--primary-black);border-color: var(--brand-primary)}
.search-container {display: flex;align-items: center;gap: 15px}
.search-box {position: relative;flex: 1}
.search-input {width: 100%;padding: 12px 15px 12px 40px;background-color: var(--dark-gray);border: 1px solid var(--border-color);color: var(--lightest-gray);font-size: 0.9rem}
.search-icon {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: var(--light-gray)}
.sort-select {padding: 12px 15px;background-color: var(--dark-gray);border: 1px solid var(--border-color);color: var(--lightest-gray);min-width: 180px}
.results-info {color: var(--light-gray);font-size: 0.9rem;margin-top: 20px}
/* 产品网格 */
.products-listing {padding: 40px 0 80px;background-color: var(--primary-black)}
.products-grid {display: grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap: 30px;margin-top: 30px}
.product-card {background-color: var(--secondary-black);border: 1px solid var(--border-color);transition: all 0.3s;overflow: hidden;position: relative;text-decoration: none;}
.product-card:hover {transform: translateY(-5px);border-color: var(--brand-primary);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}
.product-image {height: 200px;background-color: var(--dark-gray);display: flex;align-items: center;justify-content: center;position: relative}
.product-image img {width: 200px;height: 200px;border: 1px solid var(--border-color)}
.product-badge {position: absolute;top: 15px;right: 15px;background-color: var(--brand-primary);color: var(--primary-black);padding: 5px 10px;font-size: 0.7rem;font-weight: 600;letter-spacing: 1px;border-radius: 3px}
.product-content {padding: 10px}
.product-name {font-size: 1.1rem;color: var(--pure-white);margin-bottom: 10px;line-height: 1.3}
.product-description {
    font-size: 0.85rem;
    color: var(--light-gray);
    line-height: 1.5;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-price {font-size: 1.2rem;color: var(--brand-primary);margin-bottom: 15px;font-weight: 600}
.product-features {list-style: none;margin-bottom: 15px}
.product-features li {color: var(--lightest-gray);font-size: 0.8rem;margin-bottom: 5px;display: flex;align-items: center}
.product-features li:before {content: '•';color: var(--brand-primary);margin-right: 8px}
.product-actions {display: flex;justify-content: space-between;align-items: center}
.view-details {color: var(--light-gray);text-decoration: none;font-size: 0.8rem;transition: color 0.3s}
.view-details:hover {color: var(--brand-primary)}
/* 分页 */
.pagination {display: flex;justify-content: center;margin-top: 50px;gap: 10px}
.page-btn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--secondary-black);border: 1px solid var(--border-color);color: var(--lightest-gray);cursor: pointer;transition: all 0.3s;text-decoration: none;}
.page-btn:hover, .page-btn.active {background-color: var(--brand-primary);color: var(--primary-black);border-color: var(--brand-primary)}
/* 面包屑样式 */
.breadcrumb-section {padding: 15px 0;margin-top: 78px;background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), var(--secondary-black);}
.breadcrumb {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}
.breadcrumb-item {color: var(--light-gray);font-size: 0.9rem;letter-spacing: 0.5px;}
.breadcrumb-item a {color: var(--lightest-gray);text-decoration: none;transition: color 0.3s;}
.breadcrumb-item a:hover {color: var(--product-accent);}
.breadcrumb-item.active {color: var(--light-gray);font-weight: 500;text-decoration: none;}
/* 产品展示区域 */
.product-hero {background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), var(--secondary-black);}
.product-hero-container {display: grid;grid-template-columns:1fr 1fr;gap: 60px;}
.product-image-container {margin: 0 auto;}
.product-main-image {width: 100%;max-width: 400px;height: 400px;object-fit: contain;border: 1px solid var(--border-color);background-color: var(--dark-gray);display: flex;align-items: center;justify-content: center;font-size: 5rem;color: var(--light-gray)}
.product-main-image img {width: 100%;max-width: 400px;height: 400px;border: 1px solid var(--border-color)}
.product-info {padding: 15px 0}
.product-category {font-size: 0.9rem;color: var(--light-gray);text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px}
.product-title {font-size: 2.5rem;font-weight: 300;color: var(--pure-white);margin-bottom: 15px;line-height: 1.2}
.product-subtitle {font-size: 1.1rem;color: var(--light-gray);margin-bottom: 25px;line-height: 1.6}
.product-specs {display: grid;gap: 15px;margin-bottom: 30px}
.spec-item {display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid var(--border-color)}
.spec-label {color: var(--light-gray)}
.spec-value {color: var(--lightest-gray);font-weight: 500}
.product-actions {display: flex;gap: 15px;margin-bottom: 30px}
.taobao-link {padding: 15px 30px;background-color: var(--product-accent);color: var(--pure-white);border: none;font-size: 1rem;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;transition: all 0.3s;flex: 1;text-align: center;text-decoration: none;display: inline-block;width: 100%;}
.taobao-link:hover {transform: translateY(-2px);color: var(--pure-white)}
.taobao-link i {margin-right: 8px}
.product-image-gallery {display: flex;flex-direction: column;gap: 20px;margin-top: 20px;}
.gallery-main {position: relative;width: 100%;aspect-ratio: 1/1;overflow: hidden;border: 1px solid var(--border-color);background-color: var(--dark-gray);}
.gallery-main span {position: absolute; color: #7A7A7A; z-index: 1000; text-align: right; bottom: 0; right: 0;padding: 0 3px 0 3px;}
.main-image {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.gallery-thumbnails {display: grid;grid-template-columns: repeat(5, 1fr);gap: 10px;margin-bottom: 20px;}
.thumbnail {width: 100%;aspect-ratio: 1/1;object-fit: cover;border: 1px solid var(--border-color);cursor: pointer;transition: all 0.3s ease;background-color: var(--dark-gray);padding: 5px;}
.thumbnail:hover, .thumbnail.active {border-color: var(--lab-purple);transform: translateY(-2px);}
/* 产品详情区域 */
.product-details {padding: 80px 0;background-color: var(--secondary-black)}
.detail-content {max-width: 800px;margin: 0 auto}
.detail-content h3 {font-size: 1.5rem;color: var(--pure-white);margin: 30px 0 15px;padding-bottom: 10px;border-bottom: 1px solid var(--border-color)}
.detail-content p {color: var(--light-gray);line-height: 1.7;margin-bottom: 20px}
.detail-content ul {list-style: none;margin: 20px 0}
.detail-content ul li {color: var(--lightest-gray);margin-bottom: 10px;padding-left: 20px;position: relative}
.detail-content ul li:before {content: '•';color: var(--product-accent);position: absolute;left: 0}
.detail-content img {width: 100%;margin: 0 auto}
.tech-features {display: grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin: 40px 0}
.tech-card {padding: 30px;border: 1px solid var(--border-color);text-align: center;transition: all 0.3s}
.tech-card:hover {border-color: var(--light-gray);transform: translateY(-5px)}
.tech-icon {width: 60px;height: 60px;margin: 0 auto 20px;background-color: var(--dark-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center}
.tech-icon i {font-size: 1.5rem;color: var(--product-accent)}
.tech-card h4 {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 15px}
.tech-card p {color: var(--light-gray);font-size: 0.95rem}
.image-comparison {display: grid;grid-template-columns:1fr 1fr;gap: 20px;margin: 40px 0}
.comparison-item {text-align: center}
.comparison-image {width: 100%;max-width: 300px;height: 300px;object-fit: contain;border: 1px solid var(--border-color);background-color: var(--dark-gray);display: flex;align-items: center;justify-content: center;color: var(--light-gray);margin: 0 auto}
.comparison-label {margin-top: 10px;font-size: 0.9rem;color: var(--light-gray);text-transform: uppercase;letter-spacing: 1px}
/* 购买渠道选择模态框样式 */
.purchase-modal {display: none;position: fixed;z-index: 2000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);}
.modal-content {background-color: var(--secondary-black);margin: 5% auto;padding: 0;border: 1px solid var(--border-color);width: 90%;max-width: 500px;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);animation: modalFadeIn 0.3s;}
@keyframes modalFadeIn {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
}
.modal-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid var(--border-color);}
.modal-header h3 {color: var(--pure-white);font-size: 1.3rem;font-weight: 500;}
.modal-close {color: var(--light-gray);font-size: 1.5rem;cursor: pointer;transition: color 0.3s;}
.modal-close:hover {color: var(--pure-white);}
.modal-body {padding: 20px;}
.platform-options {display: flex;flex-direction: column;gap: 15px;}
.platform-option {display: flex;align-items: center;padding: 15px;border: 1px solid var(--border-color);border-radius: 6px;cursor: pointer;transition: all 0.3s;background-color: var(--dark-gray);text-decoration: none;}
.platform-option:hover {border-color: var(--product-accent);transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.platform-icon {width: 50px;height: 50px;background-color: var(--medium-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.platform-icon i {font-size: 1.5rem;color: var(--product-accent);}
.platform-info h4 {color: var(--pure-white);margin-bottom: 5px;font-size: 1.1rem;}
.platform-info p {color: var(--light-gray);font-size: 0.9rem;}
.modal-footer {padding: 15px 20px;border-top: 1px solid var(--border-color);text-align: right;}
.btn-cancel {padding: 8px 20px;background-color: transparent;border: 1px solid var(--light-gray);color: var(--lightest-gray);cursor: pointer;border-radius: 4px;transition: all 0.3s;}
.btn-cancel:hover {border-color: var(--pure-white);color: var(--pure-white);}
/* 线下购买链接样式调整 */
.offline-purchase-link {border-color: var(--light-gray);background-color: transparent;color: var(--lightest-gray);text-align: center;text-decoration: none;display: inline-block;}
.offline-purchase-link:hover {border-color: var(--pure-white);color: var(--pure-white);}
/* 响应式设计 */
@media (max-width: 992px) {
    .product-hero-container {grid-template-columns:1fr;gap: 20px}
    .footer-content {grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 768px) {
    .desktop-nav {display: none}
    .product-title {font-size: 2rem}
    .product-actions {flex-direction: column}
    .image-comparison {grid-template-columns:1fr}
    .footer-content {grid-template-columns:1fr}
    .product-specs {grid-template-columns:1fr}
}
/****************************************************科学研究****************************************************/
/*科学委员会列表*/
.expert-section {padding: 50px 0;background-color: var(--secondary-black)}
.expert-container {display: grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap: 40px;margin-top: 50px}
.expert-card {background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 30px;border-radius: 12px;transition: all 0.3s ease;display: flex;flex-direction: column;height: 100%;text-decoration: none}
.expert-card:hover {border-color: var(--lab-blue);transform: translateY(-5px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3)}
.expert-avatar {width: 120px;height: 120px;border-radius: 50%;margin: 0 auto 25px;overflow: hidden;background: linear-gradient(135deg, #2C3E50, #4A9FFF);display: flex;align-items: center;justify-content: center;color: white;font-size: 2.5rem;font-weight: bold}
.avatar-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}
.avatar-placeholder img {width: 100%}
.expert-name {font-size: 1.5rem;color: var(--pure-white);margin-bottom: 8px;text-align: center}
.expert-list-title {font-size: 1rem;margin-bottom: 20px;text-align: center;font-weight: 500;line-height: 1.4;color: var(--light-gray);}
.expert-bio {color: var(--lightest-gray);font-size: 0.95rem;line-height: 1.7;margin-bottom: 5px;text-align: justify;flex-grow: 1}
.expert-tags {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px}
.tag {background-color: rgba(74, 159, 255, 0.1);color: var(--lab-blue);padding: 4px 12px;border-radius: 20px;font-size: 0.8rem;border: 1px solid rgba(74, 159, 255, 0.3)}
.expert-contact {display: flex;flex-direction: column;gap: 12px;margin-top: auto;padding-top: 20px;border-top: 1px solid var(--border-color)}
.contact-item {color: var(--lab-blue);font-size: 0.9rem;text-decoration: none;transition: all 0.3s;display: flex;align-items: center}
.contact-item:hover {color: var(--pure-white);transform: translateX(5px)}
.contact-icon {margin-right: 10px;color: var(--lab-green);width: 20px;text-align: center}
/* 响应式调整 */
@media (max-width: 768px) {
    .expert-container {grid-template-columns:1fr;gap: 30px}
    .section-title {font-size: 2.2rem}
    .nav-links {display: none; /* 简化响应式，实际项目应有移动端菜单 */}
}
/*科学委员会详情页*/
.expert-detail {padding-top: 200px;min-height: 100vh}
.expert-header {display: grid;grid-template-columns:300px 1fr;gap: 60px;margin-bottom: 80px}
.expert-image {height: 300px;background-color: var(--dark-gray);border: 1px solid var(--border-color);display: flex;align-items: center;justify-content: center;position: relative}
.expert-image-placeholder {font-size: 5rem;color: var(--light-gray)}
.expert-image-placeholder img {width: 100%}
.expert-basic-info h1 {font-size: 2.5rem;color: var(--pure-white);margin-bottom: 10px}
.expert-title {font-size: 1.2rem;color: var(--light-gray);margin-bottom: 20px;text-transform: uppercase;letter-spacing: 1px}
.expert-tags {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 30px}
.expert-tag {padding: 5px 15px;background-color: transparent;border: 1px solid var(--light-gray);color: var(--light-gray);font-size: .8rem;letter-spacing: 1px}
.expert-intro {font-size: 1.1rem;line-height: 1.8;color: var(--lightest-gray);margin-bottom: 30px}
.expert-contact {display: flex;gap: 20px}
.contact-item {display: flex;align-items: center;gap: 10px;color: var(--light-gray)}
.content-section {margin-bottom: 80px}
.education-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;}
.education-item {padding: 20px;border-radius: 8px;background-color: transparent;border: 1px solid var(--light-gray);transition: all .3s;}
.education-period {font-weight: bold;color: #4A6FA5;margin-bottom: 5px;}
.education-degree {font-size: 18px;font-weight: 500;margin-bottom: 5px;}
.education-institution {color: #666;}
.experience-timeline {position: relative;padding-left: 30px}
.experience-timeline::before {content: '';position: absolute;top: 0;left: 10px;width: 2px;height: 100%;background-color: var(--border-color)}
.experience-item {position: relative;padding: 0 0 20px 5px}
.experience-item:last-child {padding-bottom: 0}
.experience-item::before {content: '';position: absolute;top: 5px;left: -25px;width: 12px;height: 12px;border-radius: 50%;background-color: var(--pure-white);z-index: 1}
.experience-period {font-size: .9rem;color: var(--light-gray);margin-bottom: 10px;text-transform: uppercase;letter-spacing: 1px}
.experience-position {font_size: 1.2rem;color: var(--pure-white);margin-bottom: 5px}
.experience-organization {font-size: 1rem;color: var(--lightest-gray);margin-bottom: 5px}
.experience-description {font-size: .95rem;line-height: 1.7;color: var(--light-gray)}
.research-areas {display: grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap: 30px}
.research-area {padding: 25px;border: 1px solid var(--border-color);transition: all .3s}
.research-area:hover {border-color: var(--light-gray);transform: translateY(-5px)}
.research-area h3 {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 15px}
.research-area p {font-size: .95rem;line-height: 1.7;color: var(--light-gray)}
.publications-grid {display: grid;gap: 20px}
.publication-item {padding: 20px;border: 1px solid var(--border-color);transition: all .3s}
.publication-item:hover {border-color: var(--light-gray)}
.publication-title {font-size: 1.1rem;color: var(--pure-white);margin-bottom: 10px}
.publication-authors {font-size: .9rem;color: var(--light-gray);margin-bottom: 5px}
.publication-journal {font-size: .9rem;color: var(--lightest-gray);font-style: italic;margin-bottom: 5px}
.publication-year {font-size: .85rem;color: var(--light-gray)}
.affiliations-list {display: grid;gap: 15px}
.affiliation-item {padding: 15px 20px;border: 1px solid var(--border-color);display: flex;justify-content: space-between;align-items: center;transition: all .3s}
.affiliation-item:hover {border-color: var(--light-gray)}
.affiliation-name {font-size: 1rem;color: var(--pure-white)}
.affiliation-role {font-size: .9rem;color: var(--light-gray)}
/* 响应式设计 */
@media (max-width: 992px) {
    .expert-header {grid-template-columns:1fr;gap: 40px}
    .expert-image {height: 300px}
    .footer-content {grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 768px) {
    .research-areas {grid-template-columns:1fr}
    .footer-content {grid-template-columns:1fr}
    .expert-contact {flex-direction: column;gap: 10px}
}
/****************************************************实验室页面****************************************************/
/*实验室介绍*/
.lab-intro {padding: 100px 0;background-color: var(--secondary-black)}
.intro-grid {display: grid;grid-template-columns:1fr 1fr;gap: 60px;align-items: center}
.intro-content h3 {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 20px}
.intro-content p {color: var(--light-gray);margin-bottom: 20px;line-height: 1.7}
.intro-image {height: 400px;background-color: var(--dark-gray);border: 1px solid var(--border-color);display: flex;align-items: center;justify-content: center;position: relative;border-radius: 8px;overflow: hidden}
.intro-image img {width: 100%;height: 100%;object-fit: cover}
/*研究能力*/
.lab-capabilities {padding: 100px 0;background-color: var(--primary-black)}
.capabilities-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap: 40px;margin-top: 50px}
.capability-card {padding: 20px 10px;border: 1px solid var(--border-color);transition: all 0.3s;position: relative;background: var(--secondary-black);border-radius: 8px}
.capability-card:hover {border-color: var(--light-gray);transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}
.capability-icon {width: 80px;height: 80px;background-color: var(--dark-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;border: 2px solid var(--lab-blue)}
.capability-icon i {font-size: 2rem;color: var(--pure-white)}
.capability-image {width: 100%;height: 200px;margin-bottom: 25px;overflow: hidden;border-radius: 8px}
.capability-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s}
.capability-card:hover .capability-image img {transform: scale(1.05)}
.capability-card h3 {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 15px;border-left: 3px solid var(--lab-blue);padding-left: 15px}
.capability-card p {color: var(--light-gray);font-size: 1rem;line-height: 1.7}
/*科研设备*/
.lab-equipment-showcase {padding: 100px 0;background-color: var(--secondary-black)}
.equipment-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-top: 50px}
.equipment-card {background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 0 0 10px 0;text-align: center;transition: all 0.3s;border-radius: 8px;position: relative;overflow: hidden}
.equipment-card:hover {transform: translateY(-5px);border-color: var(--light-gray);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2)}
.equipment-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, var(--lab-blue), var(--lab-green))}
.equipment-image {width: 100%;height: 220px;overflow: hidden;margin-bottom: 20px}
.equipment-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s}
.equipment-card:hover .equipment-image img {transform: scale(1.05)}
.equipment-icon {font-size: 3.5rem;color: var(--lab-blue);margin-bottom: 20px;height: 80px;display: flex;align-items: center;justify-content: center}
.equipment-content {padding: 0 30px}
.equipment-card h3 {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 10px;font-weight: 600}
.equipment-card p {color: var(--light-gray);font-size: 1rem;line-height: 1.6}
/*技术成果轮播部分*/
.tech-achievements {padding: 100px 0 50px 0;background-color: var(--primary-black)}
/*技术成果轮播部分 轮播容器 */
.achievements-carousel-container {position: relative;margin: 0 auto;overflow: hidden;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5)}
.achievements-carousel {display: flex;transition: transform 0.5s ease-in-out}
.achievements-carousel-item {min-width: 100%;display: flex;background-color: var(--secondary-black);border: 1px solid var(--border-color)}
.achievements-carousel-content {flex: 1;padding: 50px;display: flex;flex-direction: column;justify-content: center}
.achievements-carousel-image {flex: 1;min-height: 500px;background-color: var(--dark-gray);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden}
.achievements-carousel-image img {width: 100%;height: 100%;object-fit: cover}
.achievements-carousel-icon {font-size: 6rem;color: var(--lab-blue);margin-bottom: 20px}
.achievements-carousel-title {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 20px;position: relative;padding-bottom: 15px}
.achievements-carousel-title:after {content: '';position: absolute;bottom: 0;left: 0;width: 60px;height: 2px;background-color: var(--lab-blue)}
.achievements-carousel-description {color: var(--light-gray);line-height: 1.7;margin-bottom: 25px}
.achievements-carousel-features {list-style: none;margin-bottom: 30px}
.achievements-carousel-features li {color: var(--lightest-gray);margin-bottom: 10px;padding-left: 25px;position: relative}
.achievements-carousel-features li:before {content: '✓';color: var(--lab-green);position: absolute;left: 0;font-weight: bold}
/*技术成果轮播部分 导航按钮 */
.laboratory-carousel-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-color: rgba(0, 0, 0, 0.5);border: none;border-radius: 50%;color: var(--pure-white);font-size: 1.5rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index: 10}
.laboratory-carousel-nav:hover {background-color: rgba(0, 0, 0, 0.8)}
.achievements-carousel-prev {left: 10px}
.achievements-carousel-next {right: 10px}
/*技术成果轮播部分 指示器 */
.achievements-carousel-indicators {display: flex;justify-content: center;margin-top: 30px;gap: 10px}
.achievements-carousel-indicator {width: 12px;height: 12px;border-radius: 50%;background-color: var(--medium-gray);cursor: pointer;transition: all 0.3s}
.achievements-carousel-indicator.active {background-color: var(--lab-blue);transform: scale(1.2)}
/*技术成果轮播部分 响应式设计 */
@media (max-width: 768px) {
    .achievements-carousel-item {flex-direction: column}
    .achievements-carousel-image {min-height: 250px}
    .achievements-carousel-content {padding: 10px}
    .achievements-carousel-nav {height: 40px;font-size: 1.2rem}
    .achievements-carousel-prev {left: 10px}
    .achievements-carousel-next {right: 10px}
    .achievements-laboratory-carousel-nav {display: none;}
}
/*发表与出版*/
.publications {padding: 0 0 100px 0;background-color: var(--primary-black)}
.publications-carousel-container {position: relative;margin: 0 auto;overflow: hidden;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5)}
.publications-carousel {display: flex;transition: transform 0.5s ease-in-out}
.publications-carousel-item {min-width: 100%;display: flex;background-color: var(--secondary-black);border: 1px solid var(--border-color)}
.publications-carousel-content {flex: 1;padding: 50px;display: flex;flex-direction: column;justify-content: center}
.publications-carousel-image {flex: 1;min-height: 500px;background-color: var(--dark-gray);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.publications-carousel-image img {width: 100%;height: 100%;object-fit: cover}
.publications-carousel-icon {font-size: 6rem;color: var(--lab-blue);margin-bottom: 20px}
.publications-carousel-title {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 20px;position: relative;padding-bottom: 15px}
.publications-carousel-title:after {content: '';position: absolute;bottom: 0;left: 0;width: 60px;height: 2px;background-color: var(--lab-blue)}
.publications-carousel-description {color: var(--light-gray);line-height: 1.7;margin-bottom: 25px}
.publications-carousel-features {list-style: none;margin-bottom: 30px}
.publications-carousel-features li {color: var(--lightest-gray);margin-bottom: 10px;padding-left: 25px;position: relative}
.publications-carousel-features li:before {content: '✓';color: var(--lab-green);position: absolute;left: 0;font-weight: bold}
.publication-meta {display: flex;justify-content: space-between;font-size: 0.85rem;color: var(--lightest-gray);border-top: 1px solid var(--border-color);padding-top: 15px;}
.publication-meta span i {display: block;font-style: normal;}
/*发表与出版  导航按钮 */
.laboratory-carousel-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-color: rgba(0, 0, 0, 0.5);border: none;border-radius: 50%;color: var(--pure-white);font-size: 1.5rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index: 10}
.laboratory-carousel-nav:hover {background-color: rgba(0, 0, 0, 0.8)}
.publications-carousel-prev {left: 10px}
.publications-carousel-next {right: 10px}
/*发表与出版  指示器 */
.publications-carousel-indicators {display: flex;justify-content: center;margin-top: 30px;gap: 10px}
.publications-carousel-indicator {width: 12px;height: 12px;border-radius: 50%;background-color: var(--medium-gray);cursor: pointer;transition: all 0.3s}
.publications-carousel-indicator.active {background-color: var(--lab-blue);transform: scale(1.2)}
/*发表与出版  响应式设计 */
@media (max-width: 768px) {
    .publications-carousel-item {flex-direction: column}
    .publications-carousel-image {min-height: 250px}
    .publications-carousel-content {padding: 10px}
    .publications-carousel-nav {height: 40px;font-size: 1.2rem}
    .publications-carousel-prev {left: 10px}
    .publications-carousel-next {right: 10px}
    .publications-laboratory-carousel-nav {display: none;}
}
/*实验室核心团队*/
.lab-team {padding: 100px 0;background-color: var(--secondary-black)}
.team-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap: 40px;margin-top: 50px}
.team-card {text-align: center;padding: 20px 10px;background: var(--dark-gray);border-radius: 8px;border: 1px solid var(--border-color);transition: all 0.3s}
.team-card:hover {transform: translateY(-5px);border-color: var(--light-gray)}
.team-avatar {width: 120px;height: 120px;border-radius: 50%;margin: 0 auto 20px;border: 2px solid var(--border-color);overflow: hidden}
.team-avatar img {width: 100%;height: 100%;object-fit: cover}
.team-card h3 {font-size: 1.4rem;color: var(--pure-white);margin-bottom: 10px}
.team-role {color: var(--lab-blue);font-size: 1rem;margin-bottom: 15px;font-weight: 500}
.team-card p {color: var(--light-gray);font-size: 0.95rem;line-height: 1.6}
/****************************************************用户案例****************************************************/
/*案例页面标题 */
.page-header {padding: 150px 0 80px;text-align: center;background-size: cover;background-position: center}
.page-title {font-size: 3.5rem;font-weight: 300;color: var(--pure-white);margin-bottom: 20px}
.page-subtitle {font-size: 1.2rem;color: var(--light-gray);max-width: 600px;margin: 0 auto;line-height: 1.8}
/*案例内容轮播*/
.cases-carousel-container {position: relative;margin-top: 50px;overflow: hidden}
.cases-carousel {display: flex;gap: 30px;overflow-x: auto;scroll-behavior: smooth;padding: 20px 10px 40px;scrollbar-width: none;-ms-overflow-style: none}
.cases-carousel::-webkit-scrollbar {display: none}
.case-card {flex: 0 0 auto;width: 300px;background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 20px;transition: all .3s;border-radius: 8px;display: flex;flex-direction: column}
.case-card:hover {transform: translateY(-5px);border-color: var(--light-gray);box-shadow: 0 10px 30px rgba(0, 0, 0, .3)}
.case-image {height: 200px;overflow: hidden;margin-bottom: 20px;border-radius: 6px;position: relative;display: flex;align-items: center;justify-content: center;background-color: var(--medium-gray)}
.case-image img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s}
.case-card:hover .case-image img {transform: scale(1.05)}
.image-caption {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, .7);color: white;padding: 8px 12px;font-size: .8rem;text-align: center}
.case-product {font-size: .9rem;color: var(--lab-blue);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 10px;font-weight: 600}
.case-title {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 15px;font-weight: 500}
.case-content {font-size: .95rem;line-height: 1.7;color: var(--lightest-gray);margin-bottom: 20px;flex-grow: 1}
.case-meta {display: flex;justify-content: space-between;font-size: .85rem;color: var(--light-gray);margin-top: auto;padding-top: 15px;border-top: 1px solid var(--border-color)}
.case-user {display: flex;align-items: center;gap: 8px}
.case-user i {color: var(--lab-gold)}
.carousel-dots {display: flex;gap: 8px}
.carousel-dot {width: 10px;height: 10px;border-radius: 50%;background-color: var(--medium-gray);cursor: pointer;transition: all .3s}
.carousel-dot.active {background-color: var(--lab-blue);transform: scale(1.2)}
.user-cases {padding: 80px 0;background-color: var(--primary-black)}
.cases-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 50px}
.case-image {height: 200px;overflow: hidden;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;background-color: var(--dark-gray);border: 1px solid var(--border-color)}
.case-image img {width: 100%;height: 100%;object-fit: cover}
.case-content {font-size: 0.95rem;line-height: 1.7;color: var(--lightest-gray);margin-bottom: 20px}
.case-meta {display: flex;justify-content: space-between;font-size: 0.85rem;color: var(--light-gray)}
/***************************************************如何购买***************************************************/
/* 购买指南 */
.purchase-guide {padding: 100px 0;background-color: var(--secondary-black)}
/* 购买渠道网格*/
.channels-grid {display: grid;grid-template-columns:1fr;gap: 60px;margin-top: 50px}
.channel-card {background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 40px 30px;transition: all 0.3s;border-radius: 8px}
.channel-card:hover {border-color: var(--light-gray);transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}
.channel-icon {width: 60px;height: 60px;background-color: var(--medium-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px}
.channel-icon i {font-size: 1.8rem;color: var(--pure-white)}
.channel-card h3 {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color)}
.store-list {list-style: none;margin: 20px 0}
.store-item {padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.store-item:last-child {border-bottom: none}
.store-name {font-size: 1.1rem;color: var(--pure-white);margin-bottom: 5px}
.store-link {color: var(--lab-blue);text-decoration: none;font-size: 0.95rem;transition: all 0.3s;display: inline-block;padding: 5px 0}
.store-link:hover {color: var(--pure-white);text-decoration: underline;transform: translateX(5px)}
/* 线下渠道样式 */
.offline-channels {margin-top: 20px}
.search-container {margin-bottom: 30px;padding: 20px;background-color: rgba(255, 255, 255, 0.05);border-radius: 8px}
.search-bar {display: flex;gap: 15px;align-items: center;flex-wrap: wrap}
.search-bar label {font-size: 1rem;color: var(--lightest-gray)}
.search-bar input {padding: 12px 20px;width: 300px;max-width: 100%;font-size: 1rem;border: 1px solid var(--border-color);border-radius: 5px;background-color: var(--secondary-black);color: var(--lightest-gray);transition: all 0.3s}
.search-bar input:focus {outline: none;border-color: var(--lab-blue);box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2)}
.search-hint {margin-top: 10px;font-size: 0.9rem;color: var(--light-gray);font-style: italic}
/* 省份分组样式 */
.province-group {margin-bottom: 40px;background-color: var(--secondary-black);border-radius: 8px;overflow: hidden;border: 1px solid var(--border-color)}
.province-header {background-color: var(--medium-gray);padding: 20px 30px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background-color 0.3s}
.province-header:hover {background-color: rgba(74, 144, 226, 0.1)}
.province-header h3 {font-size: 1.3rem;color: var(--pure-white);margin: 0}
.clinic-count {background-color: var(--lab-blue);color: white;padding: 4px 12px;border-radius: 20px;font-size: 0.9rem;font-weight: 500}
.clinic-list {padding: 25px 30px;display: grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap: 20px}
.clinic-card {background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 25px;border-radius: 8px;transition: all 0.3s}
.clinic-card:hover {border-color: var(--lab-blue);transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2)}
.clinic-card .clinic-name {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 15px;font-weight: 500}
.clinic-card .clinic-address {font-size: 0.95rem;color: var(--lightest-gray);margin-bottom: 10px;line-height: 1.5}
.clinic-card .clinic-address i {color: var(--lab-green);margin-right: 8px}
.clinic-card .clinic-phone {font-size: 0.95rem;color: var(--lab-blue);margin-bottom: 5px}
.clinic-card .clinic-phone i {margin-right: 8px}
.clinic-card .clinic-hours {font-size: 0.9rem;color: var(--light-gray);margin-top: 10px}
.clinic-card .clinic-hours i {margin-right: 8px}
/* 折叠展开动画 */
.province-content {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out}
.province-content.expanded {max-height: 2000px}
.toggle-icon {transition: transform 0.3s}
.province-header.active .toggle-icon {transform: rotate(180deg)}
/* 响应式设计 */
@media (max-width: 992px) {
    .clinic-list {grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}
    .footer-content {grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 768px) {
    .channels-grid {grid-template-columns:1fr}
    .footer-content {grid-template-columns:repeat(2, 1fr)}
    .hero-title {font-size: 2.2rem}
    .search-bar {flex-direction: column;align-items: flex-start}
    .search-bar input {width: 100%}
}
@media (max-width: 576px) {
    .clinic-list {grid-template-columns:1fr}
    .footer-content {grid-template-columns:1fr}
    .channel-card {padding: 25px 20px}
    .province-header {padding: 15px 20px}
    .clinic-list {padding: 20px}
}
/*************************************************** 新版关于我们 ***************************************************/
.new-about-section {padding: 100px 0;background-color: var(--secondary-black)}
.new-about-header {text-align: center;margin-bottom: 60px}
.brand-logo {font-size: 4rem;color: var(--accent-color);margin-bottom: 20px}
.brand-name {font-size: 2.5rem;color: var(--pure-white);margin-bottom: 10px;font-weight: 300}
.brand-tagline {font-size: 1.2rem;color: var(--light-gray);max-width: 600px;margin: 0 auto 30px}
.section-divider {width: 100px;height: 2px;background-color: var(--accent-color);margin: 30px auto}
.new-about-content {display: grid;gap: 60px}
.mission-section {display: grid;gap: 40px;align-items: start}
.mission-card, .vision-card {background-color: var(--dark-gray);padding: 30px;border: 1px solid var(--border-color);border-radius: 8px}
.mission-card h3, .vision-card h3 {color: var(--pure-white);font-size: 1.8rem;margin-bottom: 20px;display: flex;align-items: center;gap: 10px}
.mission-icon, .vision-icon {color: var(--accent-color)}
.philosophy-section {margin-top: 40px}
.philosophy-section h3 {text-align: center;color: var(--pure-white);font-size: 2rem;margin-bottom: 40px}
.philosophy-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap: 30px}
.philosophy-item {background-color: var(--dark-gray);padding: 25px;border: 1px solid var(--border-color);border-radius: 8px;transition: transform .3s ease, border-color .3s ease}
.philosophy-item:hover {transform: translateY(-5px);border-color: var(--accent-color)}
.philosophy-item h4 {color: var(--pure-white);font-size: 1.3rem;margin-bottom: 15px;display: flex;align-items: center;gap: 10px}
.philosophy-icon {color: var(--accent-color);width: 24px;height: 40px;text-align: center}
.core-principle {background-color: var(--dark-gray);padding: 40px;border: 2px solid var(--accent-color);border-radius: 8px;text-align: center;margin-top: 50px}
.core-principle h3 {color: var(--pure-white);font-size: 1.8rem;margin-bottom: 20px}
.principle-text {font-size: 1.3rem;color: var(--lightest-gray);line-height: 1.8;max-width: 800px;margin: 0 auto}
/************************************************** 新版关于我们 **************************************************/
.research-collaboration {padding: 100px 0;background-color: var(--secondary-black)}
.section-subtitle {font-size: 1rem;color: var(--light-gray);text-transform: uppercase;letter-spacing: 2px;text-align: center;margin-bottom: 40px}
.collaboration-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap: 40px;margin-top: 50px}
.collaboration-card {background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 40px 30px;transition: all 0.3s;position: relative}
.collaboration-card:hover {transform: translateY(-5px);border-color: var(--light-gray);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}
.collaboration-icon {width: 60px;height: 60px;background-color: var(--medium-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px}
.collaboration-icon i {font-size: 1.5rem;color: var(--pure-white)}
.collaboration-card h3 {font-size: 1.3rem;color: var(--pure-white);margin-bottom: 15px}
.collaboration-card p {color: var(--light-gray);font-size: 0.95rem;line-height: 1.7;margin-bottom: 20px}
.collaboration-features {list-style: none;margin-top: 20px}
.collaboration-features li {color: var(--lightest-gray);font-size: 0.9rem;margin-bottom: 8px;display: flex;align-items: center}
.collaboration-features li:before {content: '•';color: var(--lab-blue);margin-right: 10px;font-weight: bold}
/* 合作流程部分 */
.collaboration-process {padding: 100px 0;background-color: var(--primary-black)}
.process-steps {display: grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-top: 50px;position: relative}
.process-step {text-align: center;padding: 30px 20px;position: relative}
.step-number {width: 50px;height: 50px;background: var(--lab-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 1.2rem;font-weight: bold;color: var(--pure-white)}
.process-step h4 {font-size: 1.1rem;color: var(--pure-white);margin-bottom: 15px}
.process-step p {color: var(--light-gray);font-size: 0.9rem;line-height: 1.6}
/* 成功案例部分 */
.success-cases {padding: 100px 0;background-color: var(--secondary-black)}
.cases-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 50px}
.case-item {background-color: var(--dark-gray);border: 1px solid var(--border-color);padding: 30px;transition: all 0.3s}
.case-item:hover {transform: translateY(-5px);border-color: var(--light-gray)}
.case-header {display: flex;align-items: center;margin-bottom: 20px}
.case-avatar {width: 60px;height: 60px;background: var(--medium-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;font-size: 1.5rem;color: var(--pure-white)}
.case-info h4 {color: var(--pure-white);margin-bottom: 5px}
.case-info .case-org {color: var(--light-gray);font-size: 0.9rem}
.case-content {color: var(--lightest-gray);line-height: 1.7;margin-bottom: 20px}
.case-stats {display: flex;justify-content: space-between;color: var(--light-gray);font-size: 0.85rem}
/* 合作优势部分 */
.advantages {padding: 100px 0;background-color: var(--primary-black)}
.advantages-grid {display: grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap: 30px;margin-top: 50px}
.advantage-item {text-align: center;padding: 30px 20px}
.advantage-icon {width: 80px;height: 80px;background: var(--lab-green);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 2rem;color: var(--pure-white)}
.advantage-item h4 {color: var(--pure-white);margin-bottom: 15px}
.advantage-item p {color: var(--light-gray);line-height: 1.6}
/************************************************** 联系表单部分 **************************************************/
.contact-form {padding: 100px 0;background-color: var(--secondary-black)}
.form-container {max-width: 600px;margin: 0 auto;background: var(--dark-gray);padding: 40px;border: 1px solid var(--border-color)}
.form-group {margin-bottom: 25px}
.form-group label {display: block;color: var(--lightest-gray);margin-bottom: 8px;font-size: 0.9rem}
.form-group input, .form-group textarea, .form-group select {width: 100%;padding: 12px 15px;background: var(--primary-black);border: 1px solid var(--border-color);color: var(--lightest-gray);font-size: 0.95rem;transition: border-color 0.3s}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {outline: none;border-color: var(--lab-blue)}
.form-group textarea {height: 120px;resize: vertical}
.submit-btn {width: 100%;padding: 15px;background: var(--lab-blue);color: var(--pure-white);border: none;font-size: 1rem;font-weight: 600;cursor: pointer;transition: background 0.3s}
.submit-btn:hover {background: #3A7BC8}
/************************************************** 消费者服务 **************************************************/
.qr-display-section {min-height: 90vh;display: flex;align-items: center;justify-content: center;padding: 40px 20px;background-color: var(--secondary-black)}
.qr-container {max-width: 1200px;width: 100%}
.qr-content {align-items: center}
.qr-left {padding-right: 30px}
.qr-right {display: flex;flex-direction: column;align-items: center}
.qr-info-title {font-size: 1.8rem;color: var(--pure-white);margin-bottom: 25px;font-weight: 300}
.qr-info-list {list-style: none}
.qr-info-list li {margin-bottom: 20px;padding-left: 25px;position: relative;color: var(--lightest-gray)}
.qr-info-list li:before {content: "•";color: var(--lab-blue);font-size: 1.5rem;position: absolute;left: 0;top: -5px}
.qr-code-container {background-color: var(--pure-white);padding: 20px;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);position: relative;width: 280px;height: 280px;display: flex;align-items: center;justify-content: center}
.qr-code {width: 100%;height: 100%;object-fit: contain}
.qr-code-label {margin-top: 25px;font-size: 0.9rem;color: var(--light-gray);text-align: center;letter-spacing: 1px}
@media (max-width: 768px) {
    .qr-content {grid-template-columns:1fr;gap: 40px}
    .qr-left {padding-right: 0}
    .qr-code-container {width: 250px;height: 250px}
}
@media (max-width: 480px) {
    .qr-code-container {width: 220px;height: 220px}
    .qr-info-title {font-size: 1.5rem}
}
/*****************************************皮肤测试********************************************/
.skin-test {padding: 150px 0 100px;background-color: var(--secondary-black);min-height: 100vh}
/* 测试进度条 */
.progress-container {max-width: 800px;margin: 0 auto 50px}
.progress-bar {height: 6px;background-color: var(--dark-gray);border-radius: 3px;overflow: hidden;margin-bottom: 20px}
.progress-fill {height: 100%;background: linear-gradient(90deg, var(--lab-green), var(--lab-blue));width: 0%;transition: width 0.5s ease}
.progress-text {text-align: center;color: var(--light-gray);font-size: 0.9rem}
/* 测试内容区域 */
.test-container {max-width: 900px;margin: 0 auto;background-color: var(--dark-gray);border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}
.test-header {padding: 30px;border-bottom: 1px solid var(--border-color);background-color: var(--secondary-black)}
.test-title {font-size: 1.5rem;color: var(--pure-white);margin-bottom: 10px}
.test-description {color: var(--light-gray);font-size: 0.95rem;line-height: 1.6}
.test-content {padding: 40px 30px;min-height: 400px;display: flex;flex-direction: column}
/* 树形选择样式 */
.tree-container {flex: 1;display: flex;flex-direction: column}
.tree-question {font-size: 1.2rem;color: var(--pure-white);margin-bottom: 30px;line-height: 1.5}
.tree-options {display: grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap: 20px;margin-bottom: 40px}
.tree-option {background-color: var(--secondary-black);border: 1px solid var(--border-color);border-radius: 6px;padding: 20px;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;gap: 15px}
.tree-option:hover {border-color: var(--light-gray);transform: translateY(-3px)}
.tree-option.active {border-color: var(--lab-blue);background-color: rgba(74, 144, 226, 0.1)}
.option-icon {width: 40px;height: 40px;border-radius: 50%;background-color: var(--medium-gray);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: var(--pure-white)}
.option-text {flex: 1}
.option-title {font-size: 1rem;color: var(--pure-white);margin-bottom: 5px}
.option-desc {font-size: 0.85rem;color: var(--light-gray);line-height: 1.4}
/* 测试导航按钮 */
.test-navigation {display: flex;justify-content: space-between;margin-top: auto}
.btn {padding: 12px 30px;background-color: transparent;border: 1px solid var(--light-gray);color: var(--lightest-gray);font-size: 0.9rem;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;transition: all 0.3s;border-radius: 4px}
.btn:hover {border-color: var(--pure-white);color: var(--pure-white)}
.btn:disabled {opacity: 0.5;cursor: not-allowed}
.btn:disabled:hover {border-color: var(--light-gray);color: var(--lightest-gray)}
/* 结果页面样式 */
.result-container {text-align: center;padding: 40px 0}
.result-icon {font-size: 4rem;color: var(--lab-green);margin-bottom: 30px}
.result-title {font-size: 2rem;color: var(--pure-white);margin-bottom: 20px}
.result-description {color: var(--light-gray);font-size: 1.1rem;line-height: 1.7;margin-bottom: 30px;max-width: 700px;margin-left: auto;margin-right: auto}
.result-product {background-color: var(--secondary-black);border: 1px solid var(--border-color);border-radius: 8px;padding: 30px;margin: 30px 0;text-align: left}
.product-header {display: flex;align-items: center;gap: 20px;margin-bottom: 20px}
.product-icon {width: 60px;height: 60px;background: linear-gradient(135deg, var(--lab-blue), var(--lab-purple));border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: var(--pure-white);font-weight: bold}
.product-info h3 {font-size: 1.5rem;color: var(--pure-white);margin-bottom: 5px}
.product-info p {color: var(--light-gray);font-size: 0.9rem}
.product-features {list-style: none;margin: 20px 0}
.product-features li {color: var(--lightest-gray);margin-bottom: 10px;display: flex;align-items: center}
.product-features li:before {content: '✓';color: var(--lab-green);margin-right: 10px;font-weight: bold}
.product-actions {display: flex;gap: 15px}
/* 响应式设计 */
@media (max-width: 768px) {
    .skin-test {padding: 120px 0 50px}
    .tree-options {grid-template-columns:1fr}
    .test-content {padding: 30px 20px}
    .product-actions {flex-direction: column}
    .btn {width: 100%;text-align: center}
}