:root {
  --primary-color: #aec6e5;
  --primary-dark-color: #99b1d3;
  --primary-light-color: #99aac1;
  --text-color: #042146;
  --text-light-color: #004ba0;
  --border-line-color: #c3daf7;
}

body {
  color: var(--text-color);
  background-color: var(--primary-color);
}
a {
  color: var(--text-light-color);
}

.header .logo {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(7px);
}
.header button {
  background-color: rgba(0, 75, 160, 0.5);
  backdrop-filter: blur(7px);
}
.header .burger_btn .burger .line {
  background-color: #fff;
}

.header .nav_m_mask {
  background: rgba(0, 0, 0, 0.25);
}
.header .nav_m {
  background-color: var(--primary-light-color);
}
.header .nav_m .btns .nav li a {
  color: #fff;
}
.header .nav_m .btns .share {
  border-top: 1px dashed #535353;
}
.header .nav_m .btns .share li {
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  .header .btns {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(7px);
  }
  .header .btns .nav li:hover a {
    color: var(--text-color);
  }
  .header .btns .share {
    border-left: 1px dashed #787878;
  }
  .header .btns .share li {
    background-color: #fff;
  }
  .header .btns .share li:hover {
    background-color: var(--text-light-color);
  }
  .header .burger_btn:hover {
    background-color: var(--text-light-color);
  }
}

.KV {
  background-image: url('../../images/specialreport/bg/KVline-blue.svg');
}
.KV .KV_bg .KV_bg_color {
  fill: var(--primary-dark-color);
}
.KV .wrap_text .area_lable .lable {
  border-bottom: 5px solid var(--border-line-color);
}
.KV .wrap_text .bg_title {
  background: linear-gradient(30deg, #eaf3ff 0%, #84add9 100%);
  color: var(--text-color);
}
.KV .wrap_text .bg_title .area_title {
  border-left: 5px solid #fff;
}

.topic {
  background-color: var(--primary-dark-color);
}
.topic .topic_bg .topic_bg_color {
  fill: var(--primary-color);
}

/*topic_item_Odd ---  start*/
.topic .topic_item_Odd .frame_line {
  border-bottom: 5px solid var(--border-line-color);
  border-left: 5px solid var(--border-line-color);
}
.topic .topic_item_Odd .frame_line .content .info .title {
  background-color: var(--border-line-color);
}
.topic .topic_item_Odd .frame_line .content .info .title .text {
  color: var(--text-light-color);
}
.topic .topic_item_Odd .frame_line .content .info .subtitle .deco_arrow_color {
  fill: var(--border-line-color);
}
/*topic_item_Odd ---  end*/

/*topic_item_Even ---  start*/
.topic .topic_item_Even .frame_line {
  border-bottom: 5px solid var(--border-line-color);
  border-right: 5px solid var(--border-line-color);
}
.topic .topic_item_Even .frame_line .content .info .title {
  background-color: var(--border-line-color);
}
.topic .topic_item_Even .frame_line .content .info .title .text {
  color: var(--text-light-color);
}
.topic .topic_item_Even .frame_line .content .info .subtitle .deco_arrow_color {
  fill: var(--border-line-color);
}
/*topic_item_Even ---  end*/

/*more btn ---  start*/
.wrap_more_btn .more_btn .circle {
  background-color: var(--text-light-color);
}
.wrap_more_btn .more_btn .circle .icon.arrow::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.wrap_more_btn .more_btn .button_text {
  color: var(--text-light-color);
}

@media screen and (min-width: 1024px) {
  .wrap_more_btn .more_btn:hover .circle .icon.arrow {
    background-color: #fff;
  }
  .wrap_more_btn .more_btn:hover .circle .icon.arrow::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .wrap_more_btn .more_btn:hover .button_text {
    color: #fff;
  }
}
/*more btn ---  end*/

.issue {
  background-color: var(--primary-color);
}
.issue .issue_bg .issue_bg_color {
  fill: var(--primary-color);
}

.issue .issue_content .issue_item {
  background-color: var(--primary-dark-color);
}

.ending {
  background-color: var(--primary-dark-color);
}
.ending .area_table .ending_content {
  border-bottom: 5px solid var(--text-color);
}
.ending .area_table .ending_content .text {
  background-color: var(--primary-color);
}

footer {
  background-color: var(--primary-dark-color);
}
.footer_content .follow .logo .logo_white {
  display: none;
}
.footer_content .follow .logo .logo_blue {
  display: block;
}
.footer_content .follow .socialMedia li {
  background-color: var(--primary-color);
}
.footer_content .team .title {
  background-color: var(--primary-color);
}

.footer_copyright {
  color: #fff;
  border-top: 1px solid var(--primary-color);
}
.footer_copyright a {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .footer_content .follow .socialMedia li:hover {
    background-color: var(--text-light-color);
  }
}

.gotop_btn {
  background-color: var(--text-light-color);
}
.gotop_btn .gotop_arrow_color {
  fill: #fff;
}