/* 黄果在参考站之外加的东西(用户 11-11 拍板):商务合作 / 永久导航 / 官方邮箱 / 吸底下载条 / 域名未启用。
 * 只用参考站自己的调色板:正文 #F2F2F4 / 次要 #B9BBC2 / 弱 #6B6B74,品牌洋红 #EC237F,
 * 主渐变 135° #FF4A7B → #EC237F 52% → #93226F;B 版链接金 #F8DFA0(参考站 .mb-contacts 同色)。
 * 尺寸单位跟所在版面走:手机 A 版用 rem(参考站 flexible,1rem = 屏宽/10,封顶 54px),电脑 A 版是 1440 设计稿 px(整页按比例缩放)。 */

/* ---------- 手机 A 版:「关于」区标语下面 ---------- */
.hg-contacts { display: flex; flex-direction: column; align-items: center; gap: .16rem; margin-top: .053rem; }
.hg-contacts .hg-rows { display: grid; grid-template-columns: auto auto; column-gap: .213rem; row-gap: .16rem; align-items: baseline;
  font-size: .32rem; line-height: .48rem; color: #b9bbc2; white-space: nowrap; }
.hg-contacts .hg-rows b { justify-self: end; font-weight: 400; color: #6b6b74; }
.hg-contacts .hg-rows a { justify-self: start; }
.hg-contacts a { color: #f2f2f4; text-decoration: none; border-bottom: .027rem solid rgba(236, 35, 127, .45); }
.hg-contacts a:active { color: #ec237f; }
/* 商务合作:与首屏「AI短剧 · AI漫剧」标签同一套描边胶囊 */
.hg-contacts a.hg-biz { margin-top: .16rem; padding: .08rem .4rem; border: .027rem solid #ec237f; border-radius: 2.64rem; background: rgba(236, 35, 127, .1);
  color: #ec237f; font-size: .373rem; font-weight: 600; line-height: .533rem; white-space: nowrap; }

/* ---------- 电脑 A 版:「关于」区(1440 设计稿坐标,logo+标语那一行在 top 117~213) ---------- */
.pcm-about .hg-contacts { position: absolute; left: 393px; top: 246px; flex-direction: row; align-items: center; gap: 40px; margin: 0; }
.pcm-about .hg-contacts .hg-rows { display: flex; gap: 0; font-size: 18px; line-height: 28px; }
.pcm-about .hg-contacts .hg-rows b { margin: 0 14px 0 40px; }
.pcm-about .hg-contacts .hg-rows b:first-child { margin-left: 0; }
.pcm-about .hg-contacts a { border-bottom-width: 1px; }
.pcm-about .hg-contacts a:hover { color: #ec237f; }
.pcm-about .hg-contacts a.hg-biz { margin: 0; padding: 3px 22px; border-width: 1px; border-radius: 99px; font-size: 18px; line-height: 28px; }
.pcm-about .hg-contacts a.hg-biz:hover { background: rgba(236, 35, 127, .2); }

/* ---------- 电脑 B 版:简介下面一行(沿用 .pcm-b-description 的字号体系,只改纵向位置) ---------- */
.pcm-b-copy .hg-b-contacts.pcm-b-description { top: 95.2%; pointer-events: auto; color: rgba(242, 242, 244, .72); }
.hg-b-contacts a { color: #f8dfa0; text-decoration: none; }
.hg-b-contacts a:hover { text-decoration: underline; }
.hg-b-contacts .hg-sep { display: inline-block; width: 1px; height: .9em; margin: 0 1em; vertical-align: -.1em; background: rgba(242, 242, 244, .3); }

/* ---------- 手机 A 版:吸底下载条(外观复用参考站顶栏 .topBar / .logoWrap / .clientBtn) ---------- */
.hg-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; transform: translateY(100%); transition: transform .25s ease, visibility .25s;
  visibility: hidden; padding-bottom: env(safe-area-inset-bottom, 0px); background: rgba(11, 11, 13, .98);
  border-top: .027rem solid rgba(236, 35, 127, .28); box-shadow: 0 -.107rem .427rem rgba(0, 0, 0, .5); }
.hg-sticky.is-on { transform: translateY(0); visibility: visible; }
.hg-sticky .topBar { background: transparent; }
.hg-sticky-name { display: flex; flex-direction: column; gap: .027rem; }
.hg-sticky-name em { font-style: normal; font-size: .293rem; line-height: .4rem; color: #6b6b74; white-space: nowrap; }
.hg-sticky-spacer { height: calc(1.547rem + env(safe-area-inset-bottom, 0px)); background: #0b0b0d; }
@media (prefers-reduced-motion: reduce) { .hg-sticky { transition: none; } }

/* ---------- 域名未启用(后端权威否定;停用 / 封禁当场生效) ---------- */
.hg-off { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px;
  box-sizing: border-box; background: #0b0b0d; color: #f2f2f4; font-family: PingFang SC, -apple-system, Helvetica Neue, Arial, sans-serif; text-align: center; }
.hg-off h1 { margin: 0; font-size: 20px; font-weight: 600; }
.hg-off p { margin: 0; font-size: 14px; line-height: 22px; color: #b9bbc2; }

/* ---------- A 版胶囊(商务合作 / 在线客服)并排 ---------- */
.hg-contacts .hg-pills { display: flex; gap: .267rem; margin-top: .16rem; }
.hg-contacts .hg-pills a.hg-biz { margin-top: 0; }
.pcm-about .hg-contacts .hg-pills { margin: 0; gap: 16px; }

/* ---------- 在线客服面板(外观复用参考站安装引导卡片 .guideCard) ---------- */
.hg-cs .hg-cs-card { gap: .32rem; }
/* 🔴 flex-shrink:0:卡片(.guideCard)是纵向 flex 且自身可滚,带 overflow 的子项默认会被压成 0 高(实测消息 2 条、高度 0) */
.hg-cs-card > * { flex-shrink: 0; }
.hg-cs-log { width: 100%; max-height: 4.8rem; overflow-y: auto; display: flex; flex-direction: column; gap: .213rem; overscroll-behavior: contain; }
.hg-cs-log.is-empty { display: none; }
.hg-cs-msg { max-width: 86%; padding: .16rem .267rem; border-radius: .267rem; font-size: .32rem; line-height: .48rem; box-sizing: border-box; }
.hg-cs-msg b { display: block; font-weight: 400; font-size: .267rem; line-height: .4rem; color: #6b6b74; }
.hg-cs-msg p { margin: 0; white-space: pre-wrap; word-break: break-word; color: #f2f2f4; }
.hg-cs-msg.is-me { align-self: flex-end; background: rgba(236, 35, 127, .16); }
.hg-cs-msg.is-staff { align-self: flex-start; background: #232328; }
/* 🔴 字号不低于 16px:iOS Safari 输入框字号 < 16px 时一聚焦就整页放大 */
.hg-cs-input, .hg-cs-contact { width: 100%; box-sizing: border-box; padding: .213rem .267rem; border: .027rem solid rgba(255, 255, 255, .08); border-radius: .213rem;
  background: #141417; color: #f2f2f4; font-family: inherit; font-size: max(16px, .373rem); line-height: 1.4; outline: none; -webkit-appearance: none; appearance: none; }
.hg-cs-input { resize: none; min-height: 1.6rem; }
.hg-cs-input:focus, .hg-cs-contact:focus { border-color: rgba(236, 35, 127, .6); }
.hg-cs-input::placeholder, .hg-cs-contact::placeholder { color: #6b6b74; }
.hg-cs .guideConfirm { margin-top: 0; }
.hg-cs-status { width: 100%; min-height: .48rem; font-size: .32rem; line-height: .48rem; color: #b9bbc2; text-align: center; }
.hg-cs-status.is-bad { color: #ff4a7b; }

/* 常见问题:折叠列表(序号圆点沿用引导卡的 .stepIndex) */
.hg-faqs { width: 100%; display: flex; flex-direction: column; gap: .16rem; }
.hg-faq { width: 100%; border-radius: .213rem; background: hsla(0, 0%, 100%, .04); }
.hg-faq summary { display: flex; align-items: center; gap: .213rem; padding: .213rem .267rem; list-style: none; cursor: pointer;
  color: #f2f2f4; font-size: .347rem; font-weight: 600; line-height: .48rem; }
.hg-faq summary::-webkit-details-marker { display: none; }
.hg-faq summary::after { content: ""; margin-left: auto; width: .16rem; height: .16rem; border-right: .027rem solid #6b6b74; border-bottom: .027rem solid #6b6b74;
  transform: rotate(45deg); transition: transform .15s ease; }
.hg-faq[open] summary::after { transform: rotate(-135deg); }
.hg-faq summary .stepIndex { flex-shrink: 0; transform: scale(.8); }
.hg-faq p { margin: 0; padding: 0 .267rem .267rem 1.067rem; color: #b9bbc2; font-size: .32rem; line-height: .48rem; }

/* 安装引导里的「换一条线路」(用户 11-11:测速选线后,失败时用下一条)——沿用「查看常见问题」的样式,排在它上面 */
.guideHelp.hg-switch { margin-bottom: .16rem; font-weight: 600; cursor: pointer; }