@charset "utf-8";

/* 1. 基础全局设置 */
body {
    color: #444; /* 稍微加深文字颜色，提升对比度 */
    font-size: 14px; /* 移动端标准阅读字号 */
    line-height: 1.6;
    background-color: #fff;
    -webkit-font-smoothing: antialiased; /* 字体抗锯齿，文字更清晰 */
}

/* 2. 容器与通用类 */
.content_box {
    padding: 0 18px 50px 18px; /* 增加底部留白 */
}

.content_box .dark_color {
    color: #1a1a1a;
}

.content_box .light_color {
    color: #e03131; /* 品牌红色突出 */
    font-weight: 600;
}

.content_box .span_bold {
    font-weight: 700;
}

/* 3. 标题与日期 */
.content_box .title_box {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin: 40px auto 20px auto;
    color: #000;
}

.content_box .date_box {
    font-size: 13px;
    color: #888;
    margin-bottom: 5px;
    font-weight: normal;
}

/* 4. 条款层级样式 */
.content_box .title_font {
    /* font-size: 17px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 10px;
    display: block;
    color: #222; */
    
    font-size: 18px;
    color: #1a1a1a;
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
    margin-top: 30px;
}

.content_box .subtitle_font {
    font-size: 15px;
    font-weight: 700;
    margin-top: 18px;
    margin-bottom: 8px;
    display: block;
    color: #333;
}

.content_box .tips_title {
    margin: 20px 0 10px 0;
}

.content_box .tips_content {
    margin-bottom: 12px;
    text-align: justify; /* 两端对齐，排版更整齐 */
    word-break: break-all; /* 防止长字母串撑破布局 */
    text-indent: 1em; /*普通段落首行缩进*/
}

/* 5. 表格深度优化 (SDK列表/权限列表) */
.content_box .table_box {
    width: 100%;
    overflow-x: auto; /* 仅横向滚动 */
    -webkit-overflow-scrolling: touch; /* 顺滑滚动 */
    margin: 15px 0;
}

.content_box table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px; /* 表格内部字号可略小 */
    border: 1px solid #ddd;
    table-layout: auto;
}

.content_box table th {
    background-color: #f8f9fa; /* 表头浅色背景 */
    font-weight: 600;
}

.content_box table td,
.content_box table th {
    border: 1px solid #ddd;
    padding: 10px 8px;
    text-align: left; /* 协议表格通常靠左阅读更好 */
}

/* 针对特定列的宽度限制 */
.content_box .min_width_200 { min-width: 120px; }
.content_box .min_width_300 { min-width: 180px; }

/* 链接点击效果 */
.content_box a {
    color: #0056b3;
    text-decoration: underline;
}

/* 特别提示卡片化 */
.content_box .notice_card {
    background-color: #fff9f9;
    border: 1px solid #ffcfcf;
    border-radius: 8px;
    padding: 15px;
    margin: 20px 0;
}

/* 强调重点内容 */
.content_box .important_text {
    color: #000;
    font-weight: 700;
    text-decoration: underline; /* 增加下划线强化显著性 */
}

/* 列表项缩进 */
.content_box .list_item {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 8px;
}

/* 子标题样式（补充，提升可读性） */
.sub-title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin: 15px 0 8px;
}
/* 三级标题样式（补充，适配多层级内容） */
.sub-sub-title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin: 12px 0 6px;
}
/* 列表样式（补充，适配内容排版） */
.content-list {
    margin: 10px 0 10px 20px;
    padding-left: 2em; /*2em 的对齐缩进外*/
}
.content-list li {
    margin-bottom: 8px;
    list-style-type: disc;
}

/* 表格样式（适配移动端，满足应用市场展示要求） */
.content-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 12px;
    overflow-x: auto;
    display: block;
}
.content-table th, .content-table td {
    border: 1px solid #eee;
    padding: 8px;
    text-align: left;
}
.content-table th {
    background-color: #f9f9f9;
    font-weight: 500;
}
/*底部样式*/
.foot {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
    color: #ccc;
    font-size: 12px;
}