.article .content {
  font-size: 4vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}
.article .content * {
  font-family: "Urbanist", sans-serif !important;
}
.article .content h1 {
  color: #000;
  font-size: 8vw;
  line-height: 1.3;
}
.article .content > div,
.article .content > p {
  margin-top: 5vw;
  text-align: justify;
}
.article .content img,
.article .content video {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.anchor-navs {
  padding: 3vw 0;
  display: none;
}
.anchor-navs li {
  font-size: 4vw;
}
.anchor-navs li > a {
  padding: 2vw 4vw;
  color: #000;
  font-weight: 300;
  line-height: 1.5;
  display: inline-block;
}
.anchor-navs li > a:hover,
.anchor-navs li > a.active {
  font-weight: 600;
  background: #f5f5f5;
  border-radius: 20px;
}
.detail-cover-img {
  display: none;
}
.case .content {
  font-size: 4vw;
  line-height: 1.5;
}
.case .content * {
  font-family: "Urbanist", sans-serif !important;
}
.case .content h1 {
  color: #000;
  font-size: 8vw;
  line-height: 1.3;
}
.case .content > div,
.case .content > p {
  margin-top: 5vw;
  text-align: justify;
}
.case .content img,
.case .content video {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.special {
  font-size: 3vw;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5);
  margin: 5vw 0;
  color: #000;
  font-size: 4.5vw;
  font-weight: 500;
}
.contact-box {
  border-radius: 10vw;
  overflow: hidden;
  background: #f5f5f5;
}
.contact-box > figure {
  position: relative;
  height: 60vw;
  overflow: hidden;
}
.contact-box > figure:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(14, 24, 47, 0.43);
}
.contact-box .content {
  padding: 20px 20px 50px;
}
.contact-box .content:after {
  content: "\e779";
  display: block;
  text-align: center;
  font-size: 6vw;
  color: #000;
  font-family: "iconfont";
}
.contact-box .content > h3 {
  margin: 5vw 0;
  font-size: 8vw;
}
.contact-box .content p {
  font-size: 5vw;
  line-height: 1.35;
  text-align: justify;
  color: rgba(0, 0, 0, 0.5);
}
.contact-box .content .link {
  margin: 5vw 0;
  font-size: 6vw;
  line-height: 1.35;
}
.contact-box .content .link a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}
.cases-list > li {
  margin-top: 10px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.cases-list > li > a {
  position: relative;
  display: block;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.cases-list > li > a > figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cases-list > li > a > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases-list > li .content {
  position: absolute;
  bottom: 1vw;
  left: 0;
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
}
.cases-list > li .content .musk {
  padding: 5px 10px;
  border-radius: 8px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px) brightness(0.8);
}
.cases-list > li .content .info {
  display: none;
}
.cases-list > li .content .author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 3vw;
}
.cases-list > li .content .author .author-info {
  display: flex;
  align-items: center;
}
.cases-list > li .content .author .avatar {
  margin-right: 10px;
  width: 10vw;
  height: 10vw;
  border-radius: 10vw;
  overflow: hidden;
  border: 1px solid #fff;
  flex-shrink: 0;
}
.cases-list > li .content .author .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases-list > li .content .author .name {
  font-size: 3vw;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
}
.cases-list > li .content .author .total {
  max-width: 30vw;
  font-size: 2.5vw;
}
.cases-list > li .category {
  margin-top: 10px;
  padding: 10px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  background-color: #364AFF;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
}
.cases-list > li .category > a {
  margin: 20px 5px;
  padding: 5px 10px;
  font-size: 3vw;
  height: 12px;
  line-height: 1;
  color: #fff;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
}
.keywords > li {
  display: flex;
  align-items: center;
  font-size: 4vw;
  line-height: 1.3;
}
.keywords > li:before {
  margin-right: 2vw;
  content: "";
  width: 1vw;
  height: 1vw;
  border-radius: 1vw;
  background-color: rgba(0, 0, 0, 0.3);
}
.detail-cover-img img {
  max-width: 100%;
}
.team-info {
  margin: 5vw 0;
  display: flex;
  align-items: center;
  font-size: 4vw;
  line-height: 1.2;
}
.team-info .avatars {
  margin-right: 2vw;
  display: flex;
  align-items: center;
}
.team-info .avatars > figure {
  width: 10vw;
  height: 10vw;
  border: 1px solid #fff;
  flex-shrink: 0;
  border-radius: 10vw;
  overflow: hidden;
}
.team-info .avatars > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-info .avatars > figure:nth-of-type(n+2) {
  margin-left: -5vw;
}
.team-info .team-desc {
  color: rgba(0, 0, 0, 0.5);
}