/* ==================== 核心适配设置 ==================== */
html{font-size:calc(100vw / 19.2);}
body{font-size:var(--f16);}
@media screen and (max-width:1599px) and (min-width:769px){html{font-size:calc(100vw / 16);}
:root{--max-width:94%;}
.header .nav-links{gap:0.3rem;}
.header .nav-links>a,.header .nav-links .nav-item>a{font-size:var(--f16);}
}
@media screen and (max-width:768px){html{font-size:calc(100vw / 7.5);}
body{font-size:0.24rem;overflow-x:hidden;}
:root{--max-width:100%;}
}
/* ==================== 全局样式 ==================== */
:root{--primary:#79cd28;--primary-dark:#76a935;--text-sub:#666;--dark:#333;--glass:rgba(255,255,255,0.8);--transition:all 0.6s cubic-bezier(0.16,1,0.3,1);--max-width:16rem;--radius:0.12rem;--shadow:0 0.1rem 0.3rem rgba(0,0,0,0.08);--f12:0.12rem;--f14:0.14rem;--f16:0.16rem;--f18:0.18rem;--f20:0.2rem;--f22:0.22rem;--f24:0.24rem;--f26:0.26rem;--f28:0.28rem;--f30:0.3rem;--f32:0.32rem;--f34:0.34rem;--f36:0.36rem;--f38:0.38rem;--f40:0.4rem;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,"SF Pro SC","SF Pro Text","Helvetica Neue",sans-serif;background:#fff;color:var(--dark);overflow-x:hidden;scroll-behavior:smooth;line-height:1.8;font-size:var(--f22);}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul{list-style:none;}
::-webkit-scrollbar{width:0.08rem;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:var(--primary);border-radius:0.1rem;}
/* ==================== Header 头部导航 ==================== */
.header{position:fixed;top:0;width:100%;height:0.88rem;z-index:1000;transition:var(--transition);border-bottom:1px solid transparent;}
.header.scrolled{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);height:0.88rem;border-bottom:1px solid rgba(0,0,0,0.05);}
.header .nav-inner{max-width:16rem;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0.2rem;}
.header .logo-box{width:1.84rem;height:0.53rem;}
.header .logo-box a{width:1.84rem;height:0.53rem;display:block;background:url('../images/logo.png') no-repeat;overflow:hidden;background-size:contain;}
.header .logo-box a img{margin-left:-2rem;position:relative;opacity:0;}
/* 隐藏实际img，使用背景图更稳 */
.header.scrolled .logo-box a{background:url('../images/logo-black.png') no-repeat;background-size:contain;}
.header .nav-links ul{display:flex;gap:0.5rem;position:relative;list-style:none;margin:0;padding:0;}
.header .nav-links ul li{position:relative;}
.header .nav-links ul li>a{display:block;height:0.88rem;line-height:0.85rem;font-size:var(--f18);font-weight:500;position:relative;color:#fff;}
.header .nav-links ul li>a:hover{opacity:1;color:var(--primary);font-weight:bold;}
.header .nav-links ul li>a::after{content:'';position:absolute;bottom:0.2rem;left:0;width:0;height:0.02rem;background:var(--primary);transition:0.3s;}
.header .nav-links ul li>a:hover::after{width:100%;}
.header.scrolled .nav-links ul li>a::after{content:'';position:absolute;bottom:0.2rem;left:0;width:0;height:0.02rem;background:var(--primary);transition:0.3s;}
.header.scrolled .nav-links ul li>a{color:#000;}
.header.scrolled .nav-links ul li>a:hover{color:var(--primary);}
.header.scrolled .nav-links ul li>a:hover::after{width:100%;}
.header .nav-links .dropdown{position:absolute;top:90%;left:50%;transform:translateX(-50%) translateY(0.1rem);min-width:2rem;background:#fff;border-radius:0.12rem;box-shadow:0 0.1rem 0.4rem rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all 0.3s ease;padding:0.1rem 0;margin:0;}
.header .nav-links ul li:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.header .nav-links .dropdown p{margin:0;padding:0;text-align:center;}
.header .nav-links .dropdown a{display:block;padding:0.12rem 0.2rem;color:var(--dark);font-size:var(--f16);transition:all 0.3s;height:auto;line-height:1.5;color:#333 !important;}
.header .nav-links .dropdown a::after{display:none;}
.header .nav-links .dropdown a:hover{background:rgba(146,214,42,0.1);color:var(--primary) !important;}
.header .hotline{background:var(--primary);color:#fff;padding:0.1rem 0.25rem;border-radius:0.5rem;font-weight:bold;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;cursor:pointer;transition:transform 0.3s;}
.header .hotline:hover{transform:scale(1.05);box-shadow:0 0.05rem 0.15rem rgba(144,211,42,0.4);}
.header .hotline span:first-child{font-size:var(--f18);}
.header .hotline span:last-child{font-size:var(--f12);opacity:0.9;}
/* ==================== 手机端菜单 ==================== */
.mobile-menu-btn{display:none;font-size:var(--f24);color:var(--dark);cursor:pointer;z-index:1002;}
/* ==================== Hero 轮播区域 ==================== */
.hero{height:auto;position:relative;background:linear-gradient(135deg,#3bafe0 0%,#a2e2fb 50%,#fff 100%);overflow:hidden;}
.hero .swiper-hero,.hero .swiper-wrapper{width:100%;height:auto;}
.hero .hero-slide{position:relative;width:100%;height:auto;overflow:hidden;flex-shrink:0;}
.hero .hero-slide img{position:relative;display:block;width:100%;height:auto;object-fit:contain;}
/* 调整分页器位置，因为高度变了，可能需要微调 */
.hero .swiper-pagination{position:absolute;bottom:0.2rem;left:50%;transform:translateX(-50%);z-index:10;}
.hero .swiper-pagination-bullet{width:0.12rem;height:0.12rem;background:#fff;opacity:0.5;transition:all 0.3s;}
.hero .swiper-pagination-bullet-active{width:0.4rem;border-radius:0.06rem;opacity:1;background:var(--primary);}
.hero .swiper-button-next,.hero .swiper-button-prev{color:#fff;transition:all 0.3s;width:0.5rem;height:0.5rem;}
.hero .swiper-button-next:hover,.hero .swiper-button-prev:hover{color:var(--primary);transform:scale(1.2);}
.hero .swiper-button-next::after,.hero .swiper-button-prev::after{font-size:var(--f30);}
/* ==================== Section 标题 ==================== */
.section-title{text-align:center;margin-bottom:0.6rem;position:relative;z-index:2;}
.section-title h2{font-size:0.48rem;color:#333;margin-bottom:0.1rem;font-weight:800;}
.section-title p{font-size:var(--f22);color:#666;letter-spacing:0.02rem;font-weight:600;}
.section-title span{font-size:var(--f22);color:var(--primary);font-weight:600;letter-spacing:0.02rem;text-transform:uppercase;display:block;}
/* ==================== Product 产品展示 ==================== */
.product-section{padding:1.2rem 0 0.5rem 0;position:relative;background:url(../images/index-product-bottom-bj.png) no-repeat center center #fff;background-size:cover;overflow:hidden;}
.product-section::after{content:'';width:150%;height:100%;background:url(../images/index-product-bg.png) repeat-x top 38% center;background-size:contain;position:absolute;top:0;pointer-events:none;z-index:1;animation:product-bg 20s infinite linear;}
@keyframes product-bg{0%{transform:translateX(0);}
100%{transform:translateX(-8rem);}
}
.product-section .product-header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;max-width:16rem;margin:0 auto;padding:0 0.3rem;}
.product-section .section-title h2{font-size:0.48rem;font-weight:800;color:var(--dark);margin-bottom:0.1rem;}
.product-section .product-nav{z-index:10;}
.product-section .product-nav ul{display:flex;gap:0.1rem;flex-wrap:wrap;justify-content:center;}
.product-section .product-nav li{font-size:var(--f16);cursor:pointer;padding:0.1rem 0.2rem;border-radius:0.3rem;transition:all 0.3s;}
.product-section .product-nav li:hover{color:var(--primary);background:rgba(146,214,42,0.1);}
.product-section .product-nav li.active{color:#fff;background:var(--primary);}
.product-section .carousel-wrapper{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;cursor:grab;z-index:50;}
.product-section .carousel-wrapper:active{cursor:grabbing;}
.product-section .showcase-area{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:12rem;}
.product-section .wood-plate{position:absolute;top:80%;width:5.93rem;height:1.94rem;background:url('../images/dish.png') no-repeat center center;left:50%;margin-left:-2.965rem;z-index:1;pointer-events:none;background-size:contain;}
.product-section .drinks-container{position:relative;width:100%;height:5rem;display:flex;justify-content:center;align-items:flex-end;transform-style:preserve-3d;z-index:5;}
.product-section .drink-item{position:absolute;width:1.9rem;transition:transform 0.6s cubic-bezier(0.25,0.8,0.25,1),opacity 0.6s ease,filter 0.6s ease;text-align:center;opacity:0;transform:translateX(12rem) scale(0.5);pointer-events:auto;}
.product-section .drink-item.no-anim{transition:none !important;}
.product-section .drink-item a{display:block;width:100%;height:100%;cursor:pointer;}
.product-section .drink-item img{width:100%;display:block;}
.product-section .drink-item .seo-data{display:none;}
/* 3D 轮播位置转换 */
.product-section .drink-item.pos-center{transform:translateX(0) scale(1.5) translateY(-0.5rem);z-index:50;opacity:1;filter:blur(0);}
.product-section .drink-item.pos-right-1{transform:translateX(3.5rem) scale(1.0) translateY(-0.2rem);z-index:40;opacity:0.9;filter:blur(0);}
.product-section .drink-item.pos-right-2{transform:translateX(6.5rem) scale(0.75) translateY(-0.2rem);z-index:30;opacity:0.6;filter:blur(0);}
.product-section .drink-item.pos-left-1{transform:translateX(-3.5rem) scale(1.0) translateY(-0.2rem);z-index:40;opacity:0.9;filter:blur(0);}
.product-section .drink-item.pos-left-2{transform:translateX(-6.5rem) scale(0.75) translateY(-0.2rem);z-index:30;opacity:0.6;filter:blur(0);}
.product-section .drink-item.pos-out-right{transform:translateX(12rem) scale(0.5) translateY(-0.2rem);z-index:0;opacity:0;filter:blur(0.1rem);}
.product-section .drink-item.pos-out-left{transform:translateX(-12rem) scale(0.5) translateY(-0.2rem);z-index:0;opacity:0;filter:blur(0.1rem);}
.product-section .info-panel{text-align:center;margin-top:1rem;position:relative;z-index:60;height:0.8rem;pointer-events:none;}
.product-section .info-title{font-size:var(--f36);font-weight:900;color:#000;margin-bottom:0.1rem;transition:0.4s;}
.product-section .info-desc{font-size:var(--f16);color:#333;max-width:6rem;margin:0 auto;line-height:1.6;transition:0.4s;padding:0 0.2rem;}
.product-section .info-panel.hide .info-title,.product-section .info-panel.hide .info-desc{opacity:0;transform:translateY(0.2rem);}
.product-section .info-panel.show .info-title,.product-section .info-panel.show .info-desc{opacity:1;transform:translateY(0);}
.product-section .arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:0.5rem;height:0.5rem;background-color:rgba(255,255,255,0.6);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:all 0.3s ease;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);}
.product-section .arrow-btn:hover{background-color:var(--primary);transform:translateY(-50%) scale(1.1);box-shadow:0 0.05rem 0.15rem rgba(146,214,42,0.4);}
.product-section .arrow-btn svg{width:0.2rem;height:0.2rem;fill:#333;transition:0.3s;}
.product-section .prev-btn{left:0.4rem;}
.product-section .next-btn{right:0.4rem;}
.product-section .pagination-dots{display:flex;justify-content:center;align-items:center;gap:0.12rem;margin-top:0.6rem;padding-bottom:0.3rem;z-index:100;}
.product-section .dot{width:0.12rem;height:0.12rem;background-color:#ffffff;border-radius:50%;cursor:pointer;transition:all 0.3s ease;opacity:0.5;}
.product-section .dot.active{background-color:var(--primary);width:0.4rem;border-radius:0.2rem;}
/* ==================== Store 门店展示 ==================== */
.store-section{background:#f4f8eb;padding:1rem 0;}
.store-section .store-grid{width:100%;max-width:16rem;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(2,2.8rem);gap:0.2rem;padding:0 0.3rem;}
.store-section .store-big{grid-row:span 2;border-radius:0.2rem;overflow:hidden;position:relative;box-shadow:0 0.2rem 0.4rem rgba(0,0,0,0.1);}
.store-section .store-swiper-sub{width:100%;height:100%;}
.store-section .store-swiper-sub img{width:100%;height:100%;object-fit:cover;}
.store-swiper-sub .swiper-pagination{bottom:0.2rem;z-index:10;}
.store-swiper-sub .swiper-pagination .swiper-pagination-bullet{background:#ddd;opacity:1;transition:all 0.3s ease;width:0.12rem;height:0.12rem;border-radius:0.06rem;}
.store-swiper-sub .swiper-pagination .swiper-pagination-bullet-active{background:var(--primary);width:0.4rem;border-radius:0.15rem;}
.store-section .store-small{border-radius:0.2rem;overflow:hidden;position:relative;}
.store-section .store-small img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.store-section .store-small:hover img{transform:scale(1.1);}
.store-section .store-tag{position:absolute;bottom:0.2rem;left:0.2rem;background:rgba(74,83,61,0.5);color:#fff;padding:0.08rem 0.2rem;font-weight:bold;border-radius:0.04rem;z-index:99;font-size:var(--f16);}
/* ==================== Business 门店生意 ==================== */
.business-section{background:var(--primary);padding:0.8rem 0;color:#fff;text-align:center;overflow:hidden;}
.business-section .section-title h2,.business-section .section-title p{color:#fff;}
.business-section .business-scroll-container{display:flex;flex-direction:column;gap:0.1rem;padding:0.2rem 0;}
.business-section .scroll-row{width:100%;overflow:hidden;}
.business-section .scroll-row:hover .scroll-track{animation-play-state:paused;}
.business-section .scroll-track{display:flex;gap:0.1rem;width:max-content;}
.business-section .scroll-right .scroll-track{animation:scrollRight 40s linear infinite;}
.business-section .scroll-left .scroll-track{animation:scrollLeft 40s linear infinite;}
.business-section .scroll-item{width:3.5rem;height:4rem;overflow:hidden;border-radius:0.12rem;flex-shrink:0;}
.business-section .scroll-item img{width:100%;height:100%;object-fit:cover;}
@keyframes scrollRight{0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}
@keyframes scrollLeft{0%{transform:translateX(-50%);}
100%{transform:translateX(0);}
}
/* ==================== Franchise 招商加盟 ==================== */
.franchise-section{padding:1.2rem 0.3rem;background:url(../images/franchise-section-bg.jpg) no-repeat center top #f4f8eb;color:#333;text-align:center;background-size:cover;}
.franchise-section .franchise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;max-width:16rem;margin:0.8rem auto 0;}
.franchise-section .franchise-item{display:flex;flex-direction:column;align-items:center;gap:0.2rem;}
.franchise-section .franchise-icon{width:1.5rem;height:1.5rem;background:#92d62a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;margin-bottom:0.2rem;}
.franchise-section .franchise-icon i{font-size:0.5rem;color:#fff;}
.franchise-section .franchise-item:hover .franchise-icon{transform:rotateY(360deg);color:var(--primary);}
.franchise-section .franchise-item h3{font-size:var(--f24);margin:0;font-weight:bold;}
.franchise-section .franchise-item:hover h3{color:var(--primary);}
/* ==================== Value 品牌价值 ==================== */
.value-section{padding:1.2rem 0.3rem;position:relative;background:url(../images/index-value-section-bg.png) no-repeat center top #fff;background-size:cover;overflow:hidden;}
.value-section .value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;max-width:16rem;margin:0.8rem auto 0;}
.value-section .value-card{background:#fff;padding:0.5rem 0.3rem;border-radius:0.2rem;text-align:center;transition:transform 0.45s ease,background 0.6s cubic-bezier(0.16,1,0.3,1),color 0.6s cubic-bezier(0.16,1,0.3,1) !important;position:relative;overflow:hidden;box-shadow:0 0.2rem 0.6rem rgba(0,0,0,0.06);}
.value-section .value-card:hover{transform:translateY(-0.1rem);background:var(--primary);color:#fff;box-shadow:0 0.2rem 0.5rem rgba(76,175,80,0.2);}
.value-section .value-card i{font-size:0.5rem;display:block;color:var(--primary);margin:0 auto 0.2rem;transition:var(--transition);}
.value-section .value-card:hover i{color:#fff;}
.value-section .value-card h4{font-size:var(--f24);margin-bottom:0.15rem;}
.value-section .value-card p{font-size:var(--f16);opacity:0.8;line-height:1.6;}
/* ==================== News 新闻中心 ==================== */
.news-section{background:#fff;padding:0.2rem 0 1rem;}
.news-section .news-swiper{position:relative;max-width:1650px;margin:0 auto;}
.news-section .news-swiper-container{width:100%;padding:0.2rem 0.3rem 0.5rem;}
.news-section .swiper-slide{height:auto;}
.news-section .news-card{background:#fff;box-shadow:0 0.1rem 0.25rem rgba(0,0,0,0.08);border-radius:0.2rem;overflow:hidden;transition:all 0.45s ease !important;cursor:pointer;height:100%;display:flex;flex-direction:column;}
.news-section .news-card:hover{transform:translateY(-0.1rem);box-shadow:0 0.2rem 0.5rem rgba(76,175,80,0.2);}
.news-section .news-image{height:2.5rem;overflow:hidden;flex-shrink:0;}
.news-section .news-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.news-section .news-content{padding:0.2rem;flex:1;display:flex;flex-direction:column;}
.news-section .news-date{color:var(--primary);font-weight:600;margin-bottom:0.1rem;display:block;font-size:var(--f14);}
.news-section .news-content h3{font-size:var(--f20);color:var(--dark);margin-bottom:0.1rem;height:0.3rem;line-height:0.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-section .news-content p{color:#666;margin-bottom:0.15rem;line-height:1.8;font-size:var(--f14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-section .news-link{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:0.05rem;transition:gap 0.3s ease;font-size:var(--f14);margin-top:auto;}
.news-section .news-link:hover{gap:0.1rem;}
.news-section .news-pagination{bottom:-0.1rem;z-index:10;}
.news-section .news-pagination .swiper-pagination-bullet{background:#ddd;opacity:1;transition:all 0.3s ease;width:0.12rem;height:0.12rem;border-radius:0.06rem;}
.news-section .news-pagination .swiper-pagination-bullet-active{background:var(--primary);width:0.4rem;border-radius:0.2rem;}
/* ==================== Footer 页脚 ==================== */
.footer{background:#f0f9e6;color:#333;padding:0.6rem 0.3rem 0.4rem;height:6.5rem;position:relative;overflow:hidden;}
.footer::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2.2rem;background:url(../images/footer-bg2.png) no-repeat center bottom;background-size:cover;z-index:1;}
.footer::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2.2rem;background:url(../images/footer-bg1.png) no-repeat center bottom;background-size:cover;z-index:3;}
.footer .footer-top{display:flex;justify-content:space-between;align-items:flex-start;max-width:16rem;margin:0 auto;position:relative;z-index:1;padding-bottom:1.5rem;}
.footer .footer-left{width: 6rem;}
.footer .footer-logo img{width:2.56rem;height:auto;margin-bottom:0.3rem;}
.footer .contact-info{display:flex;flex-direction:column;gap:0.3rem;position:relative;}
.footer .contact-item{display:flex;flex-direction:column;gap:0.08rem;}
.footer .contact-item:nth-child(3){position:absolute;top:0.2rem;left:3rem;}
.footer .contact-label{font-size:var(--f16);color:#666;font-weight:500;}
.footer .contact-label.green-bg{width:1.2rem;padding:0.05rem 0;text-align:center;border-radius:0.3rem;background:var(--primary);color:#fff;font-size:var(--f18);font-weight:bold;}
.footer .contact-value{font-size:var(--f20);color:#333;font-weight:600;}
.footer .contact-value.tel{font-size:var(--f24);}
.footer .footer-right{flex:1;display:flex;flex-direction:column;align-items:flex-end;}
.footer .qr-group{display:flex;gap:0.15rem;margin-bottom:0.4rem;}
.footer .qr-item{display:flex;flex-direction:column;align-items:center;gap:0.12rem;}
.footer .qr-item img{width:100%;height:auto;border-radius:0.12rem;}
.footer .qr-label{font-size:var(--f14);color:#333;}
.footer .footer-character{position:absolute;top:50%;left:50%;margin-left:3rem;margin-top:-0.6rem;z-index:2;}
.footer .footer-character img{width:3rem;height:auto;}
.footer .footer-bottom{max-width:var(--max-width);margin:0 auto;z-index:99;color:#fff;text-align:left;position:relative;}
.footer .footer-slogan{margin-bottom:0.2rem;}
.footer .copyright{font-size:var(--f16);}
/* ==================== BackToTop ==================== */
#backToTop{position:fixed;right:0.18rem;bottom:0.18rem;z-index:9999;width:0.46rem;height:0.46rem;border-radius:999px;border:1px solid rgba(0,0,0,0.08);background:#fff;box-shadow:0 0.18rem 0.4rem rgba(0,0,0,0.12);cursor:pointer;opacity:0;transform:translateY(0.1rem);transition:.35s ease;display:flex;align-items:center;justify-content:center;}
#backToTop.show{opacity:1;transform:translateY(0);}
#backToTop i{color:#1d1d1f;font-size:var(--f20);}
/* ==================== 关于我们 ==================== */
.about-banner{width:100%;height:800px;position:relative;background:url('../images/about-banner.jpg') no-repeat center center/cover;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0.88rem 0 0.5rem 0;}
.about-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1;}
.about-banner-content{position:relative;z-index:2;text-align:center;color:white;max-width:10rem;width:90%;}
.about-banner-card{padding:0.6rem 0.8rem;border-radius:0.4rem;animation:floatCard 6s ease-in-out infinite;}
@keyframes floatCard{0%,100%{transform:translateY(0);}
50%{transform:translateY(-0.2rem);}
}
.about-banner h1{font-size:1rem;margin-bottom:0.2rem;font-weight:800;text-shadow:0 0.02rem 0.1rem rgba(0,0,0,0.2);}
.about-banner p{font-size:var(--f40);margin-bottom:0.4rem;font-weight:300;}
.wave-bottom{position:absolute;bottom:-0.5rem;left:0;width:100%;line-height:0;z-index:3;}
.wave-bottom svg{width:100%;height:1.2rem;fill:#fff;}
.brand-intro{padding:0.3rem 0 0.6rem;}
.wrapper{max-width:var(--max-width);margin:0 auto;position:relative;padding:0 0.3rem;}
.brand-intro-desc{max-width:9.8rem;margin:0 auto 0.5rem;text-align:center;font-size:var(--f18);line-height:1.8;}
.brand-intro-desc .txt1{color:var(--primary);font-size:var(--f32);margin-bottom:0.2rem;}
.brand-intro-desc .txt2{margin-bottom:0.2rem;}
.brand-intro-desc b{ color: var(--primary); font-style: normal; font-weight: bold;}
.brand-intro-desc .txt3{padding:0.1rem;}
.brand-intro-desc .txt4{padding:0.1rem;}
.brand-intro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem;}
.brand-intro-grid p{font-size:var(--f18);font-weight:600;text-align:center;margin-top:0.12rem;}
.brand-intro-img{height:2.6rem;overflow:hidden;border-radius:var(--radius);}
.brand-intro-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition);}
.brand-intro-img:hover img{transform:scale(1.1);}
/* 发展历程 */
.brand-history{padding:1.2rem 0;background:#f0f9e6;}
.timeline{max-width:10rem;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:0;}
.tl-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#d2d5d2;transform:translateX(-50%);}
.tl-item{display:flex;align-items:center;justify-content:space-between;position:relative;}
.tl-item.right{flex-direction:row-reverse;}
.tl-info{width:45%;display:flex;flex-direction:column;align-items:center;}
.tl-year{width:100%;text-align:right;font-size:var(--f40);font-weight:900;color:#666;padding:0;margin-bottom:0;}
.tl-item.right .tl-year{text-align:left;padding:0;}
.tl-year.highlight{color:var(--primary);}
.tl-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0.16rem;height:0.16rem;background:#fff;border:0.04rem solid #d2d5d2;border-radius:50%;z-index:2;}
.tl-dot.highlight{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px rgba(121,205,40,0.3);}
.tl-content{width:100%;padding:0;text-align:right;}
.tl-item.right .tl-content{padding:0;text-align:left;}
.tl-content h4{font-size:var(--f30);color:var(--primary);font-weight:bold;margin-bottom:0.1rem;}
.tl-content p{font-size:var(--f18);color:#666;line-height:1.5;}
/* 品牌故事 */
.about-story{padding:1.2rem 0;}
.story-split-container{display:flex;min-height:6rem;/* 约600px */
}
.story-visual{flex:1;position:relative;overflow:hidden;}
.story-visual img{width:100%;height:100%;object-fit:cover;transition:transform 10s ease;/* 极慢的缩放动画 */
}
.about-story:hover .story-visual img{transform:scale(1.1);}
.story-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;}
.vertical-text{writing-mode:vertical-lr;/* 竖排文字 */
 color:rgba(255,255,255,0.8);font-size:0.6rem;font-weight:900;letter-spacing:0.1rem;border-left:2px solid rgba(255,255,255,0.5);padding-left:0.2rem;}
.story-text-panel{flex:1;padding:1rem 1.2rem;display:flex;flex-direction:column;justify-content:center;background:#fff;position:relative;}
.quote-icon{font-size:0.6rem;color:rgba(121,205,40,0.2);margin-bottom:0.2rem;}
.story-text-panel h2{font-size:var(--f40);font-weight:800;margin-bottom:0.4rem;color:#333;}
.story-paragraphs p{font-size:var(--f18);color:#666;line-height:1.8;margin-bottom:0.2rem;}
.story-paragraphs strong{color:var(--primary);font-weight:bold;}
.story-paragraphs .highlight-p{font-size:var(--f22);font-weight:bold;color:#333;margin:0.3rem 0;font-style:italic;border-left:4px solid var(--primary);padding-left:0.2rem;}
.signature img{height:0.8rem;margin-top:0.4rem;}
/* 品牌诠释*/
.about-dna{padding:1.5rem 0;background:#f0f9e6;}
.about-dna .section-header{text-align:center;margin-bottom:0.8rem;}
.about-dna .section-header h2{font-size:0.5rem;font-weight:900;margin-bottom:0.1rem;}
.about-dna .section-header p{color:#999;letter-spacing:4px;font-size:var(--f16);}
.dna-grid{display:flex;gap:0.3rem;max-width:16rem;margin:0 auto;}
.dna-item{flex:1;background:#fff;padding:0.6rem 0.4rem;position:relative;transition:var(--transition);border:1px solid transparent;overflow:hidden;border-radius:var(--radius);}
.dna-item:hover{transform:translateY(-0.2rem);box-shadow:0 0.3rem 0.6rem rgba(0,0,0,0.1);}
.dna-item.highlight{background:var(--primary);color:#fff;z-index:2;box-shadow:0 0.3rem 0.6rem rgba(121,205,40,0.3);}
.item-num{font-size:0.6rem;font-weight:900;opacity:0.1;position:absolute;top:0.2rem;right:0.3rem;}
.dna-item.highlight .item-num{color:#fff;opacity:0.2;}
.item-content h3{font-size:var(--f30);margin-bottom:0.05rem;font-weight:800;}
.item-content .text{font-size:var(--f16);line-height:2;}
.icon-deco{position:absolute;bottom:-0.2rem;right:-0.2rem;font-size:1.5rem;opacity:0.05;transform:rotate(-15deg);}
.dna-item.highlight .icon-deco{opacity:0.1;color:#fff;}
@keyframes float{0%,100%{transform:translateY(0);}
50%{transform:translateY(-0.1rem);}
}
/* 品牌文化 */
.brand-culture{padding:1.2rem 0;}
.brand-culture .culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;}
.brand-culture .cul-card{background:#fff;border:1px solid #eee;padding:0.4rem 0.2rem;text-align:center;border-radius:var(--radius);transition:var(--transition);}
.brand-culture .cul-card:hover{transform:translateY(-0.1rem);box-shadow:0 0.15rem 0.3rem rgba(140,198,63,0.15);border-color:var(--primary);}
.brand-culture .cul-icon{width:1rem;height:1rem;background:var(--primary);border-radius:50%;margin:0 auto 0.2rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.35rem;}
.brand-culture .cul-card h4{font-size:var(--f24);margin-bottom:0.1rem;}
.brand-culture .cul-card p{font-size:var(--f18);color:#666;}
/* 底部 CTA */
.about-cta{padding:1rem 0;background:url('../images/about-cta.jpg') no-repeat center center/cover #5c9e1d;text-align:center;color:#fff;}
.cta-inner h2{font-size:var(--f40);margin-bottom:0.1rem;}
.cta-inner p{font-size:var(--f18);opacity:0.9;margin-bottom:0.4rem;}
.cta-btn{display:inline-block;padding:0.15rem 0.6rem;background:#fff;color:#5c9e1d;font-weight:bold;border-radius:0.5rem;font-size:var(--f20);transition:0.3s;box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.1);}
.cta-btn:hover{transform:scale(1.05);box-shadow:0 0.15rem 0.4rem rgba(0,0,0,0.2);}
/* ==================== 投资开店 ==================== */
.franchised-banner{width:100%;height:8rem;position:relative;background:url('../images/franchised-banner.jpg') no-repeat center center/cover;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0.88rem 0 0;}
.franchised-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1;}
.franchised-banner::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/franchised-banner.jpg') no-repeat center center/cover;animation:zoomInOut 10s ease-in-out infinite;z-index:0;}
@keyframes zoomInOut{0%,100%{transform:scale(1);}
50%{transform:scale(1.1);}
}
.franchised-banner .banner-content{padding:0.4rem 0.6rem;border-radius:0.4rem;position:relative;z-index:2;text-align:center;max-width:10rem;width:90%;background:rgba(121,205,40,0.9);}
.franchised-banner .banner-content h1{font-size:1rem;font-weight:800;color:#fff;}
.franchised-banner .banner-content p{font-size:var(--f40);margin-bottom:0.4rem;color:#fff;}
.news-banner{background:url('../images/news-banner.jpg') no-repeat center center/cover;}
.news-banner::after{background:url('../images/news-banner.jpg') no-repeat center center/cover;}
.franchised-banner .banner-content h1{font-size:0.8rem;}
.contactus-banner{background:url('../images/contactus-banner.jpg') no-repeat center center/cover;}
.contactus-banner::after{background:url('../images/contactus-banner.jpg') no-repeat center center/cover;}
/*加盟费用*/
.join-fee{padding:1.2rem 0;}
.fee-card-container{max-width:14rem;margin:0 auto;display:flex;box-shadow:0 0.1rem 0.8rem rgba(0,0,0,0.1);border-radius:0.2rem;overflow:hidden;}
.fee-visual{width:35%;background:linear-gradient(135deg,#222 0%,#000 100%);color:var(--primary);padding:0.8rem 0.7rem;display:flex;flex-direction:column;justify-content:center;position:relative;}
.fee-visual::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(121,205,40,0.15) 0%,transparent 60%);pointer-events:none;}
.fee-visual .tag{background:var(--primary);color:#fff;font-size:var(--f16);padding:0.04rem 0.1rem;border-radius:0.04rem;margin-bottom:0.1rem;display:inline-block;width:0.9rem}
.big-percent{font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:0.1rem;font-size:1.8rem;font-weight:900;line-height:1;text-shadow:4px 4px 0 rgba(0,0,0,0.1);display:flex;align-items:flex-end;}
.big-percent small{font-size:var(--f40);font-weight:bold;display:inline-block;padding:0 0 0.3rem 0.2rem;}
.fee-visual h3{font-size:var(--f30);color:var(--primary);margin-bottom:0.1rem;}
.fee-visual p{font-size:var(--f16);opacity:0.7;color:#fff;}
.fee-visual .card-btm{padding-top:0.2rem;}
.fee-visual .card-btm p{font-size:var(--f16);margin-bottom:0.1rem;color:#ccc;}
.fee-visual .card-btm i{color:var(--primary);margin-right:0.1rem;}
.visual-deco-line{width:0.6rem;height:4px;background:#fff812;margin-top:0.2rem;}
.fee-list-box{width:65%;background:#fff;padding:0.6rem;}
.fee-header{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:0.15rem;margin-bottom:0.3rem;font-weight:bold;font-size:var(--f24);}
.fee-row{display:flex;justify-content:space-between;align-items:center;padding:0.15rem 0;border-bottom:1px solid #eee;}
.fee-row .name{font-size:var(--f18);color:#333;}
.fee-row .price{font-size:var(--f18);color:#333;}
.fee-row .price del{font-size:var(--f16);color:#666;margin-right:0.1rem;font-weight:normal;}
.fee-row .price small{font-size:var(--f14);color:#999;font-weight:normal;margin-left:0.05rem;}
.free-tag{background:#ffe2e4;color:#ff4757;padding:0.02rem 0.1rem;font-size:var(--f14);border-radius:0.04rem;}
.fee-group{margin-bottom:0;}
.fee-footer{margin-top:0.4rem;display:flex;justify-content:space-between;align-items:center;}
.fee-footer p{font-size:var(--f12);color:#999;}
.consult-btn{background:var(--primary);color:#fff;padding:0.15rem 0.4rem;font-weight:bold;border-radius:0.5rem;transition:0.3s;font-size:var(--f16);}
.consult-btn:hover{background:var(--dark);}
/*加盟流程*/
.join-process{padding:1.2rem 0;background:#f0f9e6;}
.join-process .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;}
.join-process .process-card{background:#fff;padding:0.4rem 0.3rem;border-radius:var(--radius);text-align:center;position:relative;transition:var(--transition);overflow:hidden;}
.join-process .process-card:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-0.05rem);}
.join-process .process-card .p-icon{font-size:0.5rem;margin-bottom:0.2rem;}
.join-process .process-card:hover .p-icon{color:var(--primary);}
.join-process .process-card h4{font-size:var(--f22);margin-bottom:0.1rem;}
.join-process .process-card p{font-size:var(--f16);color:#999;line-height:1.5;}
.join-process .p-num{font-size:1.5rem;font-weight:900;color:rgba(0,0,0,0.03);position:absolute;top:-0.25rem;left:-0.1rem;font-family:Arial,sans-serif;transition:var(--transition);line-height:1;}
.join-process .process-card:hover .p-num{color:rgba(140,198,63,0.1);}
/*服务支持*/
.support-section{padding:1.2rem 0;}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;}
.support-card{background:#f8f9fa;padding:0.4rem 0.2rem;border-radius:var(--radius);text-align:center;transition:var(--transition);}
.support-card:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-0.1rem);}
.s-icon{width:0.8rem;height:0.8rem;background:var(--primary);border-radius:50%;margin:0 auto 0.25rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--f32);box-shadow:0 0.05rem 0.15rem rgba(140,198,63,0.3);}
.support-card h4{font-size:var(--f22);margin-bottom:0.15rem;}
.support-card p{font-size:var(--f16);color:var(--text-sub);line-height:1.6;}
/*常见问题*/
.faq-section{padding:0.1rem 0 1.2rem 0;}
.faq-section .tabs{width:8rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;margin-bottom:0.5rem;flex-wrap:wrap;gap:0.1rem;}
.faq-section .tabs li{width:fit-content;padding:0.08rem 0.5rem;color:var(--primary-dark);border:0.02rem solid rgba(97,175,81,0.6);border-radius:0.3rem;font-size:var(--f20);transition:all 0.5s;cursor:pointer;}
.faq-section .tabs li.on,.faq-section .tabs li:hover{color:#fff;background-color:var(--primary);border-color:transparent;}
.faq-section .faq-list{max-width:12rem;margin:0 auto;padding:0 0.2rem;}
.faq-section .faq-item{margin-bottom:0.2rem;border-radius:0.08rem;overflow:hidden;}
.faq-section .faq-title{background:#e6f4d5;padding:0.2rem 0.3rem;font-weight:bold;font-size:var(--f20);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s;}
.faq-section .faq-title:hover{background:#dceec6;}
.faq-section .faq-title i{font-size:var(--f22);color:var(--primary);transition:transform 0.3s;}
.faq-section .faq-title.active i{transform:rotate(180deg);}
.faq-section .faq-title span i{margin-right:0.1rem;}
.faq-section .faq-content{background:#fbfbfb;border:1px solid var(--primary-light);border-top:none;padding:0.3rem;display:none;font-size:var(--f16);line-height:1.8;border-bottom-left-radius:0.08rem;border-bottom-right-radius:0.08rem;}
/* ==================== 联系我们 ==================== */
.contact-section{padding:1.2rem 0;background:#f9fbf7;position:relative;}
.contact-wrapper{max-width:var(--max-width);margin:0 auto;background:#fff;border-radius:0.3rem;box-shadow:0 0.3rem 0.8rem rgba(0,0,0,0.08);display:flex;overflow:hidden;min-height:8rem;}
.contact-info-panel{flex:0 0 35%;background:var(--primary);background:linear-gradient(160deg,var(--primary) 0%,#5da520 100%);color:#fff;padding:0.6rem 0.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.contact-info-panel::before{content:'';position:absolute;top:-1rem;right:-1rem;width:2.5rem;height:2.5rem;background:rgba(255,255,255,0.1);border-radius:50%;}
.contact-info-panel::after{content:'';position:absolute;bottom:-0.5rem;left:-0.5rem;width:2rem;height:2rem;background:rgba(255,255,255,0.1);border-radius:50%;}
.info-header h3{font-size:var(--f36);font-weight:800;margin-bottom:0.05rem;}
.info-header p{font-size:var(--f16);opacity:0.8;letter-spacing:2px;text-transform:uppercase;}
.info-header .line{width:0.6rem;height:0.04rem;background:#fff;margin:0.2rem 0 0.4rem;border-radius:0.1rem;}
.info-list{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:0.5rem;position:relative;z-index:2;}
.info-row{display:flex;align-items:flex-start;gap:0.2rem;}
.info-row i{font-size:var(--f24);margin-top:0.05rem;opacity:0.9;}
.info-row h4{font-size:var(--f16);opacity:0.8;margin-bottom:0.05rem;font-weight:normal;}
.info-row p{font-size:var(--f20);font-weight:600;line-height:1.4;}
.info-row .highlight-text{font-size:0.24rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.1);}
.qr-matrix-title{font-size:var(--f16);margin-bottom:0.2rem;opacity:0.9;font-weight:600;position:relative;z-index:2;}
.qr-matrix{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.1rem;position:relative;z-index:2;}
.qr-box{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:0.1rem;border-radius:0.1rem;text-align:center;transition:var(--transition);}
.qr-box:hover{background:#fff;transform:translateY(-3px);}
.qr-box:hover span{color:var(--primary);}
.qr-box img{width:100%;border-radius:0.05rem;margin-bottom:0.05rem;}
.qr-box span{display:block;font-size:var(--f16);opacity:0.9;color:#fff;transition:var(--transition); line-height: 1.4;}
/* 右侧：白色表单面板 */
.contact-form-panel{flex:1;padding:0.6rem 0.8rem;display:flex;flex-direction:column;justify-content:center;}
.form-header{margin-bottom:0.5rem;}
.form-header h2{font-size:var(--f36);color:#333;margin-bottom:0.1rem;font-weight:800;}
.form-header p{font-size:var(--f16);color:#888;}
.form-row{display:flex;gap:0.3rem;margin-bottom:0.3rem;}
.input-group{flex:1;display:flex;flex-direction:column;gap:0.1rem;}
.input-group.full-width{width:100%;margin-bottom:0.4rem;}
.input-group label{font-size:var(--f16);color:#333;font-weight:600;margin-left:0.05rem;}
.input-group input,.input-group textarea{width:100%;padding:0.15rem 0.2rem;background:#f7f7f7;border:1px solid transparent;border-radius:0.1rem;font-size:var(--f16);color:#333;transition:var(--transition);font-family:inherit;}
.input-group textarea{height:1.5rem;resize:none;}
.input-group input:focus,.input-group textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgba(121,205,40,0.1);outline:none;}
.input-group font{padding-right:0.05rem;}
.submit-btn{align-self:flex-start;background:var(--primary);color:#fff;border:none;padding:0.15rem 0.6rem;font-size:var(--f18);font-weight:bold;border-radius:0.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:0.1rem;box-shadow:0 0.1rem 0.2rem rgba(121,205,40,0.3);justify-content:center;}
.submit-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 0.15rem 0.3rem rgba(121,205,40,0.4);}
/* 底部全宽地图 */
.full-map-section{width:100%;height:5rem;position:relative;overflow:hidden;}
.map-container{width:100%;height:100%;position:relative;}
.map-container img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:0.5s;}
.map-container:hover img{filter:grayscale(0%);}
/* 地图上的悬浮卡片 */
.map-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:0.3rem;animation:bounceIn 0.8s ease;flex-direction:column;margin-top:0.3rem;margin-left:-1.2rem;}
.map-card .pin-icon{color:#ff4757;font-size:var(--f30);animation:jump 2s infinite;}
.map-card h4{font-size:var(--f18);margin:0;color:#333;}
.map-card p{font-size:var(--f14);margin:0;color:#666;}
.map-card .pin-info{background:rgba(255,255,255,0.9);box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2);padding:0.1rem 0.4rem;border-radius:0.5rem;text-align:center;}
@keyframes jump{0%,100%{transform:translateY(0);}
50%{transform:translateY(-5px);}
}
@keyframes bounceIn{from{opacity:0;transform:translate(-50%,-60%);}
to{opacity:1;transform:translate(-50%,-50%);}
}
/* ==================== 表单验证样式 ==================== */
.error-msg{color:#ff4d4f;font-size:var(--f14);margin-top:0.05rem;min-height:0.2rem;display:block;}
.input-group input.error-input,.input-group textarea.error-input{border-color:#ff4d4f !important;background:#fff2f0 !important;}
/* Toast 提示样式 (小程序风格) */
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);background:rgba(0,0,0,0.75);color:#fff;padding:0.3rem 0.5rem;border-radius:0.12rem;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease;min-width:3rem;max-width:6rem;text-align:center;}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.toast-content{display:flex;align-items:center;justify-content:center;gap:0.15rem;}
.toast-icon{font-size:var(--f24);}
.toast-message{font-size:var(--f16);line-height:1.5;}
.toast.success .toast-icon{color:#52c41a;}
.toast.error .toast-icon{color:#ff4d4f;}
.toast.warning .toast-icon{color:#faad14;}
/* ==================== 产品列表页样式 ==================== */
/*产品页Banner*/
.product-banner{position:relative;width:100%;height:8rem;overflow:hidden;margin-top:0.88rem;}
.product-banner .banner-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.product-banner .banner-video video{width:100%;height:100%;object-fit:cover;}
.product-banner .banner-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.product-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2;}
.product-banner .banner-content h1{font-size:1rem;color:#fff;font-weight:800;margin-bottom:0.2rem;opacity:0;transform:translateY(0.5rem);animation:fadeInUp 1s ease forwards;animation-delay:0.3s;}
.product-banner .banner-content p{font-size:var(--f40);color:#fff;opacity:0;transform:translateY(0.5rem);animation:fadeInUp 1s ease forwards;animation-delay:0.6s;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(0.5rem);}
to{opacity:1;transform:translateY(0);}
}
/* 原料优势 */
.material-advantages{max-width:var(--max-width);display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem;margin:1rem auto;}
.advantage-item{position:relative;overflow:hidden;height:5.68rem;cursor:pointer;border-radius:0.2rem;overflow:hidden;}
.advantage-item .item-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.5s ease;}
.advantage-item .item-image img{width:100%;height:100%;object-fit:cover;}
.advantage-item .item-info{position:absolute;bottom:0;left:0;width:100%;padding:0.3rem;color:#fff;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);transition:transform 0.3s ease;}
.advantage-item .item-info h3{font-size:var(--f40);font-weight:900;}
.advantage-item .item-info p{font-size:0.24rem;opacity:0.9;}
.advantage-item .item-detail{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(105,182,33,0.85);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.advantage-item .item-detail .detail-content{padding:0.3rem;text-align:center;transform:translateY(0.2rem);transition:transform 0.3s ease;}
.advantage-item .item-detail h4{font-size:var(--f30);font-weight:bold;margin-bottom:0.15rem;}
.advantage-item .item-detail p{font-size:var(--f18);line-height:1.6;opacity:0.9;}
/* 鼠标悬停效果 */
.advantage-item:hover .item-image{transform:scale(1.1);}
.advantage-item:hover .item-info{transform:translateY(0.5rem);opacity:0;}
.advantage-item:hover .item-detail{opacity:1;visibility:visible;}
.advantage-item:hover .item-detail .detail-content{transform:translateY(0);}
/* 分类导航条 */
.product-list-wrapper{background:url(../images/index-value-section-bg.png) no-repeat center top #fff;background-size:cover;padding:1rem 0;}
.product-category-bar{margin-bottom:0.8rem;}
.category-wrapper{max-width:16rem;margin:0 auto;display:flex;justify-content:center;gap:0.2rem;flex-wrap:wrap;}
.cat-item{display:flex;align-items:center;gap:0.1rem;padding:0.1rem 0.25rem;background:#fff;border-radius:0.5rem;font-size:var(--f16);font-weight:600;color:#333;transition:var(--transition);}
.cat-item:hover,.cat-item.active{background:#b17de8;color:#fff;box-shadow:0 5px 15px rgba(231,102,203,0.3);}
.product-category-bar .icon{width:0.5rem;height:0.5rem;background-size:cover;}
.product-category-bar .icon1{background-image:url('../images/kl-01.png');}
.product-category-bar .icon2{background-image:url('../images/kl-02.png');}
.product-category-bar .icon3{background-image:url('../images/kl-03.png');}
.product-category-bar .icon4{background-image:url('../images/kl-04.png');}
.product-category-bar .icon5{background-image:url('../images/kl-05.png');}
.product-category-bar .icon6{background-image:url('../images/kl-06.png');}
.product-category-bar .icon7{background-image:url('../images/kl-07.png');}
/* 产品卡片*/
.product-list{max-width:16rem;margin:0 auto 0.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;}
.prod-card{background:#fff;border-radius:0.2rem;position:relative;overflow:hidden;transition:var(--transition);border:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 0.1rem 0.25rem rgba(0,0,0,0.02);}
.prod-card:hover{transform:translateY(-0.1rem) !important;box-shadow:0 0.2rem 0.5rem rgba(76,175,80,0.2);}
.prod-img-box{background:#fff;overflow:hidden;}
.prod-info{padding:0.2rem;text-align:center;z-index:2;background:#fff;}
.prod-info h3{font-size:var(--f22);margin-bottom:0.05rem;color:#333;}
.prod-info .desc{font-size:var(--f14);color:#999;margin-bottom:0.15rem;}
/* 好喝的秘密 */
.product-good-secret{max-width:var(--max-width);margin:0 auto;position:relative;padding-top:1.7rem;}
.product-good-secret .section-title{position:absolute;top:0.5rem;left:50%;transform:translateX(-50%);z-index:99;}
.product-good-secret .section-title h2{width:4.6rem;height:1.68rem;overflow:hidden;margin:0 auto;text-indent:-9999px;background:url('../images/good-secret-txt.png') no-repeat center center;background-size:cover;}
/* 好喝的秘密轮播 */
.material-swiper-container{width:100%;max-width:16rem;margin:0 auto 0.6rem;position:relative;overflow:hidden;}
.material-swiper{width:100%;}
.material-swiper .swiper-slide{height:auto;}
.material-pagination{bottom:0.1rem !important;}
.material-pagination .swiper-pagination-bullet{width:0.12rem;height:0.12rem;background:rgba(199,199,199,0.5);opacity:1;transition:all 0.3s ease;}
.material-pagination .swiper-pagination-bullet-active{background:var(--primary);width:0.4rem;border-radius:0.15rem;}
.material-banner{background:#f0f9e6;margin-bottom:0.5rem;position:relative;overflow:hidden;z-index:1;border-radius:0.2rem;}
.material-content{display:flex;align-items:center;justify-content:space-between;}
.material-text{padding:0.8rem;}
.material-text h2{font-size:var(--f40);color:var(--primary-dark);margin-bottom:0.2rem;font-weight:800;}
.material-text p{font-size:var(--f18);color:#555;margin-bottom:0.3rem;line-height:1.6;}
.material-text p span{display:block;}
.material-text .tags span{display:inline-block;background:#fff;border:1px solid var(--primary);color:var(--primary);padding:0.05rem 0.15rem;border-radius:0.05rem;margin-right:0.1rem;font-size:var(--f14);font-weight:bold;}
.material-image img{max-height:4.5rem;}
@media (max-width:768px){.material-banner{height:auto;min-height:6rem;}
.material-content{flex-direction:column;padding:0.4rem;text-align:center;}
}
/* ==================== 产品详情页 ==================== */
.pdp-container{padding-top:0.88rem;/* 避开Header */
 min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#fdfdfd;}
.pdp-visual{flex:1;height:90vh;position:relative;display:flex;justify-content:center;align-items:center;z-index:1;}
.pdp-main-img{height:70%;z-index:2;}
.pdp-info{flex:1;padding:0 1rem 0 0.5rem;z-index:2;}
.pdp-header{margin-bottom:0.4rem;border-bottom:1px solid #eee;padding-bottom:0.3rem;}
.series-tag{font-size:0.2rem;font-weight:bold;color:var(--primary);text-transform:uppercase;letter-spacing:2px;}
.pdp-header h1{font-size:0.6rem;color:#333;margin:0.1rem 0;font-weight:800;line-height:1.1;}
.pdp-desc{font-size:0.18rem;color:#666;line-height:1.8;margin-bottom:0.5rem;}
@keyframes spin{100%{transform:rotate(360deg);}
}
/* ==================== 新闻列表页样式 ==================== */
/* 头条大图 */
.news-list-section{padding-bottom:1rem;margin-top:1.2rem;}
.news-featured{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:0.2rem;overflow:hidden;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.08);margin-bottom:1rem;transition:var(--transition);}
.news-featured:hover{transform:translateY(-0.05rem);box-shadow:0 0.3rem 0.6rem rgba(0,0,0,0.12);}
.feat-img-box{position:relative;height:100%;min-height:4rem;max-height:5rem;overflow:hidden;}
.feat-img-box img{width:100%;height:100%;object-fit:cover;transition:0.5s;}
.news-featured:hover .feat-img-box img{transform:scale(1.05);}
.category-tag{position:absolute;top:0.2rem;left:0.2rem;background:var(--primary);color:#fff;padding:0.05rem 0.15rem;font-size:var(--f14);border-radius:0.05rem;}
.feat-content{padding:0.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;}
.date-badge{position:absolute;top:0;right:0.4rem;background:#f9f9f9;padding:0.15rem 0.2rem;text-align:center;border-radius:0 0 0.1rem 0.1rem;color:#333;}
.date-badge .day{display:block;font-size:var(--f36);font-weight:900;line-height:1;color:var(--primary);}
.date-badge .month{font-size:var(--f14);color:#999;text-transform:uppercase;}
.feat-content h2{font-size:var(--f32);margin-bottom:0.2rem;line-height:1.4;transition:0.3s;}
.news-featured:hover h2{color:var(--primary);}
.feat-content p{font-size:var(--f16);color:#666;margin-bottom:0.4rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.read-more-btn{font-size:var(--f16);font-weight:bold;color:var(--primary);display:flex;align-items:center;gap:0.1rem;}
/* 新闻网格 */
.news-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin-bottom:0.8rem;}
.news-grid-item{background:#fff;border-radius:0.2rem;overflow:hidden;box-shadow:0 0.1rem 0.25rem rgba(0,0,0,0.08);transition:all 0.45s ease !important;}
.news-grid-item:hover{transform:translateY(-0.1rem) !important;box-shadow:0 0.2rem 0.5rem rgba(76,175,80,0.2);}
.grid-img{height:2.5rem;position:relative;overflow:hidden;}
.grid-img img{width:100%;height:100%;object-fit:cover;transition:0.5s;}
.grid-info{padding:0.3rem;}
.grid-date{font-size:var(--f14);color:#999;margin-bottom:0.1rem;display:block;}
.grid-info h3{font-size:var(--f20);margin-bottom:0.15rem;line-height:1.4;height:0.56rem;overflow:hidden;}
.news-grid-item:hover h3{color:var(--primary);}
.grid-info p{font-size:var(--f16);color:#777;margin-bottom:0.2rem;height:0.42rem;overflow:hidden;line-height:1.4;}
.grid-link{font-size:var(--f14);font-weight:bold;color:var(--primary);padding-bottom:0.02rem;}
/* 分页 */
.pagination-styled{display:flex;justify-content:center;gap:0.1rem;}
.page-btn{width:0.5rem;height:0.5rem;display:flex;justify-content:center;align-items:center;border:1px solid #eee;border-radius:50%;color:#666;transition:0.3s;font-size:var(--f16);}
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.page-btn.disabled{opacity:0.5;cursor:not-allowed;}
/* ==================== 新闻详情页样式 ==================== */
.news-detail-page{padding:1.7rem 0.3rem 0 0.3rem;max-width:1200px;margin:0 auto;}
.article-header h1{font-size:var(--f32);line-height:1.4;margin-bottom:0.2rem;text-align:center;}
.article-meta{font-size:var(--f16);color:#999;border-bottom:1px solid #eee;padding-bottom:0.2rem;margin-bottom:0.3rem;display:flex;gap:0.3rem;justify-content:center}
.article-content{font-size:var(--f18);line-height:2.2;color:#333;margin-bottom:0.5rem;}
.article-content img{max-width:8rem;margin:0.2rem 0 0.1rem 0;display:inline-block;}
.article-footer .prev-next-nav{display:flex;justify-content:space-between;gap:0.5rem;padding-top:0.5rem;margin-bottom:1rem;}
.article-footer .nav-item{flex:1;padding:0.3rem;background:#f9f9f9;border-radius:0.1rem;transition:0.3s;}
.article-footer .nav-item:hover{background:#f0f9e6;}
.article-footer .nav-item span{font-size:var(--f14);color:#999;display:block;margin-bottom:0.1rem;}
.article-footer .nav-item h4{font-size:var(--f18);color:#333;line-height:1.4;}
.article-footer .nav-item.next{text-align:right;}
.news-detail-contact{padding:0.5rem 0 1.2rem 0;}
.news-detail-contact .wrapper{max-width:12rem;}
.news-detail-contact .contact-wrapper{min-height:auto}
.news-detail-contact .form-header{text-align:center;}
.news-detail-contact .submit-btn{margin:0 auto;padding:0.15rem 1rem}
/**********404*********/
.error404-wrapper{width:5.63rem;margin:1.8rem auto 0;position:relative;height:5.5rem; }
.error404{width:5.63rem;height:3.65rem;margin:0 auto;background:url(../images/404.jpg) no-repeat; background-size: cover;}
.error404 .tip-area{padding:3.8rem 0 0 0;}
.error404 .tip-area p{text-align: center;}
.error404 .tip-area span{color:var(--primary);margin-right:5px;}


/* -------------Tablet / Small Desktop Adapter (1024px <= Width <= 1200px) 目标：解决 4 列布局拥挤问题，统一调整为 2 列 --------------- */
@media screen and (max-width:1200px){:root{--f12:0.16rem;--f14:0.18rem;--f16:0.2rem;--f18:0.22rem;--f20:0.24rem;--f22:0.26rem;--f24:0.28rem;--f26:0.3rem;--f28:0.32rem;--f30:0.34rem;--f32:0.36rem;--f34:0.38rem;--f36:0.4rem;--f38:0.42rem;--f40:0.44rem;--f42:0.48rem;--f44:0.52rem;}
/* 通用网格系统：4列 -> 2列 */
 .franchise-section .franchise-grid,.value-section .value-grid,.brand-intro-grid,.brand-culture .culture-grid,.join-process .process-grid,.support-grid,.material-advantages{grid-template-columns:repeat(2,1fr);gap:0.3rem;}
/* 品牌诠释 DNA：横排变双行 */
 .dna-grid{flex-wrap:wrap;}
.dna-grid .dna-item{flex:0 0 48%;margin-bottom:0.2rem;}
.fee-card-container{width:95%;}
.product-list{grid-template-columns:repeat(2,1fr);gap:0.25rem;}
/* --- 新闻网格：3列变2列 --- */
 .news-grid-container{grid-template-columns:repeat(2,1fr);}
/* --- 新闻详情页：头条大图 --- */
 .news-featured{grid-template-columns:1fr 1fr;}
.feat-content{padding:0.4rem;}
/* --- PDP 产品详情页 --- */
 .pdp-visual{flex:0.8;}
.pdp-info{padding-right:0.5rem;}
.footer .footer-top{padding-bottom:0.55rem;}
.footer .footer-bottom{padding-top:0.55rem;}
}
/* ----------------- Mobile Adapter (Width <= 768px) 目标：重构导航、单列堆叠、字体缩放、复杂组件简化 ----------------- */
@media screen and (max-width:768px){:root{--f12:0.16rem;--f14:0.18rem;--f16:0.2rem;--f18:0.22rem;--f20:0.24rem;--f22:0.26rem;--f24:0.28rem;--f26:0.3rem;--f28:0.32rem;--f30:0.34rem;--f32:0.36rem;--f34:0.38rem;--f36:0.4rem;--f38:0.42rem;--f40:0.44rem;--f42:0.48rem;--f44:0.52rem;}
html{font-size:calc(100vw / 7.5);}
body{font-size:0.24rem !important;}
.section-title h2{font-size:0.5rem;}
.section-title p{font-size:0.3rem;}
.section-title{margin-bottom:0.3rem;}
/* === Header Navigation=== */
.header{height:1.1rem;background:#fff;}
.header.scrolled{height:1.1rem;}
.header .logo-box{width:2.4rem;height:auto;}
.header .logo-box a{width:2.4rem;height:auto;background:url(../images/logo-black.png) no-repeat;background-size:contain;}
.header .nav-inner{justify-content:space-between;position:relative;}
.mobile-menu-btn{display:block;position:absolute;right:0.3rem;top:50%;transform:translateY(-50%);font-size:0.5rem;color:#333;}
/*联系电话*/
 .header .hotline{margin-right:2rem;border-radius:0.1rem;padding:0.05rem 0.2rem;color:var(--primary);background:var(--primary-light);}
.header .hotline:hover{transform:scale(1);box-shadow:none;}
.header .hotline span:first-child{font-size:var(--f26);}
.header .hotline span:last-child{font-size:var(--f18);opacity:0.9;color:#999;}
.header .nav-links ul{position:fixed;top:1.1rem;left:0;width:100%;height:calc(100vh - 1.1rem);background:rgba(255,255,255,0.98);flex-direction:column;align-items:center;justify-content:flex-start;padding:0.8rem 0 0.8rem 0.4rem;gap:0;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);overflow-y:auto;list-style:none;margin:0;}
.header.nav-open .nav-links ul{transform:translateX(1rem);}
.header .nav-links ul li{width:100%;position:relative;border-bottom:1px solid #ebebeb;padding:0.2rem 0;}
.header .nav-links ul li::after{content:"";position:absolute;right:1.5rem;top:0.32rem;transition:all 0.5s;width:0.24rem;height:0.24rem;background:url(../images/nav-link-arr.svg)no-repeat center;background-size:auto 100%;transform:rotate(-90deg);}
.header .nav-links ul li.on::after{transform:rotate(0deg);}
.header .nav-links ul li:nth-child(1)::after,.header .nav-links ul li:nth-child(5)::after,.header .nav-links ul li:nth-child(6)::after{display:none;}
.header .nav-links ul li>a{color:#333;font-size:var(--f26);height:auto;line-height:1.5;display:inline-block;padding:0 0.2rem;}
.header .nav-links ul li>a::after{display:none;}
.header .nav-links .dropdown{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:#fff;width:100%;min-width:5rem;text-align:left;padding:0.1rem 0 0.1rem 0.12rem;margin-top:0.1rem;display:none;margin:0;}
.header .nav-links ul li:hover .dropdown{transform:translateX(0) translateY(0);}
.header .nav-links .dropdown p{margin:0;padding:0;text-align:left;}
.header .nav-links .dropdown a{display:block;padding:0.15rem 0.2rem;color:#666 !important;font-size:var(--f24);transition:all 0.3s;border-bottom:1px solid #eee;}
.header .nav-links .dropdown a:last-child{border-bottom:none;}
.header .nav-links .dropdown a:hover{background:rgba(146,214,42,0.1);color:var(--primary) !important;padding-left:0.3rem;}
.header .nav-links .on .dropdown{display:block;}
/* === All Banners (Hero,About,Product) === */
 .hero .swiper-button-next,.hero .swiper-button-prev{display:none;}
.hero,.about-banner,.franchised-banner,.product-banner{height:3.67rem;margin-top:0.88rem;}
.about-banner h1,.franchised-banner .banner-content h1,.product-banner .banner-content h1{font-size:0.5rem;margin-bottom:0;}
.about-banner p,.franchised-banner .banner-content p,.product-banner .banner-content p{font-size:var(--f26);margin-bottom:0.1rem;}
.about-banner-card,.franchised-banner .banner-content{width:90%;padding:0.2rem;}
/* === Product 3D Carousel 产品轮播 === */
.product-section .product-nav li{font-size:var(--f20);}
.product-section .section-title h2{font-size:var(--f42);}
.product-section .section-title p{font-size:var(--f24);}
.product-section{padding:0.5rem 0;overflow:hidden;}
.product-section .product-header{flex-direction:column;gap:0.2rem;}
.product-section .drinks-container{height:4.5rem;perspective:none;}
.product-section .drink-item{left:50%;margin-left:-0.8rem;transform:scale(0.8);opacity:0;pointer-events:none;width:1.4rem}
.product-section .drink-item.pos-right-1{transform:translateX(2.5rem) scale(1.0) translateY(-0.2rem);z-index:40;opacity:0.9;filter:blur(0);}
.product-section .drink-item.pos-left-1{transform:translateX(-2.5rem) scale(1.0) translateY(-0.2rem);z-index:40;opacity:0.9;filter:blur(0);}
.product-section .wood-plate{width:4rem;margin-left:-2.1rem;top:75%;}
.product-section .product-slogan{display:none;}
.product-section .info-panel{margin-top:0.5rem;}
.product-section .info-desc{font-size:var(--f20);}
.product-section .pagination-dots{margin-top:1.1rem;}
/* === Store & Business === */
 .store-section{padding:0.5rem 0;}
.store-section .store-grid{grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 0.3rem;gap:0.15rem;}
.store-section .store-big{grid-row:span 1;grid-column:1 / -1;height:3.5rem;}
.store-section .store-small{height:1.8rem;}
.store-section .store-small:nth-child(2),.store-section .store-small:nth-child(3){grid-column:span 1;}
.store-section .store-small:nth-child(2){grid-column:1;}
.store-section .store-small:nth-child(3){grid-column:2;}
.store-section .store-grid{grid-template-columns:1fr 1fr;}
.business-section{padding:0.4rem 0;}
.business-section .scroll-item{width:1.82rem;height:2.1rem;}
.franchise-section,.value-section{padding:0.4rem 0.3rem}
.franchise-section .franchise-item h3{font-size:var(--f28);}
.value-section .value-card h4{font-size:var(--f28);}
.value-section .value-card p{font-size:var(--f18);}
/* === General Grid System 4列变1列 === */
 .about-banner{margin-bottom:0;}
.brand-intro-desc .txt2,.brand-intro-desc .txt3,.brand-intro-desc .txt4{font-size:var(--f22);text-align:left;}
.brand-intro-desc .txt3,.brand-intro-desc .txt4{padding:0 0;}
.brand-intro-grid{grid-template-columns:1fr;gap:0.3rem;margin-top:0.4rem;}
/* 原料优势卡片高度缩减 */
 .advantage-item{height:4.5rem;}
.advantage-item .item-info h3{font-size:var(--f32);}
.advantage-item .item-info p{font-size:var(--f22);}
/* 适配 DNA 模块 */
 .dna-grid{flex-direction:column;}
.dna-grid .dna-item{flex:1 1 100%;margin-bottom:0.2rem;}
.item-num{font-size:0.8rem;opacity:0.08;top:0.1rem;}
/* === News Section === */
 .news-section{padding:0.5rem 0;}
.news-section .news-card{flex-direction:column;height:auto;}
.news-section .news-image{height:2.2rem;}
.news-section .news-content{padding:0.3rem;}
/* 时间轴重构 */
 .brand-history{padding:0.5rem 0;}
.timeline{gap:0.4rem;}
.tl-line{left:0.4rem;transform:none;}
/* 线条靠左 */
 .tl-item,.tl-item.right{flex-direction:column;align-items:flex-start;padding-left:0.9rem;/* 给左侧线条留空 */
 padding-right:0.2rem;}
.tl-year,.tl-item.right .tl-year{text-align:left;padding:0;margin-bottom:0.05rem;font-size:0.36rem;}
.tl-dot{left:0.4rem;top:0.2rem;transform:translate(-50%,0);}
.tl-content,.tl-item.right .tl-content{width:100%;padding:0;text-align:left;}
.tl-content p{font-size:var(--f22);}
.item-content .text{font-size:var(--f22);}
.tl-info{width:100%;}
.brand-culture .cul-card h4{font-size:var(--f30);}
.brand-culture .cul-card p{font-size:var(--f22);line-height:1.6;}
/* 品牌故事分栏变堆叠 */
 .about-story,.about-dna,.brand-culture,.join-process,.support-section{padding:0.4rem 0;}
.story-split-container{flex-direction:column;}
.story-visual{height:4rem;}
.story-text-panel{padding:0.3rem 0.3rem;}
.vertical-text{font-size:0.4rem;border-left-width:2px;}
.signature img{height:1.2rem;margin-top:0;}
.about-dna .section-header{margin-bottom:0.4rem;}
.story-paragraphs p{font-size:var(--f22);}
/* === 加盟费用 === */
 .join-fee{padding:0.6rem 0;}
.fee-card-container{flex-direction:column;width:92%;margin:0 auto;}
.fee-visual{width:100%;padding:0.6rem 0.4rem;align-items:center;text-align:center;}
.fee-visual::before{display:none;}
.big-percent{font-size:1.2rem;justify-content:center;}
.big-percent small{padding-bottom:0.15rem;}
.visual-deco-line{margin:0.2rem auto;}
.fee-list-box{width:100%;padding:0.4rem;}
.fee-header{font-size:var(--f30);}
.fee-row .name,.fee-row .price{font-size:var(--f24);}
/* 常见问题 Tabs */
 .faq-section .tabs{justify-content:center;gap:0.15rem;padding:0 0.4rem;}
.faq-section .tabs li{padding:0.1rem 0.2rem;font-size:var(--f24);flex-grow:1;text-align:center;border-radius:0.5rem;}
.faq-section .faq-title{font-size:var(--f24);}
.faq-section .faq-content{font-size:var(--f22);}
/* === 联系我们 === */
 .contact-wrapper{flex-direction:column;min-height:auto;margin:0 0.2rem;width:auto;}
.contact-info-panel{flex:0 0 auto;padding:0.6rem 0.4rem;text-align:center;}
.info-header .line{margin:0.2rem auto 0.4rem;}
.info-list{align-items:left;text-align:left;}
.qr-matrix{gap:0.2rem;}
/* 右侧表单 */
 .contact-form-panel{padding:0.6rem 0.4rem;}
.form-header{text-align:center;}
.form-row{flex-direction:column;gap:0.2rem;margin-bottom:0.2rem;}
.input-group.full-width{margin-bottom:0.2rem;}
.input-group input,.input-group textarea{padding:0.22rem 0.2rem;}
.submit-btn{width:100%;text-align:center;padding:0.22rem 0.6rem;font-size:var(--f24);}
/* 底部地图 */
 .full-map-section{height:3.5rem;}
.map-card{position:relative;top:auto;left:auto;transform:none;margin:0.2rem auto;pointer-events:none;}
/* === Toast === */
 .toast{min-width:auto;width:80%;padding:0.2rem 0.3rem;}
/* === Footer 页脚 === */
 .footer{height:auto;padding:0.6rem 0.3rem 0.2rem;background:url(../images/m-footer-bg.png) no-repeat center bottom / contain #f0f9e6;}
.footer::after,.footer::before{display:none;}
.footer .footer-top{flex-direction:column;align-items:center;text-align:center;z-index:99;}
.footer .footer-logo img{width:3.5rem;margin:0 auto 0.2rem;}
.footer .contact-item{align-items:center;}
.footer .footer-left,.footer .footer-right{width:100%;align-items:center;max-width:none;}
.footer .contact-info{width:100%;align-items:center;gap:0.1rem}
.footer .contact-item:nth-child(3){position:static;margin-top:0.2rem;}
.footer .contact-label{font-size:var(--f22);}
.footer .contact-label.green-bg{font-size:var(--f22);padding:0.05rem 0.4rem;width:auto;}
.footer .contact-value,.footer .contact-value.tel{font-size:var(--f28);}
.footer .qr-group{margin-top:0.4rem;gap:0.3rem;display:flex;flex-wrap:wrap;justify-content:center;}
.footer .qr-item{width:30%;box-sizing:border-box;padding:0 0.05rem;}
.footer .qr-label {
    font-size: var(--f14);}
.footer .footer-character{display:none;}
.footer .footer-bottom{text-align:center;z-index:99;padding-top:0;}
.footer .footer-bottom .footer-slogan img{width:3rem;height:auto;margin:0 auto;}
.footer .copyright{font-size:var(--f20);line-height:1.4;}
.footer .copyright a{display:block;}
/* --- 产品分类导航 --- */
 .product-category-bar{overflow-x:auto;padding:0 0.2rem;-webkit-overflow-scrolling:touch;margin-bottom:0.4rem;}
.product-category-bar::-webkit-scrollbar{display:none;}
.category-wrapper{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:0.2rem;}
.cat-item{flex-shrink:0;white-space:nowrap;font-size:var(--f28);padding:0.1rem 0.35rem;}
.prod-info h3{font-size:var(--f26);}
.prod-info .desc{font-size:var(--f20);}
/* --- 产品列表：2列 --- */
.product-list-wrapper{padding:1rem 0 0.3rem 0;}
.product-list{grid-template-columns:repeat(2,1fr);gap:0.2rem;}
/* --- 好喝的秘密 --- */
 .product-good-secret .section-title{width:100%;position:static;transform:none;margin-bottom:0;text-align:center;}
.product-good-secret .section-title h2{width:80%;height:auto;padding-top:0.8rem;background-size:contain;}
/* --- Swiper 轮播 Banner --- */
 .material-banner{border-radius:0.2rem;}
.material-image img{width:100%;max-height:3.5rem;object-fit:cover;}
/* === PDP 产品详情页 === */
 .pdp-container{flex-direction:column;padding-top:0.88rem;height:auto;}
.pdp-visual{height:auto;min-height:5rem;width:100%;margin-bottom:0.5rem;background:#f9f9f9;}
.pdp-main-img{height:auto;width:60%;}
.pdp-info{padding:0 0.4rem 0.2rem;text-align:center;}
.pdp-header{border-bottom:none;margin-bottom:0;}
.pdp-header h1{font-size:0.48rem;}
.series-tag{font-size:var(--f24);}
.pdp-desc{font-size:var(--f26);}
.pdp-container{padding-top:0.88rem;min-height:80vh;}
/* === 新闻列表 === */
 /* 头条大图：改为上下结构 */
 .news-featured{display:flex;flex-direction:column;margin:0 0 0.8rem;position:relative;}
.feat-img-box{min-height:3.5rem;max-height:3.5rem;display:flex;}
.feat-content{padding:0.5rem 0.4rem;position:static;}
.date-badge{right:0.2rem;}
/* 普通网格：改为单列 */
 .news-grid-container{grid-template-columns:1fr;padding:0}
.grid-img{height:3.5rem;}
.grid-info h3,.grid-info p{height:auto;}
.grid-info h3{font-size:var(--f28);}
.grid-info p{font-size:var(--f24);}
.grid-link{font-size:var(--f22);}
.grid-date{font-size:var(--f22);}
/* === 新闻详情页 === */
 .news-detail-page{padding:1.5rem 0.2rem 0;}
.article-header h1{font-size:0.4rem;}
.article-meta{flex-wrap:wrap;font-size:var(--f22);}
.article-content{font-size:var(--f24);line-height:1.8;}
.article-footer .nav-item span{font-size:var(--f22);}
.article-footer .nav-item h4{font-size:var(--f24);}
/* 文章图片强制自适应 */
 .article-content img{max-width:100% !important;height:auto;margin:0.2rem auto;}
/* 上一篇/下一篇 */
 .article-footer .prev-next-nav{flex-direction:column;gap:0.2rem;}
.article-footer .nav-item.next{text-align:left;padding-top:0.3rem;border-top:1px dashed #eee;}
.news-section .news-content h3{font-size:var(--f28);height:0.4rem;line-height:0.4rem;}
.news-section .news-content p,.news-section .news-date{font-size:var(--f24);}
.news-section .news-link{font-size:var(--f22);}
.news-section .news-content p{line-height:1.6;}
.brand-intro-grid p{font-size:var(--f28);}
.fee-visual .tag{width:1.5rem;font-size:var(--f22);}
.fee-visual p,.fee-visual .card-btm p{font-size:var(--f22);text-align:left;padding-left:0.9rem;}
.fee-visual h3{font-size:var(--f34);}
.fee-row .price del{font-size:var(--f22);}
.free-tag{font-size:var(--f24);}
.fee-footer p{max-width:2.5rem;font-size:var(--f18);}
.consult-btn{font-size:var(--f22);}
.product-section .product-nav li{padding:0.05rem 0.2rem;}
.product-good-secret{padding-top:0;}
.material-text{padding:0 0 0.4rem 0;}
.material-text p{font-size:var(--f24);line-height:1.4;height:1.1rem;}
.material-text p span{display:inline;}
.material-text .tags span{font-size:var(--f22);}
.join-process .process-card h4{font-size:var(--f28);}
.join-process .process-card p{font-size:var(--f22);}
.support-card h4{font-size:var(--f28);}
.support-card p{font-size:var(--f22);}
.feat-content h2{font-size:var(--f28);}
.feat-content p{font-size:var(--f24);line-height:1.6;margin-bottom:0.2rem;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.read-more-btn{font-size:var(--f22);}
.category-tag{font-size:var(--f18);}
.page-btn{width:0.7rem;height:0.7rem;font-size:var(--f22);}
.info-header h3{font-size:var(--f42);}
.info-row i{font-size:var(--f36);}
.info-row h4{font-size:var(--f22);}
.info-row p{font-size:var(--f28);}
.info-row .highlight-text{font-size:var(--f32);}
.qr-matrix-title{font-size:var(--f28);}
.qr-box span{font-size:var(--f22);}
.form-header h2{font-size:var(--f42);}
.form-header p{font-size:var(--f22);}
.input-group label{font-size:var(--f22);}
.input-group input,.input-group textarea{font-size:var(--f22);}
}