/* =======================================================
   移动端专属样式 - 现代版 (Mobile Breakpoint <= 768px)
======================================================= */

@media (max-width: 768px) {
    body {
        /* 保留 PC 端的线性渐变背景 */
        background: linear-gradient(180deg, #f0f4f8 0%, #e8edf5 100%);
    }

    .content {
        position: relative;
        min-height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* 海报区块基底约束 */
    .poster-container {
        aspect-ratio: auto;
        height: auto;
        min-height: auto;
        box-shadow: none;
        padding: 25px 0 10px 0;
    }

    /* 去掉分隔线以防止移动端拥挤 */
    .poster-container::after {
        display: none;
    }

    /* --- 全局字体与标题层级 --- */
    .page-header-title {
        font-size: 26px;
        margin-top: 5px;
        letter-spacing: 2px;
    }
    .page-header-title::after {
        width: 40px;
        margin: 5px auto 0;
    }

    .additional-title {
        font-size: 24px;
        margin-bottom: 15px;
        letter-spacing: 2px;
    }
    .additional-title::after {
        width: 40px;
        margin: 5px auto 0;
    }

    /* --- 第一页全新地球背景 --- */
    .poster-container:first-of-type {
        height: 100vh;
        min-height: auto;
        padding-top: 0; 
        box-sizing: border-box;
    }

    .poster-container:first-of-type .hero-overlay-top {
        padding-top: 0; 
        justify-content: center;
    }

    .hero-title {
        font-size: 28px; /* 适当减小字号，避免最后一个字被折行 */
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .hero-subtitle {
        font-size: 15px;
        margin-bottom: 12px;
        letter-spacing: 3px;
        gap: 15px; /* 缩小间隙防止挤占文字空间 */
    }

    .hero-subtitle::before, .hero-subtitle::after {
        width: 30px; /* 在手机端大幅缩短发光射线，避免导致文字换行 */
    }

    .hero-desc {
        font-size: 13px;
        margin-bottom: 30px;
        letter-spacing: 2px;
        line-height: 1.6;
        width: 90%;
    }

    .hero-btn {
        padding: 10px 30px;
        font-size: 15px;
    }

    /* --- 底部修饰栏微调 --- */
    .hero-bottom-bar {
        width: 100%;
        bottom: 5vh;
        gap: 15px;
        padding: 0 15px;
    }

    .hero-stats {
        display: flex;
        flex-direction: column; /* 手机端竖着一排排列 */
        align-items: center; /* 确保竖排时完全居中在画面中间 */
        gap: 12px;
        margin-bottom: 10px; /* 与滚动提示器拉开一点距离 */
    }

    .stat-item {
        font-size: 14px; /* 略微放大以便于竖排阅读 */
        letter-spacing: 2px;
    }
    .stat-item .dot {
        width: 8px; height: 8px; margin-right: 12px;
    }

    .scroll-prompt span {
        font-size: 11px;
        letter-spacing: 3px;
    }
    
    .mouse-icon {
        width: 24px;
        height: 38px;
        border-width: 2px;
        border-radius: 10px;
    }
    
    .wheel {
        width: 4px;
        height: 8px;
        margin-top: 6px;
    }

    /* --- 导航栏手机端适配 (极简毛玻璃) --- */
    .top-nav {
        padding: 0 20px;
        height: 60px;
        background: rgba(10, 22, 40, 0.95);
        backdrop-filter: blur(20px);
    }

    .nav-brand-text {
        font-size: 16px;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background: rgba(10, 22, 40, 0.98);
        backdrop-filter: blur(20px);
        padding: 10px 0;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nav-links.open {
        display: flex;
    }

    .nav-link {
        padding: 15px 30px;
        border-radius: 0;
        font-size: 16px;
        color: rgba(255,255,255,0.85);
        border-left: 3px solid transparent;
    }

    .nav-link:hover {
        background: rgba(77, 169, 232, 0.1);
        color: #ffffff;
        border-left: 3px solid #4da9e8;
    }

    .nav-link::after {
        display: none;
    }

    .nav-hamburger {
        display: flex;
    }

    /* --- 现代版图片与文字分栏布局 (移动端重置上下堆叠) --- */
    .modern-split, 
    .modern-split.reverse {
        flex-direction: column !important; /* 强制为垂直排列 */
        gap: 15px;
        margin: 5px 0;
    }

    .modern-split-content, 
    .modern-split-img {
        flex: none;
        width: 100%;
    }

    .modern-split-content {
        order: 1; /* 保证文字在上 */
    }

    .modern-split-img {
        order: 2; /* 保证图片在下 */
    }

    /* --- 公司简介 (p3) --- */
    .p3-title {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .p3-title::after {
        width: 40px;
        margin: 8px auto 0;
    }

    .p3-content-area {
        padding: 10px 15px 0 15px;
    }

    .p3-paragraph {
        font-size: 15px;
        line-height: 1.8;
    }

    .p3-subtitle {
        font-size: 20px;
    }

    .p3-list-item {
        font-size: 14px;
        line-height: 1.6;
        padding: 12px;
    }

    .p3-image-wrapper {
        width: 85%;
        margin: 20px auto;
    }

    /* --- 通用内页头部 (logo 区域精简) --- */
    .page-header {
        padding-top: 5px;
        flex-direction: column;
        margin-bottom: 5px;
    }

    /* --- 资质及专利 (p4) --- */
    .p4-content-area {
        padding: 10px 15px;
    }

    .p4-cert-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .p4-bottom-images {
        width: 100%;
        height: auto;
    }

    .p4-bottom-info-title {
        font-size: 20px;
        margin-top: 15px;
    }

    /* --- 技术特色 (p5) --- */
    .p5-content-area {
        padding: 10px 15px;
    }

    .p5-content-area .modern-split-img {
        width: 75%;
        margin: 15px auto 0 auto;
    }

    .p5-tech-item {
        font-size: 14px;
        line-height: 1.6;
        padding: 8px 0;
    }

    .p5-tech-num {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    /* --- 核心产品 (p6, p7) --- */
    .p6-content-area, .p7-content-area {
        padding: 10px 15px;
    }

    .p6-section-subtitle {
        font-size: 18px;
    }

    .p6-paragraph {
        font-size: 14px;
        line-height: 1.7;
    }

    .p7-grid {
        grid-template-columns: 1fr; /* 移动端核心产品强制单列 */
        gap: 25px;
    }

    .p7-title-num {
        width: 45px;
        font-size: 18px;
    }
    .p7-title-text {
        font-size: 15px;
    }

    /* --- 业务方案 (solution) --- */
    .solution-content-area {
        padding: 10px 15px;
    }

    .solution-top {
        flex-direction: column;
    }
    
    .solution-top-img {
        width: 100%;
        margin-bottom: 10px;
    }

    .sol-grid {
        grid-template-columns: 1fr; /* 移动端瀑布变成单列 */
        gap: 15px;
    }

    .sol-grid-tag {
        font-size: 15px;
    }

    .sol-grid-text {
        font-size: 14px;
        padding: 15px;
    }

    /* --- 通用响应式网格 (13, 14, 16, 18) --- */
    .p13-grid, .p18-container {
        grid-template-columns: 1fr;
        padding: 0 15px;
        gap: 15px;
    }

    .p13-item-wide {
        grid-column: span 1;
    }

    .p13-item-wide-inner {
        flex-direction: column;
        gap: 10px;
    }

    .p13-label {
        font-size: 16px !important;
        padding-bottom: 10px !important;
    }

    .p14-container, .p16-container {
        padding: 0 15px;
    }

    .p14-row, .p14-row.reverse {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .p14-img, .p14-content {
        width: 100%;
    }

    .p16-sub-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    /* --- 最后一页天卫数智 (p19) --- */
    .p19-page {
        height: auto;
        padding: 25px 0 15px !important;
    }

    .p19-container {
        padding: 0 15px;
    }

    .p19-logo {
        flex-direction: column;
        gap: 5px;
    }

    .p19-logo-brand {
        font-size: 28px;
    }

    .p19-shake {
        width: 100%;
        margin-top: 15px;
    }

    .p19-slogan {
        font-size: 18px;
    }

    .p19-qrs {
        flex-direction: column;
        gap: 15px;
        margin-top: 15px;
    }

    .p19-footer-info {
        width: 100%;
        margin-top: 15px;
    }

    .p19-footer-row {
        font-size: 14px;
    }

    .p19-footer-label {
        width: 45px;
    }
}