/* 全局重置 & 基础样式 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft Yahei", sans-serif;}
ul,ol,li{list-style:none;list-style-type:none;}
/* 手机端适配 */
html, body {width: 100%;overflow-x: hidden;background-color: #FFF0F5; /* 淡粉色底，女性色调 */ color: #333;}
/* viewport设置（HTML中已加，此处强调） */
meta[name="viewport"] {content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no";}
/* 顶部导航栏 */
.header {width: 100%;background-color: #FF69B4; /* 主粉色 */padding:2%;position: fixed;top: 0;z-index: 999;display: flex;align-items: center;justify-content: space-between;}
.logo{width:30%;float:left;overflow:hidden;}
.logo img{width:100%;height:auto;}
.nav {display: flex;gap: 15px;width:69%;float:right;overflow:hidden;}
.nav a {color: #fff;text-decoration: none;font-size: 14px;font-weight: 500;padding: 5px 8px;border-radius: 4px;transition: background-color 0.3s;}
.nav a:hover, .nav a.active {background-color: #E64398; /* 深粉强调色 */}
/* 轮播图容器（所有页面通用） */
.banner-container {width: 100%;height:auto;margin-top: 60px; /* 避开固定导航 */  overflow: hidden;position: relative;}
.banner-wrapper {display: flex;width: 300%;height: auto;transition: transform 0.5s ease;}
.banner-item {width: 100%;height: auto;}
.banner-item img {width: 100%;height:auto;object-fit: cover;}
.banner-dots {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;}
.dot {width: 8px;height: 8px;border-radius: 50%;background-color: #fff;opacity: 0.6;cursor: pointer;}
.dot.active {opacity: 1;background-color: #FF69B4;}
/* 内容容器 */
.container {width: 90%;margin: 20px auto;}
/* 标题通用样式 */
.section-title {font-size: 18px;color: #E64398;margin-bottom: 15px;padding-left: 10px;border-left: 4px solid #FF69B4;}
/* 首页 - 服务项目版块（风格1：卡片式） */
.service-section {margin-bottom: 30px;}
.service-cards {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}
.service-card {background-color: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 8px rgba(255, 105, 180, 0.2);}
.service-card img {width: 100%;height: 120px;object-fit: cover;}
.service-card .card-content {padding: 10px;}
.service-card h3 {font-size: 15px;margin-bottom: 5px;color: #E64398;}
.service-card p {font-size: 12px;color: #666;line-height: 1.4;}
/* 首页 - 新闻资讯版块（风格2：列表式） */
.news-section {margin-bottom: 30px;}
.news-list-simple {display: flex;flex-direction: column;gap: 10px;}
.news-item-simple {display: flex;align-items: center;background-color: #FFFAFA;border: 1px solid #FFB6C1;padding: 10px;border-radius: 6px;}
.news-item-simple img {width: 80px;height: 80px;object-fit: cover;border-radius: 4px;margin-right: 10px;}
.news-item-simple .news-content {flex: 1;}
.news-item-simple h3 {font-size: 16px;margin-bottom: 5px;color: #333;}
.news-item-simple p {font-size: 12px;color: #999;}
/* 服务项目列表页（风格A：全屏卡片） */
.service-list-page .service-item {background-color: #fff;margin-bottom: 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(255, 105, 180, 0.15);}
.service-list-page .service-item img {width: 100%;height: 180px;object-fit: cover;}
.service-list-page .service-content {padding: 15px;}
.service-list-page h2 {font-size: 17px;color: #E64398;margin-bottom: 8px;}
.service-list-page p {font-size: 13px;color: #666;line-height: 1.5;}
/* 新闻资讯列表页（风格B：边框+hover效果） */
.news-list-page .news-item {border-bottom: 2px solid #FFB6C1;padding: 15px 0;transition: background-color 0.3s;}
.news-list-page .news-item:hover {background-color: #FFE4E1;}
.news-list-page .news-item img {width: 100%;height: 160px;object-fit: cover;border-radius: 4px;margin-bottom: 10px;}
.news-list-page h2 {font-size: 16px;color: #333;margin-bottom: 6px;}
.news-list-page p {font-size: 13px;color: #777;}
/* 页码样式 */
.pagination {display: flex;justify-content: center;gap: 10px;margin: 20px 0;}
.pagination a {display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: #fff;color: #FF69B4;border-radius: 50%;text-decoration: none;font-size: 14px;}
.pagination a.active {background-color: #FF69B4;color: #fff;}
/* 详情页样式 */
.detail-page {background-color: #fff;padding: 20px;border-radius: 10px;margin-top: 10px;}
.detail-page img {width: 100%;height: 200px;object-fit: cover;margin: 15px 0;border-radius: 8px;}
.detail-page h1 {font-size: 20px;color: #E64398;margin-bottom: 10px;}
.detail-page .detail-info {font-size: 12px;color: #999;margin-bottom: 15px;}
.detail-page .detail-content {font-size: 14px;line-height: 1.8;color: #555;}
.detail-page .detail-content img{width:100%!important;height:auto!important;}
/* 相关推荐 */
.related-recommend {margin: 20px 0;}
.related-list {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;overflow:hidden;}
.related-item {background-color: #FFF0F5;padding: 10px;border-radius: 6px;}
.related-item img {width: 100%;height: 80px;object-fit: cover;border-radius: 4px;margin-bottom: 5px;}
.related-item h3 {font-size: 12px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 联系我们页 */
.contact-page {background-color: #fff;padding: 20px;border-radius: 10px;margin-top: 10px;}
.contact-page .contact-item {display: flex;align-items: center;margin-bottom: 15px;gap: 10px;}
.contact-page .contact-icon {width: 30px;height: 30px;background-color: #FF69B4;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;}
.contact-page .contact-content h3 {font-size: 15px;color: #333;margin-bottom: 3px;}
.contact-page .contact-content p {font-size: 13px;color: #666;}
/* 右侧固定悬浮框 */
.float-box {position: fixed;right: 10px;bottom: 50px;z-index: 998;display: flex;flex-direction: column;gap: 10px;}
.float-btn {width: 45px;height: 45px;border-radius: 50%;background-color: #FF69B4;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;cursor: pointer;box-shadow: 0 2px 8px rgba(255, 105, 180, 0.3);transition: background-color 0.3s;text-align:center;}
.float-btn img,.contact-page .contact-icon img{width:65%;height:auto;}
.float-btn:hover {background-color: #E64398;}
/* 微信二维码弹窗 */
.wechat-modal {position: fixed;right: 60px;bottom: 50px;background-color: #fff;padding: 10px;border-radius: 8px;box-shadow: 0 3px 15px rgba(0,0,0,0.2);display: none;z-index: 997;}
.wechat-modal img {width: 120px;height: 120px;}
/* 底部版权 */
.footer {width: 100%;background-color: #FF69B4;color: #fff;text-align: center;padding: 15px 0;font-size: 12px;margin-top: 20px;}
/* 回到顶部按钮（默认隐藏） */
#backToTop {display: none;}
/* 响应式适配（小屏手机） */
@media (max-width: 375px) {.nav {  gap: 10px;}
  .nav a {  font-size: 13px;}
  .banner-container {  height: 180px;}
  .service-cards {  grid-template-columns: 1fr;}
}