@charset "UTF-8";

/* ============================================================
   发布信息 · 选择分类 — #31AB46 生活服务主题
   ============================================================ */

:root{
	--lf-green:#31AB46;
	--lf-green-soft:#5BC46B;
	--lf-green-deep:#27963A;
	--lf-mist:#F3FAF4;
	--lf-ink:#1E3322;
	--lf-muted:#5F7A64;
	--lf-line:rgba(49,171,70,.2);
}

html{scroll-behavior:smooth;}

body.post-life-page{
	margin:0;
	min-height:100vh;
	overflow-x:hidden;
	background:var(--lf-mist)!important;
	color:var(--lf-ink);
	font-family:"Nunito","PingFang SC","Microsoft YaHei",sans-serif;
	-webkit-font-smoothing:antialiased;
	position:relative;
}

/* 顶栏 */
body.post-life-page .mheader{
	position:relative;
	z-index:2;
	width:100%;
	padding:18px 0 8px;
	background:transparent;
}
body.post-life-page .mhead{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:0 24px;
	height:auto;
	overflow:visible;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
}
body.post-life-page .mhead .logo{float:none;flex-shrink:0;}
body.post-life-page .mhead .logo img{
	max-height:48px;
	width:auto;
	display:block;
}

.pp-bg{
	position:fixed;
	inset:0;
	z-index:0;
	pointer-events:none;
	background:
		radial-gradient(ellipse 70% 50% at 10% 6%,rgba(49,171,70,.12),transparent 55%),
		radial-gradient(ellipse 55% 40% at 90% 20%,rgba(91,196,107,.1),transparent 50%),
		radial-gradient(ellipse 50% 35% at 60% 90%,rgba(49,171,70,.08),transparent 55%),
		var(--lf-mist);
}
.pp-wash{
	position:absolute;
	border-radius:50%;
	filter:blur(42px);
	opacity:.5;
	animation:pp-drift 18s ease-in-out infinite alternate;
}
.pp-wash--1{width:300px;height:300px;left:-50px;top:10%;background:rgba(49,171,70,.18);}
.pp-wash--2{width:240px;height:240px;right:-30px;top:36%;background:rgba(91,196,107,.14);animation-delay:-7s;}
.pp-wash--3{width:200px;height:200px;left:40%;bottom:6%;background:rgba(39,150,58,.1);animation-delay:-12s;}
@keyframes pp-drift{
	from{transform:translate(0,0);}
	to{transform:translate(16px,-20px);}
}
.pp-wave{
	position:absolute;left:0;right:0;bottom:0;
	width:100%;height:110px;opacity:.35;
}
.pp-wave__a{fill:rgba(49,171,70,.12);}
.pp-wave__b{fill:rgba(49,171,70,.08);}

.pp-shell{
	position:relative;
	z-index:1;
	max-width:1120px;
	margin:0 auto;
	padding:12px 16px 56px;
	box-sizing:border-box;
}

.pp-hero{
	margin:0 0 20px;
	padding:4px 2px 0;
}
.pp-hero__top{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
}
.pp-hero__label{
	display:inline-block;
	margin:0 0 10px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.14em;
	color:var(--lf-green);
}
.pp-hero h1{
	margin:0;
	font-family:"ZCOOL XiaoWei","PingFang SC","Microsoft YaHei",serif;
	font-size:clamp(1.85rem,3.2vw,2.45rem);
	font-weight:400;
	line-height:1.2;
	color:var(--lf-green-deep);
}
.pp-hero h1 em{
	font-style:normal;
	color:var(--lf-green);
}
.pp-hero p{
	margin:12px 0 0;
	max-width:38em;
	font-size:14px;
	line-height:1.7;
	font-weight:600;
	color:var(--lf-muted);
}

.pp-steps{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style:none;
}
.pp-steps li{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:9px 14px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	color:var(--lf-muted);
	background:rgba(255,255,255,.75);
	border:1px solid var(--lf-line);
}
.pp-steps li span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:20px;height:20px;
	border-radius:50%;
	font-size:11px;
	font-weight:800;
	background:rgba(49,171,70,.14);
	color:var(--lf-green);
}
.pp-steps li.is-on{
	color:#fff;
	background:var(--lf-green);
	border-color:transparent;
	box-shadow:0 6px 16px rgba(49,171,70,.28);
}
.pp-steps li.is-on span{
	background:rgba(255,255,255,.28);
	color:#fff;
}

.pp-layout{
	display:grid;
	grid-template-columns:minmax(260px,320px) minmax(0,1fr);
	gap:16px;
	align-items:start;
}

.pp-side{
	position:sticky;
	top:16px;
}

.pp-panel{
	background:rgba(255,255,255,.92);
	border:1px solid var(--lf-line);
	border-radius:20px;
	padding:20px;
	box-shadow:0 14px 40px rgba(49,171,70,.08);
	box-sizing:border-box;
}
.pp-panel__title{
	margin:0 0 14px;
	padding:0 0 0 10px;
	border-left:3px solid var(--lf-green);
	font-size:14px;
	font-weight:800;
	color:var(--lf-ink);
	line-height:1.3;
}

.pp-search{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0;
}
.pp-search input[type="text"],
.pp-search #catname{
	width:100%;
	height:48px;
	padding:0 14px;
	border:1.5px solid rgba(49,171,70,.2);
	border-radius:12px;
	background:#f7fbf8;
	color:var(--lf-ink);
	font-size:14px;
	font-family:inherit;
	box-sizing:border-box;
	outline:none;
	transition:border-color .2s,box-shadow .2s,background .2s;
}
.pp-search input[type="text"]:focus,
.pp-search #catname:focus{
	border-color:var(--lf-green);
	background:#fff;
	box-shadow:0 0 0 3px rgba(49,171,70,.14);
}
.pp-search .pp-btn,
.pp-search #btn_cateSearch{
	width:100%;
	height:48px;
	border:0;
	border-radius:12px;
	background:linear-gradient(135deg,#5BC46B,#31AB46);
	color:#fff;
	font-size:14px;
	font-weight:800;
	letter-spacing:.04em;
	cursor:pointer;
	font-family:inherit;
	box-shadow:0 8px 20px rgba(49,171,70,.28);
	transition:transform .2s,box-shadow .2s;
}
.pp-search .pp-btn:hover,
.pp-search #btn_cateSearch:hover{
	transform:translateY(-1px);
	box-shadow:0 12px 28px rgba(49,171,70,.34);
}

.pp-hint{
	margin:12px 0 0;
	padding:12px 14px;
	border-radius:12px;
	background:rgba(49,171,70,.07);
	border:1px solid rgba(49,171,70,.12);
	font-size:12px;
	line-height:1.65;
	color:var(--lf-muted);
	font-weight:600;
}

.pp-back{
	display:inline-block;
	margin-top:14px;
	font-size:13px;
	font-weight:700;
	color:var(--lf-green)!important;
	text-decoration:none!important;
}
.pp-back:hover{color:var(--lf-green-deep)!important;}

.pp-grid{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.pp-group{
	padding:16px 18px;
	border-radius:16px;
	background:rgba(255,255,255,.88);
	border:1px solid var(--lf-line);
	box-shadow:0 8px 24px rgba(49,171,70,.05);
}
.pp-group__title{
	margin:0 0 12px;
	font-size:15px;
	font-weight:800;
	color:var(--lf-green-deep);
}
.pp-tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.pp-tag,
a.pp-tag.category-subitem{
	display:inline-flex;
	align-items:center;
	padding:8px 12px;
	border-radius:10px;
	font-size:13px;
	font-weight:700;
	color:var(--lf-ink)!important;
	text-decoration:none!important;
	background:rgba(49,171,70,.06);
	border:1px solid transparent;
	transition:background .2s,border-color .2s,color .2s,transform .15s;
}
.pp-tag:hover,
a.pp-tag.category-subitem:hover{
	color:var(--lf-green)!important;
	background:#fff;
	border-color:rgba(49,171,70,.35);
	transform:translateY(-1px);
	box-shadow:0 6px 16px rgba(49,171,70,.12);
}

/* autocomplete 下拉对齐 */
body.post-life-page .ac_results{
	border:1px solid var(--lf-line)!important;
	border-radius:12px!important;
	box-shadow:0 12px 32px rgba(49,171,70,.15)!important;
	background:#fff!important;
	overflow:hidden;
}
body.post-life-page .ac_results li{
	font-size:13px!important;
	padding:8px 12px!important;
	color:var(--lf-ink)!important;
}
body.post-life-page .ac_over{
	background:rgba(49,171,70,.12)!important;
	color:var(--lf-green-deep)!important;
}

body.post-life-page .footer{
	position:relative;
	z-index:1;
	margin:0;
	padding:18px 16px 28px;
	text-align:center;
	font-size:12px;
	color:var(--lf-muted);
	background:transparent;
	border:0;
	font-weight:600;
}
body.post-life-page .footer a{
	color:var(--lf-green)!important;
	text-decoration:none;
}

@media (max-width:900px){
	.pp-layout{grid-template-columns:1fr;}
	.pp-side{position:static;}
}

/* ============================================================
   发布信息 · 填写内容（info_post_write）
   ============================================================ */

.pp-steps li.is-done{
	color:var(--lf-green-deep);
	background:rgba(49,171,70,.1);
	border-color:rgba(49,171,70,.22);
}
.pp-steps li.is-done span{
	background:var(--lf-green);
	color:#fff;
}
.pp-reselect{
	margin-left:6px;
	font-size:12px!important;
	font-weight:700!important;
	color:var(--lf-green)!important;
	text-decoration:none!important;
	border-bottom:1px solid rgba(49,171,70,.35);
}
.pp-reselect:hover{color:var(--lf-green-deep)!important;}

.pp-write-layout{
	display:grid;
	grid-template-columns:minmax(240px,280px) minmax(0,1fr);
	gap:16px;
	align-items:start;
}
.pp-write-aside{position:sticky;top:16px;}
.pp-write-main{padding:22px!important;}

.pp-tips-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.pp-tips-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:13px;
	line-height:1.55;
	color:var(--lf-muted);
	font-weight:600;
}
.pp-tips-list strong{
	flex-shrink:0;
	font-size:12px;
	font-weight:800;
	letter-spacing:.06em;
	color:var(--lf-green);
}

body.post-life-write .post-form{
	background:transparent!important;
	border:0!important;
	padding:0!important;
	box-shadow:none!important;
}
body.post-life-write .form-section{
	margin:0 0 14px!important;
	padding:16px 16px 8px!important;
	background:rgba(49,171,70,.04)!important;
	border:1px solid rgba(49,171,70,.12)!important;
	border-radius:14px!important;
	box-shadow:none!important;
}
body.post-life-write .form-section-title{
	margin:0 0 14px!important;
	padding:0 0 0 10px!important;
	border-left:3px solid var(--lf-green)!important;
	background:none!important;
	font-size:13px!important;
	font-weight:800!important;
	letter-spacing:.08em;
	text-transform:none!important;
	color:var(--lf-green)!important;
	line-height:1.3!important;
}
body.post-life-write .form-section-title::before{display:none!important;}

body.post-life-write .form-row{
	display:grid!important;
	grid-template-columns:118px minmax(0,1fr);
	gap:10px 12px;
	align-items:start;
	margin:0 0 14px!important;
	float:none!important;
	width:auto!important;
}
body.post-life-write .form-label{
	float:none!important;
	width:auto!important;
	margin:0!important;
	padding:12px 0 0!important;
	text-align:left!important;
	font-size:13px!important;
	font-weight:700!important;
	color:var(--lf-ink)!important;
	line-height:1.3!important;
}
body.post-life-write .form-label .required,
body.post-life-write .required{
	color:#E84A57!important;
	margin-right:2px;
}
body.post-life-write .form-control{
	float:none!important;
	width:100%!important;
	margin:0!important;
	min-width:0;
}

body.post-life-write .form-input,
body.post-life-write .form-select,
body.post-life-write .form-control input[type="text"],
body.post-life-write .form-control input[type="password"],
body.post-life-write .form-control select,
body.post-life-write .form-control textarea,
body.post-life-write select,
body.post-life-write textarea{
	float:none!important;
	display:inline-block;
	width:100%!important;
	max-width:100%!important;
	height:46px!important;
	line-height:46px!important;
	margin:0!important;
	padding:0 14px!important;
	border:1.5px solid rgba(49,171,70,.2)!important;
	border-radius:10px!important;
	background:#f7fbf8!important;
	color:var(--lf-ink)!important;
	font-size:14px!important;
	font-family:inherit!important;
	box-sizing:border-box!important;
	outline:none!important;
	box-shadow:none!important;
	transition:border-color .2s,box-shadow .2s,background .2s;
	appearance:none;
	-webkit-appearance:none;
}
body.post-life-write .form-control select,
body.post-life-write select{
	width:auto!important;
	min-width:140px;
	max-width:100%!important;
	padding-right:36px!important;
	background:#f7fbf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2331AB46' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center / 12px!important;
	cursor:pointer;
}
body.post-life-write .form-control textarea,
body.post-life-write textarea{
	height:auto!important;
	min-height:100px!important;
	line-height:1.55!important;
	padding:12px 14px!important;
	resize:vertical;
}
body.post-life-write .form-input:focus,
body.post-life-write .form-select:focus,
body.post-life-write .form-control input:focus,
body.post-life-write .form-control select:focus,
body.post-life-write .form-control textarea:focus{
	border-color:var(--lf-green)!important;
	background:#fff!important;
	box-shadow:0 0 0 3px rgba(49,171,70,.14)!important;
}
body.post-life-write .form-input--sm{max-width:320px!important;width:100%!important;}
body.post-life-write .form-input--code{max-width:160px!important;width:100%!important;}

.pp-catpath{
	font-size:14px;
	font-weight:700;
	color:var(--lf-ink);
	margin-right:10px;
}
.pp-catpath b{color:var(--lf-green-deep);}
.pp-area{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
}
.pp-area #地区{display:block;width:100%;flex:0 0 100%;}
.pp-area #showarea,
.pp-area #showstreet{display:contents;}

.pp-maprow{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
}
body.post-life-write .mappoint{
	padding:0 16px!important;
	height:46px!important;
	border:0!important;
	border-radius:10px!important;
	background:var(--lf-green)!important;
	color:#fff!important;
	font-size:13px!important;
	font-weight:700!important;
	cursor:pointer;
	font-family:inherit!important;
	box-shadow:0 4px 12px rgba(49,171,70,.25);
}
body.post-life-write .pp-maprow .form-input{
	flex:1;
	min-width:180px;
	max-width:320px!important;
	width:auto!important;
}

.pp-captcha,
.pp-qa{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
}
body.post-life-write .authcode{
	height:46px!important;
	border:1.5px solid rgba(49,171,70,.2)!important;
	border-radius:10px!important;
	padding:0!important;
	cursor:pointer;
	background:#fff;
	vertical-align:middle;
}
body.post-life-write .qfont{
	display:inline-block!important;
	padding:10px 14px!important;
	border-radius:10px!important;
	border:1px solid rgba(49,171,70,.14)!important;
	background:rgba(49,171,70,.06)!important;
	font-size:13px!important;
	color:var(--lf-muted)!important;
	font-weight:600;
}

body.post-life-write .form-help{
	margin-top:6px;
	font-size:12px;
	color:var(--lf-muted);
	font-weight:600;
}
body.post-life-write .form-error{
	color:#E84A57!important;
	font-size:12px;
}
body.post-life-write span.yes,
body.post-life-write span.no{
	float:none!important;
	display:inline-block!important;
	margin:6px 0 0!important;
	background:none!important;
	background-image:none!important;
	height:auto!important;
	line-height:1.4!important;
	padding:0!important;
	width:auto!important;
	font-size:12px!important;
}
body.post-life-write span.yes{color:var(--lf-green)!important;}
body.post-life-write span.no{color:#E84A57!important;}

/* 上传图片区 */
body.post-life-write .form-control .onea_dd{
	display:inline-block;
	vertical-align:top;
	width:calc(25% - 10px)!important;
	margin:0 10px 12px 0;
	float:none!important;
	box-sizing:border-box;
}
body.post-life-write .form-control .onea_dd .viewarea{
	width:100%!important;
	height:auto!important;
	text-align:center;
}
body.post-life-write .form-control .onea_dd .viewarea img{
	max-width:108px;
	height:auto;
	border-radius:8px;
}
body.post-life-write .form-control .onea_dd .a_ddarea{width:100%!important;}
body.post-life-write .form-control .onea_dd input[type="file"]{max-width:100%;}

body.post-life-write .form-submit-section{
	margin:0!important;
	padding:16px!important;
	background:rgba(49,171,70,.04)!important;
	border:1px solid rgba(49,171,70,.12)!important;
	border-radius:14px!important;
	box-shadow:none!important;
	text-align:left!important;
}
body.post-life-write .form-submit-btn,
body.post-life-write #fabu{
	display:block!important;
	width:100%!important;
	height:52px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:12px!important;
	font-size:15px!important;
	font-weight:800!important;
	letter-spacing:.06em;
	color:#fff!important;
	cursor:pointer;
	font-family:inherit!important;
	background:linear-gradient(135deg,#5BC46B,#31AB46)!important;
	box-shadow:0 10px 24px rgba(49,171,70,.28)!important;
	transition:transform .2s,box-shadow .2s;
}
body.post-life-write .form-submit-btn:hover,
body.post-life-write #fabu:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 32px rgba(49,171,70,.36)!important;
}
body.post-life-write .form-tips{
	margin:12px 0 0!important;
	padding:12px 14px!important;
	border-radius:12px!important;
	background:rgba(49,171,70,.07)!important;
	border:1px solid rgba(49,171,70,.12)!important;
	font-size:12px!important;
	line-height:1.7!important;
	color:var(--lf-muted)!important;
	font-weight:600;
}
body.post-life-write .pp-ip{
	font-style:normal;
	color:#E84A57;
	font-weight:800;
}

/* 编辑器容器 */
body.post-life-write .contentinner{
	display:block;
	width:100%;
}
body.post-life-write .contentinner iframe,
body.post-life-write .contentinner table{
	max-width:100%;
}

@media (max-width:900px){
	.pp-write-layout{grid-template-columns:1fr;}
	.pp-write-aside{position:static;}
}
@media (max-width:640px){
	body.post-life-write .form-row{grid-template-columns:1fr;}
	body.post-life-write .form-label{padding-top:0!important;}
	.pp-steps{flex-direction:column;width:100%;}
	.pp-steps li{justify-content:flex-start;}
	body.post-life-write .form-control .onea_dd{
		width:100%!important;
		margin-right:0;
	}
	body.post-life-write .form-control select,
	body.post-life-write select{width:100%!important;}
}

/* ============================================================
   发布信息 · 完成页（info_post_write_ok）
   ============================================================ */

.pp-ok-layout{
	display:grid;
	grid-template-columns:minmax(240px,280px) minmax(0,1fr);
	gap:16px;
	align-items:start;
}
.pp-ok-main{padding:28px 28px 24px!important;}

body.post-life-ok .post-success{
	background:transparent!important;
	border:0!important;
	padding:0!important;
	box-shadow:none!important;
	text-align:left!important;
}

.pp-ok-badge{
	width:64px;
	height:64px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 0 16px;
	border-radius:18px;
	background:linear-gradient(135deg,#5BC46B,#31AB46);
	box-shadow:0 10px 24px rgba(49,171,70,.28);
}
.pp-ok-badge.is-pending{
	background:linear-gradient(135deg,#F0B429,#E8A317);
	box-shadow:0 10px 24px rgba(232,163,23,.28);
}
.pp-ok-badge svg{
	width:30px;
	height:30px;
	fill:none;
	stroke:#fff;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.pp-ok-title{
	margin:0 0 14px;
	font-family:"ZCOOL XiaoWei","PingFang SC","Microsoft YaHei",serif;
	font-size:clamp(1.5rem,2.6vw,1.95rem);
	font-weight:400;
	line-height:1.25;
	color:var(--lf-green-deep);
}
.pp-ok-title.is-pending{color:#C4840A;}

.pp-ok-body{
	font-size:14px;
	line-height:1.75;
	color:var(--lf-muted);
	font-weight:600;
}
.pp-ok-body p{margin:0 0 12px;}
.pp-ok-id{
	font-style:normal;
	font-size:18px;
	font-weight:800;
	color:var(--lf-green);
}
.pp-ok-status{
	font-style:normal;
	font-weight:800;
	color:#C4840A;
}
.pp-ok-link{
	color:var(--lf-green)!important;
	font-weight:800;
	font-size:16px;
	text-decoration:none!important;
	border-bottom:1px solid rgba(49,171,70,.35);
}
.pp-ok-link:hover{color:var(--lf-green-deep)!important;}
.pp-ok-note{
	margin:0!important;
	padding:12px 14px;
	border-radius:12px;
	background:rgba(49,171,70,.07);
	border:1px solid rgba(49,171,70,.14);
	font-size:13px;
	color:var(--lf-ink);
}
.pp-ok-note strong{color:var(--lf-green-deep);}

.pp-ok-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:20px;
}
.pp-ok-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:0 18px;
	border-radius:12px;
	border:1.5px solid var(--lf-line);
	background:#fff;
	color:var(--lf-ink)!important;
	font-size:13px;
	font-weight:800;
	text-decoration:none!important;
	transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}
.pp-ok-btn:hover{
	border-color:rgba(49,171,70,.4);
	transform:translateY(-1px);
	box-shadow:0 8px 20px rgba(49,171,70,.12);
}
.pp-ok-btn--primary{
	border:0;
	color:#fff!important;
	background:linear-gradient(135deg,#5BC46B,#31AB46);
	box-shadow:0 8px 20px rgba(49,171,70,.28);
}
.pp-ok-btn--primary:hover{
	box-shadow:0 12px 28px rgba(49,171,70,.36);
}

@media (max-width:900px){
	.pp-ok-layout{grid-template-columns:1fr;}
}
@media (max-width:640px){
	.pp-ok-actions .pp-ok-btn{width:100%;}
}