.filter .centre_box {float: inherit;width: 1200px;margin: 0 auto;}
.filter-container{padding:10px 0;margin-bottom: 20px;display:grid;gap:20px}
.filter-group{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px}
.filter-label{font-weight:700;color:#333;white-space:nowrap;margin-right:0;margin-top:3px}
.filter-options{display:flex;flex-wrap:wrap;gap:10px}
.filter-option{display:flex;align-items:center;justify-content:center;padding: 2px 12px;border:1px solid #ccc;min-height: 28px;border-radius:20px;background:#fff;cursor:pointer;font-size: 13px;transition:all .2s ease}
.filter-option:hover{border-color:#007bff;color:#007bff}
.filter-option.active{background:#007bff;color:#fff;border-color:#007bff}
.result-title{margin:10px 0 20px 0;padding: 0 10px;height:100px;display:flex;align-items:center;justify-content:center;background:url(banner.png) center/cover no-repeat;color:#1e40af;font-size:28px;font-weight:700;border-radius:8px}
.result-content{background:#f5f5f5;padding:20px;border-radius:8px;line-height:1.6}
.result-content p{margin-bottom:12px;font-size:15px;color:#666}
.margintop{margin-top: 25px;}
.result-content .content-main{font-size:15px;font-weight:500;color:#333}
.result-content .sub-bold{font-size:15px;font-weight:500;color:#333}
.result-content .content-prompt{margin-bottom: 12px;font-size: 15px;color: #d32f2f;}
.result-content .content-prompt .highlight{background-color: #ffeb3b;color: #d32f2f;font-weight: 700;padding: 2px 2px 3px 2px;border-radius: 2px;}
.action-btn{display:block;width:100%;margin:30px auto;padding:12px;text-align:center;font-size:15px;font-weight:700;color:#fff;background:#1e40af;border-radius:8px;text-decoration:none;transition:background .3s ease}
.action-btn:hover{background:#f97316;color:#fff}
.post-recommend{background:#f5f5f5;padding:20px;border-radius:8px}
.post-recommend h3{font-size:20px;margin-bottom:15px;color:#333}
.recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.recommend-item,.recommend-item a{color:#1e40af;font-size:15px}
.recommend-item a:hover,.recommend-item:hover{color:#f97316;text-decoration:inherit}
.night .filter-label{color: #ececec;}
.night .filter-option{color:#fff;background:#555;border:1px solid #555}
.night .filter-option.active{background:#007bff;color:#fff;border-color:#007bff}
.night .result-content{background:#333}
.night .result-content{color:#fff}
.night .result-content .content-main{color:#fff}
.night .result-content p{color:#ececec}
.night .result-content .content-prompt{color:#f44336}
.night .post-recommend{background:#333}
.night .post-recommend h3{color:#ececec}
.night .recommend-item,.night .recommend-item a{color:#ececec}
@media (max-width: 1200px) {
.filter .centre_box {width: auto;}
}
@media (max-width:600px){
.filter-group{flex-direction:column;align-items:flex-start}
.result-title{padding:10px;font-size:20px;height:80px}
.recommend-grid{grid-template-columns:1fr}
.result-content{padding:15px}
.filter-container{gap:15px}
.filter-label{margin-top:2px;font-size:12px}
.filter-options{gap:10px}
.filter-option{padding:1px 8px;min-height:21px;font-size:12px}
}