.demo-draw-container[data-v-30dd5344]{display:-webkit-box;display:-ms-flexbox;display:flex;height:500px;gap:20px}.result-section[data-v-30dd5344],.village-section[data-v-30dd5344]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e4e7ed;border-radius:4px;padding:15px;background:#f5f7fa}.control-section[data-v-30dd5344]{width:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px}.section-title[data-v-30dd5344]{font-size:16px;font-weight:700;color:#303133;margin-bottom:15px;text-align:center;padding-bottom:10px;border-bottom:2px solid #409eff}.village-list[data-v-30dd5344]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:calc(100% - 50px);overflow-y:auto}.village-item[data-v-30dd5344]{padding:8px 5px;text-align:center;background:#fff;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;-webkit-transition:all .2s;transition:all .2s}.village-item[data-v-30dd5344]:hover{background:#ecf5ff;border-color:#409eff}.village-item.is-highlight[data-v-30dd5344]{background:#409eff;color:#fff;border-color:#409eff;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 2px 12px rgba(64,158,255,.5);box-shadow:0 2px 12px rgba(64,158,255,.5)}.village-item.is-selected[data-v-30dd5344]{background:#67c23a;color:#fff;border-color:#67c23a}.draw-input[data-v-30dd5344]{text-align:center}.draw-input span[data-v-30dd5344]{display:block;margin-bottom:8px;font-size:14px;color:#606266}.result-list[data-v-30dd5344]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:10px}.result-item[data-v-30dd5344]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-size:16px;-webkit-box-shadow:0 4px 15px rgba(102,126,234,.4);box-shadow:0 4px 15px rgba(102,126,234,.4);opacity:0;-webkit-animation:slideIn-30dd5344 .5s ease forwards;animation:slideIn-30dd5344 .5s ease forwards}.result-item .result-rank[data-v-30dd5344]{background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:4px;margin-right:15px;font-size:13px}.result-item .result-name[data-v-30dd5344]{font-size:18px;font-weight:700;-webkit-box-flex:1;-ms-flex:1;flex:1}@-webkit-keyframes slideIn-30dd5344{0%{opacity:0;-webkit-transform:translateX(50px) scale(.8);transform:translateX(50px) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes slideIn-30dd5344{0%{opacity:0;-webkit-transform:translateX(50px) scale(.8);transform:translateX(50px) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}.result-empty[data-v-30dd5344]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100% - 50px);color:#909399}.result-empty i[data-v-30dd5344]{font-size:48px;margin-bottom:15px}.result-empty p[data-v-30dd5344]{font-size:14px}.demo-draw-dialog .el-dialog__body{padding:20px}