/* terms / legal 法务长文。数值源:analysis/08 LEGAL CSS(other.css 照抄)。
   正文 HTML 来自 harvest 原文,类名保留原样(box_detail / num / bt-1 / dl 表)。 */

.page-width { max-width: 1200px; margin: 0 auto; padding: 0 55px; }
@media (max-width: 767px) { .page-width { padding: 0 22px; } }
.page-legal .breadcrumb ol { padding: 0 10px; } /* page-width 已有 55px 侧衬 */

/* 页标题 */
.box-mv-head { padding: 30px 0 0; text-align: center; }
@media (max-width: 767px) { .box-mv-head { padding: 80px 0 0; } }
.box-mv-head h1 { margin-bottom: 20px; font-size: 28px; font-weight: 500; line-height: 1; }
@media (max-width: 767px) { .box-mv-head h1 { margin-bottom: 15px; font-size: 20px; } }

/* 正文容器 936px */
.con_other_content { padding: 90px 1.25rem 130px; }
@media (max-width: 767px) { .con_other_content { padding: 60px 1.25rem 130px; } }
.con_other_content .box_other_detail { margin: 0 auto; max-width: 936px; }

/* 标题层级 —— 2026-08-02:正文条目原本是 h3,直接跟在页面 h1 后面(跳过 h2)。
   已在 legal.js 里提为 h2,样式跟着搬过来(字号沿用原 h3 的 18/15px,视觉不变)。
   原来那条 20px 的 `.box_other_detail h2` 是 harvest 带来的死规则——终局产物里
   一个 h2 都没有——所以直接被这里取代,不会影响任何现存元素。
   .bg-line-ylw / .bt-lbl 两个变体 legal.js 也没用到,保留备用。 */
.box_other_detail h2 { font-size: 18px; font-weight: 500; }
@media (max-width: 767px) { .box_other_detail h2 { font-size: 15px; line-height: 1.4; } }
.box_other_detail h2.bt-lbl { font-size: 17px; font-weight: 500; }
.box_other_detail h2 span.num { display: inline; padding-right: .4rem; }
.box_other_detail h2.bg-line-ylw span { position: relative; display: inline; z-index: 0; }
.box_other_detail h2.bg-line-ylw span::before {
  content: ""; position: absolute; left: -5px; right: -5px; top: 10px; bottom: -2px;
  z-index: -1; background: #FFFF24;
}

/* 段落 */
.box_other_detail .box_detail { font-size: 14px; line-height: 33px; margin: 18px 0 60px; }
@media (max-width: 767px) { .box_other_detail .box_detail { font-size: 13px; margin: 10px 0 50px; } }
.box_other_detail .box_detail p { line-height: 2; margin-bottom: 40px; }
.box_other_detail .box_detail.mlines p { line-height: 2; margin-bottom: 10px; }
.box_other_detail .box_detail p.lbl { line-height: 2; margin-bottom: 5px; }
.box_other_detail .box_detail p.hd { margin-top: 20px; }
.box_other_detail .box_detail p a { display: inline-block; text-decoration: underline; }
.box_other_detail .box_detail p a:hover { text-decoration: none; }
.box_other_detail .btn { text-align: center; margin-top: 180px; }
.box_other_detail .btn a { max-width: 255px; }

/* 特商法 dl「表」 */
.box_other_detail .box_detail.bt-1 { border-top: 1px solid #999; }
@media (max-width: 767px) { .box_other_detail .box_detail.bt-1 { margin: 20px 0 80px; } }
.box_other_detail .box_detail dl { display: table; width: 100%; border-bottom: 1px solid #999; padding: 15px 0; }
@media (max-width: 767px) { .box_other_detail .box_detail dl { padding: 10px 0; } }
.box_other_detail .box_detail dt { display: table-cell; width: 28%; font-weight: 500; vertical-align: middle; }
.box_other_detail .box_detail dd { display: table-cell; width: 70%; }
@media (max-width: 767px) {
  .box_other_detail .box_detail dt { display: inline-block; width: 100%; font-size: 14px; }
  .box_other_detail .box_detail dd { display: inline-block; width: 100%; font-size: 13px; line-height: 1.8; }
}
.box_other_detail .box_detail dl p { margin-bottom: 0; line-height: 1.8; }
.box_other_detail .box_detail dd em { display: block; font-style: normal; }
.box_other_detail .box_detail dd span { display: block; }
.box_other_detail .box_detail dd span.in { display: inline; }
@media (max-width: 767px) { .box_other_detail .box_detail dd span.in { display: block; } }
.box_other_detail .box_detail dd ul { margin-top: 5px; }
.box_other_detail .box_detail dd ul li { position: relative; padding-left: 15px; line-height: 1.8; }
.box_other_detail .box_detail dd ul li::before { content: "·"; position: absolute; left: 0; top: 0; }

/* 嵌套编号/标签列表 */
.box_other_detail .box_detail .otr-list { position: relative; width: 98%; margin: auto; line-height: 2; }
.box_other_detail .box_detail .otr-list.full { width: 100%; }
.box_other_detail .box_detail .otr-list li .liitm.lbl { display: inline-block; width: 12%; min-width: 100px; margin-left: 5px; vertical-align: top; }
.box_other_detail .box_detail .otr-list li .liitm.ctn { display: inline-block; width: 68%; margin-left: 5px; vertical-align: top; }