/* ============================================
   page.css — 中科艾灸商城 单页内容（协议 / 政策 / 说明）
   结构：面包屑 → 墨绿标题条 → 居中宣纸文档卡 → 相关页面横排 → 帮助条
        （区别旧版：左侧栏 + 右富文本双栏）
   类名前缀：az_pg_
   ============================================ */

.az_pg_page { background: var(--az-paper); padding-bottom: 56px; }
.az_pg_in { max-width: 900px; margin: 0 auto; padding: 0 20px; }

/* 面包屑 */
.az_pg_crumb_bar { background: #fff; border-bottom: 1px solid var(--az-line); }
.az_pg_crumb {
    max-width: 900px; margin: 0 auto; padding: 13px 20px;
    display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--az-ink-2); flex-wrap: wrap;
}
.az_pg_crumb a { color: var(--az-ink-2); }
.az_pg_crumb a:hover { color: var(--az-green); }
.az_pg_crumb .sep { color: var(--az-ink-3); }
.az_pg_crumb .cur { color: var(--az-dark); font-weight: 600; }

/* ① 墨绿标题条 */
.az_pg_hd { background: var(--az-grad-dark); position: relative; overflow: hidden; }
.az_pg_hd::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--az-grad-line);
}
.az_pg_hd_in { max-width: 900px; margin: 0 auto; padding: 38px 20px 34px; text-align: center; position: relative; z-index: 1; }
.az_pg_hd_eyebrow {
    display: inline-flex; align-items: center; gap: 9px;
    font-size: 11.5px; font-weight: 600; letter-spacing: 3px; color: var(--az-gold-light); margin-bottom: 12px;
}
.az_pg_hd_eyebrow::before, .az_pg_hd_eyebrow::after { content: ''; width: 20px; height: 1px; background: rgba(200,162,74,.6); }
.az_pg_hd h1 {
    font-family: var(--az-serif); font-size: 29px; font-weight: 700; color: #fff; letter-spacing: 2px;
}
.az_pg_hd_meta {
    margin-top: 12px; display: flex; justify-content: center; gap: 22px; flex-wrap: wrap;
    font-size: 12.5px; color: rgba(255,255,255,.5);
}
.az_pg_hd_meta span { display: inline-flex; align-items: center; gap: 6px; }
.az_pg_hd_meta i { color: rgba(200,162,74,.75); font-size: 12px; }

/* ② 文档卡 */
.az_pg_doc {
    margin-top: -0px; background: #fff; border: 1px solid var(--az-line);
    border-radius: var(--az-radius); box-shadow: var(--az-shadow); position: relative; overflow: hidden;
    padding: 40px 46px 36px;
}
.az_pg_doc_wrap { padding-top: 30px; }
.az_pg_doc::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--az-grad-gold); }

/* 富文本正文 */
.az_pg_body { font-size: 14.5px; color: var(--az-ink); line-height: 2.05; }
.az_pg_body p { margin-bottom: 16px; text-align: justify; }
.az_pg_body h1, .az_pg_body h2, .az_pg_body h3, .az_pg_body h4 {
    font-family: var(--az-serif); color: var(--az-dark); font-weight: 700;
    margin: 30px 0 14px; padding-left: 14px; position: relative; letter-spacing: .5px; line-height: 1.5;
}
.az_pg_body h1::before, .az_pg_body h2::before, .az_pg_body h3::before, .az_pg_body h4::before {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 3px; height: 68%; background: var(--az-grad-gold); border-radius: 2px;
}
.az_pg_body h1 { font-size: 23px; }
.az_pg_body h2 { font-size: 20px; }
.az_pg_body h3 { font-size: 17.5px; }
.az_pg_body h4 { font-size: 16px; }
.az_pg_body ul, .az_pg_body ol { margin: 0 0 16px 22px; }
.az_pg_body ul li { list-style: disc; margin-bottom: 8px; }
.az_pg_body ol li { list-style: decimal; margin-bottom: 8px; }
.az_pg_body a { color: var(--az-green); text-decoration: underline; text-underline-offset: 3px; }
.az_pg_body a:hover { color: var(--az-gold-deep); }
.az_pg_body strong, .az_pg_body b { color: var(--az-green-deep); font-weight: 600; }
.az_pg_body img { max-width: 100%; height: auto; border-radius: var(--az-radius); margin: 14px 0; }
.az_pg_body blockquote {
    margin: 18px 0; padding: 14px 20px; background: var(--az-paper-2);
    border-left: 3px solid var(--az-gold); border-radius: 0 var(--az-radius) var(--az-radius) 0;
    color: var(--az-ink-2); font-size: 14px;
}
.az_pg_body table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 13.5px; }
.az_pg_body table th, .az_pg_body table td { border: 1px solid var(--az-line); padding: 10px 14px; text-align: left; }
.az_pg_body table th { background: var(--az-paper-2); color: var(--az-dark); font-weight: 600; }
.az_pg_body hr { border: none; border-top: 1px dashed var(--az-line); margin: 24px 0; }

/* 空内容 */
.az_pg_empty { padding: 56px 20px; text-align: center; }
.az_pg_empty_ic {
    width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 50%;
    background: var(--az-green-tint); color: var(--az-sage);
    display: flex; align-items: center; justify-content: center; font-size: 28px;
}
.az_pg_empty h3 { font-family: var(--az-serif); font-size: 18px; color: var(--az-dark); margin-bottom: 8px; }
.az_pg_empty p { font-size: 13.5px; color: var(--az-ink-3); }

/* 文档卡页脚 */
.az_pg_foot {
    margin-top: 30px; padding-top: 20px; border-top: 1px dashed var(--az-line);
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    font-size: 12.5px; color: var(--az-ink-3);
}
.az_pg_foot strong { color: var(--az-green-deep); font-weight: 600; }
.az_pg_foot_back {
    display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 20px;
    border: 1px solid var(--az-line); border-radius: var(--az-radius-sm);
    font-size: 13px; color: var(--az-ink-2); transition: all .22s;
}
.az_pg_foot_back:hover { border-color: var(--az-sage); color: var(--az-green-deep); background: var(--az-green-tint); }

/* ③ 相关页面横排 */
.az_pg_rel { margin-top: 30px; }
.az_pg_rel_h {
    display: flex; align-items: center; gap: 12px; margin-bottom: 14px;
    font-family: var(--az-serif); font-size: 17px; font-weight: 700; color: var(--az-dark); letter-spacing: 1px;
}
.az_pg_rel_h::after { content: ''; flex: 1; height: 1px; background: var(--az-line); }
.az_pg_rel_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.az_pg_rel_it {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 18px; background: #fff; border: 1px solid var(--az-line);
    border-radius: var(--az-radius); font-size: 13.5px; color: var(--az-ink-2); transition: all .22s;
}
.az_pg_rel_it i { color: var(--az-ink-3); font-size: 12px; transition: transform .2s, color .2s; }
.az_pg_rel_it:hover { border-color: var(--az-sage); color: var(--az-green-deep); box-shadow: var(--az-shadow-sm); }
.az_pg_rel_it:hover i { color: var(--az-green); transform: translateX(3px); }
.az_pg_rel_it.active { border-color: var(--az-gold); background: var(--az-gold-tint); color: var(--az-gold-deep); font-weight: 600; }

/* ④ 帮助条 */
.az_pg_help {
    margin-top: 26px; padding: 22px 28px; border-radius: var(--az-radius);
    background: var(--az-grad-dark); position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.az_pg_help::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--az-grad-gold); }
.az_pg_help_l { display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; min-width: 0; }
.az_pg_help_ic {
    width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%;
    border: 1px solid rgba(200,162,74,.45); color: var(--az-gold-light);
    display: flex; align-items: center; justify-content: center; font-size: 17px;
}
.az_pg_help_tx { display: flex; flex-direction: column; line-height: 1.5; }
.az_pg_help_tx strong { font-size: 15px; color: #fff; font-weight: 600; }
.az_pg_help_tx span { font-size: 12.5px; color: rgba(255,255,255,.5); }
.az_pg_help_r { display: flex; align-items: center; gap: 12px; position: relative; z-index: 1; flex-wrap: wrap; }
.az_pg_help_tel {
    font-family: var(--az-serif); font-size: 20px; font-weight: 700; color: var(--az-gold-light); letter-spacing: .5px;
}
.az_pg_help_btn {
    display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 22px;
    border-radius: var(--az-radius-sm); background: var(--az-grad-gold); color: #fff;
    font-size: 13.5px; font-weight: 600;
}
.az_pg_help_btn:hover { color: #fff; filter: brightness(1.07); }

/* 响应式 */
@media (max-width: 768px) {
    .az_pg_hd_in { padding: 28px 20px 26px; }
    .az_pg_hd h1 { font-size: 23px; letter-spacing: 1px; }
    .az_pg_doc { padding: 26px 22px 24px; }
    .az_pg_body { font-size: 14px; line-height: 1.95; }
    .az_pg_rel_list { grid-template-columns: 1fr; }
    .az_pg_help { flex-direction: column; align-items: flex-start; padding: 20px; }
}