/* --- 全局样式 --- */
:root {
    --primary: #2db3a6;
    --accent: #c79d59;
    --text: #333;
    --gray: #666;
    --gray-light: #999;
    --bg: #F7F8FA;
    --border: #EAEAEA;
    --white: #fff;
}
*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;}
body{font-family:PingFang SC,Helvetica,Arial;background:var(--bg);font-size:0.24rem;color:var(--text);line-height:1.5;}
ul,li{list-style:none;}
a{text-decoration:none;color:inherit;}
img{display:block;width:100%;border:0;}
.clearfix::after{content:"";display:block;clear:both;}
.viewport{max-width:7.5rem; margin: 0 auto;}
/* --- 头部 --- */
.header{height:1rem;background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 0.3rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);}
.logo{height:0.75rem;width:auto;}
.nav-toggle{font-size:0.45rem;color:var(--primary); cursor: pointer;}
.nav-overlay{position:fixed;top:1rem;left:0;width:100%;height:calc(100% - 1rem);background:rgba(0,0,0,0.5);;z-index:999;display:none;}
.nav-menu{background:var(--white);position:absolute;top:0;right:-80%;width:80%;height:100%;transition:right 0.3s ease;overflow-y:auto;}
.nav-menu.active{right:0;}
.nav-menu li{border-bottom:1px solid var(--border);}
.nav-menu li a{display:block;padding:0.3rem 0.6rem;font-size:0.3rem;color:var(--text-color);}
.nav-menu .active{color:var(--primary);background-color:#f0fffd;}
/* --- Banner --- */
.swiper-banner{width:100%;height:3.5rem;background:#ddd;position:relative;overflow:hidden;}
.swiper-banner .swiper-wrapper{display:flex;width:100%;height:100%;}
.swiper-banner .swiper-slide{flex-shrink:0;width:100%;height:100%;}
.swiper-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.swiper-banner .swiper-pagination{position:absolute;bottom:0.2rem;width:100%;text-align:center;z-index:10;}
.swiper-banner .swiper-pagination-bullet{display:inline-block;width:0.12rem;height:0.12rem;background:#fff;border-radius:50%;margin:0 0.05rem; opacity: 1;}
.swiper-banner .swiper-pagination-bullet-active{background:var(--primary);width:0.3rem;border-radius:0.1rem;}

/* --- 卡露丝王牌项目 --- */
 .king-items{background:var(--white);padding:0.3rem 0;margin-bottom:0.2rem;}
.king-title{text-align:center;font-size:0.32rem;font-weight:bold;color:var(--text);margin-bottom:0.3rem;position:relative;}
.king-title::after{content:"";display:block;width:0.6rem;height:2px;background:var(--primary);margin:0.1rem auto 0;}
.grid-nav{display:flex;flex-wrap:wrap;}
.grid-item{width:20%;display:flex;flex-direction:column;align-items:center;margin-bottom:0.2rem;}
.grid-icon{width:0.9rem;height:0.9rem;background-color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:0.1rem;font-size:0.4rem;}
.grid-icon i{background:linear-gradient(180deg, #fff 0%, #feffa9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.grid-text{font-size:0.24rem;color:var(--text);}

/* 通用标题 */
 .section{background:var(--white);margin-bottom:0.2rem;padding:0.3rem;}
.sec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.2rem;padding-left:0.2rem;position:relative;}
.sec-header::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.05rem;height:0.32rem;background:var(--primary); border-radius: 0.2rem;}
.sec-title{font-size:0.32rem;font-weight:bold;}
.sec-more{font-size:0.24rem;color:var(--gray);}

/* ================= Activity Banner ================= */
 .activity-scroll{overflow-x:auto;white-space:nowrap;padding-bottom:0.1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.activity-scroll::-webkit-scrollbar{display:none;}
.activity-card{display:inline-block;width:3.5rem;margin-right:0.2rem;vertical-align:top;}
.activity-card img{width:100%;border-radius:4px;border:1px solid #eee;}
.activity-card span{display:block;font-size:0.24rem;margin-top:0.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* --- 新闻热点 --- */
.index-news-box{background:#fff;overflow:hidden; margin-bottom: 0.2rem;}
.news-list{background: #fff;}
.news-list .news-item{display:flex;padding:0.3rem 0;border-bottom:1px solid #f5f5f5;}
.news-list .news-item:last-child{border-bottom:none;}
.news-list .news-img{width:2.2rem;height:1.6rem;border-radius:0.08rem;overflow:hidden;flex-shrink:0;margin-left:0.24rem;}
.news-list .news-img img{width:100%;height:100%;object-fit:cover;}
.news-list .news-txt{flex:1;display:flex;flex-direction:column;}
.news-list .news-txt h4{font-size:0.28rem;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 0.1rem;}
.news-list .news-txt p{font-size:0.24rem;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-list .news-meta{padding-top: 0.05rem; font-size:0.24rem;color:var(--gray-light);display:flex;justify-content:space-between;align-items:center;}


/* 专家团队 */
 .h-scroll-wrapper{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:0.1rem;}
 .h-scroll-wrapper::-webkit-scrollbar{display:none;}
 .expert-card{display:inline-block;width:2.2rem;text-align:center;margin-right:0.2rem;vertical-align:top;}
.expert-img{width:2.2rem;height:2.8rem;border-radius:4px;overflow:hidden;margin-bottom:0.1rem;background-color:#eee;}
.expert-img img{width:100%;height:100%;object-fit:cover;}
.expert-name{font-size:0.2rem; width:2.2rem; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.expert-title{font-size:0.2rem;color:var(--gray);white-space:normal;line-height:1.2;height:0.6rem;overflow:hidden;}

/* 品牌形象店 */
.store-card{display:inline-block;width:2.2rem;margin-right:0.2rem;vertical-align:top;border-radius:4px;overflow:hidden;}
.store-img{width:100%;height:2.2rem;background-color:#eee;}
.store-img img{width:100%;height:100%;object-fit:cover;}
.store-info{padding:0.15rem;}
.store-name{font-size:0.26rem;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.store-desc{font-size:0.22rem;color:var(--gray);margin-top:0.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 品牌六大优势 */
.brand-grid{display:flex;flex-wrap:wrap;justify-content:space-between;}
.brand-item{width:32%;background:#f9f9f9;text-align:center;padding:0.2rem 0.1rem;margin-bottom:0.15rem;border-radius:4px;}
.brand-item .icon{font-size:0.5rem;color:var(--primary);margin-bottom:0.1rem;display:block;}
.brand-item .title{font-size:0.24rem;color:#333;line-height:1.2;}

/* 洗护设备 */
.product-grid{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-item{width:48%;margin-bottom:0.3rem;background:#fff;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.product-img{width:100%;height:3rem;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-img img{width:100%;height:100%;object-fit:cover;}
.product-info{padding:0.2rem;}
.product-name{font-size:0.26rem;color:var(--text);margin-bottom:0.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.product-desc{font-size:0.22rem;color:var(--gray);}

 /* --- 成功案例 --- */
.case-section{background:#fff;margin-bottom:0.2rem;overflow:hidden;}
.case-tabs-swiper{border-bottom:1px solid #eee;}
.case-tabs-swiper .swiper-wrapper{display:flex;justify-content:space-around;}
.case-tabs-swiper .swiper-slide{width:auto !important;}
.case-tab{cursor:pointer;transition:color 0.3s;position:relative;}
.case-tab a{display:block;padding:0.25rem 0;font-size:0.26rem;color:#666;white-space:nowrap;}
.case-tab.active a{color:var(--primary);font-weight:bold;}
.case-tab.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50%;height:0.04rem; border-radius: 0.02rem; background:var(--primary);}
.case-content-wrapper .swiper-slide{height:auto;}
.case-list{padding:0.2rem 0.3rem;}
.case-item{display:flex;padding:0.3rem 0;border-bottom:1px solid #f5f5f5;}
.case-item:last-child{border-bottom:none;}
.case-img{width:2.2rem;height:1.6rem;border-radius:0.08rem;overflow:hidden;flex-shrink:0;margin-left:0.2rem;}
.case-img img{width:100%;height:100%;object-fit:cover;}
.case-txt{flex:1;display:flex;flex-direction:column;}
.case-txt h4{font-size:0.28rem;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 0.1rem;}
.case-txt p{font-size:0.24rem;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* --- 产品展示 --- */
.pro-scroll{display:flex;overflow-x:auto;padding:0.3rem 0.3rem 0.3rem;gap:0.2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none; background: #fff; }
.pro-scroll::-webkit-scrollbar{display:none;}
.pro-card{flex:0 0 3rem;background:#fff;border-radius:0.1rem;overflow:hidden;border:1px solid #eee;}
.pro-card img{height:2.2rem;object-fit:contain;background:#f9f9f9;}
.pro-info{padding:0.15rem;text-align:center;}
.pro-info h4{font-size:0.26rem;margin-bottom:0.1rem;}

.train-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.15rem;}
.train-item{aspect-ratio:1;overflow:hidden;border-radius:0.1rem;}
.train-item img{width:100%;height:100%;object-fit:cover;}

 .footer{background:#333;color:#ccc;padding:0.4rem 0.2rem 1.3rem 0.2rem;text-align:center;}
 .footer p{font-size:0.22rem;margin-bottom:0.1rem;color:#888;}

/* --- 底部固定栏 --- */
 .bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:1rem;background:var(--white);border-top:1px solid var(--border);display:flex;z-index:1000;}
.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray);}
.bar-item.orange-btn{background:var(--accent);color:white;}
.bar-item.main-btn{background:var(--primary);color:white;}

.bar-icon{font-size:0.36rem;}
.bar-text{font-size:0.22rem;}
 .icon-svg{width:1em;height:1em;fill:currentColor;vertical-align:middle;}

/* 分类Tab */
.tabs { display: flex; background: #fff; border-bottom: 1px solid #eee; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.tabs::-webkit-scrollbar{display:none;}
.tab-item { flex: 0 0 auto; padding: 0 0.3rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.28rem; position: relative; }
.tab-item.active { color: var(--primary); font-weight: bold; }
.tab-item.active::after { content: ""; position: absolute; bottom: 0;  width: 0.4rem; height:0.04rem;     left: 50%;
    transform: translateX(-50%);background: var(--primary); }

 /* 产品列表 */
 .product-list{padding:0 0.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-card{width:49%;background:var(--white);border-radius:6px;overflow:hidden;margin-bottom:0.2rem;box-shadow:0 2px 5px rgba(0,0,0,0.05);display:flex;flex-direction:column;}
.p-img-box{width:100%;height:4rem;background:#fff;display:flex;align-items:center;justify-content:center;padding:0.2rem;}
.p-img-box img{max-width:100%;max-height:100%;object-fit:cover;}
.p-info{padding:0 0.2rem 0.2rem 0.2rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.p-title{font-size:0.28rem;color:var(--text);margin-bottom:0.1rem;height:0.4rem; line-height:1.4;  text-overflow: ellipsis; }
.p-tag{display:inline-block;font-size:0.2rem;color:var(--gray);background:#f0f0f0;padding:0.05rem 0.1rem;border-radius:2px;align-self:flex-start;margin-bottom:0.15rem;}
.p-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;}
.p-btn{background:var(--primary);color:var(--white);font-size:0.22rem;padding:0.08rem 0.2rem;border-radius:0.3rem; width: 100%; text-align: center;}

.pagination{display:flex;justify-content:center;align-items:center;padding:0.3rem;margin-bottom:0.2rem;}
.page-btn{width:0.6rem;height:0.6rem;border:1px solid #ddd;border-radius:0.06rem;display:flex;align-items:center;justify-content:center;margin:0 0.1rem;font-size:0.26rem;color:#666;text-decoration:none;background:#fff;}
.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.page-btn.disabled{opacity:0.3;pointer-events:none;}
.page-btn.prev,.page-btn.next{width:0.7rem;}
.dots{margin:0 0.1rem;color:#999;}

.path{padding:0.15rem 0.3rem;color:#666;font-size:0.24rem;}
.path a{color:#666;text-decoration:none;}
.path span{margin:0 0.1rem;}

.pro-detial{background:#fff;padding:0.3rem;margin-bottom:0.2rem;}
.pro-detial h1{font-size:0.38rem;font-weight:bold;margin-bottom:0.2rem;text-align:center;padding-top:0.1rem;}
.pro-detial .pro-img{text-align: center; margin-bottom:0.2rem;}
.pro-detial .pro-img img{max-width:100%;width: auto; height:auto; display: inline-block; margin: 0 auto;}
.pro-detial .pro-title{font-size:0.32rem;color:var(--primary) ;font-weight:bold;margin-bottom:0.2rem;text-align:left;padding:0;}
.pro-detial .pro-desc{font-size:0.26rem;color:#666;line-height:1.6; margin-bottom: 0.2rem;}
.pro-detial .pro-desc p{margin-bottom:0.2rem;}

.rela-product{padding:0.3rem; background: #fff;}
.rela-product .product-list{ padding: 0;}
.rela-product .product-card{ width: 48%;}

.article-box{background:#fff;padding:0.3rem;margin-bottom:0.2rem;}
.article-box h1{font-size:0.38rem;font-weight:bold;margin-bottom:0.2rem;text-align:center;padding-top:0.1rem;}
.article-meta{font-size:0.24rem;color:#999;text-align:center;margin-bottom:0.3rem;padding-bottom:0.2rem;border-bottom:1px solid #eee;}
.article-meta span{margin:0 0.15rem;}
.article-content{font-size:0.28rem;color:#333;line-height:1.8;}
.article-content div,.article-content p{margin-bottom:0.2rem;}
.article-content h2{font-size:0.32rem;font-weight:bold;margin-bottom:0.2rem;text-align:left;padding:0.2rem 0; line-height: 1.4;}
.article-content img{max-width:100%;height:auto;display:block;margin:0.2rem auto;}
.article-content a{color:var(--primary);text-decoration:none;}
.article-content span{color:var(--primary);}

.news-list{ padding-bottom: 0.2rem; background: #fff;}


.calc-section{background:linear-gradient(-180deg,#effaff,#fff);border-radius:0.2rem 0.2rem 0 0;padding:0.4rem 0.3rem 0.6rem;color:#333; border-top: 0.05rem solid var(--primary); margin-bottom: 0.2rem; }
.calc-title{font-size:0.38rem;font-weight:bold; text-align: center;}
 .calc-section .sub-title{font-size:0.28rem;color:#999;margin-bottom:0.1rem; text-align: center;}
 .calc-section .sub-title em{font-size:0.34rem;font-weight:bold;color:var(--primary);}
.calc-input{background:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:0.1rem;padding:0.2rem;margin-top:0.2rem;color:#333;width:100%;font-size:0.28rem;font-family:PingFang SC,Helvetica,Arial;transition:border-color 0.3s;}
.calc-textarea{background:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:0.1rem;padding:0.2rem;margin-top:0.2rem;color:#333;width:100%;font-size:0.28rem;font-family:PingFang SC,Helvetica,Arial;transition:border-color 0.3s;}
.calc-input::placeholder,.calc-textarea::placeholder{color:#999;}
.calc-input.error,.calc-textarea.error{border-color:#FF433E;}
.calc-btn{background:var(--accent);border:none;width:100%;padding:0.25rem;border-radius:0.5rem;margin-top:0.3rem;color:#fff;font-size:0.3rem;font-weight:bold;box-shadow:0 4px 10px rgba(0,0,0,0.1); cursor: pointer;}


/* 弹窗 */
 .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:1000;display:none;justify-content:center;align-items:center;}
.modal-overlay.active{display:flex;}
.modal-content{width:6.0rem;background-color:#fff;border-radius:0.2rem;padding:0.5rem 0.4rem;position:relative;animation:modalFadeIn 0.3s ease-out;}
@keyframes modalFadeIn{from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
.modal-content .close-icon{position:absolute;top:0.3rem;right:0.3rem;width:0.4rem;height:0.4rem;cursor:pointer;color:#999;font-size:0.5rem;line-height:0.4rem;text-align:center;}
.modal-content h3{text-align:center;font-size:0.36rem;font-weight:bold;margin-bottom:0.5rem;color:#333;}
.modal-form .input-group{margin-bottom:0.25rem;}
.modal-form .common-input{width:100%;padding:0.25rem;background-color:#F5F7FA;border:1px solid #EAEAEA;border-radius:0.1rem;font-size:0.28rem;font-family:PingFang SC,Helvetica,Arial;color:#333;transition:border-color 0.3s;}
.modal-form .common-input:focus{border-color:#FF433E;box-shadow:none;}
.modal-form .common-input.error{border-color:#FF433E;}
.modal-form .submit-btn{width:100%;padding:0.3rem;background:var(--primary);border:none;border-radius:0.1rem;color:#fff;font-size:0.32rem;font-weight:bold;cursor:pointer;font-family:PingFang SC,Helvetica,Arial;}
.modal-form .submit-btn:active{background:#1690b5;}
/* 提示框 */
 .toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.75);color:#fff;padding:0.2rem 0.4rem;border-radius:0.1rem;font-size:0.28rem;z-index:99999;opacity:0;transition:opacity 0.3s;pointer-events:none;text-align:center;max-width:80%;}
.toast.show{opacity:1;}