/* FAQ / 使用指南：严格对齐个人中心截图1 —— 全页无卡片、无边框、无阴影。
   左侧透明导航 + 右侧裸文字 + 白色(浅色)/深色(暗色)输入框。颜色只用 token。 */
body.page-faq, body.page-user-guide {
  background: var(--color-page) !important;
  color: var(--color-text);
  min-height: 100vh;
}
/* 布局：同 profile-workbench / profile-split */
body.page-faq .doc-page-container, body.page-user-guide .doc-page-container {
  width: 100%; max-width: none;
  padding: 0 24px 72px !important; margin: 0 auto;
}
body.page-faq .doc-main-layout, body.page-user-guide .doc-main-layout {
  display: grid !important; width: 100%; max-width: none; margin: 0;
  grid-template-columns: 240px minmax(0,1fr); gap: 40px; align-items: start;
}
body.page-faq .doc-sidebar, body.page-user-guide .doc-sidebar {
  position: sticky; top: 88px; width: 240px; min-width: 240px; padding-top: 30px;
}
/* 左侧：透明、无卡片 */
body.page-faq .doc-sidebar-nav, body.page-user-guide .doc-sidebar-nav {
  padding: 0 !important; margin: 0 !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  backdrop-filter: none !important; animation: none !important;
}
body.page-faq .sidebar-group, body.page-user-guide .sidebar-group {
  padding: 0 !important; margin: 0 0 24px !important; background: transparent !important; border: 0 !important;
}
body.page-faq .sidebar-group-title, body.page-user-guide .sidebar-group-title {
  padding: 0 10px 9px !important; margin: 0 !important; border: 0 !important; background: transparent !important;
  color: var(--color-text-muted) !important; font-size: 11px !important; font-weight: 400 !important;
  line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important;
}
body.page-faq .sidebar-items, body.page-faq .sidebar-subitems,
body.page-user-guide .sidebar-items, body.page-user-guide .sidebar-subitems {
  padding: 0 !important; margin: 0 !important; list-style: none !important;
  background: transparent !important; border: 0 !important;
}
body.page-faq .sidebar-items > li, body.page-user-guide .sidebar-items > li { background: transparent !important; }
body.page-faq .sidebar-link, body.page-user-guide .sidebar-link {
  display: block; min-height: 38px; margin: 0 0 2px !important; padding: 8px 10px !important;
  border: 0 !important; border-radius: 9px !important; background: transparent !important;
  color: var(--color-text-muted) !important; font-size: 14px !important; font-weight: 500 !important;
  line-height: 22px !important; text-decoration: none !important; box-shadow: none !important;
}
body.page-faq .sidebar-link:hover, body.page-user-guide .sidebar-link:hover {
  color: var(--color-text) !important; background: var(--color-hover) !important;
}
body.page-faq .sidebar-link.active, body.page-faq .sidebar-link.is-parent-active,
body.page-user-guide .sidebar-link.active {
  color: var(--color-text) !important; background: var(--color-surface-selected) !important;
}
body.page-faq .sidebar-sublink, body.page-user-guide .sidebar-sublink {
  display: block; margin: 0 0 2px !important; padding: 7px 10px 7px 26px !important;
  border: 0 !important; border-radius: 9px !important; background: transparent !important;
  color: var(--color-text-muted) !important; font-size: 13px !important; font-weight: 400 !important;
  line-height: 20px !important; text-decoration: none !important;
}
body.page-faq .sidebar-sublink:hover, body.page-user-guide .sidebar-sublink:hover {
  color: var(--color-text) !important; background: var(--color-hover) !important;
}
body.page-faq .sidebar-sublink.active, body.page-user-guide .sidebar-sublink.active {
  color: var(--color-accent) !important; background: var(--color-surface-selected) !important;
}
/* 右侧：全部透明、无卡片、无边框 —— 同 profile-main-panel / profile-inner-card(霁光透明态) */
body.page-faq .doc-content-area, body.page-user-guide .doc-content-area,
body.page-faq .doc-section, body.page-user-guide .user-guide-section,
body.page-faq .intro-box, body.page-faq .doc-faq-item, body.page-faq .doc-step,
body.page-faq .doc-contact-form, body.page-faq .faq-subsection,
body.page-user-guide .user-guide-body {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
body.page-faq .doc-content-area, body.page-user-guide .doc-content-area {
  min-width: 0; padding: 34px 0 0 !important; color: var(--color-text);
}
body.page-faq .doc-section, body.page-user-guide .user-guide-section {
  margin: 0 0 32px !important; padding: 0 !important; scroll-margin-top: 100px;
}
body.page-faq .doc-main-title, body.page-user-guide .user-guide-body h1 {
  margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
  color: var(--color-text) !important; font-size: 25px !important; font-weight: 500 !important;
  line-height: 1.3 !important; letter-spacing: -0.02em !important;
}
body.page-faq .doc-section-title {
  margin: 0 0 14px !important; padding: 0 !important; border: 0 !important;
  color: var(--color-text) !important; font-size: 15px !important; font-weight: 600 !important;
}
body.page-user-guide .user-guide-body h2 {
  margin: 28px 0 14px !important; padding: 0 !important; border: 0 !important;
  color: var(--color-text) !important; font-size: 15px !important; font-weight: 600 !important;
}
body.page-user-guide .user-guide-body h2:first-child { margin-top: 0 !important; }
/* 正文：小字弱化，同个人中心 p.small 12-13px */
body.page-faq .intro-paragraph, body.page-faq .contact-intro,
body.page-faq .intro-footer, body.page-faq .contact-form-hint,
body.page-faq .doc-faq-answer, body.page-faq .doc-faq-answer p,
body.page-faq .step-info p,
body.page-user-guide .user-guide-body p, body.page-user-guide .user-guide-body li {
  color: var(--color-text-muted) !important; font-size: 13px !important; line-height: 1.7 !important;
}
body.page-faq .intro-box { padding: 0 !important; margin: 0 !important; }
body.page-faq .intro-heading, body.page-faq .step-info h4,
body.page-faq .faq-subsection-title,
body.page-user-guide .user-guide-body h3, body.page-user-guide .user-guide-body h4 {
  color: var(--color-text) !important; font-size: 14px !important; font-weight: 600 !important;
  margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
body.page-faq .intro-heading { margin: 18px 0 10px !important; }
body.page-faq .faq-subsection { margin: 0 0 20px !important; padding: 0 !important; }
body.page-faq .faq-subsection-title::before { background: var(--color-accent) !important; }
body.page-faq .intro-services { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.page-faq .intro-services li {
  padding: 10px 0 10px 18px !important; margin: 0 !important; position: relative;
  border-bottom: 1px solid var(--color-border) !important; background: transparent !important;
}
body.page-faq .intro-services li:last-child { border-bottom: 0 !important; }
body.page-faq .intro-services li::before {
  content: "" !important; position: absolute; left: 2px; top: 17px; width: 6px; height: 6px;
  border-radius: 50%; background: var(--color-accent) !important; box-shadow: none !important;
  border: 0 !important; transform: none !important;
}
body.page-faq .intro-services li strong { color: var(--color-text) !important; }
body.page-faq .intro-footer { border-top: 0 !important; font-style: normal !important; margin: 14px 0 0 !important; padding: 0 !important; }
/* 问答行：只留底部分隔线，同 profile-binding-row */
body.page-faq .doc-faq-list, body.page-faq .doc-steps { display: block !important; margin: 0 !important; padding: 0 !important; }
body.page-faq .doc-faq-item { padding: 0 !important; border-bottom: 1px solid var(--color-border) !important; }
body.page-faq .doc-faq-item:last-child { border-bottom: 0 !important; }
body.page-faq .doc-faq-question {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 13px 2px !important; background: transparent !important; border: 0 !important;
  color: var(--color-text) !important; font-size: 14px !important; font-weight: 500 !important;
  cursor: pointer; text-align: left;
}
body.page-faq .doc-faq-question:hover { background: transparent !important; color: var(--color-accent) !important; }
body.page-faq .doc-faq-question i { color: var(--color-text-muted) !important; font-size: 12px; transition: transform .2s; }
body.page-faq .doc-faq-question.expanded i { transform: rotate(180deg); color: var(--color-accent) !important; }
body.page-faq .doc-faq-answer { padding: 0 2px 14px !important; }
body.page-faq .doc-faq-answer p { margin: 0 !important; }
/* 步骤行：序号小圆点 + 右侧文字，同 profile */
body.page-faq .doc-step {
  display: flex !important; gap: 14px !important; align-items: flex-start !important;
  padding: 14px 2px !important; border-bottom: 1px solid var(--color-border) !important;
  transform: none !important;
}
body.page-faq .doc-step:last-child { border-bottom: 0 !important; }
body.page-faq .doc-step:hover { transform: none !important; }
body.page-faq .step-num {
  flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--color-accent) !important; color: var(--color-accent-fg) !important;
  font-size: 13px !important; font-weight: 600 !important; border: 0 !important;
}
body.page-faq .step-info h4 { margin: 2px 0 4px !important; }
body.page-faq .step-info p { margin: 0 !important; }
/* 联系表单：label 深色 + 输入框纯白(霁光)/深底(暗色)，同个人中心 */
body.page-faq .doc-contact-form { padding: 6px 0 0 !important; margin: 0 !important; }
body.page-faq .doc-contact-form .field-label {
  color: var(--color-text) !important; font-size: 13px !important; font-weight: 600 !important;
  margin: 0 0 6px !important; display: block;
}
body.page-faq .doc-contact-form .input-inline {
  width: 100%; min-height: 38px; font-size: 13px;
  color: var(--color-text) !important; background: #fff !important;
  border: 1px solid var(--color-border) !important; border-radius: 8px !important; box-shadow: none !important;
}
body.page-faq .doc-contact-form .input-inline::placeholder { color: var(--color-text-muted) !important; opacity: .7; }
body.page-faq .doc-contact-form .input-inline:focus {
  border-color: var(--color-border-strong) !important;
  box-shadow: 0 0 0 3px var(--color-focus) !important; outline: none;
}
body.page-faq .doc-contact-form .doc-contact-textarea { min-height: 110px; resize: vertical; }
body.page-faq .doc-contact-form .btn.btn-primary {
  min-height: 34px; padding: 7px 18px !important; border-radius: 8px !important;
  font-size: 13px !important; font-weight: 500 !important;
  color: var(--color-accent-fg) !important; background: var(--color-accent) !important;
  border: 1px solid var(--color-accent) !important; box-shadow: none !important;
}
body.page-faq .doc-contact-form .btn.btn-primary:hover:not(:disabled) {
  background: var(--color-accent-hover) !important; border-color: var(--color-accent-hover) !important; transform: none;
}
/* 使用指南正文 */
body.page-user-guide .user-guide-body { padding: 0 !important; margin: 0 !important; }
body.page-user-guide .user-guide-body strong { color: var(--color-text) !important; }
body.page-user-guide .user-guide-body a { color: var(--color-accent) !important; text-decoration: none; }
body.page-user-guide .user-guide-body hr { border: 0 !important; border-top: 1px solid var(--color-border) !important; opacity: 1; margin: 20px 0 !important; }
body.page-user-guide .user-guide-body th, body.page-user-guide .user-guide-body td { border-color: var(--color-border) !important; }
body.page-user-guide .user-guide-body code:not(.hljs) {
  color: var(--color-accent) !important; background: var(--color-surface-selected) !important;
  border: 1px solid var(--color-border) !important; border-radius: 6px; padding: 0 5px; font-size: 12px;
}
body.page-user-guide .user-guide-loading { color: var(--color-text-muted) !important; font-size: 13px !important; }
body.page-faq .footer-section, body.page-user-guide .footer-section { display: none !important; }
/* 暗色主题输入框跟随个人中心深底 */
html:not(.theme-palette-jiguang) body.page-faq .doc-contact-form .input-inline {
  background: #141a24 !important; border-color: var(--color-border) !important; color: var(--color-text) !important;
}
html.theme-palette-xuanmo body.page-faq .doc-contact-form .input-inline { background: #15171c !important; }
/* 最终覆盖：secondary_experience.css 的 body.cyber-theme 规则使用了 !important，必须在本页样式之后明确收口。 */
body.page-faq aside.doc-sidebar,
body.page-user-guide aside.doc-sidebar,
body.page-faq .doc-sidebar-nav,
body.page-user-guide .doc-sidebar-nav,
body.page-faq .sidebar-group,
body.page-user-guide .sidebar-group,
body.page-faq .sidebar-items,
body.page-user-guide .sidebar-items,
body.page-faq .sidebar-subitems,
body.page-user-guide .sidebar-subitems {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-faq .doc-steps {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-faq .doc-steps > .doc-step {
  width: 100% !important;
  min-height: 72px !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  background: var(--color-surface-raised) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

body.page-faq .doc-steps > .doc-step:last-child {
  border-bottom: 1px solid var(--color-border) !important;
}

body.page-faq .doc-steps .step-num {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  margin: 0 !important;
}

body.page-faq .doc-steps .step-info {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.page-faq .doc-steps .step-info h4 {
  margin: 1px 0 5px !important;
  line-height: 1.4 !important;
}

body.page-faq .doc-steps .step-info p {
  line-height: 1.65 !important;
}

/* 文档页最终收口：这些容器必须与个人中心侧栏保持同一层级，不显示白色卡片底。 */
body.page-faq div.doc-sidebar-nav,
body.page-faq nav.doc-sidebar-nav,
body.page-faq div.intro-box,
body.page-user-guide div.doc-sidebar-nav,
body.page-user-guide nav.doc-sidebar-nav,
body.page-user-guide div.intro-box,
body.page-faq .doc-sidebar-nav::before,
body.page-faq .doc-sidebar-nav::after,
body.page-faq .intro-box::before,
body.page-faq .intro-box::after,
body.page-user-guide .doc-sidebar-nav::before,
body.page-user-guide .doc-sidebar-nav::after,
body.page-user-guide .intro-box::before,
body.page-user-guide .intro-box::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.page-faq div.doc-sidebar-nav,
body.page-faq nav.doc-sidebar-nav,
body.page-faq div.intro-box,
body.page-user-guide div.doc-sidebar-nav,
body.page-user-guide nav.doc-sidebar-nav,
body.page-user-guide div.intro-box {
  border: 0 !important;
  border-radius: 0 !important;
}

/* 亮色文档页：直接覆盖 site-theme.css 中 body.cyber-theme 的白色卡片样式。 */
html.theme-palette-jiguang body.page-faq.cyber-theme .doc-sidebar-nav,
html.theme-palette-jiguang body.page-faq.cyber-theme div.doc-sidebar-nav,
html.theme-palette-jiguang body.page-faq.cyber-theme nav.doc-sidebar-nav,
html.theme-palette-jiguang body.page-faq.cyber-theme .intro-box,
html.theme-palette-jiguang body.page-faq.cyber-theme div.intro-box {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* 霁光主题中 theme-jiguang.css 使用了更高优先级的白色卡片规则，这里最终覆盖 FAQ 问答行与联系表单。 */
html.theme-palette-jiguang body.page-faq.cyber-theme .doc-faq-item,
html.theme-palette-jiguang body.page-faq.cyber-theme form#contactForm,
html.theme-palette-jiguang body.page-faq.cyber-theme .doc-contact-form {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 800px) {
  body.page-faq .doc-page-container, body.page-user-guide .doc-page-container { padding: 0 16px 56px !important; }
  body.page-faq .doc-main-layout, body.page-user-guide .doc-main-layout { grid-template-columns: 1fr; gap: 0; }
  body.page-faq .doc-sidebar, body.page-user-guide .doc-sidebar { position: static; width: 100%; min-width: 0; padding-top: 16px; }
  body.page-faq .doc-sidebar-nav, body.page-user-guide .doc-sidebar-nav { display: flex; gap: 4px; overflow-x: auto; padding-bottom: 2px !important; }
  body.page-faq .sidebar-group, body.page-user-guide .sidebar-group { display: contents; margin: 0 !important; }
  body.page-faq .sidebar-group-title, body.page-user-guide .sidebar-group-title { display: none; }
  body.page-faq .sidebar-items, body.page-user-guide .sidebar-items { display: contents; }
  body.page-faq .sidebar-items > li { display: contents; }
  body.page-faq .sidebar-subitems { display: none !important; }
  body.page-faq .sidebar-link, body.page-user-guide .sidebar-link { white-space: nowrap; }
  body.page-faq .doc-content-area, body.page-user-guide .doc-content-area { padding-top: 28px !important; }
  body.page-faq .doc-main-title, body.page-user-guide .user-guide-body h1 { font-size: 21px !important; }
}