.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 .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(--r_another)}
.mod_book_item .other_msg{display:flex;align-items:center;gap:8px;color:var(--bwg4);font-size:18px}
.mod_book_item .other_msg>span{display:inline-flex;align-items:center;gap:4px}
.mod_book_item .other_msg .com_icon{color:var(--show-star);font-size:20px}
.mod_book_item .other_msg .text{color:var(--bwg2)}
.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 .name{font-size:14px;line-height:22px}
.mod_book_item .style_status{font-size:10px;line-height:14px;gap:4px}
.mod_book_item .other_msg{gap:4px;font-size:10px;line-height:14px}
.mod_book_item .other_msg .com_icon{font-size:14px}
.mod_book_item .desc{line-height:16px;font-size:10px;margin-top:8px;-webkit-line-clamp:2}
}
.result_empty_mod{display:flex;justify-content:center;padding:24px 0;margin:0 auto}
.result_empty_mod .content_box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}
.result_empty_mod .adron_img{width:168px;height:168px}
.result_empty_mod .text{color:var(--bwg4);font-size:16px;line-height:36px}
.page_mod_tags .mod_list{display:flex;gap:16px 24px;flex-wrap:wrap;align-items:center}
.page_mod_tags .mod_item{border-radius:var(--radius_lr);line-height:40px;display:inline-flex;box-sizing:border-box;padding:0 16px;background-color:var(--bwg7);color:var(--bwg4);font-size:16px;transition:var(--trs)}
@media screen and (min-width:767px){
.page_mod_tags .mod_item:hover{color:var(--main);background-color:var(--another)}
}
@media screen and (max-width:768px){
.page_mod_tags .mod_list{gap:14px}
.page_mod_tags .mod_item{line-height:34px;font-size:12px}
}
.page_mod_lovestory .mod_list{display:grid;grid-template-columns:repeat(6,calc((100% - 5 * 24px)/ 6));gap:24px;grid-auto-flow:column}
.page_mod_lovestory .mod_item{display:flex;gap:12px;flex-direction:column}
.page_mod_lovestory .cover_img{width:100%;height:auto;aspect-ratio:.75;border-radius:var(--radius_l)}
.page_mod_lovestory .info_box{display:flex;flex-direction:column;gap:4px;width:100%}
.page_mod_lovestory .title{font-size:16px;line-height:20px;height:40px;color:var(--bwg2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:var(--trs)}
.page_mod_lovestory .style{font-size:14px;line-height:16px;color:var(--bwg3)}
.page_mod_lovestory .icon_text{display:inline-flex;align-items:center;gap:4px;color:var(--bwg4);font-size:14px;line-height:16px}
.page_mod_lovestory .icon_text .com_icon{font-size:16px}
@media screen and (min-width:767px){
.page_mod_lovestory .mod_item:hover .title{color:var(--main)}
}
@media screen and (max-width:768px){
.page_mod_lovestory .mod_list{display:grid;grid-template-columns:repeat(3,minmax(calc((100% - 2 * 14px)/ 3),1fr));grid-template-rows:1fr 1fr;gap:14px}
.page_mod_lovestory .mod_item{display:flex;gap:12px;flex-direction:column}
.page_mod_lovestory .info_box{display:flex;flex-direction:column;gap:4px;width:100%}
.page_mod_lovestory .title{font-size:12px;line-height:18px;height:36px}
.page_mod_lovestory .style{font-size:10px;line-height:14px}
.page_mod_lovestory .icon_text{gap:4px;font-size:10px;line-height:14px}
.page_mod_lovestory .icon_text .com_icon{font-size:14px}
}