/*:root {*/
/*    --scrollbar-width: 0px;*/
/*}*/

/*html {*/
/*    margin-left: calc(100vw - 100%);*/
/*    margin-right: 0;*/
/*}*/

 /*隐藏默认滚动条 */
html {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

 /*Chrome/Safari */
html::-webkit-scrollbar {
    display: none;
}

 /*添加自定义滚动条容器 */
body::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 17px; /* 标准滚动条宽度 */
    height: 100vh;
    background: transparent;
    pointer-events: none;
}


body{
    background-color: #f5f5f5;
    padding: 0;
}

a{
    text-decoration: none;
}
.container-fluid{
    max-width: 1800px;
}
/*.container{*/
/*    max-width: 100%;*/
/*}*/
/*.fixed-submit-btn {*/
/*    position: fixed;*/
/*    bottom: 40px; !* 调整按钮距离底部的距离 *!*/
/*    right: 40px; !* 调整按钮距离右侧的距离 *!*/
/*    z-index: 1000; !* 确保按钮在其他内容之上 *!*/
/*}*/

.item{
    /*background: radial-gradient(125% 125% at 50% 10%, #eeeeee  50%, #5066f1 100%);*/
    background-color: #ffffff;
    /*border: solid 2px #1a1f39;*/
    border-radius: 8px  ;
}
.item-img{
    width: 100%; /* 宽度跟随容器100%自适应 */
    height: 120px; /* 固定高度（可根据需求调整） */
    object-fit: cover; /* 填满容器，裁剪超出部分 */
    object-position: center; /* 裁剪时保留图片中心区域（可选） */
}
.item_desc{
    height: 20px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all; /* 强制长单词换行 */
}
.item_name{
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all; /* 强制长单词换行 */
}
@media (min-width: 1800px) {
    /*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
    /*    max-width: 1700px;*/
    /*}*/
}

/* 网格背景CSS代码 */
.grid-background {
    background-color: #ffffff;
    background-image:
            linear-gradient(rgba(201, 201, 201, 1) 1px, transparent 1px),
            linear-gradient(90deg, rgba(201, 201, 201, 1) 1px, transparent 1px);
    background-size: 15px 15px;
    background-position: -1px -1px;
}

.pic-1{
    color: #eeeeee;
}
.pic-2{
    background-color: #73b573;
}
.pic-3{
    background-color: #6ca5ff;
}
.pic-4{
    background-color: #8d51d7;
}
.pic-5{
    background-color: #fbb510;
}
.pic-6{
    background-color: #fb6161;
}
.hfb::before{
    content: " ";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    padding-top: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://game.gtimg.cn/images/dfm/cp/a20240807community/profile/gold_icon.png");
}