/**
 * brand-zmaify.css —— zmaify 品牌配色补丁
 *
 * 加载方式：仅在 zmaify 品牌下由 base/base_index/base-daohao-https 模板
 *   通过 {if brand('css_brand')} 条件引入（zimufy 品牌不加载本文件）。
 * 作用：把 unified（以 zimufy 版为骨架，主色青 #0d7ea8 系）的主配色覆盖为
 *   zmaify 蓝系：
 *     主色（按钮/高亮/图标）  #0d7ea8 (rgb 13 126 168) -> #1164cb (rgb 17 100 203)
 *     深色按钮底（user_btn/read_all/ly-btn-primary/ly-header 等）
 *                            #0d7ea8 -> #2e7ad7 (rgb 46 122 215)
 *     正文链接（main_right a/ly-alert a/language-toggle）
 *                            #0d9488 (rgb 13 148 136) -> #0369a1 (rgb 3 105 161)
 *     layui 分页高亮          rgb(111,169,191)        -> #60a5fa
 *
 * 依据：zmaify.com-copy/public/static 与 zimufy-copy/public/static 的
 *   css/style.css、css/dropzone.min.css、tailwind/tailwind.css 逐一 diff；
 *   并已核对线上 https://www.zmaify.com / https://www.zimufy.com 现行 CSS
 *   与上述副本完全一致（2026-07-22 抓取校验）。
 * 生成日期：2026-07-22
 *
 * 优先级说明：本补丁在 tailwind.css 之后加载，同选择器靠后即覆盖；
 *   dropzone.min.css 在各页面 {block css} 中晚于本补丁加载，
 *   其对应规则额外追加 [class] 提高优先级；不改动任何布局尺寸。
 */

/* ================= style.css 覆盖 ================= */

.layui-btn {background-color: #1164cb;}

.layui-layer-btn .layui-layer-btn0 {background-color: #1164cb;}
.layui-layer-setwin .layui-layer-close2:hover {background-color: #1164cb;}

.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color: #60a5fa;}
.layui-laypage a:hover {color: #60a5fa;}

/* 单选框（选中态） */
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i {
    border-color: #1164cb;
}
.layui-form-radioed[lay-skin="none"] > div {
    background: #1164cb;
    border-color: #1164cb;
}

/* layui 上传拖拽悬停 */
.layui-upload-drag[lay-over] {
    border-color: rgba(46, 122, 215, 0.68);
}

/* dropzone.min.css 在页面 css 块中晚于本补丁加载，用 [class] 提高优先级 */
.dropzone.dz-drag-hover[class] {
    border-color: rgba(46, 122, 215, 0.68);
}

/* ================= tailwind.css 覆盖 ================= */

a:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

/* 头部 登录/注册 按钮悬停 */
header .lr_btn button:hover {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 203 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 203 / var(--tw-bg-opacity));
}

/* 头部 用户中心 按钮 */
header .user_btn {
    --tw-bg-opacity: 1;
    background-color: rgb(46 122 215 / var(--tw-bg-opacity));
}

.main_right table span {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}
.main_right a {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity));
}

#order_result p a:hover {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 203 / var(--tw-border-opacity));
}

/* 语言切换链接 */
.language-toggle {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity));
}

/* 模型价格 */
.model-price {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

/* 订单表格下载链接 */
.table-container .layui-table a.down_url {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

#task_wait:hover {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 203 / var(--tw-border-opacity));
}

/* 用户中心侧边导航（桌面/移动）选中态 */
.user_nav li.active {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}
.user_nav_mob li.active {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

/* 消息页 全部已读 按钮 */
#read_all {
    --tw-bg-opacity: 1;
    background-color: rgb(46 122 215 / var(--tw-bg-opacity));
}

/* 分页 */
.pagination li:hover {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 203 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 203 / var(--tw-bg-opacity));
}
.pagination li.active {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 203 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(17 100 203 / var(--tw-bg-opacity));
}

/* 配音试听按钮 */
.voice-card .play-btn {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}
.voice-card .play-btn:hover {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

/* tailwind 自定义品牌色类：zmaify 下直接重定义为品牌蓝 */
.text-cyan-650 {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}
/* unified 骨架沿用 zimufy 的 text-cyan-700（zmaify 模板同位置用的是
   text-cyan-650=#1164cb），此处一并对齐 */
.text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

/* ly- 组件 */
.ly-btn:hover {
    --tw-border-opacity: 1;
    border-color: rgb(17 100 203 / var(--tw-border-opacity));
}
.ly-btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(46 122 215 / var(--tw-bg-opacity));
}

.ly-alert a {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity));
}
.ly-alert a:hover {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity));
}

.ly-primary {
    --tw-text-opacity: 1;
    color: rgb(17 100 203 / var(--tw-text-opacity));
}

.ly-header h3::before {
    background-color: #2e7ad7;
}
.ly-header a {
    --tw-bg-opacity: 1;
    background-color: rgb(46 122 215 / var(--tw-bg-opacity));
}

/* JS 弹窗内的内联品牌色（用户中心兑换确认框 layer.confirm 中的
   <b style="color: #0e7490;">，zmaify 线上为 #1164cb）——
   内联样式只能以 !important 覆盖 */
.layui-layer b[style*="color: #0e7490"] {color: #1164cb !important;}

/* ================= 品牌专属图片(2026-07-25 两站合一素材整理) ================= */
/* 导航 hover/选中 下划线贴图:zmaify 用 zmaify 子目录里的品牌版
   (zimufy 版为 tailwind.css 默认 /static/img/border-bottom.png) */
header ul li a:hover, header ul li a.active {
    border-image-source: url(/static/img/zmaify/border-bottom.png);
}