更新

assets/css/joe.index.scss

@@ -87,6 +87,7 @@
             grid-template-columns: repeat(4, 1fr);
             column-gap: 15px;
             .item {
+                overflow: hidden;
                 .link {
                     display: block;
                     .inner {

assets/css/joe.responsive.css

@@ -1 +1 @@
-@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_live__play-player{height:520px}html .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .joe_video__source-list{grid-template-columns:repeat(7, 1fr)}}@media (max-width: 1200px){html .joe_live__list-item .thumb{height:125px}}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(5, 1fr)}@media (max-width: 1400px){html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}}
+@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_live__play-player{height:520px}html .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .joe_video__source-list{grid-template-columns:repeat(7, 1fr)}}@media (max-width: 1200px){html .joe_live__list-item .thumb{height:120px}html .joe_live__play-player{height:450px}html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__list-item .item .thumb{height:200px}html .joe_video__player-play{height:450px}html .joe_video__source-list{grid-template-columns:repeat(6, 1fr)}html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_index__hot-list .item .link .inner .image{height:80px}html .joe_index__banner{display:block}html .joe_index__banner-recommend{width:100%;margin-left:0;padding-top:15px;display:grid;grid-template-columns:repeat(2, 1fr);-webkit-column-gap:15px;column-gap:15px}html .joe_index__banner-recommend.noswiper{padding-top:0}html .joe_index__banner-recommend .item{height:135px;margin:0 !important}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_live__play-player{height:400px}html .joe_video__player-play{height:400px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .swiper-container{height:300px}html .swiper-container .item{height:300px}html .joe_header__below{display:none}html .joe_header__above-logo{padding:0;margin:0}html .joe_header__above-logo::after{display:none}html .joe_header__above-nav{display:none}html .joe_index__hot-list .item .link .inner .image{height:100px}}@media (max-width: 768px){html #Joe{display:none}html .noaside::after{content:"移动端适配中..."}}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(5, 1fr)}@media (max-width: 1400px){html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}}@media (max-width: 1200px){html .noaside .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_index__hot-list .item .link .inner .image{height:100px}html .noaside .joe_index__banner-recommend .item{height:150px}}@media (max-width: 992px){html .noaside .joe_live__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}}

assets/css/joe.responsive.scss

@@ -20,12 +20,94 @@ html {
     }
     @media (max-width: 1200px) {
         .joe_live__list-item .thumb {
-            height: 125px;
+            height: 120px;
+        }
+        .joe_live__play-player {
+            height: 450px;
+        }
+        .joe_detail__friends {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        .joe_video__list-item {
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .joe_video__list-item .item .thumb {
+            height: 200px;
+        }
+        .joe_video__player-play {
+            height: 450px;
+        }
+        .joe_video__source-list {
+            grid-template-columns: repeat(6, 1fr);
+        }
+        .joe_wallpaper__list {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_index__hot-list .item .link .inner .image {
+            height: 80px;
+        }
+        .joe_index__banner {
+            display: block;
+        }
+        .joe_index__banner-recommend {
+            width: 100%;
+            margin-left: 0;
+            padding-top: 15px;
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            column-gap: 15px;
+            &.noswiper {
+                padding-top: 0;
+            }
+        }
+        .joe_index__banner-recommend .item {
+            height: 135px;
+            margin: 0 !important;
         }
     }
     @media (max-width: 992px) {
+        .joe_aside {
+            display: none;
+        }
+        .joe_live__play-player {
+            height: 400px;
+        }
+        .joe_video__player-play {
+            height: 400px;
+        }
+        .joe_video__source-list {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .swiper-container {
+            height: 300px;
+        }
+        .swiper-container .item {
+            height: 300px;
+        }
+        .joe_header__below {
+            display: none;
+        }
+        .joe_header__above-logo {
+            padding: 0;
+            margin: 0;
+            &::after {
+                display: none;
+            }
+        }
+        .joe_header__above-nav {
+            display: none;
+        }
+        .joe_index__hot-list .item .link .inner .image {
+            height: 100px;
+        }
     }
     @media (max-width: 768px) {
+        #Joe {
+            display: none;
+        }
+        .noaside::after {
+            content: "移动端适配中...";
+        }
     }
     @media (max-width: 576px) {
     }
@@ -51,8 +133,35 @@ html .noaside {
         }
     }
     @media (max-width: 1200px) {
+        .joe_detail__friends {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_video__list-item {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .joe_wallpaper__list {
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .joe_index__hot-list .item .link .inner .image {
+            height: 100px;
+        }
+        .joe_index__banner-recommend .item {
+            height: 150px;
+        }
     }
     @media (max-width: 992px) {
+        .joe_live__list {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_detail__friends {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        .joe_video__list-item {
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .joe_wallpaper__list {
+            grid-template-columns: repeat(3, 1fr);
+        }
     }
     @media (max-width: 768px) {
     }