/* ========================================
   统一响应式设计 - 支持手机、平板和PC
   ======================================== */

/* ========================================
   PC 版本 (> 1024px)
   ======================================== */
@media (min-width: 1025px) {
    /* 保持原始样式 */
}

/* ========================================
   平板版本 (576px - 1024px)
   ======================================== */
@media (min-width: 576px) and (max-width: 1024px) {
    /* 调整容器宽度 */
    .container, .content-wrapper {
        padding: 0 20px;
    }
    
    /* 调整网格布局 */
    .team-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
    }
    
    .vision-container {
        flex-direction: column;
    }
    
    .vision-statement {
        width: 100%;
        margin-bottom: 15px;
    }
    
    /* 调整卡片大小 */
    .team-member {
        flex-direction: column;
        text-align: center;
    }
    
    .member-avatar {
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    /* 调整模型项目 */
    .model-item {
        width: 130px;
        height: 130px;
    }
    
    .model-item.hardware {
        top: 40px;
        left: 60px;
    }
    
    .model-item.software {
        top: 40px;
        right: 60px;
    }
    
    .model-item.subsidy {
        bottom: 40px;
        left: 60px;
    }
    
    .model-item.services {
        bottom: 40px;
        right: 60px;
    }
    
    /* 调整财务亮点 */
    .financial-highlights {
        flex-direction: column;
    }
    
    .highlight-item {
        width: 100%;
        margin-bottom: 10px;
    }
    
    /* 调整成本优势 */
    .cost-advantage {
        flex-direction: column;
    }
    
    .cost-highlight {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    
    /* 调整社会价值项目 */
    .social-value-item {
        width: calc(50% - 10px);
        margin-bottom: 15px;
    }
    
    /* 调整技术项目 */
    .moat-item {
        width: 100%;
        margin-bottom: 15px;
    }
    
    /* 调整字体大小 */
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.2rem;
    }
    
    p {
        font-size: 0.95rem;
    }
    
    /* 调整菜单 */
    .hud-top, .hud-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    /* 调整模态框 */
    .modal-content {
        width: 90%;
        max-width: 700px;
    }
}

/* ========================================
   手机版本 (< 576px)
   ======================================== */
@media (max-width: 575px) {
    /* 基础布局 */
    * {
        margin: 0;
        padding: 0;
    }
    
    body {
        font-size: 14px;
    }
    
    /* 容器和包装器 */
    .container, .content-wrapper {
        padding: 0 10px;
        width: 100%;
    }
    
    /* 标题和文本 */
    h1 {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    
    h2 {
        font-size: 1.2rem;
        margin-bottom: 12px;
    }
    
    h3 {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    
    p {
        font-size: 0.9rem;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    
    /* 网格布局 */
    .team-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    /* 视觉容器 */
    .vision-container {
        flex-direction: column;
    }
    
    .vision-statement {
        width: 100%;
        margin-bottom: 10px;
        padding: 15px;
    }
    
    /* 团队成员卡片 */
    .team-member {
        flex-direction: column;
        text-align: center;
        padding: 15px;
        margin-bottom: 10px;
    }
    
    .member-avatar {
        width: 60px;
        height: 60px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .member-name {
        font-size: 1rem;
    }
    
    .member-title {
        font-size: 0.8rem;
    }
    
    .member-desc {
        font-size: 0.8rem;
    }
    
    .member-expand {
        width: 25px;
        height: 25px;
        font-size: 1rem;
    }
    
    /* 商业模型 */
    .business-model-visual {
        height: 300px;
    }
    
    .model-center {
        width: 80px;
        height: 80px;
        font-size: 1rem;
    }
    
    .model-item {
        width: 100px;
        height: 100px;
        font-size: 0.8rem;
    }
    
    .model-item.hardware {
        top: 20px;
        left: 30px;
    }
    
    .model-item.software {
        top: 20px;
        right: 30px;
    }
    
    .model-item.subsidy {
        bottom: 20px;
        left: 30px;
    }
    
    .model-item.services {
        bottom: 20px;
        right: 30px;
    }
    
    .model-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
    }
    
    .model-label {
        font-size: 0.8rem;
    }
    
    .model-value {
        font-size: 1rem;
    }
    
    /* 财务亮点 */
    .financial-highlights {
        flex-direction: column;
        gap: 10px;
    }
    
    .highlight-item {
        width: 100%;
        margin-bottom: 0;
        padding: 12px;
    }
    
    .highlight-label {
        font-size: 0.8rem;
    }
    
    .highlight-value {
        font-size: 1.1rem;
    }
    
    /* 成本优势 */
    .cost-advantage {
        flex-direction: column;
    }
    
    .cost-chart-container {
        height: 200px;
    }
    
    .cost-highlight {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        padding: 15px;
    }
    
    .highlight-value {
        font-size: 1.8rem;
    }
    
    /* 社会价值 */
    .social-value-container {
        flex-direction: column;
    }
    
    .social-value-item {
        width: 100%;
        margin-bottom: 10px;
        padding: 12px;
    }
    
    .value-icon {
        width: 40px;
        height: 40px;
    }
    
    .value-title {
        font-size: 0.9rem;
    }
    
    .value-desc {
        font-size: 0.8rem;
    }
    
    /* 技术项目 */
    .moat-item {
        width: 100%;
        margin-bottom: 10px;
        padding: 12px;
    }
    
    .moat-icon {
        width: 50px;
        height: 50px;
    }
    
    .moat-title {
        font-size: 1rem;
    }
    
    .moat-desc {
        font-size: 0.8rem;
    }
    
    /* 时间线 */
    .timeline-container {
        margin: 20px 0;
    }
    
    .timeline::before {
        left: 30px;
    }
    
    .timeline-item {
        padding-left: 70px;
        margin-bottom: 30px;
    }
    
    .timeline-dot {
        left: 24px;
    }
    
    .timeline-item::before {
        font-size: 0.8rem;
        left: 0;
    }
    
    .timeline-content {
        padding: 12px;
    }
    
    .timeline-content h3 {
        font-size: 1rem;
    }
    
    .timeline-content p {
        font-size: 0.8rem;
    }
    
    /* 融资部分 */
    .funding-round {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px;
    }
    
    .round-label {
        font-size: 1rem;
        margin-bottom: 8px;
    }
    
    .round-value {
        font-size: 1.1rem;
    }
    
    .allocation-percentage {
        font-size: 1rem;
    }
    
    .allocation-bar {
        margin: 8px 0 8px 40px;
    }
    
    .allocation-label {
        margin-left: 40px;
        font-size: 1rem;
    }
    
    .allocation-detail {
        margin-left: 40px;
        font-size: 0.8rem;
    }
    
    /* HUD 元素 */
    .hud-top, .hud-bottom {
        flex-direction: column;
        align-items: flex-start;
        font-size: 11px;
        padding: 8px 10px;
        gap: 5px;
    }
    
    .hud-center {
        margin: 8px 0;
    }
    
    .hud-left, .hud-right {
        width: 100%;
    }
    
    .hud-element {
        font-size: 10px;
    }
    
    .energy-bar {
        width: 50px;
    }
    
    .hud-coordinates {
        gap: 5px;
        flex-wrap: wrap;
    }
    
    .coordinate {
        font-size: 9px;
    }
    
    /* 模态框 */
    .modal-content {
        width: 95%;
        max-width: 100%;
        max-height: 90vh;
        padding: 15px;
    }
    
    .close-modal {
        font-size: 1.2rem;
        top: 8px;
        right: 10px;
    }
    
    /* 挑战列表 */
    .challenge-list li {
        margin-bottom: 12px;
        padding-left: 35px;
        font-size: 0.9rem;
    }
    
    .challenge-icon {
        width: 25px;
        height: 25px;
    }
    
    /* 技术时间线 */
    .tech-timeline {
        height: 120px;
        padding: 15px;
        margin: 15px 0;
    }
    
    .point-label {
        font-size: 0.8rem;
        top: -20px;
    }
    
    .tech-label {
        font-size: 0.8rem;
    }
    
    /* 产品卡片 */
    .product-card {
        padding: 12px;
    }
    
    .product-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
    
    .product-os-icon, .product-hardware-icon, .product-solutions-icon, .product-seal-icon {
        width: 25px;
        height: 25px;
    }
    
    /* 全息容器 */
    .hologram-container {
        height: 200px;
        margin: 20px 0;
    }
    
    .hologram-title {
        font-size: 1.3rem;
        margin-bottom: 15px;
    }
    
    .hologram-item {
        font-size: 1rem;
        margin: 6px 0;
    }
    
    /* 页脚 */
    .page-footer {
        padding: 15px 0;
        margin-top: 20px;
        font-size: 0.8rem;
    }
    
    /* 按钮 */
    button, .btn {
        padding: 10px 15px;
        font-size: 0.9rem;
        min-height: 44px;
    }
    
    /* 输入框 */
    input, textarea, select {
        padding: 10px;
        font-size: 0.9rem;
        min-height: 44px;
    }
    
    /* 表格 */
    table {
        font-size: 0.8rem;
    }
    
    th, td {
        padding: 8px;
    }
    
    /* 列表 */
    ul, ol {
        margin-left: 20px;
    }
    
    li {
        margin-bottom: 8px;
    }
    
    /* 间距调整 */
    section {
        margin-bottom: 20px;
    }
    
    .section-title {
        margin-bottom: 15px;
    }
    
    /* 隐藏不必要的元素 */
    .desktop-only {
        display: none !important;
    }
    
    .mobile-show {
        display: block !important;
    }
}

/* ========================================
   超小屏幕 (< 360px)
   ======================================== */
@media (max-width: 359px) {
    h1 {
        font-size: 1.3rem;
    }
    
    h2 {
        font-size: 1.1rem;
    }
    
    h3 {
        font-size: 0.95rem;
    }
    
    p {
        font-size: 0.85rem;
    }
    
    .team-member {
        padding: 10px;
    }
    
    .member-avatar {
        width: 50px;
        height: 50px;
    }
    
    .model-item {
        width: 90px;
        height: 90px;
        font-size: 0.75rem;
    }
    
    .model-item.hardware {
        top: 15px;
        left: 20px;
    }
    
    .model-item.software {
        top: 15px;
        right: 20px;
    }
    
    .model-item.subsidy {
        bottom: 15px;
        left: 20px;
    }
    
    .model-item.services {
        bottom: 15px;
        right: 20px;
    }
    
    .business-model-visual {
        height: 250px;
    }
    
    .model-center {
        width: 70px;
        height: 70px;
        font-size: 0.9rem;
    }
}