@charset "utf-8";
/* help 页面移动端适配（仅被 /help/** 页面引用）
   作用域全部限定在 #help-wrapper / #help-nav / #help-article，
   选择器加 body 前缀是为了压过页面内联 <style>（同等 ID 权重时内联在后）。
   不影响其它任何页面。 */

/* 桌面端不显示折叠按钮 */
#help-nav .help-nav-toggle {
  display: none;
}

/* 平板：左栏收窄一点，但仍是左右布局 */
@media only screen and (max-width: 980px) {
  /* 页面内联只给了 margin-left，窄屏右侧会贴屏，这里补成左右对称留白 */
  body #help-wrapper {
    margin-left: 1.1em;
    margin-right: 1.1em;
  }

  body #help-nav {
    min-width: 160px;
    margin-right: 1.2em;
    padding-right: 1.2em;
  }
}

/* 手机：左栏收起为可展开的「帮助导航」条，正文占满宽度 */
@media only screen and (max-width: 736px) {
  body #help-wrapper {
    display: block;
    margin-top: 1em;
  }

  body #help-nav {
    min-width: 0;
    width: auto;
    margin: 0 0 1.5em 0;
    padding: 0 0 0.75em 0;
    border-right: 0;
    border-bottom: solid 1px #e8e8e8;
  }

  body #help-nav > nav {
    display: none;
    padding-top: 0.75em;
  }

  body #help-nav.is-open > nav {
    display: block;
  }

  #help-nav .help-nav-toggle {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0 0.9em;
    text-align: left;
    font: inherit;
    font-weight: 700;
    color: #041c2f;
    background: #f7f9fa;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
  }

  #help-nav .help-nav-toggle:after {
    content: "\25BE";
    float: right;
    font-weight: 400;
    color: #7a8b96;
  }

  #help-nav.is-open .help-nav-toggle:after {
    content: "\25B4";
  }

  body #help-article {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

  body #help-article h1 {
    font-size: 1.5em;
    line-height: 1.4;
  }

  body #help-article img {
    max-width: 100%;
    height: auto;
  }

  /* 协议里若有宽表格，允许横向滚动而不是撑破页面 */
  body #help-article table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body #help-article pre {
    white-space: pre-wrap;
    word-break: break-word;
  }
}