/*@font-face {*/
    /*  font-family: 'HCFont';*/
    /*  src: url('fonts/hckht.otf') format('truetype');*/
    /*}*/

    /*body {*/
    /*  font-family: 'HCFont', Arial, sans-serif;*/
      /*font-size: 15px;  设置字体大小为 16 像素 */
    /*}*/
    
    /*select, option,button,input,textarea,li {*/
    /*  font-family: 'HCFont', Arial, sans-serif !important;*/
    /*  font-size: 14px !important;*/
    /*}*/

    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -520;
        pointer-events: none;
    }
    body::before {
        background: linear-gradient( 90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1));
    }

    .table {
      border-top: 1px solid #ccc; /* 添加下方横线样式 */
    }

    .table td {
        word-wrap:break-word;
        overflow:auto; /* 自动添加横向滚动条 */
        text-overflow:ellipsis;
        padding: 0.5rem;
    }
    
    .btn {
        white-space: nowrap;
    }
    .my-ad {
        background-color: #f5f5f5;
        color: #333;
        padding: 10px;
        margin-bottom: 5px; /* 添加行间距 */
        border: 1px solid #fff; /* 添加白色边框 */
    }

    @keyframes color-slide {
        0% { background-position: 0 0; }
        100% { background-position: 100% 0; }
    }

    .blink {
        display: inline-block;
        background: linear-gradient(90deg, #f6e1e1, #f88020, #d1284c, #3e0e1f, #10029a);
        background-size: 500% auto;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: color-slide 5s linear infinite;
    }
    .clicks {
        float: right;
    }
    
    .list-group-item {
        padding: .65rem 1.25rem;
    }

    .list-group-item.top-rank:nth-of-type(1) .rank-number {
      background-color: #fe3459;
    }
    
    .list-group-item.top-rank:nth-of-type(2) .rank-number {
      background-color: #fd6e5c;
    }
    
    .list-group-item.top-rank:nth-of-type(3) .rank-number {
      background-color: #f79248;
    }
     /* new新功能标 */
    .new-badge {
      position: relative;
      top: -10px;
      margin-left: 4px;
      background-color: #ff0000;
      color: #ffffff;
      padding: 1px 3px;
      border-radius: 1px;
      font-size: 10px;
    }
    
    a.page-link {
        font-size: 12px;
    }
    
    span.page-link {
        font-size: 12px;
    }
    
    a.btn.btn-primary {
        font-size: 12px;
    }
    
    .filter-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #272822;
        padding: 0.5rem 1rem;
        border-bottom: 1px solid #dee2e6;
    }

    .filter-header button {
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 1rem;
        margin: 0 0.5rem;
        outline: none;
    }

    .filter-header button.active {
        font-weight: bold;
    }

    .list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: 0.25rem;
    }

    .list-group-item {  
      position: relative;  
      display: block;
      margin-bottom: -1px; /* 移除底部外边距以形成连续边框效果 */  
      background-color: #fff; /* 自定义背景色 */  
      border: 1px solid rgba(0, 0, 0, 0.125); /* 自定义边框颜色 */  
    }  
      
    .list-group-item:first-child {  
      border-top-left-radius: inherit; /* 继承父元素的左上角圆角 */  
      border-top-right-radius: inherit; /* 继承父元素的右上角圆角 */
      border-bottom: 1px solid #ccc;
    }  
      
    .list-group-item:last-child {  
      margin-bottom: 0;  
      border-bottom-right-radius: inherit; /* 继承父元素的右下角圆角 */  
      border-bottom-left-radius: inherit; /* 继承父元素的左下角圆角 */  
    }  
      
    .list-group-item:hover,  
    .list-group-item-action:hover {  
      z-index: 1; /* 悬停时提升z-index以显示在最前面 */  
      color: #212529; /* 悬停时文字颜色（如果需要） */  
      text-decoration: none; /* 移除下划线 */  
      background-color: #f8f9fa; /* 悬停时背景色 */  
    }  
      
    .list-group-item.disabled,  
    .list-group-item:disabled {  
      color: #6c757d; /* 禁用状态文字颜色 */  
      pointer-events: none; /* 禁止鼠标事件 */  
      background-color: #fff; /* 禁用状态背景色（如果需要与默认不同） */  
    }  
      
    .list-group-item-action:focus,  
    .list-group-item-action.focus {  
      z-index: 1; /* 聚焦时提升z-index */  
      outline: 0; /* 移除聚焦轮廓 */  
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* 聚焦时阴影效果 */  
    }  
      
    .list-group-item-action.active {  
      color: #fff; /* 活动项文字颜色 */  
      background-color: #007bff; /* 活动项背景色 */  
      border-color: #007bff; /* 活动项边框颜色 */  
    }