/* ===== 2026-10-28 全站视觉统一（Hermes）=====
 * 在 block.php 的 meta_style 之前注入，全站生效
 * 目标：把文章页/问题页等未改版页面的卡片、间距、按钮统一到 2026 改版规范
 * 回滚：删除 block.php 里对应的 <link> 一行
 */

/* ---------- 1. 统一卡片：白底 + 12px 圆角 + 轻阴影 ---------- */
.aw-left.bg-white,
.aw-left > .bg-white,
.aw-left .aw-mod.bg-white {
    border-radius: 12px !important;
    border: 1px solid #eef2f7;
    box-shadow: 0 1px 3px rgba(15,23,42,.06);
}

/* ---------- 2. 页面背景统一浅灰蓝 ---------- */
body {
    background-color: #f8fafc;
}
body > .container,
body .container.mt-2,
body .container.mt-3 {
    padding-top: 4px;
}

/* ---------- 3. 统一主色（替换旧紫色体系） ---------- */
.aw-left .nav-tabs .nav-link.active,
.aw-left .nav .active {
    color: #2563eb !important;
    border-bottom-color: #2563eb !important;
}
.aw-left .nav-tabs .nav-link:hover,
.aw-left .nav-link:hover {
    color: #2563eb !important;
}
a.text-primary,
.text-primary,
a.text-primary:hover {
    color: #2563eb !important;
}
.btn-primary {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    border-radius: 8px;
}
.btn-primary:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}
.btn-outline-primary {
    color: #2563eb !important;
    border-color: #bfdbfe !important;
    border-radius: 8px;
}
.btn-outline-primary:hover {
    background-color: #2563eb !important;
    color: #fff !important;
}

/* ---------- 4. 标签胶囊化 ---------- */
.aw-left .tag,
.aw-tag .tag,
.aw-left .aw-tag em {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 3px 11px !important;
    font-style: normal !important;
    font-size: 12.5px !important;
    transition: all .15s;
}
.aw-left .tag:hover,
.aw-tag:hover .tag,
.aw-left .aw-tag:hover em {
    background: #dbeafe !important;
    color: #2563eb !important;
    border-color: #bfdbfe !important;
}

/* ---------- 5. 列表项分隔线与间距 ---------- */
.aw-common-list > div,
.aw-common-list > .aw-item {
    border-bottom: 1px solid #f1f5f9;
    padding: 18px 20px;
    transition: background .15s;
}
.aw-common-list > div:last-child,
.aw-common-list > .aw-item:last-child {
    border-bottom: 0;
}
.aw-common-list > div:hover,
.aw-common-list > .aw-item:hover {
    background: #fafcff;
}

/* ---------- 6. 标题层级与可读性 ---------- */
.aw-left .aw-mod-head,
.aw-left .font-weight-bold {
    color: #0f172a;
}
.aw-left h1, .aw-left h2, .aw-left h3, .aw-left h4 {
    color: #0f172a;
    line-height: 1.4;
}
/* 正文行高 */
.aw-left .aw-mod .mb-0,
.aw-left .aw-mod p {
    line-height: 1.85;
}

/* ---------- 7. 分页按钮统一 ---------- */
.pagination .page-link {
    border: 1px solid #e2e8f0;
    color: #475569;
    border-radius: 8px;
    margin: 0 3px;
    padding: 7px 13px;
    font-size: 13.5px;
}
.pagination .page-link:hover {
    background: #eff6ff;
    color: #2563eb;
    border-color: #bfdbfe;
}
.pagination .page-item.active .page-link {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

/* ---------- 8. 侧栏卡片统一 ---------- */
.aw-right .r-box,
.aw-right > .bg-white,
.aw-right .radius {
    background: #fff;
    border-radius: 12px !important;
    border: 1px solid #eef2f7;
    box-shadow: 0 1px 3px rgba(15,23,42,.06);
    overflow: hidden;
}
.aw-right .r-title,
.aw-right .aw-mod-head {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
}
.aw-right .r-title h4,
.aw-right h4 {
    font-size: 14.5px;
    font-weight: 700;
    margin: 0;
}

/* ---------- 9. 头像与图片圆角统一 ---------- */
.aw-left img.rounded,
.aw-right img.rounded {
    border-radius: 10px !important;
}
/* 默认占位图弱化（与话题列表页一致） */
img[src*="topic.svg"] {
    opacity: .45;
}

/* ---------- 10. 输入框与下拉统一 ---------- */
.aw-left input[type="text"],
.aw-left textarea,
.aw-left select {
    border-radius: 8px;
    border-color: #e2e8f0;
}
.aw-left input[type="text"]:focus,
.aw-left textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.10);
}

/* ---------- 11. 响应式微调 ---------- */
@media (max-width: 767px) {
    .aw-common-list > div,
    .aw-common-list > .aw-item {
        padding: 14px 16px;
    }
}