/* HanaAgent 下载页样式（复用 home.css 的设计变量） */

/* ═══ 顶栏：浅色变体 ═══ */
.dl-topbar{
    max-width:1180px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:1.2rem 2rem;
}
.dl-topbar .logo-icon{box-shadow:none}
.dl-topbar .logo-wordmark{
    color:var(--hana-text);
    text-shadow:none;
}
.dl-topbar-right{
    display:flex;
    align-items:center;
    gap:1.2rem;
}
.dl-topbar .lang-nav{
    margin:0;
    font-size:0.74rem;
    color:var(--text-muted);
    display:inline-flex;
    align-items:center;
    line-height:1;
}
.dl-topbar .lang-nav a{
    color:var(--text-muted);
    text-decoration:none;
    border-bottom:none;
    transition:color 0.2s ease;
    display:inline-flex;align-items:center;line-height:1;
}
.dl-topbar .lang-nav a:hover{color:var(--accent)}
.dl-topbar .lang-nav span{margin:0 0.35em;display:inline-flex;align-items:center;line-height:1;color:#d8d2c4}
.dl-topbar .lang-nav .current{color:var(--text)}
.dl-topbar .github-link{
    color:var(--text);
    opacity:0.75;
    display:flex;
    border-bottom:none;
    transition:opacity 0.2s ease;
}
.dl-topbar .github-link:hover{opacity:1}
.dl-topbar .github-link svg{width:20px;height:20px;display:block}

/* ═══ 页头 ═══ */
.dl-head{
    max-width:720px;
    margin:0 auto;
    text-align:center;
    padding:clamp(3rem,9vh,5.5rem) 2rem 0;
}
.dl-head h1{
    font-size:clamp(1.7rem,3vw,2.4rem);
    font-weight:normal;
    letter-spacing:0.06em;
    color:var(--hana-text);
    line-height:1.6;
}
.dl-version{
    margin-top:1.2rem;
    display:inline-flex;
    align-items:center;
    gap:0.9em;
    font-size:0.76rem;
    color:var(--text-muted);
    letter-spacing:0.05em;
}
.dl-version a{
    color:inherit;
    text-decoration:none;
    border-bottom:0.5px solid var(--border);
    transition:color 0.2s ease, border-color 0.2s ease;
}
.dl-version a:hover{color:var(--accent);border-color:var(--accent)}

/* ═══ 平台卡片 ═══ */
.dl-grid{
    max-width:980px;
    margin:0 auto;
    padding:clamp(2.2rem,5vh,3.2rem) 2rem clamp(3rem,7vh,4.5rem);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.3rem;
    align-items:start;
}
.dl-card{
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:14px;
    padding:1.7rem 1.6rem 1.5rem;
    display:flex;
    flex-direction:column;
    transition:border-color 0.3s ease, box-shadow 0.3s ease;
}
.dl-card:hover{
    border-color:#D5CDBA;
    box-shadow:0 14px 36px -20px rgba(43,58,78,0.25);
}

.dl-os{
    display:flex;
    align-items:center;
    gap:0.65rem;
    margin-bottom:1.2rem;
}
.dl-os svg{
    width:20px;height:20px;
    color:var(--hana-text);
    flex-shrink:0;
}
.dl-os .os-name{
    font-size:1.05rem;
    letter-spacing:0.05em;
    color:var(--hana-text);
}

/* 主下载按钮 */
.dl-main{
    display:block;
    text-align:center;
    padding:0.7rem 1rem;
    background:var(--accent);
    color:#FCFAF5;
    border-radius:10px;
    text-decoration:none;
    font-size:0.9rem;
    letter-spacing:0.06em;
    line-height:1.5;
    transition:background 0.3s ease, transform 0.3s var(--ease-soft);
}
.dl-main:hover{background:var(--accent-hover);transform:translateY(-1px)}
.dl-main .pkg-size{
    display:block;
    font-size:0.68rem;
    letter-spacing:0.14em;
    opacity:0.85;
}

/* 备选构建 */
.dl-alts{
    margin-top:0.85rem;
    display:flex;
    flex-direction:column;
    gap:0.4rem;
}
.dl-alts a{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:0.8rem;
    font-size:0.78rem;
    color:var(--text);
    text-decoration:none;
    border-bottom:0.5px dashed var(--border);
    padding-bottom:0.35rem;
    transition:color 0.2s ease, border-color 0.2s ease;
}
.dl-alts a:hover{color:var(--accent);border-color:var(--accent)}
.dl-alts .alt-size{
    color:var(--text-muted);
    font-size:0.7rem;
    letter-spacing:0.06em;
    white-space:nowrap;
}

/* ═══ 入场动效 ═══ */
.dl-anim{
    opacity:0;
    transform:translateY(18px);
    transition:opacity 0.9s var(--ease-soft), transform 0.9s var(--ease-soft);
}
.dl-anim.in{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
    .dl-anim{opacity:1;transform:none;transition:none}
}

/* ═══ 窄屏 ═══ */
@media(max-width:960px){
    .dl-grid{grid-template-columns:1fr;max-width:480px}
}