/* ===========================================================================
   purple_theme · repfind 视觉元素总集 (Neon Purple Wave · 紫霓虹电波)
   设计 token:
     - 主紫 #7200FF (复用 purple_theme 原版 scrollbar / border 同款)
     - 霓青 #1beade (中段强调)
     - 紫粉 #FF00C8 (强对比 + 渐变末段)
     - 副紫 #9b40ff (浅紫, 复用 purple_theme 原版 scrollbar:hover 同款)
     - 纯黑基底 #000000 / 深紫黑 #0A0212 / 输入背景 #0d0418
     - 圆角: sm 4px / md 8px / lg 12px / pill 50px
     - 字体: Open Sans (主, 保留 purple_theme 原版) + Oswald (强调) + Lato (兜底)
   覆盖范围:
     1. 商品卡片收藏按钮 (.pp-fav-badge)
     2. 趋势角标 (.pp-trend-badge / .pp-trend-blaze/hot/rise)
     3. NEW 角标 (.pp-new-badge)
     4. 详情页收藏 + 想买双按钮 (.pp-action-btn.is-fav / .is-wish)
     5. 详情页趋势横幅 (.pp-trend-banner)
     6. 顶栏 PC/移动 user 入口 (.pp-auth-fancy / .pp-pc-user-wrap / .pp-m-actions)
     7. 全局弹窗主题蒙版
   移动端 80% 流量 → 触摸目标 ≥44px / GPU 友好动画 / 紧凑布局优先
=========================================================================== */

/* ============== 0. 全局 box-sizing 兜底 (防 BS3 默认与新类冲突) ============== */
[class^="pp-"],
[class*=" pp-"] {
	box-sizing: border-box;
}

/* ============== 1. 商品卡片收藏按钮 (右上角) ============== */
.pp-fav-badge {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 5;
	min-width: 36px;
	min-height: 36px;
	padding: 8px;
	border: none;
	background: rgba(255, 255, 255, 0.92);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-radius: 50%;
	color: #000;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.35);
	transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
	-webkit-tap-highlight-color: transparent;
}
.pp-fav-badge:active {
	transform: scale(0.92);
	background: #FF00C8;
	color: #fff;
}
.pp-fav-badge.is-active,
.pp-fav-badge.is-faved {
	background: #FF00C8;
	color: #fff;
}
.pp-fav-badge.is-active i,
.pp-fav-badge.is-faved i {
	color: #fff;
}
.pp-fav-badge[data-busy="1"] {
	opacity: 0.6;
	pointer-events: none;
}
.pp-fav-badge i {
	pointer-events: none;
	line-height: 1;
}

/* ============== 2. 趋势角标 (左下角, 同时只显示一个最高档) ============== */
.pp-trend-badge {
	position: absolute;
	left: 6px;
	bottom: 6px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 800;
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	letter-spacing: 0.5px;
	color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.45);
	pointer-events: none;
	user-select: none;
}
.pp-trend-icon {
	font-size: 12px;
	line-height: 1;
}
/* Blazing: 主紫 → 霓青 → 紫粉 三色 + 呼吸光 (GPU 友好用 opacity) */
.pp-trend-blaze {
	background: linear-gradient(135deg, #7200FF 0%, #1beade 50%, #FF00C8 100%);
	animation: pp-blaze-pulse 1.6s ease-in-out infinite;
}
@keyframes pp-blaze-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.78; }
}
/* Hot: 主紫 → 紫粉 双色 */
.pp-trend-hot {
	background: linear-gradient(135deg, #7200FF 0%, #FF00C8 100%);
}
/* Rising: 霓青 → 副紫 双色 + 深字 (区别 blaze/hot 用色) */
.pp-trend-rise {
	background: linear-gradient(135deg, #1beade 0%, #9b40ff 100%);
	color: #000;
	text-shadow: 0 0 1px rgba(255,255,255,.4);
}

/* ============== 3. NEW 角标 (右下角, 黑底 + 紫粉边) ============== */
.pp-new-badge {
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 4;
	padding: 3px 7px;
	background: #000;
	color: #FF00C8;
	font-size: 10px;
	font-weight: 800;
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	letter-spacing: 0.7px;
	border-radius: 8px;
	border: 1.5px solid #FF00C8;
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	pointer-events: none;
	user-select: none;
}

/* ============== 4. 详情页收藏 + 想买双按钮 ============== */
/* 跟原版 .action-btn 50px 胶囊视觉对齐, 高度 padding 跟 .pro_buyNowBtn 一致 */
.pp-fav-actions {
	display: flex;
	gap: 10px;
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
}
.pp-fav-actions > .pp-action-btn { flex: 1 1 0; min-width: 0; }

.pp-action-btn {
	flex: 1;
	min-height: 44px;
	padding: 12px 14px;
	border: 1.5px solid #7200FF;
	background: #000;
	color: #fff;
	border-radius: 50px;
	font-family: 'Open Sans', 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.3px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: all 0.2s ease;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	box-sizing: border-box;
}
.pp-action-btn:active {
	transform: scale(0.97);
}
/* FIX-5: hover/active 加 :not(.is-active) 防护 - 取消收藏/想买后, 鼠标仍 hover 在按钮上时,
   原 :hover 规则会让按钮一直显示已激活色 (用户描述"颜色没变回紫色"). 加 :not(.is-active)
   后只在未激活时 hover 才显示预览色, 已激活时由 .is-active 规则单独控制颜色, 取消后立即变回默认紫边. */
.pp-action-btn.is-fav:not(.is-active):hover,
.pp-action-btn.is-fav:not(.is-active):active {
	background: #FF00C8;
	border-color: #FF00C8;
	color: #fff;
}
.pp-action-btn.is-wish:not(.is-active):hover,
.pp-action-btn.is-wish:not(.is-active):active {
	background: #1beade;
	border-color: #1beade;
	color: #000;
}
.pp-action-btn.is-fav.is-active,
.pp-action-btn.is-faved {
	background: #FF00C8;
	border-color: #FF00C8;
	color: #fff;
}
.pp-action-btn.is-wish.is-active,
.pp-action-btn.is-wished {
	background: #1beade;
	border-color: #1beade;
	color: #000;
}
.pp-action-btn[data-busy="1"] {
	opacity: 0.6;
	pointer-events: none;
}
.pp-action-btn i {
	font-size: 16px;
	line-height: 1;
}

/* ============== 5. 详情页趋势横幅 (价格行下方, Buy Link 上方) ============== */
.pp-trend-banner {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0;
	padding: 12px 14px;
	border-radius: 8px;
	font-family: 'Open Sans', 'Lato', sans-serif;
	color: #fff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.35);
	min-height: 48px;
}
.pp-trend-banner-icon {
	font-size: 22px;
	line-height: 1;
	flex-shrink: 0;
}
.pp-trend-banner-text {
	flex: 1;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2px;
}
.pp-trend-banner-text strong {
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 800;
	margin-right: 4px;
}
.pp-trend-banner.is-blaze {
	background: linear-gradient(135deg, #7200FF 0%, #1beade 50%, #FF00C8 100%);
	animation: pp-blaze-pulse 1.6s ease-in-out infinite;
}
.pp-trend-banner.is-hot {
	background: linear-gradient(135deg, #7200FF 0%, #FF00C8 100%);
}
/* Rising 横幅: 霓青 → 副紫 + 深字 (区别 blaze/hot) */
.pp-trend-banner.is-rise {
	background: linear-gradient(135deg, #1beade 0%, #9b40ff 100%);
	color: #000;
}
.pp-trend-banner.is-rise .pp-trend-banner-text strong {
	color: #FF00C8;
}
/* NEW 横幅: 黑底 + 紫粉强调 */
.pp-trend-banner.is-new {
	background: linear-gradient(135deg, #000000 0%, #0A0212 100%);
	border-left: 3px solid #FF00C8;
}
.pp-trend-banner.is-new .pp-trend-banner-text strong {
	color: #FF00C8;
}

/* prolistli (How to buy / Share) 协调主题色 + 跟 .pp-action-btn 视觉对齐
   原版 web_style.css 的 .action-btn 是 50px 胶囊, 这里加 min-height/border/box-sizing 让形状统一 */
.prolistli {
	box-sizing: border-box;
	width: 100%;
	margin-top: 10px;
}
.prolistli > li,
.prolistli > .share-container,
.prolistli li.share-container,
.prolistli li li {
	box-sizing: border-box;
	min-width: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.prolistli .action-btn {
	min-height: 44px;
	padding: 12px 14px;
	border: 1.5px solid rgba(114, 0, 255, 0.4) !important;
	background: #000 !important;
	color: #7200FF !important;
	border-radius: 50px !important;
	box-sizing: border-box !important;
	width: 100%;
	font-weight: 600;
	transition: all 0.2s ease;
}
.prolistli .action-btn:hover {
	background: linear-gradient(135deg, rgba(114, 0, 255, 0.18), rgba(27, 234, 222, 0.18)) !important;
	color: #1beade !important;
	border-color: rgba(114, 0, 255, 0.7) !important;
	box-shadow: 0 0 14px rgba(255, 0, 200, 0.3);
}
.prolistli .pp-jersey-link {
	position: relative !important;
	overflow: visible !important;
	line-height: 16px;
}
.prolistli .pp-jersey-link .rf-jersey-new {
	position: absolute;
	top: -9px;
	right: 8px;
	padding: 2px 7px;
	border-radius: 999px;
	background: linear-gradient(135deg, #ff00c8, #7200ff);
	color: #fff;
	border: 1px solid rgba(27, 234, 222, 0.75);
	font-family: "Comic Sans MS", "Trebuchet MS", cursive;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 12px rgba(255, 0, 200, 0.45);
	transform: rotate(8deg) skew(-8deg);
	pointer-events: none;
}
@media (max-width: 380px) {
	.prolistli .pp-jersey-link .rf-jersey-new {
		right: 5px;
		padding: 2px 5px;
		font-size: 9px;
	}
}
/* PC 端: prolistli 是 grid 3 列, Weidian 已隐藏所以实际 2 列, 让 share button 撑满 cell */
.prolistli #shareBtn {
	background: #000 !important;
	color: #7200FF !important;
	border: 1.5px solid rgba(114, 0, 255, 0.4) !important;
	border-radius: 50px !important;
	min-height: 44px;
	width: 100%;
	box-sizing: border-box;
}

/* ============== PC 端 (>= 769px) 适配 ============== */
@media (min-width: 769px) {
	.pp-fav-badge {
		top: 10px;
		right: 10px;
		min-width: 40px;
		min-height: 40px;
		font-size: 18px;
	}
	.pp-trend-badge {
		left: 10px;
		bottom: 10px;
		font-size: 12px;
		padding: 5px 10px;
	}
	.pp-new-badge {
		right: 10px;
		bottom: 10px;
		font-size: 11px;
		padding: 4px 9px;
	}
	.pp-action-btn {
		min-height: 48px;
		font-size: 15px;
	}
	.pp-trend-banner {
		padding: 16px 20px;
		min-height: 56px;
	}
	.pp-trend-banner-text {
		font-size: 14px;
	}
	.pp-trend-banner-text strong {
		font-size: 18px;
	}
}

/* ============== 移动端紧凑屏 (≤360px) 进一步优化 ============== */
@media (max-width: 360px) {
	.pp-trend-badge {
		font-size: 10px;
		padding: 3px 6px;
	}
	.pp-new-badge {
		font-size: 9px;
		padding: 2px 6px;
	}
	.pp-trend-banner {
		padding: 10px 12px;
		min-height: 44px;
	}
	.pp-trend-banner-text {
		font-size: 12px;
	}
	.pp-trend-banner-text strong {
		font-size: 14px;
	}
}

/* ===========================================================================
   ============ 6. 炫彩 Sign In 胶囊 (.pp-auth-fancy) · 主紫→霓青→紫粉描边 ============
   黑底 + 渐变描边 + 主紫 user 图标 + 白字
=========================================================================== */
.pp-auth-fancy {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 18px 9px 18px;
	background: #000;
	color: #fff !important;
	border-radius: 24px;
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	transition: all 0.25s ease;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}
.pp-auth-fancy::before {
	content: '';
	position: absolute;
	inset: -2px;
	border-radius: 26px;
	padding: 2px;
	background: linear-gradient(135deg, #7200FF 0%, #1beade 50%, #FF00C8 100%);
	background-size: 200% 100%;
	background-position: 0% 50%;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	pointer-events: none;
	transition: background-position 0.6s ease;
}
.pp-auth-fancy:hover {
	color: #1beade !important;
	box-shadow: 0 0 22px rgba(114, 0, 255, 0.55), 0 0 12px rgba(255, 0, 200, 0.4);
	transform: translateY(-1px);
}
.pp-auth-fancy:hover::before {
	background-position: 100% 50%;
}
.pp-auth-fancy i.fa {
	font-size: 14px;
	background: linear-gradient(135deg, #7200FF 0%, #1beade 60%, #FF00C8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* 移动端变体: 仅图标圆形 (节省空间) */
.pp-auth-fancy--m {
	padding: 0;
	width: 38px;
	height: 38px;
	justify-content: center;
	gap: 0;
	border-radius: 50%;
}
.pp-auth-fancy--m::before {
	border-radius: 50%;
	inset: -2px;
}
.pp-auth-fancy--m i.fa {
	font-size: 16px;
}

/* ===========================================================================
   ============ 7. PC 端右上角三连容器 + 圆形图标按钮 ============
=========================================================================== */
.pp-pc-user-wrap {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}
.pp-pc-icon-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	font-size: 16px;
	text-decoration: none !important;
	transition: all 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}
.pp-pc-icon-btn:hover {
	color: #1beade !important;
	border-color: rgba(114, 0, 255, 0.7);
	background: rgba(114, 0, 255, 0.18);
	box-shadow: 0 0 14px rgba(255, 0, 200, 0.4);
}
.pp-pc-icon-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	background: linear-gradient(135deg, #FF00C8 0%, #7200FF 100%);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	line-height: 18px;
	text-align: center;
	border-radius: 9px;
	box-shadow: 0 2px 6px rgba(255, 0, 200, 0.55);
	border: 1.5px solid #000;
}

/* 已登录用户 dropdown (沿用 .pp-auth-menu, hover 触发) */
.pp-auth-user {
	position: relative;
	display: inline-block;
}
.pp-auth-user .pp-auth-menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	min-width: 220px;
	background: linear-gradient(180deg, #0A0212 0%, #000000 100%);
	border: 1px solid rgba(114, 0, 255, 0.5);
	border-radius: 10px;
	padding: 8px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75), 0 0 18px rgba(27, 234, 222, 0.18);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: all 0.18s ease;
	z-index: 9999;
}
.pp-auth-user:hover .pp-auth-menu,
.pp-auth-user.is-open .pp-auth-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.pp-auth-menu a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 10px 12px;
	background: transparent;
	color: #cdd5e0 !important;
	font-size: 13px;
	font-family: 'Open Sans', 'Lato', sans-serif;
	text-align: left;
	text-decoration: none !important;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.15s;
}
.pp-auth-menu a:hover {
	background: linear-gradient(135deg, rgba(255, 0, 200, 0.18), rgba(114, 0, 255, 0.18));
	color: #1beade !important;
}
.pp-auth-menu hr {
	border: none;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin: 4px 6px;
}
.pp-auth-menu-email {
	padding: 8px 12px;
	font-size: 11px;
	color: #1beade;
	word-break: break-all;
	line-height: 1.4;
	font-weight: 600;
}

/* ===========================================================================
   ============ 8. 手机端右上角图标容器 + 图标按钮 ============
=========================================================================== */
.pp-m-actions {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding-right: 8px;
	float: none !important;
}
.pp-m-actions::after,
.pp-m-actions::before {
	content: none !important;
}
.pp-m-icon-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	color: #fff !important;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none !important;
	transition: all 0.18s ease;
	-webkit-tap-highlight-color: transparent;
	padding: 0;
	flex-shrink: 0;
}
.pp-m-icon-btn:active,
.pp-m-icon-btn:focus {
	color: #1beade !important;
	border-color: rgba(114, 0, 255, 0.7);
	background: rgba(114, 0, 255, 0.18);
}
.pp-m-icon-btn i {
	font-size: 15px !important;
	line-height: 1 !important;
	color: inherit;
}
.pp-m-icon-badge {
	position: absolute;
	top: -3px;
	right: -3px;
	min-width: 16px;
	height: 16px;
	padding: 0 3px;
	background: linear-gradient(135deg, #FF00C8 0%, #7200FF 100%);
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	line-height: 16px;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(255, 0, 200, 0.5);
	border: 1.5px solid #000;
}

/* 强化覆盖 #toggle-search ID 优先级 (purple_theme 原版 inline style 用 #fff 给图标着色, 这里统一到 .pp-m-icon-btn 风格) */
.pp-m-actions #toggle-search {
	width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 15px !important;
	color: #fff !important;
	flex-shrink: 0;
}
.pp-m-actions #toggle-search i {
	font-size: 15px !important;
	color: #fff !important;
	line-height: 1 !important;
}

/* 汉堡菜单按钮 - 不要圆圈, 不要 border, 不要 background, 只显示纯净 fa-bars 图标 */
.pp-m-actions .new-mobile-parent-menu,
.pp-m-actions .pp-m-hamburger {
	width: auto !important;
	min-width: 32px;
	height: 38px !important;
	padding: 0 6px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	cursor: pointer;
	flex-shrink: 0;
	box-shadow: none !important;
}
.pp-m-actions .new-mobile-parent-menu i,
.pp-m-actions .pp-m-hamburger i {
	font-size: 22px !important;
	color: #fff !important;
	line-height: 1 !important;
}
.pp-m-actions .new-mobile-parent-menu:active i,
.pp-m-actions .pp-m-hamburger:active i {
	color: #1beade !important;
}

/* ===========================================================================
   ============ 9. Weidian 按钮全平台隐藏 (用户决定全平台移除) ============
=========================================================================== */
.pp-hide-mobile {
	display: none !important;
}

/* ===========================================================================
   ============ 10. 全局弹窗主题蒙版 (与 auth-backdrop 同款紫霓虹电波) ============
   覆盖范围:
     - .modal.myModal (Buy Link 平台选择弹窗)
     - .pro-modal (商品详情页 modal)
     - .sboxx (PC 端 search 全屏弹窗)
=========================================================================== */
.modal.myModal,
.modal.in,
.pro-modal,
.pp-modal {
	background:
		radial-gradient(ellipse at 25% 15%, rgba(114,0,255,0.22), transparent 55%),
		radial-gradient(ellipse at 75% 85%, rgba(27,234,222,0.30), transparent 60%),
		radial-gradient(ellipse at 50% 50%, rgba(255,0,200,0.22), transparent 65%),
		rgba(0,0,0,0.92) !important;
	-webkit-backdrop-filter: blur(20px) saturate(160%) !important;
	        backdrop-filter: blur(20px) saturate(160%) !important;
}
/* sboxx 搜索全屏容器 - 关键: 不强制 display, 由 purple_theme 原版 JS toggle inline style 控制
   只在显示时(inline style 不是 display:none)才生效布局/蒙版 */
.sboxx {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 99998;
}
.sboxx .newbgsearch {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 25% 15%, rgba(114,0,255,0.22), transparent 55%),
		radial-gradient(ellipse at 75% 85%, rgba(27,234,222,0.30), transparent 60%),
		radial-gradient(ellipse at 50% 50%, rgba(255,0,200,0.22), transparent 65%),
		rgba(0,0,0,0.92);
	-webkit-backdrop-filter: blur(20px) saturate(160%);
	        backdrop-filter: blur(20px) saturate(160%);
	pointer-events: auto;
}
.sboxx .typeahead-container {
	position: relative;
	z-index: 1;
	max-width: 600px;
	width: 90%;
	left: auto;
	margin: 80px auto 0 auto;
}
.sboxx .formbox {
	background: linear-gradient(180deg, #0A0212, #000000);
	padding: 10px;
	border-radius: 12px;
	box-shadow: 0 30px 80px rgba(0,0,0,0.85);
	position: relative;
}
.sboxx .formbox::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 12px;
	padding: 2px;
	background: linear-gradient(135deg, #7200FF 0%, #1beade 50%, #FF00C8 100%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	pointer-events: none;
	opacity: 0.85;
}

/* Buy Link 平台选择 modal 内容卡片 - 双覆盖 .modal.myModal (列表页) 和 .pro-modal (详情页 in goods.htm)
   关键修复: 用 border + background-clip: padding-box, border-box 双背景渐变 border, 跟随容器滚动一起卷动 = 完整覆盖按钮列表底部 */
.modal.myModal > .modal-content,
.pro-modal > .modal-content {
	position: relative;
	background:
		linear-gradient(180deg, #0A0212, #000000) padding-box,
		linear-gradient(135deg, #7200FF 0%, #1beade 50%, #FF00C8 100%) border-box !important;
	color: #fff !important;
	border: 2px solid transparent !important;
	border-radius: 14px !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85), 0 0 24px rgba(114, 0, 255, 0.4) !important;
	max-height: 90vh !important;
	overflow-y: auto !important;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: rgba(114, 0, 255, 0.5) transparent;
}
/* webkit 滚动条主题色 */
.modal.myModal > .modal-content::-webkit-scrollbar,
.pro-modal > .modal-content::-webkit-scrollbar {
	width: 6px;
}
.modal.myModal > .modal-content::-webkit-scrollbar-thumb,
.pro-modal > .modal-content::-webkit-scrollbar-thumb {
	background: rgba(114, 0, 255, 0.5);
	border-radius: 3px;
}
.modal.myModal .modal-content h3,
.pro-modal .modal-content h3 {
	color: #1beade !important;
	font-family: 'Oswald', 'Open Sans', 'Lato', sans-serif;
	letter-spacing: 0.5px;
}
.modal.myModal .modal-content .close,
.pro-modal .modal-content .close,
.modal.myModal .modal-content .pro_close,
.pro-modal .modal-content .pro_close {
	color: #FF00C8 !important;
	transition: transform .2s, color .2s;
}
.modal.myModal .modal-content .close:hover,
.pro-modal .modal-content .close:hover {
	color: #1beade !important;
	transform: rotate(90deg);
}
/* pingtaibox 容器 box-sizing 兜底, 防 padding 撑出 */
.modal.myModal .pingtaibox,
.pro-modal .pingtaibox {
	box-sizing: border-box !important;
	padding-left: 0 !important;
	gap: 8px !important;
}
.modal.myModal .pingtaibox *,
.pro-modal .pingtaibox * {
	box-sizing: border-box !important;
	min-width: 0;
}

/* 平台列表卡片 (.pingtaibox li) - 暗底卡片配渐变描边 */
.modal.myModal .pingtaibox li,
.pro-modal .pingtaibox li {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 8px !important;
	transition: all 0.2s ease !important;
	padding: 8px 10px !important;
	margin: 0 !important;
}
.modal.myModal .pingtaibox li:hover,
.pro-modal .pingtaibox li:hover {
	background: rgba(114, 0, 255, 0.18) !important;
	border-color: rgba(27, 234, 222, 0.55) !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(255, 0, 200, 0.35) !important;
}
.modal.myModal .pingtaibox li.isfirst,
.pro-modal .pingtaibox li.isfirst {
	background: linear-gradient(135deg, rgba(114, 0, 255, 0.4), rgba(255, 0, 200, 0.3)) !important;
	border-color: rgba(114, 0, 255, 0.6) !important;
}
.modal.myModal .pingtaibox li a,
.pro-modal .pingtaibox li a {
	color: #fff !important;
	text-decoration: none !important;
	display: block;
	width: 100%;
}
.modal.myModal .pingtaibox li h2,
.pro-modal .pingtaibox li h2 {
	color: #fff !important;
	font-size: 14px !important;
	margin: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.modal.myModal .pingtaibox li p,
.pro-modal .pingtaibox li p {
	color: #1beade !important;
	opacity: 0.85;
	font-size: 11px !important;
	margin: 2px 0 0 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 关键修复: 移动端覆盖原版 web_style.css L3263 .pingtaibox li{width:95%}, 改为 2 列 */
@media (max-width: 767px) {
	.modal.myModal .pingtaibox li,
	.pro-modal .pingtaibox li,
	.modal.myModal .pingtaibox li:nth-of-type(1),
	.pro-modal .pingtaibox li:nth-of-type(1) {
		width: calc(50% - 4px) !important;
		flex: 0 0 calc(50% - 4px);
	}
	.modal.myModal .pingtaibox li img,
	.pro-modal .pingtaibox li img {
		height: 28px !important;
		width: 28px !important;
		margin-right: 6px !important;
	}
	.modal.myModal .pingtaibox h3,
	.pro-modal .pingtaibox h3 {
		width: 100% !important;
		font-size: 16px !important;
	}
}