body.region-listing-active .layout{max-width:1460px;grid-template-columns:220px minmax(0,1fr);gap:24px;padding-top:18px}
body.region-listing-active .region-listing-page{min-width:0;width:100%}
.region-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 14px;color:#78889e;font-size:12px}.region-breadcrumb a{color:#4da3ff}.region-breadcrumb strong{color:#dfe5ec}
.region-heading{padding:0 0 15px;border-bottom:1px solid #34383e}.region-heading>div{display:flex;align-items:center;gap:12px}.region-heading-icon{font-size:22px;color:#fff}.region-heading h1{margin:0;color:#f1f3f6;font-size:25px;line-height:1.2}.region-heading p{margin:6px 0 0;color:#8b97a6;font-size:13px}
.district-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px 0}.district-tabs a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 9px;border:1px solid #373c42;border-radius:5px;background:#202327;color:#4da3ff;font-size:12px;font-weight:700;text-align:center}.district-tabs a:hover,.district-tabs a.active{border-color:#397ec8;background:#182d45;color:#8fc7ff}
.region-filterbar{display:flex;align-items:center;gap:5px;overflow-x:auto;margin:0 0 18px;padding:0 0 5px}.region-filterbar select,.region-filterbar a{flex:0 0 auto;min-height:34px;border:0;border-bottom:1px solid #3a3e43;border-radius:0;background:#0d1016;color:#c7ced7;font:600 12px/1.2 inherit;white-space:nowrap}.region-filterbar select{max-width:150px;padding:7px 22px 7px 8px;cursor:pointer;color-scheme:dark}.region-filterbar select:focus{outline:1px solid #3f9cff;outline-offset:-1px}.region-filterbar a{display:flex;align-items:center;padding:7px 10px}.region-filterbar a:hover,.region-filterbar a.active{border-color:#3f9cff;color:#54a8ff}.region-filterbar .region-filter-reset{color:#aeb6c0}
.region-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.region-card{min-width:0;overflow:hidden;border:1px solid #25282c;background:#17191b;transition:transform .18s,border-color .18s}.region-card:hover{transform:translateY(-2px);border-color:#4a5057}.region-card.is-hot{border-color:#5d3a22}.region-card-media{position:relative;display:block;height:315px;overflow:hidden;background:#101214}.region-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.region-card:hover .region-card-media img{transform:scale(1.025)}.region-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#5f6975;font-weight:900}.region-hot-mark,.region-verified,.region-video-mark{position:absolute;z-index:2}.region-hot-mark{top:9px;left:9px;padding:4px 7px;border-radius:999px;background:#fff;color:#ff4a1f;font-size:10px;font-weight:900}.region-verified{top:9px;right:9px;padding:4px 7px;border-radius:999px;background:rgba(18,92,51,.9);color:#8bf3b8;font-size:10px;font-weight:800}.region-video-mark{right:8px;bottom:8px;color:#ff5b31;font-size:17px}.region-card-body{padding:11px 11px 10px}.region-card-title{display:-webkit-box;min-height:39px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e8ebef;font-size:13px;font-weight:800;line-height:1.45}.region-card-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.region-card-line a{min-width:0;overflow:hidden;color:#4ca3ff;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.region-card-line strong{flex:0 0 auto;color:#cfd4da;font-size:12px}.region-card-stats{display:flex;align-items:center;gap:4px;margin-top:7px;color:#747d88;font-size:11px}.region-stars{color:#ff3e48}.region-card-stats small{color:#737c87}.region-views{margin-left:auto;color:#aeb5bd}
.region-empty{padding:18px;border:1px solid #285b91;border-radius:8px;background:#102b4a;color:#cce4ff}.region-load-more{display:table;margin:25px auto 12px;padding:12px 28px;border-radius:9px;background:#1671d9;color:#fff;font-weight:800}.region-pagination{display:flex;justify-content:center;gap:7px;margin:13px 0 24px}.region-pagination a{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#202327;color:#cbd2da;font-weight:800}.region-pagination a.active{background:#3997ff;color:#fff}.region-seo{margin-top:30px;padding:18px 20px;border-radius:10px;background:#151719;color:#c5cbd3;font-size:13px;line-height:1.7}.region-seo strong{color:#f4f6f8}.region-seo p{margin:0 0 10px}.region-seo p:last-child{margin-bottom:0}
@media(max-width:1180px){.region-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.region-card-media{height:300px}.district-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){body.region-listing-active .layout{display:block}.region-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.region-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.region-card-media{height:270px}.district-tabs{display:flex;max-width:100%;overflow:auto}.district-tabs a{flex:0 0 auto;min-width:110px}.region-filterbar{max-width:100%;margin-right:0}.region-filterbar select,.region-filterbar a{min-height:36px}.region-heading h1{font-size:21px}.region-card-body{padding:9px}.region-seo{padding:15px}}
@media(max-width:430px){.region-card-media{height:235px}.region-card-title{font-size:12px}.region-card-line{align-items:flex-start;flex-direction:column}.region-card-line strong{font-size:11px}.region-card-stats{font-size:10px}}