/* Extracted legacy public page styles from post_government_list.php. */
body{

margin:0;

width:100%;

max-width:1280px;

margin-left:auto;

margin-right:auto;

background:#f6f8fb;

font-family:
Arial,
"Microsoft YaHei",
sans-serif;

color:#222;

}



.container{

width:calc(100% - 32px);

max-width:1200px;

margin:20px auto;

padding:20px;

box-sizing:border-box;

}



/* 页面标题 */

.page-title{

padding:10px 0 20px;

text-align:center;

}



.page-title h1{

font-size:28px;

margin:0 0 8px;

}



.page-title p{

margin:0;

color:#777;

font-size:14px;

}





/* 公共区域 */


.section{

margin-bottom:20px;

}



.section h2{

font-size:20px;

margin-bottom:12px;

}





/* 标签 */

.tags{

display:flex;

flex-wrap:wrap;

gap:8px;

}



.tag-btn{

background:white;

border:1px solid #ddd;

border-radius:18px;

padding:6px 14px;

font-size:14px;

color:#333;

text-decoration:none;

}



.tag-btn:hover,

.tag-btn.active{

background:#1677ff;

color:white;

border-color:#1677ff;

}





/* 地点 */

.location-box{

background:white;

padding:15px;

border-radius:12px;

}



.location-title{

font-size:18px;

font-weight:bold;

margin-bottom:10px;

}



.city-list{

margin-top:15px;

padding-top:15px;

border-top:1px solid #eee;

}





/* 岗位 */


.jobs{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

}



.job-card{

background:white;

padding:20px;

border-radius:12px;

box-shadow:0 2px 8px rgba(0,0,0,.06);

}



.job-card h3{

margin:0 0 12px;

}



.job-card h3 a{

color:#1677ff;

text-decoration:none;

font-size:18px;

}



.info{

font-size:14px;

color:#666;

margin:7px 0;

}



.no-data{

background:white;

padding:20px;

border-radius:12px;

}

html[data-theme="dark"] body{

background:#0f141b;

color:#e8eef5;

}

html[data-theme="dark"] .page-title h1,
html[data-theme="dark"] .section h2,
html[data-theme="dark"] .location-title{

color:#f4f7fb;

}

html[data-theme="dark"] .page-title p,
html[data-theme="dark"] .info{

color:#a9b5c2;

}

html[data-theme="dark"] .location-box,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .no-data{

background:#171e27;

border:1px solid #303b48;

box-shadow:none;

}

html[data-theme="dark"] .tag-btn{

color:#e8eef5;

background:#1c2530;

border-color:#46515f;

}

html[data-theme="dark"] .tag-btn:hover,
html[data-theme="dark"] .tag-btn.active{

color:#fff;

background:#1677ff;

border-color:#1677ff;

}

html[data-theme="dark"] .city-list{

border-top-color:#303b48;

}

html[data-theme="dark"] .job-card h3 a{

color:#8bbcff;

}





@media(max-width:700px){


.jobs{

grid-template-columns:1fr;

}


}