*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#008892}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.site-header{background-color:#008892;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}.logo h1{color:#fff;font-size:24px;margin:0;font-weight:600}.logo img{height:32px;display:block}.nav-menu{flex:1;margin-left:40px}.nav-menu :deep(.el-menu--horizontal){border-bottom:none;height:60px;line-height:60px}.skeleton-logo{width:150px;height:32px}@media (max-width:768px){.header-container{padding:0 15px}.logo h1{font-size:18px}.skeleton-logo{width:120px;height:28px}.logo img{height:28px}.nav-menu :deep(.el-menu-item){padding:0 10px!important;font-size:14px}}@media (max-width:480px){.header-container{padding:0 10px}.logo h1{font-size:16px}.skeleton-logo{width:100px;height:24px}.logo img{height:24px}.nav-menu :deep(.el-menu-item){padding:0 8px!important;font-size:13px}.nav-menu :deep(.el-menu){overflow-x:auto}}.site-footer{background-color:#fff;color:#333;padding:60px 0 30px;margin-top:60px}.footer-contact{max-width:1200px;margin:0 auto 10px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contact-item{display:flex;align-items:center;background-color:#f5f7fa;padding:30px;border-radius:8px;transition:transform .3s,box-shadow .3s}.contact-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.contact-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#008892,#00a8b3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin-right:20px}.contact-info h4{font-size:16px;color:#008892;margin-bottom:8px}.contact-info p{font-size:14px;color:#666;margin:0;line-height:1.5}.footer-routes{max-width:1200px;margin:0 auto 50px;padding:0 20px;background-color:#f5f7fa;border-radius:8px;padding:30px}.footer-routes h3{font-size:20px;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.footer-routes h3 i{color:#008892}.route-info p{font-size:14px;color:#666;margin-bottom:12px;line-height:1.8}.route-info p:last-child{margin-bottom:0}.footer-bottom{max-width:1200px;margin:0 auto;padding:30px 20px 0;border-top:1px solid #e0e0e0}.footer-links{text-align:center;margin-bottom:20px}.footer-links a{color:#666;text-decoration:none;font-size:14px;margin:0 15px;transition:color .3s}.footer-links a:hover{color:#008892}.footer-links .separator{color:#ddd;margin:0 5px}.copyright-info{text-align:center;font-size:13px;color:#999;line-height:1.8}.copyright-info p{margin:5px 0;color:#999}.copyright-info .waf-notice{color:#67c23a;font-weight:500}.copyright-info a{color:#999;text-decoration:none}.skeleton-icon{width:60px;height:60px;border-radius:50%}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text-sm{height:14px;width:80%}@media (max-width:768px){.footer-contact{grid-template-columns:1fr}.contact-item,.footer-routes{padding:20px}}.map-container{max-width:1200px;margin:0 auto;padding:40px 20px}.map-header{text-align:center;margin-bottom:40px}.map-header h2{font-size:32px;color:#333;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.map-header h2 i{color:#008892}.map-header p{font-size:16px;color:#666}.map-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.map-wrapper{background-color:#f5f7fa;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}.map-box{width:100%;height:500px}.map-info{display:flex;flex-direction:column;gap:20px}.info-card{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.info-item{display:flex;align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item:first-child{padding-top:0}.info-item-icon{flex-shrink:0;width:45px;height:45px;background:linear-gradient(135deg,#008892,#00a8b3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.info-item h4{font-size:16px;color:#008892;margin-bottom:8px}.info-item p{font-size:14px;color:#666;line-height:1.6;margin:0}.route-card{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.route-card h3{font-size:20px;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.route-card h3 i{color:#008892}.route-details{gap:15px}.route-details,.route-item{display:flex;flex-direction:column}.route-item{gap:5px}.route-label{font-size:14px;color:#008892;font-weight:600}.route-item span:last-child{font-size:14px;color:#666;line-height:1.6}@media (max-width:768px){.map-content{grid-template-columns:1fr}.map-box{height:350px}.map-header h2{font-size:24px}}.home{min-height:100vh}.banner{background:linear-gradient(135deg,#008892,#00a8b3);color:#fff;text-align:center;padding:80px 20px;margin-bottom:40px}.banner h1{font-size:48px;margin-bottom:20px}.banner p{font-size:20px;opacity:.9}@media (max-width:768px){.banner h1{font-size:32px}.banner p{font-size:16px}.banner{padding:60px 20px}}.hospital-environment{max-width:1200px;margin:0 auto;padding:40px 20px}.env-header{text-align:center;margin-bottom:50px}.env-header h2{font-size:32px;color:#333;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.env-header h2 i{color:#008892}.env-header p{font-size:16px;color:#666}.env-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.env-card{background-color:#fff;border-radius:12px;padding:30px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.env-card:hover{transform:translateY(-10px);box-shadow:0 8px 24px rgba(0,136,146,.2)}.env-image{width:100px;height:100px;margin:0 auto 20px;background:linear-gradient(135deg,#008892,#00a8b3);border-radius:50%;display:flex;align-items:center;justify-content:center}.env-image i{font-size:48px;color:#fff}.env-card h4{font-size:18px;color:#333;margin-bottom:12px}.env-card p{font-size:14px;color:#666;line-height:1.6;margin:0}@media (max-width:992px){.env-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.env-grid{grid-template-columns:1fr}.env-header h2{font-size:24px}}.news-and-hot{width:60%;padding:40px 20px}.news-and-hot-wrapper{display:flex;gap:30px;max-width:1200px;margin:0 auto}.news-header{text-align:center;margin-bottom:40px}.news-header h2{font-size:32px;color:#333;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.news-header h2 i{color:#008892}.news-header p{font-size:16px;color:#666}.news-tabs{margin-top:30px}:deep(.el-tabs__item){font-size:20px;color:#666}:deep(.el-tabs__item.is-active){color:#008892;font-weight:600}.el-tabs__item,div#tab-hot{font-size:20px}.el-tabs__item.is-active,.el-tabs__item:hover{color:#008892;font-size:20px;font-weight:700}:deep(.el-tabs__active-bar){background-color:#008892}.hot-list,.news-list{display:flex;flex-direction:column;gap:20px}.news-item{display:grid;grid-template-columns:1fr 300px;gap:30px;background-color:#fff;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;min-height:150px;align-items:center}.news-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,136,146,.2)}.news-content h5{color:#333;margin-bottom:12px;line-height:1.5}.news-content p{color:#666;line-height:1.8;margin-bottom:15px}.news-meta{display:flex;gap:20px;font-size:13px;color:#999}.news-meta span{display:flex;align-items:center;gap:5px}.news-meta i{color:#008892}.news-image{height:100px;width:300px;border-radius:8px;overflow:hidden}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f7fa;color:#999;font-size:48px}.hot-item{display:flex;align-items:flex-start;gap:20px;background-color:#fff;padding:25px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.hot-item:hover{transform:translateX(5px);box-shadow:0 8px 24px rgba(0,136,146,.2)}.hot-rank{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#008892,#00a8b3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.hot-content{flex:1}.hot-content h4{font-size:18px;color:#333;margin-bottom:10px;line-height:1.5}.hot-content p{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.hot-meta{display:flex;gap:20px;font-size:13px;color:#999}.hot-meta span{display:flex;align-items:center;gap:5px}.hot-meta i{color:#f56c6c}.skeleton{background:linear-gradient(90deg,#f2f2f2 25%,#e8e8e8 50%,#f2f2f2 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.news-skeleton-item{display:grid;grid-template-columns:1fr 300px;gap:30px;background-color:#fff;border-radius:12px;padding:30px}.news-skeleton-content{display:flex;flex-direction:column;gap:15px}.news-skeleton-title{height:24px;width:80%}.news-skeleton-summary{height:14px;width:100%}.news-skeleton-summary-sm{height:14px;width:70%}.news-skeleton-meta{display:flex;gap:20px;margin-top:15px}.news-skeleton-meta-item{height:14px;width:80px}.news-skeleton-image{width:300px;height:180px}.hot-skeleton-item{display:flex;align-items:flex-start;gap:20px;background-color:#fff;border-radius:12px;padding:25px}.hot-skeleton-rank{flex-shrink:0;width:50px;height:50px;border-radius:50%}.hot-skeleton-content{flex:1;display:flex;flex-direction:column;gap:10px}.hot-skeleton-title{height:20px;width:70%}.hot-skeleton-summary{height:14px;width:90%}@media (max-width:768px){.news-item{grid-template-columns:1fr;min-height:auto;align-items:flex-start}.news-image{height:200px;width:100%}.news-header h2{font-size:24px}}.hospital-intro{width:40%;padding:40px 20px}.intro-header{margin-bottom:30px}.intro-header h2{font-size:28px;color:#333;margin-bottom:10px;display:flex;align-items:center;gap:10px}.intro-header h2 i{color:#409eff}.intro-content{display:flex;flex-direction:column;gap:25px}.intro-section{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.intro-section h3{font-size:18px;color:#008892;margin-bottom:15px}.intro-section p{font-size:14px;color:#666;line-height:1.8;margin:0}.intro-section ul{list-style:none;padding:0;margin:0}.intro-section ul li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#666}.intro-section ul li:last-child{border-bottom:none}.intro-section ul li i{color:#67c23a}.intro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.stat-item{text-align:center;padding:15px;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:8px}.stat-number{font-size:32px;font-weight:600;color:#008892;margin-bottom:8px}.stat-label{font-size:14px;color:#666}.wechat-section{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.wechat-section h3{font-size:18px;color:#008892;margin-bottom:20px}.wechat-content{display:flex;align-items:center;gap:20px}.wechat-qr{flex-shrink:0;width:150px;height:150px}.qr-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f7fa;border-radius:8px;color:#999;font-size:48px}.wechat-info p{font-size:14px;color:#666;line-height:1.8;margin:5px 0}.intro-skeleton-section{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.intro-skeleton-title{height:18px;width:30%;margin-bottom:20px}.intro-skeleton-text{height:14px;width:100%;margin-bottom:8px}.intro-skeleton-text-sm{height:14px;width:80%}.stat-skeleton-item{text-align:center;padding:15px;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:8px}.stat-skeleton-number{height:32px;width:60px;margin:0 auto 8px}.stat-skeleton-label{height:14px;width:60%;margin:0 auto}.wechat-skeleton-section{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.wechat-skeleton-title{height:18px;width:40%;margin-bottom:20px}.wechat-skeleton-content{display:flex;align-items:center;gap:20px}.wechat-skeleton-qr{flex-shrink:0;width:150px;height:150px}.wechat-skeleton-info{flex:1}.wechat-skeleton-text{height:14px;width:100%}@media (max-width:992px){.news-and-hot-wrapper{flex-direction:column}.hospital-intro,.news-and-hot{width:100%}.wechat-content{text-align:center}.wechat-content,.wechat-skeleton-content{flex-direction:column}}