:root {
/*
div.-title：通用一级标题，等同纯h2
h1：目前不启用
h3~h6：只定义大小，其他样式由.-title 定义
       大标题h3，小标题h4，h5同正文，h6小
       js动态在 h3~h6、.-title 里添加i标签

*/

   --max-width: 100%;   /* 主要内容块最大高度(上中下，除了banner) #header_inner, main, #footer_inner */

   /* --bulma-primary 一般是logo主色调 */
   --bulma-primary-h: 201deg;
   --bulma-primary-s: 85%;
   --bulma-primary-l: 45%;

   /* 头部导航.navbar(danger很少用故用来自定义颜色) */
   --bulma-danger-h: 190deg;
   --bulma-danger-s: 85%;
   --bulma-danger-l: 45%;

   --bulma-link-text: var(--bulma-dark);  /* 超链接文字 */

   --cst-white-alpha: rgba(255, 255, 255, 0.7);


   /* 以下是字体效果相关 */   
   --cst-font-en: Times New Roman, Arial, sans-serif;
   --cst-fontIcon-weight: 400;
   --cst-fontIcon-family: "Font Awesome 6 Pro";

   /* 字体图标 */
   --cst-ico-titleArrow: "\f107";   /* 标题中用到的箭头 */   

   --cst-ico-contact: "\f2b9";   /* #layout_contact 图标：address-card */
   --cst-ico-query: "\f865";   /* #layout_query 图标：file-check */
   --cst-ico-team: "\e533";   /* people-group */
   --cst-ico-favor: "♥️";
   --cst-ico-market: "♥️";
   --cst-ico-focus: "🥉";
   --cst-ico-time: "🥉";
   --cst-ico-award: "🥉";
   --cst-ico-money: "🥉";
   --cst-ico-tool: "🔧";
   --cst-ico-news: "🥉";
   --cst-ico-quote: "\f05a";   /* 声明 */
   --cst-ico-star: "🥉"; /* 星状 向外散开 */
   --cst-ico-adv: "\f0eb";    /* lightbulb 一般用于优势 */
   --cst-ico-input: "\f0e0";  /* 文本输入框 */
   --cst-ico-search: "\f002"; /* 按钮上的查询 */
   --cst-ico-more: "\f330";   
   --cst-ico-display: "\f107";   /* 控制菜单显示 */
   --cst-ico-display-active: "\f106";
   --cst-ico-right: "\f105";
   --cst-ico-menuOpen: "\ef3b";
   --cst-ico-menuClose: "\eb98";

   --cst-ico-quoteBefore: '\f10d';
   --cst-ico-quoteAfter: '\f10e';
   --cst-ico-buttonPrev: '\f137';
   --cst-ico-buttonNext: '\f138';   /* swiper左右按钮图标 */
   --cst-ico-asidePrev: '\f104';
   --cst-ico-asideNext: '\f105';   /* 外围wrap_swiperHTML中自定义的左右按钮图标 */
   --cst-ico-itemCom: "\e122";   /* item图标：com_content区域 */
   --cst-ico-itemMenu: "\f00a";   /* item图标：Menu区域 */
   --cst-ico-item: "\ea6e";   /* item图标：通用灵活用 */

   --cst-ico-tabsTitle: "\f138";




   /* body、header和footer背景和文字 */
   --cst-body-bgcolor: var(--bulma-white);  /* 页面背景 */
   --cst-foot-bgcolor: var(--bulma-primary);  /* 底部背景 */
   --cst-foot-color: var(--bulma-dark); /* 底部文字 */
   --cst-head-bgcolor: var(--bulma-white);  /* 头部背景 */

   --cst-text-color: var(--bulma-dark);  /* 主文字 */
   --cst-title-color: var(--bulma-primary);  /* 主标题 */
   --cst-title-size: 1.5rem;  /* 给 div.title 和 .primary 设置文字大小用 */
   --cst-title-margin: 0 0 2rem 0;

   /* --cst-stext-color: #333333; */     /* 次文字，一般要可以给card内容文字用 */   
   /*   
   --cst-title-radius: 0.5rem;
   */





   --cst-heading-color:var(--cst-text-color);  /* h1~h6颜色 */
   --cst-alpha-rgb:255, 255, 255;
   --cst-dot-size: 4rem;
   --cst-img-transform: scale(1.1);
   --cst-color-navPrimary: var(--bulma-danger);
   --cst-color-hot: red;   /* 给高亮的 */
   --cst-color-light: #cccccc;   /* 浅灰色 */
   --cst-color-thin: #e2e2e2; /* 最浅灰色 */



   /* 以下一般都不需要改动 */
   /* --bulma-card-radius 在bulma.css里被定义在.card{}里，通过添加以下兼容非.card区域 */
   --navbar-item-padding: 0.5rem 0.75rem;

   --bulma-card-radius: 0.75rem;

   --card-title-color: var(--bulma-primary);
   --card-content-color: var(--bulma-dark);
   --card-content-bgcolor: transparent;
   /* --card-image-radius:0.75rem; */

   --card-content-padding:1.5rem;
   --card-padding: initial;
   --card-gap:1rem;
   --card-smallGap:0.5rem;
   --card-fontSize:1rem;



   --aside-primary-height: 5rem; /* 侧边菜单一级标题 */
   --banner-bottom: 1.5rem;
   --gradient-direction: to left;   /* to left|right|top|bottom, 或者设置角度45deg */
   --shape-bgcolor: var(--bulma-danger);

   /*
   菜单栏背景遮罩层
   --aside-gradient-mask: linear-gradient(to top, rgba(0,0,0,1) 100%, rgba(0,0,0,0) 100%);
   */
   --aside-gradient-mask: none;
   --aside-inset: 0rem; /* 为了修正columns的gap导致的误差，这里只是为了初始化定义，具体在js里设置 */
   --aside-inset-offset: 0rem;  /* top偏移部分，-5rem表示上移5rem */


   /* swiper切换模块左右切换按钮大小颜色图标设置 */
   --swiper-navigation-size: 5rem;
   --swiper-navigation-color: #fff;
   --swiper-pagination-color: #fff;  /* 分页颜色 */

   --mask-bgColor: rgba(0, 0, 0, 0.7);

   --navbar-menu-padding: 1.5rem 2rem;
   --navbar-menu-margin: 0 0 0 0;


   --menu-transition: 0.4s ease;
}

/*
》 fontawesome图标的样式大小，由 font-weight 属性控制：
实心（Solid）：font-weight: 900
双色（Duotone）：font-weight: 600
常规（Regular）：font-weight: 400
轻体（Light）：font-weight: 300
细体（Thin）：font-weight: 100

fa-1x ~ fa-10x

》 remixicon图标的样式大小
常规：font-weight: 400
双色：font-weight: 600


现代通用正文
font-family: "Microsoft YaHei", "PingFang SC", Arial, Helvetica, sans-serif;
小字号清晰正文
font-family: "Microsoft YaHei", "PingFang SC", Verdana, Geneva, sans-serif;
稳重黑体官方风格
font-family: "SimHei", "STHeiti", Arial, Helvetica, sans-serif;
传统宋体新闻文章
font-family: "SimSun", "STSong", Georgia, "Times New Roman", serif;
简洁苹果风极简界面
font-family: "PingFang SC", "Microsoft YaHei", Tahoma, Geneva, sans-serif;

英文字体：
Arial,Helvetica,Verdana,Tahoma,Trebuchet MS,Georgia,Times New Roman,Courier New,
Impact,Lucida Sans Unicode,Palatino Linotype,Garamond,Book Antiqua,Arial Black,
Comic Sans MS,Century Gothic,Franklin Gothic Medium

中文字体：
》 Windows 自带
   Microsoft YaHei 微软雅黑
   SimHei 黑体
   SimSun 宋体
   KaiTi 楷体
   FangSong 仿宋
   YouYuan 幼圆
   LiSu 隶书
》 Mac 自带
   PingFang SC 苹方
   STHeiti 华文黑体
   STSong 华文宋体

*/

body {
   font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif;
}

/* bulma中，h1~h6 在.content 下才生效，这里参考着扩展下，设置为全页面生效 */
main h1 {
  font-size: 2em;
}
main h2 {
  font-size: 1.75em;
}
main h3 {
  font-size: 1.5em;
}
main h4 {
  font-size: 1.25em;
}
main h5 {
  font-size: 1.125em;
}
main h6 {
  font-size: 1em;
}


/* 常见图标定义 */

/* 匹配所有 class 以 -ico- 开头的元素 */


[class*=" -ico-"] i::before,
[class^="-ico-"] i::before {
   font-family: var(--cst-fontIcon-family);
   font-style: normal;
   content: var(--ico);
   display: block;
}



.-ico-team { --ico: var(--cst-ico-team); }
.-ico-favor { --ico: var(--cst-ico-favor); }
.-ico-market { --ico: var(--cst-ico-market); }
.-ico-focus { --ico: var(--cst-ico-focus); }
.-ico-time { --ico: var(--cst-ico-time); }
.-ico-award { --ico: var(--cst-ico-award); }
.-ico-money { --ico: var(--cst-ico-money); }
.-ico-tool { --ico: var(--cst-ico-tool); }
.-ico-news { --ico: var(--cst-ico-news); }
.-ico-quote { --ico: var(--cst-ico-quote); }
.-ico-star { --ico: var(--cst-ico-star); }
.-ico-adv { --ico: var(--cst-ico-adv); }
.-ico-input { --ico: var(--cst-ico-input); }
.-ico-search { --ico: var(--cst-ico-search); }
.-ico-more { --ico: var(--cst-ico-more); }
.-ico-menuOpen { --ico: var(--cst-ico-menuOpen); }
.-ico-menuClose { --ico: var(--cst-ico-menuClose); }
.-ico-query { --ico: var(--cst-ico-query); }
.-ico-contact { --ico: var(--cst-ico-contact); }

.-ico-display { --ico: var(--cst-ico-display); }
.-ico-display.is-active { --ico: var(--cst-ico-display-active); }


#rptResult {
   --result-txt-size: initial;
}
#rptResult #rptResult_content > div:first-child,
#rptResult #query_init {
   font-size: var(--result-txt-size);
}
#query_exist #query_No {
   font-weight: bold;
}
#query_init #query_txt::before{
  content: "本系统之数据只用于客户查询核对证书及报告真伪，请勿作他用！";
}
#query_forInput #query_txt::before{
  content: "请输入你要查询的报告编号！";
}
#query_exist #query_txt::after{
  content: "查询到以下报告编号：";
}
#query_exist #query_No::after{
  content: "";
}
#query_notExist #query_txt::after{
  content: "报告编号 ";
}
#query_notExist #query_No::after{
  content: " 不存在";
}
#query_searching #query_txt::after{
  content: "正在查询";
}





/* 【 覆写bulma设置 */
.navbar-item {   
   padding: var(--navbar-item-padding);
}



/* 拓展按钮属性 is-hoverBg：悬停颜色反转 */
.button.is-hoverBg:hover {
   --bulma-button-border-width: max(1px, 0.0625em);   /* 覆写bulma */
   background: var(--bulma-primary);
   color: white;
}

/* 】 */



#com_aside i {
    font-size: 10rem;
    color: var(--bulma-danger);
}





/* 
【 has-dot：给元素添加左右或者上下符号】

-aside：添加左右符号
-ends：添加上下符号
-line：添加上下划线


*/
.has-dot {
   position: relative;
   display: inline-block;
   --ico: var(--cst-ico-quoteBefore);
}

.has-dot::before, .has-dot::after {
   content: var(--cst-ico-quoteBefore);   
   --cst-fontIcon-weight: 600;
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);
   -webkit-font-smoothing: antialiased;

   line-height: 1;
   font-size: var(--cst-dot-size);
   color: var(--cst-color-hot);
   position: absolute;
}
.has-dot::after{
   content: var(--cst-ico-quoteAfter);
   text-align: right;
}



ol.has-dot.-aside {
   position: relative;
   display: inline-block;
   margin-left: 0;
   padding-left: var(--cst-dot-size);
}

/* 左边和右边添加符号 */
.has-dot.-aside {
   --cst-color-hot: var(--cst-color-light);
   padding: 0 calc( 1.2 * var(--cst-dot-size) );
}
.has-dot.-aside::before{
   left: 0;
   top: 0;
}
.has-dot.-aside::after{
   right: 0;
   bottom: 0;
}

/* 上面和下面添加符号 */
.has-dot.-ends {
   --cst-dot-size: 2rem;
   padding: calc( var(--cst-dot-size) / 2 ) 0 !important;
   margin: calc( var(--cst-dot-size) / 2 ) 0;
}
.has-dot.-ends::before, .has-dot.-ends::after {   
   background: var(--cst-body-bgcolor);   
   width: calc( 1.2 * var(--cst-dot-size) );
}
.has-dot.-ends::before{
   left: 0;
   top: calc( -1 * var(--cst-dot-size) / 2);
}
.has-dot.-ends::after{   
   right: 0;
   bottom: calc( -1 * var(--cst-dot-size) / 2);
}
.has-dot.-line {
   border-top: 1px solid var(--cst-color-thin);
   border-bottom: 1px solid var(--cst-color-thin); 
}




.swiper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* swiper播放组件的左右按钮 */
.swiper-button-prev, .swiper-button-next {
   --ico: var(--cst-ico-buttonPrev);
}
.swiper-button-prev:after, .swiper-button-next:after {   
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);
   
   --cst-fontIcon-weight: 100;
   content: var(--ico);
}
.swiper-button-next:after {
   content: var(--cst-ico-buttonNext);
}



.swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0;
}
.swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover; /* Optional: for better fit if you want to cover the slide */
}

/* 给父元素上面加渐变层（要求父元素 position:relative），目前主要给#banner用*/
.-alpha { 
   position:absolute;
   width: 100%;
   height: 100%;
   background-image: linear-gradient(to right, rgba(var(--cst-alpha-rgb), 1) 0%, rgba(var(--cst-alpha-rgb), 0) 20%, rgba(var(--cst-alpha-rgb), 0) 80%, rgba(var(--cst-alpha-rgb), 1) 100%);
}


._mask {   
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100vw;
   height: 100vh;
   background-color: var(--mask-bgColor);
   z-index: 995;
   margin: 0;
}
._mask.is-active {
   display: block;
}

/* 当启用swiper缩略图时，以下swiper_thumbs才生效 */
.swiper_thumbs {
    box-sizing: border-box;
    padding: 0;
}
.swiper_thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.6;
    margin: 0 !important;
}
.swiper_thumbs .swiper-slide-thumb-active {
    opacity: 1;
}


/* 给swiper外围添加wrap_swiperHTML，并增加自定义的pre和next按钮 */
.wrap_swiperHTML{
   display: flex;
   gap: 0.5rem;
}
.wrap_swiperHTML .swiperHTML{
   flex-grow: 1;
   display: block;
}
.wrap_swiperHTML .swiper-aside-prev, .wrap_swiperHTML .swiper-aside-next{
   display: flex;
   align-items: center;
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);
   --ico: var(--cst-ico-asidePrev);
   font-size: 2rem;
}
.wrap_swiperHTML .swiper-aside-prev a::before{
   content: var(--ico);
   color: var(--bulma-primary);
}
.wrap_swiperHTML .swiper-aside-next a::before{
   content: var(--cst-ico-asideNext);
   color: var(--bulma-primary);
}


.box {
   overflow: hidden;
}


figure{
   overflow: hidden;
   border-radius: 0 !important;
}

figure img{
   display: block;
   width: 100%;
   height: auto;
   border-radius: 0;
   object-fit: cover;
}
/* 覆盖bulma的默认设置 */
.card-image:first-child img {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}
figure.full{
   width: 100%;
   height: 100%;
   margin:0;
}
figure.full img{
   height: 100%;
}
figure.box {
   padding: 0;
   border:solid 0 transparent;
}
figure.box.radius img {
    /* 应用.box前提下才有可能添加了border-width空隙 */
    border-radius: var(--bulma-card-radius);
}
figure.radius {
    border-radius: var(--bulma-card-radius) !important;
    overflow: hidden;
}
figure.radiusTop {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
figure.radiusBottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
figure.radiusLeft {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
figure.radiusRight {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

figure.icon{
   width: 100%;
   display: inline;
   align-items: flex-start;
   justify-content: center;
   /* color: var(--bulma-primary); */
}
figure.icon i{   
   /* margin:1rem 0; */
}












/* 如果是html内容 */
.swiper-slide-active .swiper-content{
   visibility: visible;
}
.swiper-content{
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
   visibility: hidden;
   /*
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   */
}
.swiper-content .swiper-body{
   width: 100%;
   max-width: var(--max-width);
   box-sizing: border-box;
   font-size: 1rem;
   padding-left: 4em;
}

/* 
h1~h6，在bulma中已经有定义了(需要在.content里面才生效, 2em~1em) 
以下是给轮播插件的内容页面用
 */
.swiper-body h1 {
   font-size: 4.5em;
   font-weight: bold;
}
.swiper-body h2 {
   font-size: 3.5em;
}
.swiper-body h3 {
   font-size: 3em;
}
.swiper-body h4 {
   font-size: 2em;
}




/* 覆盖 Swiper 生成的 0ms 过渡 */
[data-swiper-parallax] {
   transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}



[data-url] :is(h5,img,a) {
    cursor: pointer;
}


.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: var(--cst-heading-color);
  font-weight: bold;
}

/* 让li内容分列，默认是2列 */
.content ul.grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 1rem;
   margin: 0;
   list-style: none;
}
.content ul.grid.col3 {
   grid-template-columns: repeat(3, 1fr);
}
.content ul.grid.col4 {
   grid-template-columns: repeat(4, 1fr);
}
.content ul.grid li {
   margin: 0;
   box-sizing: border-box;
   background: var(--cst-color-thin);
   padding: 0.5rem 1rem;
   border-radius: 0.5rem;
   display: flex;
   align-items: center;
}



.button.is-text{
   padding: 0;
}
.button.cst-prim{
   border-color: var(--bulma-primary);
   background-color: var(--bulma-primary);
   color: #ffffff;
}
.button.cst-danger{
   border-color: var(--bulma-danger);
   background-color: var(--bulma-danger);
   color: #ffffff;
}





.-has-title-bgIcon {   
   position: relative;
   background: var(--bulma-danger);
   color: white;
   padding: 0.5rem 0.8rem;
   border-radius: 0.5rem;
}
.-has-title-bgIcon:after {
    position: absolute;
    bottom: -8px;
    left: 30px;
    content: '';
    width: 16px;
    height: 16px;
    background: inherit;
    transform: rotate(45deg);
}


/* 带title 的当前位置position */
#position {
   margin-bottom: 1rem;
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   border-bottom: solid 1px var(--bulma-primary);
}
.breadcrumb li a:hover {
    color: var(--bulma-danger);
}
.breadcrumb li.is-active a {
    color: var(--bulma-danger);
}
#position .breadcrumb {
   margin: 0.5rem 0;
}
#position .-title{
   display: none;
   line-height: 50%;
}

.truncated-text {
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   /* height: calc(var(--bulma-body-line-height) * var(--bulma-body-font-size) * 5); */
 }


/* 设置为悬浮顶部 */
.-has-navi-fixed {
   position: sticky;
   top: 0;
   left: 0;
   right: 0;
   z-index: 999;
}

.-has-navi-fixed.is-fixed {
   position: fixed;
}



/* .tabs li 默认是等宽的，这里改成自动  */
.content .tabs li{
   width: auto !important;
}

.tabs a {
    border-bottom-width: 2px;
}

.tabsTitle {
   color: var(--bulma-primary);
   font-size: 2rem;
   --ico: var(--cst-ico-tabsTitle);
}
.tabsTitle::before {
   content: var(--ico);
   font-family: var(--cst-fontIcon-family);
   margin-right: 10px;
   font-weight: 900;
}






.card {
   width: 100%;
   font-size: var(--card-fontSize);
   display: flex; /* 默认为flex上下排版 */
   flex-direction: column;
   padding: var(--card-padding);
}

.card .card-header{
   width: 100%;
   padding: var(--card-smallGap) var(--card-gap);
   gap: var(--card-smallGap);
}

.card .card-header > *{
   padding-left: 0;
   padding-right: 0;
}
.card .card-header-title{
   margin-bottom: 0;
   color: var(--bulma-primary);
}
.card .card-header-icon::before{
   content: "\f107";
   font-weight: var(--cst-fontIcon-weight);
   font-family: var(--cst-fontIcon-family);
   color:var(--bulma-primary);
}



.card .-title, .card h5{
   font-weight: bold;
   color: var(--card-title-color);
   margin-bottom: 0;
}


.card .card-content{
   width: 100%;
   color: var(--card-content-color);
   background-color: var(--card-content-bgcolor);
   padding: var(--card-content-padding);
   overflow: hidden; /* 为了修正里面.button is-pulled-right 浮动造成的高度丢失 */
}
.card .card-content:has(h5:only-child){
   padding: 1rem;
   text-align: center;
}
.card .card-content h5:only-child {
   font-weight: normal;
}


.card .card-content * + *{
   margin-top: var(--card-smallGap);
}

/* 覆盖bulma中 .content p:not(:last-child) 的 margin-bottom 设置*/
.card .card-content p:last-of-type{
   margin-bottom: 0;
}
.card .card-content time{
   float: right;
   font-style: italic;
}


/* 
需要给li的h5前添加计数序号，可给ul添加.-has-counter 
-circle：给序号加上圆形框
*/
ul.-has-title-counter {
  counter-reset: h5-counter; 
}
ul.-has-title-counter > li {
  counter-increment: h5-counter; /* 每遇到一个li，计数器加1 */
}

ul.-has-title-counter > li h5::before {
   content: counter(h5-counter, decimal-leading-zero);
   display: inline-block;

   font-weight: var(--cst-fontIcon-weight);
   font-style: italic;
   line-height: 100%;
   margin-right: 0.5rem;
   font-size: 3em;
   vertical-align: 0rem;
}
ul.-has-title-counter.-circle h5::before {   /* 给序号加上圆形框 */
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
   padding: 0.5rem;
   height: 100%;
   aspect-ratio: 1 / 1;
}





.card .card-footer {
   width: 100%;
   border-top:solid 1px #cccccc;
}

.card .card-footer-item {
   display: flex;
   justify-content: right;   /* left|center|right：设置按钮居左中右 */
   align-items: center;
}


/* 将圆角设置为直角 */
.rightangle,
.card.rightangle, .card.rightangle .card-header, .card.rightangle .card-footer{
   border-radius: 0;
}
/* 以下覆盖bulma的默认设置 */
.card.rightangle .card-footer:last-child, .card.rightangle .card-content:last-child, .card.rightangle .card-header:last-child {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
}

/* 设置不要阴影  */
.card.noshadow, .card.noshadow .card-header, .card.noshadow .card-footer, .card.noshadow .card-image figure:not(.box){
   box-shadow:none;
}
.card.noshadow{
   background-color: transparent;
}
.card.noshadow .card-header{
   padding: var(--card-smallGap);
}
.card.noshadow .card-content{
   padding-left: var(--card-smallGap);
   padding-right: var(--card-smallGap);
}
.card.ltr.noshadow .card-image figure{
   margin:0;
}

.card.ltr.noshadow .card-content{
   padding-left: var(--card-smallGap);
   padding-right: var(--card-smallGap);
}





/* .lrm 从左到右到底排版，.lrm.reverse 从右到左到底排版 */
.card.lrm{
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   column-gap: var(--card-gap);    /* 仅横向间距生效 */
   row-gap: calc(0.5*var(--card-gap));          /* 确保纵向间距为 0 */
   padding: var(--card-gap);
   padding-bottom: calc(0.5*var(--card-gap));
}

.card.lrm .card-header{
   /* flex:flex-grow flex-shrink flex-basis */
   flex: 1 1 0;
   padding: 0;
   box-shadow: none;
}
.card.lrm .card-header > *{
   padding: 0;
}

.card.lrm .card-header .card-header-title,
.card.lrm .card-header .card-header-icon{
   /* 需要可覆盖bulma默认值 padding: var(--bulma-card-header-padding)  */
}

.card.lrm .card-image{
   flex: 0 1 40%;
}

.card.lrm .card-content{
   flex: 0 1 100%;
   padding: 0;
}

.card.lrm.noshadow{
   padding: 0;
}



/* 设置默认排序 */
.card .card-header, .card .card-image, .card .card-content, .card .card-footer {   
   order: 1;
}
.card.reverse .card-image {
   order: 2;
}
.card.lrm.reverse .card-image {   
   order: 0;
}








/* .ltr 从左到右排版，.ltr.reverse 从右到左排版 */
.card.ltr{   
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 0 var(--card-gap);
}
.card.ltr .card-header{
   flex: 0 1 100%;
   box-shadow:none;
   border-bottom: solid 1px var(--bulma-primary);
}

.card.ltr .card-image figure, .card.ltr .card-content{
   /* 先设置上下margin */
   margin: var(--card-gap) 0;
}

.card.ltr .card-image{
   /* flex:flex-grow flex-shrink flex-basis */
   flex: 0 1 30%;
}


.card.ltr .card-image figure{
   /* 再设置左右margin */
   margin-left:var(--card-gap);
   margin-right:0;  
}
.card.ltr .card-content {
   /* flex:flex-grow flex-shrink flex-basis */
   flex: 1 1 0;
   padding: 0;
   padding-right: var(--card-content-padding);
}
.card.ltr.reverse .card-image figure{
   margin-left:0;
   margin-right:var(--card-gap);
}
.card.ltr.reverse .card-content {
   padding: 0;
   padding-left: var(--card-content-padding);
}

/* .card-image:first-child 确保第一个元素是.card-image (即前面没有.card-header元素) */
.card.ltr.noshadow .card-image:first-child, .card.ltr.noshadow .card-image:first-child + .card-content {
   margin-top: 0;
}


.card.ltr .card-footer{
   flex-basis: 100%;
   border-top: solid 1px var(--bulma-primary);
}

.card.ltr .card-footer-item{
   justify-content: right;
}



/* textList 和 cardSum，是通过js生成的内容会，一般在aside侧边栏 */
.textList ul li {
   --ico: var(--cst-ico-item);
}
.textList ul li::before {
   content: var(--ico);
   font-family: var(--cst-fontIcon-family);
   color: var(--bulma-primary);
   margin-right: 0.3rem;
}

.textList:not(:first-child), .cardSum:not(:first-child){
   margin-top: 2rem;
}

/*
.textList li {
   margin: 0.5rem 0;
}
*/
.cardSum .card.ltr { /* 缩小icon图片和文字块的间距 */
   gap: 0.5rem;
}
.cardSum .card.ltr .card-image { /* 设置icon图片的占位大小和缩放 */
   flex: 0 1 10%; /*flex-grow、flex-shrink、flex-basis*/
}





#rptResult{
   margin-bottom: 1.5rem;
}
#rptResult table th::after {
   content: "：";
}




/* 【头部色调配置】 */
#header {
   background-color: var(--cst-head-bgcolor);
}
#header .navbar {
   background-color: transparent;
   position: initial;
}

/* 给头部指定位置添加底色：菜单、中间(logo和菜单)、通栏 */
#header.-has-bg-menu .navbar .navbar-menu {
   background-color: var(--cst-head-bgcolor);
}
#header.-has-bg-center .navbar {
   background-color: var(--cst-head-bgcolor);
}
#header.-has-bg-full {
   background-color: var(--cst-head-bgcolor);
}

#header .navbar-dropdown {
   border-top-width: 0;
}
#header .navbar-dropdown.-reverse, 
#header .navbar-dropdown.-reverse .navbar-item { /* 下拉菜单项：反转 */
   background: var(--bulma-danger);
   color: white;
}

#header .navbar-dropdown.-reverse .navbar-item:hover { /* 下拉菜单项悬停：反转 */
   background: rgba(255, 255, 255, 0.8);
   color: var(--bulma-danger);
}




/* 【底部色调配置】 */

/* 给 #footer 下所有层级元素设置颜色，但排除 #copyright 内部元素，方便后面给 #copyright 设置颜色 */
#footer a, #footer figcaption, #footer #copyright {
  color: var(--cst-foot-color);
}

/* 给底部指定位置添加底色：中间(#footer_inner)、通栏(#footer) */
#footer.-has-bg-center #footer_inner {
   background-color: var(--cst-foot-bgcolor);
}
#footer.-has-bg-full {
   background: var(--cst-foot-bgcolor);
}



/* 底部竖直方向排版(默认) */


/*
底部导航水平位置：
-has-right：靠右
-has-left：靠左
-has-center：居中，紧凑
-has-between：居中，靠两边
*/


#footer #footer_inner {
   /* --footer-gap-? 拓展用 */
   --footer-gap-lv1: 0; /* 第一级：#footer_inner下，#foot_navi和新插入的 strInsert 内容之间 */
   --footer-gap-lv2: 1rem; /* 第二级：#foot_navi ul下，li(主栏目)之间 */

   --foot-item-size: 1rem;
   --foot-item-gap: 2rem;  /* #foot_navi ul ul下，li(子栏目)之间gap */
   --foot-max-height: 10rem;
   --foot-icon-gap: 0.2rem;


   /* #foot_navi和新插入的 strInsert内容等 flex宽度 */
   --flex-lv1-child1: 6;
   --flex-lv1-child2: 3;
   --flex-lv1-child3: 3;

   /* #foot_navi ul下 li(主栏目)间 flex宽度 */
   --flex-lv2-child1: 1;
   --flex-lv2-child2: 2;
   --flex-lv2-child3: 3;
}

#footer #foot_navi > ul {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;   /* 只有一行用 align-items，自动换行且出现多行，用 align-content */
   gap: var(--footer-gap-lv2);
}


/* -has-column：底部竖直方向排版 */
#footer.-has-column #footer_inner {
   display: flex;
   flex-direction: column;
   align-items: center;
}
#footer.-has-column.-has-center #footer_inner {
   align-items: center;
   justify-content: center;
}
#footer.-has-column.-has-left #footer_inner {
   align-items: flex-start;
   justify-content: center;
}
#footer.-has-column.-has-right #footer_inner {
   align-items: flex-end;
   justify-content: center;
}
#footer.-has-column.-has-between #footer_inner {   /* -has-between下，#foot_nav 满宽度，且是between布局 */
   align-items: stretch;
   justify-content: center;
}


/* -has-row：底部水平方向排版 */
#footer.-has-row #footer_inner {
   display: flex;
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
   column-gap: var(--footer-gap-lv1);
}


#footer.-has-row.-has-center #footer_inner {
   justify-content: center;
}
#footer.-has-row.-has-left #footer_inner {
   justify-content: flex-start;
}
#footer.-has-row.-has-right #footer_inner {
   justify-content: flex-end;
}
#footer.-has-row.-has-between #footer_inner {   /* -has-between下，#foot_nav 满宽度，且是between布局 */
   justify-content: space-between;
   align-items: flex-start;
}




/* 底部菜单展开 */
#foot_navi.expand > ul > li {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

#foot_navi.expand ul ul {
   --navbar-item-padding: 0.1rem 0;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   flex-wrap: wrap;   /* 允许换行 */
   margin-top: 0.5rem;
   max-height: var(--foot-max-height); /* 最大高度，超过则换行，和flex-wrap搭配使用 */   
   margin-right: calc(-1 * var(--foot-item-gap));
}
#foot_navi.expand ul ul li {
   margin-right: var(--foot-item-gap);
}
#foot_navi.expand > ul ul li a {
   --cst-fontIcon-family: 'remixicon';
   font-size: var(--foot-item-size);
}
#foot_navi.expand > ul ul li a::before {
   margin-right: var(--foot-icon-gap);
   font-family: var(--cst-fontIcon-family);
   content: var(--cst-ico-item);
}


/* 设置 #copyright 对齐 */
#footer.-has-center #footer_inner #copyright {
   text-align: center;
}
#footer.-has-left #footer_inner #copyright {
   text-align: left;
}
#footer.-has-right #footer_inner #copyright {
   text-align: right;
}
#footer.-has-between #footer_inner #copyright {
   text-align: center;
}
#copyright.-has-right p, #copyright.-has-right div {
   text-align: right;
}
#copyright.-has-left p, #copyright.-has-left div {
   text-align: left;
}
#copyright p, #copyright div {
   margin: 0;
   padding: 0.5rem 0;
}






/* 底部水平方向图标，常用于优势 */

#footer .level{
   gap: 1rem;
   margin-top: 1em;
}

#footer .level .icon {
   color: var(--cst-text-color);
   display: flex;
   width: 100%;    /* 宽度占满父容器 */
   height: auto;   /* 高度自动 */
   aspect-ratio: 1 / 1; /* 强制宽高比 1:1 */   
   border-radius: 50%;
   padding: 0.2rem;
   box-sizing: border-box;
   background: var(--cst-body-bgcolor);
}
#footer .level figure {
   display: flex;
   flex-direction: column;
   align-items: center;
}
#footer .level .icon img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
#footer .level figcaption {
   margin-top: 0.5em;
}




body {
   background: var(--cst-body-bgcolor);
   color: var(--cst-text-color);
}





/* bulma中对.content li + li 设置了margin-top，这里恢复为0*/
.content_list li + li, ul.columns > li{
   margin-top: 0;
}
.columns .column > img{
   width: 100%;
   height: auto;
}



main h1 small, main h2 small, main h3 small, main h4 small, main h5 small, main h6 small {
   font-weight: normal;
   font-style: italic;
   font-size: 0.7em;
}


/* 【公用设置 */
#aside {
   position: relative;
}
#aside:not(.-top)::before {   /* 侧边栏背景色块(-top布局不启用) */
   content: '';
   position: absolute;
   top: calc(var(--aside-inset) + var(--aside-inset-offset));
   right: var(--aside-inset);
   bottom: var(--aside-inset);
   left: var(--aside-inset);
   background: none no-repeat center center / cover;

   -webkit-mask-image: var(--aside-gradient-mask);
   mask-image: var(--aside-gradient-mask);
   -webkit-mask-size: cover;
   mask-size: cover;
}


ul.-menu li,
ul.-menuTop > li {
   padding: 0;
}
#aside a.primary {
   position: relative;
   z-index: 1;
   font-size: var(--cst-title-size);
   color: var(--cst-title-color);
}

/* 】 */


/* 侧边 默认风格 */
ul.-menu {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}
ul.-menu {
   margin-top: 1rem;
}
ul.-menu li a {
   padding: 0.2rem 0.5rem;
   width: 100%;
   color: var(--bulma-primary);
   --ico: var(--cst-ico-itemMenu);
}
ul.-menu li a::before {
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);
   content: var(--ico);
   margin-right: 5px;
}
ul.-menu li a:hover, ul.-menu li.selected a {
   color: white;
   background: var(--bulma-primary);
}



/* 侧边 style-s1 (s1 = side1)
大标题叠加在banner底部, 有底色 */
#aside.style-s1  > ul {   
   /* 高度是4rem, #banner margin-bottom 是1.5rem */
   margin-top: calc(-1 * (var(--aside-primary-height) + var(--banner-bottom)));
   position: relative;
   z-index: 2;
   border-radius: 1rem 1rem 0 0;
   box-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
}
#aside.style-s1 a.primary {
   line-height: var(--aside-primary-height);
   height: var(--aside-primary-height);
   font-size: 1.8em;
   display: block;
   text-align: center;
   background: var(--bulma-danger);
   border-radius: 1rem 1rem 0 0;   
   color: white;
}
#aside.style-s1.-menu-null a.primary {
   display: none;
}

#aside.style-s1 ul.-menu {
   gap: 0;
   margin-top: 0;
}

#aside.style-s1 ul.-menu li a {
   border-bottom: solid 1px var(--bulma-primary);
   color: var(--bulma-primary);
   padding: 0.8rem;
   --ico: var(--cst-ico-right);
}
#aside.style-s1 ul.-menu li a::before {
   float:right;
   margin-right: 5px;
}
#aside.style-s1 ul.-menu li a:hover, #aside.style-s1 ul.-menu li.selected a {
   background: white;
}





/* 顶部 默认风格 */
ul.-menuTop {   /* -menuTop 独占一行的top菜单 */
   display: flex;
   justify-content: center;
   gap: 2rem;
}
#aside.-top.-menu-null {
   display: none;
}
#aside.-top > ul > li.selected > a {   /* 默认不显示当前标题 */
   display: none;
}
ul.-menuTop > li > a {
   font-size: 1.2em;
   padding: 0.5rem;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: transparent;
}
ul.-menuTop li a:hover, ul.-menuTop  li.selected a {
   border-bottom: solid 2px var(--cst-color-hot);
}



/* 顶部 style-t1 (t1 = top1) 
style-t1：大标题 + tabs效果 */
/*
#aside.-top.-menu-null.style-t1 {
   display: block;
}
*/

#aside.style-t1 a.primary {  /* 当前主页名称(排除-top布局) */
   --ico: var(--cst-ico-more);
   font-size: 2rem;
}
#aside.style-t1 a.primary::before {  /* 当前主页名称(排除-top布局) */
    content: var(--ico);
    font-family: var(--cst-fontIcon-family);
    font-weight: 900;
    margin-right: 0.5rem;
}
#aside.style-t1 > ul > li.selected {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
}

#aside.style-t1 > ul > li.selected a {
   display: flex;
   align-items: center;
}



/* .level建议附加到ul */

.level article {
   text-align: center;
}

article{
    margin-block-end: 1em;
    margin-inline-end: 0px;
}

figcaption b {
   font-weight: normal;
}
figcaption p {
   font-style: italic;
}




section:not(:empty) + section{
   margin-top: 2rem !important;
}



/* 定义contact和query页面ul */
#layout_contact #com_content {
   display: flex;
   justify-items: center;
   align-items: center;
   --com-content-color: var(--cst-text-color);
}
#com_content ul{
   list-style: none;
   margin-top: 1rem;
   margin-bottom: 1rem;
   margin-left: 2.5rem;
}
#com_content ul li{
   padding-left: 1rem;
   --ico: var(--cst-ico-itemCom);
   --cst-fontIcon-family: initial;
   color: var(--com-content-color);
}
#com_content ul li::marker{
   font-family: var(--cst-fontIcon-family);
   font-weight: 100;
   font-style: normal;
   color:var(--com-content-color) !important;
   content: var(--ico);
}


ul li{
   box-sizing: border-box;
}
/* 由于bulma中已对.content ul做过定义，这里恢复.columns的默认值*/
ul.columns{
   margin-inline-start: calc(-1* var(--bulma-column-gap));
   margin-inline-end: calc(-1* var(--bulma-column-gap));
   margin-top: calc(-1* var(--bulma-column-gap));
   list-style-type: none;
}
ul.swiper-wrapper {
   margin: 0 !important;
   list-style:none;
}


/* 覆盖bulma中对ul的设置 */
ul.level, ul.swiper-wrapper, .content_list > ul, #rside ul, .textList ul {
   margin-inline-start: 0;
   margin-inline-end: 0;
   list-style-type: none !important;
}
/*
#rside ul h5{
   margin-bottom: 0.5rem;
}
*/
#rside ul li + li{
   margin-top: 0.5rem;
}


.navbar-brand .navbar-item #logo{
   /* min-width: 2.5rem; */
   height: auto;
   min-height: 2.5rem;
   object-fit: contain;
   margin: 0.5rem 0;
}






/*
【.-title 标题效果】

-bgColor/-bgReverse/-bgGradient: 添加浅底色/深底色/渐变色
-icoLeft/-icoRight：添加左边/右边图标
   组合 -icoFar：图标和文字各一边
-line：下划线
-border：边框
-lineSide：添加左右线条
   组合 -lSide/-rSide：只添加左/右线条
-iconTri：添加下三角(js添加 <i class="_icon"></i> 后才可使用)
*/
.-title {
   margin-bottom: 1.5rem;
}
.-title, .-title a{
   --cst-display-txt: none;
   --cst-display-icon: none;
   --icon-color: var(--cst-title-color);
   --bulma-title-weight: 500;
   color: var(--cst-title-color);
   font-weight: var(--bulma-title-weight);
}
/* h1~h6 不需要设置文字大小，div.-title 和 h2 需要设置标题文字默认大小 */
div.-title, h2.-title {
   font-size: var(--cst-title-size);   
}
/* 需要文字加强排版才开启显示 */
.-title i._txt {
   display: var(--cst-display-txt);
}
.-title i._icon {
   display: var(--cst-display-icon);
}
.-title em, .-title-txt em, .-title-bgTxt em {
   font-style: normal;
   text-decoration: none;  /* 清除em默认格式 */
}

.-title small{
   font-size: 1rem;
   padding-left: 0.5rem;
   font-style: italic;
}

.-title.-bgColor, .-title.-bgReverse, .-title.-bgGradient { /* 设置底色和图标色(给-shapeIcon-? 使用) */
   --icon-color: var(--bulma-light);
   background: var(--bulma-light);
}
.-title.-bgColor, .-title.-bgReverse, .-title.-bgGradient, .-title.-border, .-title.-line {
   border-radius: var(--cst-title-radius);
   padding: 0.3rem 0.5rem;
}
/* 背景深色或者渐变，文字设置为白色 */
.-title.-bgReverse {
   --icon-color: var(--cst-title-color);
   background: var(--cst-title-color);
   color: white;
}
.-title.-bgGradient {
   --icon-color: var(--cst-title-color);
   color: white;
   background: linear-gradient(
      var(--gradient-direction), 
      hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) - 8%), 1), 
      hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + 8%), 1));
}

.-title.-icoLeft::before,
.-title.-icoRight::after {
    content: var(--cst-ico-titleArrow);
    font-weight: var(--cst-fontIcon-weight);
    font-family: var(--cst-fontIcon-family);
    margin: auto 0.5rem;
}
.-title.-icoFar {  /* -icoFar：图标和文字距离远，用flex的space-between就行 */
   display: flex;
   justify-content: space-between;
}

.-title.-line {
   --cst-title-radius: 0;
   border-bottom: solid 2px var(--cst-title-color);
   padding-left: 0;
   padding-right: 0;
}
.-title.-border {
   border: solid 2px var(--cst-title-color);
}

/*
-lineSide: 添加线条，默认左右都有
组合 -lSide/-rSide：只有右边/左边线条
*/
.-title.-lineSide {
   display: flex;
   align-items: center;
   gap: 1rem;
}
.-title.-lineSide:not(.-rSide)::before,
.-title.-lineSide:not(.-lSide)::after {
   content: "";
   flex: 1; /* 自动填充左侧剩余空间 */
   height: 0; /* 线条高度 */
   border-width: 0;
   border-top-width: 2px;
   border-style: solid;
}




/* 
【标题图标装饰】 三角(支持4个方向，默认向下)
和 -shapeHex 不同，.-shapeIcon-? 里面是没有内容的小图
-iconFixed: 箭头紧靠左边;
-iconTop/Left/Right：箭头位置 顶/左/右

i标签默认关闭，shapeIcon下开启显示 */
.-iconTri i._icon {
   --cst-display-icon: 'block';
   position: absolute;  /* 将i标签脱离flex布局 */
   inset: 0;   /* 大小和位置和父对象重叠 */
}
.-iconTri.-iconFixed i._icon {  /* 箭头紧靠左边(更常见) */
   top: 0;
   /* right: calc(100% - 6rem); */
   right: 85%;
   bottom: 0;
   left: 0;
}
.-iconTri {
   position: relative;
   --cst-ico-height: 0.6rem;
   margin: var(--cst-ico-height) 0; /* 给箭头留出空间 */
}

.-iconTri i._icon::before, .-iconTri i._icon::after {
  z-index: 2;
  content: "";
  position: absolute;
  bottom: calc(-1 * var(--cst-ico-height));
  left: 50%;
  transform: translateX(-50%);
  height: var(--cst-ico-height);  
  width: calc(2 * var(--cst-ico-height));
  background-color: var(--icon-color);
  clip-path: polygon(
    0% 0%,    /* 左上 */
    100% 0%,  /* 右上 */
    50% 100%  /* 底部中点 */
  );    
  transform-origin: center center;  /* 可选优化：防止缩放时模糊 */
}

.-iconTri.-iconTop i._icon::before, .-iconTri.-iconTop i._icon::after {
   bottom: none;
   top: calc(-1 * var(--cst-ico-height));
   clip-path: polygon(
    50% 0%,   /* 顶部中点（尖朝上） */
    0% 100%,  /* 左下 */
    100% 100% /* 右下 */
   ); 
}

.-iconTri.-iconLeft i._icon::before, .-iconTri.-iconLeft i._icon::after {
   /* 向左三角形 */
   width: var(--cst-ico-height);
   height: calc(2 * var(--cst-ico-height));
   clip-path: polygon(
     100% 0%,
     100% 100%,
     0% 50%
   );
   left: calc(-1 * var(--cst-ico-height));
   top: 50%;
   transform: translateY(-50%);
}

.-iconTri.-iconRight i._icon::before, .-iconTri.-iconRight i._icon::after {
   /* 向右三角形 */
   width: var(--cst-ico-height);
   height: calc(2 * var(--cst-ico-height));
   clip-path: polygon(
     0% 0%,
     0% 100%,
     100% 50%
   );
   left: 100%;
   top: 50%;
   transform: translateY(-50%);
}

/* -line 或 -border 需要描边效果 */
.-iconTri.-line i._icon::after, .-iconTri.-border i._icon::after {
   z-index: 1;
   bottom: calc(-1 * (var(--cst-ico-height) + 2px));
   background-color: var(--cst-title-color);
}



/* 【内容形状】 适用子元素 figure > i*/
.-shape {
  --cst-shape-size: 5rem;
  margin: 0 auto;
  width: 60%;
  aspect-ratio: 1/1; /* 默认比例是1:1 */
  position: relative;
}
.-shape figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--shape-bgcolor);
}
.-shape figure i {
   font-size: var(--cst-shape-size);
   color: white;
}

/* 大字效果，2行 x 2字 */
.-shape figure i.shapeFont {
   font-style: normal;
   font-size: 2rem;
   width: 3em; /* 3em 当前字体两个汉字宽度，因设置了letter-spacing，不够3em也就是2em */  
   letter-spacing: 0.2em;
   margin-right: -0.2em;   /* 抵消设置letter-spacing后上一行最后一个字的间隙 */
   line-height: 1.2;
}



/* 【内容形状】六边形 */
.-shapeHex {
  aspect-ratio: 10/11;  /* 正六边形高/宽 */
}
.-shapeHex figure {
  clip-path: polygon(
    50% 0%,   100% 25%,
    100% 75%, 50% 100%,
    0% 75%,   0% 25%
  );
}

/* 【内容形状】圆形 */
.-shapeCircle figure {
  clip-path: circle(50% at 50% 50%);
}


/* 【内容形状】 弧角正方形显得空，通过设置--cst-shape-size加大图标尺寸 */
.-shapeRadius figure {
   border-radius: 3rem;
}
.-shapeRadius figure i {   
   --cst-shape-size: 6rem;
}








/* JSfmt通用设置 */

/* 
JSfmt 处理的是：-title-txt 和  -title-bgTxt
将 <i> 的data-text 作为文字插入
*/
.-title-txt {
   --cst-display-icon: 'block';
   margin: var(--cst-title-margin) !important;
}
.-title-txt i._txt,
.-title-bgTxt i._txt {
   font-family: var(--cst-font-en);
   font-style: italic;
}
.-title-txt i._txt::after,
.-title-bgTxt i._txt::after {
   content: attr(data-text);
   text-transform: uppercase;
}
.-title-txt:not(.-ico) i._icon,
.-title-bgTxt:not(.-ico) i._icon {
   --cst-display-icon: none;
}

/* 
【标题效果_s1】：
   》 标准，不需要采用相对定位的
   》 默认：abc文字在右边，中文粗划线，英文细划线
   i._txt：添加abc文字，需要图标装饰可用::before;
   i._icon：备用，一般不需要
*/

.-title-txt._s1 {
   display: flex;
   align-items: stretch;
   color: var(--cst-title-color);
   --icon-color: var(--cst-color-hot);
}
.-title-txt._s1 em {
   border-top: solid 4px transparent;  /* 为了竖直方向居中 */
   border-bottom: solid 4px var(--icon-color);
   padding-top: 0.3em;
   padding-bottom: 0.3em;
}
.-title-txt._s1 i._txt {
   order: 1;   /* 让ABC文字在右边 */
   display: flex;
   align-items: center;
   flex-grow: 1;
   color: var(--bulma-weak);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   color: var(--cst-color-light);
}
.-title-txt._s1 i._txt::before {
   content: '/';
   display: inline-block;
   padding: 0 0.7rem;
}





/* 
【标题效果2】：
   》 标准，不需要采用相对定位的
   》 默认：abc文字在右边，中文粗划线，英文细划线
   -line：添加底部长细线和粗亮线
   -lineSingle：只有底部长细线
   -lineHeavy：只有粗亮线
   -ico：？？添加侧边图标？
*/
.-title-txt._s2 {
   display: flex;
   flex-direction: column;
   align-items: center;
   --cst-display-txt: block;
   --cst-display-icon: block;
   --cst-line-width: 50%;
   --cst-lineHeavy-width: 2rem;
   gap: 0.3rem;
}

.-title-txt._s2 i._txt {
   order: 2;
   font-style: normal;
   font-weight: normal;
   font-size: 0.7em;
   color: var(--cst-color-light);
}
.-title-txt._s2 i._icon {
   order: 3;
   position: relative;
   margin: 0.3rem 0;
}
.-title-txt._s2.-line i._icon,
.-title-txt._s2.-lineSingle i._icon {  /* 细线 */
   border-bottom: solid 1px var(--cst-color-light);
   width: var(--cst-line-width);
}
.-title-txt._s2.-line i._icon::before {   /* 亮色粗线 */
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0);
   width: var(--cst-lineHeavy-width);
   border-bottom: solid 5px var(--cst-color-hot);
}
.-title-txt._s2.has-text-left {
   align-items: flex-start;
}
.-title-txt._s2.has-text-left i._icon,
.-title-txt._s2.has-text-right i._icon {
   width: 100%;
}
.-title-txt._s2.has-text-left:not(.-lineSingle) i._icon::before {   /* 红色块 */
   left: 0;
   transform: none;
}
.-title-txt._s2.has-text-right {
   align-items: flex-end;
}
.-title-txt._s2.has-text-right:not(.-lineSingle) i._icon::before {   /* 红色块 */
   left: auto;
   right: 0;
   transform: none;
}


/* 
【标题效果3】：
   》 英文上中文下，英文小标底色，中文侧边可加大图标
   》 默认：居中
   has-text-left/has-text-right：靠左/靠右;
   -bgColor/-bgReverse 设置abc文字为浅色/深色
   -ico/-icoFar：紧靠文字的图标/远离文字的图标
   -reverse: 更换中英文位置
*/
.-title-txt._s3 {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.-title-txt._s3 i._txt {
   margin-bottom: 0.5rem;
   font-weight: normal;
}
.-title-txt._s3.-reverse i._txt {
   order: 1;
}

.-title-txt._s3 i._txt::after {
   font-size: 0.5em;
   border: solid 1px transparent;
   border-radius: 0.5rem;
}
.-title-txt._s3.-bgColor i._txt::after {  /* 文字浅底色 */
   padding: 0.2rem 0.5rem;
   background: var(--bulma-light);
}
.-title-txt._s3.-bgReverse i._txt::after {  /* 文字深底色 */
   padding: 0.2rem 0.5rem;
   background: var(--bulma-primary);
   color: white;
}
.-title-txt._s3.-icoFar i {
   display: block;
}
.-title-txt._s3.has-text-left {
   align-items: flex-start;
}
.-title-txt._s3.has-text-right {
   align-items: flex-end
}
.-title-txt._s3.-icoFar.has-text-left i._icon {
   position: absolute;
   right: 0;
   top: 0;
}

.-title-txt._s3.-ico.has-text-left {   /* -ico是紧靠文字的图标 */
   padding-left: 2.5em;
}
.-title-txt._s3.-ico.has-text-left i._icon {
   position: absolute;
   left: 0;
   top: 0;
}
.-title-txt._s3.-ico.has-text-right {
   padding-right: 2.5em;
}
.-title-txt._s3.-ico.has-text-right i._icon {
   position: absolute;
   right: 0;
   top: 0;
}

.-title-txt._s3.-icoFar.has-text-right i._icon {   /* -icoFar是远离文字的图标 */
   position: absolute;
   left: 0;
   top: 0;
}
.-title-txt._s3.has-text-left i._icon::after,
.-title-txt._s3.has-text-right i._icon::after {
   font-style: normal;
   content: "\f005";
   font-weight: 300;
   font-size: 2em;
   font-family: var(--cst-fontIcon-family);
   vertical-align: 3rem;
}

/* 
【标题效果4】：
   》 上下2行，上大下小默认英文在上
   !只能居中
   -sideChar：中文字旁边添加符号 ——
   -reverse：中英文调换位置
   -line：出现下划线
*/
.-title-txt._s4 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
}
.-title-txt._s4 i._txt {
   font-style: normal;
   font-weight: bold;
   font-size: 1.5em;
   color: var(--cst-color-light);
}
.-title-txt._s4 em {
   font-weight: normal;
}
.-title-txt._s4.-sideChar em::before,
.-title-txt._s4.-sideChar em::after {
   content: ' — ';
}
.-title-txt._s4.-reverse i._txt {
   order: 2;
   font-size: 1em;
   font-weight: normal;
}
.-title-txt._s4.-reverse em {
   font-size: 1.5em;
   font-weight: bold;
}
.-title-txt._s4.-line i._icon {
   display: block;
   position: relative;
   order: 1;   
   margin: 1rem 0 0.5rem 0;
}
.-title-txt._s4.-line i._icon::before {   /* 线条 */
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0);
   width: 3rem;
   border-bottom: solid 4px var(--cst-color-hot);
}



/* 
【标题效果】：文字大背景，默认居中
   -line：添加背景线条
   -ico：添加图标

*/
.-title-bgTxt {
   position: relative;
   text-align: center;
   z-index: 2;
   --title-lineHeight:4rem;
   line-height: var(--title-lineHeight);
   color: var(--cst-title-color);
   overflow: hidden;
   /*
   margin-top: 0 !important;
   margin-bottom: 0 !important;*/
}


.-title-bgTxt em {
   padding: 0rem 1rem;
}

.-title-bgTxt i::before,
.-title-bgTxt i::after {
   content: '';
   position: absolute;
   width: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: -1;
}

.-title-bgTxt i._txt::after { /* 设置文字大背景，通过before可以在背景文字前添加图标 */
   color: var(--cst-color-thin);
   font-size: var(--title-lineHeight);
   text-transform: uppercase;
}

.-title-bgTxt.-line em {
   position: relative;
   line-height: var(--title-lineHeight);
   /* display: inline-block;  这是居中，宽度就是文字内容的宽度 */
}
.-title-bgTxt.-line em::after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 0%;
   width: 150%;   /* 适应文字内容的宽度 */
   transform: translate(-50%, 0);
   border-bottom-width: 2px;
   border-bottom-style: solid;
}
/* 靠左靠后都是贯穿横线 */
.-title-bgTxt.-line.has-text-left em,
.-title-bgTxt.-line.has-text-right em { 
   display: block;
}
.-title-bgTxt.-line.has-text-left em::after,
.-title-bgTxt.-line.has-text-right em::after {
   width: 100%;
}

/* 默认居中模式下，可添加图标 */
.-title-bgTxt.-ico i._icon::before {
   top: 100%;
   font-style: normal;
   content: "\f005";
   font-weight: 300;
   font-size: 2rem;
   font-family: var(--cst-fontIcon-family);
}


/* 设置图片悬停黑色遮罩效果 */
figure.-darken {
  position: relative;
}

/* 遮罩层 */
figure.-darken::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /* 默认透明 */
  transition: 0.3s ease; /* 平滑过渡 */
}
figure.-darken:hover::after {
  background: rgba(0, 0, 0, 0.5);
}


/* 设置图片悬停放大缩小效果 */

figure.-zoomIn img {
   transition: all .4s;
   transform: scale(1);
}
figure.-zoomIn:hover img {
   transform: var(--cst-img-transform);
}
figure.-zoomOut img {
   transition: all .4s;
   transform: var(--cst-img-transform);
}
figure.-zoomOut:hover img {
   transform: scale(1);
}

.content_list > ul > li:hover figure.-darken::after {
  background: rgba(0, 0, 0, 0.5);
}




/* 通过 JSinsert-menu 插入的 -ico和-img，都是有.column的 */
.column.-ico, .column.-img {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--bulma-primary);
}
/* -ico和-img，默认是竖直方向居中
   -posTop / -posBottom 设置居上/下 */
.column.-posTop {
   align-items: flex-start;
}
.column.-posBottom {
   align-items: flex-end;
}
.column.-ico i {
   font-style: normal;
   font-weight: 600;
   font-family: var(--cst-fontIcon-family);
   font-size: 10rem;
}










/* 表单控件中的图标设置 */
.control .icon i, .button .icon i {
   font-style: normal;
   font-family: var(--cst-fontIcon-family);
   font-weight: 900;
}

/* 默认：不显示title，显示message */
#layout_query .-title {
   display: none;
}
#layout_query .message-header {
   color: white;
}
/* 删除 button 里面的 图标 */
.button.has-icon-hidden .icon {
   display: none;   
}

#layout_query.-wrap .control + .control {
   margin-top: 1rem;
}

#layout_query .control > *.is-rounded {
   --bulma-input-radius: 999px;
}

/* _s1：不显示title，显示message，文字块移动到message区 */

/* _s2：有title，无message */
#layout_query._s2 .-title {
   display: block;
}
#layout_query._s2 .message {
}
#layout_query._s2 .message-header {
   display: none;
}
#layout_query._s2 .message-body {
   background-color: transparent;
   padding: 0;
}

/* 带背景图片 */
#layout_query._s2.-bg #com_content {
   width: 100%;
   height: auto;
   margin: 0 auto;
   background: url('../images/report_bg.jpg') no-repeat center;
   background-size: contain;
   aspect-ratio: 100/142;
   box-sizing: border-box;
   padding: 7rem 3rem;
}

#layout_query._s2.-bg #rptResult::before {
   content: '欢迎使用报告/证书查询系统';
   display: block;
   font-size: 1.5rem;
   text-align: center;
   margin-bottom: 2rem;
}






.divTable {
   margin: 1rem 0;
}
.divTable ._trow {
   display: flex;
   gap: 0.5rem;
   margin: 0.5rem 0;
   align-items: stretch;   
}
.divTable ._trow > * {
   padding: 0.3rem 0;
   text-align: left;
}
.divTable ._thead {
   flex: 3.5;
   font-weight: bold;
   text-align: right;
}
.divTable ._thead::after {
   content: '：';
}
.divTable ._tdata {
   flex: 8.5;
}




.divTable.-s1 ._trow {
   display: block;
}
.divTable.-s1 ._trow > * {
   text-align: center;
}
.divTable.-s1 ._thead::after {
   content: none;
}

.divTable.-s2 ._trow > * {
   background: var(--cst-color-thin);
   padding: 0.5rem;
   border-radius: 0.5rem;   
}

/* 上下粗横线，行之间细横线 */
.divTable.-s3 {
   border-top: solid 3px var(--bulma-primary);
   border-bottom: solid 3px var(--bulma-primary);
}
.divTable.-s3 ._trow {
   margin: 0;
   align-items: center;
}
.divTable.-s3 ._trow > * {
   padding: 0.8rem 0rem;
}
.divTable.-s3 ._trow:not(:last-child) {
   border-bottom: solid 1px var(--bulma-primary);
}


.divTable.-s4 {
   border-left: solid 1px var(--bulma-primary);
   border-top: solid 1px var(--bulma-primary);
}
.divTable.-s4 ._trow {
   margin: 0;
   gap: 0;
}
.divTable.-s4 ._trow > * {
   border-right: solid 1px var(--bulma-primary);
   border-bottom: solid 1px var(--bulma-primary);
   padding: 0.5rem;
}

.divTable.-s5 ._trow {
   margin: 1rem 0;
   border-radius: 999px;
   border: solid 2px var(--bulma-primary);
}
.divTable.-s5 ._trow > * {
   padding: 0.5rem;
}
.divTable.-s5 ._thead {
   background-color: var(--bulma-primary);
   border-top-left-radius: 999px;
   border-bottom-left-radius: 999px;
   color: white;
   font-weight: normal;
}






/* 当元素为空时隐藏 */
#readme:empty {
  display: none; /* 完全隐藏，不占空间 */
}

summary {
   font-style: italic;
}
summary em {
   font-weight: normal;
}
summary::marker {
  content: ''; /* 清空默认标记内容 */
  display: none; /* 隐藏标记区域 */
}


.-box {
   padding: 1rem 2rem;
   background-color: var(--cst-color-thin);
}
.-box._s1 {
   border-left: solid 0.3rem var(--bulma-primary);   
}

/* 给元素添加全宽度遮罩背景 */
.-bigBg {
  position: relative;
  z-index: 1;
  --bigBg-style: no-repeat center/cover;
  --bigBg-image: url(../images/bg.png);
  --bigBg-mask: rgba(from #000000 r g b / 0.8);
}
.-bigBg::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  top: 0;
  background: var(--bigBg-style);
  background-image: var(--bigBg-image);
  z-index: -2;
}
/* 黑色半透明遮罩 */
.-bigBg::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  top: 0;
  background: var(--bigBg-mask);
  z-index: -1;
}


/* 
通过设置偶数子元素order，实现左右交替显示 
*/
.-orderInter > *:nth-child(2n+1) > *:nth-child(1){  /* 第一个是图片，第二个是文本 */
   order: 1;
}
/* 当里面有 .-title-bgTxt 的时候，自动加上左对齐或者右对齐 */
.-orderInter > *:nth-child(2n+1) > *:nth-child(2) .-title-bgTxt {
   text-align: left;   
   margin: 2rem 0 !important;
}
.-orderInter > *:nth-child(2n+2) > *:nth-child(2) .-title-bgTxt {
   text-align: right;
   margin: 2rem 0 !important;
}








/* 
style5：六边形/圆形/弧角正方形，最佳6/8宫格(图标(推荐)/图片模式)，可设置多种背景或边框
-border：添加边框
-bgColor/-bgReverse/-bgGradient: 添加浅底色/深底色/渐变色
-shapeHex/-shapeCircle/-shapeRadius：添加图形六边形/圆形/弧正方形，默认显示六边形
*/

.content_list.style5 .card {
   --card-content-bgcolor: transparent;
   background: var(--card-content-bgcolor);
}
.content_list.style5 .card {
   --card-padding: 2.5rem 2rem;
}
.content_list.style5.-bgColor .card,
.content_list.style5.-bgReverse .card,
.content_list.style5.-bgGradient .card {
   --card-padding: 2.5rem 2rem;
}
.content_list.style5.-border li .card {
   border: solid 1px var(--bulma-primary);
}
.content_list.style5.-bgColor li .card {
   --card-content-bgcolor: var(--bulma-light);
}
.content_list.style5.-bgReverse li .card {
   --card-title-color: var(--bulma-white);
   --card-content-color: var(--bulma-light);
   --card-content-bgcolor: var(--bulma-primary);
}
.content_list.style5.-bgReverse li:nth-child(2n+1) .card {  /* 奇数个微调底色 */
   --card-content-bgcolor: hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + 8%), 1);
}
.content_list.style5.-bgGradient li .card {
   --card-title-color: var(--bulma-white);
   --card-content-color: var(--bulma-light);
   --gradient-direction: -45deg;
   background: linear-gradient(
      var(--gradient-direction), 
      hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) - 8%), 1), 
      hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + 8%), 1));
}

.content_list.style5 li .card .card-content {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-bottom: 0;
}

.content_list.style5 li .card .card-content h5 {
   position: relative;
   margin-bottom: 1em;
   display: inline-block;
}
.content_list.style5 li .card .card-content h5::after {
   content: '';
   position: absolute;
   top: 150%;
   left: 50%;
   transform: translate(-50%, 0);
   width: 60%;
   border-bottom: solid 3px var(--cst-color-hot);
}
.content_list.style5 li .card-image.-shape figure i {
   transition: all .3s;
   transform: scale(1);
}
/* 鼠标悬停效果 */
.content_list.style5 li:hover .card-image.-shape figure i {
   transform: scale(1.2);
}



a.navbar-item#logo {
   background: transparent;
}

/* 
【此为手机屏幕】
@media screen and (max-width: 1023px) 就是touch，用这个来作为小屏幕如手机的断点
 */

@media screen and (max-width: 1023px) {
   .not-scroll {
      overflow: hidden;
   }
   #header {
      padding: 0.5rem 0;
   }
   #header .navbar {
      display: block;
   }

   button.navbar-burger {
      color: var(--bulma-primary);
   }
   button.navbar-burger:hover {
      background-color: transparent;
   }

   button.navbar-burger span {
      display: none;
   }
   button.navbar-burger i {
      display: block;
      font-size: 1.5rem;
   }
   button.navbar-burger.is-active i::before {
      content: var(--cst-ico-menuClose);
   }


   .navbar-menu {      
      --bulma-navbar-background-color:var(--bulma-danger);
      --navbar-item-bgColor: var(--bulma-danger);
      --navbar-item-color: var(--cst-white-alpha);
      --navbar-item-colorSelected: var(--bulma-white);
      --navbar-item-fontSize: 1rem;
      --navbar-item-padding: 0.75rem 0;
      --navbar-item-indent: 0.75rem;
      --navbar-item-border: 0;
      --navbar-item-borderColor: var(--navbar-item-color);
      --navbar-item-borderSub: 0;
      --navbar-item-margin: 0;

      --navbar-dropdown-padding: 0 0;
   }
   .navbar-menu .navbar-dropdown {
      padding: var(--navbar-dropdown-padding);
   }

   .navbar-menu li.navbar-item,
   .navbar-menu .navbar-dropdown li.navbar-item {      
      padding: 0;
      background-color: transparent;
   }

   .navbar-menu a.navbar-item,
   .navbar-menu .navbar-dropdown a.navbar-item {
      border-bottom-style: solid;
      border-bottom-width: var(--navbar-item-border);
      border-bottom-color: var(--navbar-item-borderColor);
      padding: var(--navbar-item-padding);
      margin: var(--navbar-item-margin);
      padding-left: var(--navbar-item-indent);
      background-color: var(--navbar-item-bgColor);
      color: var(--navbar-item-color);
      font-size: var(--navbar-item-fontSize);
      position: relative;
   }

   .navbar-menu .navbar-dropdown a.navbar-item {
      border-bottom-width: var(--navbar-item-borderSub);
      
   }
   .navbar-menu li.selected > a.navbar-item {      
      color: var(--navbar-item-colorSelected);
   }


   .navbar-menu.has-item-line {
      --navbar-item-border: 1px;
      --navbar-item-borderSub: 1px;
   }
   .navbar-menu.has-itemSelected-line li.selected > a.navbar-item {
      --navbar-item-border: 1px;
      --navbar-item-borderSub: 1px;
   }

   
   /* 项目添加背景色 */
   .navbar-menu.has-item-line {
      --navbar-item-border: 1px;
      --navbar-item-borderSub: 1px;
   }
   .navbar-menu.has-item-bg {
      --navbar-item-margin: 0 0 0.1rem 0;
      --navbar-item-bgColor: var(--cst-white-alpha);
      --navbar-item-color: var(--bulma-danger);
   }
   .navbar-menu.has-item-bg li.selected > a.navbar-item,
   .navbar-menu.has-itemSelected-bg li.selected > a.navbar-item {
      --navbar-item-margin: 0 0 0.1rem 0;
      --navbar-item-bgColor: var(--bulma-primary);
      --navbar-item-colorSelected: var(--bulma-white);      
   }


   /* 菜单大类小类设置字体大小差异 */
   .navbar-menu.has-dropdown-size a.navbar-item {
      font-size: calc(var(--navbar-item-fontSize) * 1.1);
   }
   .navbar-menu.has-dropdown-size .navbar-dropdown a.navbar-item {
      font-size: calc(var(--navbar-item-fontSize) * 0.9);
   }

   .navbar-menu.has-dropdown-bg .navbar-dropdown {
      background-color: var(--bulma-primary);
      --navbar-dropdown-padding: 1rem 0;
   }
   .navbar-menu.has-dropdown-bg .navbar-dropdown a.navbar-item {
      background: transparent;
   }


   .navbar-menu.has-item-indent.has-item-icon,
   .navbar-menu.has-item-indent.has-itemSelected-icon {
      --navbar-item-indent: 2rem;
   }
   .navbar-menu.has-item-indent.has-item-icon li li a.navbar-item,
   .navbar-menu.has-item-indent.has-itemSelected-icon li li a.navbar-item {
      --navbar-item-indent: 4rem;
   }
   .navbar-menu.has-item-icon, .navbar-menu.has-itemSelected-icon {
      --navbar-item-borderSub: 0;
      --navbar-item-indent: 2rem;
   }

   .navbar-menu.has-item-centre a.navbar-item {
      text-align: center;
      --navbar-item-indent: 0;
      --navbar-item-borderSub: 0;
   }


   .navbar-menu.has-item-indent {
      --navbar-item-indent: 1rem;
   }
   .navbar-menu.has-item-indent li li a.navbar-item {
      --navbar-item-indent: 3rem;
   }


   


   
   .navbar-menu.has-item-icon a.navbar-item::before,
   .navbar-menu.has-itemSelected-icon li.selected > a.navbar-item::before {
      --cst-fontIcon-family: 'remixicon';
      content: var(--cst-ico-right);
      font-family: var(--cst-fontIcon-family);
      font-weight: var(--cst-fontIcon-weight);

      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      inset: 0 calc(100% - 2rem) 0 0;
   }




   .navbar-menu.style-light {      
      --bulma-navbar-background-color:var(--cst-body-bgcolor);
      --navbar-item-bgColor: var(--cst-body-bgcolor);
      --navbar-item-color: var(--bulma-dark);
      --navbar-item-colorSelected: var(--bulma-black);
   }
   .navbar-menu.style-dark {      
      --bulma-navbar-background-color:var(--bulma-dark);
      --navbar-item-borderColor: #666666;
      --navbar-item-bgColor:var(--bulma-dark);
   }
   .navbar-menu.style-normal {      
      --bulma-navbar-background-color:var(--bulma-white);
      --navbar-item-borderColor: #666666;
      --navbar-item-bgColor:var(--bulma-dark);
   }

   



   li.has-dropdown a.navbar-item .-ico-display {
      display: none;
   }
   .navbar-menu.ctrl-dropdown li.has-dropdown .-ico-display {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      inset: 0 0 0 calc(100% - 4rem);
      font-style: normal;
   }
   






   /*
   默认：显示/关闭
   trans-slide-left/right：向左/右边切入
   trans-expand-left/right/bottom：向左/右/下边打开
   trans-fade：淡入
   trans-fade + trans-slide-left/trans-expand-left：组合效果
   */
   .navbar-menu {
      /* bulma中，.navbar-menu 默认display:none */
      box-shadow: none;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      padding: var(--navbar-menu-padding);
      margin: var(--navbar-menu-margin);
      z-index: 998;
   }
   .navbar-menu.is-active {
      display: block;
   }

   #header.-has-menu-percent .navbar-menu {
      --navbar-menu-margin: 0 0 0 40%;
   }

   #header.-has-naviBtn-fixed:not(.-has-menu-percent) .navbar-menu {
      --navbar-menu-padding: 4rem 4rem;
   }



   /* -has-naviBtn-fixed：将导航按钮设置为悬浮顶部 */
   #header.-has-naviBtn-fixed button.navbar-burger {
      position: fixed !important;
      right: 0.5rem;
      z-index: 999;
   }



   /* 
   【子菜单开关显示】
   默认：默认(.ctrl-dropdown)子菜单全打开
   开启后默认无动画效果，只是显示或隐藏
   .trans-expand-bottom：向底部下拉展开
   */
   .navbar-menu.ctrl-dropdown .navbar-dropdown:not(.trans-fade):not([class*="trans-slide-"]):not([class*="trans-expand-"]) {
      display: none;
   }
   .navbar-menu.ctrl-dropdown .navbar-dropdown:not(.trans-fade):not([class*="trans-slide-"]):not([class*="trans-expand-"]).is-active {
      display: block;
   }














   .navbar-menu.style-normal {
      
   }
   .navbar-menu.style-normal .navbar-item {
      background: transparent;
     
   }
   .navbar-menu.style-normal .navbar-dropdown .navbar-item {
      background: transparent;     
   }


   .trans-fade,
   [class*="trans-slide-"],
   [class*="trans-expand-"] {
      display: block;
      transition: var(--menu-transition);
   }
   [class*="trans-slide-"].is-active {
      transform: translateX(0);
   }
   [class*="trans-expand-"].is-active {
      clip-path: inset(0 0 0 0);
   }

   .trans-slide-left {
      transform: translateX(100%);
   }
   .trans-slide-right {      
      transform: translateX(-100%);
   }

   .trans-expand-left {
      clip-path: inset(0 0 0 100%);
   }
   .trans-expand-right {
      clip-path: inset(0 100% 0 0);
   }

   /* .trans-expand-bottom：改用max-hegiht方法(用clip-path占位高度不会变化，不能实现高度自动伸缩) */
   .trans-expand-bottom {
      overflow: hidden;
      max-height: 0;
      transition: var(--menu-transition);
   }
   .trans-expand-bottom.is-active {
      max-height: 200rem;
   }
   .navbar-menu:not(.ctrl-dropdown) .trans-expand-bottom {  /* 如果不开启开关控制模式，子菜单全部显示 */
      overflow: auto;
      max-height: initial;
      transition: none;
   }

   .trans-fade {
      opacity: 0;
   }
   .trans-fade.is-active {
      opacity: 1;
   }







   main{
      padding: 1rem;
   }
   #footer {
      margin-top: 1rem;
      padding: 1rem;
   }

   ul.columns, main .columns{
      margin-inline-start: 0 !important;
      margin-inline-end: 0 !important;
   }

   .columns {
      display: flex;
   }
   .columns:not(._isFlex) {
      display: block;
   }

   /* 通过设置flex-direction: column，采用竖直方向排版 */
   .columns:not(._isFlex) > .column {
      width: 100%;
      padding: 0;
   }
   .columns:not(._isFlex) > .column + .column {
      margin-top:1rem;
   }



   .-orderInter > .columns {
      margin-top: 2rem;
   }


   #footer_inner #copyright{
      width: 100%;
   }

   article, article.column{
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
   .-title:has(+ article, + .content_info){
      /* margin-bottom: 1rem !important; */
   }

   /* 手机浏览不出现左右箭头 */
   .swiper-button-prev:after,
   .swiper-button-next:after {
      opacity: 0;
   }


   .navbar-start .navbar-item {  /* 否则弹开的菜单项间隔比较大 */
      line-height: 1;
   }
   .navbar-end .navbar-item {
      padding-left: 0;
      padding-right: 0;
   }
   .-is-hidden-touch{
      display: none;
   }

   .swiper-content .swiper-body{      
      font-size: 0.4rem;
   }

   .content_list.style5 .card {
      --card-padding: 1rem 3rem;
   }

   .content_list.style5 .column.is-6-touch .card {
      --card-padding: 1rem 0;
   }
   .content_list.style5 .column.is-6-touch .card .-shape {
       --cst-shape-size: 3.5rem;
   }
   .content_list.style5 .column .card .truncated-text {
       -webkit-line-clamp: 4;
   }



}



/*
此为电脑等大屏幕
当小于1024px，菜单将默认隐藏，点击才展开*/
@media screen and (min-width: 1024px) {

   main > .columns {
      flex-wrap: wrap;
   }
   main > .columns > .column.-reverse {
      order: 1;   /* 由左侧移动到右侧 */
   }

   main, #header_inner, #footer_inner {
      padding: 0;
      max-width: var(--max-width);
      margin: 0 auto;
   }

   #footer {
      margin-top: 3rem;
   }

   /* 分配#foot_navi ul下 li(主栏目)之间宽度 */
   #footer.-has-row #foot_navi > ul > *:nth-child(1) {
      flex: var(--flex-lv2-child1);
   }
   #footer.-has-row #foot_navi > ul > *:nth-child(2) {
      flex: var(--flex-lv2-child2);
   }
   #footer.-has-row #foot_navi > ul > *:nth-child(3) {
      flex: var(--flex-lv2-child3);
   }

   /* 分配 #footer_inner下3个子元素宽度 */
   #footer.-has-row #footer_inner > *:nth-child(1) {  /* 通常是#foot_navi */
      flex: var(--flex-lv1-child1);
   }
   #footer.-has-row #footer_inner > *:nth-child(2):not(#copyright) {  /* 通常是插入的strInsert */
      flex: var(--flex-lv1-child2);
   }
   #footer.-has-row #footer_inner > *:nth-child(3) {  /* 作为拓展用 */
      flex: var(--flex-lv1-child3);
   }
   #footer.-has-row #footer_inner > #copyright:nth-child(3) { /* 如果 copyright 是第三个，则独自成一行*/
      flex: initial;
      width: 100%;
   }


   #banner {
      margin-bottom: var(--banner-bottom);
      position: relative;
   }

   .navbar-start a.primary {
      background-color: transparent;
      color: var(--cst-text-color);
   }
   .navbar-start a.primary:hover,
   .navbar-start li.selected a.primary {
      color: var(--cst-color-navPrimary);
   }

   .navbar-start li.-reverse a.primary:hover,
   .navbar-start li.-reverse.selected a.primary {
      background-color: var(--cst-color-navPrimary);
      color: white;
   }

   .navbar-start li.-round {
      margin: 0 0.3rem;
   }
   .navbar-start li.-round a.primary {
      border-radius: 0.5rem;
      border: solid 1px var(--cst-color-navPrimary);
   }
   .navbar-start li.-round a.primary:hover,
   .navbar-start li.-round.selected a.primary {
      background: var(--cst-color-navPrimary);
      color: white;
   }

   .navbar-start li.-line {
      margin: 0 0.5rem;
   }
   .navbar-start li.-line a.primary {
      border-bottom: solid 3px transparent;
      padding-left: 0.3rem;
      padding-right: 0.3rem;
   }

   .navbar-start li.-line a.primary:hover,
   .navbar-start li.-line.selected a.primary {
      border-color: var(--cst-color-navPrimary);
   }


   .navbar-start li.-line .navbar-dropdown {
      border-radius: 0;
      padding: 0;
   }

   .navbar-start li.-line .navbar-dropdown a.navbar-item {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
   }



   .-alpha { 
      position:absolute;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to right, rgba(var(--cst-alpha-rgb), 1) 0%, rgba(var(--cst-alpha-rgb), 0) 20%, rgba(var(--cst-alpha-rgb), 0) 80%, rgba(var(--cst-alpha-rgb), 1) 100%);
   }

   .navbar-start li.navbar-item {
      padding: 0;
      flex: 1;
      display: flex;
      align-items: stretch;
      white-space: nowrap;
   }

   .navbar-brand .navbar-item:hover{
      background-color: transparent;
   }

   /* 【头部和底部布局配置】 */


   /*导航默认水平排列，默认是紧凑靠左的*/

   .navbar .navbar-menu{   /* 默认 navbar-menu会占满剩余空间，改为紧凑*/
      flex-grow: 0;
   }

   #header.reverse .navbar-brand{   /* reverse 反转次序：order默认为0，改为1则达到反转作用，水平和竖直方向均有效 */
      order: 1;
   }

   /* 
   导航水平排列(默认)
   水平方向支持：靠左(默认) 靠右 中间 两端 */
   #header.-has-right .navbar {
      justify-content: flex-end;
   }
   #header.-has-center .navbar {
      justify-content: center;
   }
   #header.-has-between .navbar {
      justify-content: space-between;
   }


   .navbar .navbar-end {

   }





   /*导航竖直排列: -has-column */
   #header.-has-column .navbar {
      flex-direction: column;
      align-items: stretch;
   }
   #header.-has-column .navbar-brand {
      justify-content: center;
   }
   #header .navbar-start {
      flex: 10;
   }

   #header.-has-column .navbar-start .navbar-item {
      justify-content: center;
      padding-left: 0;
      padding-right: 0;
   }
   #header.-has-column .navbar-end {
      display: none;
   }
   .navbar-start .navbar-item {
      width: 100%;
      /* height: 100%; */
      display: flex;
      align-items: center;
   }


   /* 【预定义的card样式，方便调用】 */

   
   /* style1：6宫格，第2和第5个图文反向 */

   .content_list.style1 li .card .card-content {
      aspect-ratio: 4 / 3; /* 设置内容的宽高比(图片的宽高比在js中设置) */
      display: flex;
      flex-direction: column;
      justify-content: center;
   }
   .content_list.style1 li .card .card-content a {
      margin-left: auto;   /* 让a标签按钮靠右 */
   }
   .content_list.style1 li:nth-child(3n-1) .card .card-image {
      order: 2;
   }
   .content_list.style1 li:nth-child(3n-1) .card.reverse .card-image {  /* reverse下，order设置有所不同 */
      order: 1;
   }


   /* 添加悬停效果：h5标题处显示图标，兼容正常和反向reverse 两种排序*/
   .content_list.style1 li:hover .card .card-content h5{
      position: relative;
   }
   .content_list.style1 li:hover .card .card-content h5::after{
      font-family: var(--cst-fontIcon-family);
      font-weight: 100;
      content: "\f106";
      font-size: 3rem;
      position: absolute;
      right: 0;
      top: 0.5rem;
   }
   .content_list.style1 li:nth-child(3n-1):hover .card .card-content h5::after {
      content: "\f107";
   }

   .content_list.style1 li:hover .card.reverse .card-content h5::after{
      content: "\f107";
   }
   .content_list.style1 li:nth-child(3n-1):hover .card.reverse .card-content h5::after {
      content: "\f106";
   }


   /* 添加悬停效果：背景和透明度 */
   .content_list.style1 li:hover .card{
      background: var(--bulma-light);
   }
   .content_list.style1 li:hover .card .card-content{
      background: transparent;
   }
   .content_list.style1 li:hover .card .card-image{
      opacity: 1;
   }


   /* style2：6宫格(2行3列)，偶数行图文反向 */

   
   .content_list.style2 .card.ltr.noshadow .card-image:first-child, .content_list.style2 .card.ltr.noshadow .card-image:first-child + .card-content {
      margin: 0;  /* 以下只是为了兼容原来的设置，可忽略 */
   }

   .content_list.style2 .card {
      display: flex;
      justify-content: center;
      align-items: stretch;
      margin: 0;
      gap: 0;
   }
   .content_list.style2 .card.ltr .card-image{
      flex: 0 1 50%;

   }

   .content_list.style2 .card.ltr .card-image figure {
      margin: 0;  /* 以下只是为了兼容原来的设置，可忽略 */
   }
   .content_list.style2 .card .card-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-radius: 0;
      padding: 1rem;
      margin: 0;
   }
   .content_list.style2 li .card .card-content a {
      margin-left: auto;   /* 让a标签按钮靠右 */
   }

   /* 偶数行图文反向 */
   .content_list.style2 li:nth-child(4n+3) .card .card-image,
   .content_list.style2 li:nth-child(4n+4) .card .card-image {
      order: 2;
   }

   .content_list.style2 li:nth-child(4n+3) .card.reverse .card-image,
   .content_list.style2 li:nth-child(4n+4) .card.reverse .card-image {  /* reverse下，order设置有所不同 */
      order: 0;
   }


   /* style3：默认5宫格(上2下3，左上跨2列)，-count7：7宫格(左上大+右2小+下4小) */
   .content_list.style3 .square-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 1rem;
      width: 100%;
   }
   .content_list.style3.-count7 .square-grid {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
   }

   /* 所有方块的基础样式 */
   .content_list.style3 .grid-item {  

   }

   .content_list.style3 .grid-item.large {
     grid-column: 1 / span 2;
     grid-row: 1 / span 1;

     display: flex;
     justify-content: stretch;
   }

   .content_list.style3 .grid-item.large .card,
   .content_list.style4 .grid-item.large .card {
      position: relative;
   }   
   .content_list.style3 .grid-item.large .card .card-content,
   .content_list.style4 .grid-item.large .card .card-content { /* 将内容区域悬浮到图片上 */
      position: absolute;
      left: 0;
      bottom: 0;
      padding-left: 1rem;
      padding-right: 1rem;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 0;
      z-index: 1;
   }
   .content_list.style3 .grid-item.large .card .card-content *,
   .content_list.style4 .grid-item.large .card .card-content * {
      color: var(--bulma-light);
      background-color: transparent;
   }

   .content_list.style3 .grid-item.large .card .card-image,
   .content_list.style4 .grid-item.large .card .card-image {
      height: 100%;
   }

   .content_list.style3 .grid-item.large .card .-title,
   .content_list.style3 .grid-item.large .card h5,
   .content_list.style4 .grid-item.large .card .-title,
   .content_list.style4 .grid-item.large .card h5 {
      font-size: var(--cst-stitle-size);
   }



   /* 
   style4：7宫格(左边大1，右边6小) ，默认大1在左边
   -reverse：大1反转到右边
   -border：添加边框线
   */

   .content_list.style4 .square-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
      width: 100%;
      gap: 1rem;
   }
   .content_list.style4.-border .square-grid {
      gap: 0;
      --card-border-color: #ccc;
      border-right: solid 1px var(--card-border-color);
      border-bottom: solid 1px var(--card-border-color);
   }

   .content_list.style4.-border .grid-item .card {
      padding: 1.5rem;
      border-left: solid 1px var(--card-border-color);
      border-top: solid 1px var(--card-border-color);
   }

   .content_list.style4 .grid-item.large .card {
      padding: 0;
   }
   .content_list.style4 .grid-item.large {
     grid-column: 1 / span 1;
     grid-row: 1 / span 2;

     display: flex;
     justify-content: stretch;
   }
   .content_list.style4.-reverse .grid-item.large {
     grid-column: 4 / span 1;
     grid-row: 1 / span 2;
   }

   .content_list.style4 .grid-item.large .card .card-content {
      top: 0;
      bottom: auto;
   } 







   #layout_query._s2.-bg #com_content {
      padding: 15rem 6rem;
      width: 70%;
   }
   #layout_query._s2.-bg #rptResult::before {
      font-size: 2.5rem;
   }
}




/* 优化XMP标签的样式，更像代码块 */
xmp {
   background-color: #f8f8f8; /* 浅灰背景 */
   border: 1px solid #ccc;    /* 轻微边框 */
   border-radius: 4px;        /* 圆角 */
   padding: 15px;             /* 内边距 */
   font-family: Consolas, "微软雅黑", monospace; /* 等宽字体，适配中文 */
   font-size: 14px;           /* 字体大小 */
   line-height: 1.5;          /* 行高，提升可读性 */
   margin: 10px 0;            /* 上下外边距 */
   overflow-x: auto;          /* 长代码横向滚动，不换行 */
   white-space: pre-wrap;          /* 强制保留原始格式 */
   margin-bottom: 2rem;
}
.demoTitle {
   font-size: 2rem;
   background: red;
   color: white;
   margin-top: 3rem;
   margin-bottom: 1rem;
}