:root {
    --srsc-left-bar-bg: #212529;
    /* 页面背景颜色 */
    --srsc-bg-super-dark: #000e14;
    /* 辅助色 */
    --srsc-spain: #34383c;
    /* 页脚背景色 */
    --srsc-bg-footer: #191e24;
    --srsc-bg-border: #2e3136;
    /* 字体颜色 */
    --srsc-text-white: #ffffff;
    --srsc-text-gray: #888c90;
    --srsc-black: #000;
    /* 主体色 */
    --srsc-link-color: #ff404a;
    /* 副色 */
    --srsc-btn-link: #007bff;
    /* 表头 */
    --srsc-thead: #161b21;
    /* 线条 */
    --srsc-border-dark: #34383c;
}

@media (max-width: 991.98px) {
    main {
        margin-top: 44px;
    }

    .next-container {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 200px;
        margin-bottom: 4px;
        background-color: var(--srsc-bg-super-dark);
        color: var(--srsc-text-white);
        font-size: 1.5rem;
    }

    .next-container h1,
    .next-container a {
        display: none;
    }

    .dispaly-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .new-container {
        background-color: var(--srsc-bg-super-dark);
        margin-bottom: 0;
    }

    .new-container .new-header {
        display: none;
    }




    .player-card {
        padding: 16px;
        margin-bottom: 4px;
    }

    .player-card .player-card-top {
        display: flex;
        gap: 12px;
        margin-bottom: 12px;
    }

    .player-card .player-card-bottom .meta-top {
        display: flex;
        font-size: 0.8rem;
        font-weight: none;
        gap: 5px;
        margin-bottom: 12px;
    }

    .player-card .player-card-bottom .meta-buttom {
        display: flex;
        justify-content: space-between;
        font-size: 0.9rem;
        font-weight: none;
        width: 100%;
    }


    .avatar {
        width: 60px;
        height: 60px;
        overflow: hidden;
        flex-shrink: 0;
        position: relative;
    }

    .avatar .player-photo,
    .avatar .champion-logo {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50%;
    }

    .team-logo-ab {
        position: absolute;
        /* 显示在右下角 */
        bottom: 10px;
        right: 5px;
        width: 20px;
        height: 20px;
    }

    .player-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .player-info p:nth-child(1) {
        margin: 0;
        font-size: 1.1rem;
    }

    .player-info p:nth-child(2) {
        margin: 0;
        font-size: 0.9rem;
        color: var(--srsc-text-gray);
    }

    .champion-card-phone {
        display: block;
    }

    .champion-card {
        display: none;
    }

    .matches-card {
        display: none;
    }

    .matches-card-phone {
        display: flex;
        width: 100%;
    }

    .matches-card-phone .matches-a {
        width: 50%;
    }

    .matches-card-phone .matches-a:nth-child(1) {
        border-right: 1px solid var(--srsc-bg-super-dark);
    }

    .matches-card-phone .matches-a:nth-child(2) {
        border-right: 0px;
    }


    .matches-card-phone .card-colors {
        background-color: var(--srsc-bg-footer);
        color: var(--srsc-text-white);
    }

    .matches-card-phone .name-number h5 {
        font-size: 1rem;
    }

    .dispaly-container .news-grid {
        display: none;
    }



    .news-grid-phone {
      background-color: var(--srsc-bg-footer);
      width: 100%;
      padding: 16px;
      display: flex;
      gap: 16px;
      margin-top: 5px;
    }

    /* 左侧文字内容区 */
    .text-content {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .text-content .title{
      font-size: 16px;
      line-height: 1.5;
      color: var(--srsc-text-white);
      margin-bottom: 8px;
    }

    .text-content .desc {
      font-size: 14px;
      color: var(--srsc-text-white);
      margin-bottom: 12px;
    }

    .text-content .meta {
      font-size: 12px;
      color: var(--srsc-text-gray);
      display: flex;
      gap: 10px;
    }

    /* 右侧图片区 */
    .image-content {
      width: 130px;
      height: 80px;
      border-radius: 8px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .image-content img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

}