@charset "utf-8";
/* =====================================================================
   重生堂 m 站 · 首页美化覆盖层  beautify.css  2026-10-31 v4（深绿主色）
   =====================================================================
   色彩规范（全站仅三个色系，杜绝杂色）：
     ① 品牌深绿 #1a6b42（与 APP 原生框同色，唯一绿）
                渐变端 #155e39 → #1e7749；深档文字 #145737；
                浅底 #eaf4ee
     ② 强调红  #f5332a（唯一红：批发价 / 促销 tab / 客服热线）
     ③ 中性灰  #1f2d3d 主文字 · #4a5568 次文字 · #98a2b3 弱文字
                · #eef1f4 分割 · #f4f6f8 页面底
   原则：只做视觉覆盖，不改布局/位置/层级，不动任何 JS 与 DOM 逻辑。
   回滚：删除 index.jsp 中本文件的 <link>。
   ===================================================================== */

/* ---------- 全局 ---------- */
body{
	background-color:#f4f6f8;
	-webkit-font-smoothing:antialiased;
}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* ---------- 顶部栏：品牌深绿（与 APP 状态栏 #1a6b42 一体） ---------- */
.pui-header{
	background-image:-webkit-linear-gradient(left top,#155e39,#1e7749);
	background-image:linear-gradient(135deg,#155e39,#1e7749);
	box-shadow:0 2px 10px rgba(10,60,35,.30);
}
.pui-header .head-bar-bg{
	background:transparent;
	opacity:0;
}
.search-bar{
	background-color:rgba(255,255,255,.96);
	box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.pui-header .pui-link{font-weight:600;letter-spacing:.01rem;}

/* ---------- 轮播 Banner ---------- */
.slide-cells{
	padding:0 .24rem;
}
.slide-cells .swiper-banner{
	border-radius:.28rem;
	overflow:hidden;
	box-shadow:0 6px 18px rgba(10,60,35,.14);
}
.swiper-pagination-bullet{
	background:#ffffff;
	opacity:.45;
}
.swiper-pagination-bullet-active{
	background:#ffffff;
	opacity:1;
	width:.34rem;
	border-radius:.2rem;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}

/* ---------- 金刚区（图标保持原生四色） ---------- */
.index-menu{
	border-radius:.24rem;
	box-shadow:0 2px 12px rgba(31,60,46,.06);
}
.menu-list li{padding:.2rem .1rem;}
.me-box p{
	font-size:.22rem;
	color:#4a5568;
	margin-top:.14rem;
}
.me-box:active{opacity:.65;}

/* ---------- 公告条 ---------- */
.notice-cell{
	background-color:#eaf4ee;
	box-shadow:0 2px 12px rgba(31,60,46,.04);
}
.notice-cell .swiper-slide a{
	color:#145737;
	font-weight:500;
}

/* ---------- 列表标题：品牌深绿竖标 ---------- */
.list-header .ltt{
	font-size:.32rem;
	font-weight:600;
	color:#1f2d3d;
	position:relative;
	padding-left:.22rem;
}
.list-header .ltt:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:.08rem;
	height:.32rem;
	border-radius:.06rem;
	background-color:#1a6b42;
}
.list-tab li a{color:#98a2b3;}
.list-tab li.active a{
	color:#f5332a;
	font-weight:600;
}

/* ---------- 商品卡片 ---------- */
.lists li{padding:.09rem;}
.list-box{
	border-radius:.24rem;
	box-shadow:0 2px 12px rgba(31,60,46,.07);
	-webkit-transition:box-shadow .2s ease;
	transition:box-shadow .2s ease;
}
.list-box:active{
	box-shadow:0 6px 18px rgba(31,60,46,.14);
}
.list-photo img{
	border-radius:.24rem .24rem 0 0;
	object-fit:cover;
}
.list-intro{padding:.16rem .2rem .22rem;}
.list-box .list-title{
	color:#1f2d3d;
	line-height:1.5;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.list-box .list-price span{
	color:#98a2b3;
	font-size:.2rem;
}
.productPrice{
	color:#f5332a;
	font-weight:700;
	margin-top:0;
	margin-right:.14rem;
}
/* 第二个价格（零售价）弱化为灰色，突出批发价 */
.list-box .list-price .productPrice:nth-of-type(2){
	color:#98a2b3;
	font-weight:500;
}

/* ---------- 广告位 ---------- */
.list-ad img{
	border-radius:.24rem;
	box-shadow:0 2px 12px rgba(31,60,46,.06);
}

/* ---------- 页脚（含客服热线统一红） ---------- */
.foot-panel{
	border-radius:.24rem;
	box-shadow:0 2px 12px rgba(31,60,46,.06);
	margin-left:.24rem;
	margin-right:.24rem;
}
.foot-qrcode img{border-radius:.16rem;}
.hotLine .line-txt .red,
.red{
	color:#f5332a;
}

/* ---------- 回到顶部：缩小并固定到底栏上方，不再压住商品卡 ---------- */
.backTop{
	width:.84rem;
	height:.84rem;
	padding-top:.12rem;
	font-size:.2rem;
	right:.24rem;
	bottom:1.5rem;
	background-color:rgba(23,74,47,.82);
	box-shadow:0 4px 14px rgba(0,0,0,.18);
}

/* ---------- 底部导航 ---------- */
.foot-nav_index{
	box-shadow:0 -1px 0 rgba(0,0,0,.05),0 -6px 18px rgba(31,60,46,.07);
	padding-bottom:0;
	padding-bottom:env(safe-area-inset-bottom);
}
.nav-item_index .item-name{color:#98a2b3;}
.nav-item_index.active .item-name{
	color:#1a6b42;
	font-weight:600;
}
.nav-item_index:active{opacity:.7;}

/* =====================================================================
   v3 追加：弹窗重设计 / 破图占位 / 页脚二维码 / 登录钮
   ===================================================================== */

/* ---------- 登录：白描边胶囊，增强可点感 ---------- */
.search-bar{width:4.1rem;}
#logininfo .pui-link{
	display:inline-block;
	padding:.04rem .2rem;
	border:1px solid rgba(255,255,255,.85);
	border-radius:.6rem;
	font-size:.24rem;
	line-height:.42rem;
	white-space:nowrap;
}
#logininfo .pui-link:active{background-color:rgba(255,255,255,.18);}

/* ---------- 搜索框 ---------- */
.weui-input::placeholder,
.search-bar input[type="search"]::placeholder{color:#b6bdc9;}

/* ---------- 公告弹窗：品牌白卡片 ----------
   仅覆盖外观；弹出/关闭/cookie/Ajax 内容逻辑全部不动 */
.web-notice{
	background-color:rgba(8,38,24,.42);
}
.popup-container{
	background-image:none;
	background-color:#ffffff;
	border-radius:.32rem;
	box-shadow:0 24px 64px rgba(0,50,28,.30);
	padding:.5rem .4rem .4rem;
	height:auto;
	max-height:13rem;
}
.popup-title{
	font-size:.36rem;
	color:#1a6b42;
	font-weight:700;
	margin-bottom:.3rem;
	position:relative;
	padding-bottom:.24rem;
}
.popup-title:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:.8rem;
	height:.06rem;
	border-radius:.06rem;
	background-color:#1a6b42;
}
.popup-content{
	height:auto;
	max-height:7.4rem;
	font-size:.28rem;
	line-height:1.9;
	color:#1f2d3d;
	-webkit-overflow-scrolling:touch;
}
.close-btn{
	top:.2rem;
	right:.2rem;
	width:.56rem;
	height:.56rem;
	line-height:.5rem;
	padding:0;
	border-radius:50%;
	background-color:rgba(26,107,66,.10);
	color:#1a6b42;
	font-size:.32rem;
	text-align:center;
}
.checkbox-container{
	padding-left:0;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
.checkbox-container label{color:#5a6673;}
.popup-link{
	background-color:#1a6b42;
}

/* ---------- 破图占位：隐藏破图并显示占位底 ---------- */
img[src="1"]{opacity:0;}
.list-photo,
.rec-pic{
	background-color:#f2f4f7;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='25' width='40' height='15' rx='7.5' fill='none' stroke='%23c9d1dc' stroke-width='3' transform='rotate(-35 32 33)'/%3E%3Cline x1='32' y1='18' x2='32' y2='48' stroke='%23c9d1dc' stroke-width='3' transform='rotate(-35 32 33)'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:36% 36%;
	background-size:36% 36%;
	border-radius:.24rem .24rem 0 0;
}
.list-photo img,
.rec-pic img{
	border-radius:.24rem .24rem 0 0;
}

/* ---------- 页脚二维码：收敛为 210px ---------- */
.foot-qrcode{height:4.2rem;padding:.2rem;}
.foot-qrcode img{border-radius:.16rem;}

/* ---------- 商品标题字号微调 ---------- */
.list-box .list-title{font-size:.27rem;}