/* ============================================================
   首页主题 · 极光 Aurora
   对应模板：themes/aurora.php
   作用范围：[data-home-theme="aurora"]（由 index.php 按后台设置输出到 body）
   基础样式来自 style.css，本文件只做该主题的覆盖与增强
   不影响：经典版首页 / 详情页 detail.php / 后台
   ============================================================ */

/* 容器略微加宽，两栏布局更舒展（Header 同为 .container，保持对齐） */
[data-home-theme="aurora"] .container { max-width: 1280px; }

/* ============================================================
   ① Hero 搜索台
   ============================================================ */
.v2-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 36px;
    align-items: center;
    margin-top: 26px;
    padding: 34px 36px;
    border: 1px solid var(--border);
    border-radius: 28px;
    background:
        radial-gradient(720px 340px at 0% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 62%),
        radial-gradient(680px 320px at 100% 110%, rgba(236, 72, 153, .12), transparent 60%),
        var(--bg-card);
    box-shadow: var(--shadow);
}
/* 右上角装饰光斑 */
.v2-hero::after {
    content: '';
    position: absolute; right: -80px; top: -100px;
    width: 300px; height: 300px; border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 13%, transparent);
    pointer-events: none;
}
.v2-hero-brand,
.v2-hero-console { position: relative; z-index: 1; min-width: 0; }

.v2-hero-kicker {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 13px; margin-bottom: 15px;
    font-size: 12px; font-weight: 700; letter-spacing: .4px;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    border-radius: 999px;
}
.v2-hero-title {
    font-size: 34px; font-weight: 800; line-height: 1.2;
    letter-spacing: -0.9px; color: var(--text);
}
.v2-hero-desc {
    margin-top: 10px; max-width: 460px;
    font-size: 15px; line-height: 1.7; color: var(--text-soft);
}
.v2-hero-stats {
    list-style: none; display: flex; flex-wrap: wrap;
    margin-top: 22px;
}
.v2-hero-stats li {
    padding: 0 20px; border-left: 1px solid var(--border);
}
.v2-hero-stats li:first-child { padding-left: 0; border-left: none; }
.v2-hero-stats b {
    display: block; font-size: 23px; font-weight: 800; line-height: 1.15;
    color: var(--text); font-variant-numeric: tabular-nums;
}
.v2-hero-stats span { font-size: 12px; color: var(--text-soft); }

/* Hero 里的搜索引擎：左对齐、更醒目 */
[data-home-theme="aurora"] .v2-hero-console .search-tabs {
    justify-content: flex-start; gap: 7px; margin-bottom: 13px;
}
[data-home-theme="aurora"] .v2-hero-console .search-tab {
    padding: 7px 13px; font-size: 13px; border-radius: 999px;
}
[data-home-theme="aurora"] .v2-hero-console .engine-search {
    max-width: none; margin: 0;
    height: 60px; padding: 7px 7px 7px 20px;
    border-radius: 20px;
    box-shadow: var(--shadow);
}
[data-home-theme="aurora"] .v2-hero-console .engine-search .engine-search-icon { font-size: 17px; }
[data-home-theme="aurora"] .v2-hero-console .engine-search input { font-size: 16px; }
[data-home-theme="aurora"] .v2-hero-console .engine-search input::placeholder { font-size: 15px; }
[data-home-theme="aurora"] .v2-hero-console .engine-search-btn {
    height: 46px; padding: 0 30px; border-radius: 14px; font-size: 15px;
}

/* ============================================================
   ② 主体两栏骨架
   ============================================================ */
.v2-layout {
    display: grid;
    grid-template-columns: 212px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin-top: 26px;
    padding-bottom: 40px;
}
[data-home-theme="aurora"] .side-nav {
    width: auto;
    position: sticky;
    top: 88px;
}
.v2-main { min-width: 0; }

/* 侧栏：分类导航卡片 */
[data-home-theme="aurora"] .side-nav-card { border-radius: 20px; box-shadow: var(--shadow); }
[data-home-theme="aurora"] .side-nav-title { padding: 16px 16px 9px; }
[data-home-theme="aurora"] .side-nav-list { padding: 0 10px 12px; max-height: calc(100vh - 330px); }
[data-home-theme="aurora"] .side-nav-list a { padding: 9px 11px; border-radius: 11px; }

/* 侧栏：快捷操作卡片 */
.v2-quick {
    margin-top: 14px; padding: 14px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--shadow);
}
.v2-quick-title {
    font-size: 12px; font-weight: 700; letter-spacing: .5px;
    color: var(--text-soft); margin-bottom: 10px;
}
.v2-quick-btn {
    display: flex; align-items: center; gap: 8px;
    width: 100%; height: 38px; padding: 0 12px; margin-bottom: 8px;
    border: 1px solid var(--border); border-radius: 11px;
    background: var(--bg-soft); color: var(--text);
    font-size: 13.5px; font-weight: 600; font-family: inherit;
    text-align: left; cursor: pointer;
    transition: color .18s, border-color .18s, background .18s, transform .15s;
}
.v2-quick-btn:last-child { margin-bottom: 0; }
.v2-quick-btn:hover {
    color: var(--accent); border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    transform: translateY(-1px);
}
.v2-quick-btn .ico { font-size: 14px; line-height: 1; }

/* ============================================================
   ③ 区块标题（分类 / 推荐 / 热榜 统一）
   ============================================================ */
[data-home-theme="aurora"] .section-title {
    display: flex; align-items: center; gap: 9px;
    margin: 0 0 16px; font-size: 18px; font-weight: 700;
}
[data-home-theme="aurora"] .section-title .bar { width: 4px; height: 18px; border-radius: 2px; background: var(--accent); }
[data-home-theme="aurora"] .section-title .cnt {
    font-size: 12px; font-weight: 700; line-height: 1.7;
    color: var(--text-soft);
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: 999px; padding: 0 9px;
}
[data-home-theme="aurora"] .section-title .hot-more-link { margin-left: auto; }

/* ============================================================
   ④ 置顶推荐（用浅色渐变面板与分类区分）
   ============================================================ */
[data-home-theme="aurora"] .recommend {
    margin-bottom: 30px; padding: 20px 20px 22px;
    border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
    border-radius: 24px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%);
}
[data-home-theme="aurora"] .recommend-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
[data-home-theme="aurora"] .rec-card { border-radius: 16px; }

/* ============================================================
   ⑤ 分类分组与网址卡片
   ============================================================ */
[data-home-theme="aurora"] .cat-group { margin-bottom: 32px; }
[data-home-theme="aurora"] .link-grid { grid-template-columns: repeat(auto-fill, minmax(206px, 1fr)); gap: 14px; }
[data-home-theme="aurora"] .link-card {
    border-radius: 16px;
    border-color: var(--border);
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
[data-home-theme="aurora"] .link-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
    border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
}
/* 卡片图标略微放大 */
[data-home-theme="aurora"] .link-card .link-icon { width: 46px; height: 46px; border-radius: 13px; }
[data-home-theme="aurora"] .rec-card .rec-icon { width: 46px; height: 46px; border-radius: 13px; }

/* 广告横幅：与主栏同宽 */
[data-home-theme="aurora"] .ad-banners { margin-bottom: 26px; }

/* 今日热榜（放在主栏，减少卡片最小宽度以便一行排 3 个） */
[data-home-theme="aurora"] .hotboard-wrap { margin-top: 0; margin-bottom: 8px; }
[data-home-theme="aurora"] .hot-cards { grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 14px; }
[data-home-theme="aurora"] .hot-card { border-radius: 18px; box-shadow: none; }
[data-home-theme="aurora"] .hot-card:hover { box-shadow: var(--shadow); }

/* ============================================================
   ⑥ 页脚
   ============================================================ */
[data-home-theme="aurora"] .footer { padding: 12px 16px 40px; }

/* ============================================================
   ⑦ 响应式
   ============================================================ */
@media (max-width: 1100px) {
    .v2-hero { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 28px 28px; }
    .v2-hero-desc { max-width: none; }
    .v2-layout { grid-template-columns: 188px minmax(0, 1fr); gap: 20px; }
}

/* 平板 / 手机：隐藏侧栏分类导航，Hero 竖排 */
@media (max-width: 860px) {
    [data-home-theme="aurora"] .container { padding: 0 16px; }
    .v2-hero {
        margin-top: 16px; padding: 24px 20px; border-radius: 22px;
    }
    .v2-hero-title { font-size: 26px; }
    .v2-hero-desc { font-size: 14px; margin-top: 8px; }
    .v2-hero-stats { margin-top: 16px; }
    .v2-hero-stats li { padding: 0 14px; }
    .v2-hero-stats b { font-size: 19px; }
    .v2-hero-stats span { font-size: 11px; }
    [data-home-theme="aurora"] .v2-hero-console .engine-search { height: 54px; padding: 6px 6px 6px 16px; border-radius: 17px; }
    [data-home-theme="aurora"] .v2-hero-console .engine-search-btn { height: 42px; padding: 0 22px; font-size: 14px; }

    .v2-layout {
        display: block; margin-top: 18px; padding-bottom: 28px;
    }
    .v2-quick { display: none; }
    [data-home-theme="aurora"] .recommend { padding: 16px 14px 18px; border-radius: 20px; }
    [data-home-theme="aurora"] .link-grid,
    [data-home-theme="aurora"] .recommend-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    [data-home-theme="aurora"] .hot-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-home-theme="aurora"] .cat-group { margin-bottom: 26px; }
}

@media (max-width: 480px) {
    .v2-hero { padding: 20px 16px; border-radius: 18px; }
    .v2-hero-title { font-size: 22px; }
    .v2-hero-kicker { font-size: 11px; padding: 4px 10px; margin-bottom: 12px; }
    [data-home-theme="aurora"] .link-card { padding: 12px; }
    [data-home-theme="aurora"] .link-card .link-icon,
    [data-home-theme="aurora"] .rec-card .rec-icon { width: 40px; height: 40px; border-radius: 11px; }
    [data-home-theme="aurora"] .section-title { font-size: 16px; }
}