*{margin: 0; padding: 0; box-sizing: border-box;}

/* 大屏电脑 */
@media (min-width: 1401px) {
    .block{background-color: #090f1d; width: 100%; min-height: 100vh; display: flex;}
    .left{width: 46%; min-height: 100vh; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/left_bg.png); background-size: cover; background-position: center;}
    .right{width: 54%; min-height: 100vh; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/right_bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; padding: 12vh 30px 5vh; display: flex; flex-direction: column; align-items: center;}
    .right .logo{width: min(40%, 412px); display: block;}
    .btn{width: 260px; height: 85px; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/btn.png); background-size: 100% 100%; display: block; margin-top: auto;}
    .time_font{width: 100%; text-align: center; font-size: 36px; font-weight: bold; color: #fff; margin-top: 25px;}
    .steam_logo{width: 90px; display: block; margin-top: 25px;}
}

/* 窄屏笔记本 / 平板横屏：保留左右布局 */
@media (min-width: 769px) and (max-width: 1400px) {
    .block{background-color: #090f1d; width: 100%; min-height: 100vh; display: flex;}
    .left{width: 42%; min-height: 100vh; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/left_bg.png); background-size: cover; background-position: center;}
    .right{width: 58%; min-height: 100vh; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/right_bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; padding: clamp(55px, 9vh, 100px) 24px clamp(28px, 5vh, 50px); display: flex; flex-direction: column; align-items: center;}
    .right .logo{width: clamp(240px, 34vw, 360px); max-width: 72%; display: block;}
    .btn{width: 220px; height: 72px; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/btn.png); background-size: 100% 100%; display: block; margin-top: auto;}
    .time_font{width: 100%; text-align: center; font-size: clamp(24px, 2.7vw, 32px); font-weight: bold; color: #fff; margin-top: 20px;}
    .steam_logo{width: 80px; display: block; margin-top: 18px;}
}

/* 手机 */
@media (max-width: 768px) {
    .block{background-color: #090f1d; width: 100%; min-height: 100vh;}
    .left{width: 100%; height: 112vw; max-height: 72vh; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/left_bg.png); background-size: cover; background-position: center top;}
    .right{width: 100%; min-height: 78vw; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/right_bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; padding: 10vw 20px 10vw; display: flex; flex-direction: column; align-items: center;}
    .right .logo{width: min(68vw, 360px); display: block;}
    .btn{width: min(52vw, 260px); aspect-ratio: 260 / 85; background-image: url(https://ioi-f-group-1308616072.cos.ap-chengdu.myqcloud.com/fm27/images/btn.png); background-size: 100% 100%; display: block; margin-top: 42vw;}
    .time_font{width: 100%; text-align: center; font-size: clamp(21px, 6vw, 30px); font-weight: bold; color: #fff; margin-top: 20px;}
    .steam_logo{width: 82px; display: block; margin-top: 18px;}
}