/* 移动端专用样式 */
@media (max-width: 768px) {
    /* 优化触摸体验 */
    .touch-target {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* 防止点击延迟 */
    * {
        -webkit-tap-highlight-color: transparent;
    }
    
    /* 优化滚动 */
    body {
        -webkit-overflow-scrolling: touch;
    }
    
    /* 导航优化 */
    .bottom-nav {
        padding: 5px 0;
    }
    
    .nav-item i {
        font-size: 18px;
    }
    
    .nav-item span {
        font-size: 10px;
    }
    
    /* 表单优化 */
    input, select, textarea {
        font-size: 16px; /* 防止iOS缩放 */
    }
    
    /* 按钮优化 */
    .crystal-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
    
    /* 关系图优化 */
    .relation-container {
        height: calc(100vh - 120px);
    }
    
    /* 模态框优化 */
    .modal-content {
        width: 95%;
        max-height: 85vh;
    }
    
    /* 卡片优化 */
    .card {
        padding: 12px;
        margin-bottom: 15px;
    }
}

/* 平板设备 */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        max-width: 90%;
    }
    
    .bottom-nav {
        max-width: 768px;
        margin: 0 auto;
    }
}

/* 横屏模式 */
@media (orientation: landscape) and (max-height: 500px) {
    .bottom-nav {
        display: none;
    }
    
    .content {
        padding-bottom: 20px;
    }
}

/* 暗色模式支持 */
@media (prefers-color-scheme: dark) {
    body {
        background: #000000;
        color: #ffffff;
    }
}

/* 刘海屏适配 */
@supports (padding-top: env(safe-area-inset-top)) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}