/* Date range / usage actions: keep these two actions unambiguous. */
.date-picker-apply { background-color:#000 !important; color:#fff !important; border-color:#000 !important; }
.date-picker-apply:hover, .date-picker-apply:focus-visible { background-color:#262626 !important; color:#fff !important; }
.usage-filter-dropdown > button[aria-label^="Clear"] { background-color:#dc2626 !important; color:#fff !important; border-radius:.375rem; }
.usage-filter-dropdown > button[aria-label^="Clear"]:hover, .usage-filter-dropdown > button[aria-label^="Clear"]:focus-visible { background-color:#b91c1c !important; color:#fff !important; }
/* Sub2API v7 — 全灰中和 + 语义色精确恢复 + 大字大图标 + 提亮柔光 */\n.bg-amber-100{background-color:#f5f5f5!important}
.bg-amber-200{background-color:#e5e5e5!important}
.bg-amber-400{background-color:#a3a3a3!important}
.bg-amber-50{background-color:#fafafa!important}
.bg-amber-500{background-color:#737373!important}
.bg-blue-100{background-color:#f5f5f5!important}
.bg-blue-200{background-color:#e5e5e5!important}
.bg-blue-400{background-color:#a3a3a3!important}
.bg-blue-50{background-color:#fafafa!important}
.bg-blue-500{background-color:#737373!important}
.bg-blue-600{background-color:#525252!important}
.bg-blue-900{background-color:#171717!important}
.bg-cyan-100{background-color:#f5f5f5!important}
.bg-cyan-200{background-color:#e5e5e5!important}
.bg-cyan-50{background-color:#fafafa!important}
.bg-cyan-500{background-color:#737373!important}
.bg-cyan-700{background-color:#404040!important}
.bg-emerald-100{background-color:#f5f5f5!important}
.bg-emerald-200{background-color:#e5e5e5!important}
.bg-emerald-50{background-color:#fafafa!important}
.bg-emerald-500{background-color:#737373!important}
.bg-emerald-600{background-color:#525252!important}
.bg-fuchsia-50{background-color:#fafafa!important}
.bg-green-100{background-color:#f5f5f5!important}
.bg-green-400{background-color:#a3a3a3!important}
.bg-green-50{background-color:#fafafa!important}
.bg-green-500{background-color:#737373!important}
.bg-green-600{background-color:#525252!important}
.bg-indigo-100{background-color:#f5f5f5!important}
.bg-indigo-50{background-color:#fafafa!important}
.bg-indigo-500{background-color:#737373!important}
.bg-lime-100{background-color:#f5f5f5!important}
.bg-orange-100{background-color:#f5f5f5!important}
.bg-orange-200{background-color:#e5e5e5!important}
.bg-orange-50{background-color:#fafafa!important}
.bg-orange-500{background-color:#737373!important}
.bg-pink-100{background-color:#f5f5f5!important}
.bg-primary-100{background-color:#f5f5f5!important}
.bg-primary-200{background-color:#e5e5e5!important}
.bg-primary-300{background-color:#d4d4d4!important}
.bg-primary-400{background-color:#a3a3a3!important}
.bg-primary-50{background-color:#fafafa!important}
.bg-primary-500{background-color:#737373!important}
.bg-primary-600{background-color:#525252!important}
.bg-primary-900{background-color:#171717!important}
.bg-purple-100{background-color:#f5f5f5!important}
.bg-purple-200{background-color:#e5e5e5!important}
.bg-purple-50{background-color:#fafafa!important}
.bg-purple-500{background-color:#737373!important}
.bg-red-100{background-color:#f5f5f5!important}
.bg-red-200{background-color:#e5e5e5!important}
.bg-red-50{background-color:#fafafa!important}
.bg-red-500{background-color:#737373!important}
.bg-red-600{background-color:#525252!important}
.bg-rose-100{background-color:#f5f5f5!important}
.bg-rose-50{background-color:#fafafa!important}
.bg-rose-500{background-color:#737373!important}
.bg-sky-100{background-color:#f5f5f5!important}
.bg-sky-50{background-color:#fafafa!important}
.bg-sky-500{background-color:#737373!important}
.bg-teal-100{background-color:#f5f5f5!important}
.bg-violet-100{background-color:#f5f5f5!important}
.bg-violet-200{background-color:#e5e5e5!important}
.bg-violet-50{background-color:#fafafa!important}
.bg-yellow-100{background-color:#f5f5f5!important}
.bg-yellow-50{background-color:#fafafa!important}
.bg-yellow-500{background-color:#737373!important}
.border-amber-100{border-color:#f5f5f5!important}
.border-amber-200{border-color:#e5e5e5!important}
.border-amber-300{border-color:#d4d4d4!important}
.border-amber-400{border-color:#a3a3a3!important}
.border-amber-500{border-color:#737373!important}
.border-blue-100{border-color:#f5f5f5!important}
.border-blue-200{border-color:#e5e5e5!important}
.border-blue-300{border-color:#d4d4d4!important}
.border-blue-400{border-color:#a3a3a3!important}
.border-blue-500{border-color:#737373!important}
.border-cyan-500{border-color:#737373!important}
.border-emerald-200{border-color:#e5e5e5!important}
.border-emerald-300{border-color:#d4d4d4!important}
.border-emerald-500{border-color:#737373!important}
.border-green-200{border-color:#e5e5e5!important}
.border-green-300{border-color:#d4d4d4!important}
.border-green-400{border-color:#a3a3a3!important}
.border-green-500{border-color:#737373!important}
.border-orange-500{border-color:#737373!important}
.border-primary-100{border-color:#f5f5f5!important}
.border-primary-200{border-color:#e5e5e5!important}
.border-primary-300{border-color:#d4d4d4!important}
.border-primary-400{border-color:#a3a3a3!important}
.border-primary-500{border-color:#737373!important}
.border-primary-600{border-color:#525252!important}
.border-purple-200{border-color:#e5e5e5!important}
.border-purple-500{border-color:#737373!important}
.border-red-100{border-color:#f5f5f5!important}
.border-red-200{border-color:#e5e5e5!important}
.border-red-400{border-color:#a3a3a3!important}
.border-red-500{border-color:#737373!important}
.border-rose-300{border-color:#d4d4d4!important}
.border-rose-500{border-color:#737373!important}
.border-sky-100{border-color:#f5f5f5!important}
.border-sky-200{border-color:#e5e5e5!important}
.border-sky-300{border-color:#d4d4d4!important}
.border-sky-500{border-color:#737373!important}
.border-violet-200{border-color:#e5e5e5!important}
.border-yellow-200{border-color:#e5e5e5!important}
.border-yellow-300{border-color:#d4d4d4!important}
.border-yellow-500{border-color:#737373!important}
:is(.dark *) .dark\:bg-amber-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-amber-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-amber-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-blue-400{background-color:#a3a3a3!important}
:is(.dark *) .dark\:bg-blue-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-blue-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-blue-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-cyan-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-cyan-600{background-color:#525252!important}
:is(.dark *) .dark\:bg-cyan-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-emerald-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-emerald-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-emerald-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-fuchsia-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-green-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-green-600{background-color:#525252!important}
:is(.dark *) .dark\:bg-green-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-green-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-indigo-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-lime-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-orange-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-orange-600{background-color:#525252!important}
:is(.dark *) .dark\:bg-orange-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-orange-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-pink-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-primary-300{background-color:#d4d4d4!important}
:is(.dark *) .dark\:bg-primary-400{background-color:#a3a3a3!important}
:is(.dark *) .dark\:bg-primary-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-primary-600{background-color:#525252!important}
:is(.dark *) .dark\:bg-primary-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-primary-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-purple-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-purple-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-purple-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-red-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-red-600{background-color:#525252!important}
:is(.dark *) .dark\:bg-red-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-red-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-rose-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-rose-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-sky-500{background-color:#737373!important}
:is(.dark *) .dark\:bg-sky-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-teal-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-violet-800{background-color:#262626!important}
:is(.dark *) .dark\:bg-violet-900{background-color:#171717!important}
:is(.dark *) .dark\:bg-yellow-600{background-color:#525252!important}
:is(.dark *) .dark\:bg-yellow-900{background-color:#171717!important}
:is(.dark *) .dark\:border-amber-500{border-color:#737373!important}
:is(.dark *) .dark\:border-amber-600{border-color:#525252!important}
:is(.dark *) .dark\:border-amber-700{border-color:#404040!important}
:is(.dark *) .dark\:border-amber-800{border-color:#262626!important}
:is(.dark *) .dark\:border-amber-900{border-color:#171717!important}
:is(.dark *) .dark\:border-blue-500{border-color:#737373!important}
:is(.dark *) .dark\:border-blue-600{border-color:#525252!important}
:is(.dark *) .dark\:border-blue-700{border-color:#404040!important}
:is(.dark *) .dark\:border-blue-800{border-color:#262626!important}
:is(.dark *) .dark\:border-blue-900{border-color:#171717!important}
:is(.dark *) .dark\:border-cyan-500{border-color:#737373!important}
:is(.dark *) .dark\:border-emerald-400{border-color:#a3a3a3!important}
:is(.dark *) .dark\:border-emerald-500{border-color:#737373!important}
:is(.dark *) .dark\:border-emerald-700{border-color:#404040!important}
:is(.dark *) .dark\:border-emerald-800{border-color:#262626!important}
:is(.dark *) .dark\:border-emerald-900{border-color:#171717!important}
:is(.dark *) .dark\:border-green-500{border-color:#737373!important}
:is(.dark *) .dark\:border-green-600{border-color:#525252!important}
:is(.dark *) .dark\:border-green-700{border-color:#404040!important}
:is(.dark *) .dark\:border-green-800{border-color:#262626!important}
:is(.dark *) .dark\:border-green-900{border-color:#171717!important}
:is(.dark *) .dark\:border-orange-400{border-color:#a3a3a3!important}
:is(.dark *) .dark\:border-orange-500{border-color:#737373!important}
:is(.dark *) .dark\:border-primary-400{border-color:#a3a3a3!important}
:is(.dark *) .dark\:border-primary-500{border-color:#737373!important}
:is(.dark *) .dark\:border-primary-600{border-color:#525252!important}
:is(.dark *) .dark\:border-primary-700{border-color:#404040!important}
:is(.dark *) .dark\:border-primary-800{border-color:#262626!important}
:is(.dark *) .dark\:border-primary-900{border-color:#171717!important}
:is(.dark *) .dark\:border-purple-500{border-color:#737373!important}
:is(.dark *) .dark\:border-purple-800{border-color:#262626!important}
:is(.dark *) .dark\:border-red-500{border-color:#737373!important}
:is(.dark *) .dark\:border-red-700{border-color:#404040!important}
:is(.dark *) .dark\:border-red-800{border-color:#262626!important}
:is(.dark *) .dark\:border-red-900{border-color:#171717!important}
:is(.dark *) .dark\:border-rose-700{border-color:#404040!important}
:is(.dark *) .dark\:border-sky-400{border-color:#a3a3a3!important}
:is(.dark *) .dark\:border-sky-500{border-color:#737373!important}
:is(.dark *) .dark\:border-sky-700{border-color:#404040!important}
:is(.dark *) .dark\:border-sky-800{border-color:#262626!important}
:is(.dark *) .dark\:border-sky-900{border-color:#171717!important}
:is(.dark *) .dark\:border-violet-800{border-color:#262626!important}
:is(.dark *) .dark\:border-yellow-700{border-color:#404040!important}
:is(.dark *) .dark\:border-yellow-800{border-color:#262626!important}
:is(.dark *) .dark\:from-amber-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-blue-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-emerald-500{--tw-gradient-from:#737373!important}
:is(.dark *) .dark\:from-emerald-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-indigo-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-orange-500{--tw-gradient-from:#737373!important}
:is(.dark *) .dark\:from-orange-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-primary-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-purple-900{--tw-gradient-from:#171717!important}
:is(.dark *) .dark\:from-sky-500{--tw-gradient-from:#737373!important}
:is(.dark *) .dark\:ring-amber-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-amber-800{--tw-ring-color:#262626!important}
:is(.dark *) .dark\:ring-emerald-800{--tw-ring-color:#262626!important}
:is(.dark *) .dark\:ring-emerald-900{--tw-ring-color:#171717!important}
:is(.dark *) .dark\:ring-green-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-orange-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-primary-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-primary-700{--tw-ring-color:#404040!important}
:is(.dark *) .dark\:ring-primary-900{--tw-ring-color:#171717!important}
:is(.dark *) .dark\:ring-purple-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-red-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-red-900{--tw-ring-color:#171717!important}
:is(.dark *) .dark\:ring-rose-500{--tw-ring-color:#737373!important}
:is(.dark *) .dark\:ring-rose-800{--tw-ring-color:#262626!important}
:is(.dark *) .dark\:ring-sky-800{--tw-ring-color:#262626!important}
:is(.dark *) .dark\:ring-sky-900{--tw-ring-color:#171717!important}
:is(.dark *) .dark\:text-amber-100{color:#f5f5f5!important}
:is(.dark *) .dark\:text-amber-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-amber-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-amber-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-amber-500{color:#737373!important}
:is(.dark *) .dark\:text-amber-600{color:#525252!important}
:is(.dark *) .dark\:text-blue-100{color:#f5f5f5!important}
:is(.dark *) .dark\:text-blue-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-blue-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-blue-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-cyan-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-cyan-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-emerald-100{color:#f5f5f5!important}
:is(.dark *) .dark\:text-emerald-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-emerald-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-emerald-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-fuchsia-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-green-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-green-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-green-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-green-500{color:#737373!important}
:is(.dark *) .dark\:text-indigo-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-indigo-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-indigo-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-lime-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-orange-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-orange-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-orange-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-pink-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-pink-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-primary-100{color:#f5f5f5!important}
:is(.dark *) .dark\:text-primary-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-primary-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-primary-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-primary-700{color:#404040!important}
:is(.dark *) .dark\:text-primary-800{color:#262626!important}
:is(.dark *) .dark\:text-purple-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-purple-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-purple-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-red-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-red-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-red-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-rose-100{color:#f5f5f5!important}
:is(.dark *) .dark\:text-rose-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-rose-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-rose-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-sky-100{color:#f5f5f5!important}
:is(.dark *) .dark\:text-sky-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-sky-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-sky-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-teal-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-violet-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-violet-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-violet-400{color:#a3a3a3!important}
:is(.dark *) .dark\:text-yellow-200{color:#e5e5e5!important}
:is(.dark *) .dark\:text-yellow-300{color:#d4d4d4!important}
:is(.dark *) .dark\:text-yellow-400{color:#a3a3a3!important}
:is(.dark *) .dark\:to-amber-500{--tw-gradient-to:#737373!important}
:is(.dark *) .dark\:to-emerald-500{--tw-gradient-to:#737373!important}
:is(.dark *) .dark\:to-indigo-500{--tw-gradient-to:#737373!important}
:is(.dark *) .dark\:to-indigo-900{--tw-gradient-to:#171717!important}
:is(.dark *) .dark\:to-primary-800{--tw-gradient-to:#262626!important}
:is(.dark *) .dark\:to-purple-900{--tw-gradient-to:#171717!important}
:is(.dark *) .dark\:to-teal-900{--tw-gradient-to:#171717!important}
:is(.dark *) .dark\:to-yellow-900{--tw-gradient-to:#171717!important}
:is(.dark *) .dark\:via-indigo-900{--tw-gradient-via:#171717!important}
:is(.dark *) .dark\:via-orange-900{--tw-gradient-via:#171717!important}
.from-amber-400{--tw-gradient-from:#a3a3a3!important}
.from-amber-50{--tw-gradient-from:#fafafa!important}
.from-amber-500{--tw-gradient-from:#737373!important}
.from-blue-400{--tw-gradient-from:#a3a3a3!important}
.from-blue-50{--tw-gradient-from:#fafafa!important}
.from-blue-500{--tw-gradient-from:#737373!important}
.from-blue-600{--tw-gradient-from:#525252!important}
.from-emerald-400{--tw-gradient-from:#a3a3a3!important}
.from-emerald-50{--tw-gradient-from:#fafafa!important}
.from-emerald-500{--tw-gradient-from:#737373!important}
.from-green-500{--tw-gradient-from:#737373!important}
.from-indigo-100{--tw-gradient-from:#f5f5f5!important}
.from-orange-100{--tw-gradient-from:#f5f5f5!important}
.from-orange-400{--tw-gradient-from:#a3a3a3!important}
.from-orange-50{--tw-gradient-from:#fafafa!important}
.from-orange-500{--tw-gradient-from:#737373!important}
.from-primary-400{--tw-gradient-from:#a3a3a3!important}
.from-primary-50{--tw-gradient-from:#fafafa!important}
.from-primary-500{--tw-gradient-from:#737373!important}
.from-primary-600{--tw-gradient-from:#525252!important}
.from-purple-400{--tw-gradient-from:#a3a3a3!important}
.from-purple-50{--tw-gradient-from:#fafafa!important}
.from-purple-500{--tw-gradient-from:#737373!important}
.from-red-400{--tw-gradient-from:#a3a3a3!important}
.from-red-500{--tw-gradient-from:#737373!important}
.from-rose-500{--tw-gradient-from:#737373!important}
.from-sky-50{--tw-gradient-from:#fafafa!important}
.from-yellow-400{--tw-gradient-from:#a3a3a3!important}
.ring-amber-200{--tw-ring-color:#e5e5e5!important}
.ring-amber-500{--tw-ring-color:#737373!important}
.ring-amber-600{--tw-ring-color:#525252!important}
.ring-emerald-100{--tw-ring-color:#f5f5f5!important}
.ring-emerald-200{--tw-ring-color:#e5e5e5!important}
.ring-green-500{--tw-ring-color:#737373!important}
.ring-green-600{--tw-ring-color:#525252!important}
.ring-orange-200{--tw-ring-color:#e5e5e5!important}
.ring-orange-500{--tw-ring-color:#737373!important}
.ring-primary-100{--tw-ring-color:#f5f5f5!important}
.ring-primary-200{--tw-ring-color:#e5e5e5!important}
.ring-primary-500{--tw-ring-color:#737373!important}
.ring-purple-600{--tw-ring-color:#525252!important}
.ring-red-100{--tw-ring-color:#f5f5f5!important}
.ring-red-500{--tw-ring-color:#737373!important}
.ring-red-600{--tw-ring-color:#525252!important}
.ring-rose-200{--tw-ring-color:#e5e5e5!important}
.ring-rose-500{--tw-ring-color:#737373!important}
.ring-sky-100{--tw-ring-color:#f5f5f5!important}
.ring-sky-200{--tw-ring-color:#e5e5e5!important}
.text-amber-200{color:#e5e5e5!important}
.text-amber-400{color:#a3a3a3!important}
.text-amber-500{color:#737373!important}
.text-amber-600{color:#525252!important}
.text-amber-700{color:#404040!important}
.text-amber-800{color:#262626!important}
.text-amber-900{color:#171717!important}
.text-blue-100{color:#f5f5f5!important}
.text-blue-200{color:#e5e5e5!important}
.text-blue-400{color:#a3a3a3!important}
.text-blue-500{color:#737373!important}
.text-blue-600{color:#525252!important}
.text-blue-700{color:#404040!important}
.text-blue-800{color:#262626!important}
.text-blue-900{color:#171717!important}
.text-cyan-100{color:#f5f5f5!important}
.text-cyan-200{color:#e5e5e5!important}
.text-cyan-300{color:#d4d4d4!important}
.text-cyan-400{color:#a3a3a3!important}
.text-cyan-600{color:#525252!important}
.text-cyan-700{color:#404040!important}
.text-cyan-800{color:#262626!important}
.text-cyan-900{color:#171717!important}
.text-emerald-100{color:#f5f5f5!important}
.text-emerald-200{color:#e5e5e5!important}
.text-emerald-300{color:#d4d4d4!important}
.text-emerald-400{color:#a3a3a3!important}
.text-emerald-500{color:#737373!important}
.text-emerald-600{color:#525252!important}
.text-emerald-700{color:#404040!important}
.text-emerald-800{color:#262626!important}
.text-emerald-900{color:#171717!important}
.text-fuchsia-300{color:#d4d4d4!important}
.text-fuchsia-500{color:#737373!important}
.text-fuchsia-600{color:#525252!important}
.text-fuchsia-700{color:#404040!important}
.text-green-300{color:#d4d4d4!important}
.text-green-400{color:#a3a3a3!important}
.text-green-500{color:#737373!important}
.text-green-600{color:#525252!important}
.text-green-700{color:#404040!important}
.text-green-800{color:#262626!important}
.text-indigo-200{color:#e5e5e5!important}
.text-indigo-500{color:#737373!important}
.text-indigo-600{color:#525252!important}
.text-indigo-700{color:#404040!important}
.text-indigo-800{color:#262626!important}
.text-lime-600{color:#525252!important}
.text-lime-700{color:#404040!important}
.text-orange-100{color:#f5f5f5!important}
.text-orange-200{color:#e5e5e5!important}
.text-orange-400{color:#a3a3a3!important}
.text-orange-500{color:#737373!important}
.text-orange-600{color:#525252!important}
.text-orange-700{color:#404040!important}
.text-orange-800{color:#262626!important}
.text-pink-300{color:#d4d4d4!important}
.text-pink-500{color:#737373!important}
.text-pink-600{color:#525252!important}
.text-pink-700{color:#404040!important}
.text-primary-100{color:#f5f5f5!important}
.text-primary-200{color:#e5e5e5!important}
.text-primary-300{color:#d4d4d4!important}
.text-primary-400{color:#a3a3a3!important}
.text-primary-500{color:#737373!important}
.text-primary-600{color:#525252!important}
.text-primary-700{color:#404040!important}
.text-primary-800{color:#262626!important}
.text-primary-900{color:#171717!important}
.text-purple-100{color:#f5f5f5!important}
.text-purple-200{color:#e5e5e5!important}
.text-purple-300{color:#d4d4d4!important}
.text-purple-500{color:#737373!important}
.text-purple-600{color:#525252!important}
.text-purple-700{color:#404040!important}
.text-purple-800{color:#262626!important}
.text-red-400{color:#a3a3a3!important}
.text-red-500{color:#737373!important}
.text-red-600{color:#525252!important}
.text-red-700{color:#404040!important}
.text-red-800{color:#262626!important}
.text-rose-400{color:#a3a3a3!important}
.text-rose-500{color:#737373!important}
.text-rose-600{color:#525252!important}
.text-rose-700{color:#404040!important}
.text-rose-900{color:#171717!important}
.text-sky-200{color:#e5e5e5!important}
.text-sky-300{color:#d4d4d4!important}
.text-sky-500{color:#737373!important}
.text-sky-600{color:#525252!important}
.text-sky-700{color:#404040!important}
.text-sky-800{color:#262626!important}
.text-sky-900{color:#171717!important}
.text-teal-500{color:#737373!important}
.text-teal-600{color:#525252!important}
.text-teal-700{color:#404040!important}
.text-violet-300{color:#d4d4d4!important}
.text-violet-500{color:#737373!important}
.text-violet-600{color:#525252!important}
.text-violet-700{color:#404040!important}
.text-violet-800{color:#262626!important}
.text-yellow-400{color:#a3a3a3!important}
.text-yellow-500{color:#737373!important}
.text-yellow-600{color:#525252!important}
.text-yellow-700{color:#404040!important}
.text-yellow-800{color:#262626!important}
.to-amber-100{--tw-gradient-to:#f5f5f5!important}
.to-amber-400{--tw-gradient-to:#a3a3a3!important}
.to-amber-50{--tw-gradient-to:#fafafa!important}
.to-amber-500{--tw-gradient-to:#737373!important}
.to-blue-500{--tw-gradient-to:#737373!important}
.to-blue-600{--tw-gradient-to:#525252!important}
.to-cyan-500{--tw-gradient-to:#737373!important}
.to-cyan-600{--tw-gradient-to:#525252!important}
.to-emerald-100{--tw-gradient-to:#f5f5f5!important}
.to-emerald-500{--tw-gradient-to:#737373!important}
.to-emerald-600{--tw-gradient-to:#525252!important}
.to-green-600{--tw-gradient-to:#525252!important}
.to-indigo-100{--tw-gradient-to:#f5f5f5!important}
.to-indigo-50{--tw-gradient-to:#fafafa!important}
.to-indigo-500{--tw-gradient-to:#737373!important}
.to-indigo-600{--tw-gradient-to:#525252!important}
.to-orange-500{--tw-gradient-to:#737373!important}
.to-orange-600{--tw-gradient-to:#525252!important}
.to-pink-500{--tw-gradient-to:#737373!important}
.to-pink-600{--tw-gradient-to:#525252!important}
.to-primary-100{--tw-gradient-to:#f5f5f5!important}
.to-primary-500{--tw-gradient-to:#737373!important}
.to-primary-600{--tw-gradient-to:#525252!important}
.to-purple-50{--tw-gradient-to:#fafafa!important}
.to-purple-500{--tw-gradient-to:#737373!important}
.to-purple-600{--tw-gradient-to:#525252!important}
.to-red-500{--tw-gradient-to:#737373!important}
.to-teal-50{--tw-gradient-to:#fafafa!important}
.to-yellow-50{--tw-gradient-to:#fafafa!important}
.to-yellow-500{--tw-gradient-to:#737373!important}
.via-indigo-50{--tw-gradient-via:#fafafa!important}
.via-indigo-500{--tw-gradient-via:#737373!important}
.via-orange-50{--tw-gradient-via:#fafafa!important}
.via-orange-500{--tw-gradient-via:#737373!important}
.via-primary-50{--tw-gradient-via:#fafafa!important}
/* ============================================================
   Part 2: v7 — 提亮柔光 + 大字大图标 + 侧边栏/渠道状态重做
   ============================================================ */
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* ---------- 背景: 纯白 + 明亮柔光 (灰调, 无绿) ---------- */
body { background: #ffffff !important; }
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(ellipse 70% 50% at 12% -6%, rgba(200,200,200,.14), transparent 60%),
    radial-gradient(ellipse 55% 40% at 100% 0%, rgba(215,215,215,.10), transparent 55%),
    #ffffff !important;
  pointer-events: none !important;
}
[class*="mesh-gradient"] { background: #ffffff !important; }

/* ---------- 柔光玻璃: 更亮更通透 ---------- */
.card, .modal-content, .dropdown {
  background: #fff !important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.03),
    0 10px 40px rgba(0,0,0,.07),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  border: 1px solid rgba(255,255,255,.85) !important;
}
.card:hover {
  background: #fff !important;
  box-shadow: 0 4px 8px rgba(0,0,0,.04), 0 20px 55px rgba(0,0,0,.10), inset 0 1px 0 #fff !important;
  transform: translateY(-2px) !important;
}
.card-header { border-bottom: 1px solid rgba(0,0,0,.05) !important; }

/* ============================================================
   统计卡: 2横长卡 + 大字大图标 + 严格对齐
   ============================================================ */
[class*="grid grid-cols-2 gap-4 lg:grid-cols-4"] {
  grid-template-columns: repeat(1, minmax(0,1fr)) !important;
  gap: .9rem !important;
}
@media (min-width: 768px) {
  [class*="grid grid-cols-2 gap-4 lg:grid-cols-4"] {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
[class*="grid grid-cols-2 gap-4 lg:grid-cols-4"] > .card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.2rem !important;
  padding: 1.3rem 1.6rem !important;
  min-height: 5.6rem !important;
  width: 100% !important;
}
[class*="grid grid-cols-2 gap-4 lg:grid-cols-4"] > .card > .flex.items-center {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  min-width: 0 !important;
}
/* 图标: 放大, 深灰底白字 */
[class*="grid-cols-2 gap-4"] .rounded-lg {
  background: #e2e2e2 !important;
  padding: .7rem !important;
  border-radius: .85rem !important;
  flex-shrink: 0 !important;
}
[class*="grid-cols-2 gap-4"] .rounded-lg svg {
  width: 1.35rem !important;
  height: 1.35rem !important;
  color: #333 !important;
}
/* 标签: 大一点 */
[class*="grid-cols-2 gap-4"] [class*="text-xs"] {
  font-size: clamp(.8rem, 1.5vw, .95rem) !important;
  color: #555 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  font-weight: 550 !important;
}
/* 右区: 数字大, 右对齐 */
[class*="grid-cols-2 gap-4"] > .card > div:last-child {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: .2rem !important;
  min-width: 0 !important;
  text-align: right !important;
}
[class*="grid-cols-2 gap-4"] .text-xl,
[class*="grid-cols-2 gap-4"] .text-2xl,
[class*="grid-cols-2 gap-4"] .text-3xl {
  font-size: clamp(1.5rem, 3vw, 2.1rem) !important;
  font-weight: 780 !important;
  color: #000 !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}
[class*="grid-cols-2 gap-4"] .text-green-600,
[class*="grid-cols-2 gap-4"] .dark\:text-green-400,
[class*="grid-cols-2 gap-4"] .text-red-500,
[class*="grid-cols-2 gap-4"] .text-gray-500 {
  font-size: clamp(.74rem, 1.3vw, .85rem) !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

/* ============================================================
   侧边栏: 重做 — 白玻璃 + 清晰分组 + 圆润激活
   ============================================================ */
.sidebar {
  background: #fff !important;
  border-right: 1px solid rgba(0,0,0,.06) !important;
  width: 16rem !important;
}
.sidebar-header { border-bottom: 1px solid rgba(0,0,0,.05) !important; height: 4.2rem !important; }
.sidebar-brand-title { font-size: 1.05rem !important; font-weight: 750 !important; color: #111 !important; }
.sidebar-link {
  color: #3d3d3d !important;
  border-radius: .7rem !important;
  font-weight: 520 !important;
  font-size: .88rem !important;
  padding: .65rem .85rem !important;
  margin-bottom: .2rem !important;
  transition: all .18s ease !important;
}
.sidebar-link:hover { background: rgba(0,0,0,.05) !important; color: #000 !important; transform: translateX(2px) !important; }
.sidebar-link-active {
  background: #111 !important;
  color: #fff !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.25) !important;
}
.sidebar-link-active:hover { transform: none !important; }
.sidebar-section { margin-top: .6rem !important; }
.sidebar-section-title {
  color: #999 !important;
  font-size: .66rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: .5rem .85rem .3rem !important;
}
.sidebar-nav { scrollbar-width: thin !important; }

/* ============================================================
   渠道状态: 全面优化 — 监控卡亮玻璃 + 大字状态 + 红绿黄长条
   ============================================================ */
/* 监控卡片 */
[class*="monitor-card"], [class*="MonitorCard"], [class*="monitor-card-grid"] {
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 1.1rem !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.07), inset 0 1px 0 #fff !important;
}
/* 渠道名 */
[class*="monitor"] h3, [class*="monitor"] [class*="font-semibold"] {
  font-size: .95rem !important;
  color: #111 !important;
  font-weight: 650 !important;
}
/* 状态徽标文字: 清晰 */
[class*="monitor"] [class*="badge"] { font-size: .75rem !important; font-weight: 600 !important; }
/* 可用率数字: 大 */
[class*="monitor"] [class*="text-2xl"], [class*="monitor"] [class*="text-xl"], [class*="monitor"] [class*="tabular-nums"] {
  font-size: 1.3rem !important;
  font-weight: 750 !important;
  color: #000 !important;
}
/* 工具栏: 白玻璃 */
[class*="monitor-toolbar"] {
  background: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,.05) !important;
}

/* ============================================================
   语义色精确恢复 (仅进度条/排行榜/状态点, 其余全灰)
   ============================================================ */
/* 渠道监控时间线: 红绿黄原色 (在 .sub2-water-bar 内) */
.sub2-water-bar > .bg-emerald-500,
.sub2-water-bar > .bg-green-500 { background-color: #10b981 !important; }
.sub2-water-bar > .bg-amber-500,
.sub2-water-bar > .bg-yellow-500 { background-color: #f59e0b !important; }
.sub2-water-bar > .bg-red-500,
.sub2-water-bar > .bg-rose-500 { background-color: #ef4444 !important; }
.sub2-water-bar > .bg-gray-300 { background-color: #e2e2e2 !important; }
/* 排行榜前三名: 橙黄重点 */
tr:nth-child(1) td { background: rgba(250,204,21,.10) !important; }
tr:nth-child(2) td { background: rgba(148,163,184,.12) !important; }
tr:nth-child(3) td { background: rgba(217,119,6,.10) !important; }
/* 订阅进度条 (红色≥90 橙≥70 绿正常) */
[class*="h-1.5 rounded-full transition-all"].bg-red-500 { background-color: #ef4444 !important; }
[class*="h-1.5 rounded-full transition-all"].bg-orange-500 { background-color: #f97316 !important; }
[class*="h-1.5 rounded-full transition-all"].bg-green-500 { background-color: #10b981 !important; }
[class*="h-1.5 rounded-full transition-all"].bg-emerald-500 { background-color: #10b981 !important; }
/* 状态圆点: 红绿 */
.bg-red-500 { background-color: #ef4444 !important; }
.bg-emerald-500 { background-color: #10b981 !important; }
.bg-green-500 { background-color: #10b981 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }

/* ---------- 表格/按钮/输入 (黑白) ---------- */
.table-container { border: 1px solid rgba(0,0,0,.06) !important; border-radius: .9rem !important; overflow: hidden !important; }
.table th { background: rgba(0,0,0,.02) !important; color: #666 !important; font-size: .72rem !important; text-transform: uppercase !important; letter-spacing: .05em !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; }
.table td { border-bottom: 1px solid rgba(0,0,0,.04) !important; }
.table tbody tr { transition: background .15s ease !important; }
.table tbody tr:hover { background: rgba(0,0,0,.03) !important; }
.tab { color: #666 !important; border-radius: .45rem !important; transition: all .15s ease !important; }
.tab:hover { color: #000 !important; background: rgba(0,0,0,.05) !important; }
.tab-active { background: #111 !important; color: #fff !important; }
.btn-primary { background: #111 !important; color: #fff !important; box-shadow: 0 2px 10px rgba(0,0,0,.18) !important; }
.btn-primary:hover { background: #000 !important; transform: translateY(-1px) !important; }
.btn-secondary { border: 1px solid #c9c9c9 !important; color: #222 !important; background: rgba(255,255,255,.8) !important; }
.btn-secondary:hover { border-color: #111 !important; background: #f6f6f6 !important; }
.input, input, textarea, select { border: 1px solid #d8d8d8 !important; border-radius: .6rem !important; background: #fff !important; color: #111 !important; transition: border-color .15s ease, box-shadow .15s ease !important; }
.input:focus, input:focus, textarea:focus, select:focus { border-color: #111 !important; box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important; outline: none !important; }
.dropdown-item:hover { background: rgba(0,0,0,.05) !important; }
.badge { border-radius: 999px !important; font-weight: 600 !important; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d4d4d4; border-radius: 4px; }

/* 手机端 */
@media (max-width: 640px) {
  body { font-size: 15px !important; }
  .text-xs { font-size: .74rem !important; }
  .text-sm { font-size: .82rem !important; }
  .card { border-radius: .9rem !important; }
  [class*="grid grid-cols-2 gap-4 lg:grid-cols-4"] > .card { padding: 1.1rem 1.2rem !important; min-height: 5rem !important; }
}

/* 深色模式 */
:is(.dark *) body { background: #101010 !important; }
:is(.dark *) .card, :is(.dark *) .modal-content, :is(.dark *) .dropdown {
  background: rgba(26,26,26,.8) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
:is(.dark *) .sidebar { background: rgba(22,22,22,.9) !important; border-right-color: rgba(255,255,255,.07) !important; }
:is(.dark *) .sidebar-link { color: #bbb !important; }
:is(.dark *) .sidebar-link:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
:is(.dark *) .sidebar-link-active { background: #fff !important; color: #111 !important; }
:is(.dark *) .table th { background: rgba(255,255,255,.04) !important; color: #aaa !important; }
:is(.dark *) .table td { border-color: rgba(255,255,255,.05) !important; }
:is(.dark *) .table tbody tr:hover { background: rgba(255,255,255,.04) !important; }
:is(.dark *) .input, :is(.dark *) input, :is(.dark *) textarea, :is(.dark *) select { background: rgba(28,28,28,.9) !important; border-color: #333 !important; color: #eee !important; }
:is(.dark *) [class*="grid-cols-2 gap-4"] .text-xl,
:is(.dark *) [class*="grid-cols-2 gap-4"] .text-2xl,
:is(.dark *) [class*="grid-cols-2 gap-4"] .text-3xl { color: #fff !important; }
:is(.dark *) .sub2-water-bar { background: #2a2a2a !important; }
:is(.dark *) .sub2-water-bar > .bg-gray-300 { background-color: #333 !important; }
:is(.dark *) tr:nth-child(1) td { background: rgba(250,204,21,.10) !important; }
:is(.dark *) tr:nth-child(2) td { background: rgba(148,163,184,.12) !important; }
:is(.dark *) tr:nth-child(3) td { background: rgba(217,119,6,.10) !important; }

/* ============================================================
   Part 3: 灵动效果 + 水波纹进度条 (v7)
   ============================================================ */
@keyframes sub2fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
#app { animation: sub2fade .4s cubic-bezier(.22,1,.36,1) !important; }
@keyframes sub2cardIn { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
.card { animation: sub2cardIn .45s cubic-bezier(.22,1,.36,1) both !important; }
.card:nth-child(2) { animation-delay: .05s !important; }
.card:nth-child(3) { animation-delay: .1s !important; }
.card:nth-child(4) { animation-delay: .15s !important; }
@keyframes sub2breathe { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.85); } }
[class*="dot"], [class*="pulse"] { animation: sub2breathe 2.2s ease-in-out infinite !important; }

/* 水灵灵长条进度条 */
.sub2-water-bar {
  gap: 1px !important; border-radius: 999px !important; overflow: hidden !important;
  position: relative !important; background: #e9e9e9 !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1) !important;
}
.sub2-water-bar > div { border-radius: 0 !important; min-width: 2px; transition: height .5s cubic-bezier(.22,1,.36,1), opacity .3s ease !important; }
.sub2-water-bar::before, .sub2-water-bar::after {
  content: "" !important; position: absolute !important; inset: 0 !important;
  border-radius: inherit !important; pointer-events: none !important;
  background: linear-gradient(100deg, transparent 25%, rgba(255,255,255,.55) 45%, rgba(255,255,255,.12) 55%, transparent 75%) !important;
  background-size: 260% 100% !important; animation: sub2flow 3.4s linear infinite !important;
  mix-blend-mode: screen !important;
}
.sub2-water-bar::after { animation-delay: 1.7s !important; opacity: .55 !important; }
@keyframes sub2flow { 0% { background-position: 240% 0; } 100% { background-position: -240% 0; } }
[role="progressbar"] { background-color: #e8e8e8 !important; }
[role="progressbar"] > div { background-image: linear-gradient(90deg, #3a3a3a, #111) !important; transition: width .45s cubic-bezier(.22,1,.36,1) !important; position: relative !important; overflow: hidden !important; }
[role="progressbar"] > div::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(100deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%) !important; background-size: 200% 100% !important; animation: sub2flow 2.2s linear infinite !important; }

/* ============================================================
   v8 修复: 绿影/绿圈/统计卡对齐/公告醒目
   ============================================================ */
/* 1. 侧边栏背后青色网格背景 → 纯白 */
.bg-mesh-gradient { background: #ffffff !important; }
[class*="bg-[linear-gradient(rgba(20,184,166"] { background: #ffffff !important; }
body .min-h-screen { background: #ffffff !important; }

/* 2. 头像/logo 青绿光晕 → 中性微影 */
.shadow-glow {
  --tw-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  --tw-shadow-colored: 0 2px 8px rgba(0,0,0,.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}
.hover\:shadow-primary-500\/10:hover { --tw-shadow-color: rgba(0,0,0,.1) !important; }
.dark\:shadow-primary-500\/20 { --tw-shadow-color: rgba(255,255,255,.12) !important; }

/* 3. 统计卡: 恢复原生横向布局 (图标最左, 文字在旁对齐) */
[class*="grid-cols-2 gap-4"] > .card {
  display: flex !important;
  align-items: center !important;
  padding: 1.1rem 1.3rem !important;
}
[class*="grid-cols-2 gap-4"] > .card > .flex.items-center,
[class*="grid-cols-2 gap-4"] > .card > [class*="flex items-center"] {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  gap: 1rem !important;
  flex: 1 1 auto !important;
}
/* 图标块: 固定在最左 */
[class*="grid-cols-2 gap-4"] .rounded-lg {
  background: #e8e8e8 !important;
  padding: .7rem !important;
  border-radius: .8rem !important;
  flex-shrink: 0 !important;
  order: 0 !important;
}
[class*="grid-cols-2 gap-4"] .rounded-lg svg { width: 1.3rem !important; height: 1.3rem !important; }
/* 文字列: 图标右侧, 左对齐 */
[class*="grid-cols-2 gap-4"] > .card > .flex > div:not(.rounded-lg),
[class*="grid-cols-2 gap-4"] > .card > [class*="flex items-center"] > div:not(.rounded-lg) {
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .1rem !important;
}
/* 数字: 大黑, 左对齐在文字列内 */
[class*="grid-cols-2 gap-4"] .text-xl,
[class*="grid-cols-2 gap-4"] .text-2xl,
[class*="grid-cols-2 gap-4"] .text-3xl {
  font-size: clamp(1.25rem, 2.6vw, 1.65rem) !important;
  font-weight: 760 !important;
  color: #000 !important;
  line-height: 1.15 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}
/* 标签/子文本: 图标右侧正常显示 */
[class*="grid-cols-2 gap-4"] .text-xs,
[class*="grid-cols-2 gap-4"] [class*="text-xs"] {
  font-size: clamp(.74rem, 1.4vw, .85rem) !important;
  color: #666 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
}
/* 涨跌子文本保留原色 */
[class*="grid-cols-2 gap-4"] .text-green-600 { color: #16a34a !important; }
/* 未读红点: 恢复红色 */
.animate-ping.bg-red-500, .bg-red-500.animate-ping { background-color: #ef4444 !important; }
[class*="bg-red-500"] { background-color: #ef4444 !important; }

/* ============================================================
   v9: 公告头部修复 + 方块字体 + 钱包样式 + 设置页 + 侧边栏
   ============================================================ */
/* 1. 公告头部: 整体深黑, 去掉半边蓝白(装饰光斑作祟) */
/* 公告弹窗主体纯白 */

/* 2. 方块字体 (方正感: 思源黑体/鸿蒙/苹方) */
body, html, .sidebar, .card, table, input, button, select, textarea, .table, h1, h2, h3, h4, p, span, a, div {
  font-family: "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
  letter-spacing: .01em !important;
}

/* 3. 充值页 → 钱包样式 */
/* 余额卡: 深色钱包卡, 大字余额 */
[class*="payment.rechargeAccount"], [class*="rechargeAccount"] { color: #111 !important; }
/* 钱包余额展示卡 */
.card:has([class*="currentBalance"]) {
  background: linear-gradient(135deg, #1a1a1a, #2c2c2c) !important;
  border: none !important;
  border-radius: 1.3rem !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
}
.card:has([class*="currentBalance"]) p,
.card:has([class*="currentBalance"]) span,
.card:has([class*="currentBalance"]) div { color: #fff !important; }
/* 快速金额按钮: 胶囊钱包风格 */
[class*="quickAmounts"] button, [class*="AmountInput"] button {
  border-radius: 999px !important;
  border: 1.5px solid #d8d8d8 !important;
  background: #fff !important;
  color: #111 !important;
  font-weight: 600 !important;
  transition: all .18s ease !important;
}
[class*="quickAmounts"] button:hover {
  background: #111 !important; color: #fff !important;
  border-color: #111 !important;
  transform: translateY(-1px) !important;
}
[class*="quickAmounts"] button[class*="active"], [class*="AmountInput"] button[class*="selected"] {
  background: #111 !important; color: #fff !important; border-color: #111 !important;
}

/* 4. 系统设置页: tab 导航优化 */
.settings-tabs {
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 1rem !important;
  padding: .35rem !important;
  gap: .2rem !important;
  flex-wrap: wrap !important;
}
.settings-tab {
  border-radius: .65rem !important;
  color: #555 !important;
  font-weight: 550 !important;
  white-space: nowrap !important;
  transition: all .15s ease !important;
}
.settings-tab:hover { background: #f2f2f2 !important; color: #000 !important; }
.settings-tab-active {
  background: #111 !important; color: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}
/* 设置表单容器适配手机 */
@media (max-width: 640px) {
  .settings-tabs { overflow-x: auto !important; flex-wrap: nowrap !important; -webkit-overflow-scrolling: touch !important; }
  [class*="settings-tab"] { flex-shrink: 0 !important; }
}

/* 5. 侧边栏折叠修复: 让 w-[72px] 生效, 不强制宽度 */
.sidebar-brand { white-space: nowrap !important; overflow: hidden !important; }
/* 深色模式切换按钮：保留原版 Sub2UI 控件 */
.sidebar .mt-auto button:first-child { display: flex !important; }

/* 6. 模型广场: 更醒目 */
[class*="plaza-"] h1, [class*="plaza-"] h2, [class*="plaza-title"] {
  font-weight: 800 !important; letter-spacing: -.02em !important; color: #111 !important;
}
[class*="plaza-description"] {
  border-radius: 1rem !important;
  background: #fff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.05) !important;
}
[class*="plaza-pricing-table"] { border-radius: 1rem !important; }
[class*="plaza-pricing-table"] th {
  background: #111 !important; color: #fff !important;
  font-weight: 650 !important;
}
[class*="plaza-pricing-table"] tr:hover { background: rgba(0,0,0,.03) !important; }

/* ============================================================
   v10: 恢复语义色(使用记录竖线条/状态徽标) + 侧边栏折叠修复
   ============================================================ */
/* 语义文字色恢复: 首字/耗时/状态 (绿=快/正常, 黄=中, 红=慢/错误) */
.text-green-600 { color: #16a34a !important; }
.text-green-500 { color: #22c55e !important; }
.text-green-400 { color: #4ade80 !important; }
.text-emerald-600 { color: #059669 !important; }
.text-emerald-500 { color: #10b981 !important; }
.text-emerald-400 { color: #34d399 !important; }
.text-amber-500 { color: #f59e0b !important; }
.text-amber-600 { color: #d97706 !important; }
.text-amber-400 { color: #fbbf24 !important; }
.text-yellow-500 { color: #eab308 !important; }
.text-yellow-600 { color: #ca8a04 !important; }
.text-red-500 { color: #ef4444 !important; }
.text-red-600 { color: #dc2626 !important; }
.text-rose-500 { color: #f43f5e !important; }
.text-orange-500 { color: #f97316 !important; }
.text-orange-600 { color: #ea580c !important; }

/* 语义背景/竖条恢复 */
.bg-green-500 { background-color: #22c55e !important; }
.bg-green-400 { background-color: #4ade80 !important; }
.bg-emerald-500 { background-color: #10b981 !important; }
.bg-emerald-400 { background-color: #34d399 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }
.bg-amber-400 { background-color: #fbbf24 !important; }
.bg-yellow-500 { background-color: #eab308 !important; }
.bg-red-500 { background-color: #ef4444 !important; }
.bg-red-400 { background-color: #f87171 !important; }
.bg-rose-500 { background-color: #f43f5e !important; }
.bg-orange-500 { background-color: #f97316 !important; }

/* 使用记录: latency 竖条/数值列 */
[class*="usage"] [class*="tabular-nums"],
[class*="usage-log"] [class*="tabular-nums"] { font-variant-numeric: tabular-nums !important; }

/* 侧边栏折叠: 恢复 Tailwind 宽度控制 (72px vs 256px) */
.sidebar { width: 16rem !important; transition: width .25s ease !important; }
.sidebar:has(.sidebar-header-collapsed) { width: 4.5rem !important; }
.sidebar-header-collapsed + * , .sidebar-label-collapsed { display: none !important; }

/* 深色模式按钮与折叠按钮均保留原版行为 */

/* ============================================================
   v11: 登录注册精简 + 首页官网化 + 钱包化
   ============================================================ */
/* ---------- 1. 登录/注册页: 极简黑白卡片, 去掉花哨 ---------- */
/* 登录卡容器 */
[class*="max-w-md transform rounded-xl"] {
  background: #ffffff !important;
  border: 1px solid #ececec !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.12) !important;
}
/* 登录标题区: 简洁 */
[class*="mb-6 text-center"] { margin-bottom: 1.5rem !important; }
/* 登录标题 */
[class*="text-2xl font-bold"] { color: #111 !important; font-weight: 750 !important; letter-spacing: -.02em !important; }
/* 副标题小字: 原色保留 */
[class*="mt-2 text-sm text-gray-500"] { color: #888 !important; }
/* OAuth 分隔线 */
[class*="h-px flex-1 bg-gray-200"] { background: #e5e5e5 !important; }
/* 登录按钮: 纯黑 */
[class*="btn-primary w-full"] { background: #111 !important; border-radius: .7rem !important; padding: .8rem !important; font-weight: 600 !important; }

/* ---------- 2. 首页官网化: 全新布局 ---------- */
/* 首页 Hero: 纯白背景 + 深黑标题 + 无渐变网格 */
[class*="bg-[size:64px_64px]"], [class*="bg-grid"], [class*="bg-\[linear-gradient"] {
  background: #ffffff !important;
}
/* 官网导航: 白底细边 */
/* 官网主标题: 特大黑字 */
[class*="text-4xl font-bold"] {
  color: #0a0a0a !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}
/* 官网副标题: 灰 */
[class*="text-lg text-gray-600"] { color: #666 !important; }
/* 官网特性卡: 白卡细边 */
[class*="group rounded-2xl border"] {
  background: #fff !important;
  border-color: #ececec !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.04) !important;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s !important;
}
[class*="group rounded-2xl border"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.08) !important;
}
/* 特性图标: 黑底白标 */
[class*="mb-4 flex h-12 w-12"] { background: #111 !important; box-shadow: 0 6px 16px rgba(0,0,0,.25) !important; }
[class*="mb-4 flex h-12 w-12"] svg { color: #fff !important; }
/* 官网 CTA 按钮 */
[class*="rounded-full bg-gradient"], [class*="bg-gradient-to-r from-primary"] {
  background: #111 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2) !important;
}
/* 官网页脚 */
footer { border-top: 1px solid #f0f0f0 !important; color: #999 !important; background: #fafafa !important; }

/* ---------- 3. 充值订阅 → 钱包化 ---------- */
/* 钱包总览: 深色渐变卡 */
[class*="card"]:has([class*="currentBalance"]),
[class*="card"]:has([class*="balance"]):has([class*="wallet"]) {
  background: linear-gradient(135deg, #141414 0%, #2a2a2a 100%) !important;
  border: none !important;
  border-radius: 1.4rem !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.28) !important;
}
[class*="card"]:has([class*="currentBalance"]) * { color: #fff !important; }
/* 钱包金额: 特大 */
[class*="currentBalance"] { font-size: 1.5rem !important; font-weight: 800 !important; }
/* 充值金额选择: 卡片式 */
[class*="quickAmounts"] [class*="rounded-lg border-2"] {
  border-radius: 1rem !important;
  border: 1.5px solid #ddd !important;
  background: #fff !important;
  color: #111 !important;
  font-weight: 650 !important;
  font-size: 1rem !important;
  transition: all .18s ease !important;
}
[class*="quickAmounts"] [class*="rounded-lg border-2"]:hover,
[class*="quickAmounts"] [class*="rounded-lg border-2"][class*="active"],
[class*="quickAmounts"] [class*="border-primary-500"] {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}
/* 支付方式图标: 圆角灰底 */
[class*="payment-method"], [class*="paymentType"] { border-radius: .9rem !important; }

/* ============================================================
   v12: 登录注册页全面改造 (外层 AuthLayout + 内层)
   ============================================================ */
/* AuthLayout 外层容器: 纯白背景 */
[class*="relative flex min-h-screen items-center justify-center overflow-hidden p-4"] {
  background: #ffffff !important;
}
/* 登录页背景渐变/光斑/网格 → 纯白 (仅作用在登录/注册外层, 不影响 Home 官网页)
   注意: from-gray-50 via-primary-50 也被 Home 完整版使用, 不能 display:none, 只改背景色 */
[class*="bg-gradient-to-br from-gray-50 via-primary-50/30 to-gray-100 dark:from-dark-950 dark:via-dark-900"] {
  background: #ffffff !important;
}
[class*="bg-gradient-to-br from-gray-50 via-primary-50/30 to-gray-100 dark:from-dark-950"] {
  background: #ffffff !important;
}
[class*="bg-primary-400/20 blur-3xl"],
[class*="bg-primary-500/15 blur-3xl"],
[class*="bg-primary-300/10 blur-3xl"] {
  opacity: 0 !important;
}
[class*="bg-[linear-gradient(rgba(20,184,166"] {
  opacity: 0 !important;
}
/* 登录标题区(logo+站点名+副标题) */
[class*="mb-8 text-center"] { margin-bottom: 1.25rem !important; }
/* logo 容器: 去青绿光晕 → 中性 */
[class*="mb-4 inline-flex h-16 w-16"] {
  box-shadow: 0 8px 24px rgba(0,0,0,.15) !important;
  border-radius: 1.1rem !important;
}
[class*="shadow-primary-500/30"] { --tw-shadow-color: rgba(0,0,0,.15) !important; }
/* 站点名: 纯黑大字 */
[class*="text-gradient"] {
  background: none !important;
  color: #0a0a0a !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}
/* 副标题: 灰 */
[class*="text-sm text-gray-500"] { color: #888 !important; }
/* 登录卡外层玻璃: 纯白 */
[class*="card-glass rounded-2xl p-8"] {
  background: #fff !important;
  border: 1px solid #ececec !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.1) !important;
}
/* 登录卡内层 */
[class*="max-w-md transform rounded-xl"] {
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.12) !important;
}
/* 登录标题 */
[class*="text-2xl font-bold"] { color: #111 !important; font-weight: 750 !important; }
/* 主按钮: 纯黑 */
[class*="btn-primary w-full"] { background: #111 !important; border-radius: .7rem !important; padding: .8rem !important; }
/* OAuth 分隔线 */
[class*="h-px flex-1 bg-gray-200"] { background: #e5e5e5 !important; }
/* 页脚版权: 浅灰 */
[class*="mt-8 text-center text-xs"] { color: #aaa !important; }

/* ============================================================
   v15: 兑换页余额绿色 + 渠道监控测试一致性
   ============================================================ */
/* 兑换页余额主数字 → 绿色 (原为白色, 用户在深蓝渐变卡上)
   保留深色卡片, 余额数字用亮绿色突出 */
[class*="from-primary-500 to-primary-600 px-6 py-8"] [class*="text-4xl"],
[class*="from-primary-500 to-primary-600"] [class*="mt-2 text-4xl"] {
  color: #4ade80 !important;
  font-weight: 800 !important;
}
/* 使用记录页 首字/耗时 竖条颜色与账号管理一致 */

/* ============================================================
   v16: 系统设置按钮/侧边栏/公告/水条 全面修复
   ============================================================ */
/* ---------- 1. 修复: 所有点击/激活按钮必须是纯黑, 绝不变绿 ---------- */
/* 压过 v10 的 .bg-green-500 等全局语义色(它们在设置/按钮上误用) */
.settings-tab-active,
[class*="settings-tab"][class*="active"],
button[class*="active"], button[selected],
[class*="tab-active"], [class*="active"] .bg-green-500,
.settings-tabs button[class*="active"] {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}
/* 通用: 任何按钮的激活/selected/active 基色, 强制黑(排除真正语义进度), 高优先级 */
button.bg-green-500, button.bg-emerald-500, button.bg-amber-500, button.bg-red-500,
[class*="btn"] .bg-green-500, [class*="btn"] .bg-emerald-500 {
  background: #111 !important;
}
/* 按钮点击即时黑 (按下瞬间) */
button:active, .btn:active, [role="button"]:active,
.settings-tab:active, button:hover:active {
  background: #111 !important;
  color: #fff !important;
  transform: translateY(0) scale(.98) !important;
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
/* 系统设置 tab: 悬停只微灰灰, 激活即黑, 无绿 */
.settings-tab:hover { background: #ececec !important; color: #000 !important; border-color: #111 !important; }

/* ---------- 2. 侧边栏折叠: 保留图标, 收起有实际意义 ---------- */
/* 折叠后: 只隐藏文字/标签, 图标保留占位并可点击 */
.sidebar:has(.sidebar-header-collapsed) { width: 4.5rem !important; }
.sidebar:has(.sidebar-header-collapsed) .sidebar-link { justify-content: center !important; padding: .7rem 0 !important; }
.sidebar:has(.sidebar-header-collapsed) .sidebar-link > span:not(svg):not([class*="icon"]) { display: none !important; }
.sidebar:has(.sidebar-header-collapsed) .sidebar-link svg { margin: 0 auto !important; display: block !important; }
.sidebar:has(.sidebar-header-collapsed) .sidebar-section-title { font-size: 0 !important; text-align: center !important; padding: 0 !important; }
.sidebar:has(.sidebar-header-collapsed) .sidebar-label,
.sidebar:has(.sidebar-header-collapsed) .sidebar-label-collapsed { display: none !important; }
/* 确保折叠按钮自身和品牌图标可见可点 */
.sidebar-header-collapsed { display: flex !important; align-items: center !important; justify-content: center !important; }
.sidebar-header-collapsed svg { display: block !important; margin: 0 auto !important; }
/* 折叠切换回弹丝滑 */
.sidebar, .sidebar-link { transition: width .28s cubic-bezier(.22,1,.36,1), padding .2s ease, background .18s ease !important; }

/* ---------- 3. 渠道监控 红黄绿条: 水流动效强化 (液体感) ---------- */
/* 液体波面: 双水波 + 滚动流光 (持续横向流动) */
.sub2-water-bar {
  gap: 2px !important;
  box-shadow: inset 0 -2px 6px rgba(0,0,0,.08), inset 0 1px 4px rgba(255,255,255,.6) !important;
  position: relative !important; overflow: hidden !important;
}
.sub2-water-bar > div {
  border-radius: 2px 2px 0 0 !important;
  box-shadow: inset 0 1px 3px rgba(255,255,255,.5) !important;
  transition: height .6s cubic-bezier(.22,1,.36,1) !important;
}
/* 滚动高光条纹: 多层斜条纹持续向左/右流动 (如水波光, 无缝不闪烁) */
.sub2-water-bar::before {
  content: "" !important; position: absolute !important; inset: 0 !important;
  left: -200% !important; right: -200% !important;
  background: repeating-linear-gradient(
    115deg,
    rgba(255,255,255,0) 0px, rgba(255,255,255,0) 16px,
    rgba(255,255,255,.55) 16px, rgba(255,255,255,.6) 22px,
    rgba(255,255,255,0) 22px, rgba(255,255,255,0) 40px
  ) !important;
  animation: sub2scrollX 1.2s linear infinite !important;
  mix-blend-mode: overlay !important;
  pointer-events: none !important;
}
/* 第二层反向微光, 增加水感 */
.sub2-water-bar::after {
  content: "" !important; position: absolute !important; inset: 0 !important;
  left: -100% !important; right: -100% !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 70%) !important;
  animation: sub2scrollX 1.8s linear infinite !important;
  mix-blend-mode: screen !important;
  pointer-events: none !important;
}
/* 用 translateX 平移, 循环起点=终点视觉一致, 绝不闪烁 */
@keyframes sub2scrollX {
  0% { transform: translateX(0); }
  100% { transform: translateX(25%); }
}
/* 额外: 每个格子自身微漾 (活水感) */
.sub2-water-bar > div::after {
  content: "" !important; position: absolute !important; left: 0; right: 0; top: 0; height: 40% !important;
  background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0)) !important;
  animation: sub2waveY 2s ease-in-out infinite !important;
  }
.sub2-water-bar > .bg-red-500, .sub2-water-bar > .bg-rose-500 { background: linear-gradient(180deg,#f87171,#dc2626) !important; }

/* ---------- 4. 公告: 高级醒目, 修复半黑半白, 立体侧边竖条 ---------- */
/* 公告头部: 纯粹深空黑, 内嵌光泽, 全白字, 无杂色光斑 */
/* 公告头部全部文字白, 含时间/徽标 */
/* 卡片内标题/时间/文字: 深黑, 去琥珀色 */
[class*="from-amber-50 to-white"] :is(h3,h4,p,span,time,div),
[class*="dark:from-amber-900/10"] :is(h3,h4,p,span,time,div) {
  color: #222 !important;
  text-shadow: none !important;
}
/* 卡片左侧小图标容器(amber-100 圆角块) → 黑白 */
[class*="rounded-lg bg-amber-100 p-1.5"],
[class*="bg-amber-100 p-1.5"] {
  background: #e9e9e9 !important;
  background-image: none !important;
}
[class*="bg-amber-100 p-1.5"] svg { color: #222 !important; }
/* 卡片标题区 flex */
[class*="mb-2 flex items-center justify-between"] { color: #222 !important; }
/* 卡片内黑色时间文字已由上面覆盖; 兜底 */
[class*="from-amber-50 to-white"] [class*="text-gray-500"] {
  color: #8a8a8a !important;
}

/* White UI performance mode: remove glassmorphism, blur and animated effects. */
*, *::before, *::after {
}

body, #app, main, .app, .page, .card, [class*="card"],
[role="dialog"], [role="menu"], [role="listbox"],
.modal, .modal-content, .dropdown, .popover, .sidebar,
header, nav, section, article, form, table, tr, td, th,
input, textarea, select, button, .btn, .input {
  background-image: none !important;
}

body, #app, main, .app, .page, .card, [class*="card"],
[role="dialog"], [role="menu"], [role="listbox"],
.modal, .modal-content, .dropdown, .popover, .sidebar,
header, nav, section, article, form, table, tr, td, th,
input, textarea, select, button, .btn, .input {
  background-color: #fff !important;
}

.card, [class*="card"], [role="dialog"], .modal-content, .dropdown, .popover,
.sidebar, header, nav, .btn, input, textarea, select {
  box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
}

.modal-overlay { background: rgba(0,0,0,.35) !important; }


/* 支付方式按钮恢复 Sub2 源码配色：支付宝蓝、微信绿；未选中保持源码白底灰边框。 */
button.sub2-alipay-method,
button[data-testid="payment-method-grid"] button[title*="支付宝"],
button[data-testid="payment-method-grid"] button[title*="Alipay" i] {
  border-color: #02A9F1 !important;
  background: #eff6ff !important;
  background-color: #eff6ff !important;
  color: #111 !important;
}
button.sub2-wechat-method,
button[data-testid="payment-method-grid"] button[title*="微信"],
button[data-testid="payment-method-grid"] button[title*="WeChat" i] {
  border-color: #09BB07 !important;
  background: #f0fdf4 !important;
  background-color: #f0fdf4 !important;
  color: #111 !important;
}
button.sub2-alipay-method:not(.sub2-payment-selected),
button.sub2-wechat-method:not(.sub2-payment-selected) {
  border-color: #d1d5db !important;
  background: #fff !important;
  background-color: #fff !important;
}
button.sub2-alipay-method:hover,
button.sub2-wechat-method:hover,
button[data-testid="payment-method-grid"] button[title*="支付宝"]:hover,
button[data-testid="payment-method-grid"] button[title*="微信"]:hover,
button[data-testid="payment-method-grid"] button[title*="Alipay" i]:hover,
button[data-testid="payment-method-grid"] button[title*="WeChat" i]:hover {
  filter: brightness(.98);
}

/* 确认支付按钮跟随已选支付方式，避免切换后被通用白色规则覆盖。 */
button.sub2-confirm-payment,
button.btn-stripe,
button.btn-airwallex,
button[data-testid*="pay" i],
button[data-test*="pay" i],
button[aria-label*="支付"],
button[title*="支付"] {
  background: #000 !important;
  background-color: #000 !important;
  color: #22c55e !important;
  border-color: #000 !important;
}
button.sub2-confirm-payment.sub2-confirm-alipay,
button.btn-alipay {
  background: #02A9F1 !important;
  background-color: #02A9F1 !important;
  color: #fff !important;
  border-color: #02A9F1 !important;
}
button.sub2-confirm-payment.sub2-confirm-wechat,
button.btn-wxpay {
  background: #09BB07 !important;
  background-color: #09BB07 !important;
  color: #fff !important;
  border-color: #09BB07 !important;
}
button.sub2-confirm-payment:hover,
button.btn-stripe:hover,
button.btn-airwallex:hover,
button[data-testid*="pay" i]:hover,
button[data-test*="pay" i]:hover,
button[aria-label*="支付"]:hover,
button[title*="支付"]:hover {
  filter: brightness(.92);
}
button.sub2-confirm-payment:disabled,
button.btn-stripe:disabled,
button.btn-airwallex:disabled,
button.btn-alipay:disabled,
button.btn-wxpay:disabled {
  opacity: .65 !important;
}

/* 支付按钮最终覆盖层：源码按钮类优先，禁止通用黑色规则覆盖支付宝/微信。 */
button.btn-alipay,
button.sub2-alipay-method {
  background: #02A9F1 !important;
  background-color: #02A9F1 !important;
  border-color: #02A9F1 !important;
  color: #fff !important;
}
button.btn-wxpay,
button.sub2-wechat-method {
  background: #09BB07 !important;
  background-color: #09BB07 !important;
  border-color: #09BB07 !important;
  color: #fff !important;
}
button.btn-alipay:hover,
button.sub2-alipay-method:hover,
button.btn-wxpay:hover,
button.sub2-wechat-method:hover {
  filter: brightness(.92);
}
button.btn-alipay:disabled,
button.btn-wxpay:disabled {
  opacity: .65 !important;
}

/* Sub2 源码支付样式：透明底/无色块，仅保留显示框和语义色。 */
button.sub2-alipay-method,
button.btn-alipay,
button.sub2-confirm-payment.sub2-confirm-alipay {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #02A9F1 !important;
  color: #02A9F1 !important;
  box-shadow: none !important;
}
button.sub2-wechat-method,
button.btn-wxpay,
button.sub2-confirm-payment.sub2-confirm-wechat {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #09BB07 !important;
  color: #09BB07 !important;
  box-shadow: none !important;
}
button.sub2-alipay-method:hover,
button.btn-alipay:hover,
button.sub2-confirm-payment.sub2-confirm-alipay:hover,
button.sub2-wechat-method:hover,
button.btn-wxpay:hover,
button.sub2-confirm-payment.sub2-confirm-wechat:hover {
  background: transparent !important;
  background-color: transparent !important;
  filter: none !important;
  opacity: .8;
}
button.sub2-alipay-method.sub2-payment-selected,
button.sub2-wechat-method.sub2-payment-selected {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 1px currentColor !important;
}

/* 最终支付确认覆盖：Sub2 源码为描边按钮，不使用黑色/彩色底板。 */
button.sub2-confirm-payment {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #111 !important;
  color: #111 !important;
  box-shadow: none !important;
}
button.sub2-confirm-payment.sub2-confirm-alipay {
  border-color: #02A9F1 !important;
  color: #02A9F1 !important;
}
button.sub2-confirm-payment.sub2-confirm-wechat {
  border-color: #09BB07 !important;
  color: #09BB07 !important;
}
button.sub2-confirm-payment:hover,
button.sub2-confirm-payment:focus,
button.sub2-confirm-payment:active {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* 支付方式选择区去除黑色底板：仅保留 Sub2 源码式显示框。 */
[data-testid="payment-method-grid"] button,
[data-testid="payment-method-grid"] button:hover,
[data-testid="payment-method-grid"] button:focus,
[data-testid="payment-method-grid"] button:active,
[data-testid="payment-method-grid"] button[aria-pressed="true"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button.sub2-alipay-method,
[data-testid="payment-method-grid"] button.sub2-alipay-method:hover,
[data-testid="payment-method-grid"] button.sub2-alipay-method:focus,
[data-testid="payment-method-grid"] button.sub2-alipay-method:active {
  border-color: #02A9F1 !important;
  color: #02A9F1 !important;
}
[data-testid="payment-method-grid"] button.sub2-wechat-method,
[data-testid="payment-method-grid"] button.sub2-wechat-method:hover,
[data-testid="payment-method-grid"] button.sub2-wechat-method:focus,
[data-testid="payment-method-grid"] button.sub2-wechat-method:active {
  border-color: #09BB07 !important;
  color: #09BB07 !important;
}

/* 支付方式最终细节：支付宝文字蓝色；选中时边框加粗。 */
[data-testid="payment-method-grid"] button.sub2-alipay-method {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #02A9F1 !important;
  color: #02A9F1 !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button.sub2-wechat-method {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #09BB07 !important;
  color: #09BB07 !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button.sub2-alipay-method.sub2-payment-selected,
[data-testid="payment-method-grid"] button.sub2-wechat-method.sub2-payment-selected {
  border-width: 2px !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button.sub2-alipay-method:not(.sub2-payment-selected),
[data-testid="payment-method-grid"] button.sub2-wechat-method:not(.sub2-payment-selected) {
  border-width: 1px !important;
}

/* 支付方式原版选择框：不改圆角、尺寸和布局，只按支付方式改边框颜色与选中粗细。 */
[data-testid="payment-method-grid"] button.sub2-alipay-method,
[data-testid="payment-method-grid"] button.sub2-alipay-method:hover,
[data-testid="payment-method-grid"] button.sub2-alipay-method:focus,
[data-testid="payment-method-grid"] button.sub2-alipay-method:active {
  background: transparent !important;
  background-color: transparent !important;
  border-style: solid !important;
  border-color: #02A9F1 !important;
  color: #02A9F1 !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button.sub2-wechat-method,
[data-testid="payment-method-grid"] button.sub2-wechat-method:hover,
[data-testid="payment-method-grid"] button.sub2-wechat-method:focus,
[data-testid="payment-method-grid"] button.sub2-wechat-method:active {
  background: transparent !important;
  background-color: transparent !important;
  border-style: solid !important;
  border-color: #09BB07 !important;
  color: #09BB07 !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button.sub2-alipay-method:not(.sub2-payment-selected),
[data-testid="payment-method-grid"] button.sub2-wechat-method:not(.sub2-payment-selected) {
  border-width: 1px !important;
}
[data-testid="payment-method-grid"] button.sub2-alipay-method.sub2-payment-selected,
[data-testid="payment-method-grid"] button.sub2-wechat-method.sub2-payment-selected {
  border-width: 2px !important;
}

/* 支付方式内部文字颜色同步按钮：覆盖源码内部 text-green/text-primary 等工具类。 */
[data-testid="payment-method-grid"] button.sub2-alipay-method,
[data-testid="payment-method-grid"] button.sub2-alipay-method *,
[data-testid="payment-method-grid"] button.sub2-alipay-method svg {
  color: #02A9F1 !important;
  -webkit-text-fill-color: #02A9F1 !important;
}
[data-testid="payment-method-grid"] button.sub2-wechat-method,
[data-testid="payment-method-grid"] button.sub2-wechat-method *,
[data-testid="payment-method-grid"] button.sub2-wechat-method svg {
  color: #09BB07 !important;
  -webkit-text-fill-color: #09BB07 !important;
}

/* 最终覆盖真实源码按钮：源码通过 title 与 border-[#...] 表示支付方式和选中状态。 */
[data-testid="payment-method-grid"] button[title*="支付宝"],
[data-testid="payment-method-grid"] button[title*="Alipay" i] {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #d1d5db !important;
  color: #02A9F1 !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button[title*="支付宝"] *,
[data-testid="payment-method-grid"] button[title*="支付宝"] svg,
[data-testid="payment-method-grid"] button[title*="Alipay" i] *,
[data-testid="payment-method-grid"] button[title*="Alipay" i] svg {
  color: #02A9F1 !important;
  -webkit-text-fill-color: #02A9F1 !important;
}
[data-testid="payment-method-grid"] button[title*="微信"],
[data-testid="payment-method-grid"] button[title*="WeChat" i],
[data-testid="payment-method-grid"] button[title*="Weixin" i] {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #d1d5db !important;
  color: #09BB07 !important;
  box-shadow: none !important;
}
[data-testid="payment-method-grid"] button[title*="微信"] *,
[data-testid="payment-method-grid"] button[title*="微信"] svg,
[data-testid="payment-method-grid"] button[title*="WeChat" i] *,
[data-testid="payment-method-grid"] button[title*="WeChat" i] svg,
[data-testid="payment-method-grid"] button[title*="Weixin" i] *,
[data-testid="payment-method-grid"] button[title*="Weixin" i] svg {
  color: #09BB07 !important;
  -webkit-text-fill-color: #09BB07 !important;
}
[data-testid="payment-method-grid"] button[title*="支付宝"][class*="border-[#02A9F1]"],
[data-testid="payment-method-grid"] button[title*="Alipay" i][class*="border-[#02A9F1]"],
[data-testid="payment-method-grid"] button[title*="微信"][class*="border-[#09BB07]"],
[data-testid="payment-method-grid"] button[title*="WeChat" i][class*="border-[#09BB07]"],
[data-testid="payment-method-grid"] button[title*="Weixin" i][class*="border-[#09BB07]"] {
  border-width: 2px !important;
}

/* Restore readable primary actions after white performance-mode override. */
.btn-primary,
button.btn-primary,
[data-test="create-key-submit"],
button[class*="bg-primary-600"] {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}
.btn-primary:hover,
button.btn-primary:hover,
[data-test="create-key-submit"]:hover,
button[class*="bg-primary-600"]:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}