@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
:after,:before{box-sizing:border-box}
ol,ul{list-style:none}
a{color:#7c3aed;text-decoration:none;outline:0;transition:color .25s}
a:hover{color:#ec4899;text-decoration:none}
img{display:block;max-width:100%}
body{background:linear-gradient(135deg,#f5f0ff 0%,#f0f5ff 40%,#fff5f8 100%) fixed;color:#3a3050;font:14px/1.7 "PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;margin:0 auto;max-width:1024px;width:100%;overflow-x:hidden}
.container{position:relative;margin:0 auto;max-width:1024px;width:100%;padding:0 10px}
.row{position:relative;margin:10px auto 16px;padding:0}
.clearfix:after,.container:after,.container:before,.row:after,.row:before{display:table;content:" ";clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{float:left}
.y{float:right}
h1{font-size:28px;font-weight:700}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#2e1065}
div{cursor:default}

/* Topbar */
.topbar{background:linear-gradient(135deg,#6d28d9,#7c3aed);border-bottom:none;color:rgba(255,255,255,.8);height:32px;width:100%;font-size:12px}
.topbar-con{line-height:32px;text-indent:16px;max-width:1024px;margin:0 auto;padding:0 10px}
.topbar-sethome,.topbar-addfavorite{float:left;margin-right:20px}
.topbar a{color:rgba(255,255,255,.85)}
.topbar a:hover{color:#fff}
.topbar-right{float:right;font-size:13px}

/* Header */
.header{height:80px;max-width:1024px;margin:auto;position:relative;border-bottom:1px solid rgba(139,92,246,.15)}
.header .logo a{font-family:"PingFang SC","Microsoft YaHei",sans-serif;display:block;float:left;height:80px;width:260px;line-height:80px;color:#6d28d9;font-size:34px;font-weight:700;letter-spacing:3px}
.header .m-user{display:none;float:right}
.search-form{float:left;width:460px;margin:24px auto auto 40px}
.search-form .input-key{border:1px solid rgba(139,92,246,.25);font:14px/34px sans-serif;height:34px;width:300px;background:rgba(255,255,255,.7);backdrop-filter:blur(6px);outline:none;padding:0 10px;border-radius:8px 0 0 8px;transition:border-color .2s}
.search-form .input-key:focus{border-color:#8b5cf6}
.search-form .btn-tosearch{background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;font-size:14px;height:34px;width:85px;border:0;color:#fff;border-radius:0 8px 8px 0;transition:opacity .2s}
.search-form .btn-tosearch:hover{opacity:.85}
.search-form #searchType{height:34px;border:1px solid rgba(139,92,246,.25);color:#6b5b8a;padding:0 3px;background:rgba(255,255,255,.7);border-radius:6px}

/* Nav */
.nav{background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);height:42px;overflow:hidden;max-width:1024px;margin:0 auto;padding:0 10px;border-radius:0 0 12px 12px}
.nav li{float:left;line-height:42px}
.nav li a{color:rgba(255,255,255,.9);font-size:15px;font-weight:600;padding:0 14px;letter-spacing:1px;transition:color .2s}
.nav li a:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.5)}

/* Layout */
.layout,.layout2{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.15);border-radius:14px;float:left;overflow:hidden;width:100%;padding:0;box-shadow:0 8px 32px rgba(139,92,246,.08)}
.layout2{border-color:rgba(236,72,153,.15);background:rgba(255,255,255,.65)}
.row .layout-col1{width:29%;float:right}
.row .layout-col2{width:70%}
.row .layout-col3{width:100%}

/* Featured items */
.layout-col2 .item{width:50%;padding:8px 0 8px 12px;float:left}
.layout-col2 .item .image{width:120px;max-height:154px;overflow:hidden;float:left}
.layout-col2 .item .image img{background:#fff;border:1px solid rgba(139,92,246,.12);padding:2px;width:120px;height:150px;border-radius:8px}
.layout-col2 .item dl{float:right;width:200px;padding:0 10px}
.layout-col2 .item dl dt{border-bottom:1px dashed rgba(139,92,246,.15);font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#2e1065}
.layout-col2 .item dl dt span{color:#a78bda;float:right;font-weight:400}
.layout-col2 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#6b5b8a}
.layout-col3 .item{width:33.33%;padding:10px 0 10px 10px;float:left}
.layout-col3 .item .image{width:120px;max-height:154px;overflow:hidden;float:left}
.layout-col3 .item .image img{background:#fff;border:1px solid rgba(139,92,246,.12);padding:2px;width:120px;height:150px;border-radius:8px}
.layout-col3 .item dl{float:right;width:200px;padding:0 10px}
.layout-col3 .item dl dt{border-bottom:1px dashed rgba(139,92,246,.15);font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#2e1065}
.layout-col3 .item dl dt span{color:#a78bda;float:right;font-weight:400}
.layout-col3 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#6b5b8a}

/* Section headings */
.layout-tit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-bottom:none;font-size:14px;font-weight:600;height:36px;line-height:36px;overflow:hidden;margin:0;padding:0 14px;border-radius:8px 8px 0 0;letter-spacing:1px}
.layout-tit a{color:rgba(255,255,255,.9)}
.layout-tit a:hover{color:#fff}
.layout2 .layout-tit{background:linear-gradient(135deg,#a855f7,#ec4899);border-bottom:none}

/* Text list */
.txt-list{padding:4px 10px}
.txt-list li{border-bottom:1px dashed rgba(139,92,246,.12);height:32px;line-height:32px;overflow:hidden;transition:background .15s}
.txt-list li:hover{background:rgba(139,92,246,.04)}
.txt-list li span{float:left}
.txt-list li a{color:#6d28d9}
.txt-list li a:hover{color:#ec4899}
.txt-list .s1{width:60px;color:#a78bda}
.txt-list .s5{float:right;color:#a78bda}
.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:#a78bda;width:90px;text-align:right}
.txt-list-row5 .s5{color:#a78bda}

/* Category boxes */
.tp-box{width:33.33%;float:left;border-right:1px dashed rgba(139,92,246,.12)}
.tp-box:last-child{border-right:none}
.tp-box h2{background:rgba(139,92,246,.06);border-bottom:1px solid rgba(139,92,246,.12);font-size:14px;font-weight:700;padding-left:10px;line-height:28px;height:28px;overflow:hidden;color:#2e1065}
.tp-box .top{overflow:hidden}
.tp-box .top .image{padding:10px 0 0 10px;float:left}
.tp-box .top .image img{width:72px;height:86px;border:1px solid rgba(139,92,246,.12);padding:1px;background:#fff;border-radius:6px}
.tp-box .top dl{padding:10px 10px 0;float:right;width:240px}
.tp-box .top dl dt{height:25px;line-height:25px;overflow:hidden;font-weight:700;color:#2e1065}
.tp-box .top dl dd{line-height:20px;height:60px;overflow:hidden;color:#6b5b8a}
.tp-box ul{padding:10px 10px 0;overflow:hidden}
.tp-box ul li{border-bottom:1px dashed rgba(139,92,246,.1);color:#a78bda;height:26px;line-height:26px;font-size:12px;overflow:hidden;float:left;width:50%}

/* Detail page */
.row-detail .layout-col1,.row-section .layout-col1{width:100%;float:none}
.detail-box .imgbox{background:rgba(139,92,246,.06);float:left;width:150px;margin:12px;padding:12px;position:relative;border:1px solid rgba(139,92,246,.15);border-radius:10px}
.detail-box .imgbox img{height:150px;width:120px;margin:3px;border-radius:6px}
.detail-box .info{float:left;width:780px;font-size:15px;overflow:hidden}
.detail-box .info .top{padding:0 10px}
.detail-box h1{font-size:26px;font-weight:700;overflow:hidden;margin-top:7px;color:#2e1065;letter-spacing:2px}
.detail-box .info p{height:26px;line-height:26px;width:350px;margin:auto;float:left;overflow:hidden;color:#5a4878}
.detail-box .desc{overflow:hidden;line-height:170%;border-top:1px dashed rgba(139,92,246,.15);padding:10px;font-size:13px;height:90px;color:#5a4878}
.detail-box .info .opt a{color:#8b5cf6;font-weight:600;margin-right:8px}
.detail-box .info .opt a:hover{color:#ec4899}

/* Chapter section list */
.row-section .layout-tit{text-align:center;font-weight:600}
.section-list h3{display:block;padding:10px;font-size:16px;font-weight:700;color:#2e1065}
.section-list ul{overflow:hidden}
.section-list li{width:25%;padding-left:10px;height:38px;line-height:38px;border-bottom:1px dashed rgba(139,92,246,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.section-list li a{color:#6d28d9}
.section-list li a:visited{color:#a78bda}
.section-list li a:hover{color:#ec4899}

/* First chapter text on info page */
.first_txt{font-size:14px;padding:20px;line-height:2}
.first_txt>p{text-indent:2em;line-height:28px;margin-bottom:1em;color:#3a3050}

/* Reading content */
.word_read{padding:24px 30px;font-size:15px;background:rgba(255,255,255,.9);border-left:3px solid #8b5cf6;border-radius:0 12px 12px 0}
.word_read>p{text-indent:2em;padding-bottom:1.5em;font-size:18px;line-height:2;color:#3a3050}
.word_read>h3{text-align:center;color:#2e1065;letter-spacing:3px;font-size:20px;margin-bottom:10px}
.read_btn{padding:10px;text-align:center}
.read_btn>a{padding:6px 16px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:12px;margin:0 6px;transition:opacity .25s}
.read_btn>a:hover{opacity:.8}

/* Pagination */
.page_num{text-align:center;font-size:14px;padding:10px;width:340px;margin:0 auto}
.page_num select{padding:0 10px;height:34px;border:1px solid rgba(139,92,246,.25);background:rgba(255,255,255,.7);border-radius:8px;margin:0 10px;width:140px;cursor:pointer}
.page_num a{height:34px;line-height:34px;padding:0 16px;display:block;margin:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:8px;transition:opacity .2s}
.page_num a:hover{opacity:.8}
.sort_page_num{text-align:center}
.sort_page_num>a{padding:5px 12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);margin:5px;color:#fff;border-radius:8px;transition:opacity .2s}
.sort_page_num>a.prev_off{background:#c4b5e0;color:#fff}
.sort_page_num>a:hover,.sort_page_num>a.page_on{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}
.btn-mulu{padding:10px;display:block;width:200px;text-align:center;margin:14px auto;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:16px;letter-spacing:2px;transition:opacity .2s;border:none;border-radius:12px}
.btn-mulu:hover{opacity:.8}

/* Footer */
.pc-footer{border-top:none;text-align:center;max-width:1024px;margin:0 auto;line-height:24px;padding:16px 10px;color:#a78bda;font-size:12px;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-radius:12px 12px 0 0}
.pc-footer p{color:rgba(255,255,255,.7)}
.footer{max-width:1024px;margin:0 auto}
.xs-show{display:none}
.red{color:#ec4899}

/* Sort page filter */
.sort_nav{padding:12px;background:rgba(139,92,246,.04);border:1px solid rgba(139,92,246,.12);border-radius:10px}
.sort_nav>p{height:36px;line-height:36px;font-size:14px;border-bottom:1px dashed rgba(139,92,246,.1);padding:0 5px}
.sort_nav>p>span{color:#2e1065;font-weight:700}
.sort_nav>p>a{padding:0 8px;color:#6b5b8a}
.sort_nav>p>a.on{color:#8b5cf6;font-weight:700}
.sort_nav>p>a:hover{color:#ec4899}

/* Tags */
.tag_news{min-height:40px;line-height:24px}
.tag_news>a{padding:0 5px;color:#6d28d9}
.tag_news>a:hover{color:#ec4899}

/* Rank lists */
.row-detail .layout-col1,.row-rank .layout-col1,.row-section .layout-col1{width:100%;float:none;margin-bottom:10px}
.row-rank .txt-list li{border-bottom:0}
.row-rank .txt-list .s1{max-width:26px;font-style:italic;color:#a78bda;font-family:Verdana}
.row-rank .txt-list .s2{width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-rank .txt-list .s5{width:36px;font-family:Verdana;color:#a78bda;text-align:right}

/* Login */
.novel_login .login{line-height:50px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);overflow:hidden;padding:10px;border:1px solid rgba(139,92,246,.15);border-radius:14px;margin:50px auto;width:350px;position:relative}
.novel_login .login h2{font-size:18px;text-align:center;height:34px;line-height:24px;border-bottom:1px dashed rgba(139,92,246,.15);color:#2e1065;letter-spacing:4px}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;border:1px solid rgba(139,92,246,.2);height:30px;line-height:30px;padding-left:10px;background:rgba(255,255,255,.6);outline:none;border-radius:8px}
.novel_login .login_btn a{display:block;text-align:center;margin:20px 60px;border:none;color:#fff;height:40px;line-height:40px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.novel_login .login_btn a.ok{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.novel_login .login_btn a.ok:hover{opacity:.8}
.novel_login .login .l1{float:left;width:75px;text-align:right}
.novel_login .login .l2{float:left;width:100%;text-align:left;position:absolute;padding-left:100px;right:10px}
.novel_login .login a{height:30px;line-height:30px;color:#8b5cf6}
.novel_login .login_code2>img{display:block;margin:20px auto 0;cursor:pointer;width:150px}
.login_xs #logintips{text-align:center;color:#ec4899}
.novel_login .login_name,.login_pass,.login_email,.login_code{width:100%;overflow:hidden}
.novel_login .login i{position:absolute;left:29%}
.novel_login .login_code{margin-bottom:0}
.novel_login .login_code2{margin:0;padding:0 0 10px;text-align:center;border-bottom:1px dashed rgba(139,92,246,.15)}
.novel_login .login .login_save{width:20px;height:20px;padding:5px}

/* Bookshelf */
.novel_mybook .txt-list-row5 .s1{width:115px}
.novel_mybook .txt-list-row5 .s2{width:115px}
.novel_mybook .txt-list-row5 .s4{width:280px;text-align:left}
.novel_mybook .txt-list-row5 .s5>a{display:inline-block;padding:0 10px;margin:0 10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);height:26px;line-height:26px;color:#fff;cursor:pointer;border-radius:8px;transition:opacity .2s}
.novel_mybook .txt-list-row5 .s5>a.xsdel{background:linear-gradient(135deg,#ec4899,#db2777)}
.novel_mybook .txt-list-row5 .s5>a:hover{opacity:.8}

/* Reading history */
.novel_tmpbook .txt-list-row5 .s1{width:258px}
.novel_tmpbook .txt-list-row5 .s2{width:150px}
.novel_tmpbook .txt-list-row5 .s3{width:280px;text-align:left}
.novel_tmpbook .txt-list-row5 .s5{text-align:center;width:280px}
.novel_tmpbook .txt-list-row5 .s5>a{display:inline-block;padding:0 10px;margin:0 10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);height:26px;line-height:26px;color:#fff;cursor:pointer;border-radius:8px;transition:opacity .2s}
.novel_tmpbook .txt-list-row5 .s5>a.xsdel{background:linear-gradient(135deg,#ec4899,#db2777)}
.novel_tmpbook .txt-list-row5 .s5>a.a3{background:linear-gradient(135deg,#10b981,#059669)}
.novel_tmpbook .txt-list-row5 .s5>a:hover{opacity:.8}

/* Confirm dialog */
.dvfd{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);width:200px;height:140px;position:fixed;top:50%;left:50%;margin-top:-70px;margin-left:-100px;box-shadow:0 8px 32px rgba(139,92,246,.2);text-align:center;border:1px solid rgba(139,92,246,.15);border-radius:14px;z-index:99999}
.dvfd .red{display:block;margin:35px 0 15px;font-size:18px;color:#ec4899}
.dvfd .qdbtn{background:linear-gradient(135deg,#8b5cf6,#ec4899);display:inline-block;padding:5px 30px;color:#fff;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}
.dvfd .qdbtn:hover{opacity:.8}
#qs_login a{padding:0 5px;margin:0 5px}
#shuqian{display:none}

/* ===== Responsive ===== */
@media(max-width:768px){
body{font-size:13px}
.topbar{display:none}
.header{height:auto;padding:10px;text-align:center;border-bottom:1px solid rgba(139,92,246,.15)}
.header .logo a{float:none;display:block;width:100%;height:auto;line-height:1.2;font-size:26px;text-align:center;margin-bottom:8px}
.search-form{float:none;width:100%;margin:0}
.search-form .input-key{width:calc(100% - 90px)}
.nav{height:auto;padding:6px 0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;border-radius:0 0 10px 10px}
.nav li{float:none;display:inline-block;line-height:34px}
.nav li a{font-size:14px;padding:0 10px}
.container{padding:0 8px}
.row .layout-col1,.row .layout-col2,.row .layout-col3{width:100%;float:none}
.layout,.layout2{border:none;box-shadow:0 4px 16px rgba(139,92,246,.06);margin-bottom:8px;border-radius:10px}
.layout-col2 .item,.layout-col3 .item{width:100%;padding:8px}
.layout-col2 .item .image img,.layout-col3 .item .image img{width:80px;height:100px}
.layout-col2 .item dl,.layout-col3 .item dl{float:none;width:auto;padding-left:95px}
.layout-col2 .item .image,.layout-col3 .item .image{width:80px;position:absolute;top:8px;left:8px}
.layout-col2 .item,.layout-col3 .item{position:relative;min-height:110px}
.tp-box{width:100%;float:none;border-right:none;border-bottom:1px dashed rgba(139,92,246,.1);margin-bottom:8px}
.tp-box .top dl{width:auto;float:none;padding-left:90px}
.tp-box ul li{width:50%}
.detail-box .imgbox{width:100px;margin:10px;padding:8px}
.detail-box .imgbox img{height:110px;width:80px}
.detail-box .info{float:none;width:auto;overflow:visible}
.detail-box h1{font-size:20px}
.detail-box .info p{width:100%;float:none}
.detail-box .desc{height:auto}
.section-list li{width:100%;padding-left:10px;height:36px;line-height:36px}
.txt-list-row5 .s3,.txt-list-row5 .s4{display:none}
.txt-list-row5 .s1{width:70px}
.txt-list-row5 .s2{width:calc(100% - 130px)}
.txt-list-row5 .s5{width:60px}
.word_read{padding:14px 10px;border-left:2px solid #8b5cf6}
.word_read>p{font-size:16px;line-height:1.9}
.word_read>h3{font-size:18px}
.page_num{width:100%;padding:10px}
.page_num select{width:calc(100% - 140px)}
.sort_nav>p{height:auto;line-height:28px}
.pc-footer{padding:10px;font-size:11px;border-radius:10px 10px 0 0}
.layout-tit{font-size:13px;height:32px;line-height:32px;border-radius:8px 8px 0 0}
.novel_login .login{width:90%;margin:20px auto}
.xs-show{display:block}
.xs-hidden{display:none}
.novel_tmpbook .txt-list-row5 .s1{width:40%}
.novel_tmpbook .txt-list-row5 .s2{width:20%}
.novel_tmpbook .txt-list-row5 .s3{display:none}
.novel_tmpbook .txt-list-row5 .s5{width:40%;text-align:right}
.novel_mybook .txt-list-row5 .s1{width:40%}
.novel_mybook .txt-list-row5 .s2{width:20%}
.novel_mybook .txt-list-row5 .s4{display:none}
.novel_mybook .txt-list-row5 .s5{width:40%;text-align:right}
}