.district-discover{max-width:900px;margin:auto}.district-filter{display:flex;align-items:end;gap:14px;margin:22px 0}.district-filter .m-field{flex:1;margin:0}.district-filter input,.district-filter select{min-height:46px}.district-list{display:grid;gap:20px}.district-person{display:grid;grid-template-columns:145px minmax(0,1fr);padding:0;overflow:hidden;border-radius:20px}.district-picture{border:0;background:#dcebff;display:grid;place-items:center;color:#173b8f;font-size:58px;min-height:210px;cursor:pointer}.district-person-body{padding:22px 25px;min-width:0}.district-person-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.district-name{border:0;background:none;padding:0;text-align:left;font-size:21px!important;font-weight:700!important;color:#182b4d}.district-meta{margin:7px 0;color:#718099;font-size:14px}.district-status{white-space:nowrap;background:#edf4ff;color:#45658d;font-size:11px;padding:7px 10px;border-radius:20px}.district-intro{font-size:14px;color:#536984;margin:16px 0}.district-person-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.district-person-bottom .m-tags{margin:0}.district-reason{margin:12px 0 0;font-size:12px;color:#718099}@media(max-width:600px){.district-filter{flex-direction:column;align-items:stretch}.district-person{grid-template-columns:85px minmax(0,1fr)}.district-picture{font-size:36px;min-height:180px}.district-person-body{padding:17px 15px}.district-name{font-size:18px!important}.district-person-top{flex-direction:column;gap:6px}.district-person-bottom .m-btn{padding:9px 12px;font-size:12px}.district-status{font-size:10px}}
#app .district-picture{font-size:58px}@media(max-width:600px){#app .district-picture{font-size:36px}}
.district-badges{display:grid;justify-items:end;gap:8px;flex-shrink:0}.activity-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:20px;font-size:12px;white-space:nowrap;background:#edf4ff;color:#45658d}.activity-0{background:#eaf6ee;color:#34734c}.activity-0::before{content:'';width:6px;height:6px;border-radius:50%;background:#34734c}.activity-2{background:#f2f4f8;color:#718099}.district-badges .district-status{background:transparent;padding:0;font-size:10px}@media(max-width:600px){.district-badges{justify-items:start}}
.activity-1{background:#dcebff;color:#173b8f;border:1px solid #b9d3ff;font-weight:600}.activity-1::before{content:'✓';display:grid;place-items:center;width:16px;height:16px;background:#2563eb;color:white;border-radius:50%;font-size:11px;font-weight:700;line-height:1}
.activity-0::before{content:'✓';display:grid;place-items:center;width:16px;height:16px;background:#34734c;color:white;border-radius:50%;font-size:11px;font-weight:700;line-height:1}