/* Hello GPT 15号模板：桌面端下载区与导航微调（2026-09-10） */

/* 顶部的黄色试用入口完全移除，试用入口只保留在首屏左侧。 */
.site-header .login,
.site-header .login[data-hello-trial="true"] {
  display: none !important;
  pointer-events: none !important;
}

@media (min-width: 901px) {
  /* 让四个主菜单在页头真正居中，同时保留更舒展的阅读距离。 */
  .site-header .nav-wrap {
    position: relative;
  }

  .site-header nav {
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    gap: clamp(42px, 5vw, 82px);
    transform: translateX(-50%);
  }

  .site-header nav .nav-link {
    padding-inline: 2px;
    letter-spacing: .04em;
  }
}

/* 首屏的主入口更大、字距更舒展，避免与顶部菜单抢视觉焦点。 */
.hero .hero-actions .primary[data-hello-trial="true"] {
  min-width: 330px !important;
  min-height: 68px !important;
  padding: 18px 40px !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #327cff 0%, #6955ee 100%) !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: .09em;
  box-shadow: 0 16px 30px rgba(57, 89, 226, .30) !important;
}

.hero .hero-actions .primary[data-hello-trial="true"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(57, 89, 226, .38) !important;
}

/* 原先 iframe 没有宽度，浏览器默认把它缩成 300px，四张卡就被挤成竖排。
   这里使它占据下载区的主要宽度，子页面会自然排成居中横向卡片。 */
.hello-download-embed-wrap {
  padding: 48px 24px 96px;
  overflow: hidden;
  background: linear-gradient(180deg, #f4f8ff 0%, #fff 100%);
}

.hello-download-embed {
  display: block;
  box-sizing: border-box;
  width: min(1180px, calc(100% - 48px));
  min-height: 720px;
  margin: 0 auto;
  border: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 58px rgba(32, 59, 121, .12);
}

@media (max-width: 900px) {
  .hello-download-embed-wrap {
    padding: 34px 16px 68px;
  }

  .hello-download-embed {
    width: 100%;
    min-height: 780px;
    border-radius: 18px;
  }
}

@media (max-width: 650px) {
  .hero .hero-actions .primary[data-hello-trial="true"] {
    min-width: min(330px, 88vw) !important;
    min-height: 60px !important;
    padding: 15px 24px !important;
    font-size: 18px !important;
  }
}