@charset "utf-8";

/* 基础配置：自定义初始化全局 ********************************************************/
:root {
  --zt-zt: #0099cc;
  --zt-zt01: rgba(0,153,204,0.1);
  --zt-zt02: rgba(0,153,204,0.2);
  --zt-zt03: rgba(0,153,204,0.3);
  --zt-zt04: rgba(0,153,204,0.4);
  --zt-zt05: rgba(0,153,204,0.5);
  --zt-zt06: rgba(0,153,204,0.6);
  --zt-zt07: rgba(0,153,204,0.7);
  --zt-zt08: rgba(0,153,204,0.8);
  --zt-zt09: rgba(0,153,204,0.9);

  --zt-zt2: #00ccff;

  --zt-000: #000;
  --zt-00001: rgba(0,0,0,0.1);
  --zt-00002: rgba(0,0,0,0.2);
  --zt-00003: rgba(0,0,0,0.3);
  --zt-00004: rgba(0,0,0,0.4);
  --zt-00005: rgba(0,0,0,0.5);
  --zt-00006: rgba(0,0,0,0.6);
  --zt-00007: rgba(0,0,0,0.7);
  --zt-00008: rgba(0,0,0,0.8);
  --zt-00009: rgba(0,0,0,0.9);

  --zt-333: #333;
  --zt-666: #666;
  --zt-888: #888;

  --zt-fff: #fff;
  --zt-f6:#f6f6f6;
  --zt-border: #dee2e6;

  --zt-hover: #990000;

}
* {margin: 0;padding: 0;}
a {text-decoration: none !important;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.ellipsis,.ellipsis1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
.ellipsis3 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
.ellipsis4 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 4;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}


/**
 * 自定义冻结页面窗口：
 * 让页面不能上下滑动
 * */
.freeze {width: 100% !important;height: 100vh !important;overflow: hidden;}


/**
 * 自定义固定盒子
 * 在所在轨道上，将块定在屏幕上：
 * ding-track：轨道标签
 * ding-box：要在轨道上固定的盒子
 * ding-fixed：轨道滑行阶段样式
 * ding-bottom：到达轨道底部时的样式
*/
.ding-track {width: 100% !important;height: 100% !important;position: relative !important;}
.ding-box {width: 100%;max-height: 100vh;overflow-y: auto;}
.ding-fixed {position: fixed !important;top: 0;z-index: 11;max-height: calc(100vh - 3rem) !important;}
.ding-bottom {position: absolute !important;left: 0;bottom: 0;z-index: 11;}

.dir-list {opacity: 0.75;}
.dir-list .thelist {border-left: 1px solid var(--zt-00001);}
.dir-list .thelist li {display: table; width: auto;border-left: 3px solid transparent;font-size: 0.88rem;}
.dir-list .thelist li.cur {background-color: var(--zt-00001);border-left: 3px solid var(--zt-zt);}
/*.dir-list .thelist li.cur a {color: var(--zt-zt01);}*/
@media (max-width:1199px) {
  .zhengwen-mulu {display: none;}
}





.ff-tishi01 {
  display: none; 
  width: 200px; padding: 20px;
  border-radius: 10px;
  text-align: center; 
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: fixed;left: 50%;top: 50%;z-index: 666;margin-left: -100px;margin-top: -30px;
  transition: opacity 2s ease-in-out; /* 设置过渡效果 */
}

/* bootstrap部分：自定义样式 **********************************************************************************/
.ubs538 a {color: currentColor;text-decoration:none;}
/*.ubs538 a:hover {color: var(--zt-hover);}*/
.ubs538 a:focus,
.ubs538 button:focus {
  outline: none !important; /* 使用 !important 确保覆盖 Bootstrap 的样式 */
  box-shadow: none !important; /* 有时 Bootstrap 使用 box-shadow 来模拟边框，一并移除 */
}
@media (min-width:1600px) {
  .ubs538 .container,.ubs538 .container-lg,.ubs538 .container-md,.ubs538 .container-sm,.ubs538 .container-xl,.ubs538 .container-xxl {
    max-width:1440px;
  }
}
.ubs538 .container, .ubs538 .container-fluid, .ubs538 .container-lg, .ubs538 .container-md, .ubs538 .container-sm, .ubs538 .container-xl, .ubs538 .container-xxl {
  padding-right:calc(var(--bs-gutter-x) * .8);padding-left:calc(var(--bs-gutter-x) * .8);
}
.ubs538 h1,.ubs538 .h1 {font-size:calc(1.375rem + 1.2vw);line-.ubs538 heig.ubs538 ht: 1.4;}
.ubs538 h2,.ubs538 .h2 {
  font-size:calc(1.325rem + .9vw);
  margin-top: 2.4rem;margin-bottom: 2rem;
}
.ubs538 h3,.ubs538 .h3 {
  font-size:calc(1.3rem + .6vw);
  margin-top: 2rem;margin-bottom: 1.8rem;
}
.ubs538 h4,.ubs538 .h4 {
  font-size:calc(1.275rem + .3vw);
  margin-top: 2rem;margin-bottom: 1.8rem;
}
.ubs538 h5,.ubs538 .h5 {
  font-size:1.25rem;
  margin-top: 2rem;margin-bottom: 1rem;
}
.ubs538 h6,.ubs538 .h6 {
  font-size:1rem;
  margin-top: 2rem;margin-bottom: 1rem;
}

@media (min-width:1200px) {
  .ubs538 h1,.ubs538 .h1 {font-size: 2rem;}
  .ubs538 h2,.ubs538 .h2 {font-size: 1.71428rem;}
  .ubs538 h3,.ubs538 .h3 {font-size: 1.5rem;}
  .ubs538 h4,.ubs538 .h4 {font-size: 1.285714rem;}
  .ubs538 h5,.ubs538 .h5 {font-size: 1.142857rem;}
  .ubs538 h6,.ubs538 .h6 {font-size: 1rem;}
}




/*基础配置兼容问题*/
.wp-block-post-title {margin-bottom: 2rem;}/*用于将编辑器中的标题与下面的正文间隔*/

/*自定义：重新定义WordPress类部分********************/


nav a:hover,nav a:hover span {color: var(--zt-fff) !important;}

.wp-block-navigation {padding-left: 0 !important;}
.wp-block-navigation > .wp-block-navigation-item > a {line-height: 4rem;border-bottom: 3px solid transparent;}
.site-list-btn {min-height: calc(4rem + 3px);}
@media (min-width: 782px) {
  .wp-block-navigation > .wp-block-navigation-item.has-child:hover > a {border-bottom: 3px solid var(--zt-hover);}
}


/*.wp-block-navigation li a:hover,.wp-block-navigation li a span:hover {}*/
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {border: 0;}
/*.wp-block-navigation__responsive-container {width: 40%;}*/
/*.wp-block-navigation__container > li a {line-height: 3.6rem;}*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {padding: 1rem;gap: 0.5rem;z-index: 9999;}


.wp-block-navigation-submenu .wp-block-navigation-item {line-height: 2rem;}
@media (max-width: 781px) {
  .wp-block-navigation > .wp-block-navigation-item > a {line-height: 3rem;border-bottom:0;}
  .site-list-btn {min-height: 3rem;}
  .wp-block-navigation__container > li {padding: 1rem 0;line-height: 3rem;}
  .wp-block-navigation__container {width: 100%;}
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {padding: 1rem 0;}
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container li {padding: 0.25rem 0;}
}
@media (max-width: 599px) {
  .wp-block-navigation > .wp-block-navigation-item > a {line-height: 1.4rem;border-bottom:0;}
  .site-list-btn {min-height: 3rem;}
  .wp-block-navigation__container > li {padding: 1rem 0;line-height: 1.4rem;}
  .wp-block-navigation__container {width: 100%;}
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {padding: 1rem 0;}
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container li {padding: 0.25rem 0;}
  .wp-block-navigation-submenu .wp-block-navigation-item {line-height: 1.6rem;}
  .wp-block-navigation__responsive-container.is-menu-open {padding-left: 2rem;}
}

/*自定义块样式*******************************************************************/
.wp-block-button.is-style-outline
  > .wp-block-button__link:not(.has-text-color, .has-background):hover {
  background-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, transparent));
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, currentColor));
}

/*星号标题样式*/
.is-style-asterisk:before {
  content: '';
  width: 1.5rem;
  height: 3rem;
  background: var(--wp--preset--color--contrast-2, currentColor);
  clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
  display: block;
}
.is-style-asterisk:empty:before {
  content: none;
}

.is-style-asterisk:-moz-only-whitespace:before {
  content: none;
}

.is-style-asterisk.has-text-align-center:before {
  margin: 0 auto;
}

.is-style-asterisk.has-text-align-right:before {
  margin-left: auto;
}

.rtl .is-style-asterisk.has-text-align-left:before {
  margin-right: auto;
}

/*导航链接箭头样式*/
.is-style-arrow-link .wp-block-navigation-item__label:after {
  content: "\2197";
  padding-inline-start: 0.25rem;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
}

/*列表勾号样式*/
ul.is-style-checkmark-list {
  list-style-type: "\2713";
}

ul.is-style-checkmark-list li {
  padding-inline-start: 1ch;
}

/*列表竖线样式*/
ul.is-style-shuxian-list {
  list-style:none;
  border-left: 1px solid var(--wp--preset--color--accent);
}
ul.is-style-shuxian-list li {
  padding-top: 1rem;
}
ul.is-style-shuxian-list li:first-child {
  padding-top: 0;
}



/*文章的项目列样式：弧角，比如TAGS标签*/
.is-style-arc-angle {display: flex;flex-wrap: wrap;gap: 0.5rem;}
.is-style-arc-angle span {display: none;}
.is-style-arc-angle a,
.is-style-arc-angle span:not([class], [data-rich-text-placeholder]) {
  display: inline-block;
  background-color: var(--wp--preset--color--contrast-4);
  padding: 0.2rem 0.6rem;
  border-radius: 0.3rem;
}

.is-style-arc-angle a:hover {
  background-color: var(--wp--preset--color--base);
}

/*文章的项目列样式：胶囊，比如TAGS标签*/
.is-style-pill a,
.is-style-pill span:not([class], [data-rich-text-placeholder]) {
  display: inline-block;
  background-color: var(--wp--preset--color--base-2);
  padding: 0.375rem 0.875rem;
  border-radius: var(--wp--preset--spacing--20);
}

.is-style-pill a:hover {
  background-color: var(--wp--preset--color--contrast-3);
}

/*详细信息：箭头图标样式*/
.is-style-arrow-icon-details {
  padding-top: var(--wp--preset--spacing--10);
  padding-bottom: var(--wp--preset--spacing--10);
}

.is-style-arrow-icon-details summary {
  list-style-type: "\2193\00a0\00a0\00a0";
}

.is-style-arrow-icon-details[open]>summary {
  list-style-type: "\2192\00a0\00a0\00a0";
}









/*自定义陈列公共样式*******************************************************************/
/*自定义列样式，通用 1列-6列样式 */
.list-col1 {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  grid-gap: 1rem;
}
.list-col2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr)!important;
  grid-gap: 2rem 4rem;
}
.list-col3 {
  display:grid !important;
  width: 100%;
  grid-template-columns: repeat(3, 1fr) !important; 
  grid-gap: 1.5rem 1.5rem;
}
.list-col4 {
  display:grid !important;
  width: 100%;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-gap: 1.5rem 1.5rem;
}
.list-col5 {
  display:grid !important;
  width: 100%;
  grid-template-columns: repeat(5, 1fr) !important;
  grid-gap: 1.5rem 1.5rem;
}
.list-col6 {
  display:grid !important;
  width: 100%;
  grid-template-columns: repeat(6, 1fr) !important;
  grid-gap: 1.5rem 1.5rem;
}
@media screen and (min-width:576px) and (max-width:1199px) {
  .list-col2 {grid-template-columns: repeat(1, 1fr);}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .list-col2 {grid-gap: 2rem;}
}

@media screen and (min-width:992px) and (max-width:1399px) {
  .list-col4 {grid-template-columns: repeat(3, 1fr) !important;}
  .list-col5 {grid-template-columns: repeat(4, 1fr) !important;}
  .list-col6 {grid-template-columns: repeat(4, 1fr) !important;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .list-col6 {grid-template-columns: repeat(3, 1fr) !important;grid-gap: 1rem;}
  .list-col5 {grid-template-columns: repeat(3, 1fr) !important;grid-gap: 1rem;}
  .list-col4 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 2rem;}
  .list-col3 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 2rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .list-col6 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 1rem;}
  .list-col5 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 1rem;}
  .list-col4 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 2rem;}
  .list-col3 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 2rem;}
}
@media (max-width:575px) {
  .list-col2 {grid-template-columns: repeat(1, 1fr) !important;grid-gap: 2rem;}
  .list-col3 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 0.6rem;}
  .list-col4 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 0.6rem;}
  .list-col5 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 0.6rem;}
  .list-col6 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 0.6rem;}
  .list-col3.m-list-col1 {grid-template-columns: repeat(1, 1fr) !important;grid-gap: 1rem;}
  .list-col4.m-list-col1 {grid-template-columns: repeat(1, 1fr) !important;grid-gap: 1rem;}
  .list-col5.m-list-col1 {grid-template-columns: repeat(1, 1fr) !important;grid-gap: 1rem;}
  .list-col6.m-list-col1 {grid-template-columns: repeat(1, 1fr) !important;grid-gap: 1rem;}
}




/*自定义列表样式*/
.qian-list-style1 {position: relative;padding-left: 0.8rem;}
.qian-list-style1:before {content: '';display: block;width: 4px;height: 4px;background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 9px;}




/*自定义头部主导航部分*/
.hd-box {width: auto;}
.logo {width: 80px;}
.logo a {display: block;width: 100%;}
.logo img {display: block;width: 100%;height: auto;}
.allsite-btn img {display: block; width:20px;height: auto;}
.list-allsite {display: none;}
.allsite-box {background-color: var(--zt-zt2);}
.allsite-box a {color: var(--zt-fff);}
.allsite-box a:hover {color: #333;background-color: var(--zt-fff);}
.allsite-cha {display: none;}
.allsite-cha svg {display: block;height: auto;fill: var(--zt-fff);}

@media (max-width:781px) {
  .hd-box {width: 100%;}
  .current-sitename {display:none;}
}

@media (max-width:599px) {
  .list-allsite {height: 100vh;}
  .list-allsite .allsite-box {height: 100%;}
  .list-allsite .site-box {padding-top: calc(2rem + 24px); overflow-y: scroll;margin-left: auto;margin-right: auto;}
  .list-allsite.top-100 {top: 0 !important;}
  .allsite-box {height: 100%;}
}






/*主网站首页：自定义样式*/
.itbox a .tit {font-size: 1rem;height: auto; background-image: linear-gradient(to top, #111, transparent); transition: background-image 0.5s;}
.itbox a {color: var(--zt-fff);background-color:rgba(0, 0, 0, 0.1);transition: background-color 1s;}
.itbox a:hover {color: var(--zt-fff);background-color: transparent;}
.itbox a:hover .tit {background-image: linear-gradient(to top, var(--zt-zt), transparent);}

.iltiao > .d-flex {gap: 0.5rem;}
.iltiao .img {flex: auto; width: 4.5rem;height: 4.5rem;}
.iltiao .text {flex: auto;width: calc(100% - 5rem);}
.iltiao .text .tit {font-size: 1rem;}
.iltiao .text p {font-size: 0.88rem;line-height: 1.2;}
@media (max-width:599px) {
  .iltiao.border {border-right: 0 !important;border-left: 0 !important;border-top: 0 !important; }
  .iltiao.rounded-pill {border-radius: 0 !important;}
}
.isbox .site-name h3 {border-left-color: var(--zt-zt) !important;}
.isbox .caidan {font-size: 0.88rem;}




/*自定义：上一篇、下一篇链接样式*/
.qian-pre > *,.qian-next > * {vertical-align: middle;}
.qian-pre > span {width: 8px;height: 8px;border-radius: 10px;padding: 6px;line-height: 8px; background-color: var(--zt-zt);color: #fff;}
.qian-next > span {width: 8px;height: 8px;border-radius: 10px;padding: 6px;line-height: 8px; background-color: var(--zt-zt);color: #fff;direction: rtl;unicode-bidi: bidi-override;}



/*自定义面包屑导航*/
.xie-base {display: block;width: 100%;overflow: hidden; font-size: 0.88rem;}
.xie-base span {display: inline-block;padding: 0 2px;}
.xie {min-width: 0;}
.xie-btn {display: none;}
.breadcrumb-nav,.xiebox {color: var(--zt-888);}
.breadcrumb-nav a,.xiebox a {color: var(--zt-888);}
.breadcrumb-nav a:hover,.xiebox a:hover {color: var(--zt-hover);}
@media (max-width:781px) {
  .xie-btn {display: block;}
}

/*自定义正文样式定义*/


.zhengwen img {max-width: 100% !important;}
code {display: inline-block;background-color:var(--wp--preset--color--custom-eee);border-radius:2px;padding:0 6px;margin:0 3px; }
pre > code {display: block;background-color:transparent;border-radius:0;padding:0;margin:0;}
pre.wp-block-code {position: relative;}
pre.wp-block-code .copy {display: table;position: absolute; right: 1rem;top: 1rem;z-index: 1;}
pre.wp-block-code .copy .inc-svg {display: block; width: 1.3rem;cursor: pointer;opacity: 0.6;}
pre.wp-block-code .copy .inc-svg:hover {opacity: 1;}
pre.wp-block-code .copy .copied {display: none;}
pre.wp-block-code .copy .inc-svg svg {display: block;width: 100% !important;height: auto !important; fill: var(--bs-dark) !important;}
pre.wp-block-code .copy .inc-svg .tishi {font-size: 12px;color: var(--zt-hover);margin-left: -25%;}




/* 教程式页面样式 */
.zz-left-sticky-box {/*font-size: 0.88rem;*/}
.jiansuo-input input {display: block; width: 100%;background-color: transparent;border-radius: 0;}
.jiansuo-input .zz-close {display: none;width: 1rem;height: 1rem;}
.jiansuo-input .zz-close svg {display: block;width: 100% !important;height: 100% !important;}
.jiansuo-input input {outline: 0;box-shadow: none;}
.jiansuo-listbody > ul:last-child {border-bottom: 0;}
.jiansuo-listbody > ul > li.hasson {cursor: pointer;}
.jiansuo-listbody > ul > li.hasson h4 {position: relative;padding-left: 1.5rem;}
.jiansuo-listbody > ul > li.hasson h4:before {
  content: "";display: block;width: 1rem;height: 1rem;
  position: absolute;left: 0;top: 0.2rem;z-index: 111;
  background-image: url(/skint/img/caret-right-fill.svg);
  background-position: left 0 center;background-repeat: no-repeat;
  transform: rotate(0deg);transition: transform 1s;
}
.jiansuo-listbody > ul > li.hasson.xian h4:before {transform: rotate(90deg);}
.jiansuo-listbody > ul > li.hasson.xian > ul {display: block;}
.jiansuo-listbody > ul > li > ul {padding-left: 0.5rem;display: none;}
.jiansuo-listbody > ul > li > ul > li {border-left: 1px solid var(--zt-00001);}
.jiansuo-listbody > ul > li > ul > li.curlink {background-color: var(--zt-zt);border-left: 1px solid var(--zt-00008);}
.jiansuo-listbody ul.tlist:last-child {border-bottom: 0;}

.jiansuo-listbody ul.tlist > li.hasson h4 {position: relative;padding-left: 1.5rem;font-size: 1.25rem;}
/*.jiansuo-listbody ul.tlist > li.hasson h4:before {
  content: "";display: block;width: 1rem;height: 1rem;
  position: absolute;left: 0;top: 0.2rem;z-index: 111;
  background-image: url(/skint/img/caret-right-fill.svg);
  background-position: left 0 center;background-repeat: no-repeat;
  transform: rotate(0deg);transition: transform 1s;
}
.jiansuo-listbody ul.tlist > li.hasson.xian h4:before {transform: rotate(90deg);}*/

.jiansuo-listbody ul.tlist > li.hasson.xian > ul {display: block;}

.jiansuo-listbody ul.tlist > li.hasson h4.curlink a {color: var(--zt-zt);}
.jiansuo-listbody ul.tlist > li.hasson h4.curlink a:hover {color: var(--zt-hover);}


.jiansuo-listbody ul.tlist > li.hasson h4 span {
  display: block;width: 1rem;height: 1rem;
  position: absolute;left: 0;top: 0.2rem;z-index: 111;
  
}
.jiansuo-listbody ul.tlist > li.hasson h4 span img {
  display: block;width: 100%;height: auto;transform: rotate(90deg);
  transform: rotate(0deg);transition: transform 1s;
}
.jiansuo-listbody ul.tlist > li.hasson.xian h4 span img {transform: rotate(90deg);}

.jiansuo-listbody ul.tlist > li > ul {padding-left: 0.5rem;display: none;}
.jiansuo-listbody ul.tlist > li > ul > li {border-left: 1px solid var(--zt-00001);font-size: 0.88rem;}
.jiansuo-listbody ul.tlist > li > ul > li.curlink {background-color: var(--zt-zt01);border-left: 1px solid var(--zt-00008);}
.jiansuo-listbody-linshi > ul:last-child {border-bottom: 0;}

.jiansuo-listbody-linshi > ul > li.hasson h4 {position: relative;padding-left: 1.5rem;font-size: 1.25rem;}
/*.jiansuo-listbody-linshi > ul > li.hasson h4:before {
  content: "";display: block;width: 1rem;height: 1rem;
  position: absolute;left: 0;top: 0.2rem;z-index: 111;
  background-image: url(/skint/img/caret-right-fill.svg);
  background-position: left 0 center;background-repeat: no-repeat;
  transform: rotate(0deg);transition: transform 1s;
}*/
/*.jiansuo-listbody-linshi > ul > li.hasson.xian h4:before {transform: rotate(90deg);}*/

.jiansuo-listbody-linshi > ul > li.hasson h4 span {
  display: block;width: 1rem;height: 1rem;
  position: absolute;left: 0;top: 0.2rem;z-index: 111;
  
}
.jiansuo-listbody-linshi > ul > li.hasson h4 span img {
  display: block;width: 100%;height: auto;transform: rotate(90deg);
  transform: rotate(0deg);transition: transform 1s;
}
.jiansuo-listbody-linshi > ul > li.hasson.xian h4 span img {transform: rotate(90deg);}


.jiansuo-listbody-linshi > ul > li.hasson.xian > ul {display: block;}
.jiansuo-listbody-linshi > ul > li > ul {padding-left: 0.5rem;display: none;}
.jiansuo-listbody-linshi > ul > li > ul > li {border-left: 1px solid var(--zt-00001);}
.jiansuo-listbody-linshi > ul > li > ul > li.curlink {background-color: var(--zt-zt);border-left: 1px solid var(--zt-00008);}
.leftbody-y-btn {border-right: 1px solid var(--zt-border);display:flex;align-items:center;justify-content:center;gap:0; }
.leftbody-y-btn svg {display: block;width: 20px;height: 20px;}
@media (max-width:781px) {
  .zz-left-sticky-box {display: none; overflow: hidden; position: fixed;left: 0;top: 0;z-index: 999;margin-top: 0 !important;padding: 0 !important;}
  .zz-left-sticky-box.h-100 {height: 100vh !important;}
  .zz-left-sticky-box .bg {display: none; width: 100%;height: 100%;background-color: var(--zt-00006);}
  .zz-left-sticky-box .zz-jiansuo-box {width: 40%;height:100%; background-color: var(--zt-fff);height: 100%;overflow: hidden;}
  .zz-left-sticky-box .zz-jiansuo-box.position-sticky {position: absolute !important;left: -40%;top: 0;z-index: 9999;}
  .zz-left-sticky-box .jiansuo-input {background-color: var(--zt-zt);}
  .zz-left-sticky-box .jiansuo-input input {margin-bottom: 0 !important;}
  .jiansuo-listbody,.jiansuo-listbody-linshi {background-color: var(--zt-fff);}
  .breadcrumb-nav,.xiebox {border: 1px solid var(--zt-border);border-radius: 0.3rem;}
  .xie {padding: 0.6rem 1rem;}
}
@media (max-width:767px) {
  .zz-left-sticky-box .zz-jiansuo-box {width: 70%;}
  .zz-left-sticky-box .zz-jiansuo-box.position-sticky {left: -70%;}
}




/*分页页码：自定样式*/
.pagination {display: flex;align-items: center;justify-content: start;gap: 0.5rem !important;}
.pagination > a,.pagination > span {padding: 0.2rem 0.8rem;background-color: rgba(0,0,0,0.1);border-radius: 0.6rem;}
.pagination .wp-block-query-pagination-numbers {display: flex;align-items: center;justify-content: start;gap: 0.5rem;}
.pagination .wp-block-query-pagination-numbers > a,.pagination .wp-block-query-pagination-numbers > span {padding: 0.2rem 0.8rem;background-color: rgba(0,0,0,0.1);border-radius: 0.6rem;}
.pagination span.current {background-color: var(--zt-zt);color: var(--zt-fff);}
@media (max-width:781px) {
  .pagination.m-none {display: none;}
}

.is-style-zz-pagination {display: flex;align-items: center;justify-content: start;gap: 0.5rem !important;}
.is-style-zz-pagination > a,.is-style-zz-pagination > span {padding: 0.2rem 0.8rem;background-color: rgba(0,0,0,0.1);border-radius: 0.6rem;}
.is-style-zz-pagination .wp-block-query-pagination-numbers {display: flex;align-items: center;justify-content: start;gap: 0.5rem;}
.is-style-zz-pagination .wp-block-query-pagination-numbers > a,.is-style-zz-pagination .wp-block-query-pagination-numbers > span {padding: 0.2rem 0.8rem;background-color: rgba(0,0,0,0.1);border-radius: 0.6rem;}
.is-style-zz-pagination span.current {background-color: var(--zt-zt);color: var(--zt-fff);}
@media (max-width:781px) {
  .is-style-zz-pagination.m-none {display: none;}
}

/*分类缩略图*/
.term-img-m {width: 100%;height: auto;}
@media (max-width:781px) {
  .term-img-m {width: 100%;height: auto;margin-right: 0;}
}



/*Bootstrap v5.3 教程*/
@media (max-width:767px) {
  .bd-code-snippet {margin-left: 0;margin-right: 0;}
}