.mod-affair__custom-district-draw[data-v-12db3566]{padding:20px}.mod-affair__custom-district-draw .page-header[data-v-12db3566]{text-align:center;margin-bottom:40px}.mod-affair__custom-district-draw .page-header .page-title[data-v-12db3566]{font-size:24px;font-weight:700;color:#303133;margin:0}.mod-affair__custom-district-draw .districts-container[data-v-12db3566]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;margin:0 auto 40px}@media(max-width:768px){.mod-affair__custom-district-draw .districts-container[data-v-12db3566]{grid-template-columns:1fr;gap:20px}}.mod-affair__custom-district-draw .district-card[data-v-12db3566]{border:2px solid #dcdfe6;border-radius:8px;background:#fff;min-height:200px;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.mod-affair__custom-district-draw .district-card[data-v-12db3566]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mod-affair__custom-district-draw .district-card.is-selected[data-v-12db3566]{border-color:#67c23a;-webkit-box-shadow:0 0 0 3px rgba(103,194,58,.2);box-shadow:0 0 0 3px rgba(103,194,58,.2)}.mod-affair__custom-district-draw .district-card.is-highlight[data-v-12db3566]{border-color:#409eff;background:#ecf5ff;-webkit-animation:flash-12db3566 .3s ease;animation:flash-12db3566 .3s ease}.mod-affair__custom-district-draw .district-card.is-first-area[data-v-12db3566]{border-color:#f56c6c;-webkit-box-shadow:0 0 0 3px rgba(245,108,108,.2);box-shadow:0 0 0 3px rgba(245,108,108,.2);background:linear-gradient(135deg,#fef0f0,#fff 50%)}.mod-affair__custom-district-draw .district-card.is-selectable[data-v-12db3566]{cursor:pointer}.mod-affair__custom-district-draw .district-card.is-selectable[data-v-12db3566]:hover{border-color:#409eff;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.3);box-shadow:0 4px 12px rgba(64,158,255,.3)}.mod-affair__custom-district-draw .district-card.is-selectable.is-selected[data-v-12db3566]:hover{border-color:#67c23a;-webkit-box-shadow:0 0 0 3px rgba(103,194,58,.2);box-shadow:0 0 0 3px rgba(103,194,58,.2)}.mod-affair__custom-district-draw .district-card .district-header[data-v-12db3566]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:#f5f7fa;border-bottom:1px solid #ebeef5}.mod-affair__custom-district-draw .district-card .district-header .district-name[data-v-12db3566]{font-size:18px;font-weight:700;color:#303133}.mod-affair__custom-district-draw .district-card .district-header .district-header-tags[data-v-12db3566]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mod-affair__custom-district-draw .district-card .district-content[data-v-12db3566]{padding:20px}.mod-affair__custom-district-draw .district-card .district-content .town-list[data-v-12db3566]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mod-affair__custom-district-draw .district-card .district-content .town-item[data-v-12db3566]{padding:10px 15px;text-align:center;background:#f5f7fa;border-radius:4px;font-size:14px;color:#606266;border:1px solid #ebeef5;-webkit-transition:all .2s;transition:all .2s}.mod-affair__custom-district-draw .district-card .district-content .town-item[data-v-12db3566]:hover{background:#ecf5ff;border-color:#409eff;color:#409eff}.mod-affair__custom-district-draw .action-area[data-v-12db3566]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.mod-affair__custom-district-draw .action-area .el-button[data-v-12db3566]{min-width:200px;height:50px;font-size:16px}.district-result-content[data-v-12db3566]{text-align:center;padding:20px}.district-result-content .success-icon[data-v-12db3566]{font-size:50px;color:#67c23a;margin-bottom:15px}.district-result-content .result-title[data-v-12db3566]{font-size:14px;color:#909399;margin-bottom:10px}.district-result-content .district-name[data-v-12db3566]{font-size:20px;font-weight:700;color:#fff;padding:10px 25px;background:#409eff;border-radius:4px;display:inline-block}@-webkit-keyframes flash-12db3566{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes flash-12db3566{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.02);transform:scale(1.02)}}