/* 自定义样式 */

body {
    background-color: #ffffff;
}

/*
  health: 健康
  color: #36b37e;
  background-color: #eaf7f2;

  education: 教育
  color: #f7380e;
  background-color: #ffeeea;

  talk: 话题
  color: #6554c0;
  background-color: #efedf9;

  beauty: 美容
  color: #ffab00;
  background-color: #fff7e5;

  finance: 金融
  color: #06d5fa;
  background-color: #e5f8fb;

  technology: 科技
  color: #44c008;
  background-color: #edf9e7;
*/

:root {
  --defaults: #0d6efd;
  --beauty: #ffab00; /* 美容 */
  --beauty-bg: #fff7e5; /* 美容背景 */
  --education: #f7380e; /* 教育 */
  --education-bg: #ffeeea;  /* 教育背景 */
  --talk: #6554c0; /* 话题 */
  --talk-bg: #efedf9; /* 话题背景 */
  --health: #36b37e; /* 健康 */
  --health-bg: #eaf7f2; /* 健康背景 */
  --finance: #06d5fa; /* 金融 */
  --finance-bg: #e5f8fb; /* 金融背景 */
  --technology: #44c008; /* 科技 */
  --technology-bg: #edf9e7; /* 科技背景 */
} 

.img-16x9{ aspect-ratio: 16 / 9; }
article img, .article img{ max-width: calc(100% - 20px); }
small a{color: inherit;}
.arrow-up, .arrow-up:hover, .arrow-up:focus {
  background-color: var(--defaults);
  color: #ffffff;
}

.bg-banner {
  background-color: #e6edfb;
}
.bg-footer {
  background-color: #1d2129;
}
* {
    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;
}

.logo {
  max-height: 50px;
}

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

.badge2 {
  --bs-badge-padding-x: 0.65em !important;
  --bs-badge-padding-y: 0.65em !important;
}

article p {
  text-indent: 2em;
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.8;
}
/* 健康 */
.health {
  color: var(--health);
}
.bg-health {
  background-color: var(--health-bg);
}
.bg-health-100 {
  color: #FFFFFF;
  background-color: var(--health);
}
/* 教育 */
.education {
  color: var(--education);
}
.bg-education {
  background-color: var(--education-bg);
}
.bg-education-100 {
  color: #FFFFFF;
  background-color: var(--education);
}
/* 话题 */
.talk {
  color: var(--talk);
}
.bg-talk {
  background-color: var(--talk-bg);
}
.bg-talk-100 {
  color: #FFFFFF;
  background-color: var(--talk);
}
/* 美容 */
.beauty {
  color: var(--beauty);
}
.bg-beauty {
  background-color: var(--beauty-bg);
}
.bg-beauty-100 {
  color: #FFFFFF;
  background-color: var(--beauty);
}
/* 金融 */
.finance {
  color: var(--finance);
}
.bg-finance {
  background-color: var(--finance-bg);
}
.bg-finance-100 {
  color: #FFFFFF;
  background-color: var(--finance);
}
/* 科技 */
.technology {
  color: var(--technology);
}
.bg-technology {
  background-color: var(--technology-bg);
}
.bg-technology-100 {
  color: #FFFFFF;
  background-color: var(--technology);
}

.fs-7 {
    font-size: 14px !important;
}

.card-img-container {
    position: relative;
}
.card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
}
.pagination {
  --bs-pagination-padding-y: 0.275rem !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "»";
}