@charset 'UTF-8';

/* ============================================================
   1. 基础重置
   ============================================================ */
blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
ol,ul{padding:0;list-style:none}
a{text-decoration:none;color:inherit;outline:0}
a[href]:active,button:active{background-image:none}
em{font-style:normal}
h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
input,select,textarea{font-family:inherit;box-sizing:border-box}
img{display:inline-block}
p{word-break:break-all}
main{display:block}
output{speak:digits}
html{font-size:16px}

@media (min-width:320px){html{font-size:20px}}
@media (min-width:375px){html{font-size:24px}}
@media (min-width:640px){html{font-size:28px}}
@media (min-width:768px){html{font-size:16px}}
@media (min-width:992px){html{font-size:20px}}
@media (min-width:1200px){html{font-size:24px}}

html{
    font-family:sans-serif;
    line-height:1.5;
    -webkit-user-select:none;
    fill:currentColor;
    -webkit-tap-highlight-color:transparent;
    -webkit-text-size-adjust:none;
    -webkit-touch-callout:none;
    background-color:rgba(20,70,50,.1);
    color:#666;
}
body{margin:0 auto}
button,input{outline:0}
ul li{list-style:none outside none}
a{color:rgba(20,70,50,.9);text-decoration:none}
a:hover{color:#f60}
.clear{clear:both}
.cf:after,.cf:before{display:table;content:" "}
.cf:after{clear:both}

.gotop,
.header_logo_left .back-btn,
.header_logo_left .book-btn,
.header_logo_right #menu-btn,
.header_logo_right #search-btn{
    background-image:url(default.png);
    background-repeat:no-repeat;
    display:block;
    text-indent:-2500rem;
    font-size:0;
    overflow:hidden;
    margin:3px 0 0;
    content:"";
    width:30px;
    height:30px;
}

/* ============================================================
   2. 头部 Header
   ============================================================ */
.header{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    padding:10px 0;
    margin:0 auto;
    position:relative;
    z-index:990;
    overflow:visible !important;
}

.header .header_logo{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    float:none;
    width:auto;
    height:auto;
    min-height:0;
    max-height:52px;
    margin:0 0 0 10px;
    padding:0;
    line-height:1;
    text-align:left;
    overflow:visible;
    flex:0 0 auto;
    font-weight:700;
}
.header .header_logo > a{
    display:inline-flex;
    align-items:center;
    width:auto;
    height:auto;
    line-height:1;
    color:inherit;
    text-decoration:none;
    border:none;
}
.header .header_logo img,
.header .header_logo img.site-logo-img{
    display:block;
    width:auto;
    height:44px;
    max-width:200px;
    max-height:44px;
    object-fit:contain;
    margin:0;
    padding:0;
    border:none;
    background:transparent;
    transition:opacity .2s ease;
}
.header .header_logo img:hover{opacity:.85}
.header .header_logo span.site-logo-text{
    display:inline-block;
    font-size:1.25rem;
    line-height:1;
    font-weight:800;
    letter-spacing:0;
    white-space:nowrap;
    background:linear-gradient(135deg,#3b82f6,#8b5cf6);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}
.header .header_logo span{font-size:1.25rem;letter-spacing:.05rem;}

.header_logo_left{float:left;margin-left:10px;}
.header_logo_left li{float:left;margin-right:5px;}
.header_logo_left .back-btn{background-position:-80px -106px;background-size:296px 140px;}
.header_logo_left .book-btn{background-position:-243px -55px;background-size:296px 140px;}

.header_logo_middle{
    float:left;
    width:calc(100% - 160px);
    text-align:center;
    font-size:.8125rem;
    line-height:35px;
    height:35px;
    overflow:hidden;
    font-weight:700;
    color:#333;
}
.header_logo_middle a{color:#333}

.header_logo_right{float:right;margin-right:10px;}
.header_logo_right li{float:left;}
.header_logo_right li:first-child{margin-right:10px;}
.header_logo_right #search-btn{background-position:-142px -106px;background-size:296px 140px;}
.header_logo_right #menu-btn{background-position:-110px -106px;background-size:296px 140px;}

.header_search{
    display:none;
    margin-top:.2rem;
    padding:10px .5rem 0;
    width:calc(100% - 1rem);
    float:left;
    border-top:1px solid rgba(20,70,50,.25);
    flex:unset;
}
.header_search form{display:flex;align-items:center;height:1.8rem;}
.header_search form input{
    width:calc(100% - 4rem);
    text-indent:.5rem;
    flex-grow:2;
    font-size:.75rem;
    height:100%;
    border:.05rem solid rgba(20,70,50,.5);
    border-radius:.15rem 0 0 .15rem;
    border-right:none;
    background:rgba(20,70,50,.05);
}
.header_search form button{
    width:4rem;
    height:100%;
    background-color:rgba(20,70,50,.5);
    color:#fff;
    cursor:pointer;
    border-radius:0 .15rem .15rem 0;
    font-size:.75rem;
    border:none;
}
.header_search form button:hover{background-color:rgba(20,70,50,.7);}

.header_login{display:none}

.nav{
    display:none;
    overflow:hidden;
    margin:0 auto;
    width:100%;
    height:4rem;
    background-color:rgba(20,70,50,.5);
    font-size:.75rem;
}
.nav ul li{float:left;width:16.66666%;text-align:center;line-height:2rem;}
.nav ul li .active,.nav ul li:hover{color:#f60}
.nav ul li a{display:block;color:#fff;width:100%;height:100%;}
.nav ul li a.active,.nav ul li a:hover{color:#f60}

.header-right{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}
.top-btn{padding:4px 10px;white-space:nowrap;}
.header-right .top-btn,
.header-right .user-dropdown-wrapper .dropdown-toggle{
    display:inline-block;
    height:36px;
    line-height:36px;
    padding:0 14px;
    font-size:14px;
    border:none;
    border-radius:3px;
    background:rgb(125 153 142);
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    white-space:nowrap;
    box-sizing:border-box;
    transition:background .2s;
    min-width:50px;
}
.header-right .top-btn:hover,
.header-right .user-dropdown-wrapper .dropdown-toggle:hover{background:#f60}

.user-dropdown-wrapper{position:relative;cursor:pointer;}
.dropdown-toggle{white-space:nowrap;}
.dropdown-menu{
    display:none;
    position:absolute;
    right:0;
    top:calc(100% + 4px);
    background:#fff;
    border:1px solid #eee;
    min-width:170px;
    z-index:9999 !important;
    padding:8px 0;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.user-dropdown-wrapper:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:9px 16px;white-space:nowrap;color:#333;}
.dropdown-menu a:hover{background:#f5f5f5;color:#f60;}
.dropdown-menu .divider{height:1px;background:#eee;margin:6px 0;}

/* ============================================================
   3. 首页热榜/推荐
   ============================================================ */
#main{margin:0 auto;width:100%}
.main-height{min-height:calc(100vh - 136px);}
#hotcontent{overflow:hidden}
#hotcontent h2{
    overflow:hidden;
    margin:0;
    padding:0 0 0 .5rem;
    height:2rem;
    background-color:rgba(20,70,50,.1);
    font-weight:700;
    font-size:.875rem;
    line-height:2rem;
}
#hotcontent .nobook{text-align:center;padding:2rem 0;}
#hotcontent .l .item{height:4.5rem;padding:.5rem 0;margin:0 .5rem;}
#hotcontent .l .item+.item{border-top:1px dashed #d7d7d7;}
#hotcontent .l .item dl dt{
    overflow:hidden;
    height:.8125rem;
    font-size:.8125rem;
    line-height:.8125rem;
    font-weight:700;
}
#hotcontent .l .item dl dt span{
    float:right;
    width:56px;
    color:#9e9e9e;
    font-weight:400;
    font-size:.875rem;
}
#hotcontent .l .item dl dd{
    overflow:hidden;
    padding:.15rem 0 0;
    height:2.5rem;
    font-size:.675rem;
    line-height:.85rem;
    color:#888;
    text-align:justify;
}
#hotcontent .l #tempBookcase .item dl dd{line-height:1.2rem;}
#hotcontent .l .item dl .btm{margin:.1rem 0 0;font-size:.625rem;}
#hotcontent .l .item dl .btm em{
    border:1px solid #f60;
    padding:0 .15rem;
    font-style:normal;
    float:right;
    margin-left:.15rem;
    color:#f60;
    font-size:.5rem;
    transform:scale(1);
    vertical-align:bottom;
}
#hotcontent .l .item dl .btm .blue{color:#88c6e5;border:1px solid #88c6e5;}
#hotcontent .l .item dl{padding:0}
#hotcontent .l .item .image{float:left;margin-right:.5rem;}
#hotcontent .l .item .image img{
    padding:.2rem;
    border:.05rem solid rgba(20,70,50,.2);
    background-color:rgba(255,255,255,.75);
    width:3rem;
    height:4rem;
}
#hotcontent .r{font-size:.625rem}
#hotcontent .r li{
    overflow:hidden;
    margin:0 .5rem;
    padding:.1rem 0;
    height:1.5rem;
    line-height:1.5rem;
}
#hotcontent .r li+li{border-top:1px dashed #d7d7d7;}
#hotcontent .r li span{float:left;display:inline-block;}
#hotcontent .r li .s1{width:2rem}
#hotcontent .r li .s2{font-size:.75rem;color:#b3b3b3;width:calc(100% - 8rem);}
#hotcontent .r li .s3{width:30px}
#hotcontent .r li .s4{width:50px;color:#b3b3b3;}
#hotcontent .r li .s5{
    float:right;
    overflow:hidden;
    width:5.2rem;
    text-align:right;
    white-space:nowrap;
}

/* ============================================================
   4. 小说列表
   ============================================================ */
.novelslist{margin:0;overflow:hidden;}
.novelslist .content h2{
    padding:0 0 0 .5rem;
    background-color:rgba(20,70,50,.1);
    overflow:hidden;
    margin:0;
    height:2rem;
    font-weight:700;
    font-size:.875rem;
    line-height:2rem;
}
.novelslist .content h2 a{color:#666}
.novelslist .content .image{float:left;padding:10px 0 0 5px;width:71px;}
.novelslist .content .image img{
    padding:1px;
    width:67px;
    height:82px;
    border:1px solid #ddd;
    background-color:#fff;
}
.novelslist .content dl{float:right;padding:10px 0 0;width:219px;}
.novelslist .content dl dt{overflow:hidden;height:25px;font-weight:700;line-height:1.5625rem;}
.novelslist .content dl dd{overflow:hidden;height:60px;line-height:1.25rem;}
.novelslist .content ul{padding:0 .5rem .25rem;}
.novelslist .content ul li{
    overflow:hidden;
    height:1.5rem;
    line-height:1.5rem;
    font-size:.75rem;
    padding:.1rem 0;
}
.novelslist .content ul li a{float:left;width:calc(100% - 6rem);}
.novelslist .content ul li+li{border-top:1px dashed #d7d7d7;}
.novelslist .content ul li i{
    float:right;
    width:5.2rem;
    text-align:right;
    font-style:normal;
    font-size:.625rem;
}

/* ============================================================
   5. 新闻/最近更新
   ============================================================ */
#newscontent .l{overflow:hidden;font-size:.625rem;}
#newscontent .l li{
    overflow:hidden;
    margin:0 .5rem;
    padding:.1rem 0;
    height:1.5rem;
    line-height:1.5rem;
}
#newscontent .l li+li{border-top:1px dashed #d7d7d7;}
#newscontent .l li span{float:left;display:inline-block;}
#newscontent .l li .s1{width: 3rem;}
#newscontent .l li .s2{width: calc(100% - 5rem);font-size:.75rem;}
#newscontent .l li .s3{display:none}
#newscontent .l li .s4{display:none;width:8rem;text-align:left;}
#newscontent .l li .s5{float:right;width: 2rem;text-align:left;}

#newscontent .r{font-size:.625rem}
#newscontent h2{
    overflow:hidden;
    margin:0;
    padding:0 0 0 .5rem;
    height:2rem;
    background-color:rgba(20,70,50,.1);
    font-weight:700;
    font-size:.875rem;
    line-height:2rem;
}
#newscontent .r ul{padding:0 .5rem}
#newscontent .r li{
    overflow:hidden;
    padding:.1rem 0;
    height:1.5rem;
    line-height:1.5rem;
}
#newscontent .r li+li{border-top:1px dashed #d7d7d7;}
#newscontent .r li span{float:left;display:inline-block;}
#newscontent .r li .s1{width:2rem}
#newscontent .r li .s2{font-size:.75rem;color:#b3b3b3;width:calc(100% - 8rem);}
#newscontent .r li .s3{width:30px}
#newscontent .r li .s4{width:50px;color:#b3b3b3;}
#newscontent .r li .s5{
    float:right;
    overflow:hidden;
    width:5.2rem;
    text-align:right;
    white-space:nowrap;
}

#newscontent .l ul li.list-header{
    font-weight:normal;
    background-color:rgba(20,70,50,.05);
    color:#888;
    height:1.5rem;
    line-height:1.5rem;
    margin:0;
    padding:.1rem .5rem;
    border-bottom:1px dashed #d7d7d7;
}

/* ============================================================
   6. 书籍详情
   ============================================================ */
.box_con,.con_top{overflow:hidden}
.con_top{
    padding:0 .5rem;
    background-color:rgba(20,70,50,.1);
    text-align:left;
    line-height:2rem;
    font-size:.725rem;
}
#sidebar{float:left;width:4.6rem;text-align:center;}
#maininfo{display:flow-root;margin:.5rem .5rem 0;}
#fmimg{position:relative;overflow:hidden;}
#fmimg img{
    width:4rem;
    height:5.3rem;
    overflow:hidden;
    padding:.25rem;
    border:.05rem solid #d7d7d7;
    background-color:#fff;
}
#info{font-size:.75rem;margin-left:5rem;margin-top:-.2rem;}
#info,#info h1{overflow:hidden}
#info h1{
    font-weight:700;
    font-size:.8125rem;
    height:1.5rem;
    line-height:1.5rem;
    overflow:hidden;
    color:rgba(20,70,50,.9);
}
.booktitle h1{float:left}
.booktitle em{float:right;font-style:normal;}
#info p{width:100%;line-height:1.2rem;height:1.2rem;}
#info p,#info1,#intro{overflow:hidden}
#info1{font-size:.75rem}
#info1 h1{text-align:center;font-weight:700;font-size:1rem;}
#info1 .booktitle h1{float:left}
#info1 .booktitle em{float:right;font-style:normal;}
#info1 p{text-align:center;line-height:1.5625rem;}
#info1 p,#intro{overflow:hidden}
#intro{
    float:left;
    padding:.2rem 0;
    border-top:.05rem dashed #d7d7d7;
    font-size:.75rem;
    text-align:justify;
}
#intro p{margin-top:10px;text-indent:2em;}
.lastchapter{
    float:left;
    width:100%;
    padding:.2rem 0;
    overflow:hidden;
    font-size:.75rem;
    border-top:.05rem dashed #d7d7d7;
}
.readbtn{display:flex;float:left;width:100%;padding:.5rem 0;}
.readbtn a{
    width:32%;
    text-align:center;
    font-size:.75rem;
    padding:.25rem 0;
    background:rgba(20,70,50,.1);
    border:.05rem solid rgba(20,70,50,.1);
    border-radius:3px;
}
.readbtn .chapterlist{
    margin:0 0 0 2%;
    background:rgba(20,70,50,.5);
    border:.05rem solid rgba(20,70,50,.1);
    color:#fff;
}
.readbtn .addbookcase{margin:0 0 0 2%;}
.listtj{
    float:left;
    padding:.2rem .5rem;
    text-align:justify;
    font-size:.75rem;
}
.listtj a{
    margin:0 .5rem 0 0;
    background:0 0;
    padding:0;
    border:none;
    border-radius:0;
}
#list{font-size:.75rem}
#list dl{overflow:hidden}
#list dt{
    float:left;
    width:100%;
    background-color:rgba(20,70,50,.1);
    text-align:center;
    font-size:.8125rem;
    line-height:2rem;
    font-weight:700;
}
#list dd{
    overflow:hidden;
    vertical-align:middle;
    width:calc(100% - 1rem);
    height:2rem;
    border-bottom:1px dashed #d7d7d7;
    text-align:left;
    padding:0 .5rem;
    line-height:2rem;
}
#list dd:after{
    transform:scale(1.5,2.5);
    content:">";
    float:right;
    width:.5rem;
    font-weight:100;
    color:rgba(20,70,50,.5);
}
#list dd a:visited{color:#999}
#list p{float:left;padding:.2rem .5rem;text-align:justify;}
#list p,.newscontent,.newslist{font-size:.75rem}

/* ============================================================
   7. 新闻内容/列表
   ============================================================ */
.newscontent h2,.newslist h2{
    overflow:hidden;
    margin:0;
    padding:0 0 0 .5rem;
    height:2rem;
    background-color:rgba(20,70,50,.1);
    font-weight:700;
    font-size:.875rem;
    line-height:2rem;
}
.newscontent p{margin:.5rem;text-indent:2rem;}
.newslist p{
    margin:0 .5rem;
    line-height:1.5rem;
    overflow:hidden;
    height:1.5rem;
}
.newslist p+p{border-top:1px dashed #d7d7d7;}
.newslist p a{width:calc(100% - 4.5rem);float:left;}
.newslist p span{
    float:right;
    text-align:right;
    width:3rem;
    overflow:hidden;
    white-space:nowrap;
}

/* ============================================================
   8. 分页
   ============================================================ */
.listpage{
    padding:.5rem .5rem;
    line-height:1.5rem;
    width:calc(100% - 1rem);
    overflow:hidden;
    border-bottom:1px solid #d7d7d7;
    height:1.5rem;
}
.listpage span{height:1.5rem;line-height:1.5rem;text-align:center;}
.listpage .left{float:left;width:25%;}
.listpage .left a,.listpage .right a{display:inline-block;height:1.5rem;width:90%;}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%;}
.listpage .middle{
    width:49%;
    border:.05rem solid #d7d7d7;
    display:block;
    float:left;
    height:1.45rem;
    line-height:1.45rem;
}
.listpage .middle em{
    width:80%;
    text-align:center;
    color:#999;
    font-style:normal;
    height:30px;
}
.listpage .middle a,.listpage .middle em{display:inline-block;float:left;line-height:36px;}
.listpage .middle a{width:19%;height:36px;vertical-align:middle;}
.listpage .middle select{
    clear:both;
    border:none;
    display:inline-block;
    float:left;
    font-style:normal;
    height:1.45rem;
    line-height:1.45rem;
    text-align:center;
    width:100%;
}
.listpage .middle select,.listpage .middle select option{color:#666;}
.listpage .onclick{background:rgba(20,70,50,.5);color:#fff;}
.listpage .before{background:#cecece;color:#fff;}

/* ============================================================
   9. 阅读页
   ============================================================ */
.con_top #readSet{clear:both;border-top:.05rem solid rgba(20,70,50,.1);}
.con_top #readSet .rf{float:right}
.con_top #readSet .rc{color:#333;padding-left:.5rem;}
.con_top #readSet a.ra{
    border:.05rem solid #ccc;
    display:inline-block;
    width:.8125rem;
    height:.8125rem;
    margin-right:.25rem;
    overflow:hidden;
    vertical-align:middle;
    margin-top:-.2rem;
}
.con_top #readSet .rt{padding:0 5px}
.bookname{
    text-align:center;
    font-size:1rem;
    line-height:2rem;
    padding:1rem 5%;
    color:rgba(20,70,50,.9);
    font-weight:400;
}
.bottem1{
    clear:both!important;
    display:flex;
    font-size:.75rem;
    margin:.2rem 5%;
    text-align:center;
    background:rgba(255,255,255,.5);
    border:.05rem solid rgba(20,70,50,.25);
}
.box_con #content{
    font-size:1rem;
    letter-spacing:.1em;
    padding:0 5%;
    text-align:justify;
    line-height:1.8;
}
.box_con #content p{text-indent:2rem;margin:.8rem 0;}
.box_con #content .report{text-align:center;font-size:.8125rem;line-height:2rem;}
.bottem2{
    clear:both!important;
    margin:.5rem 5%;
    text-align:center;
    font-size:.75rem;
    display:flex;
    background:rgba(255,255,255,.5);
    border:.05rem solid rgba(20,70,50,.25);
}
.bottem1 a,.bottem2 a{
    padding:.25rem 0;
    float:left;
    width:33.33333%;
    border-right:.05rem solid rgba(20,70,50,.25);
}
.bottem1 a:last-child,.bottem2 a:last-child{border-right:none;}
.bottem1 .addbookcase_r,.bottem2 .addbookcase_r{color:#f60;}
.readtj{display:block;padding:.2rem 5%;text-align:justify;font-size:.75rem;}
.readtj a{margin:0 .5rem 0 0;}
.pages{
    border-top:.05rem solid rgba(20,70,50,.2);
    text-align:center;
    font-size:.75rem;
    margin:.5rem 0 0;
    padding:.5rem 0 0;
}
.pagination{
    margin:0;
    display:inline-block;
    padding-left:0;
    margin:.5rem 0;
    border-radius:.2rem;
}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{
    position:relative;
    float:left;
    padding:.2rem .5rem;
    margin-left:-1px;
    text-decoration:none;
    background-color:rgba(20,70,50,.02);
    border:1px solid rgba(20,70,50,.2);
}
.pagination>li>a:focus,.pagination>li>a:hover,
.pagination>li>span:focus,.pagination>li>span:hover{
    z-index:2;
    background-color:rgba(20,70,50,.1);
}
.pagination>li:first-child>a,.pagination>li:first-child>span{
    margin-left:0;
    border-top-left-radius:.2rem;
    border-bottom-left-radius:.2rem;
}
.pagination>li:last-child>a,.pagination>li:last-child>span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    z-index:3;
    cursor:default;
    color:#f60;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd;
}

/* ============================================================
   10. 友情链接 / 页脚
   ============================================================ */
#firendlink{display:none}
#footer,.footer{
    overflow:hidden;
    text-align:center;
    font-size:.625rem;
    line-height:1.5rem;
    border-top:.05rem solid #d7d7d7;
    padding:.5rem 0;
}
.footer_link{
    overflow:hidden;
    margin:5px auto;
    height:25px;
    border-bottom:3px solid #88c6e5;
    line-height:1.5625rem;
}
.footer_cont p{color:#b2b2b2}

/* ============================================================
   11. 回到顶部
   ============================================================ */
.gotop{
    position:fixed;
    z-index:9999;
    width:40px;
    height:40px;
    border-radius:3px;
    opacity:.75;
    background-position:-167px -100px;
    background-size:296px 140px;
    background-color:rgba(20,70,50,.1);
    border:.05rem solid rgba(20,70,50,.1);
    right:.5rem;
    bottom:30%;
}

/* ============================================================
   12. 登录页
   ============================================================ */
.login form{padding:1rem;font-size:.75rem;}
.login form .form-group+.form-group{margin-top:.5rem;}
.login form .form-group .form-title{
    float:left;
    width:2.5rem;
    overflow:hidden;
    line-height:1.5rem;
}
.login form .form-group .form-content{width:calc(100% - 2.5rem);overflow:hidden;}
.login form .form-group .form-content input{
    border:1px solid rgba(20,70,50,.2);
    width:100%;
    font-size:.625rem;
    line-height:1.5rem;
    text-indent:.5rem;
}
.login form .form-submit{margin-top:2rem;text-align:center;}
.login form .form-submit button{
    border:1px solid rgba(20,70,50,.2);
    background-color:rgba(20,70,50,.1);
    border-radius:3px;
    font-size:.8125rem;
    padding:.2rem .5rem;
}
.login form .form-submit button:hover{
    background-color:#f60;
    color:#fff;
    border-color:#f60;
}

.hidden-xs{display:none!important}

/* ============================================================
   13. PC 端适配（>=768px）
   ============================================================ */
@media screen and (min-width:768px){
    .hidden-xs{display:inline!important;}

    .header{width:57.5rem;padding-top:15px;}

    #back-btn,.header_logo_left,.header_logo_middle,.header_logo_right{display:none;}

    .header .header_logo{
        order:1;
        display:inline-flex;
        align-items:center;
        float:left;
        flex-shrink:0;
        margin:0;
        max-height:52px;
        line-height:1.25rem;
    }
    .header .header_logo img,
    .header .header_logo img.site-logo-img{
        height:44px;
        max-width:200px;
        max-height:44px;
    }
    .header .header_logo span.site-logo-text{font-size:1.25rem;}

    .header_search{
        order:2;
        display:block;
        float:right;
        width:18rem;
        margin:.3rem 0 0;
        border:none;
        padding:0;
        flex-shrink:0;
    }

    .header-right{
        order:3;
        display:flex;
        align-items:center;
        flex-shrink:0;
        margin-left:12px;
    }

    .header_login{
        display:block;
        float:right;
        margin:.3rem 0 0 .5rem;
        background-color:rgba(20,70,50,.5);
        color:#fff;
        border-radius:.15rem;
        font-size:.75rem;
        line-height:1.8rem;
        padding:0 .5rem;
    }
    .header_login:hover{background-color:#f60;color:#fff;}

    .nav{width:57.5rem;height:2rem;display:block;}
    .nav ul li{width:7.14%;}
    .nav ul li.active,.nav ul li:hover{background:rgba(20,70,50,.3);}

    #main{width:57.5rem;}
    .main-height{min-height:calc(100vh - 136px - 120px);}

    #hotcontent{margin-top:.5rem}
    #hotcontent .l{
        float:right;
        width: 45.75rem;
        overflow:hidden;
        border:.1rem solid rgba(20,70,50,.5);
        background:rgba(20,70,50,.01);
        padding-bottom: 0.469rem;
    }
    #hotcontent .l .item{width:14.2rem;height:5.3rem;float:left;}
    #hotcontent .l .item .image img{width:4.3rem;height:5.4rem;}
    #hotcontent .l .item dl dd{height:4rem;line-height:1rem;}
    #hotcontent .l .item+.item{border:none;}
    #hotcontent .rank{float:left;width:57.3rem;padding:0 0 .5rem;}
    #hotcontent .login{float:left;width:44.3rem;padding:0 0 .5rem;}
    #hotcontent .rank .item{float:left;width:13rem;}
    #hotcontent .r{
        float:left;
        width:11rem;
        border:.1rem solid rgba(20,70,50,.5);
        background:rgba(20,70,50,.01);
    }
    #hotcontent .r li .s5{width:2.5rem}
    #hotcontent .r li .s1{width:1.5rem}
    #hotcontent .r li .s2{width:calc(100% - 4rem)}

    .novelslist{margin:.5rem auto 0;background:rgba(20,70,50,.01);}
    .novelslist .content{
        float:left;
        width:calc((100% - .6rem - 20px)/ 3);
        border:.1rem solid rgba(20,70,50,.5);
    }
    .novelslist .content+.content{margin-left:10px;}

    #newscontent{margin:.5rem auto 0}
    #newscontent .r{
        float:left;
        width:11rem;
        border:.1rem solid rgba(20,70,50,.5);
        background:rgba(20,70,50,.01);
    }
    #newscontent .r li .s1{width:1.5rem}
    #newscontent .r li .s5{width:2.5rem}
    #newscontent .r li .s2{width:calc(100% - 4rem)}
    #newscontent .l{
        float:right;
        width:45.75rem;
        border:.1rem solid rgba(20,70,50,.5);
        background:rgba(20,70,50,.01);
    }
    #newscontent .l li .s1{display:inline;width: 3rem;}
    #newscontent .l li .s2{width:10rem}
    #newscontent .l li .s3{width: 21rem;display:block;}
    #newscontent .l li .s4{display:block}

    #newscontent .l ul li.list-header .s1{width: 3rem;}
    #newscontent .l ul li.list-header .s2{width: 10rem;}
    #newscontent .l ul li.list-header .s3{width: 21rem;}
    #newscontent .l ul li.list-header .s4{width:7rem;text-align:left;}
    #newscontent .l ul li.list-header .s5{width: 3rem;text-align:right;float:right;}

    .box_con{
        width:57.3rem;
        margin:.5rem auto 0;
        border:.1rem solid rgba(20,70,50,.5);
        background-color:rgba(20,70,50,.01);
    }
    .con_top{font-size:.75rem}
    #sidebar{width:7rem;text-align:left;}
    #fmimg,#sidebar{float:left}
    #fmimg img{width:6rem;height:8.4rem;}
    #maininfo{margin:.5rem .5rem 0}
    #info{margin-left:0;font-size:.75rem;}
    #info h1{text-align:left;font-size:1rem;}
    #info p{float:left;width:50%;text-align:left;line-height:1.5rem;height:1.5rem;}
    #intro{float:none;width:auto;overflow:hidden;height:2.6rem;line-height:1.3rem;}
    .readbtn{float:none;display:inline;border:none;padding:0;}
    .readbtn a{padding:.25rem 2rem;}
    .readbtn a:hover{background:#f60;color:#fff;}
    #info1{margin-top:0}
    #list dd{width:calc(25% - 1rem);float:left;}
    #list dd:after{display:none}
    .con_top #readSet{float:right;border:none;}
    .con_top #readSet .rf{margin-left:1rem;}

    .newscontent,.newslist{
        margin-top:.5rem;
        padding-bottom:.2rem;
        overflow:hidden;
        border:.1rem solid rgba(20,70,50,.5);
        background:rgba(20,70,50,.01);
    }
    .newscontent p{margin:.5rem}
    .newslist p{
        margin:0;
        float:left;
        width:calc(50% - 1rem);
        border-bottom:1px dashed #d7d7d7;
        padding:0 .5rem;
    }
    .newslist p+p{border-top:none;}

    #firendlink{
        margin:.5rem auto;
        padding:.5rem;
        width:56.3rem;
        border:.1rem solid rgba(20,70,50,.5);
        background:rgba(20,70,50,.01);
        line-height:1rem;
        font-size:.625rem;
        display:block;
    }
    #firendlink a{display:inline-block;margin:0 .2rem 0 0;color:#666;}

    .gotop{right:36%;bottom:10%;margin-right:-25rem;}
    .login form{padding:1rem 10rem;}

    #footer,.footer{
        margin:.5rem auto 0;
        padding:.5rem 0;
        width:44.5rem;
        border:none;
    }
    .footer_cont p{width:88%}

    .visible-xs{display:none!important;}
}

/* ============================================================
   14. 响应式：<=768px（LOGO 缩小）
   ============================================================ */
@media (max-width:768px){
    .header-right .top-btn,.nav-lang-switch{display:none;}

    .header .header_logo{
        margin-left:10px;
        max-height:44px;
    }
    .header .header_logo img,
    .header .header_logo img.site-logo-img{
        height:36px;
        max-width:160px;
        max-height:36px;
    }
    .header .header_logo span.site-logo-text{font-size:1.15rem;}
}

/* ============================================================
   15. 响应式：<=480px
   ============================================================ */
@media (max-width:480px){
    .header .header_logo{
        margin-left:8px;
        max-height:38px;
    }
    .header .header_logo img,
    .header .header_logo img.site-logo-img{
        height:30px;
        max-width:130px;
        max-height:30px;
    }
    .header .header_logo span.site-logo-text{font-size:1rem;}
}

/* ============================================================
   16. 移动端 Header 布局优化（≤768px）
   ============================================================ */
@media (max-width: 768px) {

    .header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
        background: #fff;
        border-bottom: 1px solid rgba(20,70,50,.12);
        box-shadow: 0 1px 3px rgba(0,0,0,.04);
        box-sizing: border-box;
    }

    .header .header_logo {
        order: 1;
        margin: 0 !important;
        flex: 0 0 auto;
        max-height: 40px;
    }
    .header .header_logo img.site-logo-img {
        height: 32px !important;
        max-width: 140px !important;
        max-height: 32px !important;
    }
    .header .header_logo span.site-logo-text {
        font-size: 1.1rem !important;
    }

    .header_logo_right {
        order: 2;
        display: flex !important;
        align-items: center;
        float: none !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
    }
    .header_logo_right li {
        float: none !important;
        margin: 0 !important;
        list-style: none;
    }
    .header_logo_right #menu-btn {
        display: none !important;
    }
    .header_logo_right #search-btn {
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        background-size: 296px 140px !important;
        background-position: -142px -106px !important;
        border-radius: 50%;
        transition: background-color .2s;
        cursor: pointer;
    }
    .header_logo_right #search-btn:active {
        background-color: rgba(20,70,50,.12);
    }

    .header-right {
        order: 3;
        display: flex !important;
        align-items: center;
        gap: 6px;
        margin: 0 0 0 8px !important;
        flex-shrink: 0;
    }
    .header-right > a[href="/user/history"],
    .header-right > a[href="/user/bookshelf"] {
        display: none !important;
    }
    .header-right .top-btn,
    .header-right .user-dropdown-wrapper .dropdown-toggle {
        display: inline-block !important;
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        min-width: auto !important;
        border-radius: 16px !important;
        background: rgb(125 153 142) !important;
        color: #fff !important;
        white-space: nowrap;
    }
    .header-right .top-btn:hover,
    .header-right .user-dropdown-wrapper .dropdown-toggle:hover {
        background: #f60 !important;
    }

    .header-right .user-dropdown-wrapper {
        position: relative;
    }
    .header-right .user-dropdown-wrapper .dropdown-toggle {
        cursor: pointer;
        user-select: none;
    }

    .header-right .user-dropdown-wrapper .dropdown-menu,
    .header-right .user-dropdown-wrapper:hover .dropdown-menu {
        display: none !important;
    }

    .header-right .user-dropdown-wrapper.show .dropdown-menu {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        top: calc(100% + 8px) !important;
        left: auto !important;
        min-width: 170px !important;
        background: #fff !important;
        border: 1px solid #eee !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.15) !important;
        padding: 6px 0 !important;
        z-index: 9999 !important;
        overflow: hidden;
        animation: mDropdownIn .18s ease-out;
    }
    @keyframes mDropdownIn {
        from { opacity: 0; transform: translateY(-6px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    .header-right .dropdown-menu a {
        display: block !important;
        padding: 11px 18px !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: #333 !important;
        white-space: nowrap;
        background: #fff;
        transition: background .15s;
    }
    .header-right .dropdown-menu a:hover,
    .header-right .dropdown-menu a:active {
        background: #f5f5f5 !important;
        color: #f60 !important;
    }
    .header-right .dropdown-menu a i {
        width: 18px;
        margin-right: 6px;
        color: #8896a1;
    }
    .header-right .dropdown-menu a[href="/user/logout"] i {
        color: #d9534f;
    }
    .header-right .dropdown-menu .divider {
        height: 1px;
        background: #eee;
        margin: 6px 0;
    }

    .header_search {
        order: 4;
        width: 100% !important;
        display: none;
        margin: 0 !important;
        padding: 10px 0 2px !important;
        float: none !important;
        border-top: 1px solid rgba(20,70,50,.12);
        box-sizing: border-box;
    }
    .header_search.active {
        display: block !important;
    }
    .header_search form {
        display: flex;
        align-items: center;
        height: 38px;
        margin: 0;
    }
    .header_search form input {
        flex: 1;
        width: auto !important;
        height: 100% !important;
        font-size: 14px !important;
        padding: 0 12px !important;
        text-indent: 0 !important;
        box-sizing: border-box;
        border: 1px solid rgba(20,70,50,.3) !important;
        border-right: none !important;
        border-radius: 19px 0 0 19px !important;
        background: rgba(20,70,50,.03) !important;
        outline: none;
    }
    .header_search form button {
        width: 72px !important;
        height: 100% !important;
        font-size: 14px !important;
        border-radius: 0 19px 19px 0 !important;
        background: rgba(20,70,50,.6) !important;
        color: #fff;
        border: none;
        cursor: pointer;
    }
    .header_search form button:hover {
        background: #f60 !important;
    }

    .nav {
        display: block !important;
        width: 100%;
        height: auto !important;
        background: rgba(20,70,50,.5);
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        box-sizing: border-box;
    }
    .nav::-webkit-scrollbar {
        display: none;
    }
    .nav ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap;
        padding: 0 !important;
        margin: 0 !important;
        width: max-content;
        min-width: 100%;
    }
    .nav ul li {
        float: none !important;
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 18px !important;
        line-height: 44px !important;
        text-align: center;
        display: inline-block !important;
        font-size: 14px !important;
        box-sizing: border-box;
    }
    .nav ul li a {
        display: inline-block !important;
        padding: 0 !important;
        height: auto !important;
        color: #fff;
    }
    .nav ul li a.active,
    .nav ul li a:hover {
        color: #f60;
    }
}

/* ============================================================
   17. 移动端章节列表修复（#list）
   —— 解决目录标题+排序按钮与章节列表重叠
   —— 注意：display 不加 !important，保留 JS 正序/倒序切换能力
   ============================================================ */
@media (max-width: 768px) {

    /* 1. dt 改为 flex 布局，高度自适应 */
    #list dt {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: .4rem !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        min-height: 2rem !important;
        box-sizing: border-box !important;
        padding: .45rem .6rem !important;
        line-height: 1.5 !important;
        text-align: left !important;
        overflow: visible !important;
    }
    #list dt::after {
        content: "";
        display: block;
        clear: both;
    }

    /* 2. dt 内排序按钮组：取消浮动，落到正常流 */
    #list dt > span {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: .3rem !important;
        margin-left: auto !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        white-space: nowrap;
    }

    /* 3. 章节 <a> 容器整行显示（display 不加 !important，
          让 JS 的 el.style.display = 'none'/'block' 能生效） */
    #list dl > a {
        display: block;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 4. 章节 dd 整行显示（display 不加 !important） */
    #list dd {
        display: block;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        padding: .4rem .8rem !important;
        line-height: 1.8 !important;
        height: auto !important;
        min-height: 1.8rem;
        box-sizing: border-box !important;
    }

    /* 保留右侧 ">" 箭头 */
    #list dd:after {
        display: block !important;
        float: right !important;
        line-height: inherit !important;
    }
}
/* ============================================================
   18. 入驻作者列表 · 横排网格
   ============================================================ */

/* ---------- 页面头部 Hero ---------- */
.author-hero {
    margin: .5rem 0 0;
    padding: 1.2rem .8rem 1rem;
    background: linear-gradient(135deg, rgba(20,70,50,.08), rgba(20,70,50,.02));
    border: .05rem solid rgba(20,70,50,.2);
    border-radius: .2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.author-hero::before {
    content: "";
    position: absolute;
    top: -30%;
    right: -10%;
    width: 8rem;
    height: 8rem;
    background: radial-gradient(circle, rgba(246,102,0,.12), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.author-hero-inner {
    position: relative;
    z-index: 1;
}
.author-hero-title {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: 1.1rem;
    font-weight: 800;
    color: rgba(20,70,50,.95);
    letter-spacing: .03rem;
    margin-bottom: .4rem;
}
.author-hero-title i {
    color: #f60;
    font-size: 1rem;
}
.author-hero-sub {
    font-size: .72rem;
    color: #888;
    line-height: 1.5;
    margin-bottom: .6rem;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
}
.author-hero-count {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .7rem;
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(20,70,50,.2);
    border-radius: 1rem;
    font-size: .65rem;
    color: #666;
}
.author-hero-count i { color: rgba(20,70,50,.7); font-size: .65rem; }
.author-hero-count strong { color: #f60; font-weight: 700; margin: 0 .15rem; }

/* ---------- 作者网格：分辨率自适应 ---------- */
.author-grid {
    display: grid;
    /* 卡片最小宽 12rem，剩余空间自动平分 */
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
    gap: .5rem;
    margin: .6rem 0;
}

/* ---------- 作者卡片（横排） ---------- */
.author-card {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem .7rem;
    background: rgba(255,255,255,.75);
    border: .05rem solid rgba(20,70,50,.2);
    border-radius: .2rem;
    color: inherit;
    text-decoration: none;
    transition: all .25s ease;
    position: relative;
    overflow: hidden;
    min-width: 0;
}
.author-card:hover {
    border-color: rgba(246,102,0,.5);
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 .15rem .4rem rgba(20,70,50,.1);
}

/* ---------- 头像 ---------- */
.author-card-avatar {
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(20,70,50,.85), rgba(20,70,50,.6));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .25s ease;
    box-shadow: 0 .06rem .15rem rgba(20,70,50,.2);
}
.author-card:hover .author-card-avatar {
    background: linear-gradient(135deg, #f60, #d94e00);
    box-shadow: 0 .1rem .25rem rgba(246,102,0,.35);
    transform: scale(1.05);
}
.author-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.author-initial {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

/* ---------- 信息区 ---------- */
.author-card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.author-card-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .3rem;
    min-width: 0;
}
.author-card-name {
    font-size: .75rem;
    font-weight: 700;
    color: #333;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .2s;
    min-width: 0;
}
.author-card:hover .author-card-name { color: #f60; }

.author-card-count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .05rem .35rem;
    background: rgba(20,70,50,.08);
    border-radius: .7rem;
    font-size: .5625rem;
    color: #666;
    transition: all .25s;
}
.author-card-count i {
    color: rgba(20,70,50,.7);
    font-size: .5rem;
}
.author-card-count strong {
    color: rgba(20,70,50,.9);
    font-weight: 700;
}
.author-card:hover .author-card-count {
    background: rgba(246,102,0,.12);
}
.author-card:hover .author-card-count i,
.author-card:hover .author-card-count strong {
    color: #f60;
}

.author-card-bio {
    font-size: .6rem;
    color: #999;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.author-card-bio.empty {
    color: #ccc;
    font-style: italic;
}

/* ---------- 右箭头 ---------- */
.author-card-arrow {
    flex: 0 0 auto;
    font-size: .6rem;
    color: #ccc;
    transition: all .25s;
}
.author-card:hover .author-card-arrow {
    color: #f60;
    transform: translateX(2px);
}

/* ---------- 空状态 ---------- */
.author-empty {
    margin: 2rem auto;
    padding: 2rem 1rem;
    text-align: center;
    background: rgba(255,255,255,.5);
    border: .05rem dashed rgba(20,70,50,.3);
    border-radius: .2rem;
}
.author-empty i {
    font-size: 2.5rem;
    color: rgba(20,70,50,.25);
    display: block;
    margin-bottom: .5rem;
}
.author-empty p {
    font-size: .75rem;
    color: #999;
}


/* ============================================================
   19. 作者列表 · 响应式微调
   ============================================================ */

/* ---------- 手机小屏（≤639px）：强制 2 列，卡片更紧凑 ---------- */
@media (max-width: 639px) {
    .author-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .4rem;
        margin: .5rem 0;
    }
    .author-card {
        padding: .5rem .55rem;
        gap: .45rem;
    }
    .author-card-avatar {
        width: 2rem;
        height: 2rem;
    }
    .author-initial { font-size: .85rem; }
    .author-card-name { font-size: .7rem; }
    .author-card-bio { display: none; }
    .author-card-count {
        padding: 0 .3rem;
        font-size: .5rem;
    }
    .author-card-arrow { display: none; }

    /* Hero 紧凑 */
    .author-hero { padding: 1rem .7rem .8rem; }
    .author-hero-title { font-size: 1rem; }
    .author-hero-sub { font-size: .68rem; }
}

/* ---------- PC 端（≥768px）：Hero 放大，网格 4 列 ---------- */
@media screen and (min-width: 768px) {
    .author-hero {
        padding: 1.8rem 2rem 1.5rem;
        margin-top: .5rem;
    }
    .author-hero-title { font-size: 1.4rem; }
    .author-hero-title i { font-size: 1.25rem; }
    .author-hero-sub {
        font-size: .8rem;
        max-width: 30rem;
        margin-bottom: .9rem;
    }
    .author-hero-count {
        padding: .3rem 1rem;
        font-size: .7rem;
    }

    .author-grid {
        gap: .8rem;
        margin: 1rem 0;
    }

    .author-card {
        padding: .8rem .9rem;
        gap: .8rem;
        border-radius: .25rem;
    }
    .author-card-avatar {
        width: 2.8rem;
        height: 2.8rem;
    }
    .author-initial { font-size: 1.15rem; }

    .author-card-name { font-size: .8rem; }
    .author-card-count {
        padding: .1rem .45rem;
        font-size: .625rem;
    }
    .author-card-bio { font-size: .65rem; }
    .author-card-arrow { font-size: .65rem; }
}
/* ============================================================
   20. 作者头像（DiceBear SVG）微调
   ============================================================ */

/* 头像底色改浅，避免和 SVG 颜色冲突 */
.author-card-avatar {
    background: #f0f4f1;  /* 原来绿色渐变改为浅灰绿 */
    box-shadow: 0 0 0 1px rgba(20,70,50,.08);
}

.author-card:hover .author-card-avatar {
    background: #fff5ec;  /* 悬停浅橙底 */
    box-shadow: 0 0 0 2px rgba(246,102,0,.3);
}

/* SVG 头像适配 */
.author-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 移动端小屏也保持同样底色 */
@media (max-width: 639px) {
    .author-card-avatar {
        background: #f0f4f1;
        box-shadow: 0 0 0 1px rgba(20,70,50,.08);
    }
}
/* ============================================================
   25. 作者列表 · 筛选栏
   ============================================================ */

.author-filter {
    margin: .6rem 0;
    padding: .6rem .8rem;
    background: rgba(255,255,255,.75);
    border: .05rem solid rgba(20,70,50,.2);
    border-radius: .2rem;
}

.author-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
}

.author-filter-item {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    flex: 0 0 auto;
    min-width: 0;
}

.author-filter-item label {
    font-size: .625rem;
    color: #666;
    font-weight: 600;
    letter-spacing: .02rem;
}

/* 输入框容器（含图标 + 清空按钮） */
.author-filter-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 20rem;
    max-width: 100%;
    height: 1.8rem;
    border: .05rem solid rgba(20,70,50,.2);
    border-radius: .15rem;
    background: #fff;
    transition: border-color .2s;
    box-sizing: border-box;
}
.author-filter-input-wrap:focus-within {
    border-color: rgba(20,70,50,.5);
}

.author-filter-input-wrap > i.fa-search {
    flex: 0 0 auto;
    padding: 0 .5rem;
    font-size: .625rem;
    color: rgba(20,70,50,.6);
}

.author-filter-input-wrap input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: .6875rem;
    font-family: inherit;
    color: #333;
    padding: 0;
}
.author-filter-input-wrap input::placeholder {
    color: #aaa;
}

.author-filter-clear {
    flex: 0 0 auto;
    padding: 0 .5rem;
    color: #ccc;
    font-size: .75rem;
    text-decoration: none;
    transition: color .2s;
}
.author-filter-clear:hover {
    color: #f60;
}

/* 下拉选择 */
.author-filter .vip-select {
    width: 9rem;
    max-width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
}

/* 按钮组 */
.author-filter-actions {
    display: flex;
    flex-direction: row;
    gap: .4rem;
    align-items: center;
    margin-left: auto;
    flex: 0 0 auto;
}
.author-filter-actions .btn-submit.btn-inline,
.author-filter-actions .btn-cancel.btn-inline {
    padding: .4rem 1rem;
    font-size: .6875rem;
}
.author-filter-actions .btn-submit.btn-inline i,
.author-filter-actions .btn-cancel.btn-inline i {
    font-size: .6875rem;
}

/* 搜索结果高亮 */
.author-card-name mark {
    background: rgba(246,102,0,.2);
    color: #d94e00;
    padding: 0 .1rem;
    border-radius: .1rem;
}

/* 空状态里的返回按钮 */
.author-empty .btn-submit {
    display: inline-flex;
    width: auto;
    min-width: 8rem;
    margin-top: .6rem;
}


/* ============================================================
   26. 作者筛选栏 · 响应式
   ============================================================ */

/* 移动端：纵向堆叠，按钮平分 */
@media (max-width: 768px) {
    .author-filter {
        padding: .5rem .6rem;
        margin: .5rem 0;
    }
    .author-filter-row {
        flex-direction: column;
        align-items: stretch;
        gap: .5rem;
    }
    .author-filter-item {
        flex: none;
        width: 100%;
    }
    .author-filter-input-wrap {
        width: 100%;
    }
    .author-filter .vip-select {
        width: 100%;
    }
    .author-filter-actions {
        flex-direction: row;
        margin-left: 0;
        width: 100%;
    }
    .author-filter-actions .btn-submit.btn-inline,
    .author-filter-actions .btn-cancel.btn-inline {
        flex: 1;
        width: auto;
        min-width: 0;
    }
}

/* ============================================================
   27. 手机端修复：最近更新表头“更新时间”显示完整
   ============================================================ */
@media screen and (max-width: 767px) {
    /* 统一：书名列宽度 = 100% - 分类(3rem) - 更新时间(3rem) */
    #newscontent .l li .s2 {
        width: calc(100% - 6rem) !important;
    }

    /* 统一：更新时间列加宽到 3rem，并禁止换行 */
    #newscontent .l li .s5 {
        width: 3rem !important;
        float: right !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}

/* ============================================================
   28. PC 端修复：最新入库小说(.r) 与 最近更新小说(.l) 等高
   ============================================================ */
@media screen and (min-width: 768px) {
    /* 父容器改为 flex，子项默认拉伸到相同高度 */
    #newscontent {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }

    /* 取消浮动，固定宽度，不伸缩 */
    #newscontent .r {
        float: none;
        flex: 0 0 11rem;
        width: 11rem;
    }

    #newscontent .l {
        float: none;
        flex: 0 0 45.75rem;
        width: 45.75rem;
    }

    /* 清除浮动用的空 div 在 flex 中会占位，直接隐藏 */
    #newscontent .clear {
        display: none;
    }
}