/* Global Reset */
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; scroll-behavior:smooth; }
body { font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif; line-height:1.7; color:#333; min-width:320px; overflow-x:hidden; }
a { text-decoration:none; color:inherit; transition:all 0.3s; }
ul { list-style:none; }
img { max-width:100%; height:auto; display:block; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
@media(max-width:768px){html{font-size:14px;}.container{padding:0 15px;}}

/* sidebar-left 布局 */
.sidebar-left-header { position: fixed; left: 0; top: 0; height: 100vh; width: 280px; background: linear-gradient(180deg, #00897B 0%, #00796B 100%); z-index: 1000; display: flex; flex-direction: column; box-shadow: 5px 0 30px rgba(0,0,0,0.2); }
.sidebar-left-nav { display: flex; flex-direction: column; height: 100%; }
.sidebar-logo { color: white; font-size: 1.5rem; font-weight: bold; text-align: center; padding: 30px 20px; border-bottom: 1px solid rgba(255,255,255,0.2); text-decoration: none; }
.sidebar-nav-track { flex: 1; overflow-y: auto; padding: 20px 0; }
.sidebar-nav-item { display: block; color: white; padding: 14px 25px; transition: all 0.3s; border-left: 3px solid transparent; text-decoration: none; }
.sidebar-nav-item:hover, .sidebar-nav-item.active { background: rgba(255,255,255,0.15); border-left-color: white; }
.sidebar-dropdown { position: relative; }
.sidebar-dropdown-btn { display: block; width: 100%; color: white; padding: 14px 25px; background: none; border: none; border-left: 3px solid transparent; cursor: pointer; text-align: left; font-size: 1rem; transition: all 0.3s; }
.sidebar-dropdown-btn:hover, .sidebar-dropdown:hover .sidebar-dropdown-btn { background: rgba(255,255,255,0.15); border-left-color: white; }
.sidebar-dropdown-panel { display: none; background: rgba(0,0,0,0.2); }
.sidebar-dropdown:hover .sidebar-dropdown-panel { display: block; }
.sidebar-dropdown-item { display: block; color: rgba(255,255,255,0.85); padding: 10px 25px 10px 40px; font-size: 0.9rem; transition: all 0.3s; text-decoration: none; }
.sidebar-dropdown-item:hover { background: rgba(255,255,255,0.1); color: white; }
.main-content { margin-left: 280px; min-height: 100vh; }
@media(max-width: 768px) { .sidebar-left-header { width: 100%; height: auto; position: relative; } .sidebar-nav-track { display: flex; flex-wrap: wrap; padding: 10px; } .main-content { margin-left: 0; } }

/* Hero Section */
.hero-section{color:white;padding:100px 0;text-align:center;position:relative;overflow:hidden;}
.hero-title{font-size:3rem;font-weight:bold;margin-bottom:25px;}
.hero-subtitle{font-size:1.4rem;margin-bottom:35px;opacity:0.95;}
.hero-btn{display:inline-block;padding:18px 50px;background:white;color:#00796B;border-radius:50px;font-weight:bold;font-size:1.1rem;transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;}
.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.25);}
@media(max-width:768px){.hero-section{padding:70px 0;}.hero-title{font-size:2.2rem;}.hero-subtitle{font-size:1.1rem;}}

/* Section */
.section{padding:80px 0;}
.section-alt{background:#f5f5f5;}
.section-header{text-align:center;margin-bottom:50px;}
.section-title{font-size:2.4rem;color:#00796B;margin-bottom:15px;}
.section-subtitle{color:#666;font-size:1.1rem;}
@media(max-width:768px){.section{padding:50px 0;}.section-title{font-size:1.8rem;}}

/* Services Grid */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.service-card{background:white;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,0.08);transition:all 0.3s;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.12);}
.service-icon{width:90px;height:90px;background:#E0F2F1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2.2rem;color:#00897B;}
.service-title{font-size:1.4rem;color:#00796B;margin-bottom:15px;}
.service-desc{color:#666;font-size:1rem;line-height:1.8;}

/* Products Grid */
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.product-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s;}
.product-card:hover{transform:translateY(-5px);}
.product-image{height:200px;background:linear-gradient(135deg, #00897B 0%, #4DB6AC 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;color:white;}
.product-info{padding:30px;}
.product-title{font-size:1.3rem;color:#00796B;margin-bottom:12px;}
.product-desc{color:#666;font-size:0.95rem;}

/* Cases Grid */
.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;}
.case-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.case-image{height:200px;background:#E0F2F1;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#00897B;}
.case-info{padding:30px;}
.case-title{font-size:1.3rem;color:#00796B;margin-bottom:12px;}
.case-desc{color:#666;font-size:0.95rem;margin-bottom:15px;}
.case-tag{display:inline-block;padding:5px 15px;background:#E0F2F1;color:#00796B;border-radius:20px;font-size:0.85rem;}

/* Stats Grid */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;}
.stat-item{padding:40px;background:white;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.stat-number{font-size:3rem;font-weight:bold;color:#00796B;margin-bottom:10px;}
.stat-label{color:#666;font-size:1.1rem;}
@media(max-width:768px){.stats-grid{grid-template-columns:1fr;}}

/* Footer */
.site-footer{background:#2c3e50;color:white;padding:60px 0 30px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;}
.footer-title{font-size:1.2rem;margin-bottom:20px;color:white;}
.footer-text{color:rgba(255,255,255,0.7);margin-bottom:10px;font-size:0.95rem;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:rgba(255,255,255,0.7);transition:all 0.3s;}
.footer-links a:hover{color:white;}
.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);font-size:0.9rem;}

/* Page Header */
.page-header{padding:120px 0 60px;background:linear-gradient(135deg, #00897B 0%, #4DB6AC 100%);color:white;text-align:center;}
.page-title{font-size:2.5rem;margin-bottom:15px;}
.page-subtitle{font-size:1.2rem;opacity:0.9;}
.page-content{padding:60px 0;}
.content-section{margin-bottom:50px;}
.content-title{font-size:1.8rem;color:#00796B;margin-bottom:20px;}
.content-text{color:#666;line-height:1.9;margin-bottom:15px;}
.content-list{list-style:disc;padding-left:25px;}
.content-list li{margin-bottom:12px;color:#666;}

/* Feature Grid */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.feature-item{background:white;border-radius:16px;padding:35px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.feature-title{font-size:1.2rem;color:#00796B;margin-bottom:12px;}
.feature-desc{color:#666;font-size:0.95rem;}