@charset "UTF-8";
/* ========== changelog.html 页面专属样式（公共部分见 common.css） ========== */
/* 导航兼容：更新日志页 nav 内文字强制不换行，移动端纵向排列 */
.logo {
    white-space: nowrap;
    flex-shrink: 0;
}
nav a {
    white-space: nowrap;
}
@media (max-width: 768px) {
    nav {
        flex-direction: column;
        gap: 1rem;
    }
    nav > div {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem 1.4rem;
    }
}

/* 首屏标题区 */
.page-head{
    padding:80px 0 60px;
    text-align:center;
    position:relative;
    z-index:1;
}
.page-head h1{
    font-size:3rem;
    background: linear-gradient(135deg, #e5e7eb, var(--primary), var(--secondary));
    background-size:200% 200%;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:1rem;
    animation:gradientShift 3s infinite;
}
.page-head p{
    font-size:1.2rem;
    color:var(--text-muted);
    max-width:700px;
    margin:0 auto 2rem;
}
.page-head .btn{
    margin:0 8px;
}

/* 更新日志卡片 */
.log-wrap{
    max-width:900px;
    margin:0 auto;
}
.log-card{
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:32px;
    margin-bottom:30px;
    transition:0.3s;
}
.log-card:hover{
    border-color:var(--primary);
    box-shadow:var(--glow);
    transform:translateY(-4px);
}
.log-card.new-version{
    border:1px solid var(--primary);
    background:linear-gradient(135deg,rgba(34,211,238,0.1),rgba(124,58,237,0.08));
}
.log-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
    flex-wrap:wrap;
    gap:10px;
}
.log-ver{
    font-size:1.6rem;
    color:var(--primary);
    font-weight:bold;
}
.log-date{
    color:var(--text-muted);
}
.tag-group{
    display:flex;
    gap:10px;
    margin-bottom:20px;
}
.tag{
    padding:4px 12px;
    border-radius:20px;
    font-size:0.8rem;
}
.tag-major{
    border:1px solid var(--accent);
    color:var(--accent);
}
.tag-add{
    border:1px solid #22c55e;
    color:#22c55e;
}
.tag-fix{
    border:1px solid #ef4444;
    color:#ef4444;
}
.tag-opt{
    border:1px solid var(--primary);
    color:var(--primary);
}
.log-card ul{
    padding-left:22px;
}
.log-card li{
    margin:10px 0;
    color:var(--text-muted);
    font-size:1.05rem;
}

/* FAQ板块 */
.faq-list{
    max-width:900px;
    margin:0 auto;
}
.faq-item{
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:16px;
    padding:24px;
    margin-bottom:16px;
}
.faq-item h4{
    color:var(--primary);
    font-size:1.2rem;
    margin-bottom:10px;
}
.faq-item p{
    color:var(--text-muted);
}

/* ==========更新日志页移动端查询 ========== */
@media (max-width:768px){
    .page-head h1{
        font-size:2.2rem;
    }
    .log-top{
        flex-direction:column;
        align-items:flex-start;
    }
    .tag-group{
        flex-wrap:wrap;
    }
    .log-card{
        padding:20px;
    }
    .btn{
        padding:12px 24px;
        font-size:1rem;
    }
}