/* ========================================
 * 单页公共样式 - 关于我们/联系方式/使用协议/版权隐私
 * 路径: skin/default/about-page.css
 * ======================================== */

/* 通用容器 */
.about-page,
.contact-page,
.agreement-page,
.copyright-page { line-height: 2.0; font-size: 15px; color: #334155; padding: 20px 0; }

/* 页面标题区 */
.page-header { text-align: center; margin-bottom: 40px; }
.page-header h1 { font-size: 28px; color: #0f172a; font-weight: bold; margin-bottom: 10px; }
.page-header .subtitle { color: #64748b; font-size: 16px; }
.page-header hr { border: 0; border-top: 2px solid #e2e8f0; width: 60px; margin: 20px auto; }

/* 内容分区 */
.section { margin-bottom: 35px; }
.section-title { font-size: 20px; color: #0f172a; border-left: 4px solid #ef4444; padding-left: 12px; margin-bottom: 15px; }
.section-title-sm { font-size: 16px; color: #0f172a; font-weight: bold; margin-bottom: 10px; border-left: 3px solid #ef4444; padding-left: 10px; }

/* 四宫格卡片 */
.value-grid { list-style-type: none; padding-left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.value-card { background: #f8fafc; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; }
.value-card strong { color: #ef4444; font-size: 16px; display: block; margin-bottom: 8px; }

/* 数据统计展示 */
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; text-align: center; }
.stat-item { background: #f8fafc; padding: 25px 10px; border-radius: 8px; border: 1px solid #e2e8f0; }
.stat-num { font-size: 32px; font-weight: bold; color: #ef4444; }
.stat-label { font-size: 13px; color: #64748b; margin-top: 5px; }

/* 业务表格 */
.biz-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; }
.biz-table thead tr { background: #0f172a; color: #fff; }
.biz-table th { padding: 12px 15px; text-align: left; border: 1px solid #1e293b; }
.biz-table td { padding: 12px 15px; border: 1px solid #e2e8f0; }
.biz-table td:first-child { font-weight: bold; }
.biz-table tbody tr:nth-child(odd) { background: #f8fafc; }

/* CTA行动号召 */
.cta-box { background: #0f172a; color: #fff; padding: 30px; border-radius: 8px; text-align: center; margin-top: 30px; }
.cta-box h4 { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #e6c875; }
.cta-box p { color: #cbd5e1; margin-bottom: 20px; }
.cta-btn { display: inline-block; background: #ef4444; color: #fff; text-decoration: none; padding: 12px 35px; border-radius: 4px; font-weight: bold; }
.cta-btn:hover { background: #dc2626; color: #fff; }

/* 联系方式页 */
.contact-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; margin-bottom: 40px; }
.hotline-box { margin-bottom: 25px; padding: 20px; background: #fef2f2; border-radius: 8px; border-left: 4px solid #ef4444; }
.hotline-num { font-size: 28px; color: #ef4444; font-weight: bold; letter-spacing: 1px; }
.info-card { margin-bottom: 20px; padding: 15px; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; }
.info-card strong { font-size: 15px; color: #0f172a; display: block; margin-bottom: 5px; }
.info-card p { margin: 0; font-size: 14px; }
.qr-box { background: #f8fafc; border: 1px solid #e2e8f0; padding: 30px; border-radius: 8px; text-align: center; margin-bottom: 20px; }
.qr-box h4 { font-size: 18px; color: #0f172a; font-weight: bold; margin-bottom: 15px; }
.qr-box img { width: 150px; height: 150px; border: 1px solid #cbd5e1; padding: 5px; background: #fff; }
.qr-box p { font-size: 14px; color: #64748b; margin: 15px 0 0; }
.feedback-btn { display: block; background: #ef4444; color: #fff; text-decoration: none; padding: 16px; border-radius: 6px; font-weight: bold; font-size: 16px; text-align: center; box-shadow: 0 4px 6px rgba(239, 68, 68, 0.3); transition: all 0.3s; }
.feedback-btn:hover { background: #dc2626; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 12px rgba(239, 68, 68, 0.4); }

/* 提示条 */
.tip-warm { margin-top: 25px; padding: 20px; background: #fffbeb; border: 2px solid #f59e0b; border-radius: 8px; font-size: 14px; color: #b45309; box-shadow: 0 2px 4px rgba(245, 158, 11, 0.1); line-height: 1.8; }
.tip-warm strong { color: #d97706; font-size: 15px; display: inline-block; margin-bottom: 5px; }
.tip-red { background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 15px 20px; margin-bottom: 30px; font-size: 13px; color: #991b1b; }
.tip-green { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 15px 20px; margin-bottom: 30px; font-size: 13px; color: #166534; }

/* 协议/隐私页 */
.agreement-page p, .copyright-page p { font-size: 14px; }
.agreement-page ul, .copyright-page ul { padding-left: 20px; }

/* 链接高亮 */
.link-red { color: #ef4444; text-decoration: none; font-weight: bold; }
.link-red:hover { color: #dc2626; text-decoration: underline; }

/* 页脚署名 */
.page-footer { text-align: right; font-size: 13px; color: #94a3b8; margin-top: 30px; padding-top: 15px; border-top: 1px solid #e2e8f0; }

/* 移动端适配 */
@media (max-width: 768px) {
    .value-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-grid { grid-template-columns: 1fr; }
    .page-header h1 { font-size: 22px; }
}