.icon::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
}

.icon-home::before {
    background-image: url(https://m4.publicimg.browser.qq.com/imgUpload/qbtool.t_tool_type/20230406_hdtg75yhyui.png);
}


h1 {
    
}

.w-18 {
    width: 4.5rem;
}

textarea {
    outline: none;
    padding: 8px;
}

button {
    cursor: pointer;
}

button:hover {
    opacity: 0.75;
}

button:active {
    opacity: 1;
}

.logo::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(https://cdn.dopng.com/dopng/logo.png);
    background-size: cover;
}

h1 span {
    display: block;
}

/* for element ui */
.el-checkbox__label {
    padding-left: 5px;
}

.el-button + .el-button {
    margin-left: 0;
}

.el-textarea__inner {
    padding: 8px;
}

.el-input--small .el-input__inner {
    padding-left: 8px;
    padding-right: 8px;
}

.el-input--mini .el-input__inner {
    padding-left: 6px;
    padding-right: 6px;
}

.el-button--micro {
    padding: 4px 8px;
}

/* my */
a {
    outline: none;
}

.child-textarea-h-full textarea {
    height: 100%;
}
.my-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.my-table th,
.my-table td {
    padding: 6px;
    border: 1px solid oklch(87.1% 0.006 286.286);
}