@charset "utf-8";
/*
 * Dislyte 海外官网 · 角色列表页（PC）
 * 复用 home_pc.css 的 #page-root / header / footer 骨架，本文件只覆盖位置与本页内容
 * 第 1 段：源站 css/character.css 原值（已去注释、素材路径改为项目 img/，区块背景改由 config 驱动）
 * 第 2 段：适配层——页内滚动容器、首页 index.css 同名规则的残留还原、Swiper 11 兼容
 * 由 .a2web/replicate/build-css-character.mjs 生成，改源站值请改脚本后重跑
 */

/* ================= 源站样式 ================= */
.part1{height: 286px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part2{height: 914px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.part1 .center{width: 1400px; height: 286px; position: relative; margin: 0 auto;}
.part1 .center .title1_1{left: 0; top: 130px;}
.part2 .center{width: 1400px; height: 914px; position: relative; margin: 0 auto; overflow: hidden;}
.part2 .center .search_box{width: 340px; height: 37px; position: absolute; top: 50px; right: 0;}
.part2 .center .search_box .inp{width: 340px; height: 37px; border: none; background-color: #fff; border-radius: 10px; box-sizing: border-box;padding: 0 70px 0 15px; font-size: 15px; color: #747496; font-family: 'Helvetica';}
.part2 .center .search_box .search_btn{width: 50px; height: 37px; background-image: url(../img/common/character/search_btn.webp); right: 0; top: 0;}
.part2 .center .rating_box{margin-top: 100px;display: inline-block;width: 80%;}
.part2 .center .rating_box .rating_list{color: #1a1a32; font-family: 'IMPACT';}
.part2 .center .rating_box .rating_list1{font-size: 30px; margin-right: 50px; margin-left: 2px; float: left;}
.part2 .center .rating_box .rating_list_n{display: inline-block; width: 102px; height: 25px; text-align: center; line-height: 25px; background-color: #fff; border-radius: 5px; font-size: 18px; margin-right: 5px; cursor: pointer; float: left;}
.part2 .center .rating_box .rating_list_n.on{background-color: #8f79ff; color: #fff;}
.part2 .center .group_box{margin-top: 30px;display: inline-block;width: 80%;}
.part2 .center .group_box .group_list{color: #1a1a32; font-family: 'IMPACT';}
.part2 .center .group_box .group_list1{font-size: 30px; margin-right: 50px; margin-left: 2px; float: left;}
.part2 .center .group_box .group_list_n{display: inline-block; width: 182px; height: 25px; text-align: center; line-height: 25px; background-color: #fff; border-radius: 5px; font-size: 18px; margin-right: 5px; cursor: pointer;float: left;}
.part2 .center .group_box .group_list_n.on{background-color: #8f79ff; color: #fff;}
.part2 .center .Attributes_box{margin-top: 30px;display: inline-block;width: 80%;}
.part2 .center .Attributes_box .Attributes_list{color: #1a1a32; font-family: 'IMPACT';}
.part2 .center .Attributes_box .Attributes_list1{font-size: 30px; margin-right: 50px;margin-left: 2px; float: left;}
.part2 .center .Attributes_box .Attributes_list_n{display: inline-block; width: 182px; height: 25px; text-align: center; line-height: 25px; background-color: #fff; border-radius: 5px; font-size: 18px; margin-right: 5px; cursor: pointer;float: left;}
.part2 .center .Attributes_box .Attributes_list_n.on{background-color: #8f79ff; color: #fff;}
.part2 .center .icon_box{width: 100%;height: 530px;margin-top: 20px; overflow-y: auto;}
.part2 .center .icon_box ul{display: flex;flex-wrap: wrap;}
.part2 .center .icon_box ul li{width: 112px;text-align: center;margin: 20px 85px 20px 0;}
.part2 .center .icon_box ul li img{display: block; width: 112px; height: 104px;}
.part2 .center .icon_box ul li span{display: block; font-size: 20px; color: #1a1a32; font-family: 'Helvetica'; margin-top: 5px;}
.part2 .center .icon_box .nodata{width: 100%; font-size: 20px; font-family: 'Helvetica';}
.icon_box::-webkit-scrollbar{width:6px;height:0}
.icon_box::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.icon_box::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius:20px}
.icon_box::-webkit-scrollbar-track-piece{background-color:#b6b8d7;border-radius:3px}
.icon_box::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.icon_box::-webkit-scrollbar-corner{background-color:#b6b8d7;}

/* ================= 适配层 ================= */
.sub_scroll { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 1; background-color: #8f79fe; }
/* 首页 index.css 的 .part1 .center / .part3 规则在子页的残留：源站子页未加载 index.css，这里还原 */
.part1 .center { z-index: auto; }
.part3 { height: auto; overflow: visible; }