/* 移动端基础样式 */
@media screen and (max-width: 768px) {
    /* 基础布局调整 */
    body {
        font-size: 14px;
        line-height: 1.5;
    }

    .container {
        padding: 0 15px;
        width: 100%;
    }

    /* 导航栏适配 */
    .navbar {
        padding: 10px 0;
    }

    .navbar-brand {
        font-size: 1.2rem;
    }

    .nav-link {
        padding: 8px 12px;
        font-size: 0.9rem;
    }

    /* 语言选择栏适配 */
    .language-bar {
        padding: 5px 0;
        font-size: 0.8rem;
    }

    .language-bar a {
        padding: 2px 5px;
        margin: 0 2px;
    }

    /* 头部区域适配 */
    .header {
        padding: 30px 0;
    }

    .header h1 {
        font-size: 1.8rem;
    }

    .header p {
        font-size: 1rem;
    }

    /* 卡片布局适配 */
    .card {
        margin-bottom: 15px;
    }

    .card-body {
        padding: 15px;
    }

    .card-title {
        font-size: 1.2rem;
    }

    /* 按钮适配 */
    .btn {
        padding: 8px 16px;
        font-size: 0.9rem;
    }

    .btn-lg {
        padding: 10px 20px;
        font-size: 1rem;
    }

    /* 表格适配 */
    .table-responsive {
        margin-bottom: 15px;
    }

    .table th,
    .table td {
        padding: 8px;
        font-size: 0.9rem;
    }

    /* 列表适配 */
    .list-group-item {
        padding: 10px 15px;
    }

    /* 页脚适配 */
    .footer {
        padding: 20px 0;
        font-size: 0.9rem;
    }

    /* 注册按钮区域适配 */
    .register-section {
        padding: 30px 0;
    }

    .register-section h2 {
        font-size: 1.5rem;
    }

    /* 用户案例卡片适配 */
    .user-case-card {
        margin-bottom: 20px;
    }

    .user-case-card .card-body {
        padding: 15px;
    }

    .user-case-card .card-title {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .user-case-card .card-text {
        font-size: 0.9rem;
    }

    /* 新币分析卡片适配 */
    .coin-analysis-card {
        margin-bottom: 20px;
    }

    .coin-analysis-card .card-body {
        padding: 15px;
    }

    .coin-analysis-card .card-title {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .coin-analysis-card .card-text {
        font-size: 0.9rem;
    }

    /* 市场分析图表适配 */
    .market-chart {
        height: 300px;
        margin-bottom: 20px;
    }

    /* 教程步骤适配 */
    .tutorial-step {
        margin-bottom: 20px;
    }

    .tutorial-step h3 {
        font-size: 1.2rem;
    }

    .tutorial-step p {
        font-size: 0.9rem;
    }

    /* 策略卡片适配 */
    .strategy-card {
        margin-bottom: 20px;
    }

    .strategy-card .card-body {
        padding: 15px;
    }

    .strategy-card .card-title {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .strategy-card .card-text {
        font-size: 0.9rem;
    }

    /* 阿拉伯语RTL布局适配 */
    [dir="rtl"] .navbar-nav {
        padding-right: 0;
    }

    [dir="rtl"] .language-bar {
        text-align: right;
    }

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

    /* 表单元素适配 */
    .form-control {
        font-size: 0.9rem;
        padding: 8px 12px;
    }

    /* 标签适配 */
    .badge {
        font-size: 0.8rem;
        padding: 4px 8px;
    }

    /* 提示框适配 */
    .alert {
        padding: 10px 15px;
        font-size: 0.9rem;
    }

    /* 模态框适配 */
    .modal-dialog {
        margin: 10px;
    }

    .modal-content {
        padding: 15px;
    }

    .modal-title {
        font-size: 1.2rem;
    }

    /* 工具提示适配 */
    .tooltip {
        font-size: 0.8rem;
    }

    /* 加载动画适配 */
    .spinner-border {
        width: 1.5rem;
        height: 1.5rem;
    }

    /* 进度条适配 */
    .progress {
        height: 0.8rem;
    }

    /* 面包屑导航适配 */
    .breadcrumb {
        padding: 8px 0;
        font-size: 0.8rem;
    }

    /* 分页适配 */
    .pagination {
        font-size: 0.9rem;
    }

    .page-link {
        padding: 6px 12px;
    }
}

/* 小屏幕手机适配 */
@media screen and (max-width: 480px) {
    .header h1 {
        font-size: 1.5rem;
    }

    .header p {
        font-size: 0.9rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .table th,
    .table td {
        padding: 6px;
        font-size: 0.8rem;
    }

    .language-bar {
        display: none;
    }

    .language-bar-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }
}

/* 平板设备适配 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }

    .header h1 {
        font-size: 2rem;
    }

    .card-title {
        font-size: 1.3rem;
    }
}