body.yiyu-share-article-one-card {
  background: rgb(247, 248, 252);
}

body.yiyu-share-article-one-card .yiyu-share-card-hero-section {
  padding-bottom: 0 !important;
}

body.yiyu-share-article-one-card .yiyu-share-card-content-section {
  padding-top: 0 !important;
}

body.yiyu-share-article-one-card .yiyu-share-card-hero {
  background: #fff !important;
  border-bottom-color: transparent !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05) !important;
}

body.yiyu-share-article-one-card .yiyu-share-card-segment {
  box-sizing: border-box;
  display: flow-root;
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #fff !important;
  border-left: 1px solid rgba(209, 213, 223, 0.62);
  border-right: 1px solid rgba(209, 213, 223, 0.62);
}

body.yiyu-share-article-one-card .yiyu-share-card-first {
  position: relative;
  padding-top: 54px !important;
}

body.yiyu-share-article-one-card .yiyu-share-card-first::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 50%;
  width: 42px;
  height: 10px;
  transform: translateX(-50%);
  background:
    linear-gradient(45deg, rgba(87, 111, 255, 0.28) 0 50%, transparent 51%) 0 0 / 10px 10px no-repeat,
    linear-gradient(45deg, rgba(87, 111, 255, 0.22) 0 50%, transparent 51%) 16px 0 / 10px 10px no-repeat,
    linear-gradient(45deg, rgba(87, 111, 255, 0.18) 0 50%, transparent 51%) 32px 0 / 10px 10px no-repeat;
  rotate: 45deg;
  opacity: 0.95;
  pointer-events: none;
}

body.yiyu-share-article-one-card .yiyu-share-card-last {
  border-bottom: 1px solid rgba(209, 213, 223, 0.62);
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.04);
}

body.yiyu-share-article-one-card .yiyu-share-card-segment + .yiyu-share-card-segment {
  margin-top: 0 !important;
}

body.yiyu-share-article-one-card .yiyu-ai-illustration-section {
  margin-bottom: 0 !important;
}

body.yiyu-share-article-one-card .yiyu-share-card-segment article.prose,
body.yiyu-share-article-one-card .yiyu-share-card-segment > article.prose {
  margin-top: 0 !important;
}

body.yiyu-share-article-one-card .yiyu-member-guide {
  margin-top: 48px !important;
}

@media (max-width: 640px) {
  body.yiyu-share-article-one-card .yiyu-share-card-hero {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
  }

  body.yiyu-share-article-one-card .yiyu-share-card-last {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
}