@charset "UTF-8";@import  "./src/assets/sass/main.scss";.light[data-v-3b40d5d5]{background-color:#fff;color:#000}.light a[data-v-3b40d5d5],.light p[data-v-3b40d5d5],.light h1[data-v-3b40d5d5],.light h2[data-v-3b40d5d5],.light h3[data-v-3b40d5d5],.light h4[data-v-3b40d5d5],.light h5[data-v-3b40d5d5],.light h6[data-v-3b40d5d5]{color:#000}.light body[data-v-3b40d5d5]{background-color:#fff;color:#000}.dark[data-v-3b40d5d5]{background-color:#121212;color:#fff}.dark a[data-v-3b40d5d5],.dark p[data-v-3b40d5d5],.dark h1[data-v-3b40d5d5],.dark h2[data-v-3b40d5d5],.dark h3[data-v-3b40d5d5],.dark h4[data-v-3b40d5d5],.dark h5[data-v-3b40d5d5],.dark h6[data-v-3b40d5d5]{color:#fff}.dark body[data-v-3b40d5d5]{background-color:#121212;color:#fff}.details[data-v-3b40d5d5]{position:relative;padding:0 10px;box-sizing:border-box}.details .background-container[data-v-3b40d5d5]{content:"";position:absolute;top:0;left:0;width:100%;height:440px;filter:blur(12px);opacity:.5;background-size:100% 100%}.details .card[data-v-3b40d5d5]{max-width:1200px;margin:5px auto}.details .con[data-v-3b40d5d5]{display:flex;justify-content:space-between;padding:10px;box-sizing:border-box}.details .con .left[data-v-3b40d5d5]{flex:1;margin-right:70px;order:2}.details .con .left .info_box[data-v-3b40d5d5]{position:relative;width:100%;padding:10px;margin-bottom:20px;box-sizing:border-box;box-shadow:0 1px 8px #0000001f;z-index:9}.details .con .left .info_box.light[data-v-3b40d5d5]{background-color:#fff;color:#000}.details .con .left .info_box.light a[data-v-3b40d5d5],.details .con .left .info_box.light p[data-v-3b40d5d5],.details .con .left .info_box.light h1[data-v-3b40d5d5],.details .con .left .info_box.light h2[data-v-3b40d5d5],.details .con .left .info_box.light h3[data-v-3b40d5d5],.details .con .left .info_box.light h4[data-v-3b40d5d5],.details .con .left .info_box.light h5[data-v-3b40d5d5],.details .con .left .info_box.light h6[data-v-3b40d5d5]{color:#000}.details .con .left .info_box.light body[data-v-3b40d5d5]{background-color:#fff;color:#000}.details .con .left .info_box.dark[data-v-3b40d5d5]{background-color:#212121;color:#fff}.details .con .left .info_box.dark a[data-v-3b40d5d5],.details .con .left .info_box.dark p[data-v-3b40d5d5],.details .con .left .info_box.dark h1[data-v-3b40d5d5],.details .con .left .info_box.dark h2[data-v-3b40d5d5],.details .con .left .info_box.dark h3[data-v-3b40d5d5],.details .con .left .info_box.dark h4[data-v-3b40d5d5],.details .con .left .info_box.dark h5[data-v-3b40d5d5],.details .con .left .info_box.dark h6[data-v-3b40d5d5]{color:#fff}.details .con .left .info_box.dark body[data-v-3b40d5d5]{background-color:#212121;color:#fff}.details .con .left .info_box .cover_pic[data-v-3b40d5d5]{position:relative;width:70%}.details .con .left .info_box .cover_pic img[data-v-3b40d5d5]{width:100%;filter:brightness(.5)}.details .con .left .info_box .cover_pic .play[data-v-3b40d5d5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:20px;font-weight:500}.details .con .left .info_box .cover_pic .play i[data-v-3b40d5d5]{font-size:80px;color:#fff}.details .con .left .info_box .cover_pic .play p[data-v-3b40d5d5]{margin-top:8px;color:#fff}.details .con .left .info_box .info_title[data-v-3b40d5d5]{margin:25px 0}.details .con .left .info_box .info_title .title_l[data-v-3b40d5d5]{flex:1;display:flex}.details .con .left .info_box .info_title .title_l .icon[data-v-3b40d5d5]{width:128px;height:128px}.details .con .left .info_box .info_title .title_l .icon img[data-v-3b40d5d5]{width:100%;height:100%;border-radius:8px}.details .con .left .info_box .info_title .title_l .text_desc[data-v-3b40d5d5]{flex:1;margin-left:20px}.details .con .left .info_box .info_title .title_l .text_desc p[data-v-3b40d5d5]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0;font-size:16px}.details .con .left .info_box .info_title .title_l .text_desc .game_id[data-v-3b40d5d5]{width:fit-content;padding:5px 8px;border-radius:8px;color:#fff;background-color:#6cc3d5}.details .con .left .info_box .info_title .title_l .text_desc .title_r[data-v-3b40d5d5]{width:fit-content;margin:15px 0;padding:8px 18px;color:#fff;background-color:#78c2ad;border-radius:8px;cursor:pointer}.details .con .left .tags span[data-v-3b40d5d5]{display:inline-block;margin:8px 0 0 5px;padding:2px 8px;box-sizing:border-box;border-radius:5px;color:#fff;background-color:#378ae9;font-size:12px}.details .con .left .introduction h3[data-v-3b40d5d5]{margin:10px 0}.details .con .left .introduction p[data-v-3b40d5d5]{text-indent:8px;line-height:28px}.details .recommend[data-v-3b40d5d5]{width:100%;display:flex;margin-top:20px;padding:20px;box-sizing:border-box}.details .recommend.light[data-v-3b40d5d5]{background-color:#f5f5f5;color:#000}.details .recommend.light a[data-v-3b40d5d5],.details .recommend.light p[data-v-3b40d5d5],.details .recommend.light h1[data-v-3b40d5d5],.details .recommend.light h2[data-v-3b40d5d5],.details .recommend.light h3[data-v-3b40d5d5],.details .recommend.light h4[data-v-3b40d5d5],.details .recommend.light h5[data-v-3b40d5d5],.details .recommend.light h6[data-v-3b40d5d5]{color:#000}.details .recommend.light body[data-v-3b40d5d5]{background-color:#f5f5f5;color:#000}.details .recommend.dark[data-v-3b40d5d5]{background-color:#212121;color:#fff}.details .recommend.dark a[data-v-3b40d5d5],.details .recommend.dark p[data-v-3b40d5d5],.details .recommend.dark h1[data-v-3b40d5d5],.details .recommend.dark h2[data-v-3b40d5d5],.details .recommend.dark h3[data-v-3b40d5d5],.details .recommend.dark h4[data-v-3b40d5d5],.details .recommend.dark h5[data-v-3b40d5d5],.details .recommend.dark h6[data-v-3b40d5d5]{color:#fff}.details .recommend.dark body[data-v-3b40d5d5]{background-color:#212121;color:#fff}.details .recommend h2[data-v-3b40d5d5]{width:200px}.details .recommend ul[data-v-3b40d5d5]{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}@media (max-width: 768px){.details .card[data-v-3b40d5d5]{max-width:100%;min-width:0;margin:5px auto}.details .con[data-v-3b40d5d5]{display:block;padding:0}.details .con .left[data-v-3b40d5d5]{width:100%}.details .con .left .info_box[data-v-3b40d5d5]{padding:10px;margin-bottom:20px;border-radius:8px}.details .con .left .info_box .cover_pic[data-v-3b40d5d5]{width:100%}.details .con .left .info_box .cover_pic img[data-v-3b40d5d5]{width:100%;filter:brightness(.5)}.details .con .left .info_box .cover_pic .play[data-v-3b40d5d5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:20px;font-weight:500}.details .con .left .info_box .cover_pic .play i[data-v-3b40d5d5]{font-size:80px;color:#fff}.details .con .left .info_box .cover_pic .play p[data-v-3b40d5d5]{margin-top:8px;color:#fff}.details .con .left .info_box .info_title[data-v-3b40d5d5]{display:block}.details .con .left .info_box .info_title .title_l[data-v-3b40d5d5]{width:100%}.details .con .left .info_box .info_title .title_l .icon[data-v-3b40d5d5]{width:100px;height:100px}.details .con .left .info_box .info_title .title_l .text_desc[data-v-3b40d5d5]{margin-left:10px}.details .con .left .info_box .info_title .title_l .text_desc p[data-v-3b40d5d5]{margin:0;font-size:13px}.details .con .left .introduction[data-v-3b40d5d5]{padding:8px 15px;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 20px #2b40731f}.details .con .left .introduction p[data-v-3b40d5d5]{text-align:justify}.details .recommend[data-v-3b40d5d5]{display:block}.details .recommend h2[data-v-3b40d5d5]{width:200px;margin-bottom:10px}.details .recommend ul[data-v-3b40d5d5]{grid-template-columns:repeat(3,1fr);gap:5px}}