: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%;
   --bulma-primary-light: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + 15%));
   --bulma-primary-dark: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) - 15%));

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

   --bulma-primary-alpha: color-mix(in srgb, var(--bulma-primary) 10%, white);   /* 用transparent是半透明，用white是提亮 */



   --bulma-gray: #cccccc;

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


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

   /* 字体图标 */
   --cst-ico-titleArrow: "\f107";   /* 标题中用到的箭头 */
   --cst-ico-message: "\ea4d";   /* bulma message 组件右边图标 */

   --cst-ico-home: "\f015";
   --cst-ico-contact: "\f095";   /* #layout_contact 图标：address-card */
   --cst-ico-query: "\f030";   /* #layout_query 图标：file-check */
   --cst-ico-service: "\f0ae";
   --cst-ico-about: "\f007";

   
   --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: "\f101";
   --cst-ico-menuOpen: "\ef3b"   /* remixicon图标: ri-menu-fill*/;
   --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区域； remixicon图标：ri-play-fill*/
   --cst-ico-item: "\ea6e";   /* item图标：通用灵活用； remixicon图标：ri-arrow-right-s-line*/

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

   /* 联系方式项目图标 */
   --cst-ico-company: '\e1b0';
   --cst-ico-addr: '\f14e';
   --cst-ico-post: '\f0e0';
   --cst-ico-email: '\e170';
   --cst-ico-http: '\f78a';


   /* 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-title-weight: initial;

   /* --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-hot: red;   /* 给高亮的 */
   --cst-color-white-alpha: color-mix(in srgb, #ffffff 70%, transparent);
   --cst-color-white: var(--bulma-white);
   --cst-color-light: blue;
   --cst-color-gray1: #eeeeee;
   --cst-color-gray2: #cccccc;
   --cst-color-gray3: #999999;
   --cst-color-gray4: #5d5d5d;
   --cst-color-gray5: #3c3c3c;



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

   --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 */
   --aside-bgColor: var(--bulma-light);


   /* swiper切换模块左右切换按钮大小颜色图标设置 */

   --swiper-navigation-bg: transparent;
   --swiper-navigation-size: 5rem;
   --swiper-navigation-color: #fff;   
   --swiper-navigation-sides-offset: 0;


   --swiper-pagination-align: center;
   --swiper-pagination-color: #fff;  /* 分页颜色 */
   --swiper-pagination-top: initial;
   --swiper-pagination-bottom: 0.8rem; /* 默认就是这个 */

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

   --menu-paddingX: 2rem;
   --menu-paddingY: 2rem; /* 设置在navbar-menu上会影响trans-expand-bottom动画效果，所以设置到ul的margin-block上，效果一样 */
   --menu-percent-width: 30%;

   --logo-height: 2.5rem;
   --logo-margin: 0.5rem;

   --line-clamp: 5;  /* 超过5行显示省略号 */
}

/*
》 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;
}





/* 给头部指定位置添加底色：菜单、中间(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);
}
/* -has-navEnd-visible: 显示navbar-end */
#header:not(.-has-navEnd-visible) .navbar .navbar-end {
   display: none;
}

#header .navbar {
   background-color: transparent;
   position: initial;
}


body.not-scroll .navbar-menu {

}
.navbar-menu.-center a.navbar-item {
   --item-text-align: center;
   padding-inline: 0;
}

.navbar-menu {
   --bulma-navbar-background-color: var(--cst-body-bgcolor);
   --borderWidth: 1px;   /* 最小单位宽度，默认就是1px */
   --item-bgColor: initial;   /* var(--bulma-danger) */
   --item-bgcolor-hover: initial;
   --item-bgcolor-selected: var(--item-bgcolor-hover);
   --item-color: var(--bulma-danger);  /* var(--cst-color-white-alpha) */
   --item-color-hover: var(--bulma-primary); /* 也作为hover状态 */
   --item-color-selected: var(--item-color);
   --item-fontSize: 1rem;
   --item-paddingX: 0.5rem;
   --item-paddingY: 0.5rem;
   --item-border-width: 0;
   --item-borderColor: var(--item-color); 
   --item-radius: 0;
   --item-gap: 0rem;
   --item-text-indent: 0rem;
   --item-text-align: initial;
   --item-icon-width: 0rem;
}



.navbar-menu li.navbar-item {
   background-color: transparent;
   padding: 0;
   display: flex;
   align-items: stretch;
   gap: 0;
}
.navbar-dropdown li.navbar-item:not(.is-active, .is-selected) {   /* 覆写bulma设置，不能删除 */
   background-color: transparent;
}

.navbar-menu a.navbar-item {
   width: 100%;
   padding: var(--item-paddingY) var(--item-paddingX);
   padding-left: calc(var(--item-icon-width) + var(--item-paddingX));
   border: solid 0 var(--item-borderColor);

   border-width: var(--item-border-width);
   border-radius: var(--item-radius);   
   background-color: var(--item-bgColor);
   color: var(--item-color);

   font-size: var(--item-fontSize);
   position: relative;
   text-indent: var(--item-text-indent);
   text-align: var(--item-text-align);
   gap: 0;
}
.navbar-menu a.navbar-item:hover,
.navbar-menu li.selected > a.navbar-item {   
   color: var(--item-color-selected);
   border-color: var(--item-color-selected);
   background-color: var(--item-bgcolor-selected);
}






/* navbar-dropdown: 下拉/弹开菜单 */
.navbar-dropdown {
   --bulma-navbar-dropdown-radius: 0;

   --dropdown-item-indent: 0rem;
   --dropdown-bgcolor: initial;
   --dropdown-border-width: 0;
   --dropdown-border-color: var(--item-borderColor);

   background: var(--dropdown-bgcolor);
   padding: 0;
   padding-left: var(--dropdown-item-indent);
   border: solid 0 var(--dropdown-border-color);
   border-width: var(--dropdown-border-width);
   flex-direction: column;
}


/* 【以下不能删除，是为了覆盖bulma */
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
   display: flex;
}
/*
.navbar-dropdown .navbar-item:not(.is-active, .is-selected) {
   background-color: transparent;
}
*/
.navbar-dropdown a.navbar-item:not(.is-active, .is-selected) {
   color: var(--item-color);
   background-color: transparent;
}
.navbar-dropdown a.navbar-item:not(.is-active, .is-selected):hover {
   background-color: var(--item-bgcolor-hover);
   color: var(--item-color-hover);
}
/* 】 */



/* 
【显示个性化图标】
电脑端: 图标和文字上下排版 
手机端/电脑端二级目录: 图标和文字左右排版(依据媒体查询)
*/
.navbar-menu li.-iconCustom a.navbar-item {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: 1rem;
}
.navbar-menu li:not(.-iconCustom) a.navbar-item > div {
   display: none;
}


/* 设置阴影效果 */
.navbar-menu:not(.-boxShadow),
.navbar-dropdown:not(.-boxShadow) {
   box-shadow: none;
}


.navbar-menu li.-paddingR > a.navbar-item {
   padding-right: 3rem;
}
.navbar-menu li.-paddingX > a.navbar-item {
   --item-paddingX: 1rem;
}
.navbar-menu li.-paddingXBig > a.navbar-item {
   --item-paddingX: 2rem;
}
.navbar-menu li.-paddingXZero > a.navbar-item {
   --item-paddingX: 0rem;
}







/* 如果有icon和底色，左边padding多一点 */
.navbar-menu li.-icon > a.navbar-item {
   --item-icon-width: 0.8rem;
}

.navbar-menu li.-icon > a.navbar-item::before {
   font-size: var(--item-icon-width);
   content: var(--cst-ico-right);
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);

   display: flex;
   justify-content: flex-end;
   align-items: center;
   position: absolute;
   inset: 0 calc( 100% - var(--item-icon-width) - var(--item-paddingX) + 0.3rem) 0 0;
}

:is(.navbar-start,.navbar-dropdown):has(>li.-gap) { gap: 0.5rem; }
:is(.navbar-start,.navbar-dropdown):has(>li.-gapLine) { gap: 0.1rem; }
:is(.navbar-start,.navbar-dropdown):has(>li.-gapBig) { gap: 1rem; }
:is(.navbar-start,.navbar-dropdown):has(>li.-gapBiger) { gap: 1.5rem; }



/* 子菜单效果 */
.navbar-dropdown.-radius {
   --bulma-navbar-dropdown-radius: 0.5rem;
}
.navbar-dropdown.-radiusBig {
   --bulma-navbar-dropdown-radius: 1rem;
}
.navbar-dropdown.-border {
   --dropdown-border-width: calc(var(--borderWidth) * 2);
}
.navbar-dropdown.-borderT {
   --dropdown-border-width: calc(var(--borderWidth) * 2) 0 0 0;
}
.navbar-dropdown.-borderY {
   --dropdown-border-width: calc(var(--borderWidth) * 2) 0;
}
.navbar-dropdown.-borderB {
   --dropdown-border-width: 0 0 calc(var(--borderWidth) * 2) 0;
}




.navbar-dropdown.-indent {
   --dropdown-item-indent: 1.5rem;
}


/* 【 该内容由 createNavbarMenuCss() js插入 */

/* -sizeBig */
.navbar-menu li.-sizeBig > a.navbar-item {
--item-fontSize: 1.2rem;
}
    
/* -sizeSmall */
.navbar-menu li.-sizeSmall > a.navbar-item {
--item-fontSize: 0.85rem;
--item-paddingY: 0.3rem;
}
    
/* -border */
.navbar-menu li.-border > a.navbar-item {
--item-border-width: var(--borderWidth);
}
    
/* -line */
.navbar-menu li.-line > a.navbar-item {
--item-border-width: 0 0 var(--borderWidth) 0;
}
    
/* -radius */
.navbar-menu li.-radius > a.navbar-item {
--item-radius: 0.5rem;
}
    
/* -radiusRound */
.navbar-menu li.-radiusRound > a.navbar-item {
--item-radius: 999px;
}
    
/* -colorSltDanger */
.navbar-menu li.-colorSltDanger > a.navbar-item {
--item-color-selected: var(--bulma-danger) !important;
--item-borderColor: var(--bulma-danger) !important;
}
    
/* -colorSltPrimary */
.navbar-menu li.-colorSltPrimary > a.navbar-item {
--item-color-selected: var(--bulma-primary) !important;
--item-borderColor: var(--bulma-primary) !important;
}
    
/* -colorSltBlack */
.navbar-menu li.-colorSltBlack > a.navbar-item {
--item-color-selected: var(--bulma-black) !important;
--item-borderColor: var(--bulma-black) !important;
}
    
/* -colorSltDark */
.navbar-menu li.-colorSltDark > a.navbar-item {
--item-color-selected: var(--bulma-dark) !important;
--item-borderColor: var(--bulma-dark) !important;
}
    
/* -colorSltGray */
.navbar-menu li.-colorSltGray > a.navbar-item {
--item-color-selected: var(--bulma-gray) !important;
--item-borderColor: var(--bulma-gray) !important;
}
    
/* -colorSltLight */
.navbar-menu li.-colorSltLight > a.navbar-item {
--item-color-selected: var(--bulma-light) !important;
--item-borderColor: var(--bulma-light) !important;
}
    
/* -colorSltWhite */
.navbar-menu li.-colorSltWhite > a.navbar-item {
--item-color-selected: var(--bulma-white) !important;
--item-borderColor: var(--bulma-white) !important;
}
    
/* -colorBrightenDanger */
.navbar-menu li.-colorBrightenDanger > a.navbar-item {
--item-color: var(--bulma-danger);
--item-color-hover: var(--bulma-danger-light);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorBrightenPrimary */
.navbar-menu li.-colorBrightenPrimary > a.navbar-item {
--item-color: var(--bulma-primary);
--item-color-hover: var(--bulma-primary-light);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorBrightenBlack */
.navbar-menu li.-colorBrightenBlack > a.navbar-item {
--item-color: var(--bulma-black);
--item-color-hover: var(--bulma-dark);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorBrightenDark */
.navbar-menu li.-colorBrightenDark > a.navbar-item {
--item-color: var(--bulma-dark);
--item-color-hover: var(--cst-color-gray3);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorBrightenGray */
.navbar-menu li.-colorBrightenGray > a.navbar-item {
--item-color: var(--bulma-gray);
--item-color-hover: var(--cst-color-gray1);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorBrightenLight */
.navbar-menu li.-colorBrightenLight > a.navbar-item {
--item-color: var(--bulma-light);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorBrightenWhite */
.navbar-menu li.-colorBrightenWhite > a.navbar-item {
--item-color: var(--bulma-white);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenDanger */
.navbar-menu li.-colorDarkenDanger > a.navbar-item {
--item-color: var(--bulma-danger);
--item-color-hover: var(--bulma-danger-dark);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenPrimary */
.navbar-menu li.-colorDarkenPrimary > a.navbar-item {
--item-color: var(--bulma-primary);
--item-color-hover: var(--bulma-primary-dark);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenBlack */
.navbar-menu li.-colorDarkenBlack > a.navbar-item {
--item-color: var(--bulma-black);
--item-color-hover: var(--bulma-black);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenDark */
.navbar-menu li.-colorDarkenDark > a.navbar-item {
--item-color: var(--bulma-dark);
--item-color-hover: var(--bulma-black);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenGray */
.navbar-menu li.-colorDarkenGray > a.navbar-item {
--item-color: var(--bulma-gray);
--item-color-hover: var(--cst-color-gray3);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenLight */
.navbar-menu li.-colorDarkenLight > a.navbar-item {
--item-color: var(--bulma-light);
--item-color-hover: var(--cst-color-gray1);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -colorDarkenWhite */
.navbar-menu li.-colorDarkenWhite > a.navbar-item {
--item-color: var(--bulma-white);
--item-color-hover: var(--bulma-light);
--item-color-selected: var(--item-color);
--item-borderColor: var(--item-color);
}
    
/* -bgAlphaDanger */
.navbar-menu li.-bgAlphaDanger > a.navbar-item {
--item-bgcolor-hover: var(--bulma-danger);
--item-bgcolor-selected: var(--bulma-danger);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgAlphaPrimary */
.navbar-menu li.-bgAlphaPrimary > a.navbar-item {
--item-bgcolor-hover: var(--bulma-primary);
--item-bgcolor-selected: var(--bulma-primary);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgAlphaBlack */
.navbar-menu li.-bgAlphaBlack > a.navbar-item {
--item-bgcolor-hover: var(--bulma-black);
--item-bgcolor-selected: var(--bulma-black);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgAlphaDark */
.navbar-menu li.-bgAlphaDark > a.navbar-item {
--item-bgcolor-hover: var(--bulma-dark);
--item-bgcolor-selected: var(--bulma-dark);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgAlphaGray */
.navbar-menu li.-bgAlphaGray > a.navbar-item {
--item-bgcolor-hover: var(--bulma-gray);
--item-bgcolor-selected: var(--bulma-gray);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgAlphaLight */
.navbar-menu li.-bgAlphaLight > a.navbar-item {
--item-bgcolor-hover: var(--bulma-light);
--item-bgcolor-selected: var(--bulma-light);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgAlphaWhite */
.navbar-menu li.-bgAlphaWhite > a.navbar-item {
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgBrightenDanger */
.navbar-menu li.-bgBrightenDanger > a.navbar-item {
--item-bgColor: var(--bulma-danger);
--item-bgcolor-hover: var(--bulma-danger-light);
--item-bgcolor-selected: var(--bulma-danger-light);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgBrightenPrimary */
.navbar-menu li.-bgBrightenPrimary > a.navbar-item {
--item-bgColor: var(--bulma-primary);
--item-bgcolor-hover: var(--bulma-primary-light);
--item-bgcolor-selected: var(--bulma-primary-light);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgBrightenBlack */
.navbar-menu li.-bgBrightenBlack > a.navbar-item {
--item-bgColor: var(--bulma-black);
--item-bgcolor-hover: var(--bulma-dark);
--item-bgcolor-selected: var(--bulma-dark);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgBrightenDark */
.navbar-menu li.-bgBrightenDark > a.navbar-item {
--item-bgColor: var(--bulma-dark);
--item-bgcolor-hover: var(--cst-color-gray3);
--item-bgcolor-selected: var(--cst-color-gray3);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgBrightenGray */
.navbar-menu li.-bgBrightenGray > a.navbar-item {
--item-bgColor: var(--bulma-gray);
--item-bgcolor-hover: var(--cst-color-gray1);
--item-bgcolor-selected: var(--cst-color-gray1);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgBrightenLight */
.navbar-menu li.-bgBrightenLight > a.navbar-item {
--item-bgColor: var(--bulma-light);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgBrightenWhite */
.navbar-menu li.-bgBrightenWhite > a.navbar-item {
--item-bgColor: var(--bulma-white);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgDarkenDanger */
.navbar-menu li.-bgDarkenDanger > a.navbar-item {
--item-bgColor: var(--bulma-danger);
--item-bgcolor-hover: var(--bulma-danger-dark);
--item-bgcolor-selected: var(--bulma-danger-dark);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgDarkenPrimary */
.navbar-menu li.-bgDarkenPrimary > a.navbar-item {
--item-bgColor: var(--bulma-primary);
--item-bgcolor-hover: var(--bulma-primary-dark);
--item-bgcolor-selected: var(--bulma-primary-dark);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgDarkenBlack */
.navbar-menu li.-bgDarkenBlack > a.navbar-item {
--item-bgColor: var(--bulma-black);
--item-bgcolor-hover: var(--bulma-black);
--item-bgcolor-selected: var(--bulma-black);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgDarkenDark */
.navbar-menu li.-bgDarkenDark > a.navbar-item {
--item-bgColor: var(--bulma-dark);
--item-bgcolor-hover: var(--bulma-black);
--item-bgcolor-selected: var(--bulma-black);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgDarkenGray */
.navbar-menu li.-bgDarkenGray > a.navbar-item {
--item-bgColor: var(--bulma-gray);
--item-bgcolor-hover: var(--cst-color-gray3);
--item-bgcolor-selected: var(--cst-color-gray3);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    
/* -bgDarkenLight */
.navbar-menu li.-bgDarkenLight > a.navbar-item {
--item-bgColor: var(--bulma-light);
--item-bgcolor-hover: var(--cst-color-gray1);
--item-bgcolor-selected: var(--cst-color-gray1);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgDarkenWhite */
.navbar-menu li.-bgDarkenWhite > a.navbar-item {
--item-bgColor: var(--bulma-white);
--item-bgcolor-hover: var(--bulma-light);
--item-bgcolor-selected: var(--bulma-light);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgReverseDanger */
.navbar-menu li.-bgReverseDanger > a.navbar-item {
--item-bgColor: var(--bulma-danger);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-danger);
--item-color-selected: var(--bulma-danger);
}
    
/* -bgReversePrimary */
.navbar-menu li.-bgReversePrimary > a.navbar-item {
--item-bgColor: var(--bulma-primary);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-primary);
--item-color-selected: var(--bulma-primary);
}
    
/* -bgReverseBlack */
.navbar-menu li.-bgReverseBlack > a.navbar-item {
--item-bgColor: var(--bulma-black);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-black);
--item-color-selected: var(--bulma-black);
}
    
/* -bgReverseDark */
.navbar-menu li.-bgReverseDark > a.navbar-item {
--item-bgColor: var(--bulma-dark);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-dark);
--item-color-selected: var(--bulma-dark);
}
    
/* -bgReverseGray */
.navbar-menu li.-bgReverseGray > a.navbar-item {
--item-bgColor: var(--bulma-gray);
--item-bgcolor-hover: var(--bulma-white);
--item-bgcolor-selected: var(--bulma-white);
--item-color-hover: var(--bulma-gray);
--item-color-selected: var(--bulma-gray);
}
    
/* -bgReverseLight */
.navbar-menu li.-bgReverseLight > a.navbar-item {
--item-bgColor: var(--bulma-light);
--item-bgcolor-hover: var(--bulma-danger);
--item-bgcolor-selected: var(--bulma-danger);
--item-color-hover: var(--bulma-light);
--item-color-selected: var(--bulma-light);
}
    
/* -bgReverseWhite */
.navbar-menu li.-bgReverseWhite > a.navbar-item {
--item-bgColor: var(--bulma-white);
--item-bgcolor-hover: var(--bulma-danger);
--item-bgcolor-selected: var(--bulma-danger);
--item-color-hover: var(--bulma-white);
--item-color-selected: var(--bulma-white);
}
    


/* 】 */



/* 常见图标定义 */

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

[class*=" -ico-"],
[class^="-ico-"] {
   --cst-fontIcon-family: "Font Awesome 6 Pro";
}

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

/* 通过 $('.-ico-query').addClass('-svg') 来添加svg图片 */
.-svg[class*=" -ico-"] i::before,
.-svg[class^="-ico-"] i::before {
   content: '';
   display: inline-block;
   width: 1em;
   aspect-ratio: 36 / 36;
   background: var(--cst-ico-query) center / contain no-repeat;
   vertical-align: middle;
}


.-ico-message { --ico: var(--cst-ico-message); --cst-fontIcon-family: 'remixicon'; }
.-ico-home { --ico: var(--cst-ico-home); }
.-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); --cst-fontIcon-family: 'remixicon'; }
.-ico-menuClose { --ico: var(--cst-ico-menuClose); }
.-ico-query { --ico: var(--cst-ico-query); }
.-ico-contact { --ico: var(--cst-ico-contact); }
.-ico-about { --ico: var(--cst-ico-about); }
.-ico-service { --ico: var(--cst-ico-service); }


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


#rptResult {
   --result-txt-size: initial;
   --result-txt-align: initial;
}
#rptResult #rptResult_content > div:first-child,
#rptResult #query_init {
   font-size: var(--result-txt-size);
   text-align: var(--result-txt-align);
}
#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: "正在查询";
}




.content .-fmtNot ul,
.content .-fmtNot ul:not(:first-child),
.content .-fmtNot ul ul,
.content ul.-fmtNot,
.content ul.-fmtNot:not(:first-child),
.content ul.-fmtNot ul {
   list-style: none;
   margin: initial;
}

.content .-fmtNot ul li + li,
.content ul.-fmtNot li + li {
   margin: initial;
}



/* 拓展按钮属性 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);
   font-style: italic;
}

.has-dot::before, .has-dot::after {
   --cst-fontIcon-weight: 600;
   content: var(--cst-ico-quoteBefore); 
   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-gray2);
   position: absolute;
}
.has-dot::after{
   content: var(--cst-ico-quoteAfter);
   text-align: right;
}



ol.has-dot.-aside {
   position: relative;
   display: inline-block;
   margin-inline-start: 0;
}
ol.has-dot.-aside li {
   margin-inline-start: 1.5rem;
}

/* 左边和右边添加符号 */
.has-dot.-aside {
   padding: 0 calc( 1.2 * var(--cst-dot-size) ) !important;
}
.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-gray2);
   border-bottom: 1px solid var(--cst-color-gray2); 
}




.swiper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;   
   /* overflow-y: initial; */
}

/* 覆写swiper-bundle.css，为了设置text-align属性 */
.swiper-pagination {
  text-align: var(--swiper-pagination-align);
}


/* swiper播放组件的左右按钮 */
.swiper [class*="swiper-button-"] {
   --cst-fontIcon-weight: 100;
}
.swiper [class*="swiper-button-"]::after {
   --ico: var(--cst-ico-buttonPrev);
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);
   background-color: var(--swiper-navigation-bg);
   content: var(--ico);   
}
.swiper .swiper-button-next::after {
   --ico: var(--cst-ico-buttonNext);
}

/* 添加悬停动画效果，只要加上 .has-hover 就可以 */
.swiper.has-hover [class*="swiper-button-"]::after {
   transition: margin 0.5s ease;
}
.swiper.has-hover:hover .swiper-button-prev::after {
   margin-left: calc(3 * var(--swiper-navigation-size));
   right: auto;
}
.swiper.has-hover:hover .swiper-button-next::after {
   margin-right: calc(3 * var(--swiper-navigation-size));
   left: auto;
}



.swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
}
.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;
}

._line {
   width: 2rem;
   height: 1rem;
   border-bottom: solid var(--card-line-height) var(--bulma-danger);
   margin-top: 0 !important;
}



/* 当启用swiper缩略图时，以下swiper_thumbs才生效 */
.swiper_thumbs {
    box-sizing: border-box;
    padding: 0;
}
.swiper_thumbs > ul.swiper-wrapper {
    display: flex;
    justify-content: space-between;
    /* column-gap: 1rem; */
}
.swiper_thumbs .swiper-slide {
   flex: 1;
   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 [class*="swiper-aside-"] {
   --ico: var(--cst-ico-asidePrev);
   display: flex;
   align-items: center;
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weight);
   font-size: 2rem;
}
.wrap_swiperHTML .swiper-aside-next {
   --ico: var(--cst-ico-asideNext);
}

.wrap_swiperHTML [class*="swiper-aside-"] a::before{
   content: var(--ico);
   color: var(--bulma-primary);
}



/* 背景黑色半透明，文字浅白色 */
.bgBlackAlpha {
   background-color: rgba(0, 0, 0, .7);
   color: white;
   color: #eaeaea;
}
/* 背景黑色半透明，文字浅白色 */
.bgWhiteAlpha {
   background-color: rgba(255, 255, 255, .7);
   color: white;
   color: #333333;
}

.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 {
   display: flex;
   justify-content: center;
   align-items: center;
   /* aspect-ratio: 1 / 1; */
}





/* 如果是html内容 */
.swiper-slide-active .swiper-content{
   visibility: visible;
}
.swiper-content{
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   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;
}

/* 
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-gray1);
   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%;
}




/* 文字banner：图标+标题+文字 */


#banner .iconBanner {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   column-gap: 0.8rem;
   color: var(--cst-color-gray4);
   padding: 0 1rem;
}
#banner .iconBanner i {
   font-size: 3rem;
   color: var(--cst-color-gray2);
   font-weight: 900;
}
#banner .iconBanner h1 {
   font-size: 2rem;
   font-family: var(--cst-font-en);
   font-style: italic;
   font-weight: bold;
}





.truncated-text {
   display: -webkit-box;
   -webkit-line-clamp: var(--line-clamp);
   -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;
}

#header.-has-navi-fixed {
   background-color: var(--cst-body-bgcolor);
}



/* .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 {
   --card-title-size: initial;
   --card-content-size: var(--bulma-body-font-size);
   --card-content-align: initial;
   --card-content-justify: center;
   --card-button-marginL: auto;
   --card-button-marginR: initial;

   display: flex; /* 默认为flex上下排版 */
   flex-direction: column;

   width: 100%;
   font-size: var(--card-fontSize);
   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;
   font-size: var(--card-title-size);
}





.card .card-content {
   width: 100%;
   color: var(--card-content-color);
   font-size: var(--card-content-size);
   background-color: var(--card-content-bgcolor);
   padding: var(--card-content-padding);
   overflow: hidden; /* 为了修正里面.button is-pulled-right 浮动造成的高度丢失 */

   display: flex;
   flex-direction: column;
   justify-content: var(--card-content-justify);
   align-items: var(--card-content-align);
}
.card .card-content .card-content-inner {
   display: flex;
   flex-direction: column;
   justify-content: var(--card-content-justify);
   align-items: var(--card-content-align);
}

.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 .button {
   margin-left: var(--card-button-marginL);
   margin-right: var(--card-button-marginR);
}
.card .card-content time{
   float: right;
   font-style: italic;
}

.card .card-content.bgColor {
   background: red;
}



/* 
需要给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);
   --cst-fontIcon-family: 'remixicon';
}
.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;
}




















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

/* 给 #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_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-paddingY: 0.2rem;
   --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 li a {
   display: flex;
   column-gap: 0.5rem;
}
#foot_navi.expand ul ul {
   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);
   padding: var(--foot-item-paddingY) 0;
}
#foot_navi.expand > ul ul li a > div { /* 不显示二级类别项目个性图标 */
   display: none;
}
#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;
   background-color: var(--aside-bgColor);

   -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);
   display: flex;
   column-gap: 0.5rem;
}



/* 】 */


/* 侧边 默认风格 */
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);
   --cst-fontIcon-family: 'remixicon';
}
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;
}
#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);
}
#layout_contact #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);
   color: var(--com-content-color);
}

#com_content ul li::marker {
   content: var(--ico);
   font-family: var(--cst-fontIcon-family);
   font-weight: var(--cst-fontIcon-weightCom);
   font-style: normal;
   color:var(--com-content-color) !important;   
}

/* 
-has-icon-custom:  项目icon定制化
-has-title-hidden: 不显示项目title 
-has-eng-hidden:  不显示英文项目
*/

#com_content.-has-icon-custom ul li.company::marker {
   --ico: var(--cst-ico-company);
}
#com_content.-has-icon-custom ul li.addr::marker {
   --ico: var(--cst-ico-addr);
}
#com_content.-has-icon-custom ul li[class$="_en"]::marker {
   --ico: none;
}

#com_content.-has-icon-custom ul li.post::marker {
   --ico: var(--cst-ico-post);
}
#com_content.-has-icon-custom ul li.email::marker {
   --ico: var(--cst-ico-email);
}
#com_content.-has-icon-custom ul li.http::marker {
   --ico: var(--cst-ico-http);
}


#com_content:not(.-has-title-hidden) ul li.addr::before {
   content: '地址: ';
}
#com_content:not(.-has-title-hidden) ul li.addr_en::before {
   content: 'Addr.: ';
}
#com_content:not(.-has-title-hidden) ul li.post::before {
   content: 'Postal Code: ';
}
#com_content:not(.-has-title-hidden) ul li.email::before {
   content: 'Email: ';
}
#com_content.-has-eng-hidden ul li[class$="_en"] {
   display: none;
}
#com_content.-has-eng-light ul li[class$="_en"] {
   color: var(--cst-color-gray3);
}







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 {
   object-fit: contain;
   height: auto;
   min-height: var(--logo-height);
   margin: var(--logo-margin);
}






/*
【.-title 标题效果】

-bgColor/-bgReverse/-bgGradient: 添加浅底色/深底色/渐变色
-icoLeft/-icoRight：添加左边/右边图标
   组合 -icoFar：图标和文字各一边
-line：下划线
-border：边框
-lineSide：添加左右线条
   组合 -lSide/-rSide：只添加左/右线条
-iconTri：添加下三角(js添加 <i class="_icon"></i> 后才可使用)
*/
.-title {
   margin-bottom: 1.5rem;
   --cst-border-color: var(--cst-title-color);
   --cst-border-width: 2px;
   --cst-border-style: solid;
}
.-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);
   font-weight: var(--cst-title-weight); 
}
/* 需要文字加强排版才开启显示 */
.-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: var(--cst-border-style) var(--cst-border-width) var(--cst-border-color);
   padding-left: 0;
   padding-right: 0;
}
.-title.-border {
   border: var(--cst-border-style) var(--cst-border-width) var(--cst-border-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-color: var(--cst-border-color);
   border-width: 0;
   border-top-width: var(--cst-border-width);
   border-style: var(--cst-border-style);
}




/* 
【标题图标装饰】 三角(支持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;
  --bulma-shape-radius: 0;
  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);
  border-radius: var(--bulma-shape-radius) !important;
}
.-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%
  );
}


/* 【内容形状】正六边形 上下为水平边 */
.-shapeHexFlat {
  width: 70%;
  aspect-ratio: 10 / 8.66;
}
.-shapeHexFlat figure {
  clip-path: polygon(
    25% 0%,   75% 0%,
    100% 50%, 75% 100%,
    25% 100%, 0% 50%
  );
}



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


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


.-shapeRhombus {
   width: 70%;
   --bulma-shape-radius: 0;
}
.-shapeRhombus figure {
   transform: rotate(-45deg) scale(0.7);  /* 正方形旋转45度后尺寸是根号2，也就是1.42，所以要缩小1/1.42=0.7 */
   -webkit-transform: rotate(-45deg) scale(0.7);
}
.-shapeRhombus figure img {
   --scale-radio-img: 1.3;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg) scale(var(--scale-radio-img));
}

.-shapeTriUp {
  aspect-ratio: 1 / 0.866;
}
.-shapeTriUp figure {
  clip-path: polygon(
    50% 0%,    /* 顶部中点 */
    0% 100%,   /* 左下角 */
    100% 100%  /* 右下角 */
  );
}

.-shapeTriDown {
  aspect-ratio: 1 / 0.866; /* 正三角标准宽高比：1 : √3/2 ≈ 1 : 0.866 */
}
.-shapeTriDown figure {
  clip-path: polygon(
    50% 100%,  /* 底部中点 */
    0% 0%,     /* 左上 */
    100% 0%    /* 右上 */
  );
}

/* 【内容形状】正五边形（底部水平） */
.-shapePentagon {
  aspect-ratio: 10 / 10;
}
.-shapePentagon figure {
  clip-path: polygon(
    50% 0%,
    100% 38.197%,
    80.902% 100%,
    19.098% 100%,
    0% 38.197%
  );
}









/* 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-gray2);
}
.-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-gray3);
}
.-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-gray2);
   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-gray2);
}
.-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-x: clip;
}


.-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-gray1);
   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.has-queryTitle-hidden .-title {
   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-header {
   display: none;
}
#layout_query._s2 .message-body {
   background-color: transparent;
   padding: 0;
}
*/

/* 覆盖bulma中默认设置 */
.message {
  /* font-size: var(--bulma-size-normal); */
  font-size: var(--bulma-body-font-size);
}

#layout_query .message-header {
   color: white;
}
.message.has-header-hidden .message-header {
   display: none;
}
.message.has-body-transparent .message-body {
   background-color: transparent;
   padding-inline: 0;
}
.message.has-header-hidden.has-body-transparent .message-body {
   padding: 0;
}
#layout_query.has-queryExist-hidden #query_exist {
   display: none;
}


/* 删除 button 里面的 图标 */
.button.has-icon-hidden .icon {
   display: none;
}



/* 带背景图片 */
#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 {
   --padding-block: 0.5rem;
   --padding-inline: 0.2rem;

   --border-radius: 0;   
   --border-color: var(--bulma-primary);
   --border-width: 0;   /* 非复合属性, 以下3个是复合属性 */

   --table-border-width: 0;
   --trow-border-width: 0;
   --tdata-border-width: 0;

   --trow-padding-block: 0;
   --trow-padding-inline: 0;

   --table-gap-block: 0;
   --table-gap-inline: 0;

   --color-back: initial;
   --color-front: initial;

   border: solid 0 var(--border-color);
   border-width: var(--table-border-width);
   margin-top: 1rem;
}

.divTable.-sizeSmall {
   font-size: 0.9em;
}

.divTable ._trow {
   display: flex;
   padding-block: var(--trow-padding-block);
   padding-inline: var(--trow-padding-inline);
   gap: var(--table-gap-inline);
   margin-block: var(--table-gap-block);
   align-items: stretch;

   border-radius: var(--border-radius);
   overflow: hidden;
   border: solid 0 var(--border-color);
   border-width: var(--trow-border-width);

   background-color: var(--color-back);
   color: var(--color-front);
}
.divTable ._trow > * {
   padding-block: var(--padding-block);
   padding-inline: var(--padding-inline);
   border: solid 0 var(--border-color);
   border-width: var(--tdata-border-width);
}
.divTable ._thead {
   flex: 3.5;
   font-weight: bold;
   text-align: right;
}
.divTable ._thead::after {
   content: '：';
}
.divTable ._tdata {
   flex: 8.5;
}

/* 
-border: 作用于tdata
-rowBorder: 作用于trow
 */

.divTable.-rowBorder ._trow {
   --trow-border-width: 0.1rem;
}
.divTable.-rowGapSmall ._trow {
   --table-gap-block: 0.1rem;
}
.divTable.-rowGapMedium ._trow {
   --table-gap-block: 0.5rem;
}
.divTable.-rowGapBig ._trow {
   --table-gap-block: 1rem;
}
.divTable.-rowGapLarge ._trow {
   --table-gap-block: 1.5rem;
}
.divTable.-bgInter ._trow:nth-child(2n+1) {
   --color-back: var(--bulma-primary-alpha);
   --color-front: initial;
}
.divTable.-bgColor {
   --color-back: var(--bulma-primary-alpha);
}
.divTable.-bgReverse {
   --color-back: var(--bulma-primary);
   --color-front: white;
}
.divTable.-frame {
   --table-border-width: 0.1rem !important;
}
.divTable.-frame-heavy {
   --table-border-width: 0.2rem !important;
}
.divTable.-frameBlock {
   --table-border-width: 0.1rem 0 !important;
}
.divTable.-frameBlock-heavy {
   --table-border-width: 0.2rem 0 !important;
}
.divTable[class*="-frame"]:is(.-rowLine) ._trow:last-child {
   border-bottom-width: 0;
}

.divTable.-rowLine {
   --border-width: 0.1rem;
   --trow-border-width: 0 0 var(--border-width) 0;
}
.divTable.-split {
   --padding-inline: 0.5rem;
}
.divTable.-split ._thead {
   border-right: solid var(--border-width) var(--border-color);
}
.divTable.-radius {
   --border-radius: 999px;
}

.divTable.-theadBg {
   --padding-inline: 0.5rem;
}
.divTable.-theadBg ._thead {
   --color-back: var(--bulma-primary);
   --color-front: white;
   font-weight: normal;
   background-color: var(--color-back);
   color: var(--color-front);
   display: flex;
   justify-content: flex-end;
   align-items: center;
}


/* -s0(默认): 效果作用于_trow */
.divTable.-s0.-rowLine {
   --padding-block: 0.8rem;
}
.divTable.-s0:is(.-bgInter,.-bgColor,.-bgReverse) {
   --padding-block: 0.5rem;
}

/* -s1: 内部上下排版 */
.divTable.-s1 {
   --padding-block: 0;
   --padding-inline: 0;
   --trow-padding-block: 0.8rem;
   --trow-padding-inline: 0;
}
.divTable.-s1.-rowLine {
   --padding-block: 0;
}
.divTable.-s1 ._trow {
   display: block;
}
.divTable.-s1 ._trow > * {
   text-align: center;
}
.divTable.-s1 ._thead::after {
   content: none;
}

/* -s3: 单元格间有gap，效果作用于_thead和_tdata */
.divTable.-s2 {
   --padding-inline: 0.5rem;
   --table-gap-block: 0.5rem;
   --table-gap-inline: 0.5rem;
   --border-radius: 0.5rem;
   --border-width: 0 !important;
   border-width: 0;
}
.divTable.-s2 ._trow {
   border-radius: initial;
   background-color: initial;
   border-width: 0;
}
.divTable.-s2 ._trow > * {
   border-radius: var(--border-radius);
   background-color: var(--color-back);   
}
.divTable.-s2.-border {
   --tdata-border-width: 0.1rem !important;
}











/* 当元素为空时隐藏 */
#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-gray1);
}
.-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;
}



/* 
-is-simple: simple模式，文字只有大小标题，没有详细文字;
-is-full: 如果是独占一行，奇数个反向 
*/
.content_list.-is-simple .card {
   --card-title-size: 1.6em;
   --card-content-size: 1em;
   --card-content-justify: center;
   --card-content-align: center;
   --card-line-height: 2px;   /* 按钮位置替换为线条时的线条宽度 */
   gap: 0;
}
.content_list.-is-simple .card .truncated-text {
   --line-clamp: 1;
   text-overflow: ellipsis;
   max-width: calc(20ch);  /* 10个中文 */
}



.content_list.style2.-is-simple.-is-full li:nth-child(2n+1) .card .card-image {
   order: 2;
}
.content_list.style2.-is-simple .card.ltr .card-image{
   flex: 0 1 50%;
}

.content_list.style2.-is-simple.box {
   padding: 0.8rem;
   border-radius: 0;
}





.content_list.style6.-is-rhombus {
  overflow: hidden;
  box-sizing: border-box;
  --card-gap: 0;
}
.content_list.style6.-is-rhombus .card.noshadow {
   background-color: var(--bulma-card-background-color);
}
.content_list.style6 .card.ltr .card-image{
   --card-gap: 0;
   flex: 0 1 50%;
}
.content_list.style6 .card .card-content {
   padding: 1rem;
}
.content_list.style6.-is-rhombus .card .card-content {
   padding: 0;
}


ul.square-grid {
   margin-inline-start: initial;
}
.content_list.style6 .square-grid {
   --card-gap: 0rem;
   gap: var(--card-gap);
   display: grid;
   width: 100%;
}
.content_list.style6._count3 .square-grid {
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(3, 1fr);
}
.content_list.style6._count2 .square-grid {
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(2, 1fr);
}

.content_list.style6 .grid-item:nth-child(1) { 
   grid-column: 1 / span 2;
}
.content_list.style6 .grid-item:nth-child(2) { 
   grid-column: 2 / span 2;
}
.content_list.style6 .grid-item:nth-child(3) { 
   grid-column: 3 / span 2;
}
.content_list.style6 li:nth-child(2n+1) .card.inter .card-image {   
   order: 2;
}
.content_list.style6 li:nth-child(2n+1) .card.reverse.inter .card-image {   
   order: 1;
}





.content_list.style6.-is-rhombus._count3 .card .card-content {
   --card-title-size: 1.2rem;
   --card-content-size: 0.8rem;   
}

.content_list.style6.-is-rhombus > ul {   /* 默认是 ._count3 */
   --scale-radio-ul: 0.8;
   --scale-radio-img: 1.45;
   transform: rotate(-45deg) scale(var(--scale-radio-ul));
   -webkit-transform: rotate(-45deg) scale(var(--scale-radio-ul));
}
.content_list.style6.-is-rhombus._count2 > ul {
   --scale-radio-ul: 0.85;
}
.content_list.style6.-is-rhombus > ul .card-image img {
   transform-origin: center;
   transform: rotate(45deg) scale(var(--scale-radio-img));
   -webkit-transform: rotate(45deg) scale(var(--scale-radio-img));
}
.content_list.style6.-is-rhombus > ul .card-content-inner {
   transform: rotate(45deg) scale(calc(1 / var(--scale-radio-ul)));
   -webkit-transform: rotate(45deg) scale(calc(1 / var(--scale-radio-ul)));
}





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

.content_list.-bgColor li .card {
   --card-content-bgcolor: var(--bulma-light);
}
.content_list.-bgReverse li .card {
   --card-title-color: var(--bulma-white);
   --card-content-color: var(--bulma-light);
   --card-content-bgcolor: var(--bulma-primary);
}

.content_list.-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.-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 .card {
   --card-content-bgcolor: transparent;
   --card-button-marginL: initial;
   --card-button-marginR: initial;
   --card-content-align: center;
   --card-padding: 2.5rem 2rem;
   background: var(--card-content-bgcolor);
}

.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 li .card .card-content {
   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);
}




/* #footer/#aside.has-item-iconCustom: 显示头部定制图标 */
#footer ul ul > li > a > div,
#aside ul ul > li > a > div,
#footer:not(.has-item-iconCustom) ul > li > a > div,   
#aside:not(.has-item-iconCustom) ul > li > a > div {
   display: none;
}




.contact-us form input:-moz-placeholder, .contact-us form textarea:-moz-placeholder { color: #ccc; }
.contact-us form input:-ms-input-placeholder, .contact-us form textarea:-ms-input-placeholder { color: #ccc; }
.contact-us form input::-webkit-input-placeholder, .contact-us form textarea::-webkit-input-placeholder { color: #ccc; }







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

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

@media screen and (max-width: 1023px) {
   .not-scroll {
      overflow: hidden;
   }
   #banner .iconBanner p {
      flex: initial;
      width: 100%;
   }
   #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);
   }


   /* -has-menu-percent: 导航菜单百分比侧展开 */

   #header.-has-menu-percent .navbar-menu {
      --menu-margin: 0 0 0 var(--menu-percent-width);
   }

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

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


   .navbar-start {
      display: flex;
      flex-direction: column;
   }
   .navbar-menu li.navbar-item {
      flex-direction: column;
   }



   .navbar-dropdown {
      display: flex;
   }

   .navbar-menu li.-iconCustom a.navbar-item {
      flex-direction: row;
      justify-content: flex-start;
   }

   .navbar-menu li.-iconCustom a.navbar-item > div {
      width: 1em;
      flex-shrink: 0;
   }



   li.has-dropdown a.navbar-item .-ico-display {
      display: none;
   }
   .navbar-menu.has-dropdown-ctrl li.has-dropdown .-ico-display {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      inset: 0 0 0 calc(100% - 2rem);
      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 */      
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      padding: 0 var(--menu-paddingX);
      margin: var(--menu-margin);
      z-index: 998;

      --dropdown-bgcolor: transparent;
      --menu-margin: 0 0 0 0;
      --menu-transition: 0.4s ease;
   }
   .navbar-menu > ul {
      margin-block: var(--menu-paddingY);
   }

   /* has-display-normal: 普通模式，用占位方式显示或关闭 */
   .navbar-menu.has-display-normal {
      position: static;
   }
   .navbar-menu.is-active {
      display: block;
   }

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



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




   .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;
      visibility: hidden;  /* 因为navbar-menu 设置了padding, max-height:0 无法实现高度为0, 加上hidden实现兼容 */
      max-height: 0;
      transition: var(--menu-transition);
   }

   .trans-expand-bottom.is-active {
      visibility: visible;
      max-height: 200rem;
   }
   .navbar-menu:not(.has-dropdown-ctrl) .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;
   }

   /* 覆盖bulma中touch模式下--bulma-column-gap: 1.5rem的设置 */
   .columns[class~="is-1"],
   .columns[class~="is-2"],
   .columns[class~="is-3"],
   .columns[class~="is-4"],
   .columns[class~="is-5"],
   .columns[class~="is-6"],
   .columns[class~="is-7"],
   .columns[class~="is-8"],
   .columns[class~="is-9"],
   .columns[class~="is-10"],
   .columns[class~="is-11"],
   .columns[class~="is-12"] {
     --bulma-column-gap: 0;
   }

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

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

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

   .columns + .columns {
      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 [class*="swiper-button-"] {
      opacity: 0;
   }


   .navbar-start .navbar-item {  /* 否则弹开的菜单项间隔比较大 */
      line-height: 1;
   }
   .navbar-end .navbar-item {
      padding-inline: 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 {
       --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;
   }
   #banner {
      margin-bottom: var(--banner-bottom);
      position: relative;
   }


   #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.-has-copyright-full #footer_inner > #copyright { /* 通过设置-has-copyright-full, 让copyright独占一行*/
      flex: initial;
      width: 100%;
   }



   /* 电脑端下一级菜单.primary */   
   .navbar-dropdown a.navbar-item {
      width: 100%;
      display: flex;
      align-items: flex-start;
   }
   .navbar-menu:has(.navbar-start > li.-line, .navbar-start > li.-border) {
      --borderWidth: 2px;
   }
   .navbar-dropdown:has(li.-line, li.-border) {
      --borderWidth: 1px;
   }

   
   /* 电脑端下子菜单，和手机端菜单效果一样都是横向布局 */
   .navbar-dropdown li.-iconCustom a.navbar-item {
      flex-direction: row;
      justify-content: flex-start;
   }

   .navbar-dropdown li.-iconCustom a.navbar-item > div {
      width: 1em;
      flex-shrink: 0;
   }




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

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

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

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


   /* 
   竖直方向支持：stretch(默认) 顶部 底部 中部 */
   #header.-has-valign-start .navbar {
      align-items: flex-start;
   }
   #header.-has-valign-end .navbar {
      align-items: flex-end;
   }
   #header.-has-valign-center .navbar {
      align-items: center;
   }



   /*导航竖直排列: -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 {
      flex: 1;
      justify-content: center;
   }
   #header.-has-column .navbar-end {
      display: none;
   }




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

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

   .content_list.style1 li .card .card-content {
      aspect-ratio: 4 / 3; /* 设置内容的宽高比(图片的宽高比在js中设置) */
   }
   .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 {
      /*
      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 {
      border-radius: 0;
      padding: 1rem;
      margin: 0;
   }







   /* 偶数行图文反向 */
   .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;
}