.role-card[data-v-933f3472]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding:16px 0}.role-card .role-cover-wrap[data-v-933f3472]{-ms-flex-negative:0;background-color:#f5f5f7;border:1px solid rgba(0,0,0,.08);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;flex-shrink:0;height:128px;overflow:hidden;width:96px}.role-card .role-cover-wrap .role-cover[data-v-933f3472]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.role-card .role-cover-wrap .role-cover-placeholder[data-v-933f3472]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#ecf4f9;color:#0bafff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:28px;font-weight:600;height:100%;justify-content:center;width:100%}.role-card .role-info[data-v-933f3472]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding-top:4px}.role-card .role-info .role-name[data-v-933f3472]{color:#333;font-size:16px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card .role-info .role-tags[data-v-933f3472]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:6px}.role-card .role-info .role-tags .role-tag[data-v-933f3472]{background-color:#ecf4f9;border-radius:12px;color:#0bafff;display:inline-block;font-size:12px;margin:0 6px 4px 0;padding:2px 10px}.role-card .role-info .role-book[data-v-933f3472]{font-size:14px;line-height:1.2;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card .role-info .role-book .book-name[data-v-933f3472]{color:#6a6b6c}.role-card .role-info .role-book .book-name--link[data-v-933f3472]{color:#6a6b6c!important}.role-card .role-info .role-book .book-name--link[data-v-933f3472]:hover{color:#0bafff!important;-webkit-text-decoration:underline;text-decoration:underline}.role-card .role-info .role-book .book-author[data-v-933f3472]{color:#0bafff;margin-left:8px}.role-card .role-info .role-intro[data-v-933f3472]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b2b2b2;display:-webkit-box;font-size:14px;line-height:1.6;margin-top:4px;overflow:hidden}.role-card .role-info .role-update[data-v-933f3472]{color:#6a6b6c;font-size:12px;line-height:1.2;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card:hover .role-name[data-v-933f3472]{color:#0bafff}@font-face{font-family:"SourceHanSerifCN-Regular";font-style:normal;font-weight:400;src:url(//qqreader-site-1252317822.file.myqcloud.com/qq-pc/static/fonts/SourceHanSerifCN-Regular.aaaf0d2.ttf)}@font-face{font-family:YuewenFont-Regular;font-style:normal;font-weight:400;src:url(//qqreader-site-1252317822.file.myqcloud.com/qq-pc/static/fonts/YuewenFont-Regular.246e1e4.ttf)}@font-face{font-family:Yuewen Font;font-style:normal;font-weight:400;src:url(https://imgservices-1252317822.image.myqcloud.com/coco/s06142023/796e6c90.zb4zty.ttf) format("truetype")}.char-baike-index[data-v-7bae0566]{padding-bottom:40px}.char-baike-index .role-hero[data-v-7bae0566]{background-color:#ecf4f9;margin:0 -40px;padding:32px 40px}.char-baike-index .role-hero .hero-title[data-v-7bae0566]{color:#0e8cdb;font-size:28px;font-weight:700;margin:0}.char-baike-index .role-hero .hero-desc[data-v-7bae0566]{color:#666;font-size:16px;margin-top:8px}.char-baike-index .breadcrumb[data-v-7bae0566]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b2b2b2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:20px 0 16px}.char-baike-index .breadcrumb a[data-v-7bae0566]{color:#b2b2b2}.char-baike-index .breadcrumb a[data-v-7bae0566]:hover{color:#0bafff}.char-baike-index .breadcrumb em[data-v-7bae0566]{font-style:normal;margin:0 6px}.char-baike-index .breadcrumb span[data-v-7bae0566]{color:#333}.char-baike-index .tabs[data-v-7bae0566]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:8px}.char-baike-index .tabs .tabs-header[data-v-7bae0566]{-ms-flex-item-align:start;-ms-overflow-style:none;align-self:flex-start;border-right:.5px solid hsla(0,0%,85%,.5);margin-right:48px;max-height:calc(100vh - 64px);min-width:160px;overflow-y:scroll;position:sticky;scrollbar-width:none;top:64px;width:160px}.char-baike-index .tabs .tabs-header[data-v-7bae0566]::-webkit-scrollbar{width:0!important}.char-baike-index .tabs .tabs-header .tab-item[data-v-7bae0566]{color:#b2b2b2;display:block;font-size:14px;line-height:40px;padding-right:16px}.char-baike-index .tabs .tabs-header .tab-item[data-v-7bae0566]:hover{color:#0bafff}.char-baike-index .tabs .tabs-content[data-v-7bae0566]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.char-baike-index .tabs .tabs-content .category-block[data-v-7bae0566]{margin-bottom:40px}.char-baike-index .tabs .tabs-content .category-block .category-header[data-v-7bae0566]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid hsla(0,0%,85%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:12px}.char-baike-index .tabs .tabs-content .category-block .category-header .category-title[data-v-7bae0566]{color:#333;font-size:18px;font-weight:500}.char-baike-index .tabs .tabs-content .category-block .category-header .more-link[data-v-7bae0566]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b2b2b2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px}.char-baike-index .tabs .tabs-content .category-block .category-header .more-link i[data-v-7bae0566]{font-size:16px}.char-baike-index .tabs .tabs-content .category-block .category-header .more-link[data-v-7bae0566]:hover{color:#0bafff}.char-baike-index .tabs .tabs-content .category-block .role-grid[data-v-7bae0566]{grid-column-gap:32px;-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:1fr 1fr}.char-baike-index .tabs .tabs-content .category-block .role-grid[data-v-7bae0566] .role-card{border-bottom:1px solid hsla(0,0%,85%,.3)}.char-baike-index .tabs .tabs-content .category-block .role-grid[data-v-7bae0566] .role-card:nth-last-child(-n+2){border-bottom:none}