/**
 * 火桥（huoqiao）· 多功能沉浸式 WordPress 主题
 * 联系方式：12492501@qq.com
 * 支持正版，从我做起，你的支持是我们前行的动力！
 *
 * @package   huoqiao
 * @author    三木
 * @copyright Copyright (c) 2026-09-01 huoqiao.cn
 * @license   GPL-2.0-or-later
 * @link      https://huoqiao.cn
 * @tags      design-tokens, responsive, dark-mode, glassmorphism, animation
 */

/* —— 尺寸：窄而聚焦 —— */
.hq-announcement-modal {
    --hq-modal-width: 420px;
    --hq-modal-radius: 22px;
}

/* ============================================================
   头部：图标 + 标题 + 关闭
   ============================================================ */
.hq-announcement-modal .hq-modal__header {
    padding: 20px 24px 12px;
}
.hq-announcement-modal .hq-modal__header > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: var(--font-size-lg, 16px);
    color: var(--color-primary, #2563eb);
    background: rgba(var(--color-primary-rgb, 37 99 235), 0.12);
}
.hq-announcement__title {
    font-weight: 600;
    font-size: var(--font-size-base, 16px);
}

/* ============================================================
   正文：舒适排版 + 宽内容防横向溢出
   ============================================================ */
.hq-announcement__body {
    margin: 0;
    padding: 0 24px 18px;
    line-height: 1.75;
    font-size: var(--font-size-sm, 14px);
    color: var(--text-secondary, #555);
    overflow-wrap: break-word;
    word-break: break-word;
}
.hq-announcement__body p { margin: 0 0 0.6em; }
.hq-announcement__body p:last-child { margin-bottom: 0; }

/* 正文内嵌宽内容（图片/视频/表格等）防止横向撑破弹窗 */
.hq-announcement__body img,
.hq-announcement__body video,
.hq-announcement__body audio,
.hq-announcement__body iframe,
.hq-announcement__body table {
    max-width: 100%;
    height: auto;
}
.hq-announcement__body table {
    display: block;
    overflow-x: auto;
}

/* ============================================================
   底部操作区：分隔线 + 居中按钮
   ============================================================ */
.hq-announcement__footer {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px 20px;
    flex-shrink: 0;
    border-top: 1px solid rgba(58, 46, 40, 0.1);
}
.hq-announcement__footer:empty {
    display: none;
}

/* 确认按钮：主色胶囊，柔和阴影，hover 上浮 */
.hq-announcement__btn {
    border: none;
    padding: 10px 30px;
    border-radius: 999px;
    font-weight: 600;
    font-size: var(--font-size-sm, 14px);
    color: #fff;
    background: var(--color-primary, #2563eb);
    box-shadow: 0 4px 14px rgba(var(--color-primary-rgb, 37 99 235), 0.28);
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.hq-announcement__btn:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(var(--color-primary-rgb, 37 99 235), 0.34);
}
.hq-announcement__btn:active {
    transform: translateY(0);
}

/* ============================================================
   夜间模式适配
   ============================================================ */
[data-theme="dark"] .hq-announcement-modal .hq-modal__header > i {
    color: var(--color-primary-pale, #60a5fa);
    background: rgba(var(--color-primary-rgb, 37 99 235), 0.2);
}
[data-theme="dark"] .hq-announcement__body {
    color: rgba(255, 255, 255, 0.74);
}
[data-theme="dark"] .hq-announcement__footer {
    border-top-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .hq-announcement__btn {
    color: #fff;
}