/**
 * 移动设备响应式样式
 *
 * 针对移动设备和小屏幕的特殊样式
 */

@media (max-width: 768px) {
    /* 全局样式 */
    .container {
        padding: 0 15px;
    }

    /* 页面头部 */
    .site-header {
        padding: 15px 0;
    }

    .site-title {
        font-size: 1.8rem;
        margin-bottom: 5px;
    }

    .site-description {
        font-size: 0.9rem;
    }

    /* 导航菜单 */
    .main-navigation {
        position: relative;
    }

    .menu-toggle {
        display: block;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 8px 12px;
        cursor: pointer;
        font-size: 1.1rem;
        color: #333;
    }

    .menu-toggle:hover {
        background: #f5f5f5;
    }

    .main-menu {
        display: none;
        background: #fff;
        border: 1px solid #ddd;
        border-top: none;
        border-radius: 0 0 4px 4px;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    .main-menu.toggled {
        display: block;
    }

    .main-menu li {
        display: block;
    }

    .main-menu li a {
        display: block;
        padding: 12px 15px;
        border-bottom: 1px solid #eee;
    }

    .main-menu li a:hover {
        background: #f5f5f5;
    }

    /* 主要内容区域 */
    .main-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /* 文章列表 */
    .post-list {
        gap: 20px;
    }

    .post-item {
        margin-bottom: 20px;
    }

    .post-thumbnail {
        height: 200px;
    }

    .post-title {
        font-size: 1.4rem;
    }

    /* 侧边栏 */
    .sidebar {
        order: 1;
        margin-top: 30px;
    }

    /* 页脚 */
    .site-footer {
        padding: 30px 0;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /* 广告位 */
    .advertisement img {
        width: 100%;
        height: auto;
    }

    /* 搜索框 */
    .search-form {
        display: flex;
        flex-direction: column;
    }

    .search-form input[type="search"] {
        margin-bottom: 10px;
    }

    /* 分页导航 */
    .pagination {
        flex-direction: column;
    }

    .prev-page,
    .next-page {
        margin-bottom: 10px;
    }

    /* 评论区域 */
    .comments-area {
        padding: 20px 0;
    }

    .comment-form {
        padding: 20px;
    }

    .comment-form p {
        margin-bottom: 15px;
    }

    /* 搜索结果页 */
    .search-results .post-item {
        margin-bottom: 15px;
    }

    /* 404页面 */
    .error-404 {
        text-align: center;
        padding: 60px 0;
    }

    .error-404 h1 {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    .error-404 p {
        font-size: 1.1rem;
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    /* 更小屏幕的样式 */
    .site-title {
        font-size: 1.5rem;
    }

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

    .post-thumbnail {
        height: 150px;
    }

    .sidebar {
        margin-top: 20px;
    }

    .widget {
        margin-bottom: 20px;
    }

    .site-footer {
        padding: 20px 0;
    }

    .footer-bottom {
        font-size: 0.85rem;
    }
}