@charset "utf-8"; /* * Dislyte 海外官网 · 新闻详情页（含 4 个专题页）（PC） * 复用 home_pc.css 的 #page-root / header / footer 骨架，本文件只覆盖位置与本页内容 * 第 1 段：源站 x-game_pc/css/detail.css 原值（已去注释、素材路径改为项目 img/、区块类名 .partN → .sub_partN、区块背景图改由 config 绑定） * 第 2 段：适配层——#page-root 内的长页滚动容器、固定层（顶栏 / 语言列表 / 悬浮社交栏）、返回顶部按钮 * 由 .a2web/replicate/build-css-sub.mjs 生成，改源站值请改脚本后重跑 */ /* ================= 源站样式 ================= */ .sub_part1{height: 758px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;} .sub_part2{height: auto; background-color: #e0e2f4; background-repeat: no-repeat; background-position: 50% 0;} .sub_part2 .center{width: 1400px; height: 100%; position: relative; margin: 0 auto;} .sub_part2 .center .news_center_box{width: 1400px; height: auto; position: relative; background-color: #eaeaff; border-radius: 20px; top: -580px; left: 0;} .sub_part2 .center .news_center_box .return{top: 40px;left: -21px; display: block; width: 115px; height: 72px; background-image: url(../img/common/newspage/return.webp);} .sub_part2 .center .news_center_box .p1{text-align: center; color: #1a1a32; font-size: 50px; font-family: 'IMPACT'; padding-top: 90px;} .sub_part2 .center .news_center_box .p2{text-align: center; color: #ccc; font-size: 22px; font-family: 'Helvetica'; margin-top: 30px;} .sub_part2 .center .news_center_text_box{margin: 30px 50px 50px 50px;} .sub_part2 .center .news_center_text_box strong{font-weight:700} .sub_part2 .center .news_center_text_box .news_img_top{display: block; width: 1216px; height: 565px; margin: 0 auto;} .sub_part2 .center .news_center_text_box .p_list{padding: 40px; font-size: 25px; color: #7777a1; font-family: 'Helvetica';} .sub_part2 .center .news_center_text_box .p_list p{line-height: 35px;margin: 20px 0 20px 0;} .news_center_text_box::-webkit-scrollbar{width:6px;height:0} .news_center_text_box::-webkit-scrollbar{background-color:transparent;border-radius:3px} .news_center_text_box::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius:20px} .news_center_text_box::-webkit-scrollbar-track-piece{background-color:#d3d3ec;border-radius:3px} .news_center_text_box::-webkit-scrollbar-button{background-color:transparent;width:0;height:0} .news_center_text_box::-webkit-scrollbar-corner{background-color:#d3d3ec;} .sub_part2 .title_1{display: block; position: relative; bottom: 410px;left: 0;} .sub_part2 .center .news_list{width: 100%;position: relative; bottom: 390px;left: 0;} .sub_part2 .center .news_ul::-webkit-scrollbar{width:6px;height:0} .sub_part2 .center .news_ul::-webkit-scrollbar{background-color:transparent;border-radius:3px} .sub_part2 .center .news_ul::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius:20px} .sub_part2 .center .news_ul::-webkit-scrollbar-track-piece{background-color:#d3d3ec;border-radius:3px} .sub_part2 .center .news_ul::-webkit-scrollbar-button{background-color:transparent;width:0;height:0} .sub_part2 .center .news_ul::-webkit-scrollbar-corner{background-color:#d3d3ec;} .sub_part2 .center .news_li{border-bottom: 2px solid #c4c7e5;padding-bottom: 60px;margin-top: 50px;} .sub_part2 .center .news_li:last-child{border-bottom: none;} .sub_part2 .center .news_cen{display: flex; justify-content: space-between; align-items: center;} .sub_part2 .center .news_cen .news_img{width: 297px;} .sub_part2 .center .news_cen .news_img img{display: block; width: 100%; height: 100%;} .sub_part2 .center .news_cen .news_text{width: 1060px;} .sub_part2 .center .news_cen .news_text .p1{color: #1a1a32; font-size: 25px; font-family: 'Helvetica_Bold'; margin-bottom: 25px;transition: all .3s;} .sub_part2 .center .news_cen .news_text .p1 em{display: inline-block;width: 4px;height: 20px;margin-right: 5px;background-color: #8f79ff;} .sub_part2 .center .news_cen .news_text .p1:hover{transform: translateY(-5px); transition: all .3s;} .sub_part2 .center .news_cen .news_text .p2{color: #7777a1; font-size: 20px; font-family: 'Helvetica'; margin-bottom: 30px; overflow: hidden;} .sub_part2 .center .news_cen .news_text .p2>*{display: none;} .sub_part2 .center .news_cen .news_text .p2 a>*{display: none;} .sub_part2 .center .news_cen .news_text .p2>:first-child{display: block;} .sub_part2 .center .news_cen .news_text .p2 a>:first-child{display: block;} .sub_part2 .center .news_cen .news_text .news_b{display: flex;justify-content: space-between;align-items: center;} .sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(1){color: #8f79ff; font-size: 23px; font-family: 'Helvetica_Bold';display: flex;align-items: center;} .sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(1) em:nth-of-type(2){display: block; width: 19px; height: 11px; background-image: url(../img/common/newspage/news_icon2.webp); margin-left: 5px;} .sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(2){color: #8f79ff; font-size: 18px; font-family: 'Helvetica_Bold';} .sub_part2 .center .more{display: block; width: 179px; height:39px; background-image: url(../img/common/newspage/more.webp); bottom: 100px; right: 0;line-height: 39px;text-align: center;color: #fff; font-size: 16px; font-family: 'Helvetica'; overflow: hidden;} .sub_part2 .center .top{display: block; position: fixed; width: 45px; height: 43px; background-image: url(../img/common/ui/ReturnTop.webp); bottom: 253px; right: 205px; line-height: 39px; text-align: center; color: #fff; font-size: 16px; font-family: 'Helvetica'; overflow: hidden;} table{border-collapse: collapse;border-spacing: 0;margin:20px 0} .table12_9 *{border-collapse: collapse} .table12_9 .xl72{width: 100px;text-align: center;vertical-align: middle;white-space: normal;} .table12_9 td,.table12_9 tr{border:0.01rem solid windowtext;padding:10px;} .table12_9 .xl85{height:42px;text-align: center;vertical-align: middle;background: #8F78FF;white-space:normal;font-weight:700;color:#FFF} .table12_9 td{font-size:20px} .table12_9 .xl94,.xl68,.table12_9 .tc,.tab92 td{text-align:center} /* ================= 适配层 ================= */ /* 长页：#page-root 不滚动（首页样式），页面内容放进 root 内的滚动容器；顶栏等「固定」元素放在滚动容器之上的固定层， 固定层右侧让出滚动条宽度（--sub-sbw，由页面脚本测量），与源站 position: fixed 相对视口（不含滚动条）一致 */ .sub_scroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; background-color: #8f79fe; } .sub_fixed { position: absolute; top: 0; left: 0; bottom: 0; right: var(--sub-sbw, 0px); z-index: 998; pointer-events: none; } .sub_fixed .nav_box, .sub_fixed .lang_box, .sub_fixed .right_nav { pointer-events: auto; } .sub_scroll .sub_part3 .footer { height: auto; } /* 返回顶部：源站 position: fixed 贴视口右下；#page-root 有 transform，fixed 即相对 root（不随滚动容器滚动），右距加回滚动条宽度 */ .sub_part2 .center .top { right: calc(205px + var(--sub-sbw, 0px)); z-index: 99; cursor: pointer; display: none; } /* 正文里的外链视频 / 图片不撑破正文框 */ .sub_part2 .center .news_center_text_box iframe { max-width: 100%; } /* 专题页（源站 detail_06_28.html / detail_12_21.html 的页内