/* ============================================================================
   移动端规范 v17 (2026-07-15)
   适用范围: 3 个 company 页面 (body[data-mobile-ns="company"])
   - company.html (公司列表)
   - company-detail.html (公司详情)
   - company-compare.html (公司对比)

   原则: 等比缩小 (桌面字号 16px 基线, 移动端按 0.6-0.83 缩)
   - 字体: h1=32, h2/h3=16, h4=13, p=13, text-sm=11, text-xs=10
   - 图标: w-5/h-5 → 16px, w-6/h-6 → 18px, w-8/h-8 → 20px, w-10/h-10 → 24px
   - 卡片: p-4/5/6/8 → 8-12px
   - 表格: font-size 11px, td/th padding 4px/5px
   - 桌面端不调
   ============================================================================ */

@media (max-width: 768px) {
    /* === 容器: 撑满 viewport + 清理 desktop 残留 === */
    [data-mobile-ns="company"] .max-w-7xl,
    [data-mobile-ns="company"] .max-w-6xl,
    [data-mobile-ns="company"] .max-w-5xl,
    [data-mobile-ns="company"] .max-w-4xl,
    [data-mobile-ns="company"] .max-w-3xl,
    [data-mobile-ns="company"] .max-w-2xl,
    [data-mobile-ns="company"] .max-w-xl,
    [data-mobile-ns="company"] .max-w-lg,
    [data-mobile-ns="company"] .max-w-md,
    [data-mobile-ns="company"] .max-w-sm {
        max-width: 100% !important;
    }
    [data-mobile-ns="company"] .mx-auto { margin-left: 0 !important; margin-right: 0 !important; }
    [data-mobile-ns="company"] aside.flex-shrink-0 { display: none !important; }
    [data-mobile-ns="company"] body.toc-open aside.flex-shrink-0 { display: block !important; }

    /* === 通用 padding/margin 缩小 === */
    [data-mobile-ns="company"] .px-4,
    [data-mobile-ns="company"] .sm\:px-6,
    [data-mobile-ns="company"] .lg\:px-8 { padding-left: 12px !important; padding-right: 12px !important; }
    [data-mobile-ns="company"] .pt-28 { padding-top: 96px !important; }
    [data-mobile-ns="company"] .pt-24 { padding-top: 96px !important; }
    [data-mobile-ns="company"] .pt-20 { padding-top: 80px !important; }
    [data-mobile-ns="company"] .pt-16 { padding-top: 24px !important; }
    [data-mobile-ns="company"] .pb-16 { padding-bottom: 24px !important; }
    [data-mobile-ns="company"] .pb-20 { padding-bottom: 32px !important; }
    [data-mobile-ns="company"] .p-8 { padding: 10px !important; }
    [data-mobile-ns="company"] .p-6 { padding: 8px !important; }
    [data-mobile-ns="company"] .p-5 { padding: 8px !important; }
    [data-mobile-ns="company"] .p-4 { padding: 6px !important; }
    [data-mobile-ns="company"] .p-3 { padding: 4px !important; }
    [data-mobile-ns="company"] .py-6, [data-mobile-ns="company"] .py-5 { padding-top: 8px !important; padding-bottom: 8px !important; }
    [data-mobile-ns="company"] .py-4, [data-mobile-ns="company"] .py-3 { padding-top: 6px !important; padding-bottom: 6px !important; }
    [data-mobile-ns="company"] .px-6, [data-mobile-ns="company"] .px-5 { padding-left: 8px !important; padding-right: 8px !important; }
    [data-mobile-ns="company"] .px-4, [data-mobile-ns="company"] .px-3 { padding-left: 6px !important; padding-right: 6px !important; }

    /* === 字号: h1-h4 + p + text-xl/lg/sm/xs === */
    /* H1: 48→32 (缩 0.67) */
    [data-mobile-ns="company"] h1,
    [data-mobile-ns="company"] h1.text-4xl,
    [data-mobile-ns="company"] h1.text-5xl,
    [data-mobile-ns="company"] h1.text-6xl {
        font-size: 32px !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem !important;
    }
    /* H2: 24→18 (缩 0.75) */
    [data-mobile-ns="company"] h2,
    [data-mobile-ns="company"] h2.text-2xl,
    [data-mobile-ns="company"] h2.text-3xl {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
    }
    /* H3: 20→16 (缩 0.80) */
    [data-mobile-ns="company"] h3,
    [data-mobile-ns="company"] h3.text-xl,
    [data-mobile-ns="company"] h3.text-2xl,
    [data-mobile-ns="company"] h3.text-3xl {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
    }
    /* H4: 16→13 (缩 0.81) */
    [data-mobile-ns="company"] h4,
    [data-mobile-ns="company"] h4.font-bold,
    [data-mobile-ns="company"] h4.font-semibold {
        font-size: 13px !important;
        font-weight: 700 !important;
        margin-bottom: 0.3rem !important;
    }
    /* p 兜底: 14px */
    [data-mobile-ns="company"] p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
    /* 强调大字: text-2xl/3xl */
    [data-mobile-ns="company"] .text-2xl,
    [data-mobile-ns="company"] .text-3xl {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    /* 强调: text-xl */
    [data-mobile-ns="company"] .text-xl {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    /* 标准: text-lg (336.38 亿 / 118.79 亿 等大数字) — 缩 18→11 */
    [data-mobile-ns="company"] .text-lg {
        font-size: 11px !important;
        line-height: 1.4 !important;
        font-weight: 600 !important;
    }
    /* 小字: text-sm (14→11) */
    [data-mobile-ns="company"] .text-sm {
        font-size: 11px !important;
    }
    /* 超小: text-xs (12→10) */
    [data-mobile-ns="company"] .text-xs {
        font-size: 10px !important;
    }

    /* === 图标: 等比缩小 (lucide icon 默认 w-4/5/6/8) === */
    [data-mobile-ns="company"] i.w-3, [data-mobile-ns="company"] i.h-3 { width: 12px !important; height: 12px !important; }
    [data-mobile-ns="company"] i.w-4, [data-mobile-ns="company"] i.h-4 { width: 12px !important; height: 12px !important; }
    [data-mobile-ns="company"] i.w-5, [data-mobile-ns="company"] i.h-5 { width: 16px !important; height: 16px !important; }
    [data-mobile-ns="company"] i.w-6, [data-mobile-ns="company"] i.h-6 { width: 18px !important; height: 18px !important; }
    [data-mobile-ns="company"] i.w-7, [data-mobile-ns="company"] i.h-7 { width: 20px !important; height: 20px !important; }
    [data-mobile-ns="company"] i.w-8, [data-mobile-ns="company"] i.h-8 { width: 20px !important; height: 20px !important; }
    [data-mobile-ns="company"] i.w-10, [data-mobile-ns="company"] i.h-10 { width: 24px !important; height: 24px !important; }
    [data-mobile-ns="company"] i.w-12, [data-mobile-ns="company"] i.h-12 { width: 28px !important; height: 28px !important; }

    /* === grid 布局: md 强制 2 列横排 (节省垂直空间) === */
    [data-mobile-ns="company"] .grid.md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    [data-mobile-ns="company"] .grid.md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
    [data-mobile-ns="company"] .grid.md\:grid-cols-4 { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    [data-mobile-ns="company"] .grid.lg\:grid-cols-4 { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }

    /* === 表格: 缩小字号 + padding === */
    [data-mobile-ns="company"] table { font-size: 11px !important; }
    [data-mobile-ns="company"] td, [data-mobile-ns="company"] th { padding: 5px 6px !important; }

    /* === 按钮 / CTA === */
    [data-mobile-ns="company"] a, [data-mobile-ns="company"] button { white-space: nowrap !important; }
    [data-mobile-ns="company"] .cta-button,
    [data-mobile-ns="company"] a.inline-flex.items-center {
        padding: 8px 14px !important;
        font-size: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* ============================================================================
       company.html 专属
       ============================================================================ */

    /* 顶部 4 个快捷入口: 2 列横排 + 缩小 */
    [data-mobile-ns="company"] .quick-entry {
        padding: 10px 6px !important;
    }
    [data-mobile-ns="company"] .quick-entry-icon {
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
    }
    [data-mobile-ns="company"] .quick-entry i.w-5,
    [data-mobile-ns="company"] .quick-entry i.w-6 { width: 16px !important; height: 16px !important; }

    /* 公司卡片: 缩 padding + 缩小 logo */
    [data-mobile-ns="company"] .company-card {
        padding: 12px !important;
        gap: 10px !important;
    }
    [data-mobile-ns="company"] .company-logo {
        width: 44px !important;
        height: 44px !important;
        font-size: 11px !important;
    }

    /* 搜索框 */
    [data-mobile-ns="company"] .search-input {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }

    /* 筛选 pill */
    [data-mobile-ns="company"] .filter-pill {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }

    /* 卡片里的标签 chip (用户反馈"红框标签, 小一点") */
    [data-mobile-ns="company"] .tag-chip {
        font-size: 9px !important;
        padding: 2px 6px !important;
        margin-right: 3px !important;
        border-radius: 4px !important;
    }
    /* 卡片里的关键指标徽章 (综合偿付 / 风险评级) */
    [data-mobile-ns="company"] .metric-badge {
        font-size: 10px !important;
        padding: 2px 6px !important;
        border-radius: 5px !important;
    }
    [data-mobile-ns="company"] .metric-badge i {
        width: 10px !important;
        height: 10px !important;
    }

    /* 对比 fab */
    [data-mobile-ns="company"] .compare-fab {
        right: 12px !important;
        bottom: 12px !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
    }

    /* ============================================================================
       company-compare.html 专属
       ============================================================================ */

    /* 公司叙事卡片 */
    [data-mobile-ns="company"] .narrative-card {
        padding: 12px !important;
    }
    [data-mobile-ns="company"] .narrative-card h3 {
        font-size: 15px !important;
    }
    [data-mobile-ns="company"] .narrative-card p {
        font-size: 12px !important;
    }

    /* view-toggle 按钮 */
    [data-mobile-ns="company"] .view-toggle button {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }
    [data-mobile-ns="company"] .view-toggle i { width: 12px !important; height: 12px !important; }

    /* 对比表 */
    [data-mobile-ns="company"] .compare-table th,
    [data-mobile-ns="company"] .compare-table td {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
    [data-mobile-ns="company"] .compare-table .row-label {
        min-width: 100px !important;
        font-size: 11px !important;
    }
    [data-mobile-ns="company"] .compare-table thead th.col-company {
        min-width: 110px !important;
    }
    [data-mobile-ns="company"] .compare-table .row-section td {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }

    /* value pill (绿/黄/红) */
    [data-mobile-ns="company"] .value-pill {
        padding: 2px 6px !important;
        font-size: 11px !important;
    }

    /* mini trend (趋势小条) */
    [data-mobile-ns="company"] .mini-trend { font-size: 10px !important; }
    [data-mobile-ns="company"] .industry-bar { height: 6px !important; margin: 6px 0 3px !important; }
    [data-mobile-ns="company"] .industry-bar-marker { height: 12px !important; }
    [data-mobile-ns="company"] .industry-axis { font-size: 9px !important; }

    /* ============================================================================
       company-detail.html 专属
       ============================================================================ */

    /* kpi 卡片 */
    [data-mobile-ns="company"] .kpi-card {
        padding: 10px !important;
    }
    [data-mobile-ns="company"] .kpi-card-value { font-size: 22px !important; }
    [data-mobile-ns="company"] .kpi-card-label { font-size: 10px !important; }

    /* 章节 section */
    [data-mobile-ns="company"] .section {
        padding: 12px !important;
        margin-bottom: 12px !important;
    }
    [data-mobile-ns="company"] .section-title { font-size: 14px !important; }
    [data-mobile-ns="company"] .section-subtitle { font-size: 11px !important; }

    /* 详情 tab */
    [data-mobile-ns="company"] .detail-tab {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
    [data-mobile-ns="company"] .detail-tab i { width: 12px !important; height: 12px !important; }

    /* 简版/详细 切换 */
    [data-mobile-ns="company"] .view-toggle { padding: 3px !important; }
    [data-mobile-ns="company"] .view-toggle button { padding: 6px 10px !important; font-size: 11px !important; }

    /* 链接渠道列表 (1 列) */
    [data-mobile-ns="company"] #channelList {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    [data-mobile-ns="company"] .channel-item { padding: 8px !important; gap: 8px !important; }
    [data-mobile-ns="company"] .channel-icon { width: 28px !important; height: 28px !important; }

    /* 风险摘要 */
    [data-mobile-ns="company"] .summary-row {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
    [data-mobile-ns="company"] .summary-text {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }
    [data-mobile-ns="company"] .summary-num {
        font-size: 12px !important;
        font-weight: 700 !important;
    }
    [data-mobile-ns="company"] .summary-title {
        font-size: 10px !important;
    }
    [data-mobile-ns="company"] .summary-dot {
        width: 8px !important;
        height: 8px !important;
    }

    /* 表格 interpretation hint */
    [data-mobile-ns="company"] .table-interpretation {
        padding: 8px 10px !important;
        font-size: 11px !important;
    }
    [data-mobile-ns="company"] .table-interpretation i { width: 12px !important; height: 12px !important; }

    /* 排名条 */
    [data-mobile-ns="company"] .rank-bar-row { padding: 8px 10px 10px !important; }
    [data-mobile-ns="company"] .rank-bar-track { height: 8px !important; }
}

/* ============================================================================
   移动端修复 v18 (2026-07-15) — 解决 v17 没覆盖的 4 类重叠问题
   ============================================================================ */

@media (max-width: 768px) {
    /* === 1. 前 5 大股东: flex 横排 → 2 列 grid 竖排 === */
    [data-mobile-ns="company"] .shareholder-card-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    [data-mobile-ns="company"] .shareholder-card {
        padding: 10px 6px 8px !important;
    }
    [data-mobile-ns="company"] .shareholder-card-value {
        font-size: 16px !important;
    }
    [data-mobile-ns="company"] .shareholder-card-name {
        font-size: 10px !important;
        line-height: 1.3 !important;
        /* 名字最多 2 行 (避免超长公司名撑爆卡片) */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    [data-mobile-ns="company"] .shareholder-card-tag {
        font-size: 9px !important;
    }
    [data-mobile-ns="company"] .shareholder-card-nature {
        font-size: 9px !important;
        padding: 1px 5px !important;
    }

    /* === 2. 偿付能力条: 监管 X% 标签重定位 + meta 列缩小 === */
    /* 改用 grid (不用 flex column: 桌面 .rank-bar-track 有 flex: 1, 主轴变垂直后高度被压成 0) */
    [data-mobile-ns="company"] .rank-bar-track-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 6px !important;
    }
    [data-mobile-ns="company"] .rank-bar-track-wrap.with-reg {
        padding-top: 18px !important;  /* 给"监管 X%" 红 pill 留位置 */
    }
    /* track 强制显式高度 + 全宽 (覆盖桌面 flex: 1 留下的 0 flex-basis 副作用) */
    [data-mobile-ns="company"] .rank-bar-track {
        height: 12px !important;
        width: 100% !important;
        flex: 0 0 12px !important;
    }
    [data-mobile-ns="company"] .rank-bar-track.with-reg {
        height: 12px !important;
        flex: 0 0 12px !important;
    }
    [data-mobile-ns="company"] .rank-bar-meta {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
        font-size: 11px !important;
    }
    [data-mobile-ns="company"] .rank-bar-meta-value {
        font-size: 14px !important;
    }
    /* 监管 X% 红 pill: 缩小 */
    [data-mobile-ns="company"] .rank-bar-reg-label {
        font-size: 9px !important;
        padding: 1px 4px !important;
    }

    /* === 3. 服务能力 X/87 蓝标签: 缩小 + 行间距 === */
    [data-mobile-ns="company"] .rank-bar-marker-label {
        font-size: 9px !important;
        padding: 1px 4px !important;
        /* 避免标签超出 row 顶部 */
        margin-bottom: 2px !important;
    }
    /* 倒三角缩小 */
    [data-mobile-ns="company"] .rank-bar-marker {
        border-left-width: 5px !important;
        border-right-width: 5px !important;
        border-top-width: 7px !important;
    }
    /* rank-bar-row 间距加大 (避免 X/87 标签碰到上面 row) */
    [data-mobile-ns="company"] .rank-bar-row {
        margin-bottom: 18px !important;
        padding: 8px 10px 12px !important;
    }
    [data-mobile-ns="company"] .rank-bar-row:last-child { margin-bottom: 0 !important; }

    /* === 4. kpi-card 行业分位 pill: 不允许换行 + 缩小字号 === */
    [data-mobile-ns="company"] .kpi-card-quartile {
        font-size: 9px !important;
        padding: 1px 6px !important;
        white-space: nowrap !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    [data-mobile-ns="company"] .kpi-card-quartile i {
        width: 9px !important;
        height: 9px !important;
        flex-shrink: 0 !important;
    }
    /* kpi-card 整体 padding 缩小 + 居中 (2026-07-15 用户反馈"红框文字要居中") */
    [data-mobile-ns="company"] .kpi-card {
        padding: 10px 6px !important;
        text-align: center !important;
    }
    [data-mobile-ns="company"] .kpi-card-label,
    [data-mobile-ns="company"] .kpi-card-value,
    [data-mobile-ns="company"] .kpi-card-quartile {
        text-align: center !important;
        justify-content: center !important;
    }
    /* kpi-card-value: 14→17 (用户反馈"红框数字再大一点点") */
    [data-mobile-ns="company"] .kpi-card-value {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }
    [data-mobile-ns="company"] .kpi-card-value .unit {
        font-size: 11px !important;
    }
    [data-mobile-ns="company"] .kpi-card-label {
        font-size: 10px !important;
    }

    /* 静态 KPI 卡 (资产实力 / 公司情况 — "第 50 位" / "未披露" 等) */
    [data-mobile-ns="company"] .kpi-card-static {
        padding: 8px !important;
    }
    [data-mobile-ns="company"] .kpi-card-static .kpi-value {
        font-size: 17px !important;
    }
    [data-mobile-ns="company"] .kpi-card-static .kpi-label {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }
    /* 通用 kpi-value (未带前缀, 兜底) */
    [data-mobile-ns="company"] .kpi-value {
        font-size: 17px !important;
    }
    [data-mobile-ns="company"] .kpi-label {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }

    /* === 财务表: 行标签不换行 + 监管参考灰色小字 (2026-07-15 v3) === */
    [data-mobile-ns="company"] .row-label-cell {
        white-space: nowrap !important;
        min-width: 110px !important;
    }
    [data-mobile-ns="company"] .row-ref {
        display: inline-block;
        font-size: 9px;
        color: #94a3b8;
        font-weight: 400;
        margin-left: 4px;
        white-space: nowrap;
    }
}