/* ============================================================
 * 高科技医学风手机端覆盖样式（用户侧统一主题）
 * 在 style_v3.css / mobile.css 之后引入；仅小屏生效
 * ============================================================ */
@media (max-width: 768px) {
    :root {
        --ht-bg: #06131b;
        --ht-panel: rgba(10, 25, 34, 0.78);
        --ht-panel-2: rgba(14, 34, 45, 0.72);
        --ht-line: rgba(45, 212, 191, 0.20);
        --ht-teal: #2dd4bf;
        --ht-cyan: #67e8f9;
        --ht-blue: #60a5fa;
        --ht-violet: #a78bfa;
        --ht-text: #e8fffb;
        --ht-muted: #8fb3ad;
        --ht-warn: #f0b35e;
    }

    body {
        color: var(--ht-text) !important;
        background:
            radial-gradient(circle at 18% 0%, rgba(45,212,191,.16), transparent 34%),
            radial-gradient(circle at 88% 12%, rgba(96,165,250,.13), transparent 30%),
            linear-gradient(rgba(45,212,191,.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(45,212,191,.055) 1px, transparent 1px),
            var(--ht-bg) !important;
        background-size: auto, auto, 32px 32px, 32px 32px, auto !important;
    }
    body::after {
        content: "✚";
        position: fixed;
        right: -24px;
        bottom: 92px;
        font-size: 150px;
        color: rgba(45, 212, 191, 0.05);
        z-index: -1;
        pointer-events: none;
        transform: rotate(-10deg);
    }

    .topbar, .card, .me-card, .wx-agreement-card, .login-form-card, .admin-login-card {
        background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)), var(--ht-panel) !important;
        border: 1px solid var(--ht-line) !important;
        box-shadow: 0 18px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
        backdrop-filter: blur(16px);
    }
    .card { border-left: 3px solid rgba(45,212,191,.42) !important; border-radius: 20px !important; }
    .topbar { border-bottom: 1px solid var(--ht-line) !important; }
    .card-title, .page-title, .sidebar-title, .topbar .user-name, .me-title { color: var(--ht-text) !important; text-shadow: 0 0 16px rgba(45,212,191,.16); }
    .card-title::before { content: "✚"; color: var(--ht-teal); margin-right: .45rem; }
    .text-sm, .empty-desc, .stat-label, .form-label, .me-sub, .upload-desc, .speed-option-desc { color: var(--ht-muted) !important; }

    .btn, .btn-primary, .btn-secondary, .wx-btn-primary {
        border: 1px solid rgba(45,212,191,.38) !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, rgba(45,212,191,.22), rgba(96,165,250,.16)) !important;
        color: #effffc !important;
        box-shadow: 0 0 22px rgba(45,212,191,.14), inset 0 1px 0 rgba(255,255,255,.12) !important;
    }
    .btn-outline, .btn-ghost, .wx-btn-default {
        background: rgba(4, 12, 18, 0.55) !important;
        color: var(--ht-cyan) !important;
        border: 1px solid rgba(103,232,249,.26) !important;
    }

    .upload-zone {
        border: 1px dashed rgba(103,232,249,.42) !important;
        border-radius: 22px !important;
        background: radial-gradient(circle at 50% 0%, rgba(103,232,249,.13), rgba(5,13,20,.62) 64%) !important;
        box-shadow: inset 0 0 38px rgba(45,212,191,.06);
    }
    .upload-title, .mdt-info-title { color: #e9fffc !important; }
    .mdt-info {
        border: 1px solid rgba(45,212,191,.24) !important;
        background: linear-gradient(135deg, rgba(45,212,191,.13), rgba(167,139,250,.08)) !important;
    }

    .step-number {
        background: rgba(45,212,191,.10) !important;
        color: var(--ht-teal) !important;
        border: 1px solid rgba(45,212,191,.28);
        box-shadow: 0 0 16px rgba(45,212,191,.12);
    }
    .step.active .step-number { background: linear-gradient(135deg, var(--ht-teal), var(--ht-blue)) !important; color: #031416 !important; }
    .step.completed .step-number { background: rgba(52,211,153,.16) !important; color: #86efac !important; }
    .step-line { background: rgba(103,232,249,.22) !important; }

    .form-input, .form-select, .search-box input {
        background: rgba(3, 10, 16, 0.72) !important;
        border: 1px solid rgba(103,232,249,.22) !important;
        color: var(--ht-text) !important;
    }
    .form-input:focus, .form-select:focus { border-color: var(--ht-cyan) !important; box-shadow: 0 0 0 3px rgba(103,232,249,.12) !important; }

    .stream-overlay {
        background: radial-gradient(circle at 50% 0%, rgba(45,212,191,.12), rgba(3,8,14,.96) 58%) !important;
        border: 1px solid rgba(103,232,249,.18);
    }
    .stream-terminal { background: rgba(2, 8, 14, 0.88) !important; border: 1px solid rgba(103,232,249,.16) !important; }
    .stream-title, .stream-meta, .stream-progress-text { color: #e9fffc !important; }

    .mobile-tabbar {
        background: rgba(4, 12, 18, 0.92) !important;
        border-top: 1px solid rgba(103,232,249,.22) !important;
        box-shadow: 0 -12px 30px rgba(0,0,0,.42) !important;
        backdrop-filter: blur(16px);
    }
    .mobile-tabbar a { color: var(--ht-muted) !important; position: relative; }
    .mobile-tabbar a.active { color: var(--ht-cyan) !important; text-shadow: 0 0 14px rgba(103,232,249,.4); }
    .mobile-tabbar a.active::before {
        content: "";
        position: absolute;
        top: 0;
        width: 34px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--ht-teal), var(--ht-violet));
    }

    /* 报告结果保持可读纸面，但外层统一高科技医学 */
    #resultContainer, .report-result { background: transparent !important; }
    .report-paper {
        border: 1px solid rgba(45,212,191,.16) !important;
        border-top: 5px solid var(--ht-teal) !important;
        box-shadow: 0 20px 60px rgba(0,0,0,.46), 0 0 0 1px rgba(45,212,191,.05) !important;
    }
    .section-header.blue { background: linear-gradient(90deg, #0f766e, #2dd4bf) !important; }
    .section-header.green { background: linear-gradient(90deg, #15803d, #34d399) !important; }
    .section-header.orange { background: linear-gradient(90deg, #b45309, #f59e0b) !important; }
    .section-header.red { background: linear-gradient(90deg, #b91c1c, #ef4444) !important; }
    .disclaimer.top { border-left: 5px solid var(--ht-warn) !important; }

    ::selection { background: rgba(45,212,191,.28); }
}


/* 降低功能模块白色突兀感：统计卡、报告卡、批量条、最近活动统一深色玻璃 */
@media (max-width: 768px) {
    .stat-card, .report-card, .batch-bar, .recent-item {
        background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)), rgba(14,34,45,.72) !important;
        border: 1px solid rgba(103,232,249,.16) !important;
        color: #e8fffb !important;
        box-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
    }
    .stat-card .stat-label, .report-meta, .recent-item, .recent-item .truncate, #selectedCount { color: #8fb3ad !important; }
    .stat-card .stat-value, .report-name { color: #e8fffb !important; }
    .recent-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem;
        border-radius: 14px;
        cursor: pointer;
    }
    .recent-item:hover { border-color: rgba(103,232,249,.34) !important; }
}


/* 分析首页/流式页/弹窗防白块突兀：统一深色玻璃，报告纸面改柔白 */
@media (max-width: 768px) {
    .stream-header, .stream-footer {
        background: rgba(4, 12, 18, 0.42) !important;
        border-color: rgba(103,232,249,.16) !important;
    }
    .toast {
        background: rgba(10,25,34,.94) !important;
        color: #e8fffb !important;
        border: 1px solid rgba(103,232,249,.20) !important;
    }
    .empty-state, .empty-desc { color: #8fb3ad !important; }
    .report-paper {
        background: linear-gradient(180deg, #fbfefd, #f3faf7) !important;
        color: #17324d !important;
    }
    .wx-login-body, .activate-card, .callback-card, .login-form-card {
        background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)), rgba(10,25,34,.86) !important;
        border: 1px solid rgba(103,232,249,.20) !important;
        color: #e8fffb !important;
    }
    .notice {
        background: rgba(240,179,94,.12) !important;
        border-color: rgba(240,179,94,.30) !important;
        color: #f8dfa8 !important;
    }
    .wx-btn-default { color: #67e8f9 !important; border-color: rgba(103,232,249,.26) !important; }
    .btn-danger {
        background: linear-gradient(135deg, rgba(239,68,68,.24), rgba(185,28,28,.20)) !important;
        border: 1px solid rgba(239,68,68,.34) !important;
        color: #fecaca !important;
    }
}


/* 开始联合会诊分析按钮降级：不再大面积高亮/吸底，改成次级轮廓按钮 */
@media (max-width: 768px) {
    .analyze-actions {
        position: static !important;
        bottom: auto !important;
        z-index: auto !important;
        padding: 0 !important;
        background: none !important;
    }
    #analyzeBtn, .analyze-actions .btn {
        width: 100%;
        background: rgba(10,25,34,.52) !important;
        border: 1px solid rgba(103,232,249,.30) !important;
        color: #c9fbf5 !important;
        box-shadow: none !important;
        font-weight: 700 !important;
        letter-spacing: .02em;
    }
    #analyzeBtn:hover, .analyze-actions .btn:hover {
        border-color: rgba(45,212,191,.52) !important;
        background: rgba(45,212,191,.10) !important;
    }
    #analyzeBtn svg { opacity: .85; }
}


/* 下一步诊疗计划优先级：列居中，徽章改浅色描边，和柔白报告纸面协调 */
@media (max-width: 768px) {
    .plan-table th:first-child, .plan-table td:first-child { text-align: center !important; width: 76px; }
    .plan-table .badge-priority {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 54px;
        margin: 0 auto !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        background: #f8fafc !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
    }
    .plan-table .badge-priority.urgent { color: #991b1b !important; background: #fef2f2 !important; border-color: #fecaca !important; }
    .plan-table .badge-priority.important { color: #92400e !important; background: #fffbeb !important; border-color: #fde68a !important; }
    .plan-table .badge-priority.routine { color: #166534 !important; background: #f0fdf4 !important; border-color: #bbf7d0 !important; }
    .plan-table .badge-priority.followup { color: #075985 !important; background: #f0f9ff !important; border-color: #bae6fd !important; }
}