/* post-write-nova: 发布信息填写页全新布局 */

:root{
	--pw-bg-mint:#8AD4A4;
	--pw-bg-sky:#59CEE8;
	--pw-ink:#14324a;
	--pw-ink-muted:rgba(20,50,74,.72);
	--pw-ink-soft:rgba(20,50,74,.52);
}

body.post-write-nova-page{
	margin:0;
	min-height:100vh;
	overflow-x:hidden;
	background:linear-gradient(148deg,var(--pw-bg-mint) 0%,var(--pw-bg-sky) 100%)!important;
	color:var(--pw-ink);
	font-family:ui-sans-serif,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

body.post-write-nova-page::before,
body.post-write-nova-page::after{
	content:"";
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:0;
}
body.post-write-nova-page::before{
	background:
		radial-gradient(ellipse 80% 60% at 12% 20%, rgba(255,255,255,.35), transparent 58%),
		radial-gradient(ellipse 68% 52% at 90% 78%, rgba(255,255,255,.24), transparent 54%);
}
body.post-write-nova-page::after{
	opacity:.28;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
	mix-blend-mode:soft-light;
}

.pw-shell{
	position:relative;
	z-index:1;
	max-width:1280px;
	margin:0 auto;
	padding:18px 16px 52px;
}

.pw-layout{
	display:grid;
	grid-template-columns:minmax(280px,360px) minmax(0,1fr);
	gap:18px;
	align-items:start;
}

.pw-aside{position:sticky;top:16px;}
.pw-card,.pw-main-card{
	background:rgba(255,255,255,.88);
	border:1px solid rgba(255,255,255,.95);
	border-radius:20px;
	box-shadow:0 18px 52px rgba(20,50,74,.12),0 0 0 1px rgba(89,206,232,.16) inset;
	backdrop-filter:blur(16px);
}
.pw-card{padding:18px;}
.pw-title{
	margin:0 0 8px;
	font-size:1.6rem;
	font-weight:900;
	letter-spacing:-.02em;
	background:linear-gradient(115deg,#0d3d38 5%,#156080 52%,#0a5c48 100%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	line-height: 40px;
}
.pw-desc{margin:0 0 14px;font-size:13px;line-height:1.7;color:var(--pw-ink-muted);}
.pw-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.pw-list li{background:rgba(255,255,255,.6);border:1px solid rgba(20,50,74,.1);border-radius:12px;padding:10px 12px;font-size:12px;color:var(--pw-ink-soft);}

.pw-main-card{padding:18px;}

.pw-steps{
	display:flex;
	gap:8px;
	margin-bottom:16px;
}
.pw-step{
	flex:1;
	text-align:center;
	padding:10px 8px;
	border-radius:12px;
	font-size:12px;
	font-weight:800;
	color:rgba(20,50,74,.45);
	background:rgba(255,255,255,.5);
	border:1px solid rgba(20,50,74,.09);
}
.pw-step.active{color:var(--pw-ink);background:rgba(138,212,164,.26);border-color:rgba(89,206,232,.35);}
.pw-step.completed{color:#156080;}

.post-write-nova-page .post-form{background:transparent;border:none;padding:0;}
.post-write-nova-page .form-section{
	background:rgba(255,255,255,.72);
	border:1px solid rgba(20,50,74,.1);
	border-radius:16px;
	padding:14px;
	margin-bottom:14px;
}
.post-write-nova-page .form-section-title{
	margin:0 0 12px;
	font-size:12px;
	font-weight:900;
	letter-spacing:.2em;
	text-transform:uppercase;
	color:rgba(20,50,74,.5);
}
.post-write-nova-page .form-row{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start;margin-bottom:12px;}
.post-write-nova-page .form-label{font-size:13px;font-weight:700;color:var(--pw-ink);padding-top:9px;}
.post-write-nova-page .form-control{width:100%;}

.post-write-nova-page .form-input,
.post-write-nova-page .form-select,
.post-write-nova-page textarea,
.post-write-nova-page select{
	width:100%;
	max-width:100% !important;
	box-sizing:border-box;
	padding:11px 12px;
	font-size:14px;
	border-radius:12px;
	border:1px solid rgba(20,50,74,.12);
	background:rgba(255,255,255,.95);
	color:var(--pw-ink);
}

.post-write-nova-page .form-input:focus,
.post-write-nova-page .form-select:focus,
.post-write-nova-page textarea:focus,
.post-write-nova-page select:focus{
	outline:none;
	border-color:rgba(89,206,232,.85);
	box-shadow:0 0 0 3px rgba(89,206,232,.2);
}

.post-write-nova-page .mappoint{
	padding:10px 14px !important;
	background:linear-gradient(105deg,var(--pw-bg-mint) 0%,var(--pw-bg-sky) 100%) !important;
	color:#0c2a32 !important;
	border:none !important;
	border-radius:10px !important;
	font-weight:800;
}

.post-write-nova-page .form-submit-section{
	background:rgba(255,255,255,.72);
	border:1px solid rgba(20,50,74,.1);
	border-radius:16px;
	padding:14px;
}
.post-write-nova-page .form-submit-btn{
	width:100%;
	padding:14px 20px;
	border:none;
	border-radius:14px;
	font-size:15px;
	font-weight:900;
	color:#0c2a32;
	background:linear-gradient(105deg,var(--pw-bg-mint) 0%,var(--pw-bg-sky) 100%);
	box-shadow:0 12px 32px rgba(20,90,110,.22);
	cursor:pointer;
}
.post-write-nova-page .form-tips{
	margin-top:10px;
	font-size:12px;
	line-height:1.7;
	color:var(--pw-ink-soft);
	background:rgba(89,206,232,.12);
	border:1px solid rgba(89,206,232,.18);
	border-radius:12px;
	padding:10px 12px;
}

/* 上传图片区：固定两列，防止溢出 */
.post-write-nova-page .form-control .onea_dd{
	display:inline-block;
	vertical-align:top;
	width:calc(23% - 10px) !important;
	margin:0 10px 12px 0;
	float:none !important;
	box-sizing:border-box;
}

.post-write-nova-page .form-control .onea_dd .viewarea{
	width:100% !important;
	height:auto !important;
	text-align:center;
}

.post-write-nova-page .form-control .onea_dd .viewarea img{
	max-width:108px;
	height:auto;
}

.post-write-nova-page .form-control .onea_dd .a_ddarea{
	width:100% !important;
	/* text-align:center; */
}

.post-write-nova-page .form-control .onea_dd input[type="file"]{
	max-width:100%;
}

@media (max-width: 980px){
	.pw-layout{grid-template-columns:1fr;}
	.pw-aside{position:static;}
}
@media (max-width: 640px){
	.post-write-nova-page .form-row{grid-template-columns:1fr;}
	.post-write-nova-page .form-label{padding-top:0;}
	.pw-steps{flex-direction:column;}
	.post-write-nova-page .form-control .onea_dd{
		width:100% !important;
		margin-right:0;
	}
}