@charset "utf-8";
*{box-sizing:border-box;margin:0;padding:0}
body{background:#f1f1f1;color:#555;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif}
a{color:#3f8d94;text-decoration:none}
a:hover{color:#f60}
img{max-width:100%;border:0}
ul,ol{list-style:none}
.cc,.clear,.clr,.fix:after,.row:after{clear:both;content:"";display:block}
.topbar{background:#f7f7f7;border-bottom:1px solid #d8d8d8;height:30px;line-height:30px}
.topbar-con,.header,.nav,.m-nav,.container,.footer,.link-url,.users,.login-panel,.rank-tabs{max-width:990px;margin:0 auto}
.topbar-sethome,.topbar-addfavorite{float:left;margin-right:15px}
.topbar-right{float:right}
.header{height:92px;padding:20px 0}
.logo{float:left;font-size:32px;line-height:46px}
.logo a{color:#5e8e9e}
.search-form{float:right;margin-top:8px}
.input-key{width:330px;height:36px;border:1px solid #b4cdd2;padding:0 10px}
.btn-tosearch,.loginb,.usubmit{height:36px;border:1px solid #5f91a2;background:#75a4b4;color:#fff;padding:0 18px;cursor:pointer}
.m-user{display:none}
.m-lang{display:none}
.nav{height:auto;background:#75a4b4;border-bottom:2px solid #5e8e9e;overflow:hidden}
.nav li{float:left}
.nav a{display:block;color:#fff;padding:9px 12px}
.nav a:hover{background:#5e8e9e;color:#fff}
.m-nav{display:none}
.xs-show{display:none}
.container{position:relative}
.row{margin:10px auto 20px;position:relative}
.layout{background:#fff;border:1px solid #d8d8d8;margin-bottom:10px;overflow:hidden}
.layout-col2{float:left;width:670px}
.layout-col1{float:right;width:310px}
.layout2.layout-col2{width:670px}
.layout2.layout-col1{width:310px}
.layout-tit,.xbk,.category-title{height:36px;line-height:36px;background:#f7f7f7;border-bottom:1px solid #d8d8d8;color:#3f8d94;font-size:16px;font-weight:bold;padding:0 12px}
.item{float:left;width:50%;height:165px;padding:12px;border-bottom:1px dashed #ddd;overflow:hidden}
.item .image{float:left;width:90px;margin-right:12px}
.item .image img{width:80px;height:112px;object-fit:cover}
.item dt{height:28px;line-height:28px;overflow:hidden;font-weight:bold}
.item dt span{float:right;color:#999;font-weight:normal}
.item dd{color:#666;height:84px;overflow:hidden}
.tp-box{float:left;width:33.33%;padding:10px;border-bottom:1px solid #eee}
.tp-box h2{font-size:16px;height:30px;line-height:30px}
.tp-box .top{height:115px;overflow:hidden}
.tp-box .image{float:left;width:70px;margin-right:10px}
.tp-box .image img{width:62px;height:88px;object-fit:cover}
.tp-box li,.txt-list li{height:28px;line-height:28px;overflow:hidden;border-bottom:1px dotted #eee}
.txt-list{padding:8px 12px}
.txt-list span{display:inline-block;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txt-list-row3 .s1{width:58px}.txt-list-row3 .s2{width:150px}.txt-list-row3 .s5{width:75px}
.txt-list-row5 .s1{width:90px}.txt-list-row5 .s2{width:180px}.txt-list-row5 .s3{width:230px}.txt-list-row5 .s4{width:90px}.txt-list-row5 .s5{width:80px}
.detail-box{padding:15px;overflow:hidden}
.imgbox{float:left;width:150px;margin-right:18px}
.imgbox img{width:140px;height:190px;object-fit:cover}
.info h1{font-size:28px;color:#333}
.book-meta p{line-height:28px}
.book-actions a,.btn-read{display:inline-block;margin:8px 8px 0 0;padding:4px 12px;background:#75a4b4;color:#fff;border-radius:3px}
.desc,.m-desc{margin-top:10px;color:#666}
.section-box{padding:10px 15px;overflow:hidden}
.section-list li{float:left;width:25%;height:32px;line-height:32px;overflow:hidden;border-bottom:1px dotted #ddd}
.index-container,.pages,.pagination{padding:12px;text-align:center}
.index-container a,.pages a,.pages span,.pages strong{display:inline-block;margin:3px;padding:3px 8px;border:1px solid #ccc;background:#fff}
.reader-main{background:#fff;padding:20px}
.reader-main .title{text-align:center;font-size:28px;border-bottom:1px dotted #ccc;margin-bottom:15px;padding-bottom:15px}
.section-opt{text-align:center;margin:12px 0}
.section-opt a{display:inline-block;margin:4px 6px;padding:5px 14px;border:1px solid #b4cdd2;border-radius:3px}
.reader-main .content{font-size:24px;line-height:1.9;color:#333}
.btn-addbs{display:block;text-align:center;margin:18px 0}
.m-setting{max-width:990px;margin:10px auto;text-align:right}
.m-setting select{height:28px;margin-left:6px}
.ad-container{max-width:990px;margin:10px auto;text-align:center;overflow:hidden}
.link-url{background:#fff;border:1px solid #d8d8d8;margin-top:10px}
.link-title{background:#f7f7f7;border-bottom:1px solid #d8d8d8;padding:6px 10px;font-weight:bold}
.link-list{padding:10px}
.link-list a{display:inline-block;margin-right:10px}
.footer{text-align:center;color:#777;padding:15px}
.m-footer{display:none}
.users,.login-panel,.rank-tabs{background:#fff;border:1px solid #d8d8d8;margin-top:10px}
.usertop ul{padding:10px;background:#f7f7f7;border-bottom:1px solid #d8d8d8}
.usertop li{float:left;margin-right:15px}
.userinfo,.login-panel-inner{padding:20px}
.form-row{max-width:430px;margin:12px auto;display:flex;align-items:center}
.form-row label{width:90px;text-align:right;margin-right:10px}
.form-row input,.userinfo input{height:34px;border:1px solid #ccc;padding:0 8px}
.form-row input{flex:1}
.login_tips{text-align:center;color:#d00}
.history-table{width:100%;border-collapse:collapse}
.history-table th,.history-table td{border-bottom:1px solid #eee;padding:9px;text-align:left}
.rank-tabs{padding:10px}
.rank-tabs a{display:inline-block;margin:4px 8px}
.rank-tabs .active{font-weight:bold;color:#d00}
.sorttop{display:none}
.list.fk{max-width:990px;margin:10px auto;background:#fff;border:1px solid #d8d8d8}
.list.fk ul{padding:10px;border-bottom:1px solid #eee;overflow:hidden}
.tjimg{float:left;width:82px}
.tjimg img{width:70px;height:95px;object-fit:cover}
.tjxs{overflow:hidden}
.tjxs span{display:block;line-height:24px}
.xsm{font-weight:bold;font-size:16px}
.tipss{text-align:center;background:#fff;padding:30px}
.bookone{overflow:hidden;border-bottom:1px solid #eee;padding:10px}
.bcimg{float:left;margin-right:10px}
.bcimg img{width:48px;height:69px;object-fit:cover}
.casedel a{float:right;color:#d00}
.red{color:#d00}.blue{color:#2f86d6}
@media screen and (max-width:1024px){
  body{font-size:14px}
  .xs-hidden,.topbar,.layout-col1,.pc-footer{display:none!important}
  .xs-show{display:initial}
  .topbar-con,.header,.nav,.m-nav,.container,.footer,.link-url,.users,.login-panel,.rank-tabs,.layout-col2,.layout2.layout-col2{width:100%;max-width:none}
  .header{height:54px;padding:0 10px;background:#4baacd;line-height:54px;border-bottom:1px solid #4399b8;position:relative}
  .logo{float:left;font-size:26px;line-height:54px}
  .logo a{color:#fff}
  .search-form{display:flex;float:none;width:100%;position:absolute;top:94px;left:0;padding:0 10px;margin:0;z-index:9}
  .input-key{width:auto;flex:1;margin:0;outline:0}
  .btn-tosearch{border-left:0;background:#fff;color:#4caacd}
  .m-user{display:block;float:right;color:#fff;margin-right:92px}
  .m-user a{color:#fff}
  .m-lang{display:block;position:absolute;right:10px;top:0;height:54px;line-height:54px;color:#fff}
  .m-lang a{color:#fff}
  .nav{display:none}
  .nav li{width:20%;text-align:center}
  .nav a{padding:5px 0}
  .m-nav{display:flex;background:#4baacd;border-top:1px solid #5db3d2;border-bottom:1px solid #4399b8;overflow:hidden;margin-bottom:50px;height:40px;line-height:40px;padding:0 10px}
  .m-nav li{float:none;flex:1 1 auto;width:auto;text-align:center}
  .m-nav a{display:block;padding:0;color:#fff}
  .row{margin:0 auto}
  .container{margin:5px auto}
  .layout{border-left:0;border-right:0;margin-bottom:8px}
  .item{width:100%;display:flex;height:auto;padding:10px}
  .item .image{flex:0 0 82px}
  .item dd{height:66px}
  .tp-box{width:100%}
  .txt-list span{display:inline;width:auto!important}
  .section-list li{width:50%}
  .detail-box{padding:10px;position:relative}
  .detail-box .imgbox{float:none;width:102px;margin:0 auto 10px;padding:0;border:1px solid #b4dae8}
  .detail-box .imgbox img{display:block;width:100px;height:130px;margin:0}
  .detail-box .info{float:none;width:auto;font-size:14px}
  .detail-box .info h1{display:none}
  .detail-box .book-meta p{height:27px;line-height:27px;overflow:hidden}
  .detail-box .book-actions{display:flex;height:auto!important;margin:10px 0}
  .detail-box .book-actions a{flex:1;margin:0 3px;text-align:center;color:#fff;border-radius:5px;line-height:26px;padding:0 6px}
  .detail-box .book-actions .btn-read{background:#eb2650}
  .detail-box .book-actions .btn-tobtm{background:#658fbd}
  .detail-box .book-actions .btn-addbs{background:#f0962a}
  .detail-box .book-actions .btn-vote{background:#75a4b4}
  .detail-box .desc{display:none}
  .detail-box .m-desc{display:block;margin-top:8px;line-height:1.7}
  .layout-tit{height:auto;min-height:34px;line-height:34px}
  .section-box{padding:0 10px 10px}
  .section-list li{height:36px;line-height:36px}
  .index-container{overflow-x:auto;white-space:nowrap}
  .rank-tabs{border-left:0;border-right:0;margin:5px 0}
  .sorttop{display:block;margin:var(--qula-block-gap,10px) 8px 0;overflow:hidden}
  .sorttop ul{overflow:hidden}
  .sorttop li{float:left;width:46%;margin:3px 2%;text-align:center}
  .sorttop a{display:block;padding:9px 0;background:#FEF9EF;border:1px solid #A6D3E8;border-radius:3px;color:#6F78A7}
  .sorttop .active a{background:#4baacd;border-color:#4399b8;color:#fff}
  .list.fk{border-left:0;border-right:0;margin:5px 0}
  .tjimg{width:72px}
  .tjimg img{width:62px;height:84px}
  .reader-main{padding:12px}
  .reader-main .title{font-size:22px}
  .reader-main .content{font-size:20px}
  .section-opt a{padding:5px 10px;margin:3px 2px}
  .m-setting{text-align:center;padding:0 8px}
  .history-table{display:block;overflow-x:auto;border-left:0;border-right:0;white-space:nowrap}
  .history-table .xs-hidden{display:none!important}
  .form-row{display:block;padding:0 10px}
  .form-row label{display:block;width:auto;text-align:left;margin-bottom:5px}
  .form-row input{width:100%}
  .m-footer{display:flex;background:#4baacd;color:#fff;padding:10px}
  .m-footer a{margin:0 8px}
}
@media screen and (max-width:640px){
  .section-list li{width:100%}
  .txt-list li{height:auto;line-height:24px;padding:5px 0}
  .history-table th,.history-table td{padding:7px 6px}
}

/* Legacy qula visual alignment: colors, spacing and desktop proportions. */
body{background-color:#E9FAFF;color:#555;font-size:12px;margin:0 auto}
a{color:#6F78A7}
.topbar{background-color:#E1ECED;border-bottom:1px solid #A6D3E8;color:gray;height:29px;line-height:28px;font-size:12px}
.topbar-con{width:1024px;max-width:1024px;text-indent:16px}
.topbar a{color:gray}
.header{width:1024px;max-width:1024px;height:62px;padding:0;position:relative}
.header .logo{float:left;width:250px;height:60px;line-height:60px;font-size:40px;margin:0}
.header .logo a{display:block;float:left;width:250px;height:60px;line-height:75px;font-family:楷体_GB2312,STKaiti;color:#0065b5;text-shadow:#8c8989 3px 3px 6px}
.search-form{float:left;width:450px;margin:20px auto auto 30px}
.input-key{width:320px;height:32px;border:1px solid #A6D3E8;font:14px/32px arial;margin-right:5px}
.btn-tosearch{width:95px;height:32px;background:#DDD;color:#333;border:0;font-size:14px;padding:0}
.nav{clear:both;display:block;width:1024px;max-width:1024px;height:40px;margin:10px auto auto;background:#88C6E5;border-bottom:0;overflow:hidden}
.nav li{line-height:40px}
.nav a{font-size:15px;font-weight:700;padding:0 10px;color:#fff}
.nav a:hover{background:#68aac2;color:#fff}
.container{width:1024px;max-width:1024px}
.layout,.layout2{background:#FEF9EF;border:3px solid #C3DFEA;float:left;overflow:hidden;padding:0;width:100%}
.layout2{border:3px solid #88C6E5;background:#E1ECED}
.row .layout-col1{width:29%;float:right}
.row .layout-col2{width:70%;float:left}
.row .layout-col3{width:100%}
.layout-tit,.category-title,.xbk{background-color:#E1ECED;border-bottom:1px solid #DDD;color:#333;font-size:14px;font-weight:700;height:32px;line-height:32px;margin:0;overflow:hidden;padding:0 10px}
.layout2 .layout-tit{background-color:#A6D3E8}
.layout-col2 .item{width:50%;height:auto;padding:5px 0 5px 10px;float:left;border-bottom:0}
.layout-col2 .item .image{width:124px;max-height:154px;overflow:hidden;float:left;margin-right:0}
.layout-col2 .item .image img{width:124px;height:154px;background:#fff;border:1px solid #DDD;padding:1px}
.layout-col2 .item dl{float:right;width:200px;padding:0 10px}
.layout-col2 .item dl dt{border-bottom:1px dotted #A6D3E8;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden}
.layout-col2 .item dl dt span{color:#B3B3B3;float:right;font-weight:400}
.layout-col2 .item dl dd{line-height:20px;height:auto;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#555}
.layout-col3 .item{width:33.33%;padding:10px 0 10px 10px;float:left}
.layout-col3 .item .image{width:114px}
.txt-list{padding:4px 10px}
.txt-list li{border-bottom:1px solid #DDD;height:32px;line-height:32px;overflow:hidden}
.txt-list li span{float:left}
.txt-list li a{color:#6F78A7}
.txt-list .s1{width:60px}
.txt-list .s5{float:right;color:#B3B3B3}
.txt-list-row5 .s1{width:75px}
.txt-list-row5 .s2{width:165px}
.txt-list-row5 .s3{width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.txt-list-row5 .s4{color:#B3B3B3;width:90px;text-align:right}
.tp-box{width:33.33%;float:left;border-right:1px dotted #A6D3E8;padding:0}
.tp-box:last-child{border-right:0}
.tp-box h2{background-color:#F6F8FE;border-bottom:1px solid #A6D3E8;font-size:14px;font-weight:bold;height:26px;line-height:26px;padding-left:10px}
.tp-box .top{height:auto;overflow:hidden}
.tp-box .top .image{float:left;padding:10px 0 0 10px;width:auto;margin-right:0}
.tp-box .top .image img{width:72px;height:86px;border:1px solid #DDD;padding:1px;background:#fff}
.tp-box .top dl{float:right;width:240px;padding:10px 10px 0}
.tp-box .top dl dt{height:25px;line-height:25px;overflow:hidden;font-weight:bold}
.tp-box .top dl dd{line-height:20px;height:60px;overflow:hidden}
.tp-box ul{padding:10px 10px 0;overflow:hidden}
.tp-box ul li{border-bottom:1px solid #DDD;color:#B3B3B3;height:26px;line-height:26px;font-size:12px;overflow:hidden;float:left;width:50%}
.pc-footer{border-top:2px solid #88C6E5;text-align:center;width:1024px;margin:0 auto;line-height:24px;padding:10px 0}
.link-url{width:1024px;max-width:1024px;background:#FEF9EF;border:3px solid #C3DFEA}
.link-title{background:#E1ECED;border-bottom:1px solid #A6D3E8}
.footer{width:1024px;max-width:1024px}
.users{width:1024px;max-width:1024px;background:#FEF9EF;border:3px solid #C3DFEA}
.users .category-title{background:#E1ECED;border-bottom:1px solid #A6D3E8;text-align:center}
.users .userinfo{padding:10px 20px;overflow:hidden}
.users .usertop ul{overflow:hidden}
.users .userinfo li{min-height:28px;line-height:28px}
.user-pass-form{max-width:480px}
.user-pass-row{display:flex;align-items:center;margin:10px 0;min-height:38px}
.user-pass-row label{flex:0 0 90px;text-align:right;padding-right:8px}
.user-pass-row .uvalue{width:288px;height:36px;line-height:36px}
.user-pass-action{padding-left:90px;margin:12px 0 4px}
.user-pass-action .usubmit{height:36px;line-height:34px}
.bookcase-table-wrap{margin:0;padding:0}
.bookcase-table-wrap .history-table{table-layout:fixed}
.rank-tabs{width:1024px;max-width:1024px;background:#FEF9EF;border:3px solid #C3DFEA}
.row-rank{overflow:hidden}
.row-rank .layout-col1{float:left;width:24%;margin-right:1.333%;background:#FEF9EF;border:3px solid #C3DFEA}
.row-rank .layout-col1.mr0{margin-right:0}
.row-rank .tab-bd{padding:4px 0}
.row-rank .txt-list-row3 .s2{width:175px}
.row-rank .txt-list-row3 .s5{width:42px}
.history-table{border:3px solid #A6D3E8;background:#FEF9EF;border-spacing:0}
.bookcase-table-wrap .history-table{border:0;display:table}
.history-table th{background:#A6D3E8}
.history-table th,.history-table td{border-bottom:1px solid #DDD}
.bookcase-table-wrap .history-table th,.bookcase-table-wrap .history-table td{padding:12px 14px}
.bookcase-table-wrap .history-table th:first-child{width:70px}
.bookcase-table-wrap .history-table th:last-child{width:74px}
.bookcase-table-wrap .history-table th,.bookcase-table-wrap .history-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-box{padding:10px;background:#FEF9EF}
.detail-box .imgbox{width:150px;margin-right:18px}
.detail-box .imgbox img{width:140px;height:190px;background:#fff;border:1px solid #DDD;padding:1px}
.detail-box .desc{border-top:1px dashed #88C6E5;padding:10px;font-size:13px;height:90px;line-height:20px;overflow:hidden}
.row-section .layout-tit{background:#C3DFEA;border-bottom-color:#C3DFEA;text-align:center;font-weight:normal}
.section-list li{width:33.33%;padding-left:10px;height:38px;line-height:38px;border-bottom:1px dashed #CCC;text-overflow:ellipsis;white-space:nowrap}
.section-list li a{color:#444}
.qula-friends-recommend .section-list li strong{color:#888;margin-right:4px}
.qula-friends-recommend .section-list li a{color:#6F78A7}
.toc-pager{clear:both;text-align:center;padding:14px 0 12px;margin:0 auto;color:#888}
.toc-pager a{display:inline-block;vertical-align:middle;padding:0 10px;line-height:24px;margin:0 4px;border:1px solid #ccc;background:#fff;color:#666}
.toc-pager a:hover{color:#fff;background:#4BA0A0;border-color:#208181;text-decoration:none}
.toc-pager select{display:inline-block;vertical-align:middle;height:26px;line-height:26px;border:1px solid #ccc;background:#fff;color:#666;margin:0 4px;padding:0 6px}
.reader-main .title{font:25px/35px '黑体';padding:20px 20px 10px}
.reader-main .section-opt{border-bottom:1px dashed #88C6E5;padding:15px 0}
.reader-main .m-bottom-opt{border-top:1px dashed #88C6E5;border-bottom:0}
.reader-main .section-opt a{color:#085308;border:0;margin:0 10px}
.reader-main .content{font-size:24px;line-height:200%;width:85%;margin:auto;text-align:justify}
.row-detail .layout,.row-section .layout,.row-reader .layout,.detail-box,.section-box,.reader-main,.reader-main .content{background-color:#E9FAFF}
.reader-lists{clear:both;overflow:hidden;margin:12px auto 0;padding:10px 0;border-top:1px dashed #88C6E5}
.reader-lists dd{float:left;width:33.33%;height:32px;line-height:32px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #CCC}
.reader-lists a{color:#444}
.reader-friend-links{clear:both;padding-top:8px}
.reader-fun{float:right}
.reader-fun .select{width:60px;outline:0;vertical-align:middle;margin:-3px 4px 0 0}
.reader-fun .reader-tool{display:inline-block;vertical-align:middle;height:20px;line-height:20px;margin:-3px 4px 0 0;padding:0 6px;border:1px solid #ccc;background:#fff;color:#666}
.reader-fun .reader-tool:hover{border-color:#A6D3E8;color:#0065B5;text-decoration:none}
.m-setting{display:none;padding:10px;font-size:12px;overflow:hidden;background-color:#ececec;border-bottom:1px solid #ddd;text-align:left}
.m-setting .font-box span{border:1px solid #0065B5;float:left;padding:2px 5px;margin-left:5px;border-radius:3px;color:#0065B5}
.m-setting select{float:right;border:1px solid #0065B5;border-radius:5px;color:#0065B5;margin-left:8px;height:26px}

@media screen and (max-width:1024px){
  body{background-color:#E9FAFF}
  .topbar-con,.header,.nav,.m-nav,.container,.footer,.link-url,.users,.login-panel,.rank-tabs,.layout-col2,.layout2.layout-col2{width:100%;max-width:none}
  .header{height:54px;background:#4baacd;line-height:54px;border-bottom:1px #4399b8 solid;padding:0 10px}
  .header .logo{width:auto;height:54px;font-size:28px;line-height:54px}
  .header .logo a{width:auto;height:54px;line-height:54px;color:#fff;text-shadow:none}
  .search-form{display:flex;width:100%;position:absolute;top:104px;left:0;padding:0 10px;margin:0;z-index:9}
  .input-key{width:auto;flex:1}
  .btn-tosearch{color:#4caacd;border:1px solid #A6D3E8;border-left:0;background:#fff}
  .m-nav{display:flex;margin-bottom:50px;background:#4baacd}
  .m-setting{display:block}
  .reader-fun{display:none}
  .container{margin:5px auto}
  .layout,.layout2{float:none;border-left:0;border-right:0}
  .row .layout-col1,.row .layout-col2{width:100%!important;margin:0 auto}
  .layout-col2 .item{width:100%;display:flex;padding:0 0 10px 10px}
  .layout-col2 .item .image{width:82px;flex:0 0 82px}
  .layout-col2 .item .image img{width:76px;height:106px}
  .layout-col2 .item dl{float:none;width:auto;flex:1}
  .tp-box{width:100%;border-right:0}
  .tp-box .top dl{float:none;width:auto}
  .layout-col3 .item{width:100%}
  .row-rank .layout-col1{display:block!important;float:none;width:100%;margin:var(--qula-block-gap) 0}
  .section-list li{width:50%}
  .toc-pager{padding:10px 0}
  .toc-pager a{padding:0 8px;margin:2px}
  .toc-pager select{max-width:45%;margin:2px}
  .reader-lists dd{width:50%}
  .pc-footer{display:none}
  .m-footer{display:flex}
  .link-url,.footer{width:100%;max-width:none}
}

/* Keep every major block using the same vertical gap as nav -> content. */
:root{--qula-block-gap:10px}
.row{margin:var(--qula-block-gap) auto}
.layout,.layout2{margin-bottom:0}
.ad-container,.rank-tabs,.list.fk,.users,.login-panel,.link-url,.pages,.pagination,.index-container{margin-top:var(--qula-block-gap);margin-bottom:var(--qula-block-gap)}
.footer{margin-top:var(--qula-block-gap)}
.m-setting{margin:var(--qula-block-gap) auto 0}
@media screen and (max-width:1024px){
  .row{margin:var(--qula-block-gap) auto}
  .container{margin:var(--qula-block-gap) auto}
  .rank-tabs,.list.fk,.users,.login-panel,.link-url,.pages,.pagination,.index-container{margin-top:var(--qula-block-gap);margin-bottom:var(--qula-block-gap)}
}

/* Final mobile overrides: keep PC nav hidden and make mobile footer edge-to-edge. */
@media screen and (max-width:1024px){
  .topbar,.nav,.pc-footer{display:none!important}
  .reader-crumb,.layout-tit.xs-hidden{display:none!important}
  .m-nav{display:flex!important;width:100%!important;max-width:none!important;margin:0 0 50px!important;padding:0 10px!important}
  .m-nav li{float:none!important;flex:1 1 auto;text-align:center}
  .row-detail .detail-box{display:grid!important;grid-template-columns:102px minmax(0,1fr);column-gap:10px;padding:10px!important;overflow:hidden}
  .row-detail .detail-box .imgbox{float:none!important;grid-column:1;grid-row:1 / span 5;width:102px!important;margin:0!important;padding:0!important;border:1px solid #b4dae8}
  .row-detail .detail-box .imgbox img{display:block;width:100px!important;height:130px!important;margin:0!important;object-fit:cover}
  .row-detail .detail-box .info,.row-detail .detail-box .book-meta{display:contents!important}
  .row-detail .detail-box .book-meta p{grid-column:2;height:auto;min-height:25px;line-height:25px}
  .row-detail .detail-box .book-actions{grid-column:1 / -1;display:flex!important;gap:8px;margin:10px 0 0!important}
  .row-detail .detail-box .book-actions a{flex:1 1 auto;margin:0!important;text-align:center}
  .row-detail .detail-box .m-desc{grid-column:1 / -1;margin-top:12px!important;line-height:1.8}
  .footer{width:100%!important;max-width:none!important;margin:var(--qula-block-gap) 0 0!important;padding:0!important}
  .m-footer{display:flex!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box}
  .m-footer a{flex:1 1 auto;text-align:center}
}