.container{width:1200px;margin:0 auto}body{background-color:#f6f6f6}body,html{scroll-behavior:smooth}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{font-weight:1000 !important}a:hover{color:inherit;text-decoration:none}.top-nav{background-color:#FFF}.top-nav header{display:flex;align-items:center;height:70px;background-color:#FFF}.top-nav header .logo{height:55px}.top-nav header .content{flex-grow:1;margin-left:30px;display:flex;align-items:center;justify-content:space-between}.top-nav header .nav-list{display:flex;font-size:20px;font-weight:bold}.top-nav header .nav-list li{margin-right:20px}.top-nav header .nav-list li:hover a{color:#e6427a}.top-nav header .nav-list li.active a{color:#e6427a}.top-nav header .nav-list li a{color:#2c3e50}.top-nav header form{display:flex;align-items:center}.top-nav header .search-book{background-color:#3131 !important;color:black;height:48px;line-height:48px;padding-left:15px;border-top-left-radius:20px;border-bottom-left-radius:20px;font-size:15px}.top-nav header .content button{height:48px;padding-left:15px;padding-right:15px;border-top-right-radius:20px;border-bottom-right-radius:20px;color:#FFF;background:linear-gradient(134deg,#e6427a,#fc6767);font-size:15px;cursor:pointer}.main-recc{background-color:white;padding:25px;box-sizing:border-box;border-radius:12px;margin-top:15px}.main-recc .header{font-size:23px;padding-bottom:8px;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(230,66,122,0.2);color:#2c3e50;display:flex;align-items:center;gap:10px;display:inline-block}.main-recc .header h3{display:flex;align-items:center}.main-recc .header h3 i{color:#e6427a;margin-right:10px}.icons{margin-top:15px}.icon-list{display:flex;flex-wrap:wrap;padding-bottom:15px}.icon-list li{width:60px;margin-left:30.55px;margin-right:30.55px;text-align:center}.icon-list li a{display:block;color:#7f8c8d;border-radius:5px;transition:all .5s ease}.icon-list li a:hover{position:relative;top:-3px}.icon-list li:nth-child(10n+1){margin-left:0}.icon-list li:nth-child(10n){margin-right:0}.icon-list li:nth-child(n+11){margin-top:8px}.icon-list img{width:60px;height:60px;border-radius:5px}.icon-list span{font-size:13px}.rec-nav{display:flex;flex-wrap:wrap;padding-bottom:15px}.rec-nav .bacc{margin-right:calc((100% - 850px) / 9)}.rec-nav .bacc:nth-child(10n){margin-right:0}.rec-nav .bacc:nth-child(n+11){margin-top:10px}.rec-nav .bacc span{display:block;padding:5px;font-size:14px;text-align:center;color:#FFF;background-image:linear-gradient(135deg,#ff7eb3 0,#ff758c 100%);width:85px;box-sizing:border-box;border-radius:5px;transition:all .5s ease}.rec-nav .bacc span:hover{position:relative;top:-1px;box-shadow:#323232 0 0 3px}.rec-nav .bacc:nth-child(n+11) span{background:linear-gradient(135deg,#ff9a9e 0,#fad0c4 100%)}.fast-search .header,.friend-link .header{font-size:23px;padding-bottom:8px;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(230,66,122,0.2);color:#2c3e50;display:flex;align-items:center;gap:10px;display:inline-block}.fast-search .header h3,.friend-link .header h3{display:flex;align-items:center}.fast-search .header h3 i,.friend-link .header h3 i{color:#e6427a;margin-right:10px}.fast-search{background-color:white;padding:25px;box-sizing:border-box;border-radius:12px;margin-top:15px}.fast-search .list{background-color:#FFF;padding-top:5px;display:flex;flex-wrap:wrap;align-items:center;font-size:11px;padding-bottom:5px;border-radius:5px}.fast-search .list li{padding-top:5px}.fast-search .list a{display:inline-block;padding:5px 10px;border-radius:10px;margin-left:3px;margin-right:3px;border:1px solid #e6427a;color:#7f8c8d;transition:all .5s ease}.fast-search .list a:hover{position:relative;top:-1px;box-shadow:#323232 0 0 3px}.page-title{margin-top:80px}.page-title header{font-size:35px;color:#2c3e50;text-align:center;position:relative;margin-bottom:60px}.page-title header::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(134deg,rgba(230,66,122,0.7),rgba(252,103,103,0.7));border-radius:2px}.user-rec,.latest-novel{margin-top:40px;margin-bottom:15px}.user-rec .header,.latest-novel .header{display:flex;justify-content:space-between;align-items:center;font-size:25px;padding-bottom:8px}.user-rec .header h3,.latest-novel .header h3{display:flex;align-items:center}.user-rec .header h3 i,.latest-novel .header h3 i{color:#e6427a;margin-right:10px}.user-rec .header span,.latest-novel .header span{color:#2c3e50;margin-right:15px;font-size:23px}.article{display:flex;flex-wrap:wrap}.article .content{width:385px;height:160px;margin-top:15px;background-color:#FFF;border-radius:12px;padding-left:15px;padding-right:15px;box-sizing:border-box;transition:all .5s ease}.article .content:hover{position:relative;top:-2px;box-shadow:#575656 0 0 10px}.article .content:nth-child(3n){margin-right:0}.article .content:nth-child(3n+2){margin-left:22.5px;margin-right:22.5px}.article .title{font-size:18px;border-bottom:2px solid rgba(230,66,122,0.2);color:#812b7a;height:38px;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article .intro{height:80px;padding-top:5px;padding-bottom:5px}.article .intro p{font-size:14px;line-height:2em;box-sizing:border-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3}.article .type{height:30px;display:flex;align-items:center;font-size:13px;color:#812b7a;flex-direction:row-reverse}.friend-link{margin-top:40px;background-color:white;padding:25px;box-sizing:border-box;border-radius:12px}.friend-link-list{display:flex;flex-wrap:wrap;padding-bottom:15px}.friend-link-list .bacc{margin-right:calc((100% - 850px - 15px) / 9)}.friend-link-list .bacc:nth-child(10n){margin-right:0}.friend-link-list .bacc:nth-child(n+11){margin-top:10px}.friend-link-list .bacc span{display:block;padding:5px;font-size:15px;text-align:center;color:#FFF;background-image:linear-gradient(135deg,#ff9a9e 0,#fad0c4 100%);width:85px;box-sizing:border-box;border-radius:5px;transition:all .5s ease}.friend-link-list .bacc span:hover{position:relative;top:-1px;box-shadow:#323232 0 0 3px}.footer{background-color:#FFF;margin-top:30px}.footer .content{height:100px;padding-top:30px;padding-bottom:30px;background-image:none;color:#6f6f71;font-size:14px}.footer .content>a{display:inline-block;width:140px}.footer .content img{width:140px;padding-bottom:10px}.gotop{position:fixed;bottom:200px;right:50px}.common-page{margin-top:25px;margin-bottom:25px}.page{height:50px;display:flex;justify-content:center;font-size:20px;font-weight:700;line-height:50px}.page button{cursor:pointer;background:transparent}.page button.disabled:hover{cursor:not-allowed}.page i{font-size:20px}.page .page-num{display:flex}.page .page-num li a{border-radius:3px;text-align:center;margin-right:10px}.page .page-num li a.active{padding-left:.3em;padding-right:.3em;color:#FFF;background-color:#eb4a76}.page #prev{margin-right:10px}.empty .img{width:200px;margin:0 auto}.empty .img img{width:200px}.empty p{text-align:center;font-size:20px}