.community-page{background:#f1eee5;color:#182729}.community-hero{position:relative;overflow:hidden;padding:clamp(8rem,14vw,12rem) 0 clamp(4.5rem,8vw,7rem);background:#142326;color:#fff}.community-hero:before{content:"民間響應";position:absolute;right:-.03em;bottom:-.25em;font-family:"Noto Serif TC",serif;font-size:clamp(6rem,17vw,17rem);font-weight:900;color:rgba(255,255,255,.035);white-space:nowrap}.community-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:end}.community-kicker,.community-section-heading>p{margin:0 0 1rem;color:#caa96b;font-size:.78rem;font-weight:700;letter-spacing:.19em}.community-hero h1{max-width:850px;margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(3rem,7vw,6.7rem);font-weight:900;line-height:1.04;letter-spacing:-.04em}.community-lead{max-width:760px;margin:2rem 0 0;color:#d9dfdc;font-size:clamp(1rem,1.4vw,1.22rem);line-height:2}.community-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.community-btn{display:inline-flex;min-height:48px;padding:.75rem 1.35rem;border:1px solid transparent;border-radius:2px;align-items:center;justify-content:center;font-weight:700;text-decoration:none;transition:.2s ease}.community-btn-primary{background:#d1ad6b;color:#172325}.community-btn-primary:hover{background:#e2c486;color:#101a1c}.community-btn-secondary{border-color:rgba(255,255,255,.4);background:transparent;color:inherit}.community-btn-secondary:hover{border-color:#d1ad6b;color:#d1ad6b}.community-btn-submit{background:#fbf4e6;color:#142326}.community-btn-danger{border-color:#9f4338;background:transparent;color:#9f4338}.community-hero-note{padding:1.7rem;border-top:4px solid #d1ad6b;background:#f7f2e7;color:#1c2b2d;box-shadow:0 24px 70px rgba(0,0,0,.25)}.community-hero-note span{color:#8c6931;font-size:.75rem;font-weight:700;letter-spacing:.15em}.community-hero-note strong{display:block;margin:.65rem 0;font-family:"Noto Serif TC",serif;font-size:1.45rem}.community-hero-note p{margin:0;line-height:1.75}.community-section{padding:clamp(4rem,8vw,7rem) 0}.community-section-heading{display:flex;margin-bottom:2.5rem;align-items:end;justify-content:space-between;gap:2rem}.community-section-heading h2,.community-privacy h2{margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(2rem,4vw,3.7rem);font-weight:800}.community-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7c0b0}.community-rule-grid article{padding:2rem 1.3rem;border-right:1px solid #c7c0b0}.community-rule-grid article:last-child{border:0}.community-rule-grid span{color:#ad8242;font-family:"Noto Serif TC",serif;font-size:2rem}.community-rule-grid h3{margin:1.2rem 0 .7rem;font-size:1.15rem}.community-rule-grid p{margin:0;color:#526061;line-height:1.8}.community-process{background:#fff}.community-timeline{display:grid;margin:0;padding:0;grid-template-columns:repeat(6,1fr);list-style:none}.community-timeline li{position:relative;display:grid;gap:.8rem;text-align:center}.community-timeline li:after{content:"";position:absolute;top:21px;left:50%;width:100%;height:1px;background:#b9b29f}.community-timeline li:last-child:after{display:none}.community-timeline b{position:relative;z-index:1;display:grid;width:44px;height:44px;margin:auto;border:1px solid #9b753b;border-radius:50%;place-items:center;background:#fff;color:#8a642d}.community-timeline span{font-weight:700}.community-process-note{max-width:820px;margin:2.5rem auto 0;padding:1rem 1.25rem;border-left:3px solid #d1ad6b;background:#f4f0e6;line-height:1.8}.community-application{background:#203134;color:#fff}.community-heading-light>p{color:#d1ad6b}.community-form{border:1px solid rgba(255,255,255,.2);background:#18282b}.community-step-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.18)}.community-step-nav button{display:flex;padding:1.2rem;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#aebaba;align-items:center;gap:.8rem;text-align:left}.community-step-nav button[aria-current=step]{background:#d1ad6b;color:#142326}.community-step-nav b{font-family:"Noto Serif TC",serif;font-size:1.35rem}.community-form-step{display:grid;margin:0;padding:clamp(1.4rem,4vw,3rem);border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem 1.6rem}.community-form-step[hidden]{display:none}.community-form-step legend{grid-column:1/-1;margin:0 0 1rem;font-family:"Noto Serif TC",serif;font-size:2rem;font-weight:800}.community-form-step legend span{display:block;margin-bottom:.35rem;color:#d1ad6b;font-family:"Noto Sans TC",sans-serif;font-size:.72rem;letter-spacing:.16em}.community-field{display:flex;flex-direction:column;gap:.45rem}.community-field.full,.community-check.full{grid-column:1/-1}.community-field label{font-weight:700}.community-field input,.community-field select,.community-field textarea,.community-status-form input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid #728083;border-radius:2px;background:#f9f6ef;color:#152326}.community-field textarea{resize:vertical}.community-field input:focus,.community-field select:focus,.community-field textarea:focus,.community-status-form input:focus{outline:3px solid rgba(209,173,107,.35);border-color:#d1ad6b}.community-field [aria-invalid=true]{border-color:#f09a8e}.community-field small,.community-muted{color:#9faeae}.community-field-error{margin:.1rem 0 0;color:#ffb5aa;font-size:.88rem}.community-check{display:flex;gap:.7rem;align-items:flex-start}.community-check input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:#d1ad6b}.community-step-actions{display:flex;grid-column:1/-1;justify-content:flex-end;gap:.75rem;margin-top:1rem}.community-alert{margin:1.2rem 0;padding:1rem 1.25rem;border-left:4px solid #bd4d41;background:#fff0ed;color:#6f211a}.community-alert p{margin:.35rem 0 0}.community-honeypot{position:absolute!important;left:-10000px!important}.community-preview{grid-column:1/-1;padding:clamp(1.3rem,4vw,2.5rem);border-left:5px solid #d1ad6b;background:#f7f2e7;color:#172628}.community-preview .preview-label{color:#87642f;font-size:.72rem;font-weight:700;letter-spacing:.16em}.community-preview>span{display:inline-grid;width:2rem;height:2rem;border-radius:50%;place-items:center;background:#1e3033;color:#fff}.community-preview h3{margin:1rem 0 .3rem;font-family:"Noto Serif TC",serif;font-size:2rem}.community-preview h4{font-size:1.1rem}.community-preview dl{display:grid;margin:1.5rem 0 0;grid-template-columns:repeat(2,1fr);gap:1rem}.community-preview dl div{border-top:1px solid #c8c0ae;padding-top:.7rem}.community-preview dt{color:#806b49;font-size:.8rem}.community-private-note,.community-privacy-notice{grid-column:1/-1;padding:1rem;background:rgba(255,255,255,.07);line-height:1.8}.community-privacy-notice summary{cursor:pointer;font-weight:700}.community-privacy-notice p{color:#ccd5d3}.community-closed{padding:clamp(2rem,5vw,4rem);border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);text-align:center}.community-closed span{color:#d1ad6b;letter-spacing:.2em}.community-privacy{background:#d7c39a}.community-privacy-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1.2rem;align-items:stretch}.community-data-card{padding:2rem;background:#f5f1e8}.community-data-card.private{background:#18282b;color:#fff}.community-data-card h3{font-family:"Noto Serif TC",serif;font-size:1.5rem}.community-data-card p{margin:0;line-height:1.8}.community-partners{background:#f6f3eb}.community-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.community-partner-grid article{padding:1.5rem;border-top:4px solid #cba966;background:#fff}.community-partner-grid span{color:#916c32}.community-partner-grid h3{margin:.5rem 0;font-family:"Noto Serif TC",serif}.community-partner-grid p{color:#48585a;line-height:1.7}.community-text-link{display:inline-block;margin-top:2rem;color:#263a3d;font-weight:700}.community-faq{background:#fff}.community-faq .accordion-item{border:0;border-top:1px solid #c9c3b5;border-radius:0}.community-faq .accordion-button{padding:1.3rem 0;background:#fff;font-weight:700;box-shadow:none}.community-result,.community-cases{min-height:72vh;padding:clamp(9rem,14vw,12rem) 0 6rem;background:#f3f0e7}.community-result .container{max-width:760px}.community-result h1,.community-cases h1{font-family:"Noto Serif TC",serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:900}.community-result>div>p:not(.community-kicker){font-size:1.15rem;line-height:1.9}.community-result .community-btn-secondary,.community-cases .community-btn-secondary{border-color:#34494b;color:#263a3d}.community-status-form{display:grid;margin-top:2rem;grid-template-columns:1fr auto;gap:.7rem}.community-status-form label{grid-column:1/-1;font-weight:700}.community-case-card{margin-top:1.5rem;padding:clamp(1.3rem,4vw,2.5rem);background:#fff;box-shadow:0 12px 40px rgba(26,38,39,.08)}.community-case-card header{display:flex;justify-content:space-between;gap:1rem}.community-case-card header span{color:#758080;font-size:.8rem}.community-case-card header h2{font-size:1.35rem}.community-case-card header strong{height:max-content;padding:.4rem .7rem;background:#e3d4b4;color:#503d20}.community-case-preview{margin:1.4rem 0;padding:1.2rem;border-left:4px solid #caa96b;background:#f3f0e8}.community-case-preview h3{margin:.3rem 0}.community-event-list{padding-left:1.2rem}.community-event-list li{padding:0 0 1rem 1rem}.community-event-list time{color:#6e7979;font-size:.8rem}.community-event-list p{margin:.2rem 0}.community-edit{padding-top:10rem}.community-token-error{margin-top:1rem;color:#9f3229}
@media(max-width:991px){.community-hero-grid,.community-privacy-grid{grid-template-columns:1fr}.community-rule-grid{grid-template-columns:repeat(2,1fr)}.community-timeline{grid-template-columns:repeat(3,1fr);gap:2rem 0}.community-timeline li:nth-child(3):after{display:none}.community-partner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.community-hero{padding-top:7.5rem}.community-actions,.community-step-actions{flex-direction:column}.community-btn{width:100%}.community-rule-grid,.community-partner-grid{grid-template-columns:1fr}.community-rule-grid article{border-right:0;border-bottom:1px solid #c7c0b0}.community-timeline{grid-template-columns:repeat(2,1fr)}.community-timeline li:nth-child(3):after{display:block}.community-timeline li:nth-child(even):after{display:none}.community-section-heading{display:block}.community-step-nav span{display:none}.community-step-nav button{justify-content:center}.community-form-step{grid-template-columns:1fr}.community-field.full,.community-check.full{grid-column:auto}.community-preview dl{grid-template-columns:1fr}.community-status-form{grid-template-columns:1fr}.community-status-form label{grid-column:auto}.community-case-card header{display:block}.community-case-card header strong{display:inline-block;margin-top:.5rem}}
@media(prefers-reduced-motion:reduce){.community-btn{transition:none}}
/* 白底與淺色資料卡需明確覆寫內頁共用的淺色標題，避免文字失去對比。 */
.community-process{color:#203134}
.community-process .community-section-heading h2,.community-timeline span{color:#263a3d}
.community-process-note{color:#39494b}
.community-privacy{color:#182729}
.community-privacy .community-kicker{color:#765723}
.community-privacy h2,.community-data-card.public,.community-data-card.public h3{color:#182729}
.community-data-card.public p{color:#405052}

/* 查詢與結果頁使用淺色背景，需覆寫全站預設的白色文字。 */
.community-result{color:#182729}
.community-result h1{color:#182729}
.community-result>div>p:not(.community-kicker){color:#435254}
.community-result .community-kicker{color:#8a672f}
.community-result .community-status-form label{color:#182729}
.community-result>div>p.community-muted{color:#5a6768}

/* Email 驗證前不輸出完整申請欄位。 */
.community-email-gate{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(255,255,255,.22);background:#f2eee4;color:#182729}
.community-email-gate-copy{padding:clamp(1.6rem,4vw,3.2rem)}
.community-gate-kicker{margin:0 0 1rem;color:#8a672f;font-size:.74rem;font-weight:700;letter-spacing:.16em}
.community-email-gate h3{margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;line-height:1.25;text-wrap:balance}
.community-email-gate-copy>p:not(.community-gate-kicker){max-width:680px;margin:1.4rem 0;color:#435254;line-height:1.9}
.community-email-gate ol{margin:2rem 0 0;padding:0;list-style:none}
.community-email-gate li{display:grid;padding:.9rem 0;border-top:1px solid #c9c0ad;grid-template-columns:3rem 1fr;gap:.8rem;align-items:start}
.community-email-gate li b{color:#9a7338;font-family:"Noto Serif TC",serif}
.community-email-gate li span{line-height:1.7}
.community-application{scroll-margin-top:4.5rem}.community-email-gate-form{display:flex;padding:clamp(1.6rem,4vw,3.2rem);background:#d7c39a;flex-direction:column;justify-content:center}
.community-email-gate-form label{margin-bottom:.55rem;font-weight:700}
.community-email-gate-form>input[type=email]{width:100%;min-height:54px;padding:.8rem 1rem;border:1px solid #665b48;border-radius:2px;background:#fff;color:#142326}
.community-email-gate-form>input[type=email]:focus{border-color:#182729;outline:3px solid rgba(24,39,41,.2)}
.community-email-gate-form .community-btn{margin-top:.6rem;background:#18282b;color:#fff}
.community-email-gate-form .community-field-error{color:#76261f;font-weight:700}
.community-email-help{margin:1rem 0;color:#3d4949;line-height:1.7}
.community-email-privacy{margin:1.2rem 0 0;color:#536061;font-size:.86rem;line-height:1.7}
.community-template-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.15rem}
.community-template-tools>span{margin-right:.15rem;color:#d1ad6b;font-size:.76rem;font-weight:700;letter-spacing:.08em}
.community-template-tools button{min-height:38px;padding:.42rem .72rem;border:1px solid #b99351;border-radius:2px;background:transparent;color:#f8f3e9;font-size:.86rem;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}
.community-template-tools button:hover,.community-template-tools button:focus-visible{background:#d1ad6b;color:#142326;outline:none}
.community-template-tools button:focus-visible{box-shadow:0 0 0 3px rgba(209,173,107,.32)}
.community-template-tools em{color:#c8d4d2;font-size:.8rem;font-style:normal}
@media(max-width:600px){.community-template-tools>span{width:100%}.community-template-tools button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.community-template-tools button{transition:none}}
.community-verified-email{display:grid;margin-bottom:1rem;padding:1rem 1.25rem;border-left:4px solid #d1ad6b;background:#f3eee1;color:#182729;grid-template-columns:auto 1fr;gap:.2rem 1rem}
.community-verified-email span{color:#87642f;font-size:.72rem;font-weight:700;letter-spacing:.14em}
.community-verified-email strong{overflow-wrap:anywhere}
.community-verified-email small{grid-column:2;color:#566264}

/* 已核准商家卡片使用深色文字，避免被內頁共用淺色標題覆蓋。 */
.community-partners,.community-partners .community-section-heading h2{color:#182729}
.community-partner-grid article,.community-partner-grid h3{color:#182729}
.community-partner-grid small{color:#5a6768}

@media(max-width:760px){
	.community-email-gate{grid-template-columns:1fr}
	.community-verified-email{grid-template-columns:1fr}
	.community-verified-email small{grid-column:auto}
}

/* 優惠分類採可複選標籤，降低表單負擔並保留既有市政編輯視覺。 */
.community-step-intro{grid-column:1/-1;margin:-.3rem 0 .4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.16);color:#cbd4d2;line-height:1.8}
.community-field-label{font-weight:700}
.community-category-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem}
.community-category-options label{position:relative;display:block;cursor:pointer}
.community-category-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.community-category-options span{display:grid;min-height:52px;padding:.65rem;border:1px solid #728083;background:#f9f6ef;color:#172628;place-items:center;text-align:center;transition:.18s ease}
.community-category-options input:checked+span{border-color:#d1ad6b;background:#d1ad6b;color:#142326;font-weight:700}
.community-category-options input:focus-visible+span{outline:3px solid rgba(209,173,107,.4);outline-offset:2px}
.community-field[aria-invalid=true] .community-category-options{padding:.35rem;border:1px solid #f09a8e}
.preview-category-tags{display:inline-flex;margin:.5rem 0 0;padding:.35rem .7rem;background:#1e3033;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.08em}

@media(max-width:991px){.community-category-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.community-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 民間響應首屏：以軍民日常互動建立溫度，左側保留文案閱讀空間。 */
.community-hero{
	background-color:#142326;
	background-image:url("../img/community-hero-civil-military-v1.webp");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.community-hero:before{
	content:"";
	inset:0;
	background:
		linear-gradient(0deg,rgba(10,20,22,.58) 0%,rgba(10,20,22,.08) 52%),
		linear-gradient(90deg,#142326 0%,rgba(20,35,38,.97) 35%,rgba(20,35,38,.72) 62%,rgba(20,35,38,.18) 100%);
	color:transparent;
	font-size:0;
	white-space:normal;
	pointer-events:none;
}
.community-hero-grid{z-index:1}
.community-hero-note{
	background:rgba(247,242,231,.94);
	backdrop-filter:blur(7px);
}
@media(max-width:991px){
	.community-hero{background-position:68% center}
	.community-hero:before{
		background:linear-gradient(180deg,rgba(20,35,38,.96) 0%,rgba(20,35,38,.91) 60%,rgba(20,35,38,.76) 100%);
	}
}
@media(max-width:600px){
	.community-hero{background-position:64% center}
	.community-hero:before{
		background:linear-gradient(180deg,rgba(20,35,38,.97) 0%,rgba(20,35,38,.93) 68%,rgba(20,35,38,.82) 100%);
	}
}