.form{margin-bottom:24px}.detail{color:#1890ff;cursor:pointer}.table{margin-top:12px}.color-box{position:relative;border-radius:4px;border:1px solid #d9d9d9;cursor:pointer;padding:4px;height:32px}.color-box:hover{border-color:#7d9bff}.color-view{width:100%;height:100%}.color-picker{position:absolute;z-index:100;width:100%;top:36px;left:0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);background:#fff;border-radius:4px;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.color-option-box{padding:8px;cursor:pointer;border-radius:4px}.color-option-box.active,.color-option-box:hover{background-color:#e1fef6}.color-option{width:24px;height:24px;border-radius:4px}.color-option+.color-option{margin-top:4px}