/* ============================================================
   工具页配色覆盖 (tool-theme.css)
   令牌统一来源：theme-uno.css（--tb-* + --brand 兼容别名）
   顶栏与共享组件样式由 topbar.css 统一处理（在 header.html 中加载）
   本文件仅覆盖工具页专属组件样式
   加载顺序：site.min.css → tool-theme.css → theme-uno.css → topbar.css
   ============================================================ */

/* ---------- 工具卡片 ---------- */
.tool-card .tool-title .t-ico {
    background: var(--brand-soft) !important;
    color: var(--brand-strong) !important;
}
.tool-card .t-btn {
    background: var(--brand) !important;
}
.tool-card .t-btn:hover {
    background: var(--brand-strong) !important;
    opacity: 1 !important;
}
.tool-card .t-btn.t-btn-ghost {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    color: var(--text-2) !important;
}
.tool-card .t-btn.t-btn-ghost:hover {
    border-color: var(--brand) !important;
    color: var(--brand) !important;
}
.tool-card .t-btn.t-btn-ok {
    background: var(--accent) !important;
}

/* ---------- 输入框聚焦 ---------- */
.tool-card .t-area:focus,
.tool-card .t-row .t-input:focus {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 87, .12) !important;
}

/* ---------- Tab 组件：去掉渐变，改扁平 ---------- */
.tool-card .t-tabs li button.t-tab {
    border-radius: var(--radius-sm) !important;
    transition: all .15s ease !important;
}
.tool-card .t-tabs li button.t-tab:hover {
    color: var(--brand) !important;
    border-color: var(--brand) !important;
    background: var(--brand-soft) !important;
    transform: none !important;
}
.tool-card .t-tabs li button.t-tab.active {
    color: #fff !important;
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    font-weight: 600;
    box-shadow: none !important;
}
.tool-card .t-tabs li button.t-tab.active:hover {
    color: #fff !important;
    background: var(--brand-strong) !important;
    transform: none !important;
}

/* ---------- 提示框 ---------- */
.tool-card .t-note {
    background: var(--brand-soft) !important;
}
.tool-card .t-note a {
    color: var(--brand-strong) !important;
}

/* ---------- 结果区 ---------- */
.tool-card .t-result .t-result-label {
    color: var(--brand-strong) !important;
}
.tool-card .t-result .t-copy:hover {
    color: var(--brand) !important;
    border-color: var(--brand) !important;
}

/* ---------- 复选框/单选框 ---------- */
.tool-card .t-options input[type="checkbox"],
.tool-card .t-options input[type="radio"] {
    accent-color: var(--brand) !important;
}

/* ---------- 表单通用 ---------- */
.form-control:focus {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 87, .12) !important;
}
.btn-primary, .btn-success {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
}
.btn-primary:hover, .btn-success:hover {
    background: var(--brand-strong) !important;
    border-color: var(--brand-strong) !important;
}
.btn-default {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    color: var(--text-2) !important;
}
.btn-default:hover {
    border-color: var(--brand) !important;
    color: var(--brand) !important;
}

/* ---------- 链接 ---------- */
a { color: var(--brand); }
a:hover { color: var(--brand-strong); }