/* banner：宣传slogan */
.home_banner {
  position: relative;
  height: 100vh;
  min-height: 680px;
  background: linear-gradient(179deg, rgba(255,255,255,.07), rgba(8,191,98,.07));
}
.home_banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/home/banner-grid.webp) no-repeat center/100% 100%;
}
.home_banner .banner_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1090px;
  max-width: calc(100% - 80px);
  height: 100%;
  margin: 0 auto;
  padding: 80px 0 60px;
  box-sizing: border-box;
}
/* 首屏底部向下滚动提示 */
.banner_scroll {
  position: absolute;
  bottom: 28px;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(0,0,0,.35);
  font-size: 13px;
  cursor: pointer;
  transform: translateX(-50%);
  animation: banner_scroll 1.8s ease-in-out infinite;
}
.banner_scroll i {
  width: 12px;
  height: 12px;
  margin-top: 6px;
  border-right: 2px solid rgba(0,0,0,.35);
  border-bottom: 2px solid rgba(0,0,0,.35);
  transform: rotate(45deg);
}
@keyframes banner_scroll {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 8px);
  }
}
.banner_left {
  width: 100%;
  text-align: center;
}
.banner_left .slogan {
  color: #000;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
}
.banner_left .slogan strong {
  color: #ff8e2e;
  font-weight: 700;
}
.banner_left .sub_slogan {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  color: #000;
  font-size: 22px;
  font-weight: 700;
}
.banner_left .sub_slogan .tag {
  padding: 4px 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, #ff8e2e, #ff4d4f);
  color: #fff;
  font-size: 18px;
}
.tool_group {
  margin-top: 48px;
}
.tool_group + .tool_group {
  margin-top: 24px;
}
.tool_group_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.tool_group_title:before,
.tool_group_title:after {
  content: "";
  width: 40px;
  height: 2px;
}
.tool_group_title:before {
  background: linear-gradient(90deg, rgba(7,179,110,0), #07b36e);
}
.tool_group_title:after {
  background: linear-gradient(90deg, #07b36e, rgba(7,179,110,0));
}
.tool_list {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}
.tool_item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 64px;
  border: 3px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 1px rgba(93,112,107,.06);
  color: #000;
  font-size: 15px;
  transition: all .2s ease-in-out;
}
.tool_item img {
  width: 30px;
  height: 30px;
}
.tool_item:hover {
  border-color: #07b36e;
  background-color: rgba(7,179,110,.1);
}

/* 产品功能 */
.example_wrapper {
  position: relative;
  width: 100%;
  margin-top: 100px;
}
.example_wrapper:before {
  content: "";
  position: absolute;
  bottom: -74px;
  left: 0;
  width: 100%;
  height: 239px;
  background: url(../images/home/bar-long.png);
  background-size: contain;
}
.example_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 1372px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
}
.example_left {
  position: relative;
  width: 368px;
}
.example_left:before {
  content: "";
  position: absolute;
  top: 400px;
  left: -70px;
  width: 264px;
  height: 72px;
  background: url(../images/home/bar.png) no-repeat center/100% 100%;
}
.example_right {
  position: relative;
  flex: 0 1 977px;
  margin-left: 27px;
}
.example_right:after {
  content: "";
  position: absolute;
  top: 357px;
  right: -70px;
  width: 264px;
  height: 72px;
  background: url(../images/home/bar.png) no-repeat center/100% 100%;
}

.example_type_list {
  position: relative;
}
.example_type_item {
  height: 132px;
  padding: 22px 30px;
  box-sizing: border-box;
  background: url(../images/home/example.png) no-repeat center/100% 100%;
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.example_type_item.active {
  background-image: url(../images/home/example-active.png);
  color: #fff;
}
.example_type_item + .example_type_item {
  margin-top: 30px;
}
.example_type_title {
  font-size: 20px;
  font-weight: 700;
}
.example_type_intro {
  margin-top: 8px;
  padding-right: 30px;
  font-size: 13px;
  line-height: 1.75;
  opacity: .85;
}
.free_tag {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px 10px 10px 0;
  background: linear-gradient(90deg, #ff8e2e, #ff4d4f);
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}

/* 右侧功能窗口 */
.feature_window {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 942px;
  border: 3px solid #000;
  border-radius: 14px;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.feature_window_bar {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 20px;
  border-bottom: 3px solid #000;
  background-color: #e3f7f0;
}
.feature_window_bar .dot {
  width: 12px;
  height: 12px;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: #fff;
}
.feature_window_bar .dot:nth-child(1) {
  background-color: #ff6b5b;
}
.feature_window_bar .dot:nth-child(2) {
  background-color: #ffc130;
}
.feature_window_bar .dot:nth-child(3) {
  background-color: #07b36e;
}
.feature_window_url {
  flex: 1;
  margin: 0 60px 0 20px;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  background-color: #fff;
  color: #818181;
  font-size: 13px;
  text-align: center;
}
.feature_panel {
  display: none;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: 36px 40px 40px;
}
.feature_panel.active {
  display: flex;
}
.panel_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.panel_text h3 {
  color: #000;
  font-size: 32px;
  font-weight: 700;
}
.panel_text h3 .free_tag {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
}
.panel_desc {
  margin-top: 12px;
  color: rgba(0,0,0,.65);
  font-size: 16px;
  line-height: 1.8;
}
.panel_actions {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.panel_more {
  color: #07b36e;
  font-size: 14px;
}
.panel_more:hover {
  text-decoration: underline;
}
.panel_btn {
  flex-shrink: 0;
  width: 160px;
  height: 52px;
  line-height: 52px;
  border-radius: 8px;
  background: url(../images/home/btn-gen-bg.png) no-repeat center/100% 100%;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.panel_points {
  display: flex;
  gap: 16px;
  margin-top: 28px;
}
.panel_points li {
  flex: 1;
  padding: 16px 18px;
  border: 2px solid #000;
  border-radius: 10px;
  background-color: rgba(7,179,110,.08);
}
.panel_points b {
  display: block;
  position: relative;
  padding-left: 26px;
  color: #000;
  font-size: 17px;
  font-weight: 700;
}
.panel_points b:before {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  background-color: #07b36e;
  color: #fff;
  font-size: 12px;
  text-align: center;
  transform: translateY(-50%);
}
.panel_points span {
  display: block;
  margin-top: 8px;
  color: rgba(0,0,0,.55);
  font-size: 14px;
  line-height: 1.6;
}

/* 功能示意图 */
.panel_visual {
  position: relative;
  flex: 1;
  min-height: 0;
  margin-top: 28px;
  padding: 30px;
  border: 2px dashed #c9e9dc;
  border-radius: 12px;
  background-color: #f7fbf9;
  box-sizing: border-box;
  overflow: hidden;
}
.panel_visual .line {
  height: 10px;
  margin-top: 12px;
  border-radius: 5px;
  background-color: #e6e9ec;
}
.panel_visual .line.short {
  width: 60%;
}
.panel_visual .sample {
  position: absolute;
  right: 16px;
  bottom: 12px;
  color: rgba(0,0,0,.35);
  font-size: 12px;
}
.visual_check {
  padding: 20px 20px 0;
}
.visual_check img {
  display: block;
  width: 100%;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.visual_check .report_links {
  position: absolute;
  right: 20px;
  bottom: 16px;
  padding: 8px 16px;
  border: 2px solid #000;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
}
.visual_check .report_links a {
  margin-left: 10px;
  color: #07b36e;
}
.visual_check .report_links a:hover {
  text-decoration: underline;
}

/* AIGC检测示意 */
.visual_aigc {
  display: flex;
  gap: 30px;
}
.aigc_doc {
  flex: 1;
  padding: 24px 28px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.aigc_doc .doc_head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.aigc_doc .doc_head b {
  font-size: 16px;
  font-weight: 700;
}
.aigc_doc .doc_head span {
  color: rgba(0,0,0,.45);
  font-size: 12px;
}
.aigc_doc .para {
  margin-top: 10px;
  padding: 2px 4px;
  border-radius: 4px;
  color: #333;
  font-size: 13px;
  line-height: 1.9;
}
.aigc_doc .para i {
  display: inline-block;
  margin-right: 6px;
  padding: 0 6px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
}
.aigc_doc .para.high {
  background-color: #ffe5e4;
}
.aigc_doc .para.high i {
  background-color: #ff4d4f;
}
.aigc_doc .para.mid {
  background-color: #fff1dc;
}
.aigc_doc .para.mid i {
  background-color: #ff8e2e;
}
.aigc_result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 220px;
}
.aigc_result .ring {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background:
    radial-gradient(#f7fbf9 58%, transparent 59%),
    conic-gradient(#ff4d4f 0 33%, #ff8e2e 33% 46.3%, #07b36e 46.3% 100%);
}
.aigc_result .ring span {
  color: rgba(0,0,0,.55);
  font-size: 14px;
}
.aigc_result .ring b {
  font-size: 26px;
  font-weight: 700;
}
.aigc_result .legend {
  margin-top: 28px;
  font-size: 14px;
}
.aigc_result .legend li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  color: rgba(0,0,0,.65);
}
.aigc_result .legend i {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}
.aigc_result .legend i.high {
  background-color: #ff4d4f;
}
.aigc_result .legend i.mid {
  background-color: #ff8e2e;
}
.aigc_result .legend i.low {
  background-color: #07b36e;
}

/* 降重/降AIGC 对比示意 */
.visual_compare {
  display: flex;
  align-items: center;
  gap: 24px;
}
.compare_card {
  flex: 1;
  align-self: stretch;
  padding: 24px 28px;
  border: 2px solid #000;
  border-radius: 10px;
  background-color: #fff;
}
.compare_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 16px;
}
.compare_head b {
  padding: 4px 12px;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
}
.compare_card.before .compare_head b {
  background-color: #ff4d4f;
}
.compare_card.after .compare_head b {
  background-color: #07b36e;
}
.compare_card .line.red {
  background-color: #ffb3b0;
}
.compare_card .line.orange {
  background-color: #ffd9a8;
}
.compare_card .line.green {
  background-color: #b5e8d2;
}
.compare_arrow {
  color: #07b36e;
  font-size: 36px;
}

/* AI生成论文示意 */
.visual_thesis {
  padding: 30px 40px;
}
.thesis_input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 20px;
  border: 3px solid #000;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
}
.thesis_input em {
  color: #07b36e;
  font-size: 14px;
  font-style: normal;
}
.thesis_outline {
  margin-top: 20px;
  padding: 20px 28px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  font-size: 15px;
}
.thesis_outline li {
  padding: 6px 0 6px 24px;
  color: rgba(0,0,0,.65);
}
.thesis_outline li.chapter {
  padding-left: 0;
  color: #000;
  font-weight: 700;
}

/* AI答辩PPT示意 */
.visual_ppt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.visual_ppt .slide {
  padding: 20px 24px;
  border: 2px solid #000;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
.visual_ppt .slide.cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #07b36e, #3fcf8e);
  color: #fff;
}
.visual_ppt .slide.cover b {
  font-size: 26px;
  font-weight: 700;
}
.visual_ppt .slide.cover span {
  margin-top: 12px;
  font-size: 13px;
  opacity: .85;
}
.visual_ppt .slide_title {
  padding-left: 10px;
  border-left: 4px solid #07b36e;
  font-size: 16px;
  font-weight: 700;
}
.visual_ppt .bars {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  height: 110px;
  margin-top: 20px;
  padding: 0 10px;
  border-bottom: 2px solid #e6e9ec;
}
.visual_ppt .bars i {
  flex: 1;
  border-radius: 4px 4px 0 0;
  background-color: #07b36e;
}
.visual_ppt .bars i:nth-child(2n) {
  background-color: #ff8e2e;
}

.ruok_wrapper {
  position: relative;
  width: 1372px;
  max-width: 100%;
  height: 232px;
  margin: 194px auto 0;
}
.ruok_wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  width: 538px;
  margin-right: -269px;
  height: 232px;
  background: url(../images/home/ruok.png) no-repeat center/100% 100%;
}

/* 用户评价 */
.user_share_wrapper {
  position: relative;
  width: 1512px;
  max-width: 100%;
  margin: 120px auto 0;
  padding-bottom: 116px;
}
.user_share_wrapper:before,
.user_share_wrapper:after {
  content: "";
  position: absolute;
  background: url(../images/home/cloud.png) no-repeat center/100% 100%;
}
.user_share_wrapper:before {
  top: 99px;
  right: 0;
  width: 198px;
  height: 71px;
}
.user_share_wrapper:after {
  bottom: 0;
  left: -60px;
  width: 426px;
  height: 153px;
}
.user_share_title {
  position: relative;
  color: #000;
  font-size: 40px;
  text-align: center;
}
.user_share_title:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 187px;
  height: 17px;
  background: url(../images/home/bar-user-share.png) no-repeat center/100% 100%;
  transform: translate(-50%);
}
.user_share_title span {
  position: relative;
}
.user_share_intro {
  margin-top: 10px;
  color: rgba(0,0,0,.45);
  font-size: 20px;
  text-align: center;
}
.user_share_card_list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 64px;
}
.user_share_card_item {
  flex: 415px 0 0;
  height: 296px;
  margin-top: 50px;
  padding: 24px;
  border: 6px solid #000;
  border-radius: 10px;
  box-sizing: border-box;
  background: rgba(7,179,110,.1);
}
.user_share_card_top {
  display: flex;
  align-items: center;
  width: 100%;
}
.user_share_card_meta {
  display: flex;
  flex: 1;
  align-items: center;
  margin-left: 14px;
}
.user_share_card_name {
  flex: 1;
  font-size: 20px;
  font-weight: 700;
}
.user_share_card_role {
  font-size: 14px;
}
.user_share_card_body {
  height: 160px;
  margin-top: 16px;
  padding: 14px 25px 0;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: rgba(255,255,255,.7);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  font-size: 14px;
  line-height: 2;
}

/* 精选知识 */
.news_wrapper {
  width: 1372px;
  max-width: calc(100% - 80px);
  margin: 124px auto 0;
}
.news_header {
  display: flex;
  align-items: center;
}
.news_header_title {
  font-size: 40px;
}
.news_header_flag {
  margin-left: 8px;
}
.news_toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.news_toolbar_desc {
  margin-top: 4px;
  color: rgba(0,0,0,.45);
  font-size: 20px;
}
.news_toolbar .right_btns {
  position: relative;
  top: -4px;
}
.news_toolbar .right_btns button {
  position: relative;
  width: 114px;
  height: 44px;
  padding: 0;
  border: 2px solid #818181;
  border-radius: 8px;
  background-color: #f4f4f4;
  color: #818181;
  font-size: 20px;
  cursor: pointer;
}
.news_toolbar .right_btns button + button {
  margin-left: 30px;
}
.news_toolbar .right_btns button.active {
  border-color: #000;
  background-color: #e3f7f0;
  color: #07b36e;
}
.news_toolbar .right_btns button.active:after {
  content: "";
  position: absolute;
  top: -45px;
  left: 50%;
  display: block;
  width: 33px;
  height: 36px;
  background: url(../images/home/news-coin.png) no-repeat center/100% 100%;
  transform: translate(-50%);
}
.news_list {
  display: none;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 40px;
  margin-top: 40px;
}
.news_list.active {
  display: flex;
}
.news_item {
  display: flex;
  align-items: center;
  flex: 0 0 calc(50% - 25px);
  height: 215px;
}
.news_item a {
  color: #000;
}
.news_item_cover {
  flex-shrink: 0;
  width: 300px;
  height: 180px;
  margin-right: 30px;
  overflow: hidden;
  border: 3px solid #000;
  border-radius: 15px;
  background-color: #000;
  box-sizing: border-box;
}
.news_item_cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_item_body {
  min-width: 0;
}
.news_item_title {
  font-size: 18px;
  font-weight: 700;
}
.news_item_title:hover {
  color: #07b36e;
}
.news_item_brief {
  display: -webkit-box;
  margin-top: 10px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: rgba(0,0,0,.45);
  font-size: 14px;
  line-height: 2;
}
.news_item_time,
.news_empty {
  margin-top: 20px;
  color: rgba(0,0,0,.45);
  font-size: 14px;
}
.news_empty {
  flex: 1;
  text-align: center;
}
.news_more {
  margin-top: 30px;
  text-align: center;
}
.news_more a {
  color: #07b36e;
  font-size: 16px;
}