/* ===========================================================
 * v7-buttons.css  V7 深海冷色科技风 · 按钮体系（唯一标准）
 * 基准参考：public/staticV1/css/pcindex.css .db-tab
 * 主色系 V7（已签认）：#22d3ee / rgba(34,211,238,.08) / rgba(34,211,238,.35)
 *          / #062a38 / #8aa0c0 / #c7d4ea
 * 危险色 V7.1 Rosewood（用户签认 2026-08-31，正式新标准色！）
 *          linear-gradient(135deg, #a855f7, #be639a, #ec4899)
 *          发光 rgba(190,99,154,.35) / 文字 #faf6fb 奶白 / hover 提亮 20%
 *          语义：删除、禁用等危险操作 = 唯一推荐危险色
 *
 * 加载位置：page_header.html 的 THEME_CSS 插槽（所有 iframe 子页面继承）
 * 权重策略：前置 .content + a/button 元素选择器（0-2-1），
 *   赢过 layui.css 的 .layui-text a:not(.layui-btn)（0-2-1，打平但后加载胜）
 *
 * ⚠️ LEGACY DEPRECATED：v7-btn-danger（靛青 #6366f1）已被 Rosewood 取代
 *    旧靛青仅用于已闭环的 admin/banner 等 4 页（不再追溯迁移），
 *    后续所有新危险操作 = 一律用 v7-btn-danger-rose
 *
 * ⚠️ 迁移铁律：layui-btn-xs → v7-btn-sm 迁移时必须加宽操作列 width
 *    旧 layui-btn-xs ~20px/按钮，新 v7-btn-sm ~54px/按钮
 *    2 按钮需 ≥150px 列宽，3 按钮需 ≥200px 列宽
 * =========================================================== */

/* ---------- 基础：主操作按钮 ---------- */
.content a.v7-btn, .content button.v7-btn {
    display: inline-block;
    vertical-align: middle;
    background: #22d3ee !important;
    color: #062a38 !important;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(34,211,238,.35);
    border: none;
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease;
    user-select: none;
    text-decoration: none;
    white-space: nowrap;
    margin: 0 4px;
}
.content a.v7-btn:hover, .content button.v7-btn:hover {
    background: #46dff4 !important;
    color: #062a38 !important;
    box-shadow: 0 4px 18px rgba(34,211,238,.5);
    text-decoration: none;
}
.content a.v7-btn:focus, .content button.v7-btn:focus { outline: none; }

/* layui i 图标 内嵌对齐 */
.content a.v7-btn i, .content button.v7-btn i {
    margin-right: 4px;
    font-size: 14px;
    vertical-align: -1px;
    color: inherit !important;  /* 覆盖 page.css 行 199：.content_search .layui-input-btn i { color:#fff } */
}

/* ---------- 辅操作按钮（透明描边青字） ---------- */
.content a.v7-btn.v7-btn-ghost, .content button.v7-btn.v7-btn-ghost {
    background: transparent !important;
    color: #22d3ee !important;
    border: 1px solid #22d3ee !important;
    box-shadow: none;
    font-weight: 400;
}
.content a.v7-btn.v7-btn-ghost:hover, .content button.v7-btn.v7-btn-ghost:hover {
    background: rgba(34,211,238,.12) !important;
    color: #67e8f9 !important;
    border-color: #67e8f9 !important;
    box-shadow: none;
}

/* ---------- 行内小按钮（列表操作列） ---------- */
.content a.v7-btn.v7-btn-sm, .content button.v7-btn.v7-btn-sm {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(34,211,238,.30);
    margin: 0 2px;
}
.content a.v7-btn.v7-btn-sm:hover, .content button.v7-btn.v7-btn-sm:hover {
    box-shadow: 0 2px 10px rgba(34,211,238,.45);
}

/* ⚠️ LEGACY DEPRECATED · V7 旧标准危险色靛青 #6366f1 · 已被 v7-btn-danger-rose 取代
 * 仅保留用于已闭环的 admin/banner 等历史页面，新页面一律用 Rosewood */
.content a.v7-btn.v7-btn-danger, .content button.v7-btn.v7-btn-danger {
    background: #6366f1 !important;
    color: #fafbff !important;
    box-shadow: 0 2px 8px rgba(99,102,241,.30);
    border: none !important;
}
.content a.v7-btn.v7-btn-danger:hover, .content button.v7-btn.v7-btn-danger:hover {
    background: #818cf8 !important;
    box-shadow: 0 2px 10px rgba(99,102,241,.45);
}

/* ============================================================
 * V7.1 · 深海冷玫红 Rosewood 渐变危险操作按钮
 * 方案 B · 用户拍板 20260831 · 删除按钮专用新标准色板
 * 语义：危险操作，实心渐变 + 发光 + 奶白字
 * ============================================================ */
.content a.v7-btn.v7-btn-danger-rose, .content button.v7-btn.v7-btn-danger-rose {
    background: linear-gradient(135deg, #a855f7 0%, #be639a 55%, #ec4899 100%) !important;
    color: #faf6fb !important;
    font-weight: 600;
    border: none !important;
    box-shadow: 0 4px 14px rgba(190,99,154,.35);
}
.content a.v7-btn.v7-btn-danger-rose:hover, .content button.v7-btn.v7-btn-danger-rose:hover {
    background: linear-gradient(135deg, #c084fc 0%, #d977a8 55%, #f472b6 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(190,99,154,.5);
}
.content a.v7-btn.v7-btn-sm.v7-btn-danger-rose, .content button.v7-btn.v7-btn-sm.v7-btn-danger-rose {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(190,99,154,.30);
}
.content a.v7-btn.v7-btn-sm.v7-btn-danger-rose:hover, .content button.v7-btn.v7-btn-sm.v7-btn-danger-rose:hover {
    box-shadow: 0 2px 10px rgba(190,99,154,.45);
}

/* ---------- Tab 条容器（后续页面做分段切换时用） ---------- */
.content .v7-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid #243450;
    padding-bottom: 14px;
    margin-bottom: 8px;
    font-size: 0;       /* 消除 inline-block 换行空白 */
}
.content .v7-tabs .v7-tab {
    background: transparent;
    color: #8aa0c0;
    border: 1px solid transparent;
    padding: 7px 18px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease;
    user-select: none;
    display: inline-block;
}
.content .v7-tabs .v7-tab:hover {
    background: rgba(34,211,238,.08);
    color: #c7d4ea;
}
.content .v7-tabs .v7-tab.active {
    background: #22d3ee;
    color: #062a38;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(34,211,238,.35);
}