@charset "utf-8";
/* ==========================================================================
   协议页（隐私政策、用户协议、会员协议、自动续费协议，中英文）
   --------------------------------------------------------------------------
   在 style.css 之上只管长文排版：颜色、字体、Token 全部沿用官网。
   这些页面也会在 App 内的 WebView 里打开，所以顶部只放 Logo，不放官网导航和下载按钮；
   条款正文的 HTML 不动，样式全部挂在 .lg-doc 下面。
   ========================================================================== */

/* 顶栏：和官网导航同一块悬浮条的样子，但不吸顶，读长文时不占屏 */
.lg-bar { padding: calc(var(--nav-top) + env(safe-area-inset-top, 0px)) var(--nav-inset) 0; }
.lg-bar__in {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-4);
  width: min(calc(800px + var(--gutter) * 2), 100%); height: var(--nav-h); margin: 0 auto; padding: 0 var(--s-3) 0 var(--s-5);
  border-radius: var(--r-nav); background: var(--ink-2); box-shadow: inset 0 0 0 1px rgba(245, 245, 240, .09);
}
.lg-bar__logo img { height: 28px; width: auto; }
.lg-bar__home { padding: 8px 12px; font-size: 14px; color: var(--chalk-2); transition: color var(--dur-1); }
.lg-bar__home:hover { color: var(--chalk); }
@media (max-width: 734px) { .lg-bar__logo img { height: 24px; } .lg-bar__in { padding-left: var(--s-4); } }

/* 正文 */
.lg-doc { max-width: calc(800px + var(--gutter) * 2); margin: 0 auto; padding: var(--s-8) var(--gutter) var(--s-9); }
.lg-doc h1 {
  margin-bottom: var(--s-4); padding-right: .12em;
  font: 700 var(--fs-h2)/var(--lh-h2) var(--font-display); font-synthesis: none; word-spacing: -.12em;
  color: var(--chalk); text-wrap: balance;
}
.lg-doc .effective-date { margin: 0 0 4px; font-size: 14px; font-style: normal; line-height: 1.6; text-align: left; color: var(--chalk-3); }
.lg-doc .effective-date + :not(.effective-date) { margin-top: var(--s-7); }

.lg-doc h2 {
  margin: var(--s-7) 0 var(--s-4); padding-top: var(--s-6); border-top: 1px solid var(--line);
  font-size: 21px; line-height: 1.45; font-weight: 600; color: var(--chalk);
}
.lg-doc h3 { margin: var(--s-5) 0 var(--s-2); font-size: 17px; line-height: 1.5; font-weight: 600; color: var(--chalk); }
.lg-doc p, .lg-doc li { font-size: 16px; line-height: 1.85; color: var(--chalk-2); }
.lg-doc p { margin: 0 0 14px; }
.lg-doc strong { font-weight: 600; color: var(--chalk); }
.lg-doc a { color: var(--chalk); text-decoration: underline; text-decoration-color: var(--line-2); text-underline-offset: 3px; overflow-wrap: anywhere; transition: text-decoration-color var(--dur-1); }
.lg-doc a:hover { text-decoration-color: var(--brand); }
.lg-doc ul, .lg-doc ol { margin: 0 0 14px; padding-left: 1.5em; }
.lg-doc ul { list-style: disc; }
.lg-doc ol { list-style: decimal; }
.lg-doc li { margin-bottom: 6px; }
.lg-doc ul li::marker { color: var(--chalk-3); }
.lg-doc ol li::marker { font-family: var(--font-num); color: var(--brand); }
.lg-doc li > ul, .lg-doc li > ol { margin: 6px 0 0; }

/* 原稿里的提示块：导语（.notice）和信息块（.info-block），样式同官网页内提示条 */
.lg-doc .notice, .lg-doc .info-block {
  margin: 0 0 var(--s-4); padding: var(--s-4) var(--s-5);
  border: 0; border-radius: var(--r-sm); background: var(--ink-2);
  box-shadow: inset 3px 0 0 var(--brand), inset 0 0 0 1px var(--line);
  font-size: 15px; line-height: 1.8; color: var(--chalk-2);
}
.lg-doc .notice { margin-bottom: var(--s-6); }
.lg-doc .info-block p, .lg-doc .notice p { margin: 0 0 6px; font-size: 15px; }
.lg-doc .info-block p:last-child, .lg-doc .notice p:last-child { margin-bottom: 0; }
/* 条款子项：悬挂缩进，编号（1）（2）单独对齐 */
.lg-doc .clause { margin: 0 0 10px; padding-left: 2em; text-indent: -2em; }

@media (max-width: 734px) {
  .lg-doc { padding-top: var(--s-7); padding-bottom: var(--s-8); }
  .lg-doc h2 { margin-top: var(--s-6); padding-top: var(--s-5); font-size: 19px; }
  .lg-doc p, .lg-doc li { font-size: 15px; }
  .lg-doc .notice, .lg-doc .info-block { padding: 14px 16px; }
}

/* 页脚：只留版权和备案，同官网页脚最后一行 */
.lg-foot { border-top: 1px solid var(--line); }
.lg-foot .cb-footer__bottom { max-width: calc(800px + var(--gutter) * 2); margin: 0 auto; padding: var(--s-5) var(--gutter) calc(var(--s-6) + env(safe-area-inset-bottom, 0px)); border-top: 0; }