:root {--primary:rgb(181,0,79);--primary-dark:rgb(140,0,61);--primary-light:rgba(181,0,79,0.08);--black:#000000;--text:#333333;--text-light:#666666;--text-on-dark:#ffffff;--background:#f8f8f8;--card-bg:#ffffff;--border:#e5e5e5;--shadow:rgba(0,0,0,0.08);--radius:0;--transition:all 0.3s ease;}
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;line-height:1.6;color:var(--text);background:var(--background);}
.container {max-width:1200px;margin:0 auto;padding:0 20px;}
/* 微信咨询条 */        
.wechat-bar {background:var(--primary);color:white;padding:12px 0;text-align:center;font-size:15px;font-weight:600;position:sticky;top:0;z-index:999;}
.wechat-btn {background:white;color:var(--primary);padding:6px 18px;border-radius:20px;text-decoration:none;margin-left:12px;font-weight:700;transition:var(--transition);display:inline-block;}
.wechat-btn:hover {background:#f0f0f0;transform:scale(1.05);}
/* 头部 */        
.header {background:var(--card-bg);border-bottom:2px solid var(--primary);position:sticky;top:42px;z-index:998;box-shadow:0 2px 8px var(--shadow);}
.header-main {padding:15px 0;}
.header-content {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.logo {font-size:28px;font-weight:800;color:var(--primary);text-decoration:none;letter-spacing:-1px;}
.header-right {display:flex;align-items:center;gap:30px;}
.hotline {font-size:16px;color:var(--text);font-weight:500;}
.hotline span {color:var(--primary);font-weight:700;font-size:18px;}
.mobile-menu-toggle {display:none;background:var(--primary);border:none;padding:8px 12px;cursor:pointer;border-radius:4px;}
.hamburger {display:block;width:24px;height:2px;background:white;position:relative;}
.hamburger::before,.hamburger::after {content:'';position:absolute;width:100%;height:100%;background:white;left:0;}
.hamburger::before {top:-8px;}
.hamburger::after {top:8px;}
/* 导航 */        
.nav-menu {background:var(--black);}
.nav-desktop {display:flex;list-style:none;align-items:center;}
.nav-item {position:relative;}
.nav-link {display:block;padding:16px 24px;color:var(--text-on-dark);text-decoration:none;font-size:16px;font-weight:500;transition:var(--transition);}
.nav-link:hover,.nav-link.active {background:var(--primary);}
.submenu {position:absolute;top:100%;left:0;background:var(--black);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:100;}
.nav-item:hover .submenu {opacity:1;visibility:visible;transform:translateY(0);}
.submenu-item {border-bottom:1px solid #333;}
.submenu-link {display:block;padding:14px 24px;color:var(--text-on-dark);text-decoration:none;font-size:15px;transition:var(--transition);}
.submenu-link:hover {background:var(--primary);padding-left:28px;}
/* 移动端菜单 */        
.mobile-menu-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:2000;opacity:0;visibility:hidden;transition:var(--transition);}
.mobile-menu-panel {position:fixed;top:0;right:-66.67%;width:66.67%;height:100%;background:var(--black);z-index:2001;transition:var(--transition);overflow-y:auto;}
.mobile-menu-header {padding:20px;background:var(--primary);color:white;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;}
.close-menu {background:none;border:none;color:white;font-size:24px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.close-menu:hover {background:rgba(255,255,255,0.2);}
.mobile-nav-list {list-style:none;}
.mobile-nav-item {border-bottom:1px solid #333;}
.mobile-nav-link {display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:var(--text-on-dark);text-decoration:none;font-size:16px;font-weight:500;}
.mobile-nav-item > .mobile-nav-link-no-arrow {padding:16px 24px;display:block;color:var(--text-on-dark);text-decoration:none;font-size:16px;font-weight:500;}
.submenu-toggle {background:none;border:none;color:var(--text-on-dark);cursor:pointer;padding:8px;font-size:12px;transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.submenu-toggle:hover {background:rgba(255,255,255,0.1);}
.submenu-toggle.active {transform:rotate(90deg);color:var(--primary);}
.mobile-submenu {display:none;background:#111;}
.mobile-submenu.show {display:block;}
.mobile-submenu-item {border-bottom:1px solid #222;}
.mobile-submenu-link {display:block;padding:14px 24px 14px 40px;color:#ccc;text-decoration:none;font-size:15px;transition:var(--transition);}
.mobile-submenu-link:hover {color:var(--primary);padding-left:45px;}
/* 主要内容 */        
.hero-section {background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-on-dark);padding:80px 0;text-align:center;position:relative;overflow:hidden;}
.hero-content {position:relative;z-index:1;}
.hero-title {font-size:48px;margin-bottom:20px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.3);line-height:1.2;}
.hero-subtitle {font-size:20px;margin-bottom:40px;opacity:0.9;max-width:700px;margin-left:auto;margin-right:auto;}
.search-box {max-width:600px;margin:0 auto 30px;position:relative;}
.search-input {width:100%;padding:18px 60px 18px 25px;border:none;border-radius:50px;font-size:16px;outline:none;box-shadow:0 5px 20px rgba(0,0,0,0.2);}
.search-btn {position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--primary);color:white;border:none;padding:14px 30px;border-radius:50px;cursor:pointer;font-size:16px;font-weight:600;transition:var(--transition);}
.search-btn:hover {background:var(--primary-dark);}
.cta-buttons {display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.btn {padding:16px 36px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:600;transition:var(--transition);display:inline-block;cursor:pointer;border:none;}
.btn-primary {background:var(--black);color:white;}
.btn-primary:hover {background:#333;transform:translateY(-2px);}
.btn-secondary {background:transparent;color:white;border:2px solid white;}
.btn-secondary:hover {background:white;color:var(--primary);}
/* 价格表区域 */        
.price-section {padding:60px 0;background:var(--background);}
.section-title {text-align:center;font-size:36px;margin-bottom:40px;color:var(--black);font-weight:700;position:relative;}
.section-title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--primary);}
.price-table {background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 5px 20px var(--shadow);margin-top:40px;border:1px solid var(--border);}
.table-header {background:var(--black);color:white;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:20px;font-weight:600;font-size:16px;}
.table-row {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:18px 20px;border-bottom:1px solid var(--border);transition:var(--transition);align-items:center;}
.table-row:hover {background:var(--primary-light);}
.table-row:nth-child(even) {background:#fafafa;}
.table-row:nth-child(even):hover {background:var(--primary-light);}
.table-row:last-child {border-bottom:none;}
.price-cell {color:var(--primary);font-weight:700;font-size:18px;}
.price-tag {display:inline-block;padding:4px 10px;background:var(--primary);color:white;border-radius:4px;font-size:12px;margin-left:8px;font-weight:600;}
/* 医院卡片 */        
.hospitals-section {padding:60px 0;}
.hospitals-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px;}
.hospital-card {background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:var(--transition);box-shadow:0 3px 10px var(--shadow);}
.hospital-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow);border-color:var(--primary);}
.hospital-header {background:var(--black);color:white;padding:20px;text-align:center;}
.hospital-name {font-size:20px;font-weight:700;margin-bottom:5px;}
.hospital-location {font-size:14px;opacity:0.8;}
.hospital-body {padding:20px;}
.price-item {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);}
.price-item:last-child {border-bottom:none;}
.price-item span:first-child {font-size:15px;color:var(--text);}
.price-item span:last-child {font-size:18px;color:var(--primary);font-weight:700;}
.view-more {display:block;text-align:center;padding:15px;background:var(--black);color:white;text-decoration:none;font-size:15px;font-weight:600;transition:var(--transition);}
.view-more:hover {background:var(--primary);}
/* 地区价格查询 */        
.regions-section {padding:60px 0;background:var(--card-bg);}
.regions-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:40px;}
.region-card {background:var(--card-bg);border:1px solid var(--border);padding:20px;text-align:center;border-radius:8px;transition:var(--transition);text-decoration:none;color:var(--text);}
.region-card:hover {border-color:var(--primary);background:var(--primary-light);transform:translateY(-3px);}
.region-name {font-size:16px;font-weight:600;margin-bottom:5px;}
.region-count {font-size:14px;color:var(--text-light);}
/* 项目分类 */        
.categories-section {padding:60px 0;}
.categories-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px;}
.category-card {background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:25px;text-align:center;transition:var(--transition);text-decoration:none;color:var(--text);box-shadow:0 3px 10px var(--shadow);display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.category-card:hover {border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow);}
.category-icon {font-size:40px;color:var(--primary);width:92px;height:75px;}
.category-title {font-size:18px;font-weight:600;margin-bottom:8px;}
.category-count {font-size:14px;color:var(--text-light);}

.B1 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll 0px -82px; }
.B2 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -92px -82px; }
.B3 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -184px -82px; }
.B4 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -276px -82px; }
.B5 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -368px -82px; }
.B6 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -460px -82px; }
.B7 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -552px -82px; }
.B8 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -644px -82px; }
.B9 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -736px -82px; }
.B10 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -828px -82px; }
.B11 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -920px -82px; }
.B12 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -1020px -82px; }

.B1:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll 0px 2px; }
.B2:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -92px 2px; }
.B3:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -184px 2px; }
.B4:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -276px 2px; }
.B5:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -368px 2px; }
.B6:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -460px 2px; }
.B7:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -552px 2px; }
.B8:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -644px 2px; }
.B9:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -736px 2px; }
.B10:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -828px 2px; }
.B11:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -920px 2px; }
.B12:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -1020px 2px; }


/* 页脚 */        
.footer {background:var(--black);color:var(--text-on-dark);padding:60px 0 30px;}
.footer-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px;}
.footer-section h3 {margin-bottom:20px;color:var(--primary);font-size:20px;font-weight:700;position:relative;padding-bottom:10px;}
.footer-section h3::after {content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background:var(--primary);}
.footer-section p,.footer-section a {color:#ccc;text-decoration:none;font-size:14px;line-height:1.8;}
.footer-section a:hover {color:var(--primary);}
.footer-section ul {list-style:none;}
.footer-section li {margin-bottom:10px;}
.qr-code {width:140px;height:140px;background:white;padding:10px;border-radius:8px;margin-top:15px;text-align:center;}
.qr-code img {width:100%;height:100%;object-fit:contain;}
.footer-bottom {text-align:center;padding-top:30px;border-top:1px solid #333;font-size:13px;color:#999;line-height:1.8;}
.footer-bottom a {color:var(--primary);text-decoration:none;}
/* 右侧悬浮 */ 
.float-contact {position: fixed;right: 20px;bottom: 100px;z-index: 999;}
.float-btn {display: block;width: 60px;height: 60px;background: var(--primary);color: #fff;border-radius: 50%;margin-bottom: 15px;text-align: center;line-height: 60px;font-size: 24px;box-shadow: 0 5px 20px rgba(0, 0, 0, .2);transition: .3s;cursor: pointer;}

/* 响应式 */        
@media (max-width:768px) {.wechat-bar {font-size:14px;}
.header-content {flex-direction:row;}
.hotline {display:none;}
.mobile-menu-toggle {display:block;}
.nav-desktop {display:none;}
.hero-title {font-size:32px;}
.hero-subtitle {font-size:16px;}
.section-title {font-size:26px;}
.table-header,.table-row {grid-template-columns:1fr 1fr;font-size:14px;padding:15px;}
.table-header > div:last-child,.table-row > div:last-child {display:none;}
.regions-grid {grid-template-columns:repeat(2,1fr);}
.categories-grid {grid-template-columns:repeat(2,1fr);}
/* 页脚两列布局 */            
.footer-content {grid-template-columns:1fr 1fr;gap:20px;}
.footer-section:nth-child(3),.footer-section:nth-child(4) {grid-column:1 / -1;}
.footer-section:nth-child(3) ul,.footer-section:nth-child(4) ul {display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;}
.qr-code {margin:15px auto 0;}
.mobile-menu-overlay.show {opacity:1;visibility:visible;}
.mobile-menu-panel.show {right:0;}
}
@media (max-width:480px) {.hero-title {font-size:24px;}
.section-title {font-size:22px;}
.regions-grid {grid-template-columns:repeat(2,1fr);}
.categories-grid {grid-template-columns:1fr;}
/* 小屏页脚单列布局 */            
.footer-content {grid-template-columns:1fr;text-align:center;}
.footer-section h3::after {left:50%;transform:translateX(-50%);}
.footer-section:nth-child(3) ul,.footer-section:nth-child(4) ul {grid-template-columns:1fr;}
}
/* 免责声明 */        
.disclaimer {background:#fff9e6;border-left:4px solid var(--primary);padding:15px 20px;margin:20px 0;font-size:14px;color:#666;line-height:1.6;}