@charset "utf-8";

/* ------------------------------------------------------------------
   商城前台：统一内容宽度 + 中性配色（非京东红）
   ------------------------------------------------------------------ */

:root {
	/* 主色：蓝（价格、按钮、搜索）；导航条：深灰蓝 */
	--accent: #2563eb;
	--accent-dark: #1d4ed8;
	--nav-bg: #334155;
	--nav-bg-active: rgba(0, 0, 0, 0.15);
	/* 兼容旧变量名 */
	--jd-red: var(--accent);
	--jd-red-dark: var(--accent-dark);
	--jd-bg: #f1f5f9;
	--jd-card: #ffffff;
	--jd-border: #e2e8f0;
	--jd-text: #1e293b;
	--jd-sub: #64748b;
	/* 完全铺满：左右不留白 */
	--jd-page-gutter: 0px;
}

body.jd-theme {
	background:
 linear-gradient(180deg, #e2e8f0 0%, rgba(241, 245, 249, 0.92) 280px, var(--jd-bg) 520px);
	color: var(--jd-text);
	min-width: 0;
}

body.jd-theme #wrap {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0 auto;
	background: transparent;
	padding: 0;
	box-sizing: border-box;
}

/* 与 style.css 中 .row 固定 1200px 冲突：改为与通栏同宽，避免顶栏窄、下面宽 */
body.jd-theme #header .row {
	width: 100% !important;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	/* 虽然页面铺满，但顶部内容不应贴到浏览器最右侧 */
	padding: 0 14px;
	box-sizing: border-box;
}

/* 首页商品区：覆盖 style.css 固定 1200px 的 .row */
body.jd-theme .jd-home-main .row {
	width: 100% !important;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

body.jd-theme .jd-home-main .row.clearfix {
	width: 100% !important;
}

body.jd-theme #header {
	background: var(--jd-card);
	border-bottom: 1px solid var(--jd-border);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
	border-radius: 0 0 10px 10px;
	overflow: visible;
}

body.jd-theme #header .header_top {
	background: #e3e4e5;
	color: #666;
	margin-bottom: 12px;
	border-bottom: 1px solid #ddd;
}

body.jd-theme #header .header_top a {
	color: #666;
	transition: color 0.15s ease;
}

body.jd-theme #header .header_top a:hover {
	color: var(--accent);
}

/* 搜索：主色描边 + 按钮 */
body.jd-theme .jd-search-box.head_search {
	border: 2px solid var(--accent);
	border-radius: 2px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	width: 420px;
}

body.jd-theme .jd-search-box .head_form {
	height: 36px;
	line-height: 36px;
	width: 330px;
	padding-left: 10px;
	font-size: 14px;
}

body.jd-theme .jd-search-box .jd-search-submit.head_search_btn {
	background: var(--accent) none;
	background-image: none;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	width: 84px;
	height: 40px;
	line-height: 40px;
	float: right;
	border-radius: 0;
	position: relative;
}

body.jd-theme .jd-search-box .jd-search-submit.head_search_btn:hover {
	background: var(--accent-dark);
}

body.jd-theme .jd-search-box .jd-search-submit.head_search_btn::after {
	content: "搜索";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	line-height: 36px;
}

/* 主导航条：与下方通栏同宽（覆盖 style.css 里 #navi 固定 1200px 导致不对齐） */
body.jd-theme #navi {
	width: 100% !important;
	max-width: none !important;
	height: 40px;
	line-height: 40px;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background: linear-gradient(180deg, #3d4f66 0%, var(--nav-bg) 100%);
	border-radius: 8px;
	padding: 0 14px;
	box-sizing: border-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 14px rgba(15, 23, 42, 0.12);
}

body.jd-theme #nav {
	margin-left: 0 !important;
	padding-left: 8px;
	height: 40px;
}

body.jd-theme #nav li {
	height: 40px;
	line-height: 40px;
	padding-left: 16px;
	padding-right: 16px;
	background-image: none !important;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
}

body.jd-theme #nav li:first-child {
	border-left: none;
}

body.jd-theme #nav li a {
	color: #fff !important;
	font-size: 15px;
	padding: 0 4px;
}

body.jd-theme #nav li a:hover {
	color: #fff !important;
	background: var(--nav-bg-active);
	border-radius: 2px;
}

body.jd-theme #nav li a.active {
	color: #fff !important;
	border-bottom: none;
	background: var(--nav-bg-active);
	font-weight: 600;
}

body.jd-theme #navi .tel {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 14px;
	top: 0;
	background-image: none;
	padding-left: 14px;
	border-left: 1px solid rgba(255, 255, 255, 0.35);
	white-space: nowrap;
	line-height: 40px;
	height: 40px;
	transform: none;
}

/* 轮播与主内容区间距（内页通栏：占满 #wrap 内容区，避免半屏） */
body.jd-theme #banner {
	width: 100%;
	max-width: 100%;
	margin-bottom: 28px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.1);
	box-sizing: border-box;
}

body.jd-theme #banner .yx-rotaion {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	display: block;
	box-sizing: border-box;
}

/* 首页主内容区 */
body.jd-theme .jd-home-main {
	display: block;
	width: 100%;
	max-width: 100%;
	padding-bottom: 36px;
}

body.jd-theme .jd-home-main #special,
body.jd-theme .jd-home-main #recommend,
body.jd-theme .jd-home-main #local {
	background: var(--jd-card);
	padding: 22px 22px 14px;
	margin-bottom: 18px;
	border-radius: 10px;
	border: 1px solid var(--jd-border);
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
	width: 100%;
	box-sizing: border-box;
}

/* 首页商品区：多列铺满，避免「中间一条空白」 */
body.jd-theme .spe_list,
body.jd-theme .rec_list,
body.jd-theme .wares_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 12px 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.jd-theme .spe_list li,
body.jd-theme .rec_list li,
body.jd-theme .wares_list li {
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

body.jd-theme .spe_list li {
	flex: 1 1 calc(50% - 8px);
	min-width: 280px;
	max-width: 100%;
	height: auto !important;
}

body.jd-theme .rec_list li {
	flex: 1 1 calc(25% - 10px);
	min-width: 200px;
	max-width: calc(25% - 10px);
	height: auto !important;
}

body.jd-theme .wares_list li {
	flex: 1 1 calc(25% - 10px);
	min-width: 220px;
	max-width: calc(25% - 10px);
	height: auto !important;
}

body.jd-theme .spe_pic,
body.jd-theme .rec_pic,
body.jd-theme .wares_pic {
	max-width: 100%;
}

body.jd-theme .spe_pic img,
body.jd-theme .rec_pic img,
body.jd-theme .wares_pic img {
	max-width: 100%;
	height: auto !important;
	object-fit: cover;
}

/* 区块标题：左侧红条 */
body.jd-theme .jd-home-main .top_title {
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	margin-bottom: 16px;
	position: relative;
	padding-left: 14px;
}

body.jd-theme .jd-home-main .top_title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 10px;
	width: 4px;
	background: var(--jd-red);
	border-radius: 2px;
}

body.jd-theme .jd-home-main .top_title .cn {
	font-size: 20px;
	font-weight: 700;
	color: var(--jd-text);
}

body.jd-theme .jd-home-main .top_title .en {
	color: var(--jd-sub);
	font-size: 12px;
	margin-left: 8px;
}

body.jd-theme .jd-home-main .top_title .font_blue a {
	color: var(--jd-red) !important;
}

body.jd-theme .jd-home-main .top_title .font_blue a:hover {
	text-decoration: underline;
}

/* 价格强调 */
body.jd-theme .font_orange,
body.jd-theme .spe_box .font_orange,
body.jd-theme .wares_tag,
body.jd-theme .rec_tag {
	color: var(--jd-red) !important;
}

body.jd-theme .font_del {
	color: #aaa !important;
}

/* 商品卡片网格 */
body.jd-theme .spe_list li,
body.jd-theme .rec_list li,
body.jd-theme .wares_list li {
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 10px;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

body.jd-theme .spe_list li:hover,
body.jd-theme .rec_list li:hover,
body.jd-theme .wares_list li:hover {
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12);
	transform: translateY(-3px);
	border-color: rgba(37, 99, 235, 0.35);
}

body.jd-theme .spe_pic img,
body.jd-theme .rec_pic img,
body.jd-theme .wares_pic img {
	border-radius: 4px;
	background: #f0f0f0;
	object-fit: cover;
}

body.jd-theme .wares_title a,
body.jd-theme .rec_title2 a,
body.jd-theme .spe_title {
	color: var(--jd-text) !important;
}

body.jd-theme .wares_title a:hover,
body.jd-theme .rec_title2 a:hover {
	color: var(--jd-red) !important;
}

body.jd-theme #footer {
	background: var(--jd-card);
	border-top: 1px solid var(--jd-border);
	margin-top: 32px;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 -4px 24px rgba(15, 23, 42, 0.04);
}

body.jd-theme #footer > .row {
	width: 100% !important;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

/* 浮动购物车/客服：把“购物车”移动到首屏右侧区域附近 */
body.jd-theme #float {
	right: 28px !important;
	top: 46% !important;
	margin-right: 0 !important;
}

/* === Footer alignment tweaks === */
/* 服务图标整行居中显示 */
body.jd-theme #footer .foot_service {
  /* 用 flex 强制整行居中，避免 ul 默认缩进导致偏左 */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 26px;
  padding: 0 0 24px !important;
  list-style: none;
}

body.jd-theme #footer .foot_service li {
  float: none !important;
  display: block;
  box-sizing: border-box;
  height: auto;
  min-height: 66px;
}

/* 模板中的清浮动占位会破坏 flex 居中，隐藏 */
body.jd-theme #footer .foot_service .clear {
  display: none;
}

/* 列表页（goodslist 等） */
.travel-page.mall-page #content {
	padding-top: 16px;
	padding-bottom: 40px;
}

.travel-page.mall-page .travel_title {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	margin-bottom: 16px;
	padding-left: 12px;
	position: relative;
}

.travel-page.mall-page .travel_title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 8px;
	width: 4px;
	background: var(--jd-red);
	border-radius: 2px;
}

.travel-page.mall-page .rec_list li,
.travel-page.mall-page .goods_list2 li {
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	background: var(--jd-card);
	border: 1px solid var(--jd-border);
	border-radius: 4px;
	padding: 8px;
}

.travel-page.mall-page .rec_list li:hover,
.travel-page.mall-page .goods_list2 li:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.travel-page.mall-page .rec_pic img,
.travel-page.mall-page .goods_pic2 img {
	object-fit: cover;
	background: #f5f5f5;
	border-radius: 4px;
}

body.jd-theme .font_orange.font16,
body.jd-theme .font_orange.font20 {
	color: var(--jd-red) !important;
}

/* ------------------------------------------------------------------
   分类商品列表页：京东式多列网格（替代原 rec_list 横版大卡竖排）
   ------------------------------------------------------------------ */
.travel-page.jd-goodslist-page #content {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
}

.jd-goodslist-sub {
	font-size: 13px;
	color: #999;
	margin: -4px 0 18px;
	padding-left: 2px;
	line-height: 1.5;
}

.jd-goods-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
}

.jd-goods-grid > li {
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.jd-goods-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.jd-goods-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
	border-color: rgba(37, 99, 235, 0.25);
}

.jd-goods-pic {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	background: #f5f5f5;
	overflow: hidden;
}

.jd-goods-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jd-goods-meta {
	padding: 12px 12px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 88px;
}

.jd-goods-name {
	font-size: 14px;
	color: #333;
	line-height: 1.45;
	max-height: 2.9em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 8px;
	text-decoration: none;
}

.jd-goods-name:hover {
	color: var(--jd-red);
}

.jd-goods-price {
	color: var(--jd-red);
	font-size: 18px;
	font-weight: 700;
	margin-top: auto;
}

.jd-price-symbol {
	font-size: 14px;
	font-weight: 600;
	margin-right: 0;
}

.jd-pagination-wrap {
	margin-top: 32px;
	padding: 16px 0;
	text-align: center;
	clear: both;
}

.jd-pagination-wrap .pagination {
	display: inline-block;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.jd-goods-grid {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 10px;
	}
}

/* ------------------------------------------------------------------
   首页京东式通栏：左分类 + 中轮播 + 右侧快捷
   ------------------------------------------------------------------ */
body.jd-theme #jd-hero {
	margin-bottom: 28px;
	margin-top: 4px;
}

body.jd-theme .jd-hero-inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	gap: 14px;
}

body.jd-theme .jd-cate-side {
	width: 200px;
	flex-shrink: 0;
	background: var(--jd-card);
	border: 1px solid var(--jd-border);
	border-radius: 10px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07);
	overflow: visible;
	z-index: 30;
	position: relative;
}

body.jd-theme .jd-cate-side-hd {
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(90deg, var(--nav-bg) 0%, #475569 100%);
	border-radius: 9px 9px 0 0;
}

body.jd-theme .jd-cate-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 460px;
	overflow-y: auto;
}

body.jd-theme .jd-cate-item {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}

body.jd-theme .jd-cate-item:last-child {
	border-bottom: none;
}

body.jd-theme .jd-cate-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	color: var(--jd-text);
	font-size: 14px;
	transition: background 0.15s ease, color 0.15s ease;
}

body.jd-theme .jd-cate-main:hover {
	background: #eff6ff;
	color: var(--accent);
}

body.jd-theme .jd-cate-arrow {
	font-style: normal;
	color: #ccc;
	font-size: 12px;
}

body.jd-theme .jd-cate-pop {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 0;
	min-width: 520px;
	min-height: 100%;
	background: var(--jd-card);
	border: 1px solid var(--jd-border);
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.12);
	z-index: 50;
	padding: 14px 16px;
	box-sizing: border-box;
}

body.jd-theme .jd-cate-item:hover .jd-cate-pop {
	display: block;
}

body.jd-theme .jd-cate-item:hover {
	z-index: 40;
}

body.jd-theme .jd-cate-pop-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
}

body.jd-theme .jd-cate-sub {
	display: inline-block;
	padding: 4px 10px;
	font-size: 13px;
	color: #666;
	border-radius: 2px;
	border: 1px solid #eee;
	background: #fafafa;
	transition: border-color 0.15s ease, color 0.15s ease;
}

body.jd-theme .jd-cate-sub:hover {
	border-color: var(--accent);
	color: var(--accent);
}

body.jd-theme .jd-hero-slider {
	flex: 1 1 0%;
	min-width: 0;
	height: 500px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
	border: 1px solid rgba(226, 232, 240, 0.9);
	box-sizing: border-box;
}

body.jd-theme .jd-hero-carousel.yx-rotaion,
body.jd-theme .jd-hero-slider > .yx-rotaion {
	width: 100% !important;
	max-width: 100% !important;
	height: 500px !important;
	margin: 0 !important;
	display: block;
	box-sizing: border-box;
}

body.jd-theme .jd-hero-carousel .rotaion_list li a {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

body.jd-theme .jd-hero-rail {
	width: 250px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

body.jd-theme .jd-user-card {
	background: var(--jd-card);
	border: 1px solid var(--jd-border);
	border-radius: 10px;
	padding: 16px 14px;
	text-align: center;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07);
}

body.jd-theme .jd-user-avatar {
	width: 56px;
	height: 56px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: #f0f0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/60% no-repeat;
}

body.jd-theme .jd-user-welcome {
	margin: 0 0 12px;
	font-size: 13px;
	color: #666;
}

body.jd-theme .jd-user-btns {
	margin-bottom: 12px;
}

body.jd-theme .jd-btn {
	display: inline-block;
	padding: 6px 16px;
	font-size: 13px;
	border-radius: 2px;
	text-decoration: none;
	transition: background 0.15s ease;
}

body.jd-theme .jd-btn-red {
	background: var(--accent);
	color: #fff !important;
	margin-right: 6px;
}

body.jd-theme .jd-btn-red:hover {
	background: var(--accent-dark);
	color: #fff !important;
}

body.jd-theme .jd-btn-red-outline {
	border: 1px solid var(--accent);
	color: var(--accent) !important;
	background: #fff;
}

body.jd-theme .jd-btn-red-outline:hover {
	background: #eff6ff;
}

body.jd-theme .jd-user-links {
	list-style: none;
	margin: 0;
	padding: 8px 0 0;
	border-top: 1px solid #eee;
	text-align: left;
}

body.jd-theme .jd-user-links li {
	line-height: 28px;
	font-size: 13px;
}

body.jd-theme .jd-user-links a {
	color: #666 !important;
}

body.jd-theme .jd-user-links a:hover {
	color: var(--accent) !important;
}

body.jd-theme .jd-rail-news {
	background: var(--jd-card);
	border: 1px solid var(--jd-border);
	border-radius: 10px;
	padding: 10px 12px;
	flex: 1;
	min-height: 120px;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}

body.jd-theme .jd-rail-news-hd {
	font-size: 14px;
	font-weight: 700;
	color: var(--jd-text);
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #eee;
}

body.jd-theme .jd-rail-news-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.jd-theme .jd-rail-news-list li {
	line-height: 26px;
	font-size: 13px;
}

body.jd-theme .jd-rail-news-list a {
	color: #666 !important;
}

body.jd-theme .jd-rail-news-list a:hover {
	color: var(--accent) !important;
}

body.jd-theme .jd-rail-promo {
	background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
	border: 1px solid rgba(37, 99, 235, 0.22);
	border-radius: 10px;
	padding: 12px 10px;
	text-align: center;
}

body.jd-theme .jd-rail-phone {
	font-size: 14px;
	font-weight: 600;
	color: var(--accent);
}

@media screen and (max-width: 1220px) {
	body.jd-theme .jd-hero-inner {
		width: 100%;
		padding: 0 8px;
		flex-wrap: wrap;
	}
	body.jd-theme .jd-cate-side {
		width: 100%;
		max-height: none;
	}
	body.jd-theme .jd-cate-list {
		max-height: 220px;
	}
	body.jd-theme .jd-cate-pop {
		left: 0;
		top: 100%;
		min-width: 100%;
		margin-top: 4px;
	}
	body.jd-theme .jd-hero-slider {
		width: 100%;
		order: 3;
		height: 360px;
	}
	body.jd-theme .jd-hero-carousel.yx-rotaion {
		height: 360px !important;
	}
	body.jd-theme .jd-hero-rail {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}
}

/* ------------------------------------------------------------------
   商品图片：自适应 + 雅观展示（不变形、不撑破布局）
   ------------------------------------------------------------------ */

/* 通用：图片块级、裁切方式由容器决定 */
body.jd-theme img {
	max-width: 100%;
	height: auto;
}

/* 商品列表（新版 jd-goodslist） */
body.jd-theme .jd-goods-pic {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

body.jd-theme .jd-goods-pic::before {
	content: "";
	display: block;
	/* 4:3 卡片比例，整齐好看 */
	padding-top: 75%;
}

body.jd-theme .jd-goods-pic > img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	transform: translateZ(0);
}

body.jd-theme .jd-goods-card:hover .jd-goods-pic > img {
	transform: scale(1.03);
	transition: transform 0.25s ease;
}

/* 首页模块（spe/rec/wares）统一卡片裁切 */
body.jd-theme .spe_pic,
body.jd-theme .rec_pic,
body.jd-theme .wares_pic {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #f8fafc;
}

body.jd-theme .spe_pic::before {
	content: "";
	display: block;
	/* 16:10 更接近首页大图 */
	padding-top: 62.5%;
}

body.jd-theme .rec_pic::before,
body.jd-theme .wares_pic::before {
	content: "";
	display: block;
	/* 正方形更规整 */
	padding-top: 100%;
}

body.jd-theme .spe_pic img,
body.jd-theme .rec_pic img,
body.jd-theme .wares_pic img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

/* 详情页主图：完整展示不裁切（contain），避免“人像/商品被切头切脚” */
body.jd-theme .details-bigimg .product-photo,
body.jd-theme .details-bigimg .product-img.jqzoom {
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 60%);
	border-radius: 12px;
}

body.jd-theme .details-bigimg .product-img.jqzoom {
	overflow: hidden;
}

body.jd-theme .details-bigimg .product-img.jqzoom img#zoomimg,
body.jd-theme .details-bigimg .product-img.jqzoom img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-height: 400px;
	object-fit: contain;
	object-position: center;
	background: transparent;
}

/* 右侧“看了又看”小图：裁切居中 */
body.jd-theme .alone-shop a img {
	display: block;
	width: 100% !important;
	height: 160px !important;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	background: #f8fafc;
}

/* 首页「爆款推荐 / 直降专区 / 各专区」：保留文字区域，不使用占位伪元素撑高 */
body.jd-theme .jd-home-main #special .spe_pic::before,
body.jd-theme .jd-home-main #recommend .rec_pic::before,
body.jd-theme .jd-home-main #local .wares_pic::before {
	content: none !important;
	display: none !important;
}

body.jd-theme .jd-home-main #special .spe_pic,
body.jd-theme .jd-home-main #recommend .rec_pic,
body.jd-theme .jd-home-main #local .wares_pic {
	border-radius: 10px;
	overflow: hidden;
	background: #f8fafc;
}

/* 使用模板原本的图片尺寸：直降 360x225，推荐 220x220，专区 298x298 */
body.jd-theme .jd-home-main #special .spe_pic { height: 225px; }
body.jd-theme .jd-home-main #recommend .rec_pic { height: 220px; }
body.jd-theme .jd-home-main #local .wares_pic { height: 298px; }

body.jd-theme .jd-home-main #special .spe_pic img,
body.jd-theme .jd-home-main #recommend .rec_pic img,
body.jd-theme .jd-home-main #local .wares_pic img {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	display: block;
	transform: none !important;
}

/* 首页价格条（模板自带蓝色 ribbon）：避免“蓝底蓝字”导致看不清 */
body.jd-theme .jd-home-main #recommend .rec_tag,
body.jd-theme .jd-home-main #local .wares_tag {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(15, 23, 42, 0.35);
}

body.jd-theme .jd-home-main #recommend .rec_tag a,
body.jd-theme .jd-home-main #local .wares_tag a,
body.jd-theme .jd-home-main #recommend .rec_tag span,
body.jd-theme .jd-home-main #local .wares_tag span {
	color: #fff !important;
}

/* 爆款推荐标题与价格避免重叠，保证标题始终可见 */
body.jd-theme .jd-home-main #recommend .rec_list li {
	position: relative;
	min-height: 340px;
	padding-top: 20px;
	padding-bottom: 56px;
}

body.jd-theme .jd-home-main #recommend .rec_title2 {
	position: relative;
	z-index: 2;
	min-height: 22px;
	line-height: 22px;
	margin: 10px 0 14px;
	padding: 0 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #334155 !important;
}

body.jd-theme .jd-home-main #recommend .rec_title2 a {
	color: #334155 !important;
}

body.jd-theme .jd-home-main #recommend .rec_tag {
	z-index: 1;
}