:root {
  --bs-feimeite-base:#0087fe;
  --bs-feimeite-white:#ffffff;

  --bs-blue-base: #0088ff;
  --bs-blue-fg: #005fb8;
  --bs-blue-fg-emphasis: #004a91;
  --bs-blue-bg-subtle: #e6f5ff;
  --bs-blue-border: #a3d8ff;
  --bs-blue-list-hover-bg: #c6e8ff;
  --bs-blue-list-active-bg: var(--bs-blue-border);
  --bs-blue-bg: var(--bs-blue-base);
  --bs-blue-contrast: var(--bs-feimeite-white);

  --bs-purple-base: #7b42f5;
  --bs-purple-fg: #5928c7;
  --bs-purple-fg-emphasis: #481f9e;
  --bs-purple-bg-subtle: #efeaff;
  --bs-purple-border: #c9b8fb;
  --bs-purple-list-hover-bg: #ddd3ff;
  --bs-purple-list-active-bg: var(--bs-purple-border);
  --bs-purple-bg: var(--bs-purple-base);
  --bs-purple-contrast: var(--bs-feimeite-white);

  --bs-wechat-base: #07c160;
  --bs-wechat-fg: #048c46;
  --bs-wechat-fg-emphasis: #037038;
  --bs-wechat-bg-subtle: #e8f8f0;
  --bs-wechat-border: #b0e9cd;
  --bs-wechat-list-hover-bg: #cff2e0;
  --bs-wechat-list-active-bg: var(--bs-wechat-border);
  --bs-wechat-bg: var(--bs-wechat-base);
  --bs-wechat-contrast: var(--bs-feimeite-white);

  --bs-watermelon-base: #e62b38;
  --bs-watermelon-fg: #b81f2a;
  --bs-watermelon-fg-emphasis: #941821;
  --bs-watermelon-bg-subtle: #ffe8e9;
  --bs-watermelon-border: #ffb8bd;
  --bs-watermelon-list-hover-bg: #ffd2d5;
  --bs-watermelon-list-active-bg: var(--bs-watermelon-border);
  --bs-watermelon-bg: var(--bs-watermelon-base);
  --bs-watermelon-contrast: var(--bs-feimeite-white);

  --bs-trademark-base: #1d39c4;
  --bs-trademark-fg: #071b80;
  --bs-trademark-fg-emphasis: #06176c;
  --bs-trademark-bg-subtle: #e8ebf9;
  --bs-trademark-border: #b2bceb;
  --bs-trademark-list-hover-bg: #d2d7f3;
  --bs-trademark-list-active-bg: var(--bs-trademark-border);
  --bs-trademark-bg: var(--bs-trademark-base);
  --bs-trademark-contrast: var(--bs-feimeite-white);

  --bs-orange-base: #fd7311;
  --bs-orange-fg: #984c0c;
  --bs-orange-fg-emphasis: #991801;
  --bs-orange-bg-subtle: #fff1e7;
  --bs-orange-border: #ffd8bc;
  --bs-orange-list-hover-bg: #ffe3cf;
  --bs-orange-list-active-bg: #ffd2b3; /* 鼠标按下背景，比hover更深 */
  --bs-orange-bg: var(--bs-orange-base);
  --bs-orange-contrast: #var(--bs-feimeite-white);

  --bs-violet-base: #7242b8;
  --bs-violet-fg: #583294;
  --bs-violet-fg-emphasis: #47287a;
  --bs-violet-bg-subtle: #f3effb;
  --bs-violet-border: #b89ef8;
  --bs-violet-list-hover-bg: #e4daf6;
  --bs-violet-list-active-bg: var(--bs-violet-border);
  --bs-violet-bg: var(--bs-violet-base);
  --bs-violet-contrast: var(--bs-feimeite-white);  

  --bs-indigo-base: #4340f0;
  --bs-indigo-fg: #2c29c2;
  --bs-indigo-fg-emphasis: #201d99;
  --bs-indigo-bg-subtle: #eeedff;
  --bs-indigo-border: #c0bdff;
  --bs-indigo-list-hover-bg: #d9d7ff;
  --bs-indigo-list-active-bg: var(--bs-indigo-border);
  --bs-indigo-bg: var(--bs-indigo-base);
  --bs-indigo-contrast: var(--bs-feimeite-white); 

  --bs-pourpre-base: #a82ed0;
  --bs-pourpre-fg: #8422a5;
  --bs-pourpre-fg-emphasis: #6b1b86;
  --bs-pourpre-bg-subtle: #f5e4fc;
  --bs-pourpre-border: #e0b2f5;
  --bs-pourpre-list-hover-bg: #eccff9;
  --bs-pourpre-list-active-bg: var(--bs-pourpre-border);
  --bs-pourpre-bg: var(--bs-pourpre-base);
  --bs-pourpre-contrast: var(--bs-feimeite-white);

  --bs-volcano-base: #e64a27;
  --bs-volcano-fg: #b72e14;
  --bs-volcano-fg-emphasis: #8c200d;
  --bs-volcano-bg-subtle: #fff1ed;
  --bs-volcano-border: #ffb19c;
  --bs-volcano-list-hover-bg: #ffd0c3;
  --bs-volcano-list-active-bg: var(--bs-volcano-border);
  --bs-volcano-bg: var(--bs-volcano-base);
  --bs-volcano-contrast: var(--bs-feimeite-white);
}

/*菲美特蓝*/
.blue-link { color: var(--bs-blue-fg); }
.blue-link:hover { color: var(--bs-blue-fg-emphasis); }
.blue-border { --bs-bc: var(--bs-blue-bg); border-color: var(--bs-bc); }
.theme-blue {
  --bs-theme-fg:                    var(--bs-blue-fg);                     /* 主题文字色 */
  --bs-theme-bg:                    var(--bs-blue-bg);                    /* 主题主背景色（按钮底色） */
  --bs-theme-bg-subtle:             var(--bs-blue-bg-subtle);             /* 浅底色，卡片淡背景 */
  --bs-theme-border:                var(--bs-blue-border);                /* 边框色 */
  --bs-theme-contrast:              var(--bs-blue-contrast);              /* 对比色（白色文字） */
  --bs-list-group-action-hover-bg:  var(--bs-blue-list-hover-bg);         /* list-group hover背景 */
  --bs-list-group-action-hover-color:var(--bs-blue-fg-emphasis);          /* list-group hover文字 */
  --bs-list-group-action-active-bg: var(--bs-blue-list-active-bg);        /* list-group active背景 */
  --bs-list-group-action-active-color:var(--bs-blue-fg-emphasis);         /* list-group active文字 */
}
/*菲美特紫罗兰*/
.purple-link { color: var(--bs-purple-fg); }
.purple-link:hover { color: var(--bs-purple-fg-emphasis); }
.purple-border { --bs-bc: var(--bs-purple-bg); border-color: var(--bs-bc); }
.theme-purple {
  --bs-theme-fg:                     var(--bs-purple-fg);                 /* 主题文字色 */
  --bs-theme-bg:                     var(--bs-purple-bg);                 /* 主题主背景色（按钮底色） */
  --bs-theme-bg-subtle:              var(--bs-purple-bg-subtle);          /* 浅底色，卡片淡背景 */
  --bs-theme-border:                 var(--bs-purple-border);             /* 边框色 */
  --bs-theme-contrast:               var(--bs-purple-contrast);           /* 对比色（白色文字） */
  --bs-list-group-action-hover-bg:   var(--bs-purple-list-hover-bg);      /* list-group hover背景 */
  --bs-list-group-action-hover-color:var(--bs-purple-fg-emphasis);        /* list-group hover文字 */
  --bs-list-group-action-active-bg:  var(--bs-purple-list-active-bg);     /* list-group active背景 */
  --bs-list-group-action-active-color:var(--bs-purple-fg-emphasis);       /* list-group active文字 */
}
/*菲美特微信绿*/
.wechat-link{color:var(--bs-wechat-fg);}.wechat-link:hover{color:var(--bs-wechat-fg-emphasis);}.wechat-border{--bs-bc:var(--bs-wechat-bg);border-color:var(--bs-bc);}.theme-wechat{--bs-theme-fg:var(--bs-wechat-fg);--bs-theme-bg:var(--bs-wechat-bg);--bs-theme-bg-subtle:var(--bs-wechat-bg-subtle);--bs-theme-border:var(--bs-wechat-border);--bs-theme-contrast:var(--bs-wechat-contrast);--bs-list-group-action-hover-bg:var(--bs-wechat-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-wechat-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-wechat-list-active-bg);--bs-list-group-action-active-color:var(--bs-wechat-fg-emphasis);}

/*菲美特西瓜红*/
.watermelon-link{color:var(--bs-watermelon-fg);}.watermelon-link:hover{color:var(--bs-watermelon-fg-emphasis);}.watermelon-border{--bs-bc:var(--bs-watermelon-bg);border-color:var(--bs-bc);}.theme-watermelon{--bs-theme-fg:var(--bs-watermelon-fg);--bs-theme-bg:var(--bs-watermelon-bg);--bs-theme-bg-subtle:var(--bs-watermelon-bg-subtle);--bs-theme-border:var(--bs-watermelon-border);--bs-theme-contrast:var(--bs-watermelon-contrast);--bs-list-group-action-hover-bg:var(--bs-watermelon-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-watermelon-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-watermelon-list-active-bg);--bs-list-group-action-active-color:var(--bs-watermelon-fg-emphasis);}

/*菲美特商标蓝*/
.trademark-link{color:var(--bs-trademark-fg);}.trademark-link:hover{color:var(--bs-trademark-fg-emphasis);}.trademark-border{--bs-bc:var(--bs-trademark-bg);border-color:var(--bs-bc);}.theme-trademark{--bs-theme-fg:var(--bs-trademark-fg);--bs-theme-bg:var(--bs-trademark-bg);--bs-theme-bg-subtle:var(--bs-trademark-bg-subtle);--bs-theme-border:var(--bs-trademark-border);--bs-theme-contrast:var(--bs-trademark-contrast);--bs-list-group-action-hover-bg:var(--bs-trademark-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-trademark-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-trademark-list-active-bg);--bs-list-group-action-active-color:var(--bs-trademark-fg-emphasis);}

/*菲美特橙*/
.orange-link{color:var(--bs-orange-fg);}.orange-link:hover{color:var(--bs-orange-fg-emphasis);}.orange-border{--bs-bc:var(--bs-orange-bg);border-color:var(--bs-bc);}.theme-orange{--bs-theme-fg:var(--bs-orange-fg);--bs-theme-bg:var(--bs-orange-bg);--bs-theme-bg-subtle:var(--bs-orange-bg-subtle);--bs-theme-border:var(--bs-orange-border);--bs-theme-contrast:var(--bs-orange-contrast);--bs-list-group-action-hover-bg:var(--bs-orange-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-orange-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-orange-list-active-bg);--bs-list-group-action-active-color:var(--bs-orange-fg-emphasis);}

/*菲美特紫*/
.violet-link{color:var(--bs-violet-fg);}.violet-link:hover{color:var(--bs-violet-fg-emphasis);}.violet-border{--bs-bc:var(--bs-violet-bg);border-color:var(--bs-bc);}.theme-violet{--bs-theme-fg:var(--bs-violet-fg);--bs-theme-bg:var(--bs-violet-bg);--bs-theme-bg-subtle:var(--bs-violet-bg-subtle);--bs-theme-border:var(--bs-violet-border);--bs-theme-contrast:var(--bs-violet-contrast);--bs-list-group-action-hover-bg:var(--bs-violet-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-violet-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-violet-list-active-bg);--bs-list-group-action-active-color:var(--bs-violet-fg-emphasis);}

/*菲美特绛紫*/
.pourpre-link{color:var(--bs-pourpre-fg);}.pourpre-link:hover{color:var(--bs-pourpre-fg-emphasis);}.pourpre-border{--bs-bc:var(--bs-pourpre-bg);border-color:var(--bs-bc);}.theme-pourpre{--bs-theme-fg:var(--bs-pourpre-fg);--bs-theme-bg:var(--bs-pourpre-bg);--bs-theme-bg-subtle:var(--bs-pourpre-bg-subtle);--bs-theme-border:var(--bs-pourpre-border);--bs-theme-contrast:var(--bs-pourpre-contrast);--bs-list-group-action-hover-bg:var(--bs-pourpre-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-pourpre-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-pourpre-list-active-bg);--bs-list-group-action-active-color:var(--bs-pourpre-fg-emphasis);}

/*菲美特靛蓝*/
.indigo-link{color:var(--bs-indigo-fg);}.indigo-link:hover{color:var(--bs-indigo-fg-emphasis);}.indigo-border{--bs-bc:var(--bs-indigo-bg);border-color:var(--bs-bc);}.theme-indigo{--bs-theme-fg:var(--bs-indigo-fg);--bs-theme-bg:var(--bs-indigo-bg);--bs-theme-bg-subtle:var(--bs-indigo-bg-subtle);--bs-theme-border:var(--bs-indigo-border);--bs-theme-contrast:var(--bs-indigo-contrast);--bs-list-group-action-hover-bg:var(--bs-indigo-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-indigo-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-indigo-list-active-bg);--bs-list-group-action-active-color:var(--bs-indigo-fg-emphasis);}

/*菲美特火山*/
.volcano-link{color:var(--bs-volcano-fg);}.volcano-link:hover{color:var(--bs-volcano-fg-emphasis);}.volcano-border{--bs-bc:var(--bs-volcano-bg);border-color:var(--bs-bc);}.theme-volcano{--bs-theme-fg:var(--bs-volcano-fg);--bs-theme-bg:var(--bs-volcano-bg);--bs-theme-bg-subtle:var(--bs-volcano-bg-subtle);--bs-theme-border:var(--bs-volcano-border);--bs-theme-contrast:var(--bs-volcano-contrast);--bs-list-group-action-hover-bg:var(--bs-volcano-list-hover-bg);--bs-list-group-action-hover-color:var(--bs-volcano-fg-emphasis);--bs-list-group-action-active-bg:var(--bs-volcano-list-active-bg);--bs-list-group-action-active-color:var(--bs-volcano-fg-emphasis);}

/*菲美特背景*/
.bghome { background: url(/assets/images/bghome.jpg) center / cover no-repeat; }
/*菲美特业务圆点*/
#indicatorsMultiple {
  gap: 0.2rem;
  display:flex;
  justify-content:center;
}
#indicatorsMultiple button {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: var(--bs-radius-pill);
  border: 0.05rem solid var(--bs-feimeite-base);
  background: transparent;
  opacity: 1;
  transition: all 0.2s ease;
  box-sizing: border-box;
  padding: 0;
  flex: none;
}
#indicatorsMultiple button:hover {
  width: 2rem;
  background: var(--bs-feimeite-base);
  border-color: var(--bs-feimeite-base);
}

/* 菲美特首页轮播大屏 */
.carousel-banner {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.carousel-pc-banner {
  display: none;
  aspect-ratio: 4 / 1;
}
.carousel-mo-banner {
  display: block;
  aspect-ratio: 4 / 3;
}

@media (min-width: 992px) {
  .carousel-pc-banner { display: block; }
  .carousel-mo-banner { display: none !important; }
}

/* 轮播圆点指示器 #carouselExampleDark */
#carouselExampleDark .carousel-indicators button {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  border: 0.1rem solid color-mix(in srgb, var(--bs-feimeite-white) 75%, transparent);
  background: transparent;
  opacity: 1;
  transition: all 0.2s ease;
  box-sizing: border-box;
  padding: 0;
  flex: none;
}
#carouselExampleDark .carousel-indicators button.active {
  width: 2rem;
  border-color: color-mix(in srgb, var(--bs-feimeite-white) 75%, transparent);
}

/* 菲美特轮播背景图 */
.banner-PC1 { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/PC1.jpg), url(/assets/images/sPC1.jpg); }
.banner-MOA { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/MOA.jpg), url(/assets/images/sMOA.jpg); }
.banner-PC2 { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/PC2.jpg), url(/assets/images/sPC2.jpg); }
.banner-MOB { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/MOB.jpg), url(/assets/images/sMOB.jpg); }
.banner-PC3 { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/PC3.jpg), url(/assets/images/sPC3.jpg); }
.banner-MOC { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/MOC.jpg), url(/assets/images/sMOC.jpg); }
.banner-PC4 { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/PC4.jpg), url(/assets/images/sPC4.jpg); }
.banner-MOD { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/MOD.jpg), url(/assets/images/sMOD.jpg); }
.banner-PC5 { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/PC5.jpg), url(/assets/images/sPC5.jpg); }
.banner-MOE { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/MOE.jpg), url(/assets/images/sMOE.jpg); }
.banner-PC6 { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/PC6.jpg), url(/assets/images/sPC6.jpg); }
.banner-MOF { background-color: var(--bs-feimeite-base); background-image: url(/assets/images/MOF.jpg), url(/assets/images/sMOF.jpg); }



/*落地页*/
@media (max-width: 1199.98px) { .landing .row > .col-12.xl\:col-8 { margin-inline: calc(-1 * var(--bs-gutter-x, 0.75rem)); } }
.landing img { vertical-align: middle; }
/*两行文本*/
[class*="line-clamp-"] { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.line-clamp-4 { -webkit-line-clamp: 4; }
.text-justify { text-align: justify; text-justify: inter-character; }
.text-justify:only-child, .text-justify:has(br:only-child) { text-align: start; }
/*鼠标指向变紫色*/
.card.card-hover-Matthiola { color: var(--bs-primary-fg-emphasis); background: color-mix(in oklch, var(--bs-white) 100%, transparent); border: 1px solid var(--bs-primary-base); }
.card.card-hover-Matthiola:hover { color: var(--bs-accent-fg-emphasis); background: color-mix(in oklch, var(--bs-accent-base) 5%, transparent); border: 1px solid var(--bs-accent-base); }
.card.card-hover-Matthiola:hover .card-title, .card.card-hover-primary:hover .card-text { color: var(--bs-accent-fg-emphasis); text-decoration: none; }
.card.card-hover-Matthiola .blockquote { border-left-color: var(--bs-primary-base); }
.card.card-hover-Matthiola:hover .blockquote { border-left-color: var(--bs-accent-base);}



/*菲美特备案信息*/
.govcn { width: 1.35rem; height: 1.35rem; background: url(/assets/images/govcn.png) no-repeat center/contain; }
.govmps { width: 1.35rem; height: 1.35rem; background: url(/assets/images/govmps.png) no-repeat center/contain; }

/*菲美特二维码弹窗解决下面空白*/
dialog.dialog-slide-up:not([open]) {
  display: none !important;
}
.text-justify-auto { text-align: justify; text-justify: inter-character; color: #333333; }



/* ========== 文章阅读页show.html ========== */

/* 正文段落：文字两端对齐，首行缩进2汉字 + 行高，微信X5兼容 */
#MyContent p {
  color: var(--fhts-text);
  text-align: justify;
  text-indent: 2em;
  line-height: 1.75;
}
/* 微信核心兼容方案，内联空白占位 */
#MyContent p span.justify-fix {
  display: inline-block;
  width: 100%;
}
#MyContent img {
  display: block;
  margin:0 auto;
  max-width: 100%;
  height: auto;
  pointer-events: none;
}
/* 图片下方图注 */
#MyContent .img-caption {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: var(--bs-secondary-color);
  line-height:1.5;
  margin-top:0.4rem;
  font-weight: var(--bs-font-weight-light);
  text-indent: 0;
}
#MyContent .textcaption {
  display: block;
  font-size: 1rem;
  color: var(--bs-secondary-color);
  line-height:1.5;
  margin-top:0.4rem;
  font-weight: var(--bs-font-weight-light);
}
#MyContent .bt-text {
  display: block;
  font-size: var(--bs-font-size-5);
  text-align: center;
  text-indent: 0;
  color: var(--bs-danger);
}

/*----------------------------
    FHTS.CN 分页样式
----------------------------*/
.page_wrap{clear:both; margin-bottom:0.1rem; overflow:hidden;zoom:1; margin: 1rem auto 0 auto;}
.paginator {float:right; height:2.5rem; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-size:1.2rem; }
.paginator a,
.paginator span {float:left; height:2.3rem; margin:0 0.5rem 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:2.3rem; background:#fff; }
.paginator a {color:#0d6efd; }
.paginator b{margin:0.3rem;font-weight:300;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 0.8rem; border:0.01rem solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#dee2e6; color:#dee2e6; }
.paginator .page-end { border-color:#dee2e6;  color:#dee2e6; }
.paginator .page-this,
.paginator .page-break {padding:0 0.3rem; }
.paginator .page-break {border:0.01rem solid #fff; }
.paginator .page-this {border:0.01rem solid #D3D3D3;background-color:#dee2e6; color:#dc3545;padding:0rem 0.8rem; font-weight:bold; }
.paginator .page-skip {height:2.2rem; line-height:2.2rem; padding:0 0.3rem; margin:0; background:none; }
.paginator .page-skip input {width:2.6rem;  *width:2.3rem;height:1.9rem;line-height:1.9rem;border:0.01rem #D3D3D3 solid;font-size:1.2rem; margin:-0.1rem 0.6rem 0rem 0.6rem;#margin-top:0.1rem;_margin-top:0rem;padding:0rem 0rem 0rem 0.2rem; vertical-align:middle; padding-top:0rem; padding-bottom:0rem; }
.paginator .page-skip button {font-size:1.2rem; padding:0 0.5rem 0.5rem 0.5rem;_padding:0 0.5rem 0 0.5rem; width:auto; _width:0; height:2.2rem;  *height:2.3rem; *line-height:2rem; _height:1.6rem; _line-height:1.6rem; margin-left:1rem;  *margin-top:-0.1rem;overflow:visible; vertical-align:top; }
.paginator a:hover {border:0.01rem solid #A6A6A6;color:#868688; }