/* ==========================================
   移动端响应式样式
   适用于屏幕宽度 <= 768px 的设备
   ========================================== */

/* ==================== 移动端媒体查询 ==================== */
@media (max-width: 768px) {
    
    /* ==================== 全局样式 ==================== */
    
    body {
        font-size: 14px;
    }
    
    .container {
        padding: 0 16px;
        max-width: 100%;
    }
    
    /* 隐藏鼠标光效 */
    .mouse-glow {
        display: none;
    }
    
    /* ==================== 文章图片响应式 ==================== */
    
    .article-body .article-image {
        margin: 30px auto !important;
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    .article-body .article-image img {
        border-radius: 8px !important;
        box-shadow: 0 6px 18px rgba(0, 212, 255, 0.12) !important;
    }
    
    .article-body .article-image img:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 24px rgba(0, 212, 255, 0.18) !important;
    }
    
    .article-body .article-image p {
        font-size: 0.85em !important;
        margin-top: 12px !important;
        padding: 0 10px !important;
    }
    
    /* 移动端文章强调文字优化 */
    .article-body strong {
        color: #f5c563 !important;
        font-weight: 600 !important;
        letter-spacing: 0.2px !important;
        text-shadow: 0 0 10px rgba(245, 197, 99, 0.15) !important;
    }
    
    /* ==================== 移动端图表容器优化 ==================== */
    
    /* Chart容器 - 最小化边距，最大化图表空间 */
    .chart-container {
        padding: 10px 4px !important;
        margin: 20px -12px !important; /* 更大的负边距，让图表占用更多宽度 */
        border-radius: 12px !important;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15) !important;
        overflow: visible !important; /* 改为visible，允许内容完整显示 */
    }
    
    .chart-container:hover {
        transform: none !important; /* 移动端禁用悬停效果 */
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* Mermaid图表容器 */
    .mermaid {
        padding: 4px 0 !important; /* 进一步减少padding，特别是左右 */
        margin: 0 !important;
        border-radius: 8px !important;
        background: transparent !important; /* 去掉背景，避免双重背景 */
        border: none !important;
        width: 100% !important;
        overflow-x: auto !important; /* 允许横向滚动 */
        overflow-y: visible !important; /* 改为visible，确保内容不被裁剪 */
        -webkit-overflow-scrolling: touch !important; /* iOS 平滑滚动 */
        position: relative !important;
    }
    
    /* 横向滚动提示（渐变阴影） */
    .mermaid::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 30px;
        background: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent);
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    /* 当内容可滚动时显示提示 */
    .mermaid[data-scrollable="true"]::after {
        opacity: 1;
    }
    
    .mermaid:hover {
        transform: none !important; /* 移动端禁用悬停效果 */
        background: transparent !important;
        box-shadow: none !important;
    }
    
    /* Mermaid SVG优化 - 确保填满容器 */
    .mermaid svg {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        min-width: 100% !important;
        display: block !important;
    }
    
    /* 特殊处理宽图表（如Gantt图） - 保持原始宽度，支持滚动 */
    .chart-container .mermaid svg {
        min-width: max-content !important; /* 保持图表完整性 */
    }
    
    /* 可滚动图表的容器样式 */
    .chart-container.has-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .mermaid.has-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* 优化Mermaid图表内的文字 */
    .mermaid svg text {
        font-size: 11px !important;
        font-weight: 500 !important;
    }
    
    /* Gantt图表特殊优化 */
    .mermaid svg .taskText,
    .mermaid svg .taskTextOutsideRight,
    .mermaid svg .taskTextOutsideLeft {
        font-size: 10px !important;
        font-weight: 500 !important;
    }
    
    /* Gantt图左侧任务标签区域优化 - 减少宽度 */
    .mermaid svg .grid .tick text {
        font-size: 9px !important;
    }
    
    /* Gantt图section标题优化 */
    .mermaid svg .sectionTitle {
        font-size: 10px !important;
        font-weight: 600 !important;
    }
    
    /* Gantt图整体布局优化 - 减少左右padding */
    .chart-container .mermaid svg[id*="mermaid"] {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Gantt图X轴日期标签优化 - 倾斜显示避免重叠 */
    .mermaid svg g.x.axis .tick text {
        font-size: 8px !important;
        font-weight: 400 !important;
        transform: rotate(-45deg) !important;
        transform-origin: right center !important;
        text-anchor: end !important;
    }
    
    /* 流程图节点文字 */
    .mermaid svg .nodeLabel,
    .mermaid svg .label {
        font-size: 11px !important;
        font-weight: 500 !important;
    }
    
    /* 图表标题优化 */
    .mermaid svg .titleText {
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    
    /* Canvas图表优化 */
    .chart-container canvas {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* 图表容器内的标题和说明文字 */
    .chart-container h2,
    .chart-container h3 {
        font-size: 16px !important;
        margin: 0 0 8px 0 !important;
        padding: 0 4px !important;
        line-height: 1.3 !important;
    }
    
    .chart-container h4 {
        font-size: 14px !important;
        margin: 0 0 6px 0 !important;
        padding: 0 4px !important;
        line-height: 1.3 !important;
    }
    
    .chart-container p {
        font-size: 12px !important;
        margin: 6px 0 !important;
        padding: 0 4px !important;
        line-height: 1.4 !important;
        color: var(--text-secondary) !important;
    }
    
    /* 图表说明文字 */
    .chart-container .chart-description,
    .chart-container figcaption {
        font-size: 11px !important;
        padding: 4px !important;
        margin-top: 6px !important;
        color: rgba(255, 255, 255, 0.6) !important;
        font-style: italic !important;
    }
    
    /* 移动端文章宣传语样式 */
    .article-signature {
        margin: 40px auto 30px !important;
        padding: 0 10px;
    }
    
    .article-signature .signature-content {
        flex-direction: column;
        gap: 15px;
        padding: 20px 18px !important;
        text-align: center;
    }
    
    .article-signature .signature-icon {
        width: 40px !important;
        height: 40px !important;
    }
    
    .article-signature .signature-icon svg {
        width: 24px !important;
        height: 24px !important;
    }
    
    .article-signature .signature-line1 {
        font-size: 0.88em !important;
        line-height: 1.5;
    }
    
    .article-signature .signature-line2 {
        font-size: 0.95em !important;
        line-height: 1.5;
    }
    
    /* ==================== 导航栏 ==================== */
    
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.95);
        backdrop-filter: blur(10px);
    }
    
    .nav-container {
        padding: 12px 20px;
        flex-wrap: nowrap;
    }
    
    .logo {
        font-size: 18px;
    }
    
    .logo-icon {
        font-size: 20px;
        margin-right: 0px !important;  /* 减小与文字的间距 */
    }
    
    .logo-text {
        font-size: 18px;
        color: var(--accent-color) !important;
        white-space: nowrap !important;  /* 不换行 */
    }
    
    .nav-right {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .nav-menu {
        display: flex;
        gap: 15px;
        font-size: 15px;
        align-items: center;
    }
    
    .nav-menu li {
        flex-shrink: 0;
    }
    
    .nav-menu li a {
        padding: 6px 10px;
        font-size: 15px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        line-height: 1.5;
    }
    
    .ai-chat-btn {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .ai-chat-btn span {
        display: none;
    }
    
    .ai-icon {
        width: 20px;
        height: 20px;
        margin: 0;
    }
    
    /* ==================== 首页轮播 ==================== */
    
    .hero-slider {
        height: 100vh;
        min-height: 100vh;
    }
    
    /* 移动端完全重新布局：图片在上，文字在下，充分利用空间 */
    
    /* 图片区域：占据上部约40%空间，稍微往下避开顶部菜单 */
    .slide-image {
        position: absolute !important;
        width: 100% !important;
        height: 40% !important;
        top: 60px !important;  /* 往下移60px，避开顶部菜单 */
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        object-fit: cover !important;
        object-position: center center !important;
        z-index: 1 !important;
        transform: none !important;
    }
    
    /* 顶部保护导航栏的渐变 */
    .slide::after {
        content: '' !important;
        position: absolute !important;
        width: 100% !important;
        height: 100px !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        background: linear-gradient(180deg, 
            rgba(0, 0, 0, 0.8) 0%, 
            rgba(0, 0, 0, 0.4) 50%,
            transparent 100%) !important;
        z-index: 2 !important;
    }
    
    /* 图片底部渐变，过渡到纯色背景 */
    .slide::before {
        content: '' !important;
        position: absolute !important;
        width: 100% !important;
        height: 120px !important;
        top: calc(40% + 60px - 60px) !important;  /* 40% + 60px偏移 - 渐变高度一半 */
        left: 0 !important;
        right: auto !important;
        background: linear-gradient(180deg, 
            transparent 0%, 
            rgba(0, 0, 0, 0.3) 30%,
            rgba(0, 0, 0, 0.8) 70%,
            #000000 100%) !important;
        z-index: 2 !important;
    }
    
    /* 隐藏聚光灯效果 */
    .slide-spotlight {
        display: none !important;
    }
    
    /* 文字内容区域：占据下部大部分空间，纯色背景 */
    .slide-content,
    .slide.layout-style1 .slide-content,
    .slide.layout-style2 .slide-content,
    .slide.layout-style3 .slide-content,
    .slide.layout-style4 .slide-content {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: calc(40% + 60px - 24px) !important;  /* 往上移30px，与图片有轻微重叠 */
        bottom: 0 !important;
        width: 100% !important;  /* 强制宽度100% */
        max-width: 100% !important;
        transform: none !important;
        text-align: center !important;
        padding: 50px 30px 100px !important;
        background: #000000 !important;
        z-index: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
    
    /* 移动端文字内容样式优化 */
    .slide-badge {
        font-size: 11px !important;
        padding: 6px 14px !important;
        margin-bottom: 16px !important;
        border-radius: 20px !important;
        background: rgba(0, 212, 255, 0.15) !important;
        border: 1px solid rgba(0, 212, 255, 0.3) !important;
    }
    
    .slide-title {
        font-size: 28px !important;
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
    }
    
    .slide-subtitle {
        font-size: 16px !important;
        margin-bottom: 10px !important;
        opacity: 0.9 !important;
        font-weight: 500 !important;
    }
    
    .slide-description {
        font-size: 13px !important;
        margin-bottom: 24px !important;
        line-height: 1.7 !important;
        opacity: 0.8 !important;
        max-width: 90% !important;
    }
    
    /* 按钮组：垂直排列，宽度适中 */
    .slide-cta-group {
        flex-direction: column !important;
        gap: 12px !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 280px !important;
        margin-top: 24px !important;  /* 往下移，增加与描述文字的间距 */
    }
    
    .slide-cta-primary,
    .slide-cta-secondary {
        width: 100% !important;
        padding: 13px 28px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        transition: all 0.3s ease !important;
    }
    
    /* 主按钮保持醒目 */
    .slide-cta-primary {
        background: linear-gradient(135deg, var(--accent-color) 0%, #0088ff 100%) !important;
        box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4) !important;
    }
    
    /* 次要按钮更简洁 */
    .slide-cta-secondary {
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }
    
    /* 轮播箭头：放在屏幕中部两侧 */
    .slider-arrow {
        width: 44px !important;
        height: 44px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: rgba(0, 0, 0, 0.6) !important;
        backdrop-filter: blur(10px) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
    }
    
    .slider-arrow.prev {
        left: 12px !important;
    }
    
    .slider-arrow.next {
        right: 12px !important;
    }
    
    .slider-arrow svg {
        width: 22px !important;
        height: 22px !important;
    }
    
    /* 指示器：放在屏幕底部，滚动提示上方（往上移避免与鼠标样式重叠） */
    .slider-indicators {
        position: absolute !important;
        top: auto !important;
        bottom: 95px !important;  /* 往上移，避免与滚动提示重叠 */
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 2 !important;  /* 降低z-index，避免遮挡按钮（slide-content为z-index:3） */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .slider-indicator {
        width: 6px !important;
        height: 6px !important;
        margin: 0 4px !important;
        background: rgba(255, 255, 255, 0.4) !important;
        border-radius: 50% !important;
    }
    
    .slider-indicator.active {
        width: 24px !important;
        height: 6px !important;
        background: var(--accent-color) !important;
        border-radius: 3px !important;
    }
    
    /* 滚动提示：放在最底部 */
    .scroll-hint {
        position: absolute !important;
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 11px !important;
        opacity: 0.7 !important;
        z-index: 5 !important;
    }
    
    .scroll-icon {
        width: 20px !important;
        height: 32px !important;
    }
    
    /* ==================== AI聊天窗口移动端适配 ==================== */
    
    /* AI聊天窗口：调整宽度和位置，左右对称 */
    .ai-chat-widget {
        left: 15px !important;
        right: 15px !important;
        bottom: 15px !important;
        width: auto !important;  /* 自动宽度，由left和right控制 */
        max-width: calc(100vw - 30px) !important;
        height: calc(100vh - 100px) !important;  /* 留出顶部空间 */
        max-height: 600px !important;
        border-radius: 16px !important;
    }
    
    /* 聊天头部 */
    .chat-header {
        padding: 10px 15px !important;  /* 从 15px 18px 减少到 10px 15px，看起来更紧凑 */
        border-radius: 16px 16px 0 0 !important;
    }
    
    .chat-title {
        font-size: 16px !important;
        gap: 8px !important;
    }
    
    .chat-icon {
        width: 24px !important;
        height: 24px !important;
    }
    
    .close-chat {
        width: 36px !important;
        height: 36px !important;
        font-size: 20px !important;
    }
    
    /* 聊天消息区域 */
    .chat-messages {
        padding: 15px !important;
        flex: 1 !important;
        overflow-y: auto !important;
    }
    
    .chat-message {
        margin-bottom: 12px !important;
        gap: 10px !important;  /* 确保头像和消息内容之间的间距 */
    }
    
    .message-content {
        padding: 12px 14px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        border-radius: 12px !important;
        max-width: 75% !important;  /* 限制消息内容宽度 */
    }
    
    .message-avatar {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }
    
    /* 用户消息：确保右侧头像边距与左侧系统头像边距一致，并靠右对齐 */
    .user-message {
        gap: 10px !important;  /* 与系统消息的gap保持一致 */
        margin-left: auto !important;  /* 使用margin-left: auto实现右对齐 */
    }
    
    /* 聊天输入区域 */
    .chat-input-container {
        padding: 12px 15px !important;
        border-top: 1px solid rgba(0, 212, 255, 0.15) !important;
        background: rgba(0, 0, 0, 0.5) !important;
    }
    
    .chat-input {
        flex: 1 !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        border-radius: 12px !important;
        min-height: 42px !important;
        max-height: 120px !important;
        resize: none !important;
    }
    
    .chat-send {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    
    .chat-send svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    /* 快捷问题按钮 */
    .quick-questions {
        padding: 10px 15px !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
    }
    
    .quick-question-btn {
        padding: 8px 12px !important;
        font-size: 13px !important;
        border-radius: 16px !important;
        white-space: nowrap !important;
    }
    
    /* 打字动画 */
    .typing-indicator {
        padding: 12px 14px !important;
    }
    
    .typing-dot {
        width: 6px !important;
        height: 6px !important;
    }
    
    /* ==================== 页面头部 ==================== */
    
    /* 新闻列表页的 page-header - 紧凑设计 */
    .page-header {
        padding: 24px 0 20px !important;  /* 大幅减少顶部padding，只留导航栏后一点空间 */
        margin-top: 60px !important;  /* 导航栏高度 */
        background: var(--bg-primary) !important;
    }
    
    .page-header::before,
    .page-header::after {
        display: none !important;
    }
    
    .page-title {
        font-size: 24px !important;
        margin-bottom: 6px !important;
        font-weight: 700;
    }
    
    .page-subtitle {
        font-size: 13px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        opacity: 0.7;
    }
    
    /* ==================== 特色功能区域 ==================== */
    
    .features-section {
        padding: 60px 0;
    }
    
    .section-title {
        font-size: 22px !important;  /* 从 28px 减小到 22px */
        margin-bottom: 30px !important;  /* 从 40px 减小到 30px */
        font-weight: 700;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .feature-card {
        padding: 30px 20px;
    }
    
    .feature-icon {
        font-size: 40px;
        margin-bottom: 15px;
        color: var(--accent-color);
    }
    
    .feature-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .feature-card p {
        font-size: 14px;
    }
    
    /* ==================== 新闻列表 ==================== */
    
    /* 新闻分类标签 - 紧凑化 */
    .news-tabs {
        padding: 16px 0 !important;
        top: 60px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        background: rgba(0, 0, 0, 0.95) !important;
    }
    
    .news-tabs .container {
        gap: 10px;
        padding: 0 16px !important;
    }
    
    .tab-btn {
        padding: 8px 18px !important;
        font-size: 13px !important;
        border-radius: 20px;
    }
    
    .news-tab {
        padding: 10px 20px;
        font-size: 14px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    /* 新闻区域 - 移除顶部空白 */
    .news-section {
        padding: 24px 0 60px !important;
    }
    
    .news-section::before {
        display: none !important;
    }
    
    /* 新闻网格 - 紧凑卡片布局 */
    .news-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    /* 大图新闻卡片 - 优雅的移动端样式 */
    .news-card {
        flex-direction: column;
        max-height: none;
        border-radius: 12px !important;
        overflow: hidden;
        background: rgba(17, 17, 17, 0.6) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
    }
    
    .news-image {
        width: 100%;
        height: 160px !important;
        font-size: 48px !important;
    }
    
    .news-content {
        padding: 16px !important;
    }
    
    .news-date {
        font-size: 11px !important;
        margin-bottom: 8px !important;
        opacity: 0.6;
    }
    
    .news-card h3 {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin-bottom: 8px !important;
        font-weight: 600;
    }
    
    .news-card p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        opacity: 0.7;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    /* 新闻列表区域 - 专业新闻网站风格 */
    .news-list-section {
        margin-top: 32px !important;
        padding: 32px 0 60px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }
    
    .news-list-header {
        margin-bottom: 24px !important;
    }
    
    .news-list-header .section-title {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
    
    .section-divider {
        height: 2px !important;
        width: 50px !important;
    }
    
    /* 新闻列表项 - 全新移动端布局 */
    .news-list {
        gap: 0 !important;
    }
    
    .news-list-item {
        display: flex !important;
        align-items: flex-start !important;
        gap: 0 !important;
        padding: 16px 0 !important;
        margin-bottom: 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
        border-radius: 0 !important;
        position: relative;
    }
    
    .news-list-item::before {
        display: none !important;
    }
    
    .news-list-item:hover {
        background: transparent !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        box-shadow: none !important;
        transform: none !important;
    }
    
    /* 月份标签 - 简约风格，放在标题前面，支持完整日期显示 */
    .news-list-date {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        min-width: auto !important;
        width: auto !important;
        height: auto !important;
        background: rgba(0, 212, 255, 0.08) !important;
        border: 1px solid rgba(0, 212, 255, 0.2) !important;
        border-radius: 4px !important;
        padding: 4px 10px !important;  /* 增加 padding 以容纳完整日期 */
        margin-right: 0 !important;
        margin-bottom: 8px !important;
        position: absolute;
        top: 16px;
        left: 0;
        white-space: nowrap;  /* 防止日期换行 */
    }
    
    .news-list-item:hover .news-list-date {
        background: rgba(0, 212, 255, 0.12) !important;
        box-shadow: none !important;
    }
    
    .date-day {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: var(--accent-color) !important;
        line-height: 1 !important;
        margin-right: 0 !important;  /* 移除间距，因为现在是完整日期 */
        display: none;  /* 隐藏单独的日期，使用 date-month 显示完整日期 */
    }
    
    .date-month {
        font-size: 11px !important;  /* 从 10px 增加到 11px */
        color: var(--accent-color) !important;  /* 改为主色调 */
        line-height: 1 !important;
        font-weight: 600;  /* 增加字重 */
    }
    
    /* 内容区域 - 为月份标签腾出空间 */
    .news-list-content {
        flex: 1;
        min-width: 0;
        padding-left: 0 !important;
        padding-top: 28px !important;
    }
    
    .news-list-title {
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
        color: rgba(255, 255, 255, 0.95) !important;
    }
    
    .news-list-item:hover .news-list-title {
        color: var(--accent-color) !important;
    }
    
    .news-list-excerpt {
        font-size: 12px !important;
        line-height: 1.6 !important;
        color: rgba(255, 255, 255, 0.5) !important;
        -webkit-line-clamp: 2 !important;
        margin: 0 !important;
    }
    
    /* 箭头 - 简化 */
    .news-list-arrow {
        display: flex !important;
        width: 32px !important;
        height: 32px !important;
        margin-left: 12px !important;
        margin-top: 28px !important;
        background: transparent !important;
        opacity: 0.3;
        flex-shrink: 0 !important;
    }
    
    .news-list-arrow svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .news-list-item:hover .news-list-arrow {
        background: transparent !important;
        opacity: 0.8;
        transform: translateX(4px) !important;
    }
    
    /* 分页器 */
    .pagination {
        flex-direction: column !important;
        gap: 12px !important;
        margin-top: 32px !important;
        padding-top: 24px !important;
    }
    
    .pagination-info {
        font-size: 12px !important;
        margin-bottom: 8px !important;
        opacity: 0.6;
    }
    
    .pagination-buttons {
        flex-wrap: wrap !important;
        gap: 6px !important;
        justify-content: center !important;
    }
    
    .page-btn {
        padding: 8px 14px !important;
        font-size: 13px !important;
        min-width: 40px;
    }
    
    .page-ellipsis {
        padding: 8px 6px;
        font-size: 13px;
    }
    
    .news-card-image {
        width: 100%;
        height: 200px;
        border-radius: 12px 12px 0 0;
    }
    
    .news-card-content {
        padding: 20px;
    }
    
    .news-card-title {
        font-size: 18px;
        -webkit-line-clamp: 2;
    }
    
    .news-card-excerpt {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
    
    .news-card-meta {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .pagination-btn,
    .pagination-number {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
    
    /* ==================== 新闻详情页 - 专属移动端样式 ==================== */
    
    /* 文章页面的 article-header - 与新闻列表页保持一致的紧凑设计 */
    body .article-header {
        padding: 24px 0 0 !important;  /* 底部完全移除padding */
        margin-top: 60px !important;
        margin-bottom: 0 !important;  /* 移除底部 margin */
        background: var(--bg-primary) !important;
    }
    
    body .article-header::before {
        display: none !important;  /* 移除装饰背景 */
    }
    
    body .article-header .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;  /* 确保container底部无padding */
    }
    
    /* 返回按钮 - 简约面包屑样式 */
    .btn-back {
        display: inline-flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin-bottom: 12px !important;  /* 从 20px 减少到 12px */
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        font-size: 13px !important;
        color: rgba(255, 255, 255, 0.6) !important;
        transition: color 0.2s ease !important;
    }
    
    .btn-back:hover {
        background: transparent !important;
        color: var(--accent-color) !important;
        transform: none !important;
    }
    
    .article-detail {
        margin-top: 0 !important;  /* 移除顶部 margin，因为 article-header 已有 */
        padding: 0 !important;
    }
    
    .article-title {
        font-size: 22px !important;
        margin-bottom: 16px !important;  /* 减少标题下方空白 */
        line-height: 1.4;
        padding-top: 0 !important;
    }
    
    .article-meta {
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 0 !important;
    }
    
    .article-meta-top {
        margin-bottom: 12px !important;
    }
    
    .article-meta-bottom {
        margin-bottom: 16px !important;  /* 从 20px 减少到 16px */
    }
    
    .article-meta-item {
        font-size: 13px;
    }
    
    .article-cover {
        height: 250px;
        margin-bottom: 16px !important;  /* 从 20px 减少到 16px */
        border-radius: 12px;
    }
    
    .article-content {
        font-size: 15px;
        line-height: 1.8;
        padding-top: 0 !important;  /* 完全移除顶部padding */
        padding-bottom: 60px !important;
        margin-top: 0 !important;
    }
    
    .article-content::before {
        display: none !important;
    }
    
    .article-content .container {
        padding-top: 0 !important;  /* 确保container顶部无padding */
    }
    
    .article-body {
        padding-top: 0 !important;  /* 文章主体顶部无padding */
        margin-top: 0 !important;
    }
    
    .article-content h2 {
        font-size: 22px;
        margin: 30px 0 15px;
    }
    
    .article-content h3 {
        font-size: 19px;
        margin: 25px 0 12px;
    }
    
    .article-content h4 {
        font-size: 17px;
    }
    
    .article-content p {
        margin-bottom: 15px;
    }
    
    .article-content img {
        margin: 20px 0;
        border-radius: 8px;
    }
    
    .article-tags {
        margin-top: 30px;
        gap: 8px;
    }
    
    .article-tag {
        padding: 6px 14px;
        font-size: 12px;
    }
    
    /* ==================== 关于我们页面 - 紧凑间距优化 ==================== */
    
    /* 所有 section 的上下 padding 减半 */
    .mission-section {
        padding: 30px 0 !important;  /* 从 60px 减少到 30px */
    }
    
    .achievements-section {
        padding: 30px 0 !important;
    }
    
    .values-section {
        padding: 30px 0 !important;
    }
    
    .info-section {
        padding: 30px 0 !important;
    }
    
    .join-section {
        padding: 30px 0 !important;
    }
    
    .mission-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    
    .mission-card {
        padding: 30px 20px;
    }
    
    .mission-card-icon {
        font-size: 40px;
        margin-bottom: 15px;
    }
    
    .mission-card h3 {
        font-size: 20px !important;  /* 统一蓝色字体：20px */
        margin-bottom: 10px !important;
        font-weight: 600;
        color: var(--accent-color) !important;
    }
    
    .mission-card p {
        font-size: 14px;
    }
    
    .team-section {
        padding: 30px 0 !important;  /* 从 60px 减少到 30px */
    }
    
    .team-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .team-member {
        padding: 25px;
    }
    
    .team-member-avatar {
        width: 80px;
        height: 80px;
        font-size: 32px;
    }
    
    .team-member-name {
        font-size: 17px !important;  /* 从 19px 减小到 17px */
        font-weight: 600;
    }
    
    .team-member-title {
        font-size: 14px;
    }
    
    .team-member-desc {
        font-size: 13px;
    }
    
    /* 成就数值 - 统一蓝色字体 */
    .achievement-value {
        font-size: 20px !important;  /* 统一蓝色字体：20px */
        font-weight: 700 !important;
        color: var(--accent-color) !important;
        margin-bottom: 12px !important;
    }
    
    /* 成就和价值观卡片标题 - 统一蓝色字体 */
    .achievement-card h3,
    .value-card h3 {
        font-size: 20px !important;  /* 统一蓝色字体：20px */
        font-weight: 600;
        color: var(--accent-color) !important;
    }
    
    /* 公司信息卡片标题 */
    .info-card h3 {
        font-size: 16px !important;
        font-weight: 600;
        color: var(--text-secondary) !important;
    }
    
    /* 公司信息卡片数值 - 统一蓝色字体 */
    .info-card p {
        font-size: 20px !important;  /* 桌面端32px，移动端统一为20px */
        font-weight: 700 !important;
        color: var(--accent-color) !important;
    }
    
    /* 加入我们区域标题 */
    .join-section h2 {
        font-size: 24px !important;  /* 从 48px 大幅减小 */
        margin-bottom: 16px !important;
        font-weight: 700;
    }
    
    .join-section p {
        font-size: 15px !important;
        margin-bottom: 24px !important;
    }
    
    /* ==================== 页脚 - 移动端紧凑优雅现代设计 ==================== */
    
    .footer {
        padding: 40px 0 20px !important;
        background: var(--bg-secondary) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    }
    
    .footer::before {
        display: none !important;  /* 移除顶部装饰线 */
    }
    
    .footer-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        margin-bottom: 24px !important;
        text-align: left !important;
    }
    
    /* 公司信息区域 - 突出显示 */
    .footer-section:first-child {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        margin-bottom: 4px;
    }
    
    .footer-section h4 {
        font-size: 15px !important;
        margin-bottom: 10px !important;
        padding-bottom: 6px !important;
        letter-spacing: 0.5px;
        font-weight: 600;
    }
    
    .footer-section h4::after {
        width: 20px !important;
        height: 2px !important;
    }
    
    /* 公司名称特殊样式 - 统一蓝色字体 */
    #footerCompanyName {
        font-size: 20px !important;  /* 统一蓝色字体：20px */
        margin-bottom: 6px !important;
        color: var(--accent-color) !important;
        font-weight: 600;
    }
    
    #footerSlogan {
        font-size: 13px !important;
        opacity: 0.7;
        margin-top: 4px;
        color: var(--text-secondary);
    }
    
    .footer-section ul {
        padding-left: 0 !important;
        list-style: none;
    }
    
    .footer-section ul li {
        margin-bottom: 8px !important;
        font-size: 13px !important;
    }
    
    .footer-section ul li a {
        font-size: 13px !important;
        padding-left: 0 !important;
        color: var(--text-secondary);
    }
    
    /* 移除悬停效果（移动端不需要） */
    .footer-section ul li a::before {
        display: none !important;
    }
    
    .footer-section ul li a:hover {
        transform: none !important;
        padding-left: 0 !important;
    }
    
    /* 联系信息样式 */
    #footerContact li {
        font-size: 13px !important;
        line-height: 1.6;
        opacity: 0.75;
        color: var(--text-secondary);
    }
    
    .footer-bottom {
        padding-top: 16px !important;
        margin-top: 0 !important;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }
    
    #footerCopyright {
        font-size: 11px !important;
        opacity: 0.6;
        line-height: 1.5;
        color: var(--text-secondary);
    }
    
    /* ==================== AI聊天窗口 ==================== */
    
    .ai-chat-window {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        bottom: 0;
        right: 0;
    }
    
    .ai-chat-header {
        padding: 15px 20px;
        border-radius: 0;
    }
    
    .ai-chat-title {
        font-size: 16px;
    }
    
    .ai-chat-messages {
        padding: 15px;
    }
    
    .ai-message {
        max-width: 85%;
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .ai-chat-input-container {
        padding: 15px;
    }
    
    .ai-chat-input {
        padding: 12px 45px 12px 15px;
        font-size: 14px;
    }
    
    .ai-chat-send {
        width: 36px;
        height: 36px;
        right: 18px;
    }
    
    /* ==================== 产品对话框移动端适配 ==================== */
    
    /* 产品对话框overlay：保持背景模糊效果 */
    .product-dialog-overlay {
        backdrop-filter: blur(10px) !important;
    }
    
    /* 产品对话框：与AI聊天窗口一致的布局 */
    .product-dialog {
        left: 15px !important;
        right: 15px !important;
        bottom: 15px !important;
        top: auto !important;
        width: auto !important;  /* 自动宽度，由left和right控制 */
        max-width: calc(100vw - 30px) !important;
        height: calc(100vh - 100px) !important;  /* 留出顶部空间 */
        max-height: 600px !important;
        border-radius: 16px !important;
        position: fixed !important;  /* 确保固定定位 */
        transform: none !important;  /* 移除桌面端的缩放动画 */
    }
    
    .product-dialog-header {
        padding: 10px 15px !important;  /* 与chat-header一致 */
        border-radius: 16px 16px 0 0 !important;
    }
    
    .product-dialog-title {
        font-size: 16px !important;  /* 与chat-title一致 */
    }
    
    .product-dialog-body {
        padding: 15px !important;  /* 与chat-messages一致 */
    }
    
    .product-detail-section {
        margin-bottom: 25px;
    }
    
    .product-detail-section h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .product-features {
        gap: 12px;
    }
    
    .product-feature-item {
        padding: 12px 15px;
        font-size: 13px;
    }
    
    /* 产品对话消息区域：与chat-messages一致 */
    .product-dialog-messages {
        padding: 15px !important;
        flex: 1 !important;
        overflow-y: auto !important;
    }
    
    .product-chat-messages {
        max-height: none !important;  /* 移除最大高度限制，让其自适应 */
        padding: 0 !important;  /* padding由父容器控制 */
    }
    
    .product-chat-message {
        max-width: 85% !important;
        padding: 12px 14px !important;  /* 与message-content一致 */
        font-size: 14px !important;
        line-height: 1.6 !important;
        border-radius: 12px !important;
        margin-bottom: 12px !important;
    }
    
    /* 产品对话输入区域：与chat-input-container一致 */
    .product-dialog-input-container {
        padding: 12px 15px !important;
        border-top: 1px solid rgba(0, 212, 255, 0.15) !important;
        background: rgba(0, 0, 0, 0.5) !important;
    }
    
    .product-dialog-input {
        flex: 1 !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        border-radius: 12px !important;
        min-height: 42px !important;
        max-height: 120px !important;
    }
    
    .product-dialog-send {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    
    .product-dialog-send svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    /* 产品对话关闭按钮 */
    .product-dialog-close {
        width: 36px !important;
        height: 36px !important;
        font-size: 20px !important;
    }
    
    /* ==================== 联系表单 ==================== */
    
    .contact-form-dialog {
        width: 95%;
        max-height: 95vh;
        max-width: none;
    }
    
    .contact-form-header {
        padding: 18px 20px;
    }
    
    .contact-form-header h3 {
        font-size: 19px;
    }
    
    .contact-form-body {
        padding: 20px;
    }
    
    .form-group {
        margin-bottom: 18px;
    }
    
    .form-group label {
        font-size: 13px;
        margin-bottom: 6px;
    }
    
    .form-group input,
    .form-group textarea {
        padding: 11px 14px;
        font-size: 14px;
    }
    
    .form-group textarea {
        min-height: 120px;
    }
    
    .form-actions {
        flex-direction: column;
        gap: 10px;
        margin-top: 25px;
    }
    
    .form-actions button {
        width: 100%;
        padding: 13px 24px;
    }
    
    /* ==================== 加载器 ==================== */
    
    .page-loader {
        font-size: 14px;
    }
    
    .loader-text {
        font-size: 20px;
        letter-spacing: 6px;
    }
    
    .loader-logo {
        font-size: 60px;
    }
    
    .loader-progress {
        font-size: 13px;
    }
    
    /* ==================== 搜索功能 ==================== */
    
    .search-container {
        padding: 15px 20px;
    }
    
    .search-input {
        padding: 12px 45px 12px 15px;
        font-size: 14px;
    }
    
    /* ==================== 滚动到顶部按钮 ==================== */
    
    .scroll-to-top {
        width: 45px;
        height: 45px;
        bottom: 20px;
        right: 20px;
    }
    
    .scroll-to-top svg {
        width: 20px;
        height: 20px;
    }
    
    /* ==================== 通用工具类 ==================== */
    
    .text-center-mobile {
        text-align: center;
    }
    
    .hide-mobile {
        display: none !important;
    }
    
    .show-mobile {
        display: block !important;
    }
    
    /* ==================== 间距调整 ==================== */
    
    section {
        padding: 50px 0;
    }
    
    .section-spacing {
        margin-top: 50px;
    }
    
    /* ==================== 图片优化 ==================== */
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* ==================== 表格响应式 ==================== */
    
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* ==================== 视频响应式 ==================== */
    
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }
}

/* ==================== 小屏手机适配 (< 480px) ==================== */
@media (max-width: 480px) {
    
    /* 轮播区域：进一步优化 */
    .slide-content {
        padding: 40px 20px 100px !important;
    }
    
    .slide-title {
        font-size: 24px !important;
        margin-bottom: 10px !important;
    }
    
    .slide-subtitle {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    
    .slide-description {
        font-size: 12px !important;
        margin-bottom: 20px !important;
        max-width: 95% !important;
    }
    
    .slide-cta-group {
        max-width: 260px !important;
        margin-top: 20px !important;  /* 小屏略微减少一点间距 */
    }
    
    .slide-cta-primary,
    .slide-cta-secondary {
        padding: 12px 24px !important;
        font-size: 13px !important;
    }
    
    /* 指示器位置调整 */
    .slider-indicators {
        bottom: 85px !important;  /* 小屏也往上移一点 */
        z-index: 2 !important;  /* 确保不遮挡按钮 */
    }
    
    .page-title {
        font-size: 30px !important;
    }
    
    .section-title {
        font-size: 24px !important;
    }
    
    .nav-menu {
        gap: 10px;
        align-items: center;
    }
    
    .nav-menu li {
        flex-shrink: 0;
    }
    
    .nav-menu li a {
        padding: 5px 8px;
        font-size: 14px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        line-height: 1.5;
    }
    
    .logo-text {
        display: inline-block !important;
        font-size: 16px !important;  /* 小屏略微减小字体 */
        color: var(--accent-color) !important;
        white-space: nowrap !important;  /* 不换行 */
    }
    
    .feature-card {
        padding: 25px 15px;
    }
    
    .news-card-image {
        height: 180px;
    }
    
    .article-title {
        font-size: 22px;
    }
    
    .article-content {
        font-size: 14px;
    }
    
    .article-content h2 {
        font-size: 20px;
    }
    
    .article-content h3 {
        font-size: 18px;
    }
}

/* ==================== 横屏模式适配 ==================== */
@media (max-width: 768px) and (orientation: landscape) {
    
    .hero-slider {
        height: 100vh !important;
    }
    
    /* 横屏模式：图片占更少空间，文字紧凑 */
    .slide-image {
        height: 35% !important;
    }
    
    .slide::before {
        top: calc(35% - 60px) !important;
    }
    
    .slide-content {
        top: calc(35% + 60px - 24px) !important;  /* 与竖屏保持一致的往上偏移 */
        padding: 30px 30px 80px !important;
    }
    
    .slide-badge {
        margin-bottom: 8px !important;
    }
    
    .slide-title {
        font-size: 22px !important;
        margin-bottom: 6px !important;
    }
    
    .slide-subtitle {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }
    
    .slide-description {
        font-size: 12px !important;
        margin-bottom: 16px !important;
        line-height: 1.5 !important;
    }
    
    .slide-cta-group {
        gap: 10px !important;
        max-width: 240px !important;
        margin-top: 18px !important;  /* 横屏空间紧张，间距略小 */
    }
    
    .slide-cta-primary,
    .slide-cta-secondary {
        padding: 10px 22px !important;
        font-size: 13px !important;
    }
    
    /* 指示器位置调整到底部（横屏也往上移） */
    .slider-indicators {
        bottom: 75px !important;
        z-index: 2 !important;  /* 确保不遮挡按钮 */
    }
    
    .page-header {
        padding: 80px 0 50px;
    }
    
    /* 横屏模式下聊天窗口和产品对话框 */
    .ai-chat-widget,
    .product-dialog {
        max-height: 80vh !important;  /* 横屏空间有限，降低最大高度 */
    }
}

/* ==================== 触摸设备优化 ==================== */
@media (hover: none) and (pointer: coarse) {
    
    /* 增大可点击区域 */
    a,
    button {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 移除悬停效果 */
    .feature-card:hover,
    .news-card:hover,
    .mission-card:hover {
        transform: none;
    }
    
    /* 优化滚动 */
    * {
        -webkit-overflow-scrolling: touch;
    }
}