/* ===== 农场主题包 v6（外挂）===== */
:root{--ftbar-bg:rgba(255,255,255,.86)}
body.ft-padded{padding-top:40px!important}
#ftThemeBar{position:fixed;top:0;left:4px;right:4px;transform:none;margin:0 auto;z-index:950;display:flex;gap:3px;align-items:center;padding:4px 6px;border-radius:0 0 14px 14px;background:var(--ftbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px rgba(15,23,42,.12);border:1px solid rgba(15,23,42,.06);border-top:none;font-size:12px;user-select:none;max-width:100%;min-width:0;width:auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#ftThemeBar::-webkit-scrollbar{display:none}
#ftThemeBar .ft-label{opacity:.55;margin:0 2px 0 4px;font-weight:600;white-space:nowrap}
#ftThemeBar button{border:none;cursor:pointer;padding:3px 9px;border-radius:999px;background:rgba(15,23,42,.05);color:inherit;font-size:12px;font-weight:500;white-space:nowrap;flex:none;transition:all .18s}
#ftThemeBar button:hover{background:rgba(15,23,42,.1)}
#ftThemeBar button.ft-on{color:#fff;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px rgba(16,185,129,.4)}
html.ft-dark #ftThemeBar button.ft-on{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
html.ft-dark #ftThemeBar{background:rgba(17,24,39,.9);border-color:rgba(255,255,255,.08);color:#e5e7eb}
html.ft-dark #ftThemeBar button{background:rgba(255,255,255,.08)}
html.ft-dark #ftThemeBar button:hover{background:rgba(255,255,255,.15)}

/* ===== ① 清新绿：干净白卡 + 绿色点缀 ===== */
html.ft-green body{background:linear-gradient(180deg,#e9f9f0 0%,#f3faf6 320px,#f6f8f7 100%)!important}
html.ft-green .ui-card,html.ft-green .liquid-user-card,html.ft-green .liquid-footer-panel{background:rgba(255,255,255,.94)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 4px 14px rgba(16,185,129,.1)!important}
html.ft-green .ui-subtle-panel{background:#f2fbf6!important;border:1px solid rgba(16,185,129,.18)!important}
html.ft-green .ui-card [class*="bg-gray-50"]{background:#f0faf4!important}

/* ===== ② 彩色分区：白卡 + 四色指标块 ===== */
html.ft-colorful body{background:linear-gradient(180deg,#f4f6fb 0%,#eef1f7 100%)!important}
html.ft-colorful .ui-card,html.ft-colorful .liquid-user-card,html.ft-colorful .liquid-footer-panel{background:rgba(255,255,255,.96)!important;border:1px solid #dfe5ee!important;box-shadow:0 4px 14px rgba(15,23,42,.07)!important}
html.ft-colorful .liquid-user-card{border:1.5px solid rgba(52,211,153,.55)!important;box-shadow:0 4px 16px rgba(16,185,129,.16)!important}
html.ft-colorful .liquid-footer-panel{border:1.5px solid rgba(56,189,248,.55)!important;box-shadow:0 4px 16px rgba(14,165,233,.16)!important}
html.ft-colorful .ui-subtle-panel{background:#f6f8fc!important;border:1px solid #e4e9f2!important}
html.ft-colorful .ui-card [class*="bg-gray-50"]{border:1px solid rgba(148,163,184,.3)!important}
html.ft-colorful .ui-card [class*="bg-gray-50"]:nth-child(4n+1){background:#e3f9ee!important;border-color:rgba(52,211,153,.5)!important}
html.ft-colorful .ui-card [class*="bg-gray-50"]:nth-child(4n+2){background:#e3f3ff!important;border-color:rgba(56,189,248,.5)!important}
html.ft-colorful .ui-card [class*="bg-gray-50"]:nth-child(4n+3){background:#fff6dc!important;border-color:rgba(251,191,36,.5)!important}
html.ft-colorful .ui-card [class*="bg-gray-50"]:nth-child(4n+4){background:#efe9ff!important;border-color:rgba(167,139,250,.5)!important}

/* ===== ③ 柔和渐变：背景渐变 + 卡片近白 ===== */
html.ft-soft body{background:linear-gradient(155deg,#e6f9f0 0%,#e2f1fd 45%,#fbe9f2 100%)!important;background-attachment:fixed}
html.ft-soft .ui-card,html.ft-soft .liquid-user-card,html.ft-soft .liquid-footer-panel{background:rgba(255,255,255,.93)!important;border:1px solid rgba(125,211,252,.65)!important;box-shadow:0 6px 18px rgba(56,189,248,.14)!important}
html.ft-soft .liquid-user-card{border-color:rgba(52,211,153,.55)!important;box-shadow:0 6px 18px rgba(16,185,129,.14)!important}
html.ft-soft .liquid-footer-panel{border-color:rgba(251,146,60,.5)!important;box-shadow:0 6px 18px rgba(249,115,22,.12)!important}
html.ft-soft .ui-subtle-panel{background:rgba(255,255,255,.8)!important;border:1px solid rgba(147,197,253,.4)!important}
html.ft-soft .ui-card [class*="bg-gray-50"]:nth-child(4n+1){background:#eefaf3!important}
html.ft-soft .ui-card [class*="bg-gray-50"]:nth-child(4n+2){background:#eaf4fe!important}
html.ft-soft .ui-card [class*="bg-gray-50"]:nth-child(4n+3){background:#fdeff0!important}
html.ft-soft .ui-card [class*="bg-gray-50"]:nth-child(4n+4){background:#fdf6e3!important}

/* ===== ④ 暗色主题 ===== */
html.ft-dark{--theme-text:#e2e8f0;--app-bg:#0b1020;--liquid-glass-bg:rgba(15,23,42,.68);--liquid-glass-bg-hover:rgba(30,41,59,.78);--liquid-glass-border:rgba(255,255,255,.16);--liquid-glass-border-subtle:rgba(255,255,255,.09);--ftbar-bg:rgba(17,24,39,.9)}
html.ft-dark body{background:linear-gradient(180deg,#0f172a,#0b1020 420px,#090d1a 100%)!important;color:#e2e8f0;background-attachment:fixed}
html.ft-dark .ui-card,html.ft-dark .liquid-user-card,html.ft-dark .liquid-footer-panel{background:rgba(17,24,39,.92)!important;border:1px solid rgba(52,211,153,.3)!important;box-shadow:0 4px 18px rgba(0,0,0,.5)!important;color:#e2e8f0}
html.ft-dark .ui-subtle-panel{background:rgba(15,23,42,.85)!important;border:1px solid rgba(255,255,255,.12)!important}
html.ft-dark .ui-card [class*="bg-gray-50"]{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important}
/* 文字全面提亮 */
html.ft-dark h1,html.ft-dark h2,html.ft-dark h3,html.ft-dark h4,html.ft-dark b,html.ft-dark strong,html.ft-dark label,html.ft-dark th{color:#f1f5f9!important}
html.ft-dark [class*="text-gray-9"],html.ft-dark [class*="text-gray-8"],html.ft-dark [class*="text-gray-7"]{color:#e2e8f0!important}
html.ft-dark [class*="text-gray-6"],html.ft-dark [class*="text-gray-5"]{color:#b6c0cc!important}
html.ft-dark [class*="text-gray-4"],html.ft-dark [class*="text-gray-3"]{color:#94a3b8!important}
html.ft-dark [class*="text-slate-9"],html.ft-dark [class*="text-slate-8"],html.ft-dark [class*="text-slate-7"]{color:#e2e8f0!important}
html.ft-dark [class*="text-slate-6"],html.ft-dark [class*="text-slate-5"]{color:#a8b3c1!important}
html.ft-dark button{color:#e2e8f0}
html.ft-dark input,html.ft-dark textarea,html.ft-dark select{color:#f1f5f9!important;background-color:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important}
html.ft-dark input::placeholder,html.ft-dark textarea::placeholder{color:#8b95a3!important}
html.ft-dark [class*="border-gray-1"],html.ft-dark [class*="border-gray-2"]{border-color:rgba(255,255,255,.15)!important}
html.ft-dark [class*="bg-gray-5"],html.ft-dark [class*="bg-gray-1"]{background:rgba(255,255,255,.08)!important}

/* ===== v7 修复点击被挡：主题条容器不拦截点击，仅按钮可点 ===== */
#ftThemeBar{pointer-events:none}
#ftThemeBar button{pointer-events:auto}

/* ===== v8 暗色：彩色按钮/徽章适配 ===== */
html.ft-dark [class*="bg-sky-1"],html.ft-dark [class*="bg-blue-1"],html.ft-dark [class*="bg-cyan-1"]{background:rgba(14,165,233,.3)!important}
html.ft-dark [class*="bg-green-1"],html.ft-dark [class*="bg-emerald-1"],html.ft-dark [class*="bg-lime-1"],html.ft-dark [class*="bg-teal-1"]{background:rgba(16,185,129,.3)!important}
html.ft-dark [class*="bg-amber-1"],html.ft-dark [class*="bg-orange-1"],html.ft-dark [class*="bg-yellow-1"]{background:rgba(245,158,11,.32)!important}
html.ft-dark [class*="bg-rose-1"],html.ft-dark [class*="bg-red-1"],html.ft-dark [class*="bg-pink-1"]{background:rgba(244,63,94,.3)!important}
html.ft-dark [class*="bg-violet-1"],html.ft-dark [class*="bg-purple-1"]{background:rgba(139,92,246,.3)!important}
html.ft-dark [class*="text-sky-7"],html.ft-dark [class*="text-sky-8"],html.ft-dark [class*="text-blue-7"],html.ft-dark [class*="text-blue-8"],html.ft-dark [class*="text-cyan-7"]{color:#7dd3fc!important}
html.ft-dark [class*="text-green-7"],html.ft-dark [class*="text-green-8"],html.ft-dark [class*="text-emerald-7"],html.ft-dark [class*="text-emerald-8"],html.ft-dark [class*="text-emerald-6"],html.ft-dark [class*="text-lime-7"]{color:#6ee7b7!important}
html.ft-dark [class*="text-amber-7"],html.ft-dark [class*="text-amber-8"],html.ft-dark [class*="text-orange-7"],html.ft-dark [class*="text-yellow-7"],html.ft-dark [class*="text-yellow-8"]{color:#fcd34d!important}
html.ft-dark [class*="text-rose-7"],html.ft-dark [class*="text-red-7"],html.ft-dark [class*="text-red-8"],html.ft-dark [class*="text-pink-7"]{color:#fda4af!important}
html.ft-dark [class*="text-violet-7"],html.ft-dark [class*="text-purple-7"]{color:#c4b5fd!important}
html.ft-dark [class*="text-emerald-9"],html.ft-dark [class*="text-green-9"]{color:#a7f3d0!important}

/* ===== v9 覆盖好友页/账号页的卡片（liquid-card、bg-white） ===== */
html.ft-green .liquid-card,html.ft-green .bg-white{background:rgba(255,255,255,.94)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 4px 14px rgba(16,185,129,.1)!important}
html.ft-green .bg-gray-100{background:#eef9f3!important}
html.ft-colorful .liquid-card,html.ft-colorful .bg-white{background:rgba(255,255,255,.96)!important;border:1px solid #dfe5ee!important;box-shadow:0 4px 14px rgba(15,23,42,.07)!important}
html.ft-colorful .bg-gray-100{background:#f1f4f9!important}
html.ft-soft .liquid-card,html.ft-soft .bg-white{background:rgba(255,255,255,.93)!important;border:1px solid rgba(125,211,252,.65)!important;box-shadow:0 6px 18px rgba(56,189,248,.14)!important}
html.ft-soft .bg-gray-100{background:rgba(255,255,255,.85)!important}
html.ft-dark .liquid-card,html.ft-dark .bg-white{background:rgba(17,24,39,.92)!important;border:1px solid rgba(52,211,153,.3)!important;box-shadow:0 4px 18px rgba(0,0,0,.5)!important;color:#e2e8f0}
html.ft-dark .bg-gray-100{background:rgba(255,255,255,.08)!important}

/* ===== v10 去掉农场背景图（仅自定义主题，默认主题保留） ===== */
html.ft-green .app-root,html.ft-colorful .app-root,html.ft-soft .app-root,html.ft-dark .app-root{background-image:none!important}
html.ft-green .layout-root,html.ft-colorful .layout-root,html.ft-soft .layout-root,html.ft-dark .layout-root{background-image:none!important}

/* ===== v12 新增主题 ===== */
/* ⑤ 樱花粉 */
html.ft-pink body{background:linear-gradient(180deg,#fdeaf2 0%,#fdf4f7 320px,#faf6f8 100%)!important}
html.ft-pink .ui-card,html.ft-pink .liquid-user-card,html.ft-pink .liquid-footer-panel,html.ft-pink .liquid-card,html.ft-pink .bg-white{background:rgba(255,255,255,.94)!important;border:1px solid rgba(244,114,182,.35)!important;box-shadow:0 4px 14px rgba(236,72,153,.12)!important}
html.ft-pink .ui-subtle-panel{background:#fdf1f6!important;border:1px solid rgba(244,114,182,.2)!important}
html.ft-pink .ui-card [class*="bg-gray-50"]{background:#fdf0f6!important}
/* ⑥ 深海蓝 */
html.ft-blue body{background:linear-gradient(180deg,#e7f1fd 0%,#f0f6fd 320px,#f4f7fa 100%)!important}
html.ft-blue .ui-card,html.ft-blue .liquid-user-card,html.ft-blue .liquid-footer-panel,html.ft-blue .liquid-card,html.ft-blue .bg-white{background:rgba(255,255,255,.94)!important;border:1px solid rgba(59,130,246,.35)!important;box-shadow:0 4px 14px rgba(37,99,235,.12)!important}
html.ft-blue .ui-subtle-panel{background:#eff6fe!important;border:1px solid rgba(59,130,246,.2)!important}
html.ft-blue .ui-card [class*="bg-gray-50"]{background:#edf5fe!important}
/* ⑦ 落日橙 */
html.ft-orange body{background:linear-gradient(180deg,#fff1e2 0%,#fdf6ee 320px,#faf7f2 100%)!important}
html.ft-orange .ui-card,html.ft-orange .liquid-user-card,html.ft-orange .liquid-footer-panel,html.ft-orange .liquid-card,html.ft-orange .bg-white{background:rgba(255,255,255,.94)!important;border:1px solid rgba(249,115,22,.35)!important;box-shadow:0 4px 14px rgba(234,88,12,.12)!important}
html.ft-orange .ui-subtle-panel{background:#fdf4ea!important;border:1px solid rgba(249,115,22,.2)!important}
html.ft-orange .ui-card [class*="bg-gray-50"]{background:#fdf2e7!important}
/* ⑧ 葡萄紫 */
html.ft-purple body{background:linear-gradient(180deg,#f1ecfb 0%,#f7f4fc 320px,#f8f7fa 100%)!important}
html.ft-purple .ui-card,html.ft-purple .liquid-user-card,html.ft-purple .liquid-footer-panel,html.ft-purple .liquid-card,html.ft-purple .bg-white{background:rgba(255,255,255,.94)!important;border:1px solid rgba(139,92,246,.35)!important;box-shadow:0 4px 14px rgba(124,58,237,.12)!important}
html.ft-purple .ui-subtle-panel{background:#f5f1fc!important;border:1px solid rgba(139,92,246,.2)!important}
html.ft-purple .ui-card [class*="bg-gray-50"]{background:#f4effc!important}

/* ===== v13 背景图去除对所有自定义主题生效 ===== */
html[class*="ft-"] .layout-root,html[class*="ft-"] .app-root{background-image:none!important}

/* ===== v14 选中按钮跟随主题色 ===== */
html.ft-green #ftThemeBar button.ft-on{background:linear-gradient(135deg,#34d399,#10b981)}
html.ft-colorful #ftThemeBar button.ft-on{background:linear-gradient(135deg,#38bdf8,#6366f1)}
html.ft-soft #ftThemeBar button.ft-on{background:linear-gradient(135deg,#f472b6,#38bdf8)}
html.ft-pink #ftThemeBar button.ft-on{background:linear-gradient(135deg,#f9a8d4,#ec4899)}
html.ft-blue #ftThemeBar button.ft-on{background:linear-gradient(135deg,#60a5fa,#2563eb)}
html.ft-orange #ftThemeBar button.ft-on{background:linear-gradient(135deg,#fdba74,#ea580c)}
html.ft-purple #ftThemeBar button.ft-on{background:linear-gradient(135deg,#c4b5fd,#7c3aed)}

/* ===== v15 底部导航美化 ===== */
html.ft-green{--theme-gradient:linear-gradient(135deg,#34d399 0%,#059669 100%);--theme-primary:#059669}
html.ft-colorful{--theme-gradient:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%);--theme-primary:#4f6ef7}
html.ft-soft{--theme-gradient:linear-gradient(135deg,#f472b6 0%,#38bdf8 100%);--theme-primary:#db2777}
html.ft-pink{--theme-gradient:linear-gradient(135deg,#f9a8d4 0%,#ec4899 100%);--theme-primary:#db2777}
html.ft-blue{--theme-gradient:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);--theme-primary:#2563eb}
html.ft-orange{--theme-gradient:linear-gradient(135deg,#fdba74 0%,#ea580c 100%);--theme-primary:#ea580c}
html.ft-purple{--theme-gradient:linear-gradient(135deg,#c4b5fd 0%,#7c3aed 100%);--theme-primary:#7c3aed}
html.ft-dark{--theme-primary:#34d399}
.tab-item{gap:2px!important}
.tab-item .tab-icon{width:40px;height:40px;border-radius:15px;transition:all .25s cubic-bezier(.4,0,.2,1)}
.tab-item .tab-icon>span{font-size:22px!important;transition:color .2s}
.tab-item-active .tab-icon{background:var(--theme-gradient,var(--theme-primary,#3b82f6));box-shadow:0 8px 18px -6px rgba(37,99,235,.55);transform:translateY(-3px)}
.tab-item-active .tab-icon>span{color:#fff!important}
.tab-item-active .tab-label{font-weight:700;color:var(--theme-primary,#3b82f6)!important}
html.ft-dark .tab-item-active .tab-label{color:#6ee7b7!important}
html.ft-dark .tab-item-active .tab-icon{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 8px 18px -6px rgba(16,185,129,.5)}
html.ft-dark .tab-item{color:#9ca3af}

/* ===== v16 我的页功能图标上色 ===== */
span:has(>[class*="i-carbon-sprout"]),.nav-icon-box:has([class*="i-carbon-sprout"]){background:rgba(16,185,129,.14)!important;color:#059669!important}
span:has(>[class*="i-carbon-shopping-cart"]),.nav-icon-box:has([class*="i-carbon-shopping-cart"]){background:rgba(245,158,11,.14)!important;color:#d97706!important}
span:has(>[class*="i-carbon-catalog"]),span:has(>[class*="i-carbon-book"]),.nav-icon-box:has([class*="i-carbon-book"]){background:rgba(59,130,246,.14)!important;color:#2563eb!important}
span:has(>[class*="i-carbon-ranking"]),span:has(>[class*="i-carbon-chart-bar"]),.nav-icon-box:has([class*="i-carbon-ranking"]){background:rgba(236,72,153,.14)!important;color:#db2777!important}
span:has(>[class*="i-carbon-analytics"]),.nav-icon-box:has([class*="i-carbon-analytics"]){background:rgba(14,165,233,.14)!important;color:#0284c7!important}
span:has(>[class*="i-carbon-settings-adjust"]),.nav-icon-box:has([class*="i-carbon-settings-adjust"]){background:rgba(139,92,246,.15)!important;color:#7c3aed!important}
span:has(>[class*="i-carbon-password"]){color:#4f46e5!important;opacity:1!important}
html.ft-dark span:has(>[class*="i-carbon-sprout"]){background:rgba(16,185,129,.25)!important;color:#6ee7b7!important}
html.ft-dark span:has(>[class*="i-carbon-shopping-cart"]){background:rgba(245,158,11,.25)!important;color:#fcd34d!important}
html.ft-dark span:has(>[class*="i-carbon-analytics"]){background:rgba(14,165,233,.25)!important;color:#7dd3fc!important}
html.ft-dark span:has(>[class*="i-carbon-settings-adjust"]){background:rgba(139,92,246,.28)!important;color:#c4b5fd!important}

/* ===== v17 本站排行图标上色 ===== */
span:has(>span[style*="rank.svg"]){background:rgba(236,72,153,.14)!important;color:#db2777!important}
html.ft-dark span:has(>span[style*="rank.svg"]){background:rgba(236,72,153,.25)!important;color:#f9a8d4!important}

/* ===== v18 农场机器人按钮样式 ===== */
span:has(>[class*="i-carbon-bot"]){background:rgba(20,184,166,.15)!important;color:#0d9488!important}
html.ft-dark span:has(>[class*="i-carbon-bot"]){background:rgba(20,184,166,.28)!important;color:#5eead4!important}
#ftBotModal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s}
#ftBotModal.ft-show{opacity:1;pointer-events:auto}
.ft-bot-card{position:relative;background:#fff;border-radius:20px;padding:22px 22px 18px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.3);max-width:82vw;transform:translateY(8px);transition:transform .2s}
#ftBotModal.ft-show .ft-bot-card{transform:translateY(0)}
.ft-bot-card img{width:200px;height:200px;border-radius:12px;display:block;margin:0 auto}
.ft-bot-card p{margin:12px 0 14px;font-size:13px;color:#475569;font-weight:500}
.ft-bot-go{display:inline-block;padding:8px 34px;border-radius:999px;background:linear-gradient(135deg,#34d399,#059669);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 6px 16px -6px rgba(16,185,129,.6)}
.ft-bot-close{position:absolute;top:6px;right:12px;border:none;background:none;font-size:22px;color:#94a3b8;cursor:pointer;line-height:1}
html.ft-dark .ft-bot-card{background:#1e293b}
html.ft-dark .ft-bot-card p{color:#cbd5e1}