/* 自定义样式 */
:root {
  --defaults: #685FDA;
  --beauty: #3C7C8E;
  --life: #2C4B91;
  --play: #418B37;
  --child: #99606D;
  --pet: #3979A5;
  --education: #FE7200;
  --hot: #eb110a;
  --health: #3B608E;
  --wealth: #0669F7;
  --manufacture: #08b1b1;
  --pageination-color: #0669F7;
  --bi-arrow: #D0D0D0;
  --color-333: #333333;
  --nav-bg-default: #ffffff;
  --nav-bg-scrolled: #fafaff;
}
* {
    /*font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei","MiSans L3",sans-serif;*/
    font-family: "Microsoft JhengHei", arial, sans-serif;
}
/*public start*/
body { line-height: 1.7; color: #525252; width: 100%; height: 100%; background-color: #FFFFFF; font-family:"Microsoft JhengHei", arial, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; padding-top: 80px; transition: padding-top 0.3s ease; }
a { color: #525252; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover, a:active, a:focus { color: #4c6659; outline: none; text-decoration: none; }
a.nav-link{ font-size: 16px; font-weight: 700; }
p { margin-bottom: 10px; font-size: 14px; clear:both; }
h1, h2, h3, h4, h5, h6, figure { color: #000; line-height: 1.7; font-weight: 700; margin: 0 0 20px 0; }
h1{ font-size: 30px; line-height:35px; }
h2{ font-size: 24px; }
h3{ font-size: 18px; color:#4c6659; font-weight:bolder; font-size:20px; }
h4{ font-size: 18px; color:#669966; }
h5{ font-size: 18px; }
ul{ list-style: none; }
/*public end*/
.img-16x9{ aspect-ratio: 16 / 9; }
article img, .article img{ max-width: calc(100% - 20px); }
a.btn-primary{ color:#fff!important; }
[class*="bi-arrow-"],[class*="bi-box-arrow-"]{ color: var(--bi-arrow); }
.fs-12{ font-size:12px; }
.fs-13{ font-size:13px; }
.fs-14{ font-size:14px; }
.fs-15{ font-size:15px; }
.fs-16{ font-size:16px; }
.fs-17{ font-size:17px; }
.fs-18{ font-size:18px; }
.fs-20{ font-size:20px; }
.fs-22{ font-size:22px; }
.fs-24{ font-size:24px; }
.border-0{ border-width:0px!important; }
.color-1{ color: var(--color-333); }
.logo {
  max-height: 50px;
}

.custom-navbar { background-color: #fff; transition: background-color 0.3s ease; border-bottom: 1px solid #eeeeee; }
.custom-navbar.scrolled { background-color: rgba(250, 250, 255, 0.9) !important; backdrop-filter: blur(10px); }
.custom-navbar.scrolled .logo{ /*opacity: 0.55;*/ transition: opacity 0.3s ease; max-height:35px; }

a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: var(--defaults);
}   

h2 {
    border-width: 3px !important;
}

.card-img-container {
    position: relative;
}

.health, .health a {
  color: var(--health); 
}

.health .bg-health {
  background: linear-gradient(to right, #a9bcd3 0%, #dfe6f0 45%, #dfe6f0 55%, #a9bcd3 100%);
}

.health .bgs-health {
  background-color: #DBE3EC;
}

.health .bg-health1 {
  background: linear-gradient(to right, #B8BBDC 0%, #DEDFED 45%, #DEDFED 55%, #C0C3DE 100%);
}

.health .bgs-health1 {
  background-color: #DEDFED;
}

.health .bgs-health1, .health .bgs-health1 a, .health .bg-health1, .health .bg-health1 a, .health .bg-health1 .badge {
  color: #3C438E;
}


.health span.right-badge {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #B0CEF0;
  border-bottom-right-radius: 0.375rem !important;
}
.health .bgs-health1 span.right-badge{border-bottom: 25px solid #cacdef;}

.health span.right-badge > span {
  position: absolute; 
  top: 7px; 
  right: 3px;
  font-size: 12px;
}

.beauty, .beauty a {
  color: var(--beauty); 
}

.beauty .bg-beauty {
  background: linear-gradient(to right, #C9E1E7 0%, #D4E8EE 45%, #D4E8EE 55%, #C9E1E7 100%);
}

.beauty .bgs-beauty {
  background-color: #DDEBED;
}

.beauty .bg-beauty1 {
  background: linear-gradient(to right, #FAD8BD 0%, #FFE8D0 45%, #FFE8D0 55%, #FAD8BD 100%);
}

.beauty .bgs-beauty1 {
  background-color: #FDE4D5;
}

.beauty .bgs-beauty1, .beauty .bgs-beauty1 a, .beauty .bg-beauty1, .beauty .bg-beauty1 a, .beauty .bg-beauty1 .badge {
  color: #A26F62;
}


.beauty span.right-badge {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #B6E1E4;
  border-bottom-right-radius: 0.375rem !important;
}
.beauty .bgs-beauty1 span.right-badge{border-bottom: 25px solid #f6c9b0;}

.beauty span.right-badge > span {
  position: absolute; 
  top: 7px; 
  right: 3px;
  font-size: 12px;
}

.life, .life a {
  color: var(--life); 
}

.life .bg-life {
  background: linear-gradient(to right, #E4E8F8 0%, #D2E0EC 45%, #D2E0EC 55%, #E4E8F8 100%);
}

.life .bgs-life {
  background-color: #E4E8F8;
}

.life .bg-life1 {
  background: linear-gradient(to right, #D7D3E4 0%, #DEDCE9 45%, #DEDCE9 55%, #D7D3E4 100%);
}

.life .bgs-life1 {
  background-color: #EAD9E9;
}

.life .bgs-life1, .life .bgs-life1 a, .life .bg-life1, .life .bg-life1 a, .life .bg-life1 .badge {
  color: #974E68;
}


.life span.right-badge {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #B3D5F4;
  border-bottom-right-radius: 0.375rem !important;
}

.life span.right-badge > span {
  position: absolute; 
  top: 7px; 
  right: 3px;
  font-size: 12px;
}
.life .bgs-life1 span.right-badge{border-bottom: 25px solid #DFBFDD;}
.play, .play a {
  color: var(--play); 
}

.play .bg-play {
  background: linear-gradient(to right, #DAE7D6 0%, #D9E6D6 45%, #D9E6D6 55%, #DAE7D6 100%);
}

.play .bgs-play {
  background-color: #D2E8D4;
}

.play .bg-play1 {
  background: linear-gradient(to right, #ADD3D8 0%, #CDE2E6 45%, #CDE2E6 55%, #ADD3D8 100%);
}

.play .bgs-play1 {
  background-color: #CAEBF1;
}

.play .bgs-play1, .play .bgs-play1 a, .play .bg-play1, .play .bg-play1 a, .play .bg-play1 .badge {
  color: #218B9B;
}
.play span.right-badge {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #BFDEBB;
  border-bottom-right-radius: 0.375rem !important;
}
.play .bgs-play1 span.right-badge{border-bottom: 25px solid #b0d9e1;}
.play span.right-badge > span {
  position: absolute; 
  top: 7px; 
  right: 3px;
  font-size: 12px;
}

.child, .child a {
  color: var(--child); 
}

.child .bg-child {
  background: linear-gradient(to right, #F1DBE4 0%, #F2E0E9 45%, #F2E0E9 55%, #F1DBE4 100%);
}

.child .bgs-child {
  background-color: #EDDDE6;
}

.child .bg-child1 {
  background: linear-gradient(to right, #DFE1E5 0%, #E4E6EA 45%, #E4E6EA 55%, #DFE1E5 100%);
}

.child .bgs-child1 {
  background-color: #DDE2EC;
}

.child .bgs-child1, .child .bgs-child1 a, .child .bg-child1, .child .bg-child1 a, .child .bg-child1 .badge {
  color: #525E84;
}


.child span.right-badge {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #FACAD2;
  border-bottom-right-radius: 0.375rem !important;
}
.child .bgs-child1 span.right-badge{border-bottom: 25px solid #c8d4ec;}

.child span.right-badge > span {
  position: absolute; 
  top: 7px; 
  right: 3px;
  font-size: 12px;
}

.pet, .pet a {
  color: var(--pet); 
}

.pet .bg-pet {
  background: linear-gradient(to right, #D8EDFB 0%, #D4EBF9 45%, #D4EBF9 55%, #D8EDFB 100%);
}

.pet .bgs-pet {
  background-color: #D8EDFB;
}

.pet .bg-pet1 {
  background: linear-gradient(to right, #a1d4be 0%, #D5E9E1 45%, #D5E9E1 55%, #a1d4be 100%);
}

.pet .bgs-pet1 {
  background-color: #C8E6D9;
}

.pet .bgs-pet1, .pet .bgs-pet1 a, .pet .bg-pet1, .pet .bg-pet1 a, .pet .bg-pet1 .badge {
  color: #2B7859;
}


.pet span.right-badge {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #9FD8F4;
  border-bottom-right-radius: 0.375rem !important;
}
.pet .bgs-pet1 span.right-badge{border-bottom: 25px solid #b1dfcb;}

.pet span.right-badge > span {
  position: absolute; 
  top: 7px; 
  right: 3px;
  font-size: 12px;
}

.btn-best {
  background-color: #685FDA !important;
  color: #FFFFFF !important;
  border-color: #685FDA !important;
}

small.text-black-50 {
  font-size: 12px;
}

h2.rsize {
  font-size: 14px;
}

footer {
  background-color: #353843 !important;
}












/*美容：#fe003b*/
[class*="border-line-"] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.2rem; /* 调整图标和标题间距 */
  padding-bottom: 5px; /* 下划线距离文字的距离 */
  position: relative;
}

/* 下划线 */
[class*="border-line-"]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--beauty-width, 100px);
  height: 3px;
  background: var(--defaults);
}
/* "health", "beauty", "play", "life", "child", "pet" */
.border-line-health::before{ background: var(--health); }
.border-line-beauty::before{ background: var(--beauty); }
.border-line-play::before{ background: var(--play); }
.border-line-life::before{ background: var(--life); }
.border-line-child::before{ background: var(--child); }
.border-line-pet::before{ background: var(--pet); }

.frame-border-health{ border-color:#E6E5E4!important; }
.frame-border-health1{ border-color:#E3E3E2!important; }
.frame-border-beauty{ border-color:#E6E4E4!important; }
.frame-border-beauty1{ border-color:#D8C6AD!important; }
.frame-border-play{ border-color:#A5C6A7!important; }
.frame-border-play1{ border-color:#8CBBC4!important; }
.frame-border-life{ border-color:#A2C0D6!important; }
.frame-border-life1{ border-color:#D9ACD8!important; }
.frame-border-child{ border-color:#E4BDCC!important; }
.frame-border-child1{ border-color:#D4D4D5!important; }
.frame-border-pet{ border-color:#94CFFC!important; }
.frame-border-pet1{ border-color:#8BD8B6!important; }

.box-border-health{ border-color:#F2F1F7!important; }
.box-border-health1{ border-color:#F2F1F7!important; }
.box-border-beauty{ border-color:#F4F2F8!important; }
.box-border-beauty1{ border-color:#F6F1EB!important; }
.box-border-play{ border-color:#EFF4EF!important; }
.box-border-play1{ border-color:#F2F6F7!important; }
.box-border-life{ border-color:#F2F1F7!important; }
.box-border-life1{ border-color:#F1F1F1!important; }
.box-border-child{ border-color:#F6EBF1!important; }
.box-border-child1{ border-color:#F1F1F1!important; }
.box-border-pet{ border-color:#F3F1F7!important; }
.box-border-pet1{ border-color:#F1F1F1!important; }

.breadcrumb-item + .breadcrumb-item::before {
  content: "»"; /* 使用双箭头符号 */
}

/* 分頁 */
.pagination .page-link, .pagination .page-link:hover, .pagination .page-item.active .page-link, .pagination .page-item.disabled .page-link {
  color: #fff;
  border-color: #fff;
}

/* 修改所有分页项的基础样式 */
.pagination .page-link {
  background-color: var(--pageination-color);
}

/* 悬停状态 */
.pagination .page-link:hover {
	font-weight: bold;
}

/* 当前激活项 */
.pagination .page-item.active .page-link {
  font-weight: bold;
}

/* 禁用状态 */
.pagination .page-item.disabled .page-link {
  background-color: var(--pageination-color);
}

article p {
  /*text-indent: 2em;*/
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.8;
  font-size:16px;
}




span.right-badge2 {
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent; 
  border-right: 0; 
  border-bottom: 25px solid #C8DFE6;
  border-bottom-right-radius: 0.375rem !important;
}

span.right-badge2 > span {
  position: absolute; 
  top: 7px; 
  right: 3px; 
  color: #FFFFFF; 
  font-size: 12px;
}

.imgH64{ height:64px; }
.imgH85{ height:85px; }
.imgH120{ height:120px; }
.imgH130{ height:130px; }
.imgH170{ height:170px; }
.imgH320{ height:320px; }
/* 限制N行 */
.text-line-1{ -webkit-line-clamp: 1; }
.text-line-2{ -webkit-line-clamp: 2; }
.text-line-3{ -webkit-line-clamp: 3; }
.text-line-4{ -webkit-line-clamp: 4; }
.img-cover {
  width: 100%;            /* 占满容器宽度 */
  object-fit: cover;      /* 保持比例，超出裁切 */
  object-position: center;/* 居中裁切 */
}
.text-ellipsis {
  display: -webkit-box;        /* 弹性伸缩盒子 */
  -webkit-box-orient: vertical;/* 垂直排列 */
  overflow: hidden;            /* 隐藏溢出 */
  text-overflow: ellipsis;     /* 显示省略号 */
  white-space: normal;         /* 允许换行 */
  word-break: break-word;      /* 避免长单词撑破 */
}

.article-nav{ border-style: double; width: 50%; margin-bottom: 20px; }
.article-nav b{ font-size:20px; padding-left:10px; }
.article-nav ul li a{ font-size:17px; color: var(--color-333); }
.article-nav ul{ margin-left:-20px; }
.article-nav ul li{ padding-left:0px !important; }