/* ========== 置顶横幅 ========== */
.pinned-section { background: linear-gradient(180deg, #15100c, #1a1410); padding: 24px 0 10px; border-bottom: 1px solid rgba(201,169,110,0.1); }
.pinned-banner {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, rgba(192,57,43,0.15), rgba(192,57,43,0.05));
    border: 1px solid rgba(192,57,43,0.25);
    padding: 14px 22px;
    transition: background 0.4s;
}
.pinned-banner:hover { background: linear-gradient(135deg, rgba(192,57,43,0.22), rgba(192,57,43,0.08)); }
.pinned-left { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; }
.pinned-icon { color: var(--red); flex-shrink: 0; }
.pinned-content { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pinned-badge {
    display: inline-block; flex-shrink: 0;
    background: var(--red); color: #fff;
    font-size: 10px; padding: 2px 8px; letter-spacing: 1px;
}
.pinned-title {
    color: #ddd; font-size: 14px; font-weight: 600;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    letter-spacing: 1px;
}
.pinned-nav { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.pinned-arrow {
    background: none; border: none;
    color: #8a8070; font-size: 14px; cursor: pointer;
    padding: 2px 8px; transition: color 0.3s; line-height: 1;
}
.pinned-arrow:hover { color: var(--gold); }
.pinned-idx { color: #6a5040; font-size: 11px; min-width: 28px; text-align: center; }

/* ========== 公告列表区 ========== */
.notice-section { background: linear-gradient(180deg, #1a1410 0%, #151210 30%, #1e1814 100%); padding: 56px 0 0; border-top: 1px solid rgba(201,169,110,0.1); }
.section-header .section-title { margin-bottom: 24px; }

/* 排序+搜索（sort-bar基础见style.css） */
.sort-bar { max-width: 800px; margin: 14px auto 0; padding: 0 10px; }
.search-box-sm {
    display: flex; align-items: center;
    background: #1e1814; border: 1px solid #3a3028;
    padding: 8px 12px; width: 260px; transition: border-color 0.3s, box-shadow 0.3s;
}
.search-box-sm:focus-within { border-color: var(--gold-dark); box-shadow: 0 0 12px rgba(201,169,110,0.12); }
.search-box-sm svg { color: #6a5040; flex-shrink: 0; }
.search-box-sm input { flex: 1; background: none; border: none; outline: none; color: #ccc; font-size: 13px; padding: 0 8px; letter-spacing: 1px; }
.search-box-sm input::placeholder { color: #4a4038; }
.search-clear-sm { background: none; border: none; color: #6a5040; font-size: 16px; cursor: pointer; line-height: 1; transition: color 0.3s; }
.search-clear-sm:hover { color: var(--gold); }

/* 公告列表 */
.notice-list { display: flex; flex-direction: column; gap: 2px; }

.notice-item {
    display: flex; align-items: center;
    padding: 16px 20px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #221c14 0%, #1e1814 100%);
    cursor: pointer;
    transition: all 0.3s;
}
.notice-item:nth-child(even) { background: linear-gradient(180deg, #1e1814 0%, #1a1410 100%); }
.notice-item:hover {
    background: linear-gradient(180deg, #2a2218 0%, #221c14 100%);
    border-color: rgba(201,169,110,0.2);
}
.notice-item .notice-dot {
    width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
    margin-right: 16px;
}
.notice-item .notice-dot.official { background: var(--red); box-shadow: 0 0 6px rgba(192,57,43,0.5); }
.notice-item .notice-dot.update { background: var(--gold); box-shadow: 0 0 6px rgba(201,169,110,0.5); }
.notice-item .notice-dot.event { background: #5b8c5a; box-shadow: 0 0 6px rgba(91,140,90,0.4); }
.notice-item .notice-dot.merge { background: #8a6e5a; box-shadow: 0 0 6px rgba(138,110,90,0.4); }
.notice-item .notice-body { flex: 1; min-width: 0; }
.notice-item .notice-info { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.notice-item .notice-type {
    display: inline-block; flex-shrink: 0;
    font-size: 10px; padding: 1px 8px;
    letter-spacing: 1px; border: 1px solid;
}
.notice-item .notice-type.official { color: #e07373; border-color: rgba(224,115,115,0.4); }
.notice-item .notice-type.update { color: var(--gold); border-color: rgba(201,169,110,0.4); }
.notice-item .notice-type.event { color: #7aba78; border-color: rgba(122,186,120,0.4); }
.notice-item .notice-type.merge { color: #baa690; border-color: rgba(186,166,144,0.4); }
.notice-item .notice-type.is-new { color: var(--red); border-color: var(--red); background: rgba(192,57,43,0.1); }
.notice-item .notice-title {
    font-size: 15px; font-weight: 600; color: #ccc;
    letter-spacing: 1px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.notice-item .notice-excerpt {
    font-size: 12px; color: #6a5040; line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.notice-item .notice-time {
    flex-shrink: 0; text-align: right; margin-left: 24px; min-width: 80px;
}
.notice-item .notice-time .time-date { display: block; font-size: 13px; color: #8a8070; }
.notice-item .notice-time .time-views {
    display: block; font-size: 10px; color: #5a4a38; margin-top: 2px;
}

/* ========== 响应式 ========== */
@media (max-width: 768px) {
    .notice-item { flex-wrap: wrap; }
    .notice-item .notice-time { margin-left: 0; margin-top: 8px; text-align: left; display: flex; gap: 12px; align-items: center; width: 100%; }
    .sort-bar { flex-direction: column; align-items: stretch; }
    .search-box-sm { width: 100%; }
    .pinned-banner { padding: 12px 14px; }
    .pinned-title { font-size: 12px; }
}