/* Desktop layout; mobile continues to use index.css. */
@media screen and (min-width: 1000px) {
    .header { width: 100%; padding: 16px 5vw; }
    .ava { width: 48px; flex-shrink: 0; }
    .header > .left > .text > p:first-child { font-size: 12px; }
    .header > .left > .text > .text-min { font-size: 16px; }
    .header > .left > .text > .text-min > img { width: 22px; margin-left: 5px; }

    .pc-media {
        display: grid;
        grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
        width: calc(100% - 64px);
        max-width: 1180px;
        min-height: 480px;
        margin: 64px auto 48px;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0 0 44px rgba(45, 98, 217, .15);
    }
    .pc-media > .header-2, .pc-media > .main {
        width: auto;
        min-width: 0;
        box-sizing: border-box;
        border-radius: 0;
    }
    .pc-media > .header-2 { padding: 64px 24px; justify-content: center; }
    .header-2 > .big-text { position: relative; align-items: center; }
    .header-2 > .big-text > img { width: 36px; flex-shrink: 0; }
    .header-2 > .big-text > h1 { width: 100%; margin-top: 12px; font-size: 28px; text-align: center; }
    .header-2 > .info-text { position: relative; padding: 18px 20px; border-radius: 40px; font-size: 16px; text-align: center; line-height: 1.6; }
    .usdt-bac { width: 85%; top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%); }
    .logo { width: 32px !important; }
    .pc-media > .main { padding: 28px; transform: none; background: #fff; }

    .main > .tishi-container { margin: 0 0 24px; transform: none; }
    .tishi-content { min-width: 0; }
    .tishi-content > .tishi { display: block; font-size: 16px; }
    .main-1 { display: block; border-radius: 0; box-shadow: none; }
    .main-1 > .tab-list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0 0 20px;
        gap: 12px;
        overflow-x: auto;
    }
    .main-1 > .tab-list > .tab-li {
        flex: 1 0 auto;
        width: auto;
        margin: 0;
        padding: 14px 16px;
        border-radius: 8px;
        font-size: 16px;
        line-height: 1.5;
    }
    .main-1-content { width: 100%; min-width: 0; }
    .main-1-content > .content-box { padding: 0; }
    .main-1-content > .content-box > .content-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px 12px;
        padding: 12px 0;
        width: 100%;
    }
    .main-1-content > .content-box > .content-list > .content-item { width: auto; min-width: 0; margin: 0; }
    .main-1-content > .content-box > .content-list > .content-item > a { font-size: 16px; line-height: 1.5; }
    .main-1-content > .content-box > .content-list > .content-item > a > img { width: 56px; height: 56px; border-radius: 12px; margin-bottom: 8px; }
    .content-item .ww { width: 100%; min-width: 0; overflow-wrap: anywhere; }
    .content-item .wenwen { margin-top: 3px; line-height: 1.5; }
    .main-2, .main-3 { display: none; }
    .footer-sj { transform: none; padding: 0 24px 32px; font-size: 16px; text-align: center; }
    .footer-sj > .footer-sj-main { width: auto; margin: 0; padding: 0; }
    .popup-LYADCC { position: fixed; top: 70px; width: 180px; padding: 16px; border-radius: 16px; }
    .popup-LYADCC > a { font-size: 16px; }
    .popup-LYADCC > a > img { width: 28px; margin-right: 8px; }
}
