/* 許願池補充樣式：頁面主視覺以 MainStyle.css 的 .w_s1/.w_s2/.w_s3 為準，此檔只補功能差異 */

/* 許願規則 Modal */
.wish-rules-list {
	margin: 0;
	padding-left: 22px;
}
.wish-rules-list > li {
	margin-bottom: 18px;
	line-height: 1.7;
}
.wish-rules-list > li:last-child {
	margin-bottom: 0;
}
.wish-rules-list ul {
	margin: 8px 0 0;
	padding-left: 18px;
	list-style: disc;
}
.wish-rules-list ul li {
	margin-bottom: 6px;
}

/* 按讚表單：button 對齊 a.w_s3-action */
.w_s3-like-form {
	display: inline;
	margin: 0;
}
button.w_s3-action {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	font: inherit;
}
.w_s3-action--liked {
	cursor: default;
	color: #239b62;
}
.w_s3-action--closed {
	cursor: default;
	color: #8a919c;
}
.w_s3-edit {
	display: inline-block;
	margin-top: 4px;
	font-size: 13px;
	color: #1e7994;
	text-decoration: underline;
}
.w_s3-item--empty {
	grid-column: 1 / -1;
	text-align: center;
	color: #6a6f7b;
	padding: 48px 24px;
}
.w_s3-flash {
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 16px;
}
.w_s3-flash--ok {
	background: #edf9f1;
	color: #239b62;
	border: 1px solid #239b62;
}
.w_s3-flash--err {
	background: #fdeeee;
	color: #c0392b;
	border: 1px solid #e5b4b4;
}

/* 最高支持度區塊進度狀態 */
.w_s2-status {
	margin-top: 8px;
	font-size: 15px;
	color: #6a6f7b;
}
.w_s2-status-active {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	border: 1px solid #e98600;
	background: #fff6df;
	color: #e98600;
	font-weight: 700;
}
.w_s2-status-done {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	border: 1px solid #2469ae;
	background: #edf5fd;
	color: #2469ae;
	font-weight: 700;
}

/* 得獎公告（MainStyle 無此區塊，獨立 class 避免覆寫 .w_s2） */
.w_announce {
	padding: 0 0 24px;
	background: #f8f9fb;
}
.w_announce-card {
	background: #fff;
	border: 1px solid #e5e8ec;
	border-radius: 8px;
	padding: 20px 28px;
}
.w_announce-title {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: #0b0b0b;
}
.w_announce-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.w_announce-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
	padding: 12px 0;
	border-top: 1px solid #eef1f4;
}
.w_announce-list li:first-child {
	border-top: 0;
	padding-top: 0;
}
.w_announce-list .w_s3-tag--priority,
.w_announce-list .w_s3-tag--done,
.w_announce-list .w_s3-tag--active,
.w_s3-tags .w_s3-tag--priority,
.w_s3-tags .w_s3-tag--done,
.w_s3-tags .w_s3-tag--active {
	min-width: 68px;
	padding: 8px 13px;
	border: 1px solid #dfe3e8;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	font-weight: 700;
}
.w_announce-list .w_s3-tag--active,
.w_s3-tags .w_s3-tag--active {
	border-color: #aeb4bd;
	background: #f4f5f7;
	color: #6a6f7b;
}
.w_announce-list .w_s3-tag--priority,
.w_s3-tags .w_s3-tag--priority {
	border-color: #e98600;
	background: #fff6df;
	color: #e98600;
}
.w_announce-list .w_s3-tag--done,
.w_s3-tags .w_s3-tag--done {
	border-color: #2469ae;
	background: #edf5fd;
	color: #2469ae;
}
.w_announce-zone {
	font-weight: 700;
	color: #0b0b0b;
}
.w_announce-content {
	flex: 1 1 100%;
	color: #6a6f7b;
	font-size: 15px;
	line-height: 1.5;
}

/* 發布／VIP 牆表單（create / edit / vip-gate） */
.w_create,
.w_vip-gate {
	max-width: 640px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e5e8ec;
	border-radius: 8px;
	padding: 28px;
}
.w_vip-gate h1 {
	margin-top: 0;
	color: #0b0b0b;
}
.w_create-field {
	margin-bottom: 18px;
}
.w_create-field label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}
.w_create-field .req {
	color: #c0392b;
}
.w_create-field select,
.w_create-field input[type="text"],
.w_create-field textarea {
	width: 100%;
	border: 1px solid #dfe3e8;
	border-radius: 4px;
	padding: 10px 12px;
}
.w_create-hint {
	margin: 6px 0 0;
	font-size: 13px;
	color: #889;
}
.w_create-error {
	display: block;
	margin-top: 6px;
	color: #c0392b;
	font-size: 14px;
}
.w_create-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 8px;
}
