/* 发布信息 · 选择分类页（info_post.html）— 婚恋主题 · 与旧版左右分栏+蓝红样式完全不同 */

/* 本页容器：可与 login.css 背景融合 */
.post-publish-v2{
	padding-bottom:40px;
}

.post-v2-shell{
	max-width:1180px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding:0 18px 24px !important;
	width:auto !important;
}

/* 顶栏：双列 + 印章 */
.post-v2-hero{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	gap:20px 24px;
	margin:8px 0 22px;
	padding:22px 24px;
	border-radius:22px;
	background:linear-gradient(125deg, rgba(255,255,255,0.82) 0%, rgba(255,245,250,0.9) 45%, rgba(255,252,248,0.88) 100%);
	border:1px solid rgba(255,190,208,0.55);
	box-shadow:0 22px 60px rgba(193,70,120,0.12);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	position:relative;
	overflow:hidden;
}
.post-v2-hero::before{
	content:"";
	position:absolute;
	inset:-40% 55% auto -15%;
	height:280px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(255,182,193,0.4), transparent 65%);
	pointer-events:none;
}
.post-v2-hero__seal{
	width:56px;
	height:56px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	font-weight:900;
	color:#c13f75;
	background:rgba(255,255,255,0.9);
	border:2px solid rgba(255,111,145,0.45);
	box-shadow:0 12px 36px rgba(255,111,145,0.2);
	position:relative;
	flex-shrink:0;
}
.post-v2-hero__text{
	position:relative;
	min-width:0;
}
.post-v2-hero__title{
	margin:0;
	font-size:clamp(22px,2.8vw,28px);
	font-weight:900;
	color:#5c1f3d;
	letter-spacing:-0.02em;
}
.post-v2-hero__lead{
	margin:8px 0 0;
	font-size:14px;
	line-height:1.65;
	font-weight:600;
	color:rgba(84,32,54,0.78);
	max-width:36em;
}
.post-v2-hero__chips{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	justify-content:flex-end;
	align-items:center;
}
.post-v2-chip{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 12px;
	border-radius:999px;
	font-size:12px;
	font-weight:800;
	color:#8f365d;
	background:rgba(255,255,255,0.75);
	border:1px solid rgba(255,185,204,0.55);
	white-space:nowrap;
}
.post-v2-chip i{
	color:#d64f84;
	font-size:12px;
}

/* 步骤：时间轴式横条 */
.post-v2-flow{
	display:flex !important;
	justify-content:space-between !important;
	align-items:flex-start !important;
	position:relative !important;
	max-width:100% !important;
	margin:0 0 24px !important;
	padding:0 8px !important;
	background:transparent !important;
	height:auto !important;
	gap:8px !important;
	flex-wrap:nowrap !important;
}
.post-v2-flow__rail{
	position:absolute;
	left:48px;
	right:48px;
	top:22px;
	height:3px;
	background:linear-gradient(90deg, rgba(255,111,145,0.35), rgba(255,180,120,0.45), rgba(255,111,145,0.25));
	border-radius:3px;
	pointer-events:none;
	z-index:0;
}
.post-v2-flow__item{
	position:relative;
	z-index:1;
	flex:1;
	max-width:none !important;
	margin:0 !important;
	padding:0 6px !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	gap:10px !important;
	text-align:center !important;
}
.post-v2-flow__no{
	width:44px;
	height:44px;
	border-radius:50%;
	display:flex !important;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,0.95) !important;
	border:2px solid rgba(255,185,204,0.7) !important;
	font-weight:900 !important;
	color:#c13f75 !important;
	box-shadow:0 10px 28px rgba(255,111,145,0.15);
}
.post-v2-flow__item--current .post-v2-flow__no{
	background:linear-gradient(135deg,#ff6f91 0%,#ff9671 100%) !important;
	border-color:transparent !important;
	color:#fff !important;
	box-shadow:0 14px 40px rgba(255,111,145,0.35) !important;
}
.post-v2-flow__item--current .post-v2-flow__no font.number{
	color:#fff !important;
}
.post-v2-flow__txt{
	font-size:13px !important;
	font-weight:800 !important;
	color:rgba(84,32,54,0.72) !important;
	line-height:1.35 !important;
	max-width:9em;
}
.post-v2-flow__item--current .post-v2-flow__txt{
	color:#7b264a !important;
}

/* 主布局：左工作区 + 右分类轨（DOM 先 aside 后 section，用 grid-area 对调视觉） */
#fenlei2.post-select-layout.post-v2-grid{
	display:grid !important;
	grid-template-columns:minmax(0,1fr) 310px !important;
	grid-template-areas:"workspace rail" !important;
	gap:18px !important;
	align-items:start !important;
	max-width:100% !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	background:transparent !important;
	overflow:visible !important;
	animation:none !important;
}
#fenlei2.post-v2-grid:hover{
	transform:none !important;
	box-shadow:none !important;
}

.post-v2-grid .post-select-sidebar.post-v2-rail{
	grid-area:rail !important;
	min-width:0 !important;
}

.post-v2-grid .post-select-content.post-v2-workspace{
	grid-area:workspace !important;
	min-width:0 !important;
	display:flex !important;
	flex-direction:column !important;
	gap:16px !important;
}

/* 右侧分类轨标题 */
.post-v2-rail__head{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 14px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:900;
	color:#7b264a;
	background:rgba(255,111,145,0.1);
	border-radius:14px;
	border:1px solid rgba(255,185,204,0.45);
}
.post-v2-rail__head i{
	color:#d64f84;
}

/* 分类卡片容器 */
#ymenu-side{
	min-height:200px !important;
	background:rgba(255,255,255,0.72) !important;
	border:1px solid rgba(255,190,208,0.55) !important;
	border-radius:20px !important;
	padding:14px !important;
	box-shadow:0 18px 50px rgba(193,70,120,0.1) !important;
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	position:relative !important;
}
#ymenu-side::before{
	display:none !important;
}
#ymenu-side > *{
	z-index:1 !important;
}

/* 大类：单列长条，子菜单在下方展开（避免旧版绝对定位错乱） */
.post-v2-rail .ym-mainmnu{
	display:flex !important;
	flex-direction:column !important;
	gap:12px !important;
	grid-template-columns:unset !important;
	padding:0 !important;
	margin:0 !important;
	list-style:none !important;
	width:100% !important;
	animation:none !important;
}
.post-v2-rail .ym-mainmnu .ym-tab{
	float:none !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	border-radius:16px !important;
	border:1px solid rgba(255,185,204,0.5) !important;
	background:rgba(255,255,255,0.88) !important;
	box-shadow:0 8px 26px rgba(193,70,120,0.06) !important;
	transition:border-color 0.2s ease, box-shadow 0.2s ease !important;
	position:relative !important;
	animation:none !important;
	overflow:visible !important;
}
.post-v2-rail .ym-mainmnu .ym-tab:hover,
.post-v2-rail .ym-mainmnu .ym-tab.curren{
	border-color:rgba(255,111,145,0.65) !important;
	box-shadow:0 14px 40px rgba(255,111,145,0.14) !important;
	transform:none !important;
}
.post-v2-rail .ym-mainmnu .ym-tab > a.black,
.post-v2-rail .ym-mainmnu .ym-tab > a{
	display:flex !important;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:14px 16px !important;
	font-size:15px !important;
	font-weight:900 !important;
	color:#5c1f3d !important;
	text-decoration:none !important;
	border-radius:16px !important;
	background:transparent !important;
	white-space:normal !important;
	line-height:1.35 !important;
	height:auto !important;
	text-indent:0 !important;
}
.post-v2-rail .ym-mainmnu .ym-tab > a::after{
	content:"\f105";
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	color:rgba(193,63,117,0.45);
	font-size:12px;
}
.post-v2-rail .ym-mainmnu .ym-tab:hover > a,
.post-v2-rail .ym-mainmnu .ym-tab.curren > a{
	color:#c13f75 !important;
	background:rgba(255,111,145,0.06) !important;
}

.post-v2-rail .ym-submnu{
	position:relative !important;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	width:100% !important;
	display:none !important;
	margin:0 0 6px !important;
	padding:4px 8px 10px !important;
	border:none !important;
	border-top:1px dashed rgba(255,185,204,0.5) !important;
	background:transparent !important;
	box-shadow:none !important;
	max-height:240px;
	overflow-y:auto !important;
	z-index:5 !important;
}
.post-v2-rail .ym-tab:hover .ym-submnu,
.post-v2-rail .ym-tab.curren .ym-submnu,
.post-v2-rail .curren .ym-submnu{
	display:block !important;
}
.post-v2-rail .ym-submnu li{
	width:100% !important;
	float:none !important;
	border-bottom:1px solid rgba(255,245,248,0.9) !important;
	list-style:none !important;
}
.post-v2-rail .ym-submnu li:last-child{
	border-bottom:none !important;
}
.post-v2-rail .ym-submnu li a{
	display:block !important;
	padding:11px 12px 11px 14px !important;
	font-size:13px !important;
	font-weight:700 !important;
	color:rgba(84,32,54,0.82) !important;
	text-decoration:none !important;
	border-radius:10px !important;
	transition:background 0.15s ease, color 0.15s ease !important;
	white-space:normal !important;
}
.post-v2-rail .ym-submnu li a:hover{
	color:#c13f75 !important;
	background:rgba(255,111,145,0.1) !important;
	padding-left:16px !important;
	transform:none !important;
}

.post-v2-rail .backall{
	margin-top:14px;
	padding-top:12px;
	border-top:1px solid rgba(255,185,204,0.45);
	text-align:center;
}
.post-v2-rail .backall a{
	font-size:13px;
	font-weight:900;
	color:#c13f75 !important;
	text-decoration:none !important;
}
.post-v2-rail .backall a:hover{
	text-decoration:underline !important;
}

/* 左侧：搜索 + 提示 */
.post-v2-search.post-search-card{
	background:rgba(255,255,255,0.78) !important;
	border:1px solid rgba(255,190,208,0.55) !important;
	border-radius:22px !important;
	padding:20px 20px 22px !important;
	box-shadow:0 20px 55px rgba(193,70,120,0.1) !important;
}
.post-v2-search .psearch{
	background:transparent !important;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	box-shadow:none !important;
	animation:none !important;
}
.post-v2-search .psearch:hover{
	transform:none !important;
}
.post-v2-search .psearch::before{
	display:none !important;
}
.post-v2-search .pshead{
	flex-direction:column !important;
	align-items:stretch !important;
	gap:12px !important;
}
.post-v2-search__label{
	font-size:13px;
	font-weight:900;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:rgba(193,63,117,0.85);
}
.post-v2-search .pshead .pstxt{
	border:2px solid rgba(255,185,204,0.65) !important;
	border-radius:16px !important;
	padding:16px 18px !important;
	width:100% !important;
	font-size:16px !important;
	background:rgba(255,255,255,0.96) !important;
}
.post-v2-search .pshead .pstxt:focus{
	border-color:rgba(255,111,145,0.9) !important;
	box-shadow:0 0 0 4px rgba(255,111,145,0.15) !important;
}
.post-v2-search .pshead .psbtn{
	width:100% !important;
	border-radius:16px !important;
	height:52px !important;
	line-height:52px !important;
	background:linear-gradient(135deg,#ff6f91 0%,#ff9671 100%) !important;
	font-weight:900 !important;
	font-size:16px !important;
	margin-top:4px !important;
}
.post-v2-search .pshead .psbtn:hover{
	box-shadow:0 16px 44px rgba(255,111,145,0.32) !important;
}

.post-v2-tip.post-tip-card{
	padding:18px 20px !important;
	background:linear-gradient(145deg, rgba(255,248,252,0.95) 0%, rgba(255,255,255,0.85) 100%) !important;
	border:1px dashed rgba(255,185,204,0.75) !important;
	border-radius:20px !important;
	box-shadow:0 12px 36px rgba(193,70,120,0.06) !important;
}
.post-v2-tip .post-tip-card__title{
	color:#7b264a !important;
	font-size:15px !important;
	display:flex;
	align-items:center;
	gap:8px;
}
.post-v2-tip .post-tip-card__title i{
	color:#f59e0b;
}
.post-v2-tip .post-tip-card__list{
	padding-left:20px !important;
	margin:0 !important;
}
.post-v2-tip .post-tip-card__list li{
	color:rgba(84,32,54,0.82) !important;
	font-weight:600 !important;
}

.post-v2-asidecards{
	min-height:0 !important;
}
.post-v2-asidecards .post-tip-card{
	padding-right:20px !important;
}

/* 覆盖旧 hotcard 区占位 */
.post-v2-workspace .post-hot-card{
	display:none !important;
}

@media (max-width: 980px){
	#fenlei2.post-select-layout.post-v2-grid{
		grid-template-columns:1fr !important;
		grid-template-areas:
			"workspace"
			"rail" !important;
	}
	.post-v2-hero{
		grid-template-columns:1fr;
		text-align:center;
	}
	.post-v2-hero__chips{
		justify-content:center;
	}
	.post-v2-flow__rail{
		display:none;
	}
	.post-v2-flow{
		flex-direction:column !important;
 align-items:center !important;
	}
	.post-v2-flow__item{
		width:100%;
		max-width:320px;
		flex-direction:row !important;
		justify-content:flex-start !important;
		text-align:left !important;
		padding:10px 14px !important;
		background:rgba(255,255,255,0.55) !important;
		border-radius:16px !important;
		border:1px solid rgba(255,185,204,0.4) !important;
	}
	.post-v2-flow__item--current{
		border-color:rgba(255,111,145,0.55) !important;
		background:rgba(255,111,145,0.08) !important;
	}
	.post-v2-flow__txt{
		max-width:none !important;
	}
}