.title_mod{width:1220px;box-sizing:border-box;padding:0 10px;margin:0 auto}
.title_mod_layout{border-bottom:solid 1px var(--bwg7)}
.title_mod_layout .title{margin-bottom:-1px;line-height:74px;font-size:28px;color:var(--bwg2);font-weight:900;position:relative;display:inline-block}
.title_mod_layout .title:after{content:"";width:100%;height:3px;background-color:var(--main);position:absolute;left:0;bottom:0}
@media screen and (max-width:768px){
    .title_mod{display:none}
}
.mod_book_list{width:1220px;box-sizing:border-box;padding:24px 10px 0;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.mod_book_item{display:flex;width:100%;gap:24px;align-items:center}
.mod_book_item .cover_img{width:180px;height:240px;flex:0 0 auto;border-radius:var(--radius_l)}
.mod_book_item .btn_box{display:flex;flex-direction:column;gap:24px;width:180px;flex:0 0 auto}
.mod_book_item .btn_box>*{width:100%;justify-content:center;border-radius:var(--radius_s);align-items:center;display:inline-flex;gap:4px;line-height:48px;font-size:16px;transition:var(--trs);cursor:pointer}
.mod_book_item .btn_box .com_icon{font-size:20px;color:var(--r_another)}
.mod_book_item .btn_box .read_btn{color:var(--bwg9);background-color:var(--main)}
.mod_book_item .btn_box .add_btn{color:var(--main);background-color:var(--addlibrary)}
.mod_book_item .info_box{width:1px;flex:1 1 auto;display:flex;flex-direction:column;gap:12px}
.mod_book_item .rank_box{display:flex;align-items:center;font-size:28px;font-weight:700;line-height:42px;gap:8px;color:var(--bwg5)}
.mod_book_item .rank_box.first{color:var(--r_main)}
.mod_book_item .rank_box.second{color:var(--r_minor)}
.mod_book_item .rank_box.third{color:#6a49ff}
.mod_book_item .rank_img_adr{height:30px;width:auto}
.mod_book_item .rank_img_adr:first-child{transform:rotateY(180deg)}
.mod_book_item .name{color:var(--bwg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:24px;font-weight:600;line-height:36px;transition:var(--trs)}
.mod_book_item .style_status{font-size:18px;color:var(--bwg3);line-height:26px;display:flex;gap:4px;align-items:center}
.mod_book_item .style_status .is_end{color:var(--completed)}
.mod_book_item .desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--bwg3);line-height:25px;font-size:14px;margin-top:8px}
@media screen and (min-width:767px){
    .mod_book_item:hover .name{color:var(--main)}
    .mod_book_item .btn_box .add_btn:hover{background-color:var(--addlibrary-hover)}
    .mod_book_item .btn_box .read_btn:hover{background-color:var(--r_another)}
}
@media screen and (max-width:768px){
    .mod_book_list{width:100%;padding:24px 16px 0;gap:14px}
    .com_header_layout .header_left .header_navbox{display:none}
    .mod_book_item{gap:12px}
    .mod_book_item .cover_img{width:83px;height:111px}
    .mod_book_item .btn_box{display:none}
    .mod_book_item .info_box{width:1px;flex:1 1 auto;display:flex;flex-direction:column;gap:4px}
    .mod_book_item .rank_box{font-size:16px;line-height:24px;gap:2px;color:var(--bwg5)}
    .mod_book_item .rank_img_adr{height:14px}
    .mod_book_item .name{font-size:14px;line-height:22px}
    .mod_book_item .style_status{font-size:10px;line-height:14px;gap:4px}
    .mod_book_item .desc{line-height:16px;font-size:10px;margin-top:8px;-webkit-line-clamp:2}
}