.search-box-content {
    /*--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);*/
    background-color: var(--bg-color);
    /*box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);*/
    border-radius: 1rem;
    padding: 2rem;
    font-size: 1rem;

}

.search-box-content > div {
    max-width: 900px;
    margin: 0 auto;
}

.tool-title {
    color: var(--text-active);
    font-weight: 700;
    font-size: 2rem;
    padding-bottom: 2rem;
}

#hash {
    font-size: .9rem;
}

#hash, #hash:focus {
    border: 1px solid var(--text-active);
}

#md5-tip {
    border: 1px solid var(--card-bd-color);
}

#confirm-captcha {
    background-color: var(--text-active);
    color: var(--text-bright-color);
}

.decrypt-success, .encrypt-info {
    display: none;
}

.encrypt-info {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate; /* 必须设置为separate */
    border-spacing: 0 .5rem; /* 水平间距 垂直间距 */
}

.encrypt-info td:first-child {
    width: 80px;
    text-align: center;
}

.encrypt-info .e-table-value {
    width: 390px;
}

.encrypt-info .e-table-copy {
    text-align: left;
}

.encrypt-info .e-table-copy span {
    font-size: .8rem;
    padding: .3rem .4rem;
    background-color: var(--table-th-color);
}

.encrypt-info td {
    word-wrap: break-word;
    word-break: break-all;
}

.encrypt-info .e-table-copy:hover {
    cursor: pointer;
}
/** IP布局 */
.ip-region{
    padding: 5px 5px 2rem;
}
.ip-region span:not(:last-child){
    margin-right: 10px;
}

/* 移动设备样式 */
@media (max-width: 992px) {
    .tool-title {
        font-size: 1.5rem;
        padding-bottom: 1rem;
    }

    .encrypt-info .e-table-value {
        width: auto;
    }

    .encrypt-info .e-table-copy {
        width: 50px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .tool-title {
        font-size: 1rem;
    }
    .search-box-content {
        padding: 1rem;
    }

    #md5-tip .card-body {
        padding: var(--bs-card-spacer-y) .5rem;
    }
}