/* --- 新版样式优化 Start --- */

/* 定义变量，方便统一修改 */
:root {
	--aia-red: #D31145;
	--aia-dark-red: #95042A;
	--aia-grad-bg: linear-gradient(135deg, #D31145 0%, #B91B3E 100%);
	--aia-text-white: #ffffff;
	--aia-glass: rgba(0, 0, 0, 0.6);
	/* 深色半透明背景，用于文字衬底 */
	--aia-glass-hover: rgba(0, 0, 0, 0.8);
}

/* 模块容器高度占满，并垂直居中内容 */
.contents.main-content {
	min-height: 700px;
	position: relative;
	display: flex;
	align-items: center;
	/* 垂直居中 */
}

/* 通用排版 */
.section-title-group {
	margin-bottom: 40px;
	position: relative;
}

.section-title-zh {
	font-size: 38px;
	color: #fff;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: .4rem;
}

.section-title-en {
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	/* 英文标题渐变效果 */
	background: linear-gradient(to bottom, #fff 30%, rgba(255, 255, 255, 0.2) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Impact', 'Arial Black', sans-serif;
}

.section-line {
	width: 100px;
	height: 4px;
	background: var(--aia-red);
	margin-top: 15px;
}

/* 布局容器控制 */
.compet-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 60px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
}


/* ---------------- 左右中对齐控制类 ---------------- */

/* 靠右模块 (如：模块 1, 2, 4) */
.align-right-zone {
	align-items: flex-end;
	/* Flex布局靠右 */
	text-align: left;
	/* 文字内部左对齐 */
	margin-right: 3%;
}

/* 靠左模块 (如：模块 3 COMPETE) */
.align-left-zone {
	align-items: flex-start;
	/* Flex布局靠左 */
	text-align: left;
	margin-left: 3%;
}

/* 居中模块 (如：模块 5 PREREQUISITES) */
.align-center-zone {
	align-items: center;
	/* Flex布局居中 */
	text-align: center;
    justify-content: flex-start;
}

.align-center-zone2 {
	align-items: center;
	/* Flex布局居中 */
	text-align: center;
    justify-content: flex-end;
	padding-top: 300px;
}

.align-center-zone .content-wrapper {
	width: 80%;
	/* 居中内容稍宽一些 */
}

.align-center-zone .section-line {
	margin-left: auto;
	margin-right: auto;
	/* 标题红线居中 */
}


.content-wrapper {
	max-width: 100%;
}

.content-wrapper2 {
	max-width: 800px;
}

.mf {
	margin-left: auto;
}

/* --- 模块 1: Eligibility (资格 & 奖项) --- */
.eligibility-box {
	color: #fff;
}

.size-item {
	background: var(--aia-grad-bg);
	border-radius: 50px;
	padding: 15px 30px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	box-shadow: 0 5px 15px rgba(211, 17, 69, 0.3);
	transition: transform 0.3s;
}

.size-item:hover {
	transform: translateX(-10px);
}

.size-icon {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	flex-shrink: 0;
}

.size-text strong {
	font-size: 18px;
	display: block;
	margin-bottom: 2px;
}

.size-text span {
	font-size: 14px;
	opacity: 0.8;
}

/* 奖项树状结构 */
.awards-tree {
	margin-top: 40px;
	position: relative;
	padding-left: 20px;
}

.awards-circle-main {
	width: 140px;
	height: 140px;
	background: var(--aia-red);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 0 10px rgba(211, 17, 69, 0.3);
	z-index: 2;
}

.awards-list {
	margin-left: 100px;
	border-left: 2px dashed rgba(255, 255, 255, 0.3);
	padding-left: 60px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.award-item {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 40px;
	padding: 10px 25px;
	display: flex;
	align-items: center;
	position: relative;
	transition: all 0.3s;
}

.award-item:hover {
	background: var(--aia-red);
	border-color: var(--aia-red);
}

.award-item::before {
	content: '';
	position: absolute;
	left: -62px;
	top: 50%;
	width: 60px;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.award-item::after {
	content: '';
	position: absolute;
	left: -65px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: var(--aia-red);
	border-radius: 50%;
}

/* --- 模块 2: Process (流程) --- */
.process-timeline {
	position: relative;
	padding: 20px 0;
}

.process-step {
	display: flex;
	margin-bottom: 30px;
	position: relative;
}

.p-icon-box {
	width: 70px;
	height: 70px;
	background: var(--aia-red);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25px;
	position: relative;
	z-index: 2;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.p-icon-box img {
	width: 35px;
}


.p-content {
	color: #fff;
	padding-top: 5px;
}

.p-year {
	font-size: 14px;
	opacity: 0.8;
	letter-spacing: 1px;
}

.p-date {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	margin: 5px 0;
	color: #fff;
}

.p-date span {
	font-size: 18px;
	vertical-align: middle;
}

.p-desc {
	font-size: 18px;
	font-weight: bold;
	background: #fff;
	color: var(--aia-red);
	padding: 2px 8px;
	display: inline-block;
	border-radius: 4px;
	margin-top: 5px;
}

/* --- 模块 3: Compete (参赛流程) --- */
.compete-flow {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}

.flow-card {
	position: relative;
	width: 180px;
	text-align: center;
	color: #fff;
}

.flow-icon {
	width: 150px;
	height: 150px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	box-shadow: 0 15px 35px rgba(211, 17, 69, 0.25), inset 0 0 15px rgba(255, 255, 255, 0.2) !important;
	background: linear-gradient(135deg, #D31145 0%, #B91B3E 100%);
}

.flow-card:hover .flow-icon {
	transform: translateY(-5px);
}

.flow-icon img {
	width: 100%;
	filter: brightness(0) invert(1);
}

.flow-text h4 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}

.flow-text p {
	font-size: 12px;
	opacity: 0.8;
}

.flow-arrow {
	display: flex;
	    align-items: flex-start;
	    justify-content: center;
	    color: var(--aia-red);
	    font-size: 24px;
	    font-weight: bold;
	    padding-top: 66px;
}

/* --- 模块 4: Attend --- */
.attend-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.attend-card {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	transition: all 0.3s;
	border-left: 5px solid transparent;
}

.attend-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	border-left-color: var(--aia-red);
}

.ac-icon {
	width: 50px;
	margin-right: 15px;
	flex-shrink: 0;
}

.ac-text h4 {
	color: #666;
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: bold;
}

.ac-text p {
	color: #666;
	font-size: 13px;
	line-height: 1.5;
	text-align: justify;
}

/* --- 模块 5: Prerequisites (居中展示) --- */
.prereq-box {
	background: var(--aia-glass);
	padding: 30px;
	border-radius: 10px;
	color: #fff;
	border-top: 3px solid var(--aia-red);
	text-align: left;
	/* 虽然外层居中，但段落文本阅读需左对齐 */
}

.prereq-item {
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
}

.prereq-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid var(--aia-red);
}


.competBack1 .section-title-zh {
	color: #fff;
}

.competBack1 .section-title-en{
	display: block;
	    text-align: center;
	    font-size: .2rem;
	    font-weight: bold;
	    background: linear-gradient(135deg, #D31145 0%, #B91B3E 100%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    font-family: 'Impact', sans-serif;
	    margin-bottom: 20px;
	    line-height: 1.2;
}
/* --- 移动端适配 (Max-Width: 800px) --- */
@media screen and (max-width: 800px) {
	
	.contents.main-content {
		        height: 100%;
		        min-height: 1200px;
		        align-items: flex-start;
	}

	/* 移动端统一重置左右偏移，全宽且居中显示 */
	.align-right-zone .content-wrapper,
	.align-left-zone .content-wrapper,
	.align-center-zone .content-wrapper {
		width: 100%!important;
		margin: 0;
	}

	.compet-container {
		padding: 40px 15px;
		align-items: center;
		/* 所有容器在移动端居中对齐 */
		margin-left: 0;
		margin-right: 0;
	}

	.align-right-zone .section-line,
	.align-left-zone .section-line {
		margin-left: auto;
		margin-right: auto;
	}

	.section-title-en {
		font-size: .6rem;
		text-align: center;
	}

	.section-title-zh {
		font-size: .25rem;
		text-align: center;
	}

	/* 模块1 适配 */
	.awards-tree {
		margin-top: 30px;
		padding-left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.awards-circle-main {
		position: relative;
		transform: none;
		left: auto;
		top: auto;
		margin-bottom: 20px;
		width: 1.2rem;
		height: 1.2rem;
	}

	.awards-list {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
		width: 100%;
	}

	.award-item {
		margin-bottom: 10px;
	}

	.award-item::before,
	.award-item::after {
		display: none;
	}

	/* 模块3 适配 */
	.compete-flow {
		justify-content: space-around;
	}

	.flow-card {
		width: 45%;
		margin-bottom: 20px;
	}

	.flow-arrow {
		display: none;
	}

	/* 模块4 适配 */
	.attend-grid {
		grid-template-columns: 1fr;
	}

	.ac-text p {
		font-size: .13rem;
	}
}

/* --- 新版样式优化 End --- */


/* --- 复刻版 Eligibility (放大版) Start --- */

.eligibility-replica-large {
	width: 100%;
	/* 增加顶部间距 */
	font-family: "方正兰亭黑简体", "微软雅黑", sans-serif;
	display: flex;
	gap: 40px;
	max-width: 1300px;
	justify-content: space-between;
	align-items: center;
	margin: auto;
}

/* === 上半部分：企业规模 (放大) === */
.scale-section-large {
	display: flex;
	align-items: stretch;
	margin-bottom: 60px;
	/* 间距加大 */
}

/* 左侧竖排文字 */
.vertical-label-large {
	writing-mode: vertical-lr;
	color: #666;
	font-size: 32px;
	/* 24px -> 32px */
	font-weight: bold;
	letter-spacing: 6px;
	margin-right: 30px;
	text-align: center;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.vertical-label-large2 {
	writing-mode: vertical-lr;
	color: #666;
	font-size: 29px;
	/* 24px -> 32px */
	font-weight: bold;
	letter-spacing: 6px;
	margin-left: 30px;
	text-align: center;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.scale-rows-large {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}

/* 胶囊条 */
.scale-pill-large {
	display: flex;
	height: 80px;
	/* 60px -> 80px */
	border-radius: 40px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
	transition: transform 0.3s;
}

.scale-pill-large:hover {
	transform: translateX(8px);
}

/* 胶囊左侧 */
.pill-icon-area-large {
	width: 100px;
	/* 80px -> 100px */
	background: linear-gradient(to right, #FF5A7D, #D31145);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.pill-icon-area-large img {
	width: 40px;
	/* 30px -> 40px */
	height: 40px;
}

/* 胶囊右侧 */
.pill-text-area-large {
	flex: 1;
	background: linear-gradient(to right, #D31145, #CA194D);
	display: flex;
	align-items: center;
	padding-right: 24px;
	color: #fff;
	font-size: 17px;
	/* 16px -> 20px */
	position: relative;
}

.pill-text-area-large .dot {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	margin-right: 20px;
}

.pill-text-area-large span {
	letter-spacing: 1px;
}

/* === 下半部分：结构图 (放大) === */
.structure-chart-large {
	display: flex;
	align-items: center;
	position: relative;
	height: 380px;
	/* 整体高度增加，适配SVG */
	padding-bottom: 45px;
}

/* 1. 左侧大圆 (放大) */
.main-node-large {
	position: relative;
	width: 200px;
	/* 160px -> 200px */
	height: 200px;
	flex-shrink: 0;
	margin-right: 0;
	z-index: 5;
}

.main-node-inner-large {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #D31145 0%, #CA194D 100%);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
	z-index: 2;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.main-node-inner-large img {
	width: 60px;
	/* 图标放大 */
	margin-bottom: 10px;
}

.main-node-inner-large h3 {
	font-size: 26px;
	/* 文字放大 */
	margin: 0;
	line-height: 1.2;
	font-weight: bold;
}

.main-node-inner-large p {
	font-size: 16px;
	margin: 0;
	opacity: 0.9;
}

.main-node-glow-large {
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	background: rgba(149, 4, 42, 0.3);
	border-radius: 50%;
	z-index: 1;
}

/* 2. 中间 SVG 连接线 (放大) */
.connector-svg-large {
	flex: 1;
	height: 300px;
	/* SVG高度增加 */
	margin: 0 -10px;
	z-index: 1;
}

.connector-svg-large svg {
	width: 100%;
	height: 100%;
	overflow: visible;
}

/* 3. 右侧列表 (放大) */
.sub-nodes-list-large {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 300px;
	/* 列表高度增加 */
	width: 320px;
	/* 宽度增加 */
}

.sub-node-item-large {
	background: linear-gradient(90deg, #D31145, #CA194D);
	border-radius: 50px;
	height: 80px;
	/* 60px -> 80px */
	display: flex;
	align-items: center;
	padding: 6px;
	position: relative;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
	margin-left: 10px;
}

/* 白色圆形图标底座 */
.white-icon-circle-large {
	width: 68px;
	/* 50px -> 68px */
	height: 68px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 3px 0 8px rgba(0, 0, 0, 0.1);
	z-index: 2;
}

.white-icon-circle-large img {
	width: 35px;
	/* 图标放大 */
}

.sub-node-text-large {
	flex: 1;
	color: #fff;
	font-size: 22px;
	/* 16px -> 22px */
	font-weight: bold;
	text-align: center;
	padding-right: 20px;
}

/* --- 移动端适配 (放大版) --- */
@media screen and (max-width: 800px) {
	
	.eligibility-replica-large {
		display: block;
	}
	
	.scale-section-large {
		flex-direction: column;
	}

	.vertical-label-large {
		writing-mode: horizontal-tb;
		margin-bottom: 15px;
		font-size: 24px;
		text-align: left;
	}

	.scale-pill-large {
		height: 60px;
	}

	.pill-icon-area-large {
		width: 70px;
	}

	.pill-text-area-large {
		font-size: 14px;
		padding-left: 15px;
	}

	.pill-icon-area-large img {
		width: 30px;
	}

	.structure-chart-large {
		flex-direction: column;
		height: auto;
		margin-top: 30px;
	}

	.connector-svg-large {
		display: none;
	}

	.main-node-large {
		margin-bottom: 40px;
	}

	/* 增加间距给箭头 */
	.main-node-large::after {
		content: '▼';
		position: absolute;
		bottom: -35px;
		left: 50%;
		transform: translateX(-50%);
		color: rgba(255, 255, 255, 0.5);
		font-size: 24px;
	}

	.sub-nodes-list-large {
		height: auto;
		width: 100%;
		gap: 20px;
	}

	.sub-node-item-large {
		height: 70px;
		margin-left: 0;
	}

	.sub-node-text-large {
		font-size: 18px;
	}

	.white-icon-circle-large {
		width: 58px;
		height: 58px;
	}
}

/* --- 复刻版 Eligibility (放大版) End --- */

/* --- 评选流程 (放大 & 渐变色优化版) Start --- */

/* 针对浅色背景的标题优化 */
.competBack2 .section-title-zh {
	color: #666;
	/* 深灰，在浅背景下更清晰 */
	font-size: 30px;
	/* 放大 */
	font-weight: bold;
}

.competBack2 .section-title-en {
	font-size: 80px;
	/* 放大 */
	/* 渐变红填充 */
	background: linear-gradient(135deg, #D31145 0%, #FF5A7D 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 10px 20px rgba(211, 17, 69, 0.1);
	/* 轻微投影增加层次 */
}

/* 时间轴容器放大 */
.process-timeline-large {
	position: relative;
	padding: 30px 0;
}

.process-step-large {
	display: flex;
	align-items: flex-start;
	/* 顶部对齐 */
	margin-bottom: 50px;
	/* 增加间距 */
	position: relative;
}

/* 连接线：改为淡红色，确保在浅灰背景可见 */
.process-step-large:not(:last-child)::after {
	content: '';
	position: absolute;
	left: 42px;
	/* 根据图标大小调整居中 */
	top: 90px;
	bottom: -40px;
	width: 4px;
	background: rgba(211, 17, 69, 0.2);
	/* 淡红色半透明 */
	border-radius: 2px;
}

/* 图标圆圈放大 */
.p-icon-box-large {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #D31145 0%, #B91B3E 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 35px;
	position: relative;
	z-index: 2;
	box-shadow: 0 10px 25px rgba(211, 17, 69, 0.4);
	/* 更强的投影 */
	transition: transform 0.3s;
}

.p-icon-box-large:hover {
	transform: scale(1.1);
}


/* 右侧内容区域 */
.p-content-large {
	padding-top: 5px;
}

/* 年份：深灰色 */
.p-year-large {
	font-size: 18px;
	color: #555;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* 日期：核心修改 - 渐变粉红 */
.p-date-large {
	font-size: 60px;
	/* 特大号字体 */
	font-weight: 900;
	line-height: 1;
	margin-bottom: 12px;
	font-family: "Impact", "Arial Black", sans-serif;

	/* 渐变文字效果 */
	background: linear-gradient(to right, #D31145, #FF758C);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.p-date-large span {
	font-size: 24px;
	font-weight: bold;
	color: #D31145;
	/* “月”字用纯色 */
	-webkit-text-fill-color: #D31145;
	margin-left: 5px;
}

/* 描述胶囊：放大 */
.p-desc-large {
	font-size: 20px;
	font-weight: bold;
	background: #fff;
	color: #D31145;
	padding: 8px 18px;
	display: inline-block;
	border-radius: 6px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	/* 增加阴影，让它从背景浮起来 */
	letter-spacing: 1px;
}

/* 移动端适配调整 */
@media screen and (max-width: 800px) {
	.p-icon-box-large {
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}

	.p-icon-box-large img {
		width: 30px;
	}

	.process-step-large:not(:last-child)::after {
		left: 28px;
		top: 60px;
	}

	.p-date-large {
		font-size: 40px;
	}

	.p-desc-large {
		font-size: 16px;
	}

	.competBack2 .section-title-en {
		font-size: 50px;
	}
}

/* --- 评选流程 (放大 & 渐变色优化版) End --- */


/* --- 参加颁奖典礼 (重构版：磨砂玻璃风格) Start --- */

/* 1. 背景区域控制 */
.competBack4 {
	position: relative;
	/* 确保背景图铺满 */
	background-size: cover;
	background-position: center center;
	/* 这里你可以保留原本的 background-image 设置 */
}

/* 2. 右侧悬浮面板 (核心容器) */
.attend-glass-panel {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	padding: 50px;
	position: relative;
	z-index: 2;
	/* 确保在遮罩之上 */
	margin-top: 50px;
	margin-bottom: 50px;
}

/* 3. 标题重写 (适配浅色背景) */
.attend-glass-panel .section-title-zh {
	color: #666;
	/* 深灰标题 */
	font-size: 28px;
	font-weight: bold;
}

.attend-glass-panel .section-title-en {
	font-size: 70px;
	/* 灰色到透明渐变，营造水印感 */
	background: linear-gradient(to bottom, #ddd 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: absolute;
	/* 让英文标题稍微重叠 */
	top: -40px;
	right: 40px;
	z-index: -1;
	font-family: 'Impact', sans-serif;
	opacity: 0.6;
}

/* 单独加一个醒目的英文标题在前台 */
.attend-glass-panel .title-overlay-text {
	font-size: 60px;
	font-weight: 900;
	background: linear-gradient(135deg, #D31145 0%, #B91B3E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 20px;
	display: block;
	line-height: 1;
	font-family: 'Impact', sans-serif;
}

/* 4. 网格布局 */
.attend-grid-new {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* 两列 */
	gap: 30px;
	/* 间距 */
	margin-top: 30px;
}

/* 5. 单个卡片项 */
.attend-item-new {
	display: flex;
	align-items: flex-start;
	padding: 20px;
	border-radius: 15px;
	transition: all 0.3s ease;
	background: transparent;
	border: 1px solid transparent;
}

/* 图标容器 (渐变红圆底) */
.ai-icon-box {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	background: linear-gradient(135deg, #D31145 0%, #FF5A7D 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	box-shadow: 0 5px 15px rgba(211, 17, 69, 0.3);
}

.ai-icon-box img {
	width: 30px;
	height: 30px;
	filter: brightness(100);
	/* 确保图标变白 */
}

/* 文字内容 */
.ai-content h4 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
}

.ai-content p {
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
	text-align: justify;
	margin: 0;
}

/* 红线装饰 */
.attend-line {
	width: 80px;
	height: 4px;
	background: #D31145;
	margin-bottom: 30px;
	border-radius: 2px;
}

/* --- 移动端适配 --- */
@media screen and (max-width: 800px) {
	.competBack4::before {
		background: rgba(255, 255, 255, 0.9);
		/* 移动端背景更白一些，保证清晰 */
	}

	.attend-glass-panel {
		padding: 30px 20px;
		margin-top: 20px;
		backdrop-filter: none;
		/* 性能优化 */
	}

	.attend-glass-panel .section-title-en {
		display: none;
		/* 移动端隐藏背景大字 */
	}

	.attend-glass-panel .title-overlay-text {
		font-size: 40px;
		text-align: center;
	}

	.attend-glass-panel .section-title-zh {
		text-align: center;
		display: block;
	}

	.attend-line {
		margin: 15px auto;
	}

	.attend-grid-new {
		grid-template-columns: 1fr;
		/* 单列 */
		gap: 20px;
	}

	.attend-item-new {
		padding: 15px;
	}
}

/* --- 参加颁奖典礼 (重构版) End --- */

/* --- 参评企业须知 (浅色背景适配版) Start --- */

/* 1. 背景区域设置 (假设你已经设置了背景图) */
.competBack5 {
	position: relative;
	background-size: cover;
	background-position: center top;
	padding: 40px 0;
	/* 上下留白 */
}

/* 2. 核心容器：白底磨砂卡片 */
.prereq-white-card {
	border-radius: 20px;
	padding: 0px 60px  50px;
	text-align: left;
	/* 文本左对齐 */
}

/* 3. 标题优化 (适配浅色背景) */
.competBack5 .section-title-zh {
	color: #fff;
	/* 深灰标题 */
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	line-height: .4rem;
}

.competBack5 .section-title-en {
	font-size: 80px;
	/* 英文标题改为极淡的灰色，作为背景装饰 */
	color: #f0f0f0;
	/* 或者使用渐变描边效果 */
	background: linear-gradient(to bottom, #e1e1e1 0%, #ffffff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900;
	text-align: center;
	line-height: 0.8;
	position: absolute;
	/* 绝对定位，叠在中文标题后面 */
	top: -40px;
	left: 0;
	width: 100%;
	z-index: -1;
	/* 放在底层 */
	opacity: 1;
}

/* 叠加一层醒目的英文小标题 (可选，如果觉得大背景字不够清晰) */
.competBack5 .title-overlay-red {
	display: block;
	text-align: center;
	font-size: .2rem;
	font-weight: bold;
	background: linear-gradient(135deg, #D31145 0%, #B91B3E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Impact', sans-serif;
	margin-bottom: 20px;
	line-height: 1.2;
}


/* 4. 列表项样式 */
.prereq-list-item {
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
	/* 深灰色正文，对比度高 */
	text-align: justify;
	/* 两端对齐 */
	border-bottom: 1px dashed #eee;
	/* 增加分割线，更精致 */
	padding-bottom: 15px;
}

/* 最后一项去掉分割线 */
.prereq-list-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* 红色三角形图标 */
.prereq-list-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	/* 根据行高微调垂直位置 */
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #D31145;
	/* 品牌红 */
}

/* 5. 标题红线居中 */
.competBack5 .section-line {
	margin: 0 auto 40px;
}

/* --- 移动端适配 --- */
@media screen and (max-width: 800px) {
	.prereq-white-card {
		padding: 30px 20px;
	}

	.competBack5 .section-title-en {
		font-size: 50px;
		top: -20px;
	}

	.prereq-list-item {
		font-size: 14px;
		padding-left: 20px;
	}
	
}

/* --- 参评企业须知 (浅色背景适配版) End --- */

/* --- 嵌入式权益图样式 (圆弧环绕版) Start --- */

.benefits-radial-section-embedded {
	width: 100%;
	padding: 30px 0;
	font-family: "方正兰亭黑简体", sans-serif;
	overflow: visible;
}

.benefits-container-fluid {
	width: 100%;
	position: relative;
}

/* 字体与胶囊基础 */
.b-num-fluid {
	width: 50px;
	height: 50px;
	background: #A81538;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	flex-shrink: 0;
	box-shadow: 0 3px 6px rgba(168, 21, 56, 0.4);
	z-index: 2;
	font-family: Arial, sans-serif;
	text-align: center;
}

.b-capsule-fluid {
	background: #FBEFF1;
	border-radius: 50px;
	/* 更圆润 */
	padding: 6px;
	display: flex;
	align-items: center;
	min-height: 50px;
	transition: transform 0.3s;
	width: 260px;
	position: relative;
	z-index: 1;
	/* 比圆球低 */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.b-capsule-fluid:hover {
	transform: scale(1.03);
	background: #fadadd;
	z-index: 10;
}

.b-text-fluid {
	font-size: 13px;
	color: #555;
	line-height: 1.3;
	font-weight: bold;
	padding: 0 10px;
	word-break: break-all;
}

.b-text-fluid .small-text {
	font-size: 11px;
	color: #888;
	font-weight: normal;
}

/* 顶部布局 */
.b-row-top-fluid {
	display: flex;
	justify-content: center;
	margin-bottom: -20px;
	/* 让它稍微插入下面的圆 */
	position: relative;
	z-index: 6;
	/* 确保在最上层 */
}

.b-capsule-center-fluid {
	width: auto;
	padding-right: 25px;
	padding-left: 6px;
	border: 2px solid #fff;
	/* 增加白边，增加层次 */
}

.b-capsule-center-fluid .b-num-fluid {
	margin-right: 12px;
}

/* 主体布局 */
.b-main-body-fluid {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

/* 左右列容器 - 关键：增加高度，让间距拉开，方便做弧度 */
.b-col-fluid {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* 均匀分布 */
	height: 320px;
	/* 控制整体高度 */
	width: 36%;
	/* 宽度 */
	position: relative;
	z-index: 4;
}

.b-item-fluid {
	margin-bottom: 0;
	position: relative;
	transition: all 0.3s;
}

/* ===== 核心：弧度偏移魔法 ===== */

/* 左列：整体靠右对齐 */
.b-col-left-fluid {
	align-items: flex-end;
	margin-right: 18px;
	margin-top: 25px;
	/* 整体向圆心挤 */
}

/* 左列胶囊：数字在右 */
.b-capsule-left-fluid {
	flex-direction: row;
	justify-content: flex-end;
	padding-left: 15px;
	padding-right: 5px;
}

.b-capsule-left-fluid .b-num-fluid {
	margin-left: 10px;
}

.text-right {
	text-align: right;
}

/* 左列偏移：第1个和第4个向右移动，贴向圆心 */
.b-col-left-fluid .curve-in {
	transform: translateX(35px);
	/* 向右偏移20px */
}


/* 右列：整体靠左对齐 */
.b-col-right-fluid {
	align-items: flex-start;
	margin-left: 18px;
	margin-top: 25px;
	/* 整体向圆心挤 */
}

/* 右列胶囊：数字在左 */
.b-capsule-right-fluid {
	flex-direction: row;
	justify-content: flex-start;
	padding-left: 5px;
	padding-right: 15px;
}

.b-capsule-right-fluid .b-num-fluid {
	margin-right: 10px;
}

.text-left {
	text-align: left;
}

/* 右列偏移：第1个和第4个向左移动，贴向圆心 */
.b-col-right-fluid .curve-in {
	transform: translateX(-35px);
	/* 向左偏移20px */
}


/* 中间大圆 */
.b-center-node-fluid {
	width: 28%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	/* 最高层级 */
}

.node-core-fluid {
	width: 100%;
	padding-bottom: 100%;
	/* 正圆 */
	height: 0;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #D31145, #95042A);
	box-shadow: 0 10px 40px rgba(168, 21, 56, 0.5);
	/* 强烈阴影 */
	position: relative;
	border: 5px solid rgba(255, 255, 255, 0.4);
	/* 半透明白边 */
}

.node-core-fluid img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: auto;
}

/* 移动端适配 */
@media screen and (max-width: 800px) {
	.b-main-body-fluid {
		flex-direction: column;
	}
	
	.benefits-radial-section-embedded {
		padding: 0;
	}

	.b-col-fluid {
		width: 100%;
		height: auto;
		align-items: flex-start;
		margin: 0;
	}

	.b-center-node-fluid {
		width: 140px;
		margin: 25px 0;
	}

	.node-core-fluid {
		width: 140px;
		padding-bottom: 0;
		height: 140px;
	}

	/* 移动端取消偏移，恢复垂直排列 */
	.b-col-left-fluid .curve-in,
	.b-col-right-fluid .curve-in {
		transform: translateX(0);
	}

	.b-item-fluid {
		width: 100%;
		margin-bottom: 15px;
	}

	.b-capsule-fluid {
		min-height: 60px;
		width: 100%;
	}

	/* 移动端统一文字方向，方便阅读 */
	.b-capsule-left-fluid {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	.b-capsule-left-fluid .b-num-fluid {
		margin-left: 0;
		margin-right: 10px;
	}

	.text-right {
		text-align: left;
	}

	.b-row-top-fluid {
		margin-bottom: 10px;
	}
}

/* --- 嵌入式权益图样式 End --- */

/* --- ESG 趋势列表样式 (粉色流线型风格) Start --- */

.esg-trend-section {
	position: relative;
	margin: 40px 0;
	padding-right: 20px;
	/* 右侧留白给图标 */
}

/* 隐形连接线 (右侧曲线) */
.esg-trend-section::before {
	content: '';
	position: absolute;
	top: 50px;
	bottom: 50px;
	right: 40px;
	/* 连接线位置 */
	width: 4px;
	background: linear-gradient(to bottom, rgba(211, 17, 69, 0.1), rgba(211, 17, 69, 0.3), rgba(211, 17, 69, 0.1));
	border-radius: 2px;
	z-index: 0;
}

/* 单个趋势项容器 */
.esg-trend-item {
	position: relative;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	/* 内容靠右对齐 */
}

/* 左侧文本气泡 (粉色渐变卡片) */
.esg-card {
	background: linear-gradient(135deg, #FBEFF1 0%, #FADADD 100%);
	border-radius: 50px 20px 20px 50px;
	/* 左圆右方 */
	padding: 20px 30px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
	box-shadow: 0 5px 15px rgba(211, 17, 69, 0.05);
	flex: 1;
	/* 占满剩余空间 */
	margin-right: 30px;
	/* 与图标的间距 */
	position: relative;
	transition: transform 0.3s, box-shadow 0.3s;
	border-left: 5px solid #D31145;
	/* 左侧红色强调线 */
}

.esg-card:hover {
	transform: translateX(-5px);
	box-shadow: 0 8px 20px rgba(211, 17, 69, 0.15);
	background: #fff0f3;
}

/* 小三角指向右侧 */
.esg-card::after {
	content: '';
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #FADADD;
	/* 颜色需匹配卡片背景 */
}

/* 右侧圆形图标 */
.esg-icon-circle {
	width: 80px;
	height: 80px;
	background: #A81538;
	/* 深红 */
	background: radial-gradient(circle at 30% 30%, #D31145, #880E2F);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 5px 15px rgba(168, 21, 56, 0.4);
	border: 3px solid #fff;
	position: relative;
	z-index: 2;
}

.esg-icon-circle img {
	width: 40px;
	height: 40px;
}

/* --- 移动端适配 --- */
@media screen and (max-width: 800px) {
	.esg-trend-section {
		padding-right: 0;
	}

	.esg-trend-section::before {
		display: none;
	}

	/* 隐藏连接线 */

	.esg-trend-item {
		flex-direction: column-reverse;
		/* 图标在下，文字在上，或者反过来 */
		align-items: flex-start;
	}

	.esg-icon-circle {
		width: 50px;
		height: 50px;
		margin-bottom: -25px;
		/* 图标上移压住卡片 */
		margin-left: 20px;
		z-index: 3;
	}

	.esg-icon-circle img {
		width: 25px;
		height: 25px;
	}

	.esg-card {
		margin-right: 0;
		width: 100%;
		border-radius: 10px;
		padding: 30px 20px 20px;
		/* 上方留出空间给图标 */
	}

	.esg-card::after {
		display: none;
	}

	/* 隐藏三角 */
}

/* --- ESG 趋势列表样式 End --- */

/* --- 评选流程布局重置 (左右交替，样式不变) --- */

/* 1. 容器：增加中轴线 */
.process-timeline-large.zigzag-layout {
	position: relative;
	padding: 20px 0;
	max-width: 800px;
	margin-left: auto;
}

/* 绘制中间的淡红线 */
.process-timeline-large.zigzag-layout::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	bottom: 0;
	width: 4px;
	background: rgba(211, 17, 69, 0.2);
	/* 沿用原有线条颜色 */
	border-radius: 2px;
}

/* 2. 单个条目通用设置：宽度减半，取消原有的连接线 */
.process-timeline-large.zigzag-layout .process-step-large {
	width: 50%;
	/* 只占一半宽度 */
	display: flex;
	align-items: center;
	/* 垂直居中 */
	position: relative;
	margin-bottom: 16px;
	/* 间距 */
	box-sizing: border-box;
}

/* 隐藏原本左侧的竖线，避免冲突 */
.process-timeline-large.zigzag-layout .process-step-large::after {
	display: none;
}

/* 3. 图标定位：绝对定位到中轴线上 */
.process-timeline-large.zigzag-layout .p-icon-box-large {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	/* 去掉原有边距 */
	z-index: 5;
	/* 保持原有的样式：大小、阴影、渐变都不变 */
}

/* --- 右侧布局 (Start, Evaluate) --- */
.process-timeline-large.zigzag-layout .step-right {
	margin-left: 50%;
	/* 移动到右半边 */
	padding-left: 60px;
	/* 给图标留出空间 */
	text-align: left;
	/* 文字左对齐 */
	justify-content: flex-start;
}

/* 图标在中轴线上，稍微向左偏移一半宽度以居中 */
.process-timeline-large.zigzag-layout .step-right .p-icon-box-large {
	left: -30px;
	/* 90px宽度的一半 */
}


/* --- 左侧布局 (Survey, Award) --- */
.process-timeline-large.zigzag-layout .step-left {
	margin-left: 0;
	/* 左半边 */
	padding-right: 60px;
	/* 给图标留出空间 */
	text-align: right;
	/* 文字右对齐 */
	justify-content: flex-end;
	/* 内容靠右对齐（靠近中轴线） */
}

/* 图标在中轴线上 */
.process-timeline-large.zigzag-layout .step-left .p-icon-box-large {
	right: -30px;
	/* 90px宽度的一半 */
}

/* 左侧布局需要稍微调整内容区的margin，确保文字贴近中轴线 */
.process-timeline-large.zigzag-layout .step-left .p-content-large {
	padding-top: 0;
	/* 微调对齐 */
}

.m-8 {
	max-width: 800px;
	margin-left: auto;
}


/* --- 移动端适配：强制恢复为垂直单列 --- */
@media screen and (max-width: 800px) {

	/* 隐藏中轴线，改为左侧线 */
	.process-timeline-large.zigzag-layout::before {
		left: 45px;
		/* 线移到左侧图标中心 */
	}

	.process-timeline-large.zigzag-layout .process-step-large {
		width: 100%;
		/* 占满宽度 */
		margin-left: 0 !important;
		/* 消除左右偏移 */
		padding-left: 100px !important;
		/* 左侧留出图标空间 */
		padding-right: 0 !important;
		text-align: left !important;
		/* 强制左对齐 */
		justify-content: flex-start !important;
		margin-bottom: 40px;
	}

	/* 图标恢复到左侧 */
	.process-timeline-large.zigzag-layout .p-icon-box-large {
		left: 0 !important;
		right: auto !important;
		transform: translateY(-50%);
		/* 保持垂直居中 */
	}
}


/* =========================================================
   合并模块 (企业、奖项、流程) 专用样式
   ========================================================= */

.combo-section {
    position: relative;
    background-color: #ffffff; /* 底色白 */
    overflow: hidden;
    padding: 60px 0;
}

/* 右侧背景图：使用渐变使其向左淡出融合 */
.combo-bg-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(https://hrflagfile.oss-cn-hangzhou.aliyuncs.com/Web/aia/2026/web/members.jpg) no-repeat right center;
        background-size: cover;
        z-index: 1;
}

/* 渐变遮罩，使图片与左侧白底自然过渡 */
.combo-bg-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 100%);
}

.combo-container {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
	padding: 0;
}

.combo-left-content {
    width: 600px; /* 左侧内容区宽度固定，确保排版不乱 */
    max-width: 100%;
	margin-left: 15%;
}

.combo-block {
	max-width: 1140px;
}

/* 标题组样式 */
.combo-title-group {
    margin-bottom: 20px;
}
.combo-title-group .zh {
    font-size: 38px;
    color: #333;
    font-weight: 900;
    margin: 0 0 5px 0;
	line-height: .4rem;
}
.combo-title-group .en {
    font-size: 20px;
    color: #ccc; /* 浅灰色英文 */
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- 1. 评选企业 胶囊 --- */
.combo-pill-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 85%;
}
.combo-pill {
    display: flex;
    border-radius: 40px;
    overflow: hidden;
    height: 60px;
}
.combo-pill .pill-icon {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.combo-pill .pill-icon img {
    width: 30px;
    filter: brightness(0) invert(1); /* 图标变白 */
}
.combo-pill .pill-text {
    flex: 1;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 20px;
    font-size: 20px;
}
.combo-pill .pill-text .dot {
    width: 8px; height: 8px; background: #fff; border-radius: 50%; margin-right: 15px;
}
.combo-pill.dark-red .pill-icon { background: #E93B5D; }
.combo-pill.dark-red .pill-text { background: #6B1728; } /* 匹配图片深红 */
.combo-pill.light-red .pill-icon { background: #CA194D; }
.combo-pill.light-red .pill-text { background: #D31145; }

/* --- 2. 奖项设置 --- */
.prize-intro {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #333;
    font-size: 17px;
}
.prize-intro .trophy-icon {
    width: 40px; margin-right: 10px;
}
.main-prizes {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}
.prize-box {
    border: 4px solid #D31145;
    border-radius: 20px 10px 20px 10px; /* 模拟图片中特殊圆角 */
    padding: 15px 20px;
    font-weight: bold;
    color: #333;
    font-size: 20px;
    text-align: center;
    flex: 1;
}
.sub-prizes {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #333;
}
.sub-divider {
    width: 2px;
    height: 30px;
    background: #D31145;
    margin: 0 15px;
}
.sub-prize-item { display: flex; align-items: center; }
.sub-lines {
    display: flex; flex-direction: column; margin-right: 32px; font-weight: normal;
}

/* --- 3. 评选流程 (核心重构) --- */
.process-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 30px;
}
.process-step {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

/* 数字 */
.step-num {
    font-size: 40px;
    font-weight: 900;
    color: #D31145;
    margin-bottom: 10px;
}

/* 箭头彩色条 clip-path实现 */
.step-chevron {
    width: 100%;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px; /* 消除缝隙 */
    z-index: 2;
}
.chevron-start  { clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); }
.chevron-middle { clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%); margin-left: -5px; width: calc(100% + 5px); }
.chevron-end    { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 50%); margin-left: -5px; width: calc(100% + 5px); }

/* 箭头颜色渐变过渡 */
.color-1 { background: #D31145; }
.color-2 { background: #E6667C; }
.color-3 { background: #F13A5C; }
.color-4 { background: #F89EB0; }

/* 虚线日期框 */
.dashed-box {
    width: 80%;
    border: 1px dashed #666;
    border-top: none; /* 上边无边框，连着箭头 */
    border-radius: 0 0 10px 10px;
    padding: 15px 0 10px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.step-date p {
    margin: 0;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}

/* --- 移动端适配 (<800px) --- */
@media screen and (max-width: 800px) {
    .combo-bg-image { width: 100%; background: url(https://aia.hrflag.com/images/members-m.jpg) no-repeat right center;  } /* 移动端背景变淡铺满 */
    .combo-bg-image::before { background: none; }
    .combo-left-content {         width: 100%;
        margin-left: 0;
        padding: 0 10px; }
    
    .combo-pill-list { width: 100%; }
    .combo-pill { height: 50px; }
    .combo-pill .pill-text { font-size: 12px; padding: 0 10px;}
    
    .main-prizes { flex-direction: column; gap: 10px; }
    .sub-prizes { flex-wrap: wrap; line-height: 2;font-size: 13px; }
    
    /* 流程图移动端改为垂直排列，避免挤压 */
    .process-horizontal {gap: 0px; }
    .step-chevron {
        clip-path: none; /* 取消箭头 */
        border-radius: 5px;
        width: 80%;
    }
    .dashed-box { border-top: 1px dashed #666; border-radius: 10px; margin-top: -10px; }
    .process-step:first-child .step-num::before, .process-step:first-child .step-num::after { display: none; }
}

/* ==================================================
   顶级高定视觉：清透毛玻璃独立卡片 (亮色系)
================================================== */

/* 控制在右侧，保留背景图的人像空间 */
.right-half-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: 6%;
    padding: 60px 20px;
    box-sizing: border-box;
	
}

.webXs {
	max-width: 1200px;
}

/* 强制 2x2 独立卡片网格 */
.premium-light-grid {
    width: 100%; /* 占据右侧合适比例 */
    max-width: 720px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem; /* 宽敞的间距，增加呼吸感 */
}

/* 核心：亮色毛玻璃卡片 */
.light-glass-card {
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
    padding: 35px 30px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06); /* 极其柔软、通透的淡阴影 */
	cursor: pointer;
}

/* 悬浮交互：轻盈上浮，阴影扩大，显得非常有灵气 */
.light-glass-card:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.98); /* 悬浮时变得更白净 */
    box-shadow: 0 25px 50px rgba(211, 17, 69, 0.08), 0 10px 20px rgba(0, 0, 0, 0.04);
}

/* 顶部：图标与序号 */
.card-header {
    display: flex;
    align-items: center;
	gap: 16px;
}

/* 图标容器：品牌红色渐变 + 弥散光晕 */
.icon-glow-box {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff4b72 0%, #D31145 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(211, 17, 69, 0.25); /* 红色弥散发光 */
    transition: transform 0.4s ease;
	padding: 10px;
}

/* 悬浮时图标微微放大 */
.light-glass-card:hover .icon-glow-box {
    transform: scale(1.08);
}

/* 图标图片颜色强制为纯白 */
.icon-glow-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* 优雅的细体数字 (取代之前笨重的水印) */
.elegant-num {
    font-size: 32px;
    font-weight: 300;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: rgba(211, 17, 69, 0.8); /* 悬浮时点亮数字 */
    letter-spacing: -1px;
    transition: color 0.4s ease;
}

/* 内容区 */
.card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 高级感标题：深色 */
.card-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff; /* 苹果同款深灰黑，极具质感 */
    line-height: 1.4;
}

/* 高级感正文：中灰色，加大行高 */
.card-body p {
    margin: 0;
    font-size: 18px;
    color: #fff; /* 优雅的冷灰色 */
    line-height: 1.7;
    text-align: justify;
}

.light-glass-card:hover h4 {
   color: #1d1d1f; /* 苹果同款深灰黑，极具质感 */
}

.light-glass-card:hover p {
   color: #6e6e73; /* 苹果同款深灰黑，极具质感 */
}

/* 底部精美的悬浮点缀线 (顶级网站常用技巧) */
.hover-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent, #D31145, transparent);
    opacity: 0;
    transform: scaleX(0);
    transition: all 0.5s ease;
}

.light-glass-card:hover .hover-line {
    opacity: 1;
    transform: scaleX(1);
}

/* ==================================================
   响应式：手机端平滑过渡为一列
================================================== */
@media screen and (max-width: 1024px) {
    .premium-light-grid {
        width: 70%; 
    }
}

@media screen and (max-width: 768px) {
    .right-half-wrapper {
        justify-content: center;
        padding: 50px 20px;
    }
    .premium-light-grid {
        width: 100%;
        grid-template-columns: 1fr; /* 手机端变为一行一个 */
    }
}




/* ==================================================
   高定版奖项样式：完美复刻图2“断裂丝带”与“3D环绕”效果
================================================== */
.main-prizes {
    display: flex;
    gap: 25px; /* 增加间距，让三个奖项卡片更大气、不拥挤 */
    margin-bottom: 40px;
}

.prize-box {
    position: relative;
    flex: 1;
    padding: 18px 10px;
    font-size: 21px; /* 字体稍微加大，更醒目 */
    font-weight: 900; /* 字重加粗，突出奖项分量感 */
    color: #333;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
    
    /* 🔴 核心魔法 1：利用双层背景裁剪，做出实心的完美渐变边框 */
    border: 6px solid transparent; /* 边框厚度（丝带厚度） */
    border-radius: 50px; /* 整体胶囊圆角 */
    background: 
        linear-gradient(#ffffff, #ffffff) padding-box, /* 内层纯白面板 */
        linear-gradient(135deg, #FF3B6B 0%, #D31145 100%) border-box; /* 外层高亮渐变红丝带 */
    
    /* 增加底部的红色弥散阴影，让卡片浮起来 */
    box-shadow: 0 12px 25px rgba(211, 17, 69, 0.15); 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 🔴 核心魔法 2：伪元素实现左上角的“丝带斜切口” */
.prize-box::before {
    content: '';
    position: absolute;
    top: -7px; /* 向上微调，完全覆盖红边框 */
    left: 18%; /* 切口在左侧的比例位置 */
    width: 28px; /* 切口的宽度 */
    height: 12px; /* 覆盖深度 */
    background: #ffffff; /* 与你该区块的背景同色，形成镂空错觉 */
    transform: skewX(-45deg); /* 倾斜45度切割 */
    z-index: 2;
    border-radius: 2px; /* 让切口边缘稍微柔和 */
}

/* 🔴 核心魔法 3：伪元素实现右下角的“丝带斜切口” */
.prize-box::after {
    content: '';
    position: absolute;
    bottom: -7px; /* 向下微调，覆盖底边框 */
    right: 18%; /* 切口在右侧的比例位置 */
    width: 28px;
    height: 12px;
    background: #ffffff;
    transform: skewX(-45deg);
    z-index: 2;
    border-radius: 2px;
}

/* 🏆 悬浮高级互动效果：卡片升起、阴影加深、文字变品牌红 */
.prize-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 35px rgba(211, 17, 69, 0.35);
    color: #D31145;
}

/* --- 📱 移动端自适应（确保手机上看不会挤压变形） --- */
@media screen and (max-width: 800px) {
    .main-prizes {
        flex-direction: column;
        gap: 15px;
    }
    .prize-box {
        width: 100%;
        padding: 15px 10px;
        font-size: 18px;
    }
}

/* ==================================================
   权益说明区域样式 (截图复刻)
================================================== */

/* 整体容器 */
.rights-summary-section {
    width: 100%;
    margin-top: 40px;
    font-family: "方正兰亭黑简体", "微软雅黑", sans-serif;
}

/* 上半部分：粉色渐变高亮区域 */
.rights-summary-highlight {
   background: rgba(255, 255, 255, 0.15);
   border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 28px 35px;
    margin-bottom: 0;
    border-left: 5px solid #D31145;
}

/* 每行权益说明 */
.rights-line {
    margin: 0 0 12px 0;
    line-height: 1.8;
    font-size: 16px;
    color: #333;
}

.rights-line:last-child {
    margin-bottom: 0;
}

/* 标签文字：深红色加粗 */
.rights-label {
    color: #fff;
    font-weight: 900;
    font-size: 18px;
}

/* 加粗权益数量：更大更醒目 */
.rights-bold {
    color: #fff;
    font-weight: 900;
    font-size: 22px;
}

/* 括号内的权益列表：较小的灰色斜体 */
.rights-detail {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-style: italic;
    margin-left: 2px;
}

/* 下半部分：注释区域 */
.rights-notes {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0 0 12px 12px;
    padding: 20px 30px;
    margin-top: 20px;
}

.rights-notes p {
    margin: 0 0 6px 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
}

.rights-notes p:last-child {
    margin-bottom: 0;
}

.rights-notes-indent {
    /* 缩进已通过 &emsp; 实现 */
}

/* --- 移动端适配 --- */
@media screen and (max-width: 800px) {
    .rights-summary-highlight {
        padding: 20px 18px;
        border-radius: 10px;
    }

    .rights-label {
        font-size: 15px;
    }

    .rights-bold {
        font-size: 18px;
    }

    .rights-detail {
        font-size: 12px;
        display: block;
        margin-left: 0;
        margin-top: 2px;
    }

    .rights-notes {
        padding: 15px 18px;
    }

    .rights-notes p {
        font-size: 12px;
        line-height: 1.7;
    }
}