:root {
    --primary-color: #c62828;
    --secondary-color: #f5deb3;
    --dark-color: #2d2d2d;
    --light-color: #f8f9fa;
    --accent-color: #ff9800;
}

* { font-family: 'Noto Sans SC', sans-serif; }

body {
    background-color: #f5f5f5;
    color: #333;
    line-height: 1.6;
}

.top-announcement {
    background-color: var(--primary-color);
    color: white;
    padding: 8px 0;
    font-size: 14px;
}

.navbar {
    background-color: var(--dark-color) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar-brand {
    font-weight: 700;
    font-size: 24px;
    color: var(--secondary-color) !important;
}

.nav-link {
    color: rgba(255,255,255,0.85) !important;
    font-weight: 500;
    transition: all 0.3s;
    margin: 0 5px;
}

.nav-link:hover, .nav-link.active {
    color: var(--accent-color) !important;
}

/* 首页大横幅 */
.hero-section {
    background: linear-gradient(rgba(45, 45, 45, 0.85), rgba(45, 45, 45, 0.9)),
                url('https://images.unsplash.com/photo-1511512578047-dfb367046420?ixlib=rb-4.0.3&auto=format&fit=crop&w=1471&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 80px 0;
    margin-bottom: 40px;
}

/* 列表/内容页头部 */
.page-header {
    background: linear-gradient(rgba(45, 45, 45, 0.85), rgba(45, 45, 45, 0.9)),
                url('https://images.unsplash.com/photo-1511512578047-dfb367046420?ixlib=rb-4.0.3&auto=format&fit=crop&w=1471&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 40px 0;
    margin-bottom: 30px;
}

.hero-title { font-size: 2.8rem; font-weight: 700; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.page-title { font-size: 2rem; font-weight: 700; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.hero-subtitle { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; }

.search-box { max-width: 600px; margin: 0 auto; }
.search-input { border-radius: 50px 0 0 50px; border: none; padding: 15px 25px; font-size: 16px; }
.search-btn { border-radius: 0 50px 50px 0; background-color: var(--accent-color); border: none; padding: 15px 25px; font-weight: 600; }

.version-card { border: none; border-radius: 10px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; margin-bottom: 25px; height: 100%; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
.version-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12); }
.card-header-custom { background-color: var(--primary-color); color: white; padding: 15px 20px; font-weight: 600; }
.card-body { padding: 20px; }

.version-badge { background-color: var(--accent-color); color: white; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; display: inline-block; margin-right: 8px; margin-bottom: 8px; }

.download-btn { background-color: var(--primary-color); color: white; border: none; padding: 10px 20px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s; width: 100%; margin-top: 15px; }
.download-btn:hover { background-color: #a51c1c; color: white; }

.category-section { background-color: white; border-radius: 10px; padding: 30px; margin-bottom: 40px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }

.category-item { text-align: center; padding: 20px 10px; border-radius: 8px; transition: all 0.3s; cursor: pointer; height: 100%; color: inherit; text-decoration: none; }
.category-item:hover { background-color: rgba(198, 40, 40, 0.05); transform: translateY(-3px); color: inherit; }
.category-icon { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 15px; }

.version-desc { color: #444; font-size: 0.925rem; line-height: 1.65; }

.footer {
    background-color: var(--dark-color);
    color: rgba(255,255,255,0.75);   /* 取中间值，统一基调 */
    padding: 30px 0;
    margin-top: 50px;
}

.copyright {
    font-size: 14px;
    color: inherit;                  /* 直接继承 .footer 的颜色 */
}

.seo-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* 列表页缩略图 */
.list-thumb { width: 60px; height: 60px; object-fit: cover; }

/* 内容页样式 */
.article-meta { color: #777; font-size: 0.9rem; margin-bottom: 20px; }
.article-content { font-size: 1.05rem; line-height: 1.8; }
.article-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; }

@media (max-width: 768px) {
    .hero-title { font-size: 2rem; }
    .page-title { font-size: 1.5rem; }
    .hero-section { padding: 50px 0; }
    .page-header { padding: 30px 0; }
    .category-icon { font-size: 2rem; }
}