/* 优化后的样式 - 包含所有修改，包括PG页面样式和URL路由样式 */
.XkLjHpQwErTyUiOpAsDfGhJkL {
    content-visibility: auto;
}

.ZxCvBnMlKjHgFdSaPqWeRtYuI {
    transition: all 0.3s;
}

.ZxCvBnMlKjHgFdSaPqWeRtYuI:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.PlMkOnJiUbYvTcRxEsWaQzXcV {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.BnVmCaXsZdFgHjKlQwErTyUiOp {
    display: none;
    position: absolute;
    width: 100%;
}

.BnVmCaXsZdFgHjKlQwErTyUiOp.AcTiVePlMjKiOhUgYtFrDeSwQ {
    display: block;
    position: relative;
}

.BnVmCaXsZdFgHjKlQwErTyUiOp.TrAnSiTiOnInGpLkMjNhBgVfC {
    display: block;
    position: absolute;
    width: 100%;
    pointer-events: none;
}

/* 弹窗遮罩层优化 - 增加z-index确保覆盖底部导航 */
.ShArEpOpUpLkMjNhBgVfCdXsZ {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1500;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    cursor: pointer;
}

.ShArEpOpUpLkMjNhBgVfCdXsZ.AcTiVePlMjKiOhUgYtFrDeSwQ {
    opacity: 1;
    pointer-events: auto;
}

.ShArEpOpUpLkMjNhBgVfCdXsZ > * {
    cursor: default;
}

.ShArEcOnTaInErNeWpLkMjNhB {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 28rem;
    margin: 0 1rem;
    transform: scale(0.95);
    transition: transform 0.3s;
    z-index: 1501;
}

.ShArEpOpUpLkMjNhBgVfCdXsZ.AcTiVePlMjKiOhUgYtFrDeSwQ .ShArEcOnTaInErNeWpLkMjNhB {
    transform: scale(1);
}

.TeXtMoBiLeBaSePlKjIhUgYtF {
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .TeXtMoBiLeBaSePlKjIhUgYtF {
        font-size: 1rem;
    }
}

/* 修改标签按钮为滑动样式 - 修复颜色 */
.TaBbUtToNpLkMjNhBgVfCdXsZ {
    flex: 1 1 0%;
    padding: 0.75rem 1rem;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    background: transparent;
    color: #1286ff;
}

.TaBbUtToNpLkMjNhBgVfCdXsZ.AcTiVePlMjKiOhUgYtFrDeSwQ {
    color: white;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.TaBbUtToNcOnTaInErPlKjIhU {
    position: relative;
    display: flex;
    background-color: rgba(18, 134, 255, 0.1);
    border-radius: 25px;
    padding: 4px;
    border: none;
}

.TaBbSlIdErPlKjIhUgYtFrDeSw {
    display: none;
}

.TaBbUtToNpLkMjNhBgVfCdXsZ:not(.AcTiVePlMjKiOhUgYtFrDeSwQ):hover {
    background-color: rgba(18, 134, 255, 0.2);
}

.LoGoImAgEpLkMjNhBgVfCdXsZ {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.BaNnErImAgEpLkMjNhBgVfCdX {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
    max-height: 200px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .BaNnErImAgEpLkMjNhBgVfCdX {
        max-height: 250px;
    }
}

@media (min-width: 1024px) {
    .BaNnErImAgEpLkMjNhBgVfCdX {
        max-height: 300px;
    }
}

.ToPnAvPlKjIhUgYtFrDeSwQaZ {
    position: sticky;
    top: 0;
    z-index: 40;
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.NaVcOnTaInErPlKjIhUgYtFrDe {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 768px) {
    .NaVcOnTaInErPlKjIhUgYtFrDe {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.NaVlOgOcOnTaInErPlKjIhUgY {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.NaVlOgOpLkMjNhBgVfCdXsZaQ {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .NaVlOgOpLkMjNhBgVfCdXsZaQ {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.NaVtItLePlKjIhUgYtFrDeSwQa {
    font-size: 1.25rem;
    font-weight: 600;
    color: black;
}

@media (min-width: 768px) {
    .NaVtItLePlKjIhUgYtFrDeSwQa {
        font-size: 1.5rem;
    }
}

/* 修改：域名显示为灰色 */
.NaVsUbTiTlEpLkMjNhBgVfCdXs {
    font-size: 0.75rem;
    color: #6b7280; /* 改为灰色 */
}

@media (min-width: 768px) {
    .NaVsUbTiTlEpLkMjNhBgVfCdXs {
        font-size: 1.125rem;
    }
}

.NaVaCtIoNbUtToNpLkMjNhBgV {
    font-size: 0.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border-radius: 25px;
    transition: all 0.15s ease-in-out;
    display: flex;
    align-items: center;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.NaVaCtIoNbUtToNpLkMjNhBgV:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

@media (min-width: 768px) {
    .NaVaCtIoNbUtToNpLkMjNhBgV {
        font-size: 1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

/* 新增：弹窗打开时的底部导航遮挡样式 - 颜色不变，只被挡住 */
.BoTtOmNaVbLoCkEdPlKjIhUgY {
    pointer-events: none;
    opacity: 0.7;
}

.BoTtOmNaVnEwPlKjIhUgYtFrDe {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    z-index: 100;
    padding: 8px 12px;
    border-radius: 50px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    height: 75px;
    width: 95%;
    max-width: 420px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.BoTtOmNaVcOnTaInErNeWpLkMj {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

.NaViTeMnEwPlKjIhUgYtFrDeSw {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
    flex: 1 1 0%;
    max-width: 85px;
    color: #1286ff;
    height: 100%;
    position: relative;
    background: transparent;
    font-weight: 500;
    margin: 0 4px;
}

.NaViTeMnEwPlKjIhUgYtFrDeSw:hover {
    background-color: rgba(18, 134, 255, 0.1);
    transform: translateY(-2px);
}

.NaViTeMnEwPlKjIhUgYtFrDeSw.AcTiVePlMjKiOhUgYtFrDeSwQ {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    box-shadow: 0 4px 15px rgba(18, 134, 255, 0.3);
    transform: translateY(-2px);
    padding: 10px 16px;
    margin: 0 4px;
}

.NaViCoNnEwPlKjIhUgYtFrDeSw {
    font-size: 1.4rem;
    margin-bottom: 6px;
    transition: all 0.3s;
}

.NaViTeMnEwPlKjIhUgYtFrDeSw.AcTiVePlMjKiOhUgYtFrDeSwQ .NaViCoNnEwPlKjIhUgYtFrDeSw {
    color: white;
}

.NaVlAbElNeWpLkMjNhBgVfCdXs {
    font-size: 0.75rem;
    font-weight: 500;
    transition: color 0.3s;
}

.NaViTeMnEwPlKjIhUgYtFrDeSw.AcTiVePlMjKiOhUgYtFrDeSwQ .NaVlAbElNeWpLkMjNhBgVfCdXs {
    color: white;
    font-weight: 600;
}

.AnNoUnCeMeNtBaRpLkMjNhBgVf {
    margin: 0.75rem;
    border-radius: 25px;
    overflow: hidden;
    cursor: pointer;
    height: 2.625rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.AnNoUnCeMeNtCoNtAiNeRpLkMj {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
}

.AnNoUnCeMeNtIcOnPlKjIhUgYt {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.AnNoUnCeMeNtTeXtPlKjIhUgYtF {
    flex: 1 1 0%;
    overflow: hidden;
    position: relative;
    height: 1.5rem;
    padding-right: 0;
}

.AnNoUnCeMeNtScRoLlPlKjIhUgY {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    font-size: 0.75rem;
    line-height: 1.5rem;
    white-space: nowrap;
    animation: ScRoLlTeXtAnImAtIoN 20s linear infinite;
}

.PaGeCoNtAiNeRpLkMjNhBgVfCd {
    min-height: 100vh;
    padding-bottom: 7rem;
    background-color: #f7fafc;
    position: relative;
    overflow: hidden;
}

.PaGePlKjIhUgYtFrDeSwQaZxCd {
    display: none;
}

.PaGePlKjIhUgYtFrDeSwQaZxCd.AcTiVePlMjKiOhUgYtFrDeSwQ {
    display: block;
}

.CoNtAcTcArDpLkMjNhBgVfCdXs {
    background-color: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1rem;
    margin-bottom: 1rem;
}

.CoNtAcThEaDeRpLkMjNhBgVfCd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.CoNtAcTiCoNpLkMjNhBgVfCdXsZ {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 2px solid #1286ff;
}

.CoNtAcTcOpYbUtToNpLkMjNhBg {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.CoNtAcTaCtIoNbUtToNpLkMjNh {
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-radius: 25px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.CoNtAcTaCtIoNbUtToNpLkMjNh.BgPrImArYpLkMjNhBgVfCdX {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.CoNtAcTaCtIoNbUtToNpLkMjNh.BoRdErPrImArYpLkMjNhBg {
    border-color: #1286ff;
    color: #1286ff;
    background: transparent;
}

.CoNtAcTaCtIoNbUtToNpLkMjNh.BoRdErPrImArYpLkMjNhBg:hover {
    background-color: rgba(18, 134, 255, 0.1);
}

.CoNtAcTsUcCeSsMsGpLkMjNhBg {
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #10B981;
    display: none;
}

.ShAdOwToPpLkMjNhBgVfCdXsZa {
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

.PaGeHeAdErPlKjIhUgYtFrDeSw {
    position: sticky;
    top: 0;
    z-index: 40;
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    margin-bottom: 1rem;
}

.PaGeHeAdErCoNtAiNeRpLkMjNh {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.PaGeHeAdErTiTlEpLkMjNhBgVf {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1286ff;
    text-align: center;
}

@media (min-width: 768px) {
    .PaGeHeAdErTiTlEpLkMjNhBgVf {
        font-size: 1.5rem;
    }
}

.LoAdInGpRoGrEsScOnTaInErPl {
    width: 12rem;
    height: 0.25rem;
    background-color: #edf2f7;
    border-radius: 9999px;
    overflow: hidden;
    margin-top: 1rem;
}

.LoAdInGpRoGrEsSbArPlKjIhUg {
    height: 100%;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    width: 0%;
    transition: width 0.3s ease;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.LoAdInGtExTpLkMjNhBgVfCdXsZ {
    color: #1286ff;
    font-weight: 500;
}

.LoAdInGlOgOcOnTaInErPlKjIh {
    position: relative;
    margin-bottom: 1rem;
}

/* 优化字轮盘弹窗 - 增加z-index确保覆盖底部导航 */
.AnNoUnCeMeNtPoPuPpLkMjNhBgV {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    padding: 1rem;
    cursor: pointer;
}

.AnNoUnCeMeNtPoPuPpLkMjNhBgV.AcTiVePlMjKiOhUgYtFrDeSwQ {
    opacity: 1;
    pointer-events: auto;
}

.AnNoUnCeMeNtPoPuPpLkMjNhBgV > * {
    cursor: default;
}

.AnNoUnCeMeNtCoNtAiNeRnEwRoUn {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
    transform: scale(0.95);
    transition: transform 0.3s;
    z-index: 1001;
    max-height: 85vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.AnNoUnCeMeNtPoPuPpLkMjNhBgV.AcTiVePlMjKiOhUgYtFrDeSwQ .AnNoUnCeMeNtCoNtAiNeRnEwRoUn {
    transform: scale(1);
}

.NoTiCeNeWpLkMjNhBgVfCdXsZaQ {
    position: relative;
    width: 100%;
    background-color: white;
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 25px 20px 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ToPlInEpLkMjNhBgVfCdXsZaQwS {
    height: 0.25rem;
    width: 40%;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.LoGoImGpLkMjNhBgVfCdXsZaQwS {
    display: block;
    max-height: 50px;
    margin: 10px auto;
    width: auto;
    border-radius: 0.75rem;
}

.DeArPlKjIhUgYtFrDeSwQaZxCd, .MaInCoNtEnTsPlKjIhUgYtFr, .MaInCoNtEnTsPlKjIhUgYtFr p, .MaInCoNtEnTsPlKjIhUgYtFr ol, .MaInCoNtEnTsPlKjIhUgYtFr li, .FoOtPlKjIhUgYtFrDeSwQaZx, .DaTePlKjIhUgYtFrDeSwQaZx {
    font-size: 0.875rem;
    color: #333;
    font-weight: 700;
    line-height: 1.625;
    margin: 0;
}

.DeArPlKjIhUgYtFrDeSwQaZxCd {
    text-align: left;
    margin-bottom: 10px;
}

.MaInCoNtEnTsPlKjIhUgYtFr {
    margin-bottom: 1.25rem;
    flex-grow: 1;
    overflow-y: auto;
    padding-bottom: 10px;
    max-height: 50vh;
}

.MaInCoNtEnTsPlKjIhUgYtFr ol {
    padding-left: 1.25rem;
    margin: 10px 0;
}

.MaInCoNtEnTsPlKjIhUgYtFr li {
    margin-bottom: 0.5rem;
}

.InFoGrOuPpLkMjNhBgVfCdXsZa {
    text-align: right;
    margin-top: 10px;
}

.FoOtPlKjIhUgYtFrDeSwQaZx {
    margin-bottom: 0.25rem;
}

.DaTePlKjIhUgYtFrDeSwQaZx {
    font-size: 0.75rem;
}

/* 修改：移动端公告弹窗按钮位置调整 */
.CfFfFfBtNpLkMjNhBgVfCdXsZa {
    width: 100%;
    margin: 15px auto;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border-radius: 25px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.CfFfFfBtNpLkMjNhBgVfCdXsZa:hover {
    opacity: 0.9;
}

/* 修改：字轮盘弹窗关闭按钮位置调整 */
.AnNoUnCeMeNtClOsEbUtToNpLkMj {
    position: absolute;
    top: 12px; /* 调整位置 */
    right: 12px; /* 调整位置 */
    background: rgba(18, 134, 255, 0.1);
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: #1286ff;
    transition: all 0.15s ease-in-out;
    z-index: 10;
    width: 32px; /* 固定宽度 */
    height: 32px; /* 固定高度 */
    border-radius: 50%; /* 圆形按钮 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.AnNoUnCeMeNtClOsEbUtToNpLkMj:hover {
    color: #0a5cb8;
    background: rgba(18, 134, 255, 0.2);
    transform: scale(1.1);
}

.CaTeGoRyCaRdPlKjIhUgYtFrDe {
    border-radius: 25px;
    padding: 0.75rem;
    border: 1px solid #f7fafc;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: white;
    min-height: 80px;
}

.CaTeGoRyCaRdPlKjIhUgYtFrDe:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .CaTeGoRyCaRdPlKjIhUgYtFrDe {
        padding: 1rem;
    }
}

.CaTeGoRyCaRdImGpLkMjNhBgVf {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    overflow: hidden;
}

@media (min-width: 768px) {
    .CaTeGoRyCaRdImGpLkMjNhBgVf {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.CaTeGoRyCaRdCoNtEnTpLkMj {
    margin-left: 0.75rem;
    flex: 1 1 0%;
    min-width: 0;
}

.CaTeGoRyCaRdTiTlEpLkMjNhBg {
    font-size: clamp(0.75rem, 2.5vw, 0.875rem);
    font-weight: 700;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
    max-width: 100%;
}

@media (min-width: 768px) {
    .CaTeGoRyCaRdTiTlEpLkMjNhBg {
        font-size: clamp(0.875rem, 2vw, 1rem);
    }
}

.CaTeGoRyCaRdDeScPlKjIhUgY {
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #6B7280;
    margin-top: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
    max-width: 100%;
}

.ShArEpLaTfOrMpLkMjNhBgVfCd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.EmPtYpAgEpLkMjNhBgVfCdXsZa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    text-align: center;
}

.EmPtYiCoNpLkMjNhBgVfCdXsZaQ {
    width: 6rem;
    height: 6rem;
    border-radius: 9999px;
    background-color: #f7fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.CaRdLoAdInGpAgEpLkMjNhBgVf {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.CaRdLoAdInGcOnTeNtPlKjIhU {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 20rem;
    width: 100%;
}

.CaRdLoAdInGtItLeBlUePlKjI {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1.5rem;
}

.CaRdLoAdInGiMaGePlKjIhUgYt {
    width: 8rem;
    height: 8rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
    animation: PuLsEaNiMaTiOn 2s infinite;
}

.CaRdLoAdInGtExTpLkMjNhBgVf {
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.5rem;
}

.CaRdLoAdInGpRoGrEsSpLkMjNh {
    width: 100%;
    height: 0.5rem;
    background-color: #edf2f7;
    border-radius: 9999px;
    overflow: hidden;
}

.CaRdLoAdInGpRoGrEsSbArPlKj {
    height: 100%;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    width: 0%;
    transition: width 0.3s ease;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.ShArEnOtIfIcAtIoNpLkMjNh {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1060;
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
    pointer-events: none;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.ShArEnOtIfIcAtIoNpLkMjNh.ShOwNoTiFiCaTiOn {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

@media (min-width: 768px) {
    #RoOtElEmEnTpLkMjNhBgVfCd {
        max-width: 768px;
        margin: 0 auto;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        height: 100vh;
        overflow-y: auto;
        position: relative;
        background-color: #f7fafc;
    }

    body {
        background-color: #f0f2f5;
    }

    .BoTtOmNaVnEwPlKjIhUgYtFrDe {
        max-width: 768px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .CaTeGoRyCaRdPlKjIhUgYtFrDe, .CoNtAcTcArDpLkMjNhBgVfCdXs {
        background-color: white;
    }

    .ShArEnOtIfIcAtIoNpLkMjNh {
        font-size: 1rem;
        padding: 1rem 2rem;
    }
}

.TaBbCoNtEnTcOnTaInErPlKjI {
    position: relative;
    min-height: 300px;
}

.BtNaCtIvEpLkMjNhBgVfCdXsZaQ {
    transition: all 0.2s ease;
}

.BtNaCtIvEpLkMjNhBgVfCdXsZaQ:active {
    transform: scale(0.95);
}

#LoAdInGiNdIcAtOrPlKjIhUgY {
    transition: opacity 0.5s ease-out;
}

#LoAdInGiNdIcAtOrPlKjIhUgY.FaDeOuTpLkMjNhBgVfCdXsZ {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 768px) {
    .PaGeCoNtAiNeRpLkMjNhBgVfCd {
        padding-bottom: 6rem;
    }
    
    .BoTtOmNaVnEwPlKjIhUgYtFrDe {
        padding: 8px 10px;
        height: 70px;
        width: 90%;
    }
    
    .NaViCoNnEwPlKjIhUgYtFrDeSw {
        font-size: 1.3rem;
    }
    
    .NaVlAbElNeWpLkMjNhBgVfCdXs {
        font-size: 0.7rem;
    }
    
    .NaViTeMnEwPlKjIhUgYtFrDeSw {
        max-width: 75px;
        padding: 8px 12px;
    }

    .ShArEpOpUpLkMjNhBgVfCdXsZ, .AnNoUnCeMeNtPoPuPpLkMjNhBgV {
        padding-bottom: 100px;
    }

    .ShArEcOnTaInErNeWpLkMjNhB, .AnNoUnCeMeNtCoNtAiNeRnEwRoUn {
        margin-bottom: 80px;
    }
    
    /* 修改：移动端公告弹窗按钮位置调整 */
    .NoTiCeNeWpLkMjNhBgVfCdXsZaQ {
        padding-bottom: 20px;
    }
    
    .CfFfFfBtNpLkMjNhBgVfCdXsZa {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    /* 移动端底部导航遮挡优化 */
    .BoTtOmNaVbLoCkEdPlKjIhUgY {
        pointer-events: none;
        opacity: 0.7;
    }
}

@keyframes FaDeInAnImAtIoN {
    from { opacity: 0; }
    to { opacity: 1; }
}

.FaDeInPlKjIhUgYtFrDeSwQaZx {
    animation: FaDeInAnImAtIoN 0.5s ease-in-out;
}

.CaTeGoRyCaRdPlKjIhUgYtFrDe {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.CaTeGoRyCaRdPlKjIhUgYtFrDe:active {
    transform: scale(0.98);
}

body.PoPuPoPeNpLkMjNhBgVfCdXs {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

.CoNtAcTaCtIoNbUtToNpLkMjNh.BgPrImArYpLkMjNhBgVfCdX {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

.CoNtAcTaCtIoNbUtToNpLkMjNh.BoRdErPrImArYpLkMjNhBg {
    border-color: #1286ff;
    color: #1286ff;
    background: transparent;
}

.CoNtAcTaCtIoNbUtToNpLkMjNh.BoRdErPrImArYpLkMjNhBg:hover {
    background-color: rgba(18, 134, 255, 0.1);
}

.ShArEcLoSeBtNnEwPlKjIhUgYt {
    color: #1286ff;
    transition: color 0.15s ease-in-out;
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.ShArEcLoSeBtNnEwPlKjIhUgYt:hover {
    color: #0a5cb8;
    background-color: rgba(18, 134, 255, 0.1);
}

.ShArEtItLePlKjIhUgYtFrDeSwQ {
    color: #1286ff;
}

.ShArEiNpUtGrAyPlKjIhUgYtFr {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 2px solid #1286ff;
    border-right: none;
    border-radius: 25px 0 0 25px;
    background: white;
    color: #6B7280;
    font-size: 0.875rem;
}

.ShArEcOpYbUtToNbLuEpLkMjNh {
    padding: 0.75rem 1.5rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 0 25px 25px 0;
    cursor: pointer;
    font-weight: 600;
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
    transition: all 0.2s;
}

.ShArEcOpYbUtToNbLuEpLkMjNh:hover {
    opacity: 0.9;
}

/* 修复：复制按钮文字不换行，固定宽度 - 改为自适应宽度，确保文字完整 */
.FiXeDbUtToNwIdThNoWrAp {
    white-space: nowrap;
    overflow: visible;
    flex-shrink: 0;
    min-width: 80px;
}

/* 新增：复制成功状态 - 确保文字完整显示 */
.CoPySuCcEsSpLkMjNhBgVfCdXs {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    min-width: 90px !important;
}

.CoNtAcTsUpPoRtTeXtGrAyPlKjIh {
    color: #6B7280;
    font-weight: 500;
}

.CoNtAcTiNpUtBlUePlKjIhUgY {
    border: 1px solid #1286ff;
    background: rgba(18, 134, 255, 0.05);
    color: #1286ff;
    border-radius: 25px;
}

/* 优化分享按钮的悬停效果 */
.ShArEpLaTfOrMpLkMjNhBgVfCd:hover .PlAtFoRmIcOnPlKjIhUgYtFr {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.ShArEpLaTfOrMpLkMjNhBgVfCd {
    border-radius: 25px;
    padding: 8px;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    width: 100%;
    position: relative;
}

.ShArEpLaTfOrMpLkMjNhBgVfCd:hover {
    background-color: rgba(18, 134, 255, 0.1);
}

/* 新增：直接跳转分享按钮样式 */
.ShArEqQdIrEcTjUmP:hover .QqIcOnBgCoLoR {
    background: rgba(18, 134, 255, 0.2) !important;
    transform: scale(1.1);
}

.ShArEwEcHaTdIrEcTjUmP:hover .WeChAtIcOnBgCoLoR {
    background: rgba(18, 134, 255, 0.2) !important;
    transform: scale(1.1);
}

.ShArEtElEgRaMdIrEcTjUmP:hover .TeLeGrAmIcOnBgCoLoR {
    background: rgba(18, 134, 255, 0.2) !important;
    transform: scale(1.1);
}

/* 应用检测状态指示器 */
.ApPdEtEcTiOnInDiCaToRpLkMj {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid white;
}

.ApPdEtEcTiOnInDiCaToRpLkMj.AvAiLaBlEsTaTuSpLkMj {
    background: #10B981;
}

.ApPdEtEcTiOnInDiCaToRpLkMj.UnAvAiLaBlEsTaTuSpLkMj {
    background: #EF4444;
}

.AnNoUnCeMeNtPoPuPpLkMjNhBgV {
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.AnNoUnCeMeNtCoNtAiNeRnEwRoUn {
    margin: auto;
    max-width: 26rem;
}

.ShArEpLaTfOrMpLkMjNhBgVfCd .PlAtFoRmIcOnPlKjIhUgYtFr {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    background: rgba(18, 134, 255, 0.1);
    color: #1286ff;
    font-size: 1.5rem;
}

/* 新增：客服页面打开应用确认弹窗 */
.OpEnApPoNfIrMcOnFpOpUpOv {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    cursor: pointer;
}

.OpEnApPoNfIrMcOnFpOpUpOv.AcTiVePlMjKiOhUgYtFrDeSwQ {
    opacity: 1;
    pointer-events: auto;
}

.OpEnApPoNfIrMcOnFpOpUpOv > * {
    cursor: default;
}

.OpEnApPoNfIrMcOnFcOnTeNtPl {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 24rem;
    margin: 0 1rem;
    transform: scale(0.95);
    transition: transform 0.3s;
    z-index: 1001;
}

.OpEnApPoNfIrMcOnFpOpUpOv.AcTiVePlMjKiOhUgYtFrDeSwQ .OpEnApPoNfIrMcOnFcOnTeNtPl {
    transform: scale(1);
}

.OpEnApPoNfIrMcOnFhEaDeRpL {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.OpEnApPoNfIrMcOnFtItLePlKj {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.OpEnApPoNfIrMcOnFbOdYpLkMjN {
    padding: 1.5rem;
    text-align: center;
}

.OpEnApPoNfIrMcOnFiCoNpLkMjN {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.8rem;
    background: rgba(18, 134, 255, 0.1);
    color: #1286ff;
}

.OpEnApPoNfIrMcOnFdEsCpLkMjN {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.OpEnApPoNfIrMcOnFaCtIoNsPl {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.OpEnApPoNfIrMcOnFoPeNbUtToN {
    flex: 1;
    padding: 0.75rem 1rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.3);
}

.OpEnApPoNfIrMcOnFoPeNbUtToN:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.OpEnApPoNfIrMcOnFdLoWnLoAdBt {
    flex: 1;
    padding: 0.75rem 1rem;
    background: rgba(18, 134, 255, 0.1);
    color: #1286ff;
    border: 2px solid #1286ff;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.OpEnApPoNfIrMcOnFdLoWnLoAdBt:hover {
    background: rgba(18, 134, 255, 0.2);
}

.OpEnApPoNfIrMcOnFcLoSeBtNpL {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    color: #1286ff;
    font-size: 1.2rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.OpEnApPoNfIrMcOnFcLoSeBtNpL:hover {
    background: rgba(18, 134, 255, 0.1);
}

/* 动画定义 */
@keyframes ScRoLlTeXtAnImAtIoN {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

@keyframes PuLsEaNiMaTiOn {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.8; }
}

@keyframes LoGoScAnNeWtOpLeFtToBoRtOmRiGhT {
    0% { 
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% { 
        transform: translateX(100%);
    }
}

.DiScOvErEnTrIeScOnTaInEr {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.DiScOvErEnTrYpLkMjNhBgVfCdX {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: white;
    border-radius: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.DiScOvErEnTrYpLkMjNhBgVfCdX:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.DiScOvErEnTrYiCoNpLkMjNhBg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.DiScOvErEnTrYiCoNpLkMjNhBg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.DiScOvErEnTrYtItLePlKjIhUg {
    font-size: 1rem;
    font-weight: 600;
    color: #2D3748;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.DiScOvErEnTrYaRrOwPlKjIhUg {
    margin-left: auto;
    color: #1286ff;
    font-size: 1.2rem;
    flex-shrink: 0;
}

body {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.NoImAgEsAvEpLkMjNhBgVfCdXs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

html {
    scroll-behavior: smooth;
}

.SmOoThTrAnSiTiOnPlKjIhUgY {
    transition: all 0.3s ease;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.ShArEiNpUtCoNtAiNeRpLkMjNh {
    display: flex;
    width: 100%;
}

/* 修改后的下载APP区域样式 - 更小尺寸 */
.DoWnLoAdApPbAnNeRsMaLlPlKj {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    margin: 0.5rem;
    border-radius: 12px;
    padding: 0.75rem;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.2);
    position: relative;
}

.DoWnLoAdApPcOnTeNtSmAlLpLk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.DoWnLoAdApPcLoSeBtNpLkMjNh {
    position: absolute;
    top: 4px;
    left: 4px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    cursor: pointer;
    z-index: 10;
}

.DoWnLoAdApPcLoSeBtNpLkMjNh:hover {
    background: rgba(255, 255, 255, 0.3);
}

.DoWnLoAdApPiNfOsMaLlPlKjIh {
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: 24px;
}

.DoWnLoAdApPiCoNsMaLlPlKjI {
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.DoWnLoAdApPiCoNsMaLlPlKjI img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 4px;
}

.DoWnLoAdApPtExTsMaLlPlKjI {
    color: white;
}

.DoWnLoAdApPtItLeSmAlLpLk {
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
}

.DoWnLoAdApPdEsCsMaLlPlKjI {
    font-size: 0.6rem;
    opacity: 0.9;
}

.DoWnLoAdApPbUtToNsMaLlPlK {
    background: white;
    color: #1286ff;
    border: none;
    border-radius: 15px;
    padding: 0.3rem 0.8rem;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.DoWnLoAdApPbUtToNsMaLlPlK:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* 更多按钮样式 - 改为蓝色 */
.ShArEmOrEbLuEpLkMjNhBgVf {
    background: rgba(18, 134, 255, 0.1) !important;
    color: #1286ff !important;
}

.ShArEmOrEbLuEpLkMjNhBgVf .PlAtFoRmIcOnPlKjIhUgYtFr {
    background: rgba(18, 134, 255, 0.1) !important;
    color: #1286ff !important;
}

/* 应用下载弹窗样式 - 增加z-index确保显示在前面 */
.ApPdOwNlOaDpOpUpPlKjIhUgY {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2500; /* 提高z-index确保显示在前面 */
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
}

.ApPdOwNlOaDpOpUpPlKjIhUgY > * {
    cursor: default;
}

.ApPdOwNlOaDcOnTeNtPlKjIh {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 20rem;
    margin: 0 1rem;
    transform: scale(1);
    z-index: 2501; /* 提高z-index确保显示在前面 */
    overflow: hidden;
}

.ApPdOwNlOaDhEaDeRpLkMjNh {
    padding: 1.5rem 1.5rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}

.ApPdOwNlOaDtItLePlKjIhUg {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1286ff;
    margin: 0;
}

.ApPdOwNlOaDcLoSePlKjIhUgY {
    background: transparent;
    border: none;
    color: #1286ff;
    font-size: 1.2rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ApPdOwNlOaDcLoSePlKjIhUgY:hover {
    background: rgba(18, 134, 255, 0.1);
}

.ApPdOwNlOaDbOdYpLkMjNhBgV {
    padding: 1.5rem;
    text-align: center;
}

.ApPdOwNlOaDiCoNpLkMjNhBg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.8rem;
}

.ApPdOwNlOaDdEsCpLkMjNhBg {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.ApPdOwNlOaDbUtToNpLkMjNh {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 25px;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.3);
    width: 100%;
}

.ApPdOwNlOaDbUtToNpLkMjNh:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* 新增：欢迎图片横幅样式 */
.WeLcOmEbAnNeRiMaGePlKjIhU {
    margin: 0.75rem;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    position: relative;
}

.WeLcOmEbAnNeRiMaGePlKjIhU img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

/* 新增：蓝色渐变文字样式 */
.BlUeGrAdIeNtTeXtPlKjIhUgYt {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
}

/* 新增：卡片标题蓝色渐变 */
.CaRdTiTlEbLuEgRaDiEnTpLk {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
}

/* 新增：弹窗文字蓝色渐变 */
.PoPuPtExTbLuEgRaDiEnTpLk {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}

/* 蓝色渐变按钮样式 */
.BgBlUeGrAdIeNtPlKjIhUgYt {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    box-shadow: 0 1.025641vw 2.051282vw 0 rgba(84, 177, 255, .2);
}

/* 恢复移动端下拉刷新显示 */
body {
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
}

.PaGeCoNtAiNeRpLkMjNhBgVfCd {
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* 新增：加载页面覆盖层样式 - 隐藏底部导航 */
.LoAdInGoVeRlAyPlKjIhUgYtFrDe {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: white;
    backdrop-filter: blur(10px);
}

.LoAdInGoVeRlAyPlKjIhUgYtFrDe .BoTtOmNaVnEwPlKjIhUgYtFrDe {
    display: none !important;
}

/* 新增：卡片加载页面覆盖层样式 */
.CaRdLoAdInGpAgEpLkMjNhBgVf {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.CaRdLoAdInGpAgEpLkMjNhBgVf .BoTtOmNaVnEwPlKjIhUgYtFrDe {
    display: none !important;
}

/* 新增：加载logo发光效果 */
.LoAdInGlOgOgLoWpLkMjNh {
    position: relative;
    border-radius: 0.75rem;
    animation: LoGoGlOwAnImAtIoN 2s ease-in-out infinite;
    box-shadow: 0 0 20px rgba(18, 134, 255, 0.3);
}

@keyframes LoGoGlOwAnImAtIoN {
    0% {
        box-shadow: 0 0 10px rgba(18, 134, 255, 0.3),
                   0 0 20px rgba(18, 134, 255, 0.2),
                   0 0 30px rgba(18, 134, 255, 0.1);
    }
    50% {
        box-shadow: 0 0 20px rgba(18, 134, 255, 0.6),
                   0 0 30px rgba(18, 134, 255, 0.4),
                   0 0 40px rgba(18, 134, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 10px rgba(18, 134, 255, 0.3),
                   0 0 20px rgba(18, 134, 255, 0.2),
                   0 0 30px rgba(18, 134, 255, 0.1);
    }
}

.LoGoGlOwEfFeCtPlKjIhUgYtFr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    background: linear-gradient(45deg, 
        transparent 0%, 
        rgba(18, 134, 255, 0.1) 25%, 
        rgba(18, 134, 255, 0.3) 50%, 
        rgba(18, 134, 255, 0.1) 75%, 
        transparent 100%);
    animation: LoGoGlOwRoTaTeAnImAtIoN 3s linear infinite;
    pointer-events: none;
}

@keyframes LoGoGlOwRoTaTeAnImAtIoN {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 新增：应用检测提示弹窗样式 */
.ApPdEtEcTiOnPoPuPpLkMjNhBgV {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
}

.ApPdEtEcTiOnPoPuPpLkMjNhBgV > * {
    cursor: default;
}

.ApPdEtEcTiOnCoNtEnTpLkMjNh {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 22rem;
    margin: 0 1rem;
    transform: scale(1);
    z-index: 1001;
    overflow: hidden;
}

.ApPdEtEcTiOnHeAdErpLkMjNh {
    padding: 1.5rem 1.5rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}

.ApPdEtEcTiOnTiTlEpLkMjNh {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
}

.ApPdEtEcTiOnClOsEpLkMjNh {
    background: transparent;
    border: none;
    color: #1286ff;
    font-size: 1.2rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ApPdEtEcTiOnClOsEpLkMjNh:hover {
    background: rgba(18, 134, 255, 0.1);
}

.ApPdEtEcTiOnBoDypLkMjNhBgV {
    padding: 1.5rem;
    text-align: center;
}

.ApPdEtEcTiOnIcOnPlKjIhUgY {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 2.5rem;
}

.ApPdEtEcTiOnDeScPlKjIhUgY {
    font-size: 1rem;
    color: #666;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.ApPdEtEcTiOnAcTiOnSpLkMjNh {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.ApPdEtEcTiOnOpEnApPpLkMj {
    flex: 1;
    padding: 0.75rem 1rem;
    background: rgba(18, 134, 255, 0.1);
    color: #1286ff;
    border: 2px solid #1286ff;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.ApPdEtEcTiOnOpEnApPpLkMj:hover {
    background: rgba(18, 134, 255, 0.2);
}

.ApPdEtEcTiOnDoWnLoAdPlKj {
    flex: 1;
    padding: 0.75rem 1rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.3);
}

.ApPdEtEcTiOnDoWnLoAdPlKj:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* 优化弹窗层级 */
.ShArEpOpUpLkMjNhBgVfCdXsZ {
    z-index: 1500;
}

.AnNoUnCeMeNtPoPuPpLkMjNhBgV {
    z-index: 1000;
}

.ApPdEtEcTiOnPoPuPpLkMjNhBgV {
    z-index: 1000;
}

.OpEnApPoNfIrMcOnFpOpUpOv {
    z-index: 1000;
}

/* 新增：分享确认弹窗样式 - 优化为高z-index显示在前面 */
.ShArEcOnFiRmPoPuPpLkMjNhBgV {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000; /* 高z-index确保显示在前面 */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    cursor: pointer;
}

.ShArEcOnFiRmPoPuPpLkMjNhBgV.AcTiVePlMjKiOhUgYtFrDeSwQ {
    opacity: 1;
    pointer-events: auto;
}

.ShArEcOnFiRmPoPuPpLkMjNhBgV > * {
    cursor: default;
}

.ShArEcOnFiRmCoNtEnTpLkMjNh {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 24rem;
    margin: 0 1rem;
    transform: scale(0.95);
    transition: transform 0.3s;
    z-index: 2001; /* 高z-index确保显示在前面 */
}

.ShArEcOnFiRmPoPuPpLkMjNhBgV.AcTiVePlMjKiOhUgYtFrDeSwQ .ShArEcOnFiRmCoNtEnTpLkMjNh {
    transform: scale(1);
}

.ShArEcOnFiRmHeAdErpLkMjNh {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.ShArEcOnFiRmTiTlEpLkMjNh {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ShArEcOnFiRmBoDypLkMjNhBgV {
    padding: 1.5rem;
    text-align: center;
}

.ShArEcOnFiRmIcOnPlKjIhUgY {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.8rem;
    background: rgba(18, 134, 255, 0.1);
    color: #1286ff;
}

.ShArEcOnFiRmDeScPlKjIhUgY {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.ShArEcOnFiRmAcTiOnSpLkMjNh {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.ShArEcOnFiRmOpEnApPpLkMjNh {
    flex: 1;
    padding: 0.75rem 1rem;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.3);
}

.ShArEcOnFiRmOpEnApPpLkMjNh:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.ShArEcOnFiRmDoWnLoAdPlKjIh {
    flex: 1;
    padding: 0.75rem 1rem;
    background: rgba(18, 134, 255, 0.1);
    color: #1286ff;
    border: 2px solid #1286ff;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.ShArEcOnFiRmDoWnLoAdPlKjIh:hover {
    background: rgba(18, 134, 255, 0.2);
}

.ShArEcOnFiRmClOsEpLkMjNhBg {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    color: #1286ff;
    font-size: 1.2rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ShArEcOnFiRmClOsEpLkMjNhBg:hover {
    background: rgba(18, 134, 255, 0.1);
}

/* 新增：卡片加载取消按钮圆形样式 */
.CaRdLoAdInGcAnCeLbUtToN {
    padding: 0.75rem 1.5rem;
    background: rgba(239, 68, 68, 0.1);
    color: #EF4444;
    border: 2px solid #EF4444;
    border-radius: 9999px; /* 圆形按钮 */
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.CaRdLoAdInGcAnCeLbUtToN:hover {
    background: rgba(239, 68, 68, 0.2);
    transform: translateY(-1px);
}

.CaRdLoAdInGcAnCeLbUtToN:active {
    transform: scale(0.95);
}

/* 优化所有弹窗点击外部关闭的样式 */
.ShArEpOpUpLkMjNhBgVfCdXsZ:hover,
.AnNoUnCeMeNtPoPuPpLkMjNhBgV:hover,
.OpEnApPoNfIrMcOnFpOpUpOv:hover,
.ApPdEtEcTiOnPoPuPpLkMjNhBgV:hover,
.ApPdOwNlOaDpOpUpPlKjIhUgY:hover,
.ShArEcOnFiRmPoPuPpLkMjNhBgV:hover {
    cursor: pointer;
}

/* ================== PG页面样式合并 ================== */
/* PG页面头部 */
.DiScOvErHeAdErPlKjIhUgYt {
    position: sticky;
    top: 0;
    z-index: 40;
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    margin-bottom: 1rem;
}

.DiScOvErHeAdErCoNtEnTpLk {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 修改：返回按钮样式优化 - 增加箭头大小和厚度，调整布局 */
.SiMpLeBaCkNoBoRdErPlKj {
    background: transparent;
    border: none;
    color: #1286ff;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 0.5rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-weight: 600;
    height: 36px;
    min-width: 85px; /* 增加最小宽度 */
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
}

.SiMpLeBaCkNoBoRdErPlKj:hover {
    color: #0a5cb8;
    background: rgba(18, 134, 255, 0.1);
    border-radius: 18px;
}

.SiMpLeBaCkNoBoRdErPlKj:active {
    transform: translateY(-50%) scale(0.95);
}

/* 简约返回按钮内部容器 */
.SiMpLeBaCkIcOnCoNtAiNeRNoBoR {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem; /* 减少间距，让箭头和文字更靠近 */
}

/* 简约返回箭头 - 增大尺寸和厚度 */
.SiMpLeBaCkIcOnArRoWNoBoR {
    width: 18px; /* 增大 */
    height: 18px; /* 增大 */
    border-left: 4px solid #1286ff; /* 加厚 */
    border-bottom: 4px solid #1286ff; /* 加厚 */
    transform: rotate(45deg);
    transition: all 0.3s ease;
}

.SiMpLeBaCkNoBoRdErPlKj:hover .SiMpLeBaCkIcOnArRoWNoBoR {
    border-left-color: #0a5cb8;
    border-bottom-color: #0a5cb8;
    transform: rotate(45deg) translateX(-2px);
}

/* 简约返回文字 */
.SiMpLeBaCkIcOnTeXtNoBoR {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1286ff;
    transition: color 0.3s ease;
}

.SiMpLeBaCkNoBoRdErPlKj:hover .SiMpLeBaCkIcOnTeXtNoBoR {
    color: #0a5cb8;
}

/* 修复：PG/PP标题居中布局 */
.DiScOvErTiTlEpLkMjNhBgV {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    margin: 0 auto; /* 居中 */
    flex: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .DiScOvErTiTlEpLkMjNhBgV {
        font-size: 1.5rem;
    }
}

.HeAdErSpAcEpLkMjNhBgVfCd {
    width: 85px; /* 与返回按钮宽度一致 */
    height: 36px;
    visibility: hidden;
}

/* 搜索区域 - 修改：减少顶部导航和搜索框的间距 */
.SeArChSeCtIoNpLkMjNhBgVfC {
    padding: 0 1rem 1rem;
    margin-top: 0; /* 移除之前的margin-top */
}

.SeArChBoXcOnTaInErPlKjI {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 25px;
    padding: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #f0f0f0;
    transition: all 0.3s ease;
}

.SeArChBoXcOnTaInErPlKjI:focus-within {
    border-color: #1286ff;
    box-shadow: 0 2px 12px rgba(18, 134, 255, 0.2);
}

.SeArChInPuTfIeLdPlKjIhU {
    flex: 1;
    border: none;
    outline: none;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    background: transparent;
    color: #333;
}

.SeArChInPuTfIeLdPlKjIhU::placeholder {
    color: #999;
}

.SeArChAcTiOnBtNpLkMjN {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 20px;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.SeArChAcTiOnBtNpLkMjN:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* 游戏列表 */
.GaMeLiStCoNtAiNeRpLkMjNh {
    padding: 0 1rem;
}

/* 修改：所有设备都显示两列 */
.GaMeGrIdLaYoUtPlKjIhU {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

/* 游戏卡片 */
.GaMeCaRdCoNtAiNeRpLkMjNh {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.GaMeCaRdCoNtAiNeRpLkMjNh:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.GaMeImAgEcOnTaInErPlKjI {
    width: 100%;
    height: 120px;
    overflow: hidden;
    background-color: white;
    position: relative;
}

.GaMeImAgEpLkMjNhBgVfCdX {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    background-color: white;
}

/* 图片加载完成样式 */
.ImAgElOaDeDpLkMjNhBgVfC {
    opacity: 1;
    background-color: transparent;
}

/* 图片错误样式 - 显示全白和logo轮廓 */
.ImAgEeRrOrpLkMjNhBgVfCd {
    opacity: 0;
    background-color: white;
}

.ImAgEeRrOrpLkMjNhBgVfCd::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: #f0f0f0;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
}

.ImAgEeRrOrpLkMjNhBgVfCd::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 5px;
    z-index: 1;
}

.GaMeCaRdCoNtAiNeRpLkMjNh:hover .GaMeImAgEpLkMjNhBgVfCdX {
    transform: scale(1.05);
}

.GaMeNaMeTeXtPlKjIhUgYtFr {
    padding: 0.75rem;
    text-align: center;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
    background: white;
    border-top: 1px solid #f0f0f0;
}

/* 无结果提示 */
.NoReSuLtSmEsSaGePlKjI {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: #666;
}

.NoReSuLtTeXtPlKjIhUgYt {
    font-size: 1rem;
    margin: 0;
    color: #999;
}

/* 容器页面样式 */
.CoNtAiNeRpAgEpLkMjNhBgVfC {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 100;
}

.GaMeCoNtAiNeRiFrAmEpLkMj {
    width: 100%;
    height: 100%;
    border: none;
    background: white;
}

/* 修复：加载进度条隐藏问题 - 添加加载完成时的隐藏样式 */
.NeWlOaDiNgPrOgReSsBaRpLkMj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgba(18, 134, 255, 0.1);
    z-index: 102;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.NeWlOaDiNgPrOgReSsBaRpLkMj.LoAdInGcOmPlEtEd {
    opacity: 0;
    pointer-events: none;
    display: none !important; /* 修复：加载完成后完全隐藏 */
}

.NeWpRoGrEsSbArFiLlPlKjIh {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, 
        #50bdff 0%, 
        #1286ff 50%, 
        #50bdff 100%);
    background-size: 200% 100%;
    animation: NeWlOaDiNgAnImAtIoN 2s infinite linear, 
               PrOgReSsFiLlAnImAtIoN 3s ease-in-out forwards;
    transition: width 0.3s ease;
}

@keyframes NeWlOaDiNgAnImAtIoN {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes PrOgReSsFiLlAnImAtIoN {
    0% {
        width: 0%;
    }
    70% {
        width: 80%;
    }
    100% {
        width: 100%;
    }
}

.NeWlOaDiNgPrOgReSsBaRpLkMj.LoAdInGaCtIvE .NeWpRoGrEsSbArFiLlPlKjIh {
    animation: NeWlOaDiNgAnImAtIoN 2s infinite linear, 
               PrOgReSsFiLlAnImAtIoN 1.5s ease-in-out forwards;
}

/* 浮动返回按钮 */
.FlOaTiNgBaCkBtNpLkMjNhBg {
    position: fixed;
    z-index: 101;
    cursor: move;
    user-select: none;
    touch-action: none;
}

/* 修改：汉堡菜单样式 - 蓝色渐变背景，白色三条杠，调长三条杠 */
.HaMbUrGeRbArCoNtAiNeR {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: 100%;
}

.HaMbUrGeRbArpLkMjNhBgVf {
    width: 25px;
    height: 3px;
    background-color: white;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.HaMbUrGeRmEnUbUtToNpLk {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: none;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), 
                linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(18, 134, 255, 0.3);
    transition: all 0.3s ease;
}

.HaMbUrGeRmEnUbUtToNpLk:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(18, 134, 255, 0.5);
}

.HaMbUrGeRmEnUbUtToNpLk:hover .HaMbUrGeRbArpLkMjNhBgVf {
    background-color: white;
}

/* 弹窗菜单 - 修改为带遮罩层的底部弹窗样式 */
.PoPuPmEnUcOnTaInErPlKjI {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 103;
}

.PoPuPcOnTeNtBoXpLkMjNhB {
    background: white;
    border-radius: 20px 20px 0 0;
    padding: 0;
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0;
}

.PoPuPaCtIoNbUtToNpLkMj {
    display: block;
    width: 100%;
    padding: 18px 0;
    border: none;
    background: transparent;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    transition: background-color 0.2s ease;
    font-weight: 500;
}

.PoPuPaCtIoNbUtToNpLkMj:hover {
    background-color: #f8f9fa;
}

.PoPuPaCtIoNbUtToNpLkMj:active {
    background-color: #e9ecef;
}

.PoPuPaCtIoNbUtToNpLkMj:last-child {
    border-bottom: none;
}

/* 新增：PG弹窗菜单分隔线 */
.PoPuPmEnUsEpArAtOrPlKjIhU {
    height: 12px;
    background: #f8f9fa;
    border: none;
    margin: 0;
    padding: 0;
}

/* 响应式设计 - 所有设备都保持两列 */
@media (min-width: 768px) {
    /* 保持两列，只调整间距和图片高度 */
    .GaMeGrIdLaYoUtPlKjIhU {
        gap: 1.5rem;
    }
    
    .GaMeImAgEcOnTaInErPlKjI {
        height: 140px;
    }
    
    /* 平板端弹窗底部显示，去掉margin-bottom */
    .PoPuPcOnTeNtBoXpLkMjNhB {
        width: 100%;
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) {
    /* 桌面端也保持两列 */
    .GaMeGrIdLaYoUtPlKjIhU {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .GaMeImAgEcOnTaInErPlKjI {
        height: 150px;
    }
    
    /* 桌面端弹窗也底部显示 */
    .PoPuPcOnTeNtBoXpLkMjNhB {
        width: 100%;
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }
}

/* 移动端优化 */
@media (max-width: 480px) {
    .GaMeGrIdLaYoUtPlKjIhU {
        gap: 0.75rem;
    }
    
    .GaMeImAgEcOnTaInErPlKjI {
        height: 100px;
    }
    
    .GaMeNaMeTeXtPlKjIhUgYtFr {
        padding: 0.5rem;
        font-size: 0.8rem;
    }
    
    .SeArChInPuTfIeLdPlKjIhU {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
    
    .SeArChAcTiOnBtNpLkMjN {
        padding: 0.5rem 1rem;
    }
    
    /* 移动端浮动按钮稍小 */
    .HaMbUrGeRmEnUbUtToNpLk {
        width: 50px;
        height: 50px;
    }
    
    .HaMbUrGeRbArpLkMjNhBgVf {
        width: 22px;
        height: 2.5px;
    }
    
    /* 移动端返回按钮调整 */
    .SiMpLeBaCkNoBoRdErPlKj {
        padding: 0.4rem 0.5rem;
        height: 32px;
        min-width: 80px;
        font-size: 0.8rem;
        left: 0.5rem;
    }
    
    .SiMpLeBaCkIcOnTeXtNoBoR {
        font-size: 0.8rem;
    }
    
    .HeAdErSpAcEpLkMjNhBgVfCd {
        width: 80px;
        height: 32px;
    }
    
    /* 移动端PG/PP标题调整 */
    .DiScOvErTiTlEpLkMjNhBgV {
        font-size: 1.1rem;
        max-width: 50%;
    }
    
    /* 移动端弹窗按钮加大触摸区域 */
    .PoPuPaCtIoNbUtToNpLkMj {
        padding: 20px 0;
    }
    
    /* 移动端PG弹窗菜单分隔线 */
    .PoPuPmEnUsEpArAtOrPlKjIhU {
        height: 10px;
    }
}

/* 超小屏幕优化 */
@media (max-width: 360px) {
    .GaMeGrIdLaYoUtPlKjIhU {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
    
    .GaMeImAgEcOnTaInErPlKjI {
        height: 90px;
    }
    
    .GaMeNaMeTeXtPlKjIhUgYtFr {
        padding: 0.4rem;
        font-size: 0.75rem;
    }
    
    .SiMpLeBaCkNoBoRdErPlKj {
        padding: 0.3rem 0.5rem;
        height: 30px;
        min-width: 75px;
        font-size: 0.75rem;
        left: 0.5rem;
    }
    
    .DiScOvErTiTlEpLkMjNhBgV {
        font-size: 1rem;
        max-width: 45%;
    }
}

/* ================== URL路由相关样式 - 修改：删除URL参数显示 ================== */
/* 删除URL参数显示区域样式 */
.UrLpArAmEtErSdIsPlAyPlKjIhU {
    display: none !important;
}

/* 新增：PG路由过渡动画 */
.RoUtErTrAnSiTiOnEnTeRpLkMjNh {
    animation: FaDeInAnImAtIoN 0.3s ease-in-out;
}

/* 新增：PG容器页面导航修复 */
.PgExItBuTtOnFiXpLkMjNhBgV,
.PpExItBuTtOnFiXpLkMjNhBgV {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* ================== 新增：禁止缩放样式 ================== */
/* 禁止双击放大和双指缩放 */
html, body {
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    touch-action: pan-x pan-y;
}

/* 禁止文本选择 */
* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* 禁止双击放大 */
* {
    -webkit-touch-callout: none;
}

/* 禁止缩放 */
.PrEvEnTzOoMpLkMjNhBgVfCd {
    touch-action: pinch-zoom;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
}

/* 禁止手势缩放 */
.NoGeStUrEzOoMpLkMjNhBgVfC {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ================== 修改：PP电子页面样式 - 统一为蓝色 ================== */
/* 删除PP电子开发中提示相关样式 */
.PpDeVeLoPiNgMeSsAgEpLkMjNh,
.PpDeVeLoPiNgTiTlEpLkMjNhB,
.PpDeVeLoPiNgDeScPlKjIhUgY {
    display: none !important;
}

/* PP电子页面标题渐变 - 改为蓝色 */
.PpTiTlEgRaDiEnTpLkMjNhBgV {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
}

/* PP电子搜索按钮 - 改为蓝色 */
.PpSeArChAcTiOnBtNpLkMjN {
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    color: white;
    border: none;
    border-radius: 20px;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(18, 134, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.PpSeArChAcTiOnBtNpLkMjN:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* PP电子游戏卡片 - 改为蓝色边框 */
.PpGaMeCaRdCoNtAiNeRpLkMj {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border: 2px solid rgba(18, 134, 255, 0.1);
}

.PpGaMeCaRdCoNtAiNeRpLkMj:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border-color: rgba(18, 134, 255, 0.3);
}

/* PP电子浮动按钮 - 改为蓝色 */
.PpFlOaTiNgBaCkBtNpLkMjNhB {
    position: fixed;
    z-index: 101;
    cursor: move;
    user-select: none;
    touch-action: none;
}

/* PP电子浮动按钮内的汉堡图标 - 使用蓝色渐变，调长三条杠 */
.PpHaMbUrGeRmEnUbUtToNpL {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: none;
    background: linear-gradient(273deg, #7cf .98%, rgba(80, 189, 255, 0) 43.86%), 
                linear-gradient(115deg, #50bdff 26.5%, #1286ff 92.77%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(18, 134, 255, 0.3);
    transition: all 0.3s ease;
}

.PpHaMbUrGeRmEnUbUtToNpL:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(18, 134, 255, 0.5);
}

/* PP电子浮动按钮内的汉堡图标 */
.PpHaMbUrGeRmEnUbUtToNpL .HaMbUrGeRbArCoNtAiNeR {
    flex-direction: column;
    gap: 5px;
}

.PpHaMbUrGeRmEnUbUtToNpL .HaMbUrGeRbArpLkMjNhBgVf {
    width: 25px;
    height: 3px;
    background-color: white;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.PpHaMbUrGeRmEnUbUtToNpL:hover .HaMbUrGeRbArpLkMjNhBgVf {
    background-color: white;
}

/* PP电子弹窗按钮 - 使用与PG相同的样式 */
.PpPoPuPaCtIoNbUtToNpLkM {
    display: block;
    width: 100%;
    padding: 18px 0;
    border: none;
    background: transparent;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    transition: background-color 0.2s ease;
    font-weight: 500;
}

.PpPoPuPaCtIoNbUtToNpLkM:hover {
    background-color: #f8f9fa;
}

.PpPoPuPaCtIoNbUtToNpLkM:active {
    background-color: #e9ecef;
}

/* PP电子弹窗分隔线 - 使用与PG相同的样式 */
.PpPoPuPmEnUsEpArAtOrPlK {
    height: 12px;
    background: #f8f9fa;
    border: none;
    margin: 0;
    padding: 0;
}

/* ================== 新增：图片加载优化样式 ================== */
/* 默认图片logo样式 */
.ImAgEdEfAuLtLoGoStyLe {
    background-color: white;
    position: relative;
}

.ImAgEdEfAuLtLoGoStyLe::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: #f0f0f0;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    z-index: 1;
}

.ImAgEdEfAuLtLoGoStyLe::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 5px;
    z-index: 2;
}

/* 图片加载完成时移除logo样式 */
.ImAgElOaDeDpLkMjNhBgVfC.ImAgEdEfAuLtLoGoStyLe::after,
.ImAgElOaDeDpLkMjNhBgVfC.ImAgEdEfAuLtLoGoStyLe::before {
    display: none;
}