@media (min-width: 576px){
    .search-w{
        padding: 0px 0px 0px 0px !important;
    }
}
@media (min-width: 768px){
    .search-w{
        padding: 0px 0px 0px 0px !important;
    }
}
@media (min-width: 992px){
    .search-w{
        padding: 0px 10% 0px 10% !important;
    }
}
    .container {
    padding: 60px 15px 0;
}
a {
    text-decoration: none !important;
}
.ddn-top-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ddn-tree{
    margin: 36px 0px !important;
    /*border:0 !important;*/
    color: var(--mdb-link-color) !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #2d68c412 !important;
}
.ddn-tree .list-group-item{
    font-size: 16px;
    color: var(--mdb-link-color);
}
.ddn-tree-1 {
    font-size: 16px !important;
    color: var(--mdb-link-color);
    border: var(--mdb-list-group-border-width) solid rgb(0 0 0 / 0%) !important;
}
.ddn-tree-2{
    font-size: 12px !important;
    margin-left: 8px;
    color: var(--mdb-link-color);
    border: var(--mdb-list-group-border-width) solid rgb(0 0 0 / 0%) !important;
}
.ddn-tree-2-active{
    font-weight: 800;
    font-size: 12px !important;
    margin-left: 8px;
    color: #ff9102  !important;
    border: var(--mdb-list-group-border-width) solid rgb(0 0 0 / 0%) !important;
}
.ddn-wiki{
    text-align: center;
    font-weight: 800;
}
.pay-img {
    width: 180px;

}
.image-title {
    margin: 20px 0px;
    text-align: center;
    padding: 28px 20px;
    background-color: #f1f1f1;
    border-radius: 14px;

}

.image-describe{
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}
.image-describe img {
    width: 20px;
    height: 20px;
}
.image-describe h1,
.image-describe h2,
.image-describe h3,
.image-describe h4,
.image-describe h5,
.image-describe h6 {
    font-size: 14px !important;
}
.image-info pre {
    padding: 12px;
    border-radius: 10px;
    background-color: #ededed;
}
.image-info code{
    color: #87ccff;
    border-radius: 10px;
}
.image-info svg {
    width: 20px;
    height: 20px;
    margin: 0 10px;
}
.image-info p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.error-info{
    margin: 100px 0 400px 0;
    text-align: center;
}
.contributor-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px 4px 6px;
    background: #ffb528; /* 浅蓝色背景 */
    border: 1px solid #ffb528;
    border-radius: 20px; /* 胶囊形状 */
    transition: all 0.3s ease;
    cursor: pointer;
}

.contributor-tag:hover {
    background: #ffb528;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%; /* 圆形头像 */
    margin-right: 8px;
    object-fit: cover;
}

.name {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
}

.role-badge {
    margin-left: 6px;
    font-size: 10px;
    background: #52c41a; /* 绿色标识 */
    color: white;
    padding: 0 4px;
    border-radius: 4px;
}
.report-add{
    text-align: center;
    margin: 20px 20px 400px 20px;
}
.image-add {
    text-align: center;
    margin: 20px 20px 400px 20px;
}
.image-add-logo {
    width: 200px;
}
.image-add-span{
    color: #ffff !important;
    background-color: #4d36ff !important;
}
.image-add-tag {
    float: left;
    color: #12a2db;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 11px;
}
.image-nologin {
    color: #fb0b0b !important;
}
.image-add button{
    margin: 30px;
}
.cf-turnstile {
    margin: 20px 0 0 0;
}
.index-search {
    margin-bottom: 20px;
}
.search-w{
    padding: 0px 10% 0px 10%    ;
}
.index-input {
    height: calc(3.645rem + 2px) !important;
    border-radius: 25px 0 0 25px !important;
    border: 2px solid #2867c9 !important;
}
.index-add {
    color: #ffff !important;
    background-color: #4d36ff;
    border-radius: 10px;
}
.app-card {
    margin-top: 24px;
    margin-bottom: 6px;
}
.security span{
    font-size:  14px;
}
.app-card-x2 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.app-fa-8 .fa-fw{
    margin-right: 8px;
}
.app-fa-8 .fa-fw2{
    color: #6f8bd9;
    margin-left: 10px;
    margin-right: 4px;
}
.fa-icon-list {
    margin-right: 8px;
}
.index-eye {
    font-size: 12px;
    color: #212529;
    display: inline-block;
}
.index-titleicon {
    margin: 0 10px;
}
.bg-wait {
    background-color: rgb(146 171 182) !important;
}
.bg-gx {
    background-color: rgb(227 180 0) !important;
}
.index-soft {
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 12px;
}
.wait-note {
    color: #666;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
}
.wait-note p{
    margin-bottom: 0px !important;
}
.status-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin: 1.5rem 0;
    padding: 1.5rem;
}
.wait-error-list p {
    font-size: 10px;
}
.wait-list p{
    font-size: 10px;
}
.wait-title .wait-span{
    margin-left: 20px;
}
.index-site{
    margin-bottom: 10px;
}
.input-add input {
    /*border-radius: 12px !important;*/
    /*border-color: #b6adff;*/
    /*border-width: 2px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}
.index-card {
    margin: 10px;
    width: 18rem;
}
.api-card{
    margin-top: 10px;
    margin-bottom: 50px;
    padding: 15px;
    border-radius: 14px;
    background-color: #eeeeee;
}
.api-card kbd{
    margin-left: 8px;
}
.index-card img {
    height: 120px;
}
.index-card .index-badge{
    margin-left: 10px;
}
.partners-section {
    padding: 20px;
    text-align: center;
}
.partners-section h2 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
}
.partners-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.partner {
    margin: 10px;
    text-align: center;
}
.partner img {
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}
.partner p {
    font-size: 14px;
    color: #666;
}
.wait-logo{
    width: 200px;
}
.logo-report{
    width: 140px;
    margin-bottom: 30px;
}
.search-badge {
    margin: 10px 20px;
}
.tag-badge {
    background-color: #74c8e9;
    color: #fff6f6;
}
.tag-badge-2 {
    background-color: #2b81a3;
}
.tag-badge-2:hover{
    color: #fff !important;
}
.search-icon-logo {
    width: 200px;
}
.search-filter label{
    font-weight: 400;
}
.fix-logo {
    width: 140px;
    height: 200px;
    margin-bottom: 20px;
}
.author-info{
    padding: 0 12px;
    color: #b1b1b1;
}
.r1{
    margin-right: 10px;
}
.r2{
    margin-right: 20px;
}
.post-title{
    margin: 40px 0 10px 0;
    text-align: center;
    padding: 20px;
    border-radius: 12px;
    background-color: #ecfbff !important;
}
.post-context{
    padding: 20px 12px;
    border-radius: 14px;
    margin-bottom: 40px;
    background-color: #ffffff;
}
.post-context code {
    color: #87ccff;
    border-radius: 12px;
}
.post-context img{
    max-width: 100%;
}
.post-context strong{
    color: #1c657d;
    letter-spacing: 1px;
    font-weight: bolder;
}
.post-context p{
    font-family: var(--font-stack);
    font-weight: 300;
}
.post-context h1,
.post-context h2,
.post-context h3,
.post-context h4,
.post-context h5 {
    font-family: var(--font-stack);
    font-weight: 540;
    color: #1c657d !important;
}
/*.docker-nav-breadcrumb a:hover{*/
/*    font-weight: 600;*/
/*}*/
.index-logo{
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}
.add-icon {
    margin: 0 10px;
    width: 30px;
}
.icon-header{
    height: 25px;
}
.icon-index {
    width: 20px;
    height: 20px;
    margin:  0 12px 0 0;
}
.icon-30{
    width: 30px;
    height: 30px;
    margin:  0 12px 0 0;
}
.amount{
    color: #ffa838 !important;
    font-weight: 700;
}
.btc {
    font-size: 12px;
}
.icon-safety{
     width: 10px;
     height: 10px;
     margin: 0 12px 0 0;
 }
.icon-verified {
    width: 15px;
    height: 15px;
    margin: 0 12px 0 6px;
}
.icon-15 {
    width: 15px;
    height: 15px;
}
.icon-20 {
    width: 20px;
    height: 20px;
}
.icon-20-r2 {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 2px;
}
.icon-15-r-2{
    width: 15px;
    height: 15px;
    margin: 0 2px 0 2px;
}
.icon-cve{
    width: 15px;
    height: 15px;
    margin: 0 2px 0 2px;
}
.icon-index-s {
    width: 40px;
    height: 40px;
    margin:  0 12px 0 0;
}
.gradient-text{
    background: linear-gradient(135deg, #ff3434, #b57bd9, #406cff);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block !important;
    font-weight: bold !important;
}
.gradient-text2{
    background: linear-gradient(135deg, #fb37ad, #b57bd9, #406cff);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block !important;
    font-weight: bold !important;
}
.tech-stack-container {
    max-width: 800px;
    /*margin: 0 auto;*/
}
.tech-stack-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.tech-stack-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
}
.tech-stack-item {
    background-color: #af90ed;
    color: #ffffff;
    padding: 5px 8px;
    border-radius: 12px;
    font-size: 12px;
    transition: transform 0.2s;
}
.tech-stack-item:hover {
    transform: scale(1.05);
    background-color: #b2ebf2;
}
@media (max-width: 600px) {
    .tech-stack-item {
        font-size: 0.8em;
        padding: 6px 10px;
    }
}
.docker-title {
    transition: color 0.3s ease, transform 0.3s ease;
}
.docker-title:hover {
    color: #2ea9bd; /* 鼠标经过时改变颜色 */
    transform: scale(1.1); /* 鼠标经过时放大 */
}
.icon-command {
    width: 20px;
    height: 20px;
    margin: 0 10px;
}
.icon-copy {
    width: 20px;
    height: 20px;
}
.index-header{
    text-align: center;
}
.index-btn {
        /*width: 12% !important;*/
    background-color: #2867c9 !important;
    color: #fff !important;
    font-size: 24px !important;
    border-radius: 0px 25px 25px 0px !important;
}

.toast-bg {
    background-color: var(--main-bg-color) !important;
}
.index-sitebg {
    color: #4777a7 !important;
    background-color: #edeff5 !important;
}
.link-sitebg a{
    color: #fff !important;
}
.link-sitebg {
    margin: 4px 2px 0px 2px;
    color: #000000 !important;
    box-shadow: 0 4px 0px -4px rgba(0, 0, 0, 0.35) !important;
}
.btn-tag{
    background-color: #fbfbfb !important;
    text-transform: capitalize !important;
    margin-bottom: 10px;
    box-shadow: none;
}
.btn-run {
    background-color: #8d80ff!important;
    color: #fff !important;
}
.articles .card{
    margin: 36px 0px;
    border-radius: 1.25rem !important;
}
.articles .card .card-title {
    font-weight: 600;
}
.articles .card .card-text {
    font-size: 12px;
}
.dockerpagination{
    margin-top: 20px;
}

/*.post-context code:not([class]), #page .post-context code:not([class]), .block-content .post-context code:not([class]), #post .post-content-box code:not([class]), #page .post-content-box code:not([class]), .block-content .post-content-box code:not([class]) {*/
/*    padding: .2rem .6rem;*/
/*    font-size: .875em;*/
/*    color: #fff;*/
/*    background-color: #212529;*/
/*    border-radius: .2rem*/
/*}*/

/*code {*/
/*    background-color: #f5f5f5; !* 背景颜色 *!*/
/*    color: #d14; !* 字体颜色 *!*/
/*    padding: 0.2em 0.4em; !* 内边距 *!*/
/*    margin: 0; !* 外边距 *!*/
/*    font-size: 0.95em; !* 字体大小 *!*/
/*    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; !* 等宽字体 *!*/
/*    border-radius: 3px; !* 圆角 *!*/
/*    white-space: pre-wrap; !* 保留换行 *!*/
/*}*/

/* 设置代码块样式 */
pre code {
    display: block;
    padding: 1em;
    background-color: #272822; /* 背景颜色 */
    color: #FFFFFF; /* 字体颜色 */
    font-size: 0.95em;
    overflow-x: auto; /* 支持横向滚动 */
    border-radius: 5px;
}
.docker-succ{
    margin: 40px 20px 300px 20px;
    padding-top: 80px;
    text-align: center;
}
.docker-succ h2{
    font-weight: 300;
}
.docker-succ .succ-text{
    margin-bottom: 400px;
}
.faq dt {
    font-weight: 500;
}
.faq dd {
    margin-bottom: 10px;
}
.text-con {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 440px; /* 或者其他任何你需要的宽度 */
}
.aliyun-ad{
    padding: 10px 20px;
    margin-bottom: 10px;
}
.aliyun-ad  a{
    font-size: 12px;
    margin: 4px 0;
}
#floatBtn {
    position: fixed;
    bottom: 500px;
    right: 180px;
    /* width: 60px; */
    /* height: 60px; */
    /* background-color: #4d36ff; */
    color: #fff;
    border: none;
    border-radius: 11%;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    z-index: 1000;
}

#floatBtn:hover {
    background-color: #4d36ff; /* 鼠标悬停时改变背景色 */
}

.sidebar {
    position: fixed;
    top: 50%;
    right: 140px;
    transform: translateY(-50%);
    background-color: #e7e7f159;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.sidebar img {
    display: block;
    width: 30px;
    height: 30px;
}
.sidebar button {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    /*background-color: #007bff;*/
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.sidebar button:last-child {
    margin-bottom: 0;
}
.sidebar .like-text{
    display: block;
    text-align: center;
    font-size: 10px;
}
.oauth2-login img{
    width: 30px;margin-right: 10px
}
.userprofile-icon{
    margin-right: 14px;
    width: 30px;
    height: 30px
}
.centered-div {
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
.tip-text{
    border-radius: 25px;
    text-align: justify;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background-color: #f8f9fac9;
}
.userprofile-ul{
    text-align: left;
    margin-left: 80px;
    margin-top: 20px
}
.wait-status {
    margin-top: 20px;
    text-align: center
}
.wait-status h4{
    margin-top: 10px;
    margin-bottom: 14px;
}
.wait-status span{
    font-size: 14px;
}
.wait-status img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.query-tag a{
    color: #ffffff !important;
}