/* ============================================
   玻璃拟态光影 (boli4_zsy) — Glassmorphism
   ============================================ */

/* Scrollbar */
::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4);height:15px;outline-offset:-2px;-webkit-border-radius:9px;}
::-webkit-scrollbar-thumb:hover{background-color:rgba(99,179,237,0.7);height:15px;-webkit-border-radius:3px;}
::-webkit-scrollbar{width:5px;height:8px;}
::-webkit-scrollbar-track-piece{background-color:rgba(255,255,255,0.1);-webkit-border-radius:0;}
::-webkit-scrollbar-thumb:active{height:15px;background-color:rgba(99,179,237,0.7);-webkit-border-radius:3px;}

/* Reset */
*{margin:0;padding:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
body{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5;color:#1a1a2e;background:linear-gradient(135deg,#667eea 0%,#764ba2 30%,#f093fb 60%,#667eea 100%);background-attachment:fixed;box-sizing:border-box;margin:0;padding:0;width:100%;overflow-x:hidden;min-height:100vh;}
.wp{width:1200px;margin:0 auto;clear:both;padding:0 10px;}
.ov{overflow:hidden;}
li{list-style:none;box-sizing:border-box;transition:all 0.3s;}
.z{float:left}
.y{float:right}
a,a:hover{transition:all 0.3s;text-decoration:none;}
a{color:#4a00e0;}
a:hover{color:#e040fb;}
div{cursor:default;box-sizing:border-box;}

/* Icon font */
@font-face{font-family:"iconfont";
  src:url('font/iconfont.eot');
  src:url('font/iconfont.eot') format('embedded-opentype'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg') format('svg');
}
.ico{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ico-50:before{content:"\e600";}
.ico-guanbi:before{content:"\e622";}
.ico-mulu:before{content:"\e612";}
.ico-so:before{content:"\e61b";}
.ico-zhuce:before{content:"\e625";}
.ico-liulanliang:before{content:"\e604";}
.ico-bookshelf:before{content:"\e72d";}
.ico-login:before{content:"\e60a";}
.ico-yuedu:before{content:"\e609";}
.ico-shouye:before{content:"\e66f";}

/* Tooltip */
.tooltip{position:absolute;z-index:1070;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;opacity:0;}
.tooltip.in{opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:rgba(30,30,60,0.8)}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:rgba(30,30,60,0.8)}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:rgba(30,30,60,0.8)}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:rgba(30,30,60,0.8)}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:rgba(30,30,60,0.8)}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:rgba(30,30,60,0.8)}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:rgba(30,30,60,0.8)}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:rgba(30,30,60,0.8)}
.tooltip.top .tooltip-inner,.tooltip.right .tooltip-inner,.tooltip.bottom .tooltip-inner,.tooltip.left .tooltip-inner{background-color:rgba(30,30,60,0.8);color:#fff;}
.tooltip-inner{max-width:400px;padding:3px 8px;text-align:center;border-radius:8px;letter-spacing:0.05em;box-shadow:0 4px 15px rgba(0,0,0,0.2);backdrop-filter:blur(10px);}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}

/* Utility */
.fs32{font-size:32px !important;}
.mt10{margin-top:10px !important;}
.mt30{margin-top:30px !important;}
.mb10{margin-bottom:10px !important;}

/* ===== HEADER ===== */
.header{height:128px;width:100%;margin-bottom:10px;background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px rgba(31,38,135,0.15);border-bottom:1px solid rgba(255,255,255,0.3);}
.header .wp h1.title{width:300px;height:80px;line-height:80px;letter-spacing:5px;color:#fff;font-size:34px;font-weight:300;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;text-shadow:0 2px 10px rgba(74,0,224,0.4);transform:scale(1,1.1);overflow:hidden;}
.header .wp h1.title>a{color:#fff;}
.header .search{width:460px;height:88px;padding-top:25px;}
.header .search .search-form{height:38px;display:block;width:378px;box-sizing:border-box;margin:0 auto;}
.header .search input{float:left;padding-left:10px;height:36px;border:1px solid rgba(255,255,255,0.3);border-radius:12px 0 0 12px;border-right:0;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:#1a1a2e;line-height:36px;width:290px;-webkit-appearance:none;outline:none;}
.header .search .btn-tosearch{padding:0;height:38px;border:none;border-radius:0 12px 12px 0;background:rgba(74,0,224,0.6);backdrop-filter:blur(10px);color:#fff;font-size:16px;line-height:16px;cursor:pointer;width:74px;transition:all 0.3s}
.header .search .btn-tosearch span{font-size:24px;}
.header .search .btn-tosearch:hover{background:rgba(224,64,251,0.7);}
.header .search>p{font-size:12px;line-height:16px;padding-top:3px;height:32px;overflow:hidden;color:rgba(255,255,255,0.7);}

/* Nav */
.nav{height:42px;line-height:42px;background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);clear:both;border-bottom:1px solid rgba(255,255,255,0.2);}
.nav li{float:left;padding:0 12px;text-align:center;height:42px;line-height:42px;font-size:16px;border-radius:8px;}
.nav li:hover{background:rgba(224,64,251,0.3);}
.nav li.home{background:rgba(255,255,255,0.15);}
.nav li>a{color:#fff;width:100%;height:42px;display:block;text-shadow:0 1px 3px rgba(0,0,0,0.2);}
.nav .nav-right{width:150px;float:right;text-align:right;margin-top:7px;}
.nav .nav-right .a1{background:rgba(224,64,251,0.5);}
.nav .nav-right .a2{background:rgba(74,0,224,0.5);}
.nav .nav-right a{color:#fff;display:block;height:26px;line-height:26px;padding:0 8px;border-radius:13px;margin-top:7px;margin-left:10px;}
.nav .nav-right a:hover{background:rgba(255,255,255,0.3);color:#fff;}
.nav .nav-right a>span{padding-right:5px;}
.header-bd{width:180px;float:right;height:88px;overflow:hidden;}
.header-bd .a1{width:50px;height:60px;display:inline-block;text-align:center;color:rgba(255,255,255,0.85);margin:15px 10px 0;float:right;font-size:12px;margin-left:10px;}
.header-bd .a1:hover{color:#e040fb;}
.header-bd .a1>span{display:block;width:100%;height:38px;line-height:40px;}

/* ===== HOMEPAGE BLOCKS ===== */
.phb_title{padding:0 10px;height:42px;line-height:42px;font-size:16px;border-bottom:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:12px 12px 0 0;}
.phb_title>b{color:#7c3aed;font-weight:700;font-size:16px;display:inline-block;border-bottom:2px solid #7c3aed;box-sizing:border-box;height:42px;}
.list_phb_z{background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);width:310px;box-sizing:border-box;box-shadow:0 8px 32px rgba(31,38,135,0.1);margin:10px 0;border-radius:16px;border:1px solid rgba(255,255,255,0.3);overflow:hidden;}
.list_l1 li{height:36px;line-height:36px;width:100%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.15);padding:0 10px;text-overflow:ellipsis;white-space:nowrap;}
.list_l2 li{height:36px;line-height:36px;width:100%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.15);padding:0 10px;text-overflow:ellipsis;white-space:nowrap;}
.list_l1 li:nth-of-type(2n),.list_l2 li:nth-of-type(2n){background:rgba(255,255,255,0.08);}
.list_l1 li>span.y{color:#7c6f9f;font-size:12px;}
.list_l1 li>a,.list_l2 li>a{font-size:16px;}
.list_l2 li>span{display:block;height:36px;line-height:36px;float:left;}
.list_l2 li>.s1{width:12%;text-align:left;}
.list_l2 li>.s2{width:55%;}
.list_l2 li>.s4{width:18%;text-align:left;color:#7c6f9f;}
.list_l2 li>.s5{width:15%;text-align:right;}
.list_l2 li>.s2>a{font-size:16px;}

/* Image blocks */
.phb_img{width:890px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);box-sizing:border-box;box-shadow:0 8px 32px rgba(31,38,135,0.1);margin:10px 0;color:#3a3a5c;border-radius:16px;border:1px solid rgba(255,255,255,0.3);overflow:hidden;}
.item_img{width:50%;height:156px;padding:14px 15px;float:left;}
.item_img .image{width:100px;height:125px;position:absolute;margin-right:10px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all 0.5s;overflow:hidden;}
.item_img .image:hover{box-shadow:0 8px 25px rgba(74,0,224,0.3);}
.item_img .image>a{width:100px;height:125px;overflow:hidden;display:block;}
.item_img .image img{width:100px;height:125px;transform:scale(1.03);transition:all 0.5s;}
.item_img .image:hover img{transform:scale(1.1);}
.item_img .phb_info{width:305px;float:right;height:120px;overflow:hidden;}
.item_img .phb_info h3{font-weight:500;height:28px;line-height:28px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#1a1a2e;}
.item_img .phb_info p{height:92px;line-height:23px;color:#5a5a7a;transition:all 0.3s;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.item_img:hover .phb_info p{color:#1a1a2e;}
.phb_fm{width:100%;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);overflow:hidden;box-sizing:border-box;box-shadow:0 8px 32px rgba(31,38,135,0.1);margin:10px 0;border-radius:16px;border:1px solid rgba(255,255,255,0.3);}
.phb_fm .item_img{width:33.3%;padding:15px 8px;}
.phb_fm .item_img .phb_info{width:280px;}

/* Pagination */
.sort_page_num{text-align:center;padding:10px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);clear:both;box-sizing:border-box;box-shadow:0 8px 32px rgba(31,38,135,0.1);margin:10px 0;border-radius:16px;border:1px solid rgba(255,255,255,0.3);}
.sort_page_num>a{padding:5px 10px;margin:5px;display:inline-block;border-radius:12px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.3);}
.sort_page_num>a.page_on{background:rgba(74,0,224,0.6);color:#fff;border-color:transparent;}
.sort_page_num>a:hover{background:rgba(224,64,251,0.5);color:#fff;}
.sort_page_num>a.prev_off{background:rgba(200,200,220,0.3);color:#aaa;border-color:transparent;}
.novel_chapter .phb_fm,.novel_chapter .phb_title,.novel_chapter #tag_news{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);margin-top:0;}

/* ===== INFO DETAIL ===== */
.info_dv1{background:rgba(255,255,255,0.2);backdrop-filter:blur(20px);width:100%;padding:0 10px;position:relative;border-radius:16px 16px 0 0;box-shadow:0 8px 32px rgba(31,38,135,0.1);border:1px solid rgba(255,255,255,0.3);}
.novel_chapter .info_dv1{background:rgba(255,255,255,0.15);backdrop-filter:blur(15px);width:950px;border-radius:0 16px 0 0;margin-top:10px;}
.info_dv1 i{font-style:normal}
.info_dv1 #mobile_read{color:#fff;background:rgba(224,64,251,0.7);}
.info_dv1 #mobile_read:hover{cursor:pointer;background:rgba(74,0,224,0.7);}
.info_dv1 .title{height:60px;line-height:60px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:10px;padding-left:10px;}
.info_dv1 .title>a{color:#7c6f9f;padding:0 5px;}
.info_dv1 .title>a:hover{color:#e040fb;}
.info_dv1 .title>i{border-radius:12px;font-size:16px;background:rgba(74,0,224,0.5);margin:15px 10px;height:30px;line-height:30px;transition:all 0.3s;}
.info_dv1 .title>i:hover{background:rgba(224,64,251,0.6);}
.info_dv1 .title>i>a,.novel_chapter .info_dv1 #mobile_read{color:#fff;padding:0 15px;height:30px;line-height:30px;display:block;}
.info_dv1 .title>i span{padding-right:3px;}

/* Intro buttons */
.intro .btn_dv1{width:145px;}
.intro .btn_dv1>i{border-radius:12px;font-size:16px;background:rgba(74,0,224,0.5);margin:15px;height:36px;line-height:36px;transition:all 0.3s;display:block;text-align:center;backdrop-filter:blur(10px);}
.intro .btn_dv1>i:hover{background:rgba(224,64,251,0.6);}
.intro .btn_dv1>i.sj2{background:rgba(99,102,241,0.5);}
.intro .btn_dv1>i.sj2:hover{background:rgba(74,0,224,0.6);}
.intro .btn_dv1>i>a{color:#fff;height:36px;line-height:36px;display:block;}
.intro .btn_dv1>i span{padding-right:3px;}
.intro{overflow:hidden;}
.intro .img{width:210px;height:220px;margin:0 10px 10px 0;padding:5px 20px 10px;}
.intro .img>img{width:160px;height:200px;box-shadow:0 8px 25px rgba(0,0,0,0.2);transform:scale(1);transition:all 0.3s;border-radius:12px;}
.intro .img>img:hover{transform:scale(1.06);}
.info_dv1 .details{overflow:hidden;width:710px;height:220px;padding:0 10px 0 0;}
.info_dv1 .details h2{color:#7c3aed;height:50px;line-height:50px;letter-spacing:0.1em;font-size:28px;padding-top:5px;overflow:hidden;}
.details p.p{height:32px;line-height:28px;font-size:16px;}
.details p.p>i{margin-right:10px;color:#7c6f9f;}
.details p.p2{line-height:30px;height:120px;color:#5a5a7a;overflow:hidden;overflow-y:auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:18px;}
.info_dv1 #ewm{display:none;position:absolute;right:10px;top:10px;background:rgba(255,255,255,0.3);backdrop-filter:blur(20px);width:210px;height:240px;text-align:center;box-shadow:0 8px 32px rgba(31,38,135,0.2);border-radius:16px;border:1px solid rgba(255,255,255,0.3);}
.info_dv1 #ewm>p{height:20px;line-height:10px;}
.info_dv1 #ewm>img{width:210px;height:210px;margin-top:5px;}
.info_dv1 #ewm>span{position:absolute;right:5px;top:3px;color:#7c3aed;transition:all 0.3s;cursor:pointer;}
.info_dv1 #ewm>span:hover{color:#e040fb;}

/* info_dv2, info_dv3 */
.info_dv2,.info_dv3{padding:0 10px 10px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(31,38,135,0.1);margin:10px 0;border-radius:16px;border:1px solid rgba(255,255,255,0.3);}
.info_dv2 .title,.info_dv3 .title{height:42px;font-size:18px;line-height:42px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:10px;color:#7c3aed;}
.info_dv2 .first_txt{overflow:hidden;}
.info_dv2 .first_txt>p{line-height:22px;color:#5a5a7a;}
ul.yanqing_list>li{width:25%;height:36px;line-height:36px;display:inline-block;border-bottom:1px dashed rgba(255,255,255,0.2);padding:0 8px;}
ul.yanqing_list>li>a{overflow:hidden;height:36px;line-height:36px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:16px;color:#4a00e0;cursor:pointer;}
ul.yanqing_list>li>a:visited{color:#7c6f9f;}
ul.yanqing_list>li>a:hover{color:#e040fb;transform:scale(1.05);transition:all 0.1s;}
.info_dv3 .btn-mulu{display:block;width:180px;margin:20px auto 10px;background:rgba(74,0,224,0.6);backdrop-filter:blur(10px);color:#fff;font-size:16px;text-align:center;height:42px;line-height:42px;border-radius:21px;}
.info_dv3 .btn-mulu:hover{background:rgba(224,64,251,0.7);}
.info_dv3 .title>i.dx{font-size:14px;font-style:normal;padding:0 10px;}

/* Page navigation */
.page_num{text-align:center;font-size:14px;box-sizing:border-box;padding:10px;width:330px;margin:0 auto;}
.page_num select{padding:0 10px;height:34px;line-height:35px;box-sizing:border-box;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:12px;margin:0 10px;width:140px;cursor:pointer;}
.page_num a{height:34px;line-height:35px;padding:0 15px;display:block;margin:0;box-sizing:border-box;background:rgba(74,0,224,0.5);color:#fff;border-radius:12px;transition:all 0.3s;}
.page_num a:hover{background:rgba(224,64,251,0.6);}

/* ===== READER ===== */
.novel_chapter .chapter-title{text-align:center;font-size:32px;line-height:60px;padding:0 40px 20px;color:#1a1a2e;text-shadow:0 1px 3px rgba(0,0,0,0.1);}
.novel_chapter .info_dv1>p{text-indent:2em;padding-left:60px;padding-right:60px;padding-bottom:1.5em;font-size:22px;color:#2a2a4a;line-height:2em;letter-spacing:0.08em;}
#chaptercontent p{text-indent:2em;padding-left:60px;padding-right:60px;padding-bottom:1.5em;font-size:22px;color:#2a2a4a;line-height:2em;letter-spacing:0.08em;}
.read_btn{text-align:center;font-size:16px;line-height:28px;padding-bottom:20px;}
.read_btn>a{padding:0 10px;margin:0 5px;cursor:pointer;color:#7c3aed;}
#qs_login a{padding:0 5px;margin:0 5px;}

/* Layout columns */
.div_l1{width:320px;overflow:hidden;}
.div_l2{width:890px;}
.novel_chapter .div_l1{width:260px;}
.novel_chapter .list_l1 li>a,.novel_chapter .list_l2 li>a{font-size:14px;}

/* Novel info page */
.novel_info .info_dv1{border-radius:0 16px 0 0;}
.novel_info .info_dv1 .title{padding:0;height:40px;line-height:40px;}
.novel_info .info_dv1 .title>a{padding:0 10px;}
.novel_info .intro .img{margin:0;padding:5px;width:160px;height:200px;box-sizing:border-box;}
.novel_info .intro .img>img{width:140px;height:180px;}
.novel_info .info_dv1 .details{width:710px;height:190px;padding:0;}
.novel_info .info_dv1 .details h2{height:40px;line-height:40px;padding-top:0;}
.novel_info .details p.p2{font-size:16px;line-height:24px;}
.novel_info .intro .btn_dv1{width:100%;clear:both;text-align:center;}
.novel_info .intro .btn_dv1>i{width:120px;display:inline-block;}
.novel_info ul.section-list>li{width:33.33%;}
.novel_info .phb_fm{margin:0;}
.novel_info .phb_title{border-bottom:1px solid rgba(255,255,255,0.2);}
.novel_info #tag_news{margin:0}
.novel_info .div_l1{border-radius:16px 0 0 0;}
.novel_info .list_phb_z{width:100%;}
.novel_chapter .list_phb_z{width:100%;border-radius:16px 0 0 0;overflow:hidden;}
.novel_chapter .list_phb_z .list_l1 li:nth-of-type(2n),.novel_chapter .list_phb_z .list_l2 li:nth-of-type(2n){background:rgba(255,255,255,0.08);}

/* Sidebar */
.div_l1 .phb_fm .item_img{width:100%;padding:10px;overflow:hidden;height:101px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.15);}
.div_l1 .phb_fm .item_img .phb_info{width:225px;height:80px;}
.div_l1 .phb_fm .item_img .phb_info p{height:72px;line-height:18px;}
.div_l1 .item_img .image{width:65px;height:80px;margin-right:5px;}
.div_l1 .item_img .image>a{width:65px;height:80px;}
.div_l1 .item_img .image img{width:65px;height:80px;}

/* Bookshelf */
.novel_tmpbook .txt-list .s1{width:260px;}
.novel_tmpbook .txt-list .s2{width:100px;}
.novel_tmpbook .txt-list .s3{width:260px;text-align:left;}
.novel_tmpbook .txt-list .s5{text-align:center;width:332px;float:right}
.novel_tmpbook .txt-list .s5>a{display:inline-block;padding:0 10px;margin:0 5px;background:rgba(74,0,224,0.5);height:26px;line-height:26px;border-radius:13px;color:#fff;cursor:pointer;transition:all 0.3s;}
.novel_tmpbook .txt-list .s5>a.xsdel{background:rgba(239,68,68,0.6);}
.novel_tmpbook .txt-list .s5>a.a3{background:rgba(16,185,129,0.6);}
.novel_tmpbook .txt-list .s5>a:hover{background:rgba(224,64,251,0.6);}
.novel_tmpbook .txt-list{padding:10px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);}
.novel_tmpbook .txt-list li{border-bottom:1px solid rgba(255,255,255,0.15);height:48px;line-height:48px;overflow:hidden}
.novel_tmpbook .txt-list li>span{float:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0 10px;}
.novel_tmpbook .txt-list li:nth-of-type(2n){background:rgba(255,255,255,0.08);}
.novel_tmpbook .txt-list li .s1 a{font-size:16px;}
.novel_tmpbook .txt-list.txt-list-row5 .s4{width:270px;}
.novel_tmpbook .txt-list.txt-list-row5 .s5{width:190px;float:right;}
#qs_login a{padding:0 5px;margin:0 5px;}

/* Login page */
.novel_login{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);}
.novel_login .login{line-height:50px;background:rgba(255,255,255,0.25);backdrop-filter:blur(20px);overflow:hidden;padding:10px;box-sizing:border-box;border:1px solid rgba(255,255,255,0.3);margin:50px auto;width:350px;position:relative;border-radius:16px;box-shadow:0 8px 32px rgba(31,38,135,0.15);}
.novel_login .login h2{font-size:18px;text-align:center;height:34px;line-height:24px;border-bottom:1px solid rgba(255,255,255,0.2);color:#1a1a2e;letter-spacing:0.5em;}
.novel_login .login a{height:30px;line-height:30px;color:#7c3aed;}
.novel_login .login i{position:absolute;left:29%;}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;padding:0px;border:none;outline:medium;height:30px;line-height:30px;padding-left:10px;background:rgba(255,255,255,0.3);border-radius:8px;}
.novel_login .login_name,.login_pass,.login_email,.login_code{width:100%;overflow:hidden;box-sizing:border-box;}
.novel_login .login .l1,.login .l2{float:left;}
.login_xs #logintips{text-align:center;color:#ef4444;}
.novel_login .login .l1{width:75px;text-align:right;}
.novel_login .login .l2{width:100%;text-align:left;position:absolute;box-sizing:border-box;padding-left:100px;right:10px;overflow:hidden;}
.novel_login .login_name input{-webkit-appearance:none;}
.novel_login .login_pass input{-webkit-appearance:none;}
.novel_login .login_code input{-webkit-appearance:none;}
.novel_login .login_code2{margin:0;padding:0 0 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.2);}
.novel_login .login_code2>img{display:block;margin:20px auto 0;cursor:pointer;width:150px;}
.novel_login .login_btn{text-align:center;margin:0;overflow:hidden;}
.novel_login .login_btn a{display:block;color:#7c3aed;border-radius:12px;text-align:center;margin:20px 60px;box-sizing:border-box;border:1px solid rgba(124,58,237,0.5);height:40px;line-height:40px;}
.novel_login .login_btn a:hover{border:1px solid #e040fb;color:#e040fb;}
.novel_login .login_btn a.ok{color:#fff;background:rgba(74,0,224,0.6);}
.novel_login .login_btn a.ok:hover{background:rgba(224,64,251,0.7);border:1px solid transparent;}
.novel_login .login .login_save{width:20px;height:20px;padding:5px;}
.novel_login .login_code{margin-bottom:0;}
.novel_author .info_dv1 .phb_title{}

/* Scrollbar for p2 */
.novel_info .details p.p2::-webkit-scrollbar-thumb{background-color:rgba(124,58,237,0.4);height:0;-webkit-border-radius:0;}
.novel_info .details p.p2::-webkit-scrollbar-thumb:hover{background-color:rgba(224,64,251,0.6);height:0;-webkit-border-radius:0;}
.novel_info .details p.p2::-webkit-scrollbar{width:0;height:0;}
.novel_info .details p.p2::-webkit-scrollbar-track-piece{background-color:rgba(255,255,255,0.1);-webkit-border-radius:0;}
.novel_info .details p.p2::-webkit-scrollbar-thumb:active{height:0;background-color:rgba(224,64,251,0.6);-webkit-border-radius:0;}

/* Search results */
#novel-search{background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);padding:10px;border-radius:16px;}
#novel-search>li{height:42px;line-height:42px;padding:0 10px;}
#novel-search>li:nth-of-type(2n){background:rgba(255,255,255,0.08);}
#novel-search>li>span{display:inline-block;}
#novel-search>li>span.s1{width:80px;}
#novel-search>li>span.s2{width:300px;}
#novel-search>li>span.s3{width:160px;}
#novel-search>li>span.s4{width:380px;}
#novel-search>li>span.s5{width:50px;float:right;text-align:right;}

/* Links & Tags */
#links,#tag_news{background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(31,38,135,0.1);margin:10px 0;border-radius:16px;border:1px solid rgba(255,255,255,0.3);}
.link_a{padding:10px;}
.link_a>a{margin:10px 5px;color:#7c6f9f;}
.link_a>a:hover{color:#e040fb;}

/* Footer */
.footer{clear:both;text-align:center;padding:20px;background:rgba(26,26,46,0.6);backdrop-filter:blur(20px);color:rgba(255,255,255,0.7);margin-top:50px;overflow:hidden;border-top:1px solid rgba(255,255,255,0.2);}
.footer>p.wp{padding:0 10px;box-sizing:border-box;line-height:22px;font-size:12px;}

/* Txt-list */
.txt-list{padding:10px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);}
.txt-list li{border-bottom:1px solid rgba(255,255,255,0.15);height:48px;line-height:48px;overflow:hidden;}
.txt-list li>span{float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 8px;}
.txt-list li:nth-of-type(2n){background:rgba(255,255,255,0.08);}
.txt-list .s1{width:100px;}
.txt-list .s2{width:360px;}
.txt-list .s2 a{font-size:15px;color:#1a1a2e;}
.txt-list .s2 a:hover{color:#7c3aed;}
.txt-list .s3{width:130px;}
.txt-list .s3 a{color:#5a5a7a;}
.txt-list .s4{width:420px;}
.txt-list .s4 a{color:#7c6f9f;font-size:14px;}
.txt-list .s5{width:80px;text-align:center;}
.txt-list .s5 a{color:#7c3aed;margin:0 5px;font-size:13px;}
.txt-list .s5 a:hover{color:#e040fb;}
.txt-list .s5 .xsdel{color:#ef4444;}
.txt-list .s5 .xsdel:hover{color:#dc2626;}

/* Member bookshelf */
.novel_mybook .txt-list .s1{width:240px;}
.novel_mybook .txt-list .s2{width:120px;}
.novel_mybook .txt-list .s3{width:280px;}
.novel_mybook .txt-list .s4{width:280px;}
.novel_mybook .txt-list .s5{width:180px;}

/* Reading history */
.novel_tmpbook .txt-list .s1{width:300px;}
.novel_tmpbook .txt-list .s2{width:140px;}
.novel_tmpbook .txt-list .s3{width:320px;}
.novel_tmpbook .txt-list .s5{width:340px;}

/* ===== RESPONSIVE ===== */
@media screen and (max-width:1200px){
  .wp{width:96%;padding:0 2%;}
  .phb_img{width:100%;}
  .div_l2{width:calc(100% - 330px);}
  .info_dv1 .details{width:calc(100% - 220px);}
  .novel_info .info_dv1 .details{width:calc(100% - 170px);}
  .novel_chapter .info_dv1{width:calc(100% - 270px);}
  .phb_fm .item_img .phb_info{width:calc(100% - 120px);}
}
@media screen and (max-width:1024px){
  .wp{width:98%;padding:0 1%;}
  .item_img{width:100%;}
  .phb_fm .item_img{width:50%;}
  .div_l1{width:100%;margin-bottom:10px;}
  .div_l2{width:100%;}
  .list_phb_z{width:100%;}
  .novel_chapter .div_l1{width:100%;}
  .novel_chapter .info_dv1{width:100%;}
  ul.yanqing_list>li{width:33.33%;}
  .header .search{width:340px;}
  .header .search .search-form{width:300px;}
  .header .search input{width:220px;}
}
@media screen and (max-width:768px){
  .header{height:auto;padding:10px 0;}
  .header .wp h1.title{width:100%;text-align:center;height:50px;line-height:50px;font-size:26px;}
  .header .search{width:100%;height:auto;padding:5px 0;}
  .header .search .search-form{width:90%;margin:0 auto;}
  .header .search input{width:calc(100% - 80px);}
  .header-bd{display:none;}
  .nav li{font-size:14px;padding:0 6px;}
  .intro .img{width:100%;text-align:center;height:auto;padding:10px;}
  .intro .img>img{width:120px;height:150px;}
  .info_dv1 .details{width:100%;height:auto;padding:0 10px;}
  .novel_info .info_dv1 .details{width:100%;height:auto;}
  .info_dv1 .details h2{font-size:22px;height:40px;line-height:40px;}
  .details p.p2{height:auto;-webkit-line-clamp:6;}
  .phb_fm .item_img{width:100%;}
  ul.yanqing_list>li{width:50%;}
  .novel_chapter .chapter-title{font-size:24px;padding:0 15px 15px;}
  .novel_chapter .info_dv1>p,#chaptercontent p{padding-left:15px;padding-right:15px;font-size:18px;}
  .txt-list .s1{width:60px;}
  .txt-list .s2{width:180px;}
  .txt-list .s3{width:80px;}
  .txt-list .s4{width:200px;}
  #novel-search>li>span.s2{width:180px;}
  #novel-search>li>span.s4{width:200px;}
  .novel_tmpbook .txt-list .s1{width:150px;}
  .novel_tmpbook .txt-list .s3{width:150px;}
  .novel_tmpbook .txt-list .s5{width:200px;}
  .novel_mybook .txt-list .s1{width:150px;}
  .novel_mybook .txt-list .s3{width:150px;}
  .novel_mybook .txt-list .s4{width:150px;}
}
@media screen and (max-width:480px){
  .wp{width:100%;padding:0 5px;}
  .nav{height:auto;line-height:36px;}
  .nav li{height:36px;line-height:36px;font-size:13px;padding:0 5px;}
  .nav .nav-right{display:none;}
  .header .wp h1.title{font-size:22px;letter-spacing:3px;}
  .item_img .phb_info{width:calc(100% - 110px);}
  .div_l1 .phb_fm .item_img .phb_info{width:calc(100% - 80px);}
  ul.yanqing_list>li{width:100%;}
  .novel_info .intro .btn_dv1>i{width:100px;}
  .info_dv1 .details h2{font-size:20px;}
  .novel_chapter .chapter-title{font-size:20px;}
  .novel_chapter .info_dv1>p,#chaptercontent p{font-size:16px;line-height:1.8em;padding-left:10px;padding-right:10px;}
  .sort_page_num>a{padding:4px 8px;margin:3px;font-size:13px;}
}