/* ============================================
   教赢云官网 - 移动端响应式适配样式
   独立CSS文件，不影响PC端显示
   ============================================ */

/* ---- 一、全局基础适配 (768px以下) ---- */
@media (max-width: 768px) {
    /* Section 间距统一缩小 */
    section.py-24 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    section.py-20 {
        padding-top: 2.8rem !important;
        padding-bottom: 2.8rem !important;
    }
    section.py-16 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    /* 主标题字号缩放 */
    .text-5xl {
        font-size: 2rem !important;
    }
    .text-4xl {
        font-size: 1.65rem !important;
    }
    .text-3xl {
        font-size: 1.35rem !important;
    }

    /* 副标题和段落 */
    section .text-xl {
        font-size: 1rem !important;
    }
    section .text-lg:not(nav .text-lg) {
        font-size: 0.95rem !important;
    }

    /* Section 内部标题区域间距 */
    section .mb-16 {
        margin-bottom: 2rem !important;
    }
    section .mb-12 {
        margin-bottom: 1.5rem !important;
    }

    /* 网格布局：4列->2列 */
    .grid-cols-4,
    .lg\:grid-cols-4,
    .md\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* gap 统一缩小 */
    section .gap-8 {
        gap: 1rem !important;
    }
    section .gap-6 {
        gap: 0.75rem !important;
    }
    section .gap-12 {
        gap: 1.5rem !important;
    }
    section .gap-16 {
        gap: 1.5rem !important;
    }

    /* 卡片内边距缩小 */
    section .p-8 {
        padding: 1.25rem !important;
    }
    section .p-6:not(nav .p-6) {
        padding: 1rem !important;
    }

    /* 表格处理：横向滚动 */
    .overflow-hidden:has(> table),
    div:has(> table.w-full) {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    table.w-full {
        min-width: 600px;
    }
    table th,
    table td {
        padding: 0.65rem 0.75rem !important;
        font-size: 0.8rem !important;
    }

    /* 图片自适应 */
    img {
        max-width: 100%;
        height: auto;
    }

    /* 按钮全宽优化 */
    section .flex-col.sm\:flex-row {
        flex-direction: column !important;
    }
    section .flex-col.sm\:flex-row > * {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* ---- 二、全局极小屏适配 (480px以下) ---- */
@media (max-width: 480px) {
    section.py-24 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    section.py-20 {
        padding-top: 1.8rem !important;
        padding-bottom: 1.8rem !important;
    }

    .text-5xl {
        font-size: 1.65rem !important;
    }
    .text-4xl {
        font-size: 1.4rem !important;
    }
    .text-3xl {
        font-size: 1.2rem !important;
    }
    .text-2xl {
        font-size: 1.1rem !important;
    }

    /* 极小屏gap更紧凑 */
    section .gap-8 {
        gap: 0.65rem !important;
    }
    section .gap-6 {
        gap: 0.55rem !important;
    }

    /* 极小屏卡片padding */
    section .p-8 {
        padding: 1rem !important;
    }
    section .p-6:not(nav .p-6) {
        padding: 0.85rem !important;
    }
    section .p-5 {
        padding: 0.75rem !important;
    }

    /* 2列网格在极小屏保持2列但更紧凑 */
    .grid.grid-cols-2 {
        gap: 0.5rem !important;
    }

    /* 极小屏表格 */
    table th,
    table td {
        padding: 0.5rem 0.6rem !important;
        font-size: 0.75rem !important;
    }

    /* 极小屏对比表格进一步紧凑 */
    .relative.overflow-hidden.rounded-3xl table th,
    .overflow-x-auto table th {
        padding: 0.4rem 0.3rem !important;
        font-size: 0.62rem !important;
    }
    .relative.overflow-hidden.rounded-3xl table td,
    .overflow-x-auto table td {
        padding: 0.4rem 0.3rem !important;
        font-size: 0.65rem !important;
        line-height: 1.3 !important;
    }
}

/* ---- 三、头部导航适配 ---- */
@media (max-width: 768px) {
    /* 导航栏内部间距 */
    #navbar .max-w-\[1200px\] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    /* logo文字 */
    #navbar .text-2xl {
        font-size: 1.15rem !important;
    }

    /* logo图标 */
    #navbar .w-10.h-10 {
        width: 2rem !important;
        height: 2rem !important;
    }

    /* 移动菜单面板 - 底部为漂浮导航栏留出空间 */
    .mobile-menu-panel {
        height: 100vh;
        height: 100dvh;
        padding-bottom: 0;
    }
    
    /* 菜单链接区域可滚动 */
    .mobile-menu-links {
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 0.5rem;
    }
    .mobile-menu-links::-webkit-scrollbar {
        display: none;
    }

    /* 底部操作按钮 - 固定在底部，不被导航栏遮挡 */
    .mobile-menu-footer {
        position: sticky;
        bottom: 0;
        background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
        padding: 0.75rem 0.875rem;
        border-top: 1px solid rgba(226, 232, 240, 0.6);
        flex-shrink: 0;
    }
    
    /* 底部按钮容器 */
    .mobile-menu-actions {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    /* 底部按钮样式优化 */
    .mobile-menu-actions .mobile-action-btn {
        padding: 0.65rem 1rem;
        font-size: 0.9rem;
    }
    
    /* 移动菜单面板宽度 */
    .mobile-menu-panel {
        width: min(88vw, 320px);
    }
}

@media (max-width: 480px) {
    #navbar .text-2xl {
        font-size: 1.05rem !important;
    }

    .mobile-menu-panel {
        width: 92vw;
    }
    
    /* 极小屏底部按钮更紧凑 */
    .mobile-menu-footer {
        padding: 0.6rem 0.75rem;
    }
    .mobile-menu-actions {
        gap: 0.4rem;
    }
    .mobile-menu-actions .mobile-action-btn {
        padding: 0.55rem 0.875rem;
        font-size: 0.85rem;
    }
}

/* ---- 四、首页各模块适配 ---- */
@media (max-width: 768px) {
    /* Hero区域 */
    #hero-home {
        min-height: auto !important;
        padding-top: 5rem !important;
        padding-bottom: 2.5rem !important;
    }
    #hero-home h1 {
        font-size: 2rem !important;
        line-height: 1.15 !important;
        margin-bottom: 0.8rem !important;
    }
    #hero-home .text-lg.md\:text-2xl {
        font-size: 0.95rem !important;
        margin-bottom: 1.2rem !important;
    }
    #hero-home .hero-badge {
        font-size: 0.72rem !important;
        padding: 0.35rem 0.8rem !important;
        margin-bottom: 1rem !important;
    }

    /* Hero CTA按钮 - 强制横向排列 */
    #hero-home #hero-cta {
        flex-direction: row !important;
        gap: 0.6rem !important;
        margin-bottom: 1.2rem !important;
    }
    #hero-home #hero-cta button {
        flex: 1;
        min-width: 0;
        width: auto !important;
        padding: 0.6rem 0.8rem !important;
        font-size: 0.85rem !important;
    }

    /* Hero统计卡片 */
    #hero-home #hero-stats {
        gap: 0.5rem !important;
    }
    #hero-home #hero-stats > div {
        padding: 0.7rem 0.5rem !important;
    }
    #hero-home #hero-stats .text-4xl {
        font-size: 1.3rem !important;
    }
    #hero-home #hero-stats .text-sm {
        font-size: 0.7rem !important;
    }

    /* 底部滚动指示隐藏 */
    #hero-home .hero-scroll-indicator,
    #hero-home .absolute.bottom-8 {
        display: none !important;
    }

    /* ---- 其他页面英雄区域适配 (newslist/contact/about-special等) ---- */
    /* 这些页面使用 bg-slate-950 背景，需要增加顶部间距避免被导航遮挡 */
    section.bg-slate-950 {
        padding-top: 5rem !important;
    }
    /* 英雄区域内部容器顶部间距 */
    section.bg-slate-950 > div.relative {
        padding-top: 5rem !important;
        padding-bottom: 2.5rem !important;
    }
    /* 英雄区域标题字号 */
    section.bg-slate-950 h1 {
        font-size: 1.75rem !important;
        line-height: 1.2 !important;
        margin-bottom: 0.75rem !important;
    }
    /* 英雄区域副标题字号 */
    section.bg-slate-950 p {
        font-size: 0.9rem !important;
    }
    /* 英雄区域徽章 */
    section.bg-slate-950 .inline-flex {
        font-size: 0.75rem !important;
        padding: 0.3rem 0.7rem !important;
        margin-bottom: 0.75rem !important;
    }

    /* 四大难题 #solutions */
    #solutions .grid.grid-cols-2.md\:grid-cols-2.lg\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }
    #solutions .feature-card {
        padding: 1rem !important;
        border-radius: 1rem !important;
    }
    #solutions .feature-card .w-14 {
        width: 2.5rem !important;
        height: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    #solutions .feature-card .w-14 i {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }
    #solutions .feature-card h3 {
        font-size: 1rem !important;
        margin-bottom: 0.35rem !important;
    }
    #solutions .feature-card p {
        font-size: 0.78rem !important;
        margin-bottom: 0.5rem !important;
    }
    #solutions .feature-card .border-t {
        padding-top: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
    #solutions .feature-card .border-t .text-sm {
        font-size: 0.75rem !important;
    }

    /* 核心价值主张（校长看板模拟） */
    section.py-24.bg-gray-50 .grid.grid-cols-1.lg\:grid-cols-2 {
        gap: 1.5rem !important;
    }
    section.py-24.bg-gray-50 .space-y-6 {
        gap: 1rem;
    }
    section.py-24.bg-gray-50 .bg-white.rounded-3xl.shadow-2xl {
        padding: 1.25rem !important;
    }

    /* 产品架构 #products */
    #products .text-center.mb-16 h2 {
        font-size: 1.5rem !important;
    }
    #products .tab-content .grid.grid-cols-1.lg\:grid-cols-2 {
        gap: 1.25rem !important;
    }
    #products .tab-content h3 {
        font-size: 1.25rem !important;
    }
    #products .tab-content ul.space-y-4 li {
        font-size: 0.88rem !important;
    }
    /* 产品模拟界面缩小 */
    #products .product-visual {
        padding: 1rem !important;
    }
    #products .product-visual .bg-white {
        max-width: 100% !important;
        width: 100% !important;
    }
    #content-sales .bg-white.rounded-\[3rem\],
    #content-teacher .bg-white.rounded-\[3rem\],
    #content-parent .bg-white.rounded-\[2rem\] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 核心功能详解 #features */
    #features .space-y-24 {
        gap: 2rem !important;
    }
    #features .space-y-24 > * + * {
        margin-top: 2rem !important;
    }
    #features .grid.grid-cols-1.lg\:grid-cols-2 {
        gap: 1.25rem !important;
    }
    #features .bg-white.rounded-3xl.shadow-xl {
        padding: 1.25rem !important;
    }
    #features .grid.grid-cols-2.gap-4 {
        gap: 0.5rem !important;
    }
    #features .grid.grid-cols-2.gap-4 .text-3xl {
        font-size: 1.5rem !important;
    }

    /* 对比表格区域 - 紧凑表格适配 */
    section:has(> div > .relative.overflow-hidden.rounded-3xl:has(table)) {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    /* 取消水平滚动，表格自适应宽度 */
    .relative.overflow-hidden.rounded-3xl:has(table),
    .overflow-x-auto:has(table) {
        overflow-x: hidden !important;
        overflow: hidden !important;
    }

    .relative.overflow-hidden.rounded-3xl table,
    .overflow-x-auto table {
        min-width: 0 !important;
        width: 100% !important;
        table-layout: fixed !important;
    }

    /* 列宽分配：第1列较窄，第2、3列平均 */
    .relative.overflow-hidden.rounded-3xl table th:first-child,
    .relative.overflow-hidden.rounded-3xl table td:first-child,
    .overflow-x-auto table th:first-child,
    .overflow-x-auto table td:first-child {
        width: 22% !important;
    }

    .relative.overflow-hidden.rounded-3xl table th:nth-child(2),
    .relative.overflow-hidden.rounded-3xl table td:nth-child(2),
    .overflow-x-auto table th:nth-child(2),
    .overflow-x-auto table td:nth-child(2) {
        width: 39% !important;
    }

    .relative.overflow-hidden.rounded-3xl table th:nth-child(3),
    .relative.overflow-hidden.rounded-3xl table td:nth-child(3),
    .overflow-x-auto table th:nth-child(3),
    .overflow-x-auto table td:nth-child(3) {
        width: 39% !important;
    }

    /* 表头紧凑 */
    .relative.overflow-hidden.rounded-3xl table th,
    .overflow-x-auto table th {
        padding: 0.5rem 0.4rem !important;
        font-size: 0.7rem !important;
        text-align: center !important;
    }

    /* 单元格紧凑 */
    .relative.overflow-hidden.rounded-3xl table td,
    .overflow-x-auto table td {
        padding: 0.5rem 0.4rem !important;
        font-size: 0.72rem !important;
        line-height: 1.35 !important;
        word-break: break-all !important;
        overflow-wrap: break-word !important;
    }

    /* 对比表格上方的3个卡片 */
    .grid.grid-cols-1.md\:grid-cols-3.gap-4.mb-8 {
        gap: 0.65rem !important;
    }
    .grid.grid-cols-1.md\:grid-cols-3.gap-4.mb-8 > div {
        padding: 1rem !important;
    }
    .grid.grid-cols-1.md\:grid-cols-3.gap-4.mb-8 .text-2xl {
        font-size: 1.2rem !important;
    }

    /* 客户案例 #cases */
    #cases .grid.grid-cols-1.md\:grid-cols-2 {
        gap: 0.85rem !important;
    }
    #cases .testimonial-card {
        padding: 1.25rem !important;
        border-radius: 1.25rem !important;
    }
    #cases .testimonial-card .grid.grid-cols-3 {
        gap: 0.5rem !important;
    }
    #cases .testimonial-card .grid.grid-cols-3 .text-2xl {
        font-size: 1.15rem !important;
    }
    #cases .testimonial-card p.italic {
        font-size: 0.88rem !important;
    }

    /* 新闻资讯模块 #news */
    #news .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 {
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }
    #news .group.block .p-6 {
        padding: 1rem !important;
    }
    #news .group.block h3 {
        font-size: 1rem !important;
    }
    /* 手机端只显示3条新闻 */
    #news .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 > a:nth-child(n+4) {
        display: none !important;
    }

    /* CTA区域 #contact */
    #contact {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    #contact .grid.grid-cols-1.md\:grid-cols-3 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    #contact .footer-website-card {
        display: none !important;
    }
    #contact .glass.rounded-2xl {
        padding: 0.75rem 0.5rem !important;
    }
    #contact .glass.rounded-2xl .text-xl {
        font-size: 0.88rem !important;
    }
    #contact .glass.rounded-2xl .text-sm {
        font-size: 0.75rem !important;
    }
    #contact .glass.rounded-2xl i[data-lucide] {
        width: 1.25rem !important;
        height: 1.25rem !important;
        margin-bottom: 0.35rem !important;
    }
    #contact .max-w-5xl h2 {
        font-size: 1.35rem !important;
        line-height: 1.25 !important;
        margin-bottom: 0.5rem !important;
    }
    #contact .max-w-5xl > .text-xl {
        font-size: 0.85rem !important;
        margin-bottom: 1.5rem !important;
    }
    #contact .inline-flex {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    #contact .flex.justify-center button,
    #contact .flex.flex-col.sm\:flex-row button {
        width: auto !important;
        padding: 0.7rem 2rem !important;
        font-size: 0.9rem !important;
    }
}

@media (max-width: 480px) {
    /* Hero 极小屏 */
    #hero-home h1 {
        font-size: 1.6rem !important;
    }
    #hero-home .text-lg.md\:text-2xl {
        font-size: 0.85rem !important;
    }
    #hero-home #hero-stats {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.4rem !important;
    }
    #hero-home #hero-stats .text-4xl {
        font-size: 1.1rem !important;
    }

    /* Hero CTA按钮极小屏 */
    #hero-home #hero-cta {
        flex-direction: row !important;
        gap: 0.5rem !important;
    }
    #hero-home #hero-cta button {
        padding: 0.5rem 0.6rem !important;
        font-size: 0.78rem !important;
    }

    /* 四大难题极小屏：单列 */
    #solutions .grid.grid-cols-2.md\:grid-cols-2.lg\:grid-cols-4 {
        grid-template-columns: 1fr !important;
    }

    /* 客户案例极小屏 */
    #cases .testimonial-card .grid.grid-cols-3 .text-2xl {
        font-size: 1rem !important;
    }

    /* CTA极小屏 */
    #contact {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    #contact .max-w-5xl h2 {
        font-size: 1.15rem !important;
    }
    #contact .glass.rounded-2xl .text-xl {
        font-size: 0.78rem !important;
    }

    /* 新闻极小屏 */
    #news .group.block .aspect-\[16\/10\] {
        aspect-ratio: 16/9;
    }
}

/* ---- 五、关于我们页面适配 ---- */
@media (max-width: 768px) {
    /* Hero统计卡片 */
    .bg-slate-950 .grid.grid-cols-2.md\:grid-cols-4 {
        gap: 0.5rem !important;
    }
    .bg-slate-950 .grid.grid-cols-2.md\:grid-cols-4 > div {
        padding: 0.75rem !important;
    }
    .bg-slate-950 .grid.grid-cols-2.md\:grid-cols-4 .text-2xl {
        font-size: 1.35rem !important;
    }

    /* 公司背景标签换行 */
    .flex.flex-wrap.gap-3 span {
        font-size: 0.8rem !important;
        padding: 0.3rem 0.6rem !important;
    }

    /* 核心团队/使命愿景两列区域 */
    .grid.grid-cols-1.lg\:grid-cols-2 > article {
        padding: 1.25rem !important;
    }
    .grid.grid-cols-1.lg\:grid-cols-2 > article .grid.grid-cols-2 {
        gap: 0.5rem !important;
    }

    /* 技术实力卡片 */
    .grid.grid-cols-1.md\:grid-cols-3.gap-4.md\:gap-5 {
        grid-template-columns: 1fr !important;
        gap: 0.65rem !important;
    }
    .grid.grid-cols-1.md\:grid-cols-3.gap-4.md\:gap-5 > div {
        padding: 1rem !important;
    }

    /* 数据资源标签 */
    .grid.grid-cols-2.md\:grid-cols-4.gap-3 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }

    /* 服务规模列表项间距 */
    .space-y-3 li {
        font-size: 0.88rem !important;
    }

    /* 关于我们-联系方式区域 */
    section#contact.rounded-3xl .grid.grid-cols-1.md\:grid-cols-3 {
        gap: 0.5rem !important;
    }
    section#contact.rounded-3xl .grid.grid-cols-1.md\:grid-cols-3 a {
        padding: 0.85rem !important;
    }
}

@media (max-width: 480px) {
    .bg-slate-950 .grid.grid-cols-2.md\:grid-cols-4 .text-2xl {
        font-size: 1.1rem !important;
    }
    .bg-slate-950 .grid.grid-cols-2.md\:grid-cols-4 .text-xs {
        font-size: 0.65rem !important;
    }
}

/* ---- 六、联系我们页面适配 ---- */
@media (max-width: 768px) {
    /* 联系方式卡片 */
    main .grid.grid-cols-1.md\:grid-cols-3.gap-5 {
        gap: 0.65rem !important;
    }
    main .grid.grid-cols-1.md\:grid-cols-3.gap-5 a {
        padding: 1rem !important;
    }
    main .grid.grid-cols-1.md\:grid-cols-3.gap-5 .w-12.h-12 {
        width: 2.5rem !important;
        height: 2.5rem !important;
        margin-bottom: 0.6rem !important;
    }
    main .grid.grid-cols-1.md\:grid-cols-3.gap-5 .text-xl {
        font-size: 1.05rem !important;
    }

    /* 工作时间/服务承诺 */
    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.md\:gap-8 {
        gap: 0.75rem !important;
    }
    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.md\:gap-8 section {
        padding: 1.25rem !important;
    }

    /* CTA底部 */
    main .rounded-3xl.bg-gradient-to-r .flex.flex-col.md\:flex-row {
        text-align: center;
    }
    main .rounded-3xl.bg-gradient-to-r .flex.flex-wrap.gap-3 {
        width: 100%;
        flex-direction: column;
    }
    main .rounded-3xl.bg-gradient-to-r .flex.flex-wrap.gap-3 a {
        width: 100%;
        justify-content: center;
    }
}

/* ---- 七、在线留言页面适配 ---- */
@media (max-width: 768px) {
    /* 表单区域 */
    form.space-y-5 {
        gap: 1rem;
    }
    form .grid.grid-cols-1.md\:grid-cols-2 {
        gap: 0.75rem !important;
    }

    /* 验证码区域 */
    form .grid.grid-cols-1.sm\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr !important;
        gap: 0.65rem !important;
    }
    form .grid.grid-cols-1.sm\:grid-cols-\[1fr_auto\] img {
        width: 8rem !important;
        height: 2.8rem !important;
    }

    /* 提交按钮全宽 */
    form button[type="submit"] {
        width: 100% !important;
    }

    /* 留言列表 */
    .space-y-4 article {
        padding: 1rem !important;
    }
    .space-y-4 article .w-8.h-8 {
        width: 1.75rem !important;
        height: 1.75rem !important;
    }

    /* 审核通过标签 */
    .flex.items-center.justify-between.mb-6 .text-sm.text-slate-500 {
        font-size: 0.7rem !important;
        padding: 0.2rem 0.5rem !important;
    }
}

/* ---- 八、新闻列表页面适配 ---- */
@media (max-width: 768px) {
    /* 文章卡片网格 */
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-6.md\:gap-8 {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
    /* 卡片内部 */
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 .group .p-5.md\:p-6 {
        padding: 1rem !important;
    }
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 .group h3 {
        font-size: 1rem !important;
    }

    /* 图片宽高比优化 */
    .group .aspect-\[16\/10\] {
        aspect-ratio: 16/9;
    }

    /* 分页容器 - 手机端适配 */
    .news-pagination-container {
        margin-top: 1.5rem;
        margin-bottom: 0.25rem;
    }

    /* 第一行：分页信息 */
    .page-status {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem 0 0.75rem;
        font-size: 0.72rem;
        font-weight: 500;
        color: #64748b;
        background: transparent;
        border: none;
        white-space: nowrap;
    }

    /* 第二行：数字条容器 */
    .page-numbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.2rem;
        padding: 0;
        background: transparent !important;
        border: none !important;
    }

    /* 导航按钮容器 */
    .page-index,
    .page-pre,
    .page-next,
    .page-last {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 导航按钮链接 */
    .page-index a,
    .page-pre a,
    .page-next a,
    .page-last a {
        min-width: 1.75rem !important;
        height: 1.75rem !important;
        padding: 0 0.4rem !important;
        margin: 0 0.1rem !important;
        font-size: 0.72rem !important;
        font-weight: 500;
        border-radius: 0.3rem !important;
        background: #f1f5f9 !important;
        border: none !important;
    }

    /* 数字页码 */
    .page-num {
        min-width: 1.75rem !important;
        height: 1.75rem !important;
        padding: 0 0.4rem !important;
        margin: 0 0.1rem !important;
        font-size: 0.72rem !important;
        font-weight: 500;
        border-radius: 0.3rem !important;
        background: #f1f5f9 !important;
        border: none !important;
    }

    /* 当前页 - 蓝色背景 */
    .page-num-current {
        background: #2563eb !important;
        color: #ffffff !important;
    }

    /* 隐藏首页/尾页按钮 */
    .page-first,
    .page-last {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-6.md\:gap-8 {
        gap: 0.6rem !important;
    }
}

/* ---- 九、新闻详情页面适配 ---- */
@media (max-width: 768px) {
    /* 主体布局：侧边栏在手机端下移 */
    .grid.grid-cols-1.lg\:grid-cols-4 {
        gap: 1rem !important;
    }

    /* 侧边栏取消sticky */
    .grid.grid-cols-1.lg\:grid-cols-4 aside .sticky {
        position: relative !important;
        top: auto !important;
    }

    /* 文章标题 */
    article .text-2xl.md\:text-3xl {
        font-size: 1.3rem !important;
        line-height: 1.35 !important;
    }

    /* 文章内容区域 */
    article .rounded-3xl.bg-white {
        padding: 1.25rem !important;
    }

    /* 面包屑导航溢出 */
    .news-breadcrumb {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .news-breadcrumb::-webkit-scrollbar {
        display: none;
    }
    .news-breadcrumb-current {
        max-width: 160px !important;
    }

    /* 上一篇/下一篇 */
    .grid.grid-cols-1.md\:grid-cols-2.gap-4 {
        gap: 0.5rem !important;
    }
    .grid.grid-cols-1.md\:grid-cols-2.gap-4 a {
        padding: 0.85rem !important;
    }

    /* 文章元信息 */
    article .flex.flex-wrap.items-center.gap-x-5 {
        gap: 0.5rem 0.75rem !important;
        font-size: 0.78rem !important;
    }

    /* 标签 */
    article .flex.flex-wrap.gap-2 a {
        font-size: 0.7rem !important;
        padding: 0.2rem 0.5rem !important;
    }

    /* 推荐阅读侧边栏 */
    aside .rounded-3xl {
        padding: 1rem !important;
    }
    aside .w-20.h-14 {
        width: 4.5rem !important;
        height: 3rem !important;
    }
}

@media (max-width: 480px) {
    article .text-2xl.md\:text-3xl {
        font-size: 1.15rem !important;
    }
    .news-breadcrumb-current {
        max-width: 120px !important;
    }
}

/* ---- 十、产品功能页面适配 ---- */
@media (max-width: 768px) {
    /* Feature-all Hero */
    section.bg-gradient-to-br.from-slate-900 h1 {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
    }
    section.bg-gradient-to-br.from-slate-900 .text-xl {
        font-size: 0.95rem !important;
    }
    section.bg-gradient-to-br.from-slate-900 .flex.flex-wrap.justify-center.gap-4 {
        gap: 0.4rem !important;
    }
    section.bg-gradient-to-br.from-slate-900 .flex.flex-wrap.justify-center.gap-4 span {
        font-size: 0.75rem !important;
        padding: 0.35rem 0.65rem !important;
    }

    /* 系统概览 #overview */
    #overview .bg-slate-50.rounded-3xl {
        padding: 1.25rem !important;
    }
    #overview .grid.grid-cols-1.lg\:grid-cols-2 {
        gap: 1.5rem !important;
    }
    #overview .grid.grid-cols-2.gap-4 {
        gap: 0.5rem !important;
    }

    /* 功能模块卡片 */
    .feature-grid-card {
        padding: 1rem !important;
    }
    .feature-grid-card h3 {
        font-size: 1rem !important;
    }
    .feature-grid-card .text-2xl {
        font-size: 1.3rem !important;
    }

    /* 功能网格 4列->2列 */
    #ai-sales .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }

    /* 流程步骤适配 */
    .flex.flex-col.md\:flex-row.justify-between.items-center {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    /* 隐藏连接线 */
    .flex.flex-col.md\:flex-row .absolute.top-1\/2 {
        display: none !important;
    }

    /* 教务管理模块卡片 */
    .module-card {
        padding: 1rem !important;
    }
    .module-card .module-icon {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    /* 数据看板网格 */
    #overview .grid.grid-cols-2 > .col-span-2 {
        grid-column: span 2 !important;
    }

    /* 核心价值数据 */
    #radar .grid.grid-cols-1.md\:grid-cols-3 {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }
    #radar .grid.grid-cols-1.md\:grid-cols-3 .text-4xl {
        font-size: 1.5rem !important;
    }

    /* 四端产品架构卡片 */
    .flex.justify-between.text-center {
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: center !important;
    }
    .flex.justify-between.text-center > div {
        flex: 0 0 calc(50% - 0.25rem);
    }

    /* 选址分析卡片内部适配 */
    #radar .flex.items-center.justify-between {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem;
    }
    #radar .flex.items-center.justify-between span {
        align-self: flex-start;
    }

    /* 适用对象等小卡片 */
    .grid.grid-cols-1.md\:grid-cols-2.gap-8 {
        gap: 0.75rem !important;
    }
}

@media (max-width: 480px) {
    section.bg-gradient-to-br.from-slate-900 h1 {
        font-size: 1.5rem !important;
    }

    /* 功能网格极小屏：单列 */
    #ai-sales .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
        grid-template-columns: 1fr !important;
    }

    .feature-grid-card .w-12.h-12 {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    /* 选址分析示例文字缩小 */
    #radar .font-bold.text-lg {
        font-size: 0.95rem !important;
    }
    #radar .text-sm {
        font-size: 0.75rem !important;
    }
}

/* ---- 十一、底部页脚适配 ---- */
@media (max-width: 768px) {
    /* 手机端隐藏友情链接 */
    .footer-friendlinks {
        display: none !important;
    }

    footer {
        padding-top: 1.75rem !important;
        padding-bottom: 4.5rem !important;
    }

    /* 5列改2列 */
    footer .footer-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }

    /* 品牌区占满一行 */
    footer .footer-brand {
        grid-column: span 2;
    }
    footer .footer-brand .text-xl {
        font-size: 1rem !important;
    }
    footer .footer-brand .w-9 {
        width: 1.75rem !important;
        height: 1.75rem !important;
        font-size: 0.75rem !important;
    }
    footer .footer-brand p {
        font-size: 0.8rem !important;
        margin-bottom: 0.5rem !important;
    }
    footer .footer-social a {
        width: 1.75rem !important;
        height: 1.75rem !important;
    }
    footer .footer-social svg,
    footer .footer-social i {
        width: 0.75rem !important;
        height: 0.75rem !important;
    }

    /* 导航链接改为 flex wrap 2列 */
    footer .footer-nav-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.35rem 0.75rem !important;
    }
    footer .footer-nav-list li {
        width: calc(50% - 0.5rem);
    }

    /* 通用标题与列表缩小 */
    footer h4 {
        font-size: 0.82rem !important;
        margin-bottom: 0.5rem !important;
    }
    footer ul li,
    footer .footer-contact li span {
        font-size: 0.78rem !important;
    }
    footer .footer-contact li i,
    footer .footer-contact li svg {
        width: 0.85rem !important;
        height: 0.85rem !important;
    }

    /* 二维码缩小 */
    footer .qrcode-wrapper img {
        width: 5.5rem !important;
        height: 5.5rem !important;
    }
    footer .qrcode-wrapper {
        padding: 0.35rem !important;
    }
    footer .footer-qrcode p {
        font-size: 0.7rem !important;
    }

    /* 分割线 */
    footer .footer-divider {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    /* 版权栏 */
    footer .footer-copyright {
        font-size: 0.68rem !important;
        gap: 0.25rem !important;
    }

    footer .mb-8 {
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 480px) {
    footer {
        padding-top: 1.25rem !important;
        padding-bottom: 4.5rem !important;
    }

    /* 全部单列 */
    footer .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }
    footer .footer-brand {
        grid-column: span 1;
    }

    /* 导航单列紧凑 */
    footer .footer-nav-list {
        gap: 0.25rem 0.6rem !important;
    }
    footer .footer-nav-list li {
        width: calc(50% - 0.35rem);
    }

    /* 二维码居中缩小 */
    footer .footer-qrcode {
        align-items: center !important;
    }
    footer .qrcode-wrapper img {
        width: 4.5rem !important;
        height: 4.5rem !important;
    }

    /* 联系方式紧凑 */
    footer .footer-contact ul {
        gap: 0.4rem !important;
    }
    footer .footer-contact li span {
        font-size: 0.72rem !important;
    }

    /* 分割线 */
    footer .footer-divider {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    footer .footer-divider span .block {
        display: none !important;
    }

    /* 版权栏紧凑 */
    footer .footer-copyright {
        flex-direction: column !important;
        text-align: center !important;
        font-size: 0.62rem !important;
        gap: 0.15rem !important;
        padding-top: 0 !important;
    }

    footer h4 {
        font-size: 0.78rem !important;
        margin-bottom: 0.4rem !important;
    }
}

/* ---- 通用子页面 Hero 适配 ---- */
@media (max-width: 768px) {
    /* 子页面（about/contact/news等）的Hero区域 */
    .bg-slate-950 .relative.max-w-\[1200px\] {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .bg-slate-950 h1 {
        font-size: 1.6rem !important;
        margin-bottom: 0.75rem !important;
    }
    .bg-slate-950 .text-base.md\:text-lg,
    .bg-slate-950 .text-base.md\:text-xl {
        font-size: 0.88rem !important;
    }

    /* 子页面main区域 */
    main.bg-slate-50 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    main .max-w-\[1200px\] > .space-y-8.md\:space-y-10 {
        gap: 1rem !important;
    }

    /* 子页面section卡片 */
    main section.rounded-3xl {
        border-radius: 1.25rem !important;
    }
}

@media (max-width: 480px) {
    .bg-slate-950 h1 {
        font-size: 1.35rem !important;
    }
    .bg-slate-950 .text-base.md\:text-lg,
    .bg-slate-950 .text-base.md\:text-xl {
        font-size: 0.82rem !important;
    }
}

/* feature-all.html 页面底部导航栏避让 */
@media (max-width: 768px) {
    /* 为feature-all.html最后一个section添加底部padding，避免被底部导航栏遮挡 */
    .pb-safe-area {
        padding-bottom: 5rem !important;
    }
}