/* =============================================================
   首页专属 Apple 风格细化 (home.css)
   仅在 index.html 引入，不影响其它页面。
   不改动任何 DOM / JS，仅做视觉细化，让首页更通透、克制、统一。
   ============================================================= */

/* 1. 页面底色：Apple 标志性极浅灰，让白色卡片自然"浮起" */
.page-content { background: #fbfbfd; }

/* 2. 顶栏：在首页保持干净毛玻璃，白底而非灰底，避免发飘 */
.header { background: rgba(255,255,255,0.72); }

/* 3. Hero 横幅：加大留白，更通透；背景透出页面极浅灰，避免白块接缝 */
.banner { padding: 34px 0 14px; background: transparent; }
.banner-inner { gap: 20px; }

/* 4. 上岸名单面板：白底 + 细分割线，标题栏收敛为干净的列表头（去掉沉重黑条） */
.success-list-panel {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    height: 482px;
}
.success-list-header {
    background: #fff;
    color: #1d1d1f;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    font-weight: 600;
    font-size: 14px;
}
/* 保留毕业帽图标作橙色点缀，但不再用刺眼金条 */
.success-list-header svg path { fill: #ff5e34; }
.success-list-header svg { opacity: 0.9; }
.success-list-header span:last-child { color: #86868b; font-weight: 400; }
.success-list-content { background: #fff; }
.success-item { border-bottom: 1px solid #f2f2f4; }
.success-item .name { color: #1d1d1f; }
.success-item:hover { background: #f5f5f7; color: var(--primary); }
.success-item:hover .name { color: var(--primary); }
.success-item .rank-badge {
    background: #1d1d1f;
    color: #fff;
    border-radius: 980px;
}

/* 5. 轮播兜底渐变：统一为高级深蓝灰，去掉四色杂乱；白字依旧清晰 */
.slide-1, .slide-2, .slide-3, .slide-4 {
    background: linear-gradient(135deg, #0a1f3c 0%, #16365f 55%, #1f4f8f 100%);
}
/* 去掉"AI 味"的 emoji 标签，标题与描述足矣 */
.carousel-tag { display: none; }
.carousel-content { max-width: 560px; }
.carousel-title { font-weight: 600; letter-spacing: -0.01em; }
.carousel-dots { bottom: 22px; }
.carousel-dot { background: rgba(255,255,255,0.35); }
.carousel-dot.active { background: #fff; }

/* 6. 用户卡片 / 快捷入口：更柔和、更精致 */
.user-card {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    padding: 26px 24px;
}
.user-avatar { background: #f0f0f2; color: var(--primary); }
.quick-links {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}
.quick-links h4 { font-weight: 600; letter-spacing: -0.01em; }
.quick-link-item:hover { background: #f5f5f7; }

/* 7. 区块标题：去掉蓝色竖条，改为 Apple 大写距的纯文字标题（更克制高级） */
.section-title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.02em;
}
.section-title::before { display: none; }
.section-more { color: var(--primary); }
.section { padding: 56px 0; }

/* 8. 卡片统一更克制的高级质感：更柔阴影 + 略大圆角 */
.selection-helper,
.notice-section .container,
.hot-card,
.tool-card,
.scoreline-card {
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    border-radius: 16px;
}
.hot-card:hover, .tool-card:hover {
    box-shadow: 0 12px 36px rgba(0,0,0,0.10);
    transform: translateY(-3px);
}

/* 9. 选岗助手面板头：浅底更干净 */
.selection-panel-header { background: #fff; }
.selection-panel-title .title-icon { background: var(--primary); }

/* 10. 公告区（桌面端）：侧栏与主体拆成两张独立圆角卡片，层次更清晰、更苹果 */
@media (min-width: 769px) {
    .notice-section .container {
        gap: 16px;
        background: transparent;
        box-shadow: none;
        border: none;
        overflow: visible;
    }
    .notice-sidebar {
        background: #fbfbfd;
        border: 1px solid rgba(0,0,0,0.05);
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        padding: 12px;
    }
    .notice-sidebar-item {
        border-left: none;
        border-radius: 10px;
        padding: 12px 14px;
        margin-bottom: 2px;
    }
    .notice-sidebar-item:last-child { margin-bottom: 0; }
    .notice-sidebar-item.active {
        background: var(--primary-light);
        color: var(--primary);
        font-weight: 600;
        border-left: none;
    }
    .notice-sidebar-icon {
        background: #fff;
        border: 1px solid rgba(0,0,0,0.04);
    }
    .notice-main {
        background: #fff;
        border: 1px solid rgba(0,0,0,0.05);
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        overflow: hidden;
    }
    .notice-main-header {
        background: #fbfbfd;
        border-bottom: 1px solid rgba(0,0,0,0.06);
    }
    .notice-item:hover { background: #f5f5f7; }
    .city-tab { border-radius: 8px; }
    .city-tab:hover, .city-tab.active { border-radius: 8px; }
    /* 分页：与主内容清晰分隔，避免"上一页"压到分割线 */
    .notice-pagination {
        margin-top: 4px;
        padding: 24px 20px;
        border-top: 1px solid rgba(0,0,0,0.07);
    }
    .page-btn {
        border-radius: 8px;
        border-color: rgba(0,0,0,0.12);
    }
}

/* 11. 分数查询过滤条：白底更轻 */
.scoreline-filters { background: #fff; border-bottom: 1px solid rgba(0,0,0,0.06); }
.scoreline-table th { background: #fafafc; color: #1d1d1f; }

/* 12. 移动端同样收敛 */
@media (max-width: 768px) {
    .section { padding: 36px 0; }
    .section-title { font-size: 22px; }
    .success-list-header { background: #fff !important; color: #1d1d1f !important; }
    .success-list-header svg path { fill: #ff5e34 !important; }
}

/* 13. 公告列表：像苹果官网那样点tab后陆续淡入上浮 */
@keyframes noticeItemIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.notice-item {
    animation: noticeItemIn 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

/* 14. 热门公告卡片：hover 轻微放大 + 上浮（苹果官网风格） */
.hot-card {
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
                box-shadow 0.35s ease,
                border-color 0.35s ease;
    will-change: transform;
    transform-origin: center;
}
.hot-card:hover {
    transform: translateY(-8px) scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
    .notice-item { animation: none; }
}