index.BSXPxWVA.css 3.2 KB

1
  1. @import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";[data-v-a8736a4c] .el-dialog{border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #00000040}[data-v-a8736a4c] .el-dialog__header{background:linear-gradient(to right,#3498db,#2c3e50);color:#fff;padding:25px 30px;text-align:center;position:relative}[data-v-a8736a4c] .el-dialog__title{font-weight:600;font-size:1.8rem;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}[data-v-a8736a4c] .el-dialog__header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to right,#3498db,#2c3e50)}[data-v-a8736a4c] .el-dialog__body,[data-v-a8736a4c] .el-dialog__footer{padding:0}.modal-body[data-v-a8736a4c]{padding:30px}.option-group[data-v-a8736a4c]{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.option-item[data-v-a8736a4c]{display:flex;flex-direction:column;padding:25px;border-radius:16px;background:#f8f9fa;border:2px solid #e9ecef;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.option-item[data-v-a8736a4c]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#3498db}.option-item.selected[data-v-a8736a4c]{border-color:#3498db;background:#3498db0d;box-shadow:0 8px 20px #3498db26}.option-item.selected[data-v-a8736a4c]:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#3498db}.option-header[data-v-a8736a4c]{display:flex;align-items:center;margin-bottom:15px}.option-icon[data-v-a8736a4c]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px;color:#fff;box-shadow:0 4px 8px #00000026}.classroom-icon[data-v-a8736a4c]{background:linear-gradient(135deg,#3498db,#2c3e50)}.special-icon[data-v-a8736a4c]{background:linear-gradient(135deg,#e74c3c,#e67e22)}.option-title[data-v-a8736a4c]{font-size:1.35rem;font-weight:700;color:#2c3e50}.option-description[data-v-a8736a4c]{color:#6c757d;font-size:.95rem;line-height:1.7;padding-left:65px;position:relative}.option-description[data-v-a8736a4c]:before{content:"•";position:absolute;left:50px;color:#3498db;font-weight:700}.modal-footer[data-v-a8736a4c]{display:flex;justify-content:flex-end;padding:0 30px 30px}.btn-close[data-v-a8736a4c]{padding:14px 40px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none;background:#e74c3c;color:#fff;box-shadow:0 5px 15px #e74c3c4d}.btn-close[data-v-a8736a4c]:hover{background:#c0392b;transform:translateY(-3px);box-shadow:0 8px 20px #c0392b66}.btn-close[data-v-a8736a4c]:active{transform:translateY(0)}.selection-indicator[data-v-a8736a4c]{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:50%;background:#3498db;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;opacity:0;transform:scale(0);transition:all .3s ease}.option-item.selected .selection-indicator[data-v-a8736a4c]{opacity:1;transform:scale(1)}@media (max-width: 480px){.modal-body[data-v-a8736a4c],.option-item[data-v-a8736a4c]{padding:20px}.option-description[data-v-a8736a4c]{padding-left:0;padding-top:10px;margin-left:65px}.option-description[data-v-a8736a4c]:before{display:none}}