.container {
    max-width: var(--container-width);
    margin: 0 auto;
    /* padding: 0 15px; */
}

.fl { float: left; }
.fr { float: right; }

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.text-center { text-align: center; }
.text-right { text-align: right; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

.hidden { display: none; }

/* 响应式辅助类 */
@media (max-width: 1200px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }
    .mt20 { margin-top: 15px; }
}

@media (max-width: 768px) {
    .container {
        width: 100%;
        padding: 0 12px; /* 移动端减少内边距 */
    }
    
    /* 移动端内容区域优化 */
    .content-left {
        padding: 16px;
        margin-bottom: 15px;
    }
    
    /* 移动端隐藏侧边栏中不重要的小部件 */
    .widget-ad {
        display: none;
    }
    
    /* 移动端专题推荐简化 */
    .special-topics {
        margin-top: 15px;
    }
    
    /* 移动端重磅头条简化 */
    .full-width-banner {
        margin-top: 15px;
    }
    
    /* 移动端主内容区 */
    .main-container {
        padding-top: 15px;
        padding-bottom: 20px;
        flex-direction: column;
        gap: 15px;
    }
    
    /* 移动端文章列表优化 */
    .article-list {
        gap: 16px;
    }
    
    .excerpt {
        flex-direction: column;
        padding: 16px;
        gap: 12px;
    }
    
    .excerpt .focus {
        width: 100%;
        margin-right: 0;
    }
    
    .excerpt .thumb {
        width: 100%;
        height: 200px;
    }
    
    .excerpt h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .excerpt .note {
        font-size: 13px;
        margin-bottom: 12px;
        -webkit-line-clamp: 2;
    }
    
    .excerpt .meta {
        flex-wrap: wrap;
        gap: 10px;
        font-size: 12px;
    }
    
    /* 移动端侧边栏优化 */
    .sidebar {
        width: 100%;
        position: static;
    }
    
    /* 移动端分页器 */
    .pagination ul {
        gap: 6px;
    }
    
    .pagination li a,
    .pagination li span {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px;
    }
    
    /* 移动端页面间距调整 */
    .mt20 {
        margin-top: 15px;
    }
    
    /* 移动端触摸优化 */
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }
    
    a, button, .rollbar-item, .bottom-bar-item {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }
    
    /* 移动端滚动优化 */
    body {
        -webkit-overflow-scrolling: touch;
    }
    
    /* 移动端字体大小优化 */
    body {
        font-size: 15px;
    }
    
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
}

/* 夜间模式图片与视频调整 */
body.dark img {
    opacity: 0.8;
}
body.dark img:hover {
    opacity: 1;
}
body.dark .widget, body.dark .content-left, body.dark article, body.dark header {
    background-color: var(--content-bg);
}

/* 移动端夜间模式特殊处理 */
@media (max-width: 768px) {
    body.dark .mobile-bottom-bar {
        background: rgba(30, 30, 30, 0.95);
        border-top-color: #444;
    }
    
    body.dark .mobile-search-overlay {
        background: #1a1a1a;
    }
    
    body.dark .mobile-search-header {
        background: #1a1a1a;
        border-bottom-color: #444;
    }
    
    body.dark .mobile-search-form {
        background: #2a2a2a;
    }
}