@charset "utf-8";
/* =====================================================================
   重生堂 m 站 · 内页美化覆盖层  beautify-pages.css  2026-10-31 v1
   适用：全部商品 downdetail / 分类 category / 快速下单 quickcart
   主色：品牌深绿 #1a6b42（与 APP 状态栏同色）；价格红 #f5332a
   原则：只做视觉覆盖，不改布局逻辑与 JS；回滚=删除对应 <link>
   ===================================================================== */

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

/* ---------- 顶部搜索头：深绿渐变 ---------- */
.sys-head{
	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);
}
.sys-head .sys-top-bar .go-back,
.sys-head .sys-top-bar .search-btn{color:#fff !important;}
.sys-head .top-search{
	background-color:rgba(255,255,255,.96);
	border-radius:.6rem;
	box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.sys-head .search-btn{font-weight:600;}
.sys-head .search-pop{background-color:#fff;}

/* ---------- 左侧分类栏 ---------- */
.cate-side{background-color:#f2f4f5;}
.cate-tabs ul li a{color:#4a5568;}
.cate-tabs ul li.active a{
	background-color:#ffffff;
	color:#1a6b42;
	font-weight:600;
}
.cate-tabs ul li.active a:before{
	background-image:-webkit-linear-gradient(top,#155e39,#1e7749);
	background-image:linear-gradient(top,#155e39,#1e7749);
	width:.14rem;
	border-radius:0 .08rem .08rem 0;
}

/* ---------- 商品价格：统一价格红 ---------- */
.pd-price,
.pd-price .price-ico,
.pd-price .price-amount{color:#f5332a;}
.pd-price .price-amount{font-weight:700;}

/* 分类页三列图等比缩放防拉伸变形 */
.cate-main .cate-list li .cate-img img{
	-o-object-fit:contain;
	object-fit:contain;
	background-color:#ffffff;
}

/* ---------- 规格选项 / 数量步进器 ---------- */
.sku-choose .option-radio,
.sku-choose .option-checkbox{border-radius:.15rem;}
.sku-choose .option-radio.checked,
.sku-choose .option-checkbox.checked{
	color:#1a6b42;
	border-color:#1a6b42;
	background-color:#eaf4ee;
}
.sku-choose .choose-amount .btn-decrease,
.sku-choose .choose-amount .btn-increase{
	border-color:#dfe3e8;
	background-color:#fff;
	border-radius:0;
}
.sku-choose .choose-amount .btn-decrease{border-radius:.15rem 0 0 .15rem;}
.sku-choose .choose-amount .btn-increase{border-radius:0 .15rem .15rem 0;}
.sku-choose .choose-amount .ipt-amount{border-color:#dfe3e8;}

/* ---------- 提交按钮：深绿渐变（原绿色渐变统一） ---------- */
.sys-btn-down{
	background-image:-webkit-linear-gradient(41deg,#155e39 19%,#1e7749 100%);
	background-image:linear-gradient(41deg,#155e39 19%,#1e7749 100%);
	box-shadow:0 2px 8px 0 rgba(26,107,66,.40);
	border-radius:.4rem;
	font-weight:600;
}

/* ---------- 底部导航（内页版 .foot-nav） ---------- */
.foot-nav{
	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);
}
.foot-nav .nav-item .item-name{color:#98a2b3;}
.foot-nav .nav-item.active .item-name{
	color:#1a6b42;
	font-weight:600;
}
.foot-nav .nav-item:active{opacity:.7;}

/* ---------- 加载提示 ---------- */
.body-loading{background-color:rgba(244,246,248,.92);}

/* ============================================================
   2026-11-01 动态效果层（快速下单 / 全部商品 / 分类共用）
   ============================================================ */

/* ---------- 商品卡：进场淡入上浮，前8张阶梯延迟 ---------- */
@keyframes fx-fade-up{
	from{opacity:0;-webkit-transform:translateY(.35rem);transform:translateY(.35rem);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.cate-main .cate-list li{
	-webkit-animation:fx-fade-up .45s ease both;
	animation:fx-fade-up .45s ease both;
}
.cate-main .cate-list li:nth-child(1){-webkit-animation-delay:.02s;animation-delay:.02s;}
.cate-main .cate-list li:nth-child(2){-webkit-animation-delay:.07s;animation-delay:.07s;}
.cate-main .cate-list li:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s;}
.cate-main .cate-list li:nth-child(4){-webkit-animation-delay:.17s;animation-delay:.17s;}
.cate-main .cate-list li:nth-child(5){-webkit-animation-delay:.22s;animation-delay:.22s;}
.cate-main .cate-list li:nth-child(6){-webkit-animation-delay:.27s;animation-delay:.27s;}
.cate-main .cate-list li:nth-child(7){-webkit-animation-delay:.32s;animation-delay:.32s;}
.cate-main .cate-list li:nth-child(8){-webkit-animation-delay:.37s;animation-delay:.37s;}

/* ---------- 加购按钮：按压回弹 + 主按钮流光 ---------- */
.btn-increase,.btn-decrease{
	-webkit-transition:-webkit-transform .12s ease;
	transition:transform .12s ease;
}
.btn-increase:active,.btn-decrease:active{
	-webkit-transform:scale(.82);transform:scale(.82);
}
.cate-main .sys-btn-down,.sku-choose .sys-btn{
	position:relative;overflow:hidden;
}
.cate-main .sys-btn-down::after{
	content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));
	background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));
	-webkit-animation:fx-shine 2.6s ease-in-out infinite;
	animation:fx-shine 2.6s ease-in-out infinite;
}
@keyframes fx-shine{
	0%{left:-80%;}55%{left:130%;}100%{left:130%;}
}

/* ---------- 需求单角标：数字变化时弹跳 ---------- */
@keyframes fx-pop{
	0%{-webkit-transform:scale(1);transform:scale(1);}
	40%{-webkit-transform:scale(1.5);transform:scale(1.5);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}
.badge-pop{
	-webkit-animation:fx-pop .35s ease;
	animation:fx-pop .35s ease;
}