/**
 * 黑色风格皮肤 — 由后台「系统设置 → 站点皮肤」切换
 * body.skin-black 时加载
 */

body.skin-black {
    --brand-yellow: #FFF000;
    --brand-yellow-hover: #F5E800;
    --brand-grey: #e6e6e6;
    --brand-on-yellow: #111111;
    --brand-light: #161616;
    --skin-bg: #0b0b0b;
    --skin-surface: #141414;
    --skin-elevated: #1c1c1c;
    --skin-border: #2a2a2a;
    --skin-text: #f0f0f0;
    --skin-muted: #b8b8b8;
    --skin-accent: #FFF000;
    --brand-shadow: 0 24px 48px -18px rgba(0, 0, 0, 0.55);
    color: var(--skin-text) !important;
    background: var(--skin-bg) !important;
}

body.skin-black #page-main,
body.skin-black .bg-skin-black,
body.skin-black .min-h-screen {
    background-color: var(--skin-bg) !important;
}

/* ---------- 顶栏 ---------- */
body.skin-black #navbar img,
body.skin-black #navbar img.site-logo-img,
body.skin-black header#navbar a img {
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
    max-width: 110px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
}

@media (min-width: 1024px) {
    body.skin-black #navbar img,
    body.skin-black #navbar img.site-logo-img,
    body.skin-black header#navbar a img {
        height: 48px !important;
        max-height: 48px !important;
        max-width: 120px !important;
    }
}

body.skin-black header#navbar .flex.items-center.justify-between {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 72px !important;
}

body.skin-black header#navbar a.flex-shrink-0 {
    max-height: 56px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
}

body.skin-black header#navbar,
body.skin-black #navbar {
    background: #0a0a0a !important;
    border-bottom: 1px solid #2a2a2a !important;
    box-shadow: none !important;
}

body.skin-black .glass-panel {
    background: #0a0a0a !important;
    border-bottom-color: #2a2a2a !important;
}

body.skin-black #navbar nav a.header-nav-link,
body.skin-black .header-nav-link {
    color: #d0d0d0 !important;
}

body.skin-black #navbar nav a.header-nav-link:hover,
body.skin-black .header-nav-link:hover {
    color: #fff !important;
}

body.skin-black #navbar nav a.header-nav-link.is-active,
body.skin-black .header-nav-link.is-active {
    color: #fff !important;
    border-bottom-color: var(--skin-accent) !important;
}

body.skin-black #navbar a.site-nav-cta {
    background: var(--skin-accent) !important;
    color: #111 !important;
}

body.skin-black #navbar a.site-nav-cta:hover {
    background: var(--brand-yellow-hover) !important;
    color: #111 !important;
}

body.skin-black #mobile-nav {
    background: #0a0a0a !important;
    border-top: 1px solid #2a2a2a !important;
}

body.skin-black #navbar button {
    color: #e5e5e5 !important;
}

body.skin-black #navbar .text-gray-900,
body.skin-black #navbar .text-gray-800,
body.skin-black #navbar .text-gray-500,
body.skin-black #navbar .text-gray-400,
body.skin-black #navbar .text-gray-300,
body.skin-black #mobile-nav a,
body.skin-black #mobile-nav span {
    color: #cfcfcf !important;
}

body.skin-black #navbar a:hover,
body.skin-black #mobile-nav a:hover {
    color: #fff !important;
}

body.skin-black footer .hover\:bg-\[\#FFF000\]:hover {
    background: var(--skin-accent) !important;
    color: #111 !important;
}

/* ---------- 页脚 ---------- */
body.skin-black footer,
body.skin-black .site-footer {
    background: #050505 !important;
    border-top: 1px solid var(--skin-border);
    color: var(--skin-muted) !important;
}

body.skin-black footer a:hover {
    color: var(--skin-accent) !important;
}

/* ---------- 页面标题 / 空态 ---------- */
body.skin-black .page-header h2,
body.skin-black .page-header h1,
body.skin-black h1,
body.skin-black h2,
body.skin-black h3 {
    color: #f2f2f2 !important;
}

body.skin-black .page-header p,
body.skin-black .empty-state,
body.skin-black .empty-state p {
    color: var(--skin-muted) !important;
}

/* ---------- 黄页卡片 / 列表 ---------- */
body.skin-black .supplier-yellow-card,
body.skin-black .design-card,
body.skin-black .c4d-card,
body.skin-black .eng-case-card,
body.skin-black .eng-project-card,
body.skin-black .eng-hero-main {
    background: var(--skin-elevated) !important;
    border-color: var(--skin-border) !important;
    color: var(--skin-text) !important;
    box-shadow: none !important;
}

body.skin-black .c4d-card:hover,
body.skin-black .supplier-yellow-card:hover {
    border-color: var(--skin-accent) !important;
    box-shadow: var(--brand-shadow) !important;
}

body.skin-black .supplier-title-yellow h3,
body.skin-black .supplier-info-yellow,
body.skin-black .info-label,
body.skin-black .info-value,
body.skin-black .supplier-tagline {
    color: var(--skin-text) !important;
}

body.skin-black .info-label {
    color: var(--skin-muted) !important;
}

body.skin-black .logo-placeholder {
    background: #2a2a2a !important;
    color: var(--skin-accent) !important;
}

body.skin-black .login-lock-info {
    background: #222 !important;
    color: var(--skin-muted) !important;
}

/* ---------- 按钮 ---------- */
body.skin-black .btn-primary,
body.skin-black .submit-btn,
body.skin-black a.btn-primary {
    background: var(--skin-accent) !important;
    color: #111 !important;
    border-color: var(--skin-accent) !important;
}

body.skin-black .btn-primary:hover,
body.skin-black .submit-btn:hover {
    background: var(--brand-yellow-hover) !important;
}

body.skin-black .btn-secondary,
body.skin-black a.btn-secondary {
    background: transparent !important;
    color: var(--skin-text) !important;
    border: 1px solid var(--skin-border) !important;
}

body.skin-black .btn-secondary:hover {
    border-color: var(--skin-accent) !important;
    color: var(--skin-accent) !important;
}

/* ---------- 表单 ---------- */
body.skin-black .requirement-form,
body.skin-black .eng-invite-form,
body.skin-black input[type="text"],
body.skin-black input[type="tel"],
body.skin-black input[type="email"],
body.skin-black input[type="password"],
body.skin-black input[type="number"],
body.skin-black input[type="search"],
body.skin-black textarea,
body.skin-black select {
    background: var(--skin-surface) !important;
    color: var(--skin-text) !important;
    border-color: var(--skin-border) !important;
}

body.skin-black label,
body.skin-black .form-hint,
body.skin-black .form-group label {
    color: var(--skin-muted) !important;
}

body.skin-black .success-box {
    background: #142018 !important;
    border-color: #2e7d32 !important;
    color: #c8e6c9 !important;
}

body.skin-black .alert-error,
body.skin-black .alert.alert-error {
    background: #2a1212 !important;
    color: #ffcdd2 !important;
}

/* ---------- 分页 / 筛选 ---------- */
body.skin-black .pagination,
body.skin-black .pagination span,
body.skin-black .pagination a {
    color: var(--skin-muted) !important;
}

body.skin-black .pagination a {
    border-color: var(--skin-border) !important;
}

body.skin-black .filter-bar a,
body.skin-black .search-bar {
    color: var(--skin-text) !important;
}

/* ---------- 工程师详情 ---------- */
body.skin-black .eng-back a {
    color: var(--skin-muted) !important;
}

body.skin-black .eng-skills span,
body.skin-black .eng-year {
    background: #2a2a2a !important;
    color: var(--skin-accent) !important;
}

body.skin-black .eng-status-available {
    background: linear-gradient(145deg, #1b5e20, #2e7d32) !important;
}

body.skin-black .eng-status-busy {
    background: linear-gradient(145deg, #e65100, #ef6c00) !important;
}

body.skin-black .eng-invite-cta {
    background: #111 !important;
    color: #fff !important;
}

body.skin-black .eng-section-desc,
body.skin-black .eng-tech,
body.skin-black .eng-role,
body.skin-black .eng-invite-tip {
    color: var(--skin-muted) !important;
}

/* ---------- Tailwind / 首页常用色覆盖 ---------- */
body.skin-black .bg-white,
body.skin-black .bg-gray-50,
body.skin-black .from-gray-50,
body.skin-black .to-gray-200 {
    background-color: var(--skin-bg) !important;
}

body.skin-black .bg-gradient-to-br.from-gray-50,
body.skin-black .bg-gradient-to-b.from-white,
body.skin-black section.bg-white,
body.skin-black section.bg-gray-50 {
    background: var(--skin-bg) !important;
    background-image: none !important;
}

body.skin-black .text-gray-800:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]),
body.skin-black .text-gray-700:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]) {
    color: var(--skin-text) !important;
}

body.skin-black .text-gray-500,
body.skin-black .text-gray-400,
body.skin-black .text-gray-300 {
    color: var(--skin-muted) !important;
}

body.skin-black .text-brand-yellow,
body.skin-black .border-brand-yellow {
    color: var(--skin-accent) !important;
    border-color: var(--skin-accent) !important;
}

body.skin-black .bg-brand-yellow,
body.skin-black .bg-\[\#FFF000\] {
    background-color: var(--skin-accent) !important;
    color: #111 !important;
}

body.skin-black .hover\:bg-brand-yellow:hover {
    background-color: var(--brand-yellow-hover) !important;
}

body.skin-black .border,
body.skin-black .border-gray-100,
body.skin-black .border-gray-200,
body.skin-black [class*="border-gray"] {
    border-color: var(--skin-border) !important;
}

body.skin-black .shadow-sm,
body.skin-black .shadow-lg,
body.skin-black .shadow-soft,
body.skin-black .shadow-2xl {
    box-shadow: var(--brand-shadow) !important;
}

body.skin-black .home-page-root .rounded-2xl,
body.skin-black .home-page-root .rounded-\[60px\],
body.skin-black .home-page-root .rounded-\[40px\] {
    background-color: var(--skin-elevated);
    border-color: var(--skin-border);
}

body.skin-black .home-page-root .bg-brand-grey {
    background-color: #1a1a1a !important;
    color: #f5f5f5 !important;
}

body.skin-black .home-page-root .bg-white {
    background-color: var(--skin-elevated) !important;
}

body.skin-black .selection\:bg-brand-yellow::selection {
    background: var(--skin-accent);
    color: #111;
}

/* ---------- 作品库 / 通用卡片文字 ---------- */
body.skin-black .design-item,
body.skin-black .design-title,
body.skin-black .card,
body.skin-black .panel {
    background: var(--skin-elevated) !important;
    color: var(--skin-text) !important;
    border-color: var(--skin-border) !important;
}

body.skin-black a {
    color: inherit;
}

body.skin-black a:hover {
    color: var(--skin-accent);
}

body.skin-black ::-webkit-scrollbar-thumb {
    background: #444 !important;
}

body.skin-black ::-webkit-scrollbar-track {
    background: #111 !important;
}

/* Banner 容器兜底隐藏（即使误开也不会抢视觉） */
body.skin-black .banner-container,
body.skin-black .banner-wrapper {
    display: none !important;
}

/* ---------- app.css 常见白底 / 浅黄底块 ---------- */
body.skin-black .container,
body.skin-black .admin-main,
body.skin-black .content-box,
body.skin-black .profile-card,
body.skin-black .user-card,
body.skin-black .sidebar,
body.skin-black .main-content,
body.skin-black .panel-box,
body.skin-black .box,
body.skin-black .white-box,
body.skin-black .info-box,
body.skin-black .stat-card,
body.skin-black .table-wrapper,
body.skin-black table.data-table,
body.skin-black .data-table th,
body.skin-black .data-table td {
    background-color: var(--skin-elevated) !important;
    color: var(--skin-text) !important;
    border-color: var(--skin-border) !important;
}

body.skin-black .data-table th {
    background: #222 !important;
    color: var(--skin-muted) !important;
}

body.skin-black .start-design-cta,
body.skin-black .start-design-btn,
body.skin-black .file-upload-area {
    background: var(--skin-surface) !important;
    border-color: var(--skin-border) !important;
    color: var(--skin-text) !important;
}

body.skin-black .supplier-header-yellow,
body.skin-black .supplier-actions-yellow {
    background: transparent !important;
    border-color: var(--skin-border) !important;
}

body.skin-black .pagination a,
body.skin-black .pagination span {
    background: var(--skin-elevated) !important;
    border: 1px solid var(--skin-border) !important;
}

/* VIP / 登录注册常见面板 */
body.skin-black .login-box,
body.skin-black .register-box,
body.skin-black .vip-card,
body.skin-black .auth-card {
    background: var(--skin-elevated) !important;
    border: 1px solid var(--skin-border) !important;
    color: var(--skin-text) !important;
}

/* 链接：正文链接触色，按钮保持深色字 */
body.skin-black #page-main a.btn,
body.skin-black #page-main a.btn-primary,
body.skin-black #page-main a.btn-secondary {
    text-decoration: none;
}

body.skin-black #page-main a:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-small):not(.site-nav-cta):not(.header-nav-link):not(.eng-invite-cta):not(.submit-btn):not(.bg-brand-yellow):not([class*="bg-brand-yellow"]):not([class*="bg-[#FFF000]"]):not([class*="bg-[#FFF"]):not(.btn-home):not(.home-btn):not(.home-btn-primary):not(.home-btn-ghost):not(.home-btn-link) {
    color: #FFE566 !important;
}

/* 黄底链接本身及其内部：一律深色字（优先级压过上方 a 提亮） */
body.skin-black #page-main a.bg-brand-yellow,
body.skin-black #page-main a.bg-brand-yellow *,
body.skin-black #page-main a[class*="bg-brand-yellow"],
body.skin-black #page-main a[class*="bg-brand-yellow"] *,
body.skin-black #page-main a[class*="bg-[#FFF000]"],
body.skin-black #page-main a[class*="bg-[#FFF000]"] *,
body.skin-black #page-main a.text-brand-grey.bg-brand-yellow,
body.skin-black #page-main a.bg-brand-yellow.text-brand-grey {
    color: #111111 !important;
}

body.skin-black #page-main a.btn-primary,
body.skin-black #page-main a.submit-btn,
body.skin-black #page-main .btn-primary,
body.skin-black #page-main .submit-btn,
body.skin-black #page-main .btn-primary *,
body.skin-black #page-main .submit-btn * {
    color: #111 !important;
}

body.skin-black #page-main a.btn-secondary,
body.skin-black #page-main .btn-secondary {
    color: #f0f0f0 !important;
}

/* ---------- 可读性总修复：覆盖 app.css / brand-theme / 内联深色字 ---------- */
body.skin-black {
    --skin-text: #f0f0f0;
    --skin-muted: #b8b8b8;
    --brand-grey: #e6e6e6;
}

body.skin-black,
body.skin-black #page-main {
    color: var(--skin-text) !important;
}

/* 常见深色字强制提亮（含内联 style） */
body.skin-black #page-main p,
body.skin-black #page-main span,
body.skin-black #page-main div,
body.skin-black #page-main li,
body.skin-black #page-main td,
body.skin-black #page-main th,
body.skin-black #page-main label,
body.skin-black #page-main h1,
body.skin-black #page-main h2,
body.skin-black #page-main h3,
body.skin-black #page-main h4,
body.skin-black #page-main h5,
body.skin-black #page-main h6,
body.skin-black #page-main strong,
body.skin-black #page-main b,
body.skin-black #page-main em,
body.skin-black #page-main small,
body.skin-black #page-main dt,
body.skin-black #page-main dd,
body.skin-black #page-main legend,
body.skin-black #page-main figcaption {
    color: var(--skin-text) !important;
}

/* 次要说明略淡 */
body.skin-black #page-main .page-header p,
body.skin-black #page-main .form-hint,
body.skin-black #page-main .empty-state,
body.skin-black #page-main .empty-state p,
body.skin-black #page-main .info-label,
body.skin-black #page-main .stats,
body.skin-black #page-main .meta,
body.skin-black #page-main .text-muted,
body.skin-black #page-main .supplier-tagline,
body.skin-black #page-main .eng-section-desc,
body.skin-black #page-main .eng-tech,
body.skin-black #page-main .eng-role,
body.skin-black #page-main .eng-invite-tip {
    color: var(--skin-muted) !important;
}

/* Tailwind 灰阶全提亮 */
/* Tailwind 灰阶全提亮（黄底除外） */
body.skin-black .text-black:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]),
body.skin-black .text-gray-900:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]),
body.skin-black .text-gray-800:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]),
body.skin-black .text-gray-700:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]),
body.skin-black .text-gray-600:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]) {
    color: #f0f0f0 !important;
}

/* text-brand-grey：默认浅色；若同时黄底则保持深色（见文末规则） */
body.skin-black .text-brand-grey:not(.bg-brand-yellow):not([class*="bg-brand-yellow"]) {
    color: #f0f0f0 !important;
}

body.skin-black .text-gray-500,
body.skin-black .text-gray-400,
body.skin-black .text-gray-300 {
    color: #c0c0c0 !important;
}

/* 作品卡 / 黄页 / 个人中心常见块 */
body.skin-black .design-card,
body.skin-black .design-card *,
body.skin-black .design-scheme-card,
body.skin-black .design-scheme-card *,
body.skin-black .supplier-yellow-card,
body.skin-black .supplier-yellow-card *,
body.skin-black .design-item,
body.skin-black .design-item *,
body.skin-black .profile-card,
body.skin-black .profile-card *,
body.skin-black .sidebar,
body.skin-black .sidebar a,
body.skin-black .sidebar li,
body.skin-black .requirement-form,
body.skin-black .requirement-form label,
body.skin-black .personal-intro-content,
body.skin-black .company-profile-page,
body.skin-black .company-profile-page * {
    color: var(--skin-text) !important;
}

body.skin-black .design-card .btn-primary,
body.skin-black .design-card .btn-primary *,
body.skin-black .supplier-yellow-card .btn-primary,
body.skin-black .supplier-yellow-card .btn-primary *,
body.skin-black .design-scheme-card .btn-primary,
body.skin-black .design-scheme-card .btn-primary * {
    color: #111 !important;
}

/* 表单控件保持浅字 */
body.skin-black input,
body.skin-black textarea,
body.skin-black select,
body.skin-black option {
    color: #f0f0f0 !important;
    background-color: #1a1a1a !important;
    border-color: #3a3a3a !important;
}

body.skin-black input::placeholder,
body.skin-black textarea::placeholder {
    color: #888 !important;
    opacity: 1;
}

/* 浅色底块变深（不要匹配 #FFF000 / #FFD54F 等黄色） */
body.skin-black .bg-white,
body.skin-black .bg-gray-50,
body.skin-black .bg-gray-100 {
    background-color: #1c1c1c !important;
}

body.skin-black [style*="background: #fff;"],
body.skin-black [style*="background:#fff;"],
body.skin-black [style*="background: #ffffff"],
body.skin-black [style*="background:#ffffff"],
body.skin-black [style*="background: #FFFFFF"],
body.skin-black [style*="background:#FFFFFF"],
body.skin-black [style*="background: #f5f5f5"],
body.skin-black [style*="background:#f5f5f5"],
body.skin-black [style*="background: #f9fafb"],
body.skin-black [style*="background:#f9fafb"] {
    background-color: #1c1c1c !important;
}

/* 状态色保留可读对比 */
body.skin-black .success-box,
body.skin-black .success-box *,
body.skin-black .alert-success,
body.skin-black .alert-success * {
    color: #c8e6c9 !important;
}

body.skin-black .alert-error,
body.skin-black .alert-error *,
body.skin-black .error,
body.skin-black .error * {
    color: #ffcdd2 !important;
}

body.skin-black .eng-status-free,
body.skin-black .eng-status-free * {
    color: #81c784 !important;
    background: #1b3d1f !important;
}

body.skin-black .eng-status-busy,
body.skin-black .eng-status-busy * {
    color: #ffb74d !important;
    background: #3e2723 !important;
}

body.skin-black .eng-status-away,
body.skin-black .eng-status-away * {
    color: #b0bec5 !important;
    background: #263238 !important;
}

/* 黄底按钮 / 黄徽章：必须黑字 */
body.skin-black .bg-brand-yellow,
body.skin-black .bg-brand-yellow *,
body.skin-black .bg-\[\#FFF000\],
body.skin-black .bg-\[\#FFF000\] *,
body.skin-black .start-design-btn,
body.skin-black .start-design-btn * {
    color: #111 !important;
}

/* VIP / 登录注册 */
body.skin-black .login-box *,
body.skin-black .register-box *,
body.skin-black .vip-card *,
body.skin-black .auth-card *,
body.skin-black .pay-box,
body.skin-black .pay-box * {
    color: var(--skin-text) !important;
}

body.skin-black .login-box .btn-primary,
body.skin-black .register-box .btn-primary,
body.skin-black .vip-card .btn-primary,
body.skin-black .login-box .btn-primary *,
body.skin-black .register-box .btn-primary *,
body.skin-black .vip-card .btn-primary * {
    color: #111 !important;
}

/* 分页可读 */
body.skin-black .pagination,
body.skin-black .pagination a,
body.skin-black .pagination span {
    color: #e0e0e0 !important;
}

/* 首页深色卡片内文字（黄底按钮除外） */
body.skin-black .home-page-root,
body.skin-black .home-page-root p,
body.skin-black .home-page-root h1,
body.skin-black .home-page-root h2,
body.skin-black .home-page-root h3,
body.skin-black .home-page-root h4,
body.skin-black .home-page-root li {
    color: #f0f0f0 !important;
}

body.skin-black .home-page-root span:not([class*="bg-brand-yellow"]) {
    color: #f0f0f0 !important;
}

body.skin-black .home-page-root a.bg-brand-yellow,
body.skin-black .home-page-root a.bg-brand-yellow *,
body.skin-black .home-page-root a[class*="bg-brand-yellow"],
body.skin-black .home-page-root a[class*="bg-brand-yellow"] *,
body.skin-black .home-page-root button.bg-brand-yellow,
body.skin-black .home-page-root button.bg-brand-yellow *,
body.skin-black .home-page-root span.bg-brand-yellow,
body.skin-black .home-page-root .bg-brand-yellow,
body.skin-black .home-page-root .bg-brand-yellow * {
    color: #111111 !important;
}

body.skin-black .home-page-root .text-gray-400,
body.skin-black .home-page-root .text-gray-500,
body.skin-black .home-page-root .text-gray-300 {
    color: #c0c0c0 !important;
}

body.skin-black .home-page-root .bg-brand-yellow,
body.skin-black .home-page-root .bg-brand-yellow *,
body.skin-black .home-page-root a.bg-white,
body.skin-black .home-page-root a.bg-white * {
    color: #111 !important;
}

body.skin-black .home-page-root .bg-brand-grey,
body.skin-black .home-page-root .bg-brand-grey * {
    color: #f5f5f5 !important;
}

/* 顶栏登录文字 */
body.skin-black #navbar a,
body.skin-black #navbar span,
body.skin-black #mobile-nav a,
body.skin-black #mobile-nav span {
    color: #e0e0e0 !important;
}

body.skin-black #navbar a.site-nav-cta,
body.skin-black #navbar a.site-nav-cta span,
body.skin-black #navbar a.site-nav-cta i,
body.skin-black #mobile-nav a.site-nav-cta,
body.skin-black #mobile-nav a.site-nav-cta span,
body.skin-black #mobile-nav a.site-nav-cta i {
    color: #111111 !important;
}

body.skin-black #navbar nav a.header-nav-link.is-active {
    color: #fff !important;
}

/* =========================================================
   黄底禁止浅色字（必须黑/深灰）——放在文件最后，压过 #page-main * 提亮规则
   ========================================================= */
body.skin-black #page-main .bg-brand-yellow,
body.skin-black #page-main .bg-brand-yellow *,
body.skin-black #page-main .bg-\[\#FFF000\],
body.skin-black #page-main .bg-\[\#FFF000\] *,
body.skin-black #page-main [class*="bg-brand-yellow"],
body.skin-black #page-main [class*="bg-brand-yellow"] *,
body.skin-black #page-main .btn-primary,
body.skin-black #page-main .btn-primary *,
body.skin-black #page-main a.btn-primary,
body.skin-black #page-main a.btn-primary *,
body.skin-black #page-main .submit-btn,
body.skin-black #page-main .submit-btn *,
body.skin-black #page-main button[type="submit"],
body.skin-black #page-main button[type="submit"] *,
body.skin-black #page-main input[type="submit"],
body.skin-black #page-main .search-bar button,
body.skin-black #page-main .search-bar button *,
body.skin-black #page-main .form-actions button,
body.skin-black #page-main .form-actions button *,
body.skin-black #page-main .start-design-btn,
body.skin-black #page-main .start-design-btn *,
body.skin-black #page-main .eng-year,
body.skin-black #page-main .eng-year *,
body.skin-black #page-main .eng-avatar,
body.skin-black #page-main .eng-avatar > span,
body.skin-black .home-page-root .bg-brand-yellow,
body.skin-black .home-page-root .bg-brand-yellow *,
body.skin-black .home-page-root [class*="bg-brand-yellow"],
body.skin-black .home-page-root [class*="bg-brand-yellow"] *,
body.skin-black .home-page-root a.bg-brand-yellow,
body.skin-black .home-page-root a.bg-brand-yellow *,
body.skin-black .home-page-root button.bg-brand-yellow,
body.skin-black .home-page-root button.bg-brand-yellow *,
body.skin-black .home-page-root .text-brand-grey.bg-brand-yellow,
body.skin-black .home-page-root .bg-brand-yellow.text-brand-grey,
body.skin-black #navbar a.site-nav-cta,
body.skin-black #navbar a.site-nav-cta *,
body.skin-black #mobile-nav a.site-nav-cta,
body.skin-black #mobile-nav a.site-nav-cta *,
body.skin-black .bg-brand-yellow.text-brand-grey,
body.skin-black .text-brand-grey.bg-brand-yellow,
body.skin-black .bg-brand-yellow.text-gray-900,
body.skin-black .text-gray-900.bg-brand-yellow,
body.skin-black .bg-\[\#FFF000\].text-gray-900,
body.skin-black .hover\:bg-brand-yellow:hover,
body.skin-black .hover\:bg-brand-yellow:hover * {
    color: #111111 !important;
}

/* brand-theme 主按钮：不要再用被提亮的 --brand-grey */
body.skin-black button[type="submit"],
body.skin-black .btn-primary,
body.skin-black .search-bar button,
body.skin-black .form-actions button,
body.skin-black input[type="submit"],
body.skin-black a.btn-primary,
body.skin-black .submit-btn {
    background: #FFF000 !important;
    color: #111111 !important;
}

body.skin-black button[type="submit"] *,
body.skin-black .btn-primary *,
body.skin-black .search-bar button *,
body.skin-black .form-actions button *,
body.skin-black a.btn-primary *,
body.skin-black .submit-btn * {
    color: #111111 !important;
}

/* 黄底标签 / pill */
body.skin-black .bg-brand-yellow.text-xs,
body.skin-black span.bg-brand-yellow,
body.skin-black .inline-block.bg-brand-yellow {
    color: #111111 !important;
}

/* hover 变黄时的白字链接（如进入设计大厅） */
body.skin-black .home-page-root a.hover\:bg-brand-yellow:hover,
body.skin-black .home-page-root a.hover\:bg-brand-yellow:hover * {
    color: #111111 !important;
}

/* footer 图标悬停黄底 */
body.skin-black footer a.hover\:bg-\[\#FFF000\]:hover,
body.skin-black footer a.hover\:bg-\[\#FFF000\]:hover * {
    color: #111111 !important;
}

/* =========================================================
   全站黄底 = 深色字（最终兜底，覆盖分页/筛选/按钮/徽章/内联黄）
   ========================================================= */
body.skin-black .pagination a,
body.skin-black .pagination a *,
body.skin-black .filter-tabs a.active,
body.skin-black .filter-tabs a.active *,
body.skin-black .category-tab.active,
body.skin-black .category-tab.active *,
body.skin-black .tab.active,
body.skin-black .tab.active *,
body.skin-black .case-tab.bg-brand-yellow,
body.skin-black .case-tab.bg-brand-yellow *,
body.skin-black .btn-select-channel,
body.skin-black .btn-select-channel *,
body.skin-black .btn-primary,
body.skin-black .btn-primary *,
body.skin-black a.btn-primary,
body.skin-black a.btn-primary *,
body.skin-black .btn-small.btn-primary,
body.skin-black .btn-small.btn-primary *,
body.skin-black .submit-btn,
body.skin-black .submit-btn *,
body.skin-black button[type="submit"],
body.skin-black button[type="submit"] *,
body.skin-black input[type="submit"],
body.skin-black .search-bar button,
body.skin-black .search-bar button *,
body.skin-black .form-actions button,
body.skin-black .form-actions button *,
body.skin-black .start-design-btn,
body.skin-black .start-design-btn *,
body.skin-black .site-nav-cta,
body.skin-black .site-nav-cta *,
body.skin-black .eng-year,
body.skin-black .eng-year *,
body.skin-black .eng-avatar,
body.skin-black .eng-avatar > span,
body.skin-black [class*="bg-brand-yellow"],
body.skin-black [class*="bg-brand-yellow"] *,
body.skin-black [class*="bg-[#FFF000]"],
body.skin-black [class*="bg-[#FFF000]"] *,
body.skin-black [class*="bg-[#F5E800]"],
body.skin-black [class*="bg-[#F5E800]"] * {
    color: #111111 !important;
}

/* app.css / 内联常见黄底徽章 */
body.skin-black [style*="background: #FFD54F"],
body.skin-black [style*="background:#FFD54F"],
body.skin-black [style*="background: #FFF000"],
body.skin-black [style*="background:#FFF000"],
body.skin-black [style*="background: #FFEB3B"],
body.skin-black [style*="background:#FFEB3B"],
body.skin-black [style*="background: #FFE082"],
body.skin-black [style*="background:#FFE082"] {
    color: #111111 !important;
}

body.skin-black [style*="background: #FFD54F"] *,
body.skin-black [style*="background:#FFD54F"] *,
body.skin-black [style*="background: #FFF000"] *,
body.skin-black [style*="background:#FFF000"] * {
    color: #111111 !important;
}

/* 黄底上的 text-* 工具类全部改深色 */
body.skin-black .bg-brand-yellow.text-brand-grey,
body.skin-black .bg-brand-yellow.text-gray-900,
body.skin-black .bg-brand-yellow.text-gray-800,
body.skin-black .bg-brand-yellow.text-white,
body.skin-black .bg-brand-yellow.text-black,
body.skin-black .text-brand-grey.bg-brand-yellow,
body.skin-black .text-gray-900.bg-brand-yellow,
body.skin-black .text-white.bg-brand-yellow,
body.skin-black [class*="bg-brand-yellow"][class*="text-"],
body.skin-black [class*="bg-[#FFF000]"][class*="text-"] {
    color: #111111 !important;
}

/* pagination 在黑皮肤下保持黄底深字，不要被浅色文字规则盖掉 */
body.skin-black .pagination a {
    background: #FFF000 !important;
    color: #111111 !important;
}

body.skin-black .filter-tabs a.active,
body.skin-black .category-tab.active,
body.skin-black .tab.active {
    background: #FFF000 !important;
    color: #111111 !important;
}

/* 首页：压过全局提亮，保证卡片正文可读、黄按钮深色字 */
body.skin-black #page-main .home-page-root a.btn-home,
body.skin-black #page-main .home-page-root a.btn-home *,
body.skin-black #page-main .home-page-root a.home-btn-primary,
body.skin-black #page-main .home-page-root a.home-btn-primary *,
body.skin-black #page-main .home-page-root .btn-home,
body.skin-black #page-main .home-page-root .home-btn-primary {
    color: #111111 !important;
    background: #FFF000 !important;
    background-color: #FFF000 !important;
}

body.skin-black #page-main .home-page-root .home-member-name,
body.skin-black #page-main .home-page-root h1,
body.skin-black #page-main .home-page-root h2 {
    color: #ffffff !important;
}

body.skin-black #page-main .home-page-root .home-member-sub,
body.skin-black #page-main .home-page-root .home-member-meta,
body.skin-black #page-main .home-page-root .home-member-meta div,
body.skin-black #page-main .home-page-root .home-hero p,
body.skin-black #page-main .home-page-root .home-section-head p,
body.skin-black #page-main .home-page-root .home-cta p {
    color: #d6d6d6 !important;
}

body.skin-black #page-main .home-page-root .home-member-meta .k {
    color: #c8c8c8 !important;
}

/* 首页强制可读：不依赖 body 类是否齐全 */
.home-page-root .home-member-card {
    background: #222222 !important;
    border-color: #444444 !important;
}
.home-page-root h3.home-member-name,
.home-page-root .home-member-name {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.home-page-root .home-member-sub {
    color: #e0e0e0 !important;
}
.home-page-root .home-member-meta,
.home-page-root .home-member-meta div,
.home-page-root .home-member-meta span:not(.eng-status-pill):not(.eng-status-free):not(.eng-status-busy):not(.eng-status-away) {
    color: #f0f0f0 !important;
}
.home-page-root a.btn-home,
.home-page-root a.btn-home * {
    color: #111111 !important;
    background: #FFF000 !important;
}


/* ========== 全站禁止：黄底 + 白字 ========== */
.bg-brand-yellow,
.bg-brand-yellow *,
[class*="bg-brand-yellow"],
[class*="bg-brand-yellow"] *,
[class*="bg-[#FFF000]"],
[class*="bg-[#FFF000]"] *,
.btn-primary,
.btn-primary *,
a.btn-primary,
a.btn-primary *,
button.btn-primary,
button.btn-primary *,
button[type="submit"],
button[type="submit"] *,
input[type="submit"],
.submit-btn,
.submit-btn *,
.start-design-btn,
.start-design-btn *,
.site-nav-cta,
.site-nav-cta *,
.btn-select-channel,
.btn-select-channel *,
.search-bar button,
.search-bar button *,
.filter-tabs a.active,
.filter-tabs a.active *,
.category-tab.active,
.tab.active,
.pagination a,
.pagination .current,
.eng-year,
.eng-year *,
.req-submit,
.req-submit *,
.req-step-num,
.filter-bar a.active,
.filter-bar a.active *,
.admin-nav a.active,
.admin-nav a.active * {
    color: #111111 !important;
}

.text-white.bg-brand-yellow,
.bg-brand-yellow.text-white,
[class*="bg-brand-yellow"].text-white,
.text-white[class*="bg-[#FFF000]"] {
    color: #111111 !important;
}