:root,
[data-bs-theme=theme-0] {
  --bs-body-bg:#f8f9fa;
  --bs-header-bg:var(--bs-white);
  --bs-link-color: var(--bs-black);
  --bs-title-color: var(--bs-black);
  --bs-item-bg:var(--bs-white);
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
  --bs-read-nav-bg:var(--bs-body-bg);
  --bs-read-font-color:#696255;
  --bs-read-font-size:1.1rem;
  --bs-book-panel-border-color:var(--bs-gray-200);
}
[data-bs-theme=theme-1] {
  --bs-body-bg:#faf8ec;
  --bs-header-bg:#f0dfaf;
  --bs-link-color: var(--bs-black);
  --bs-title-color: var(--bs-black);
  --bs-item-bg:var(--bs-white);
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
  --bs-read-nav-bg:var(--bs-body-bg);
  --bs-read-font-color:var(--bs-black);
  --bs-read-font-size:1.1rem;
  --bs-book-panel-border-color:#fdf1d1;
}
[data-bs-theme=theme-2] {
  --bs-body-bg:#f0dfaf;
  --bs-header-bg:#e4f1f5;
  --bs-link-color: var(--bs-black);
  --bs-title-color: var(--bs-black);
  --bs-item-bg:var(--bs-white);
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
  --bs-read-nav-bg:var(--bs-body-bg);
  --bs-read-font-color:var(--bs-black);
  --bs-read-font-size:1.1rem;
  --bs-book-panel-border-color:#e9d9ae;
}
[data-bs-theme=theme-3] {
  --bs-body-bg:#e4f1f5;
  --bs-header-bg:#e4f1f5;
  --bs-link-color: var(--bs-black);
  --bs-title-color: var(--bs-black);
  --bs-item-bg:var(--bs-white);
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
  --bs-read-nav-bg:var(--bs-body-bg);
  --bs-read-font-color:var(--bs-black);
  --bs-read-font-size:1.1rem;
  --bs-book-panel-border-color:var(--bs-gray-200);
}
[data-bs-theme=theme-4] {
  --bs-body-bg:#f5e4e4;
  --bs-header-bg:#e4f1f5;
  --bs-link-color: var(--bs-black);
  --bs-title-color: var(--bs-black);
  --bs-item-bg:var(--bs-white);
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
  --bs-read-nav-bg:var(--bs-body-bg);
  --bs-read-font-color:var(--bs-black);
  --bs-read-font-size:1.1rem;
  --bs-book-panel-border-color:var(--bs-danger-bg-subtle);
  
}
[data-bs-theme=theme-5] {
  --bs-body-bg:var(--bs-black);
  --bs-header-bg:var(--bs-black);
  --bs-title-color: var(--bs-white);
  --bs-link-color: var(--bs-white);
  --bs-item-bg:var(--bs-white);
  --bs-header-nav-bg:#028e85;
  --bs-header-nav-hover:#2fc1b4;
  --bs-read-nav-bg:var(--bs-black);
  --bs-read-font-color:#696255;
  --bs-read-font-size:1.1rem;
  --bs-book-panel-border-color:var(--bs-gray-900);
}

.bg-body-theme{background: var(--bs-body-bg);}

.fs-lg {font-size: calc(1.575rem + 1.5vw) !important;}

a{text-decoration: none;color:var(--bs-link-color);}
.qk-card.card{border-radius:var(--bs-border-radius); border:none ;background: var(--bs-white);}
.qk-card.card .card-header{line-height:1.8rem;background: var(--bs-white);border:none ;}
.qk-card.card .card-footer{line-height:1.5rem;background: var(--bs-white);border:none ;}
/*小按钮*/
.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.125rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.625rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
  }
.btn-green{background:#0ebbb0;color:var(--bs-white);transition: all 0.3s;}
.btn-green:hover{background:var(--bs-pink);color:var(--bs-white);}
/*省略号1-5行*/
.qk-ellipsis-1 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-4 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.qk-ellipsis-5 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  overflow: hidden !important;
  word-break: break-all !important;
}

.bg-none{background: none;}
/*头部开始*/
header{background: var(--bs-header-bg);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
header>.navbar{--bs-navbar-padding-y:0.55rem;}
header>.navbar .navbar-brand{font-size:1.5rem;}
/*read-head层级z-index高于top-panel*/
.read-head{background: var(--bs-read-nav-bg);color:var(--bs-title-color);z-index: 2100;}
.top-panel{background: var(--bs-read-nav-bg);color:var(--bs-read-font-color);z-index: 1999;}
.read-tool{background: var(--bs-read-nav-bg);color:var(--bs-title-color);}
.list-panel,.rank-panel{background: var(--bs-header-bg);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);top:45px;}
.list-panel .order-tool a{padding: 0px 0.40rem;}
.list-panel .order-tool a.on{color:var(--bs-blue)}
/*头部搜索*/
.form-control.input-key{background:var(--bs-item-bg);outline: none;}
.form-control.input-key1{background:var(--bs-gray-100);outline: none;padding: 0.1rem 0.5rem;min-width: 230px;}
.form-control.input-key1::placeholder {color:var(--bs-gray-500)}
.btn-tosearch{padding: 0px;outline: none;}
/*头部右侧足迹*/
header>.navbar .nav{--bs-nav-link-padding-y:0rem;--bs-nav-link-padding-x: 0rem}
header>.navbar .nav .nav-link{font-size:0.75rem;color:var(--bs-link-color);transition: all 0.3s;}
header>.navbar .nav .nav-link:hover{color:#ff8018;}


.book-panel{background: var(--bs-read-nav-bg);color:var(--bs-title-color);font-size:0.75rem;border-top:1px solid var(--bs-book-panel-border-color);}
.book-panel .qk{font-size: 1.1rem;}
.book-panel a:hover{color:#ff8018;}
.book-panel.book-box{background: var(--bs-white);}
/*排行榜单*/
.rank-panel .nav-pills{--bs-nav-pills-link-active-bg:var(--bs-danger-border-subtle);--bs-nav-pills-link-active-color:var(--bs-red)}
.rank-panel .nav-item,.rank-panel .dropdown-item{font-size: 0.75rem;}
.rank-panel .nav-link{background: var(--bs-gray-200);padding: 0.25rem 0.65rem;}

.turnpage{background: none;bottom:45px}
.turnpage p{height: 100vh;}
/*
.turnpage p.page{background-color: rgba(0, 0, 0, 0.2);color:var(--bs-white);border:1px solid var(--bs-gray-500)}
*/
.example{background-color: rgba(0, 0, 0, 0.7);color:var(--bs-white);height:100vh;z-index: 9999;}
.example .col{padding: 8.5rem 0px;text-align: center;margin-top:4.5rem;}
.example p i.qk{font-size:2rem;}

.mi-menu{font-size:0.8rem}
.mi-menu a{transition: all 0.3s;}

/*主box*/
.main-box{background: var(--bs-white);}
.main-box .card-header small{color:var(--bs-gray);}
.main-box .card-header .single{font-size: 0.75rem;}
.main-box .card-footer .btn-mulu{background: #009688;color:var(--bs-white)}
.main-box .card-footer .btn-mulu:hover{background: #f44336;}
.main-box .cate-top .nav-link{background: var(--bs-gray-200);font-size: 0.75rem;padding: 0.25rem 0.65rem;}
.main-box .cate-top .nav-link.active{background: var(--bs-danger-border-subtle);color:var(--bs-red)}
.card-box .card-text{margin-bottom: 0rem;color:var(--bs-gray);font-size: 0.75rem;}
.card-box .card-text .rt>span{font-size:12px;background: var(--bs-gray-200);border-radius: var(--bs-border-radius-sm);}
.card-box a:hover{color:#ff8018;}
.card-box .title{transition: all 0.3s;line-height:2.5rem;}
.card-box .title:hover{font-size:1rem;}
.card-box .catalog{background: var(--bs-gray-200);border-radius: var(--bs-border-radius-sm);font-size: 0.75rem;}
.card-box .page_box{width:350px}

.main-box .tool{font-size: 0.85rem;}
.main-box .tool a:hover{color:#ff8018;}
.main-box .like-box{min-height:330px;}

.read-box{color:var(--bs-read-font-color);font-size:var(--bs-read-font-size);}

/*字体选择*/
.read-box.font-family-0{
  font-family: '宋体','simsun','sans-serif';
}
.read-box.font-family-1{
  font-family: '微软雅黑','Microsoft YaHei','sans-serif';
}
.read-box.font-family-2{
  font-family: '楷体','KaiTi','sans-serif';
}
.read-box.font-family-3{
  font-family: '黑体','HeiTi','SimHei','sans-serif';
}

.card-box>article{display: block;box-sizing: unset;overflow-wrap: break-word;}

.card-box>article p{text-indent: 2em;}
.card-box>article.best-text{overflow: hidden;height:340px;padding-bottom: 30px;}
.card-box>.best-mask{bottom: 0;position: absolute;width: 100%;z-index: 800;}
.card-box>.best-mask .best-showbtn{background: linear-gradient(-180deg,hsla(0,0%,100%,.8),#fff 63%);padding-top:50px;}
.card-box .read_btn a{color:#028e85;transition: all 0.3s;}
.card-box .read_btn a:hover{color:#ff8018;}
.card-box.tagbox a{color:#a9a9a9;font-size:0.9rem;}
.card-box.tagbox a:hover{color:#028e85;}

/*css序列号*/
.card-box.type {counter-reset:def+1;}
.card-box .card-text.num:before 
{
  counter-increment:def;
  content:counter(def);
  padding:1px 0.39rem;margin-right:0.27rem ;
  color:var(--bs-white);
  background: var(--bs-gray-400);
  border-radius: var(--bs-border-radius-sm);
}
.card-box .card-text:nth-child(3).num:before{
  background: var(--bs-orange);
}
.card-box .card-text:nth-child(4).num:before{
  background: var(--bs-indigo);
}

/*css序列号结束*/

.tabpanel.card-body{
  --bs-card-spacer-y:0px;--bs-card-spacer-x:0.8rem;
}
.tabpanel .row:nth-child(even) {
  background: #f6f6f6;
}
.tabpanel .tab-head{border-bottom: 1px dotted #ccc;letter-spacing: .86px;}
.tabpanel .tab-content {
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  letter-spacing: 1px;
}
.tabpanel .tab-content .title{color:#028e85;transition: all 0.3s;}
.tabpanel .tab-content .title:hover{color:#ff8018;}
.input_copy_txt_to_board {
  display: block;
  padding: 0 1px;
}
.input_copy_txt_to_board a {
  background: #168C84;
  color: var(--bs-white);
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  right: 1px;
}
#input_copy_txt_to_board{
    border: 1px solid #028e85;
    color: #c3c3c3;
    text-indent: 5px;
    line-height: 28px;
}

.list-item p{border-bottom: 1px dotted #e5e5e5;}
.list-tool a{margin-right:0.5rem;padding: 0.35rem 0.50rem;color: #333;font-size: 0.80rem;border-radius: var(--bs-border-radius-sm);background: var(--bs-gray-200);white-space: nowrap}
.list-tool a.active{border-radius: var(--bs-border-radius-sm);color:var(--bs-blue);background: #e6effa}
.list-tool a.on{color:var(--bs-blue);}
.list-tool a.tagcollapse{color:var(--bs-link-hover-color)}
.tool-box a{color: #333;font-size: 0.9rem;}
.tool-box a.active{color: #ff8018;}
.tool-box .btn-link{text-decoration: none;}
.tool-box a.on{color: #ff8018;}

/*分页*/
.pagination {--bs-pagination-bg:var(--bs-white)}

/*右侧工具栏*/
.right-bar{width:55px;text-align:center;color:var(--bs-light-text-emphasis); background-color:var(--bs-light-bg-subtle);}
.right-bar .bar-link{color: #333;font-size: 0.9rem;display: block;padding-bottom:0.25rem ;}
.right-bar .bar-link p{font-size: 1.2rem;}
.setting-box{width:25rem;}

/*阅读模式*/
.theme{width:36px;height:36px;border:1px solid var(--bs-gray-500);font-size:1.3rem;border-radius: 50%;}
.theme.theme-0{background:#f8f9fa;}
.theme.theme-1{background:#faf8ec;}
.theme.theme-2{background:#f0dfaf;}
.theme.theme-3{background:#e4f1f5;}
.theme.theme-4{background:#f5e4e4;}
.theme.theme-5{background:#000;}

.theme.color-0{background:#696255;}
.theme.color-1{background:#198754;}
.theme.color-2{background:#0d6efd;}
.theme.color-3{background:#6f42c1;}
.theme.color-4{background:#fd7e14;}
.theme.color-5{background:#f1aeb5;}
.theme cite{position: absolute;top: 2px;left: 6px;text-align: center;color: #fff;color: rgba(255,255,255,.3);z-index: 999;}

.theme i{transition: opacity .3s;opacity: 0;color:var(--bs-red);}
.theme.active{border:1px solid var(--bs-red);}
.theme.active i{opacity: 1;margin:0px 0px -5px -5px;}
.theme.active i.select:before{font-family:'qk';content:'\e61c';}

/*字体*/
.tool-btn span{transition: color .3s;border: 1px solid #e5e5e5;border: 1px solid rgba(0,0,0,.1);border-radius: var(--bs-border-radius-sm);background: #fff;background: rgba(255,255,255,.5);}
.tool-btn  span.active{color:var(--bs-red);border: 1px solid var(--bs-red);background: #fff0f2;}

.offcanvas{--bs-offcanvas-padding-y:0.55rem;--bs-offcanvas-height:40vh;}
.offcanvas.offcanvas-bottom{border-radius:var(--bs-border-radius) var(--bs-border-radius) 0px 0px;}
/*左右手*/
.handChange span.active{color:var(--bs-red);}

.rating {
  display: inline-block;
  unicode-bidi: bidi-override; /* 确保文字方向控制 */
  direction: rtl; /* 关键：让星星从右往左排列，方便 ~ 选择器 */
}
.rating > input {
  display: none;/* 隐藏原始的radio按钮 */
}
.rating > label {
  display: inline-block;
  padding: 0rem;/*调整星的间距*/
  font-size: 1.9rem;/*调整星的大小*/
  color: #ccc; /* 调整星的默认颜色 */
  cursor: pointer;
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out; /* 添加过渡动画 */
}
.rating > label::before {
  content: "\2605"; /* 星图标 */
}
.rating > input:checked ~ label,
.rating > label:hover,
.rating > label:hover ~ label {
  color: #ffcc00; /* 悬停颜色 */
  transform: scale(1.1); /* 悬停时略微放大 */
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label {
  color: #ffcc00; /* 针对已经选中的星星，在鼠标再次悬停时，保持高亮状态 */
}



/*尾部开始*/
footer{font-size:0.8rem;}
footer a{color:var(--bs-link-color);}


/*载入状态*/
.pre-loader{position: fixed;display: flex;align-items: center;justify-content: center;width: 100vw;height: 100vh;background: #f4f6f9;z-index: 2023;display:none;}
/*弹出层*/
.popup-box{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;width: -webkit-max-content;width: -moz-max-content;width: max-content;max-width: 100%;}
.popup-main{background-color: rgba(0,0,0,.7);color:var(--bs-white);box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: var(--bs-border-radius);}
/*返回顶部*/
.qk-back-to-top{display:none; width:4.0rem;height:3.5rem; text-align:center; position:fixed; border-radius:var(--bs-border-radius-sm);bottom:1.25rem; right:0.75rem; color:var(--bs-light-text-emphasis); background-color:var(--bs-light-bg-subtle); z-index:1028;}
.qk-back-to-top:hover{color:var(--bs-dark-text-emphasis);background-color:var(--bs-dark-bg-subtle);transition:all .5s}
.qk-fix-tool{display:none; width:4.0rem;text-align:center; position:fixed; bottom:5.35rem; right:0.75rem; z-index:1029;}
.qk-fix-tool .list{border-radius:var(--bs-border-radius-sm);color:var(--bs-light-text-emphasis); background-color:var(--bs-light-bg-subtle);}
.qk-fix-tool .list span{font-size:0.85rem;}
.qk-fix-tool .list a{color:var(--bs-nav-link-color)}
.qk-fix-tool .list a:hover{color:var(--bs-red);transition:all .5s}