/* 天策AI 商城前台主题 v2（浅色卡片风，参考 shop.xiaocaoai.vip）2026-10-23
   只覆盖变量与少量硬编码样式；删除本文件的 <link> 即可回到旧版黑金主题。 */
html body .vault-scope{
  --bg:#f3f6f5; --bg-warm:#eaf0ee; --surface:#ffffff; --surface-2:#f6f9f8;
  --ink:#16221e; --ink-2:#3b4b45; --ink-3:#6b7a74;
  --border:rgba(22,34,30,.09); --border-strong:rgba(22,34,30,.16);
  --red:#0f7a55; --red-strong:#0b6a49; --red-soft:rgba(15,122,85,.10);
  --gold:#c98a14; --gold-strong:#a86f0a; --gold-soft:rgba(201,138,20,.12);
  --teal:#0f9d6b; --teal-strong:#0c8a5d; --teal-soft:rgba(15,157,107,.12);
  --on-red:#fff; --on-gold:#fff; --on-teal:#fff;
  --success:#0f9d6b; --warning:#b06b00; --danger:#c9342f;
  --shadow-sm:0 6px 18px -12px rgba(22,34,30,.25); --shadow:0 14px 34px -20px rgba(22,34,30,.28); --shadow-lg:0 24px 54px -26px rgba(22,34,30,.32);
  --ring:0 0 0 4px rgba(15,122,85,.18);
  --background:#f3f6f5; --foreground:#16221e; --muted-foreground:#6b7a74; --card:#ffffff;
  background:radial-gradient(circle at 80% -10%,rgba(15,122,85,.10),transparent 36rem),radial-gradient(circle at 10% 0%,rgba(201,138,20,.08),transparent 28rem),linear-gradient(180deg,#f3f6f5,#eef3f1 60%,#f3f6f5);
  color:var(--ink); color-scheme:light;
}
html body .vault-scope .gold-text{background:linear-gradient(92deg,#0f7a55,#13a06f 60%,#0f7a55);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#0f7a55}
html body .vault-scope .gold-button{background:linear-gradient(135deg,#16a06f,#0f7a55);color:#fff;box-shadow:0 12px 26px -14px rgba(15,122,85,.7)}
html body .vault-scope .gold-button:hover{filter:brightness(1.06)}
html body .vault-scope .black-gold-panel{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}

/* 顶栏/页脚 */
html body .vault-scope header.sticky{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(22,34,30,.04)}
html body .vault-scope header nav a{color:var(--ink-2)}
html body .vault-scope header nav a:hover{color:var(--red)}
html body .vault-scope header nav a[class*="amber"]{color:#5a3a00!important}
html body .vault-scope header button,html body .vault-scope header .rounded-full[class*="h-10"]{color:var(--ink-2)}
html body .vault-scope footer{background:#fff!important;border-top:1px solid var(--border)}

/* 邀请横幅（保留原内容，改成绿金渐变卡片） */
html body .vault-scope main section.border-b{background:transparent!important;border:0!important}
html body .vault-scope main section.border-b > div{padding-top:18px;padding-bottom:6px}
html body .vault-scope main section.border-b > div > div{background:linear-gradient(115deg,#0f7a55 0%,#12915f 52%,#c98a14 130%)!important;border:0!important;border-radius:20px;box-shadow:var(--shadow-lg)}
html body .vault-scope main section.border-b p,html body .vault-scope main section.border-b strong,html body .vault-scope main section.border-b span{color:#fff!important}
html body .vault-scope main section.border-b .text-muted-foreground,html body .vault-scope main section.border-b p.text-sm{color:rgba(255,255,255,.82)!important}
html body .vault-scope main section.border-b .gold-text{background:none;-webkit-text-fill-color:#fff;color:#fff}
html body .vault-scope main section.border-b a.gold-button{background:#fff;color:#0f7a55!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.35)}
html body .vault-scope main section.border-b a:not(.gold-button){border:1px solid rgba(255,255,255,.6)!important;color:#fff!important;background:rgba(255,255,255,.10)}

/* 首屏：合伙人中心 */
html body .vault-scope .account-main,html body .vault-scope .account-services{background:#fff!important;border:1px solid var(--border)!important;border-radius:20px;box-shadow:var(--shadow)}
html body .vault-scope .account-hero h1{color:var(--ink)}
html body .vault-scope .account-progress{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:14px}
html body .vault-scope .progress-track{background:#dfe8e4!important}
html body .vault-scope .progress-track>span{background:linear-gradient(90deg,#0f7a55,#e0b13c)!important}
html body .vault-scope .contact-entry{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:14px}
html body .vault-scope .contact-entry:after{display:none}
html body .vault-scope .contact-entry:hover{border-color:var(--red)!important;box-shadow:var(--shadow-sm)}
html body .vault-scope .contact-entry strong,html body .vault-scope .service-row strong{color:var(--ink)!important}
html body .vault-scope .contact-icon,html body .vault-scope .entry-arrow,html body .vault-scope .service-row>svg{color:var(--red)!important;filter:none}
html body .vault-scope .service-icon{background:var(--red-soft)!important;border-color:transparent!important;color:var(--red)!important}
html body .vault-scope .author-link{background:var(--red-soft);color:var(--red)!important;border-color:transparent}
html body .vault-scope .hero-art{background:linear-gradient(135deg,#0c2a22,#0f4a37);}
html body .vault-scope .progress-heading a,html body .vault-scope .progress-heading strong span{color:var(--red)!important}

/* 商品中心：4 列卡片，彩色横幅 + 圆形图标 */
html body .vault-scope main section h2{color:var(--ink)}
html body .vault-scope main section a.inline-flex[class*="gold-strong"]{color:var(--red)!important}
html body .vault-scope main .grid.lg\:grid-cols-3{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){html body .vault-scope main .grid.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){html body .vault-scope main .grid.lg\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){html body .vault-scope main .grid.lg\:grid-cols-3{grid-template-columns:1fr}}
html body .vault-scope main a.group{background:#fff!important;border:1px solid var(--border)!important;border-radius:18px;padding:12px 12px 18px;min-height:0;align-items:stretch;text-align:left;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
html body .vault-scope main a.group:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(15,122,85,.35)!important}
html body .vault-scope main a.group > span:first-child{width:100%;height:136px;border-radius:14px;border:0;box-shadow:none;background:linear-gradient(135deg,#0f9d6b,#0b6a49);overflow:hidden;position:relative}
html body .vault-scope main a.group > span:first-child img{width:104px;height:104px;border-radius:50%;opacity:1;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.55)}
html body .vault-scope main a.group:nth-child(8n+1) > span:first-child{background:linear-gradient(135deg,#12a37a,#0b6a49)}
html body .vault-scope main a.group:nth-child(8n+2) > span:first-child{background:linear-gradient(135deg,#475569,#1e293b)}
html body .vault-scope main a.group:nth-child(8n+3) > span:first-child{background:linear-gradient(135deg,#2563eb,#1e3a8a)}
html body .vault-scope main a.group:nth-child(8n+4) > span:first-child{background:linear-gradient(135deg,#8b5cf6,#5b21b6)}
html body .vault-scope main a.group:nth-child(8n+5) > span:first-child{background:linear-gradient(135deg,#0ea5a4,#115e59)}
html body .vault-scope main a.group:nth-child(8n+6) > span:first-child{background:linear-gradient(135deg,#d97706,#92400e)}
html body .vault-scope main a.group:nth-child(8n+7) > span:first-child{background:linear-gradient(135deg,#f97316,#c2410c)}
html body .vault-scope main a.group:nth-child(8n) > span:first-child{background:linear-gradient(135deg,#0f172a,#334155)}
html body .vault-scope main a.group > div:nth-of-type(1){margin-top:14px;padding:0 4px}
html body .vault-scope main a.group h3{font-size:17px;line-height:1.35;color:var(--ink);min-height:46px}
html body .vault-scope main a.group h3 + span{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--ink-3)!important;font-size:12px;padding:3px 10px}
html body .vault-scope main a.group > div:nth-of-type(2){margin-top:12px;padding:0 4px}
html body .vault-scope main a.group > div:nth-of-type(2) > div:first-child{font-size:26px;line-height:1.1;text-align:left}
html body .vault-scope main a.group > div:nth-of-type(2) .justify-center{justify-content:flex-start}
html body .vault-scope main a.group > div:nth-of-type(2) .text-sm{color:var(--gold-strong)!important}
html body .vault-scope main a.group button.gold-button{max-width:none;width:100%;margin-top:16px;border-radius:12px;min-height:42px}

/* 最新动态 */
html body .vault-scope main section a.block.bg-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:16px;box-shadow:var(--shadow-sm)}

/* 公共卡片/弹窗等硬编码黑色背景兜底 */
html body .vault-scope [class*="bg-black/"]{background-color:rgba(255,255,255,.92)}
html body .vault-scope [class*="hover:bg-white/"]:hover{background-color:rgba(15,122,85,.06)}

/* 三步邀请 + 合伙人等级（由 tiance-home-v2.js 注入） */
.tc-invite{max-width:1360px;margin:8px auto 0;padding:0 24px}
.tc-invite h2{font-size:24px;font-weight:800;margin:26px 0 14px;color:var(--ink,#16221e)}
.tc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tc-step{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid rgba(22,34,30,.09);border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px -12px rgba(22,34,30,.25)}
.tc-step b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#16a06f,#0f7a55);color:#fff;font-size:15px}
.tc-step strong{display:block;font-size:16px;color:#16221e}.tc-step small{display:block;margin-top:3px;color:#6b7a74;font-size:12.5px}
.tc-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tc-tier{background:#fff;border:1px solid rgba(22,34,30,.09);border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px -12px rgba(22,34,30,.25)}
.tc-tier em{font-style:normal;font-size:11px;font-weight:700;color:#0f7a55;background:rgba(15,122,85,.10);padding:2px 9px;border-radius:999px}
.tc-tier strong{display:block;margin:10px 0 4px;font-size:17px;color:#16221e}.tc-tier small{display:block;color:#6b7a74;font-size:12.5px;line-height:1.5}
.tc-tier i{display:block;height:6px;border-radius:99px;background:#e1ebe7;margin-top:12px;overflow:hidden}.tc-tier i span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0f7a55,#e0b13c)}
@media (max-width:900px){.tc-steps{grid-template-columns:1fr}.tc-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-invite{padding:0 16px}}

/* —— 修正：按钮文字、标题字重、最新动态对齐 —— */
html body .vault-scope .gold-button,html body .vault-scope .gold-button *{color:#fff!important}
html body .vault-scope main section.border-b a.gold-button,html body .vault-scope main section.border-b a.gold-button *{color:#0f7a55!important}
html body .vault-scope main section.border-b a:not(.gold-button),html body .vault-scope main section.border-b a:not(.gold-button) *{color:#fff!important}
html body .vault-scope main section h2{font-weight:800!important}
html body .vault-scope main a.group h3{font-weight:800}
html body .vault-scope main section.max-w-\[1180px\]{max-width:1360px;padding-left:24px;padding-right:24px}
html body .vault-scope main a.group > div:nth-of-type(1){display:flex;flex-direction:column;gap:8px}
html body .vault-scope main a.group h3{min-height:0}

/* 手机端顶栏：菜单不换行，可横向滑动 */
html body .vault-scope header nav{overflow-x:auto;scrollbar-width:none}
html body .vault-scope header nav::-webkit-scrollbar{display:none}
html body .vault-scope header nav a{white-space:nowrap;flex:none}

/* ================= 个人工作台（推广赚钱 / 经营总览 / 订单 / 账户）浅色化 ================= */
html body .personal-workspace{background:#f3f6f5!important;color:#16221e}
html body .workspace-sidebar{background:#fff!important;border-right:1px solid rgba(22,34,30,.09)!important;scrollbar-color:#cfdad5 transparent}
html body .workspace-brand{color:#16221e!important}
html body .workspace-brand span,html body .workspace-user small{color:#6b7a74!important}
html body .workspace-sidebar .group-label{color:#6b7a74!important}
html body .workspace-sidebar nav a,html body .workspace-sidebar summary{color:#3b4b45!important;border-radius:12px}
html body .workspace-sidebar nav a:hover,html body .workspace-sidebar summary:hover{background:#eef4f1!important;color:#0f7a55!important}
html body .workspace-sidebar nav a.selected{background:rgba(15,122,85,.12)!important;color:#0f7a55!important;font-weight:700}
html body .workspace-sidebar details{border-top-color:rgba(22,34,30,.09)!important}
html body .workspace-user{border-top-color:rgba(22,34,30,.09)!important;color:#3b4b45!important}
html body .workspace-user>span{background:rgba(15,122,85,.12)!important;color:#0f7a55!important}
html body .workspace-mobile{color:#16221e!important}
html body .workspace-heading p,html body .workspace-heading span{color:#6b7a74!important}
html body .workspace-heading h1,html body .workspace-content h1,html body .workspace-content h2,html body .workspace-content h3{color:#16221e}
html body .workspace-content .bg-card,html body .personal-workspace .bg-card{background:#fff!important;border-color:rgba(22,34,30,.09)!important;box-shadow:0 6px 18px -12px rgba(22,34,30,.22)}
html body .personal-workspace .rounded-lg,html body .personal-workspace .rounded-xl{border-radius:16px}
html body .personal-workspace [class*="bg-black/"],html body .personal-workspace [class*="bg-white/["]{background-color:#f6f9f8!important}
html body .personal-workspace input,html body .personal-workspace select,html body .personal-workspace textarea{background:#fff!important;color:#16221e!important;border-color:rgba(22,34,30,.16)!important}
html body .personal-workspace table,html body .personal-workspace th,html body .personal-workspace td{color:#16221e;border-color:rgba(22,34,30,.09)!important}
html body .personal-workspace thead,html body .personal-workspace th{background:#f2f6f4!important}
html body .personal-workspace tbody tr:hover{background:#f6faf8!important}
html body .personal-workspace .text-muted-foreground{color:#6b7a74!important}
html body .personal-workspace .text-foreground{color:#16221e!important}
html body .personal-workspace button:not(.gold-button):not([class*="bg-"]){color:#16221e}

/* —— 合伙人“黑金外壳”(.affiliate-gold-shell) 浅色化：全站订单/团队/提现审核/售后工单等 —— */
html body .personal-workspace .affiliate-gold-shell{--partner-bg:#f3f6f5;--partner-panel:#fff;--partner-panel-soft:#f6f9f8;--partner-line:rgba(22,34,30,.10);--partner-line-strong:rgba(15,122,85,.35);--partner-gold:#0f7a55;--partner-gold-soft:#0b6a49;--partner-green:#0f7a55;color:#16221e!important;background:transparent!important;box-shadow:none!important;border-radius:16px}
html body .personal-workspace .affiliate-gold-shell:before{display:none!important}
html body .personal-workspace .affiliate-gold-shell .bg-card,html body .personal-workspace .affiliate-gold-shell [class*="bg-background/"]{background-color:#fff!important}
html body .personal-workspace .affiliate-gold-shell .rounded-2xl,html body .personal-workspace .affiliate-gold-shell .rounded-xl,html body .personal-workspace .affiliate-gold-shell .shadow-sm{box-shadow:0 6px 18px -12px rgba(22,34,30,.22)!important}
html body .personal-workspace .affiliate-gold-shell .text-foreground,html body .personal-workspace .affiliate-gold-shell h2,html body .personal-workspace .affiliate-gold-shell h3,html body .personal-workspace .affiliate-gold-shell h4,html body .personal-workspace .affiliate-gold-shell strong{color:#16221e!important}
html body .personal-workspace .affiliate-gold-shell .text-muted-foreground,html body .personal-workspace .affiliate-gold-shell td,html body .personal-workspace .affiliate-gold-shell p,html body .personal-workspace .affiliate-gold-shell small,html body .personal-workspace .affiliate-gold-shell label{color:#4a5a54!important}
html body .personal-workspace .affiliate-gold-shell .text-primary,html body .personal-workspace .affiliate-gold-shell [class*="text-amber"]{color:#a86f0a!important}
html body .personal-workspace .affiliate-gold-shell [class*="text-emerald"]{color:#0f7a55!important}
html body .personal-workspace .affiliate-gold-shell .bg-primary,html body .personal-workspace .affiliate-gold-shell [class*="bg-primary/"]{background:rgba(15,122,85,.10)!important}
html body .personal-workspace .affiliate-gold-shell .text-primary-foreground{color:#fff!important}
html body .personal-workspace .affiliate-gold-shell .bg-gradient-to-br{background:linear-gradient(135deg,#ffffff,#eef6f2)!important}
html body .personal-workspace .affiliate-gold-shell input,html body .personal-workspace .affiliate-gold-shell textarea,html body .personal-workspace .affiliate-gold-shell [role=combobox]{background:#fff!important;color:#16221e!important;border-color:rgba(22,34,30,.16)!important;box-shadow:none!important}
html body .personal-workspace .affiliate-gold-shell input::placeholder,html body .personal-workspace .affiliate-gold-shell textarea::placeholder{color:#8a9791!important}
html body .personal-workspace .affiliate-gold-shell button[class*="bg-primary"],html body .personal-workspace .affiliate-gold-shell button:not([class*="outline"]):not([class*="ghost"]):not([class*="secondary"]):not([role="combobox"]):not([role="tab"]){background:linear-gradient(135deg,#16a06f,#0f7a55)!important;border-color:transparent!important;color:#fff!important;font-weight:700;box-shadow:0 10px 22px -14px rgba(15,122,85,.7)!important}
html body .personal-workspace .affiliate-gold-shell button[class*="outline"],html body .personal-workspace .affiliate-gold-shell a[class*="border"]{background:#fff!important;border-color:rgba(22,34,30,.16)!important;color:#16221e!important}
html body .personal-workspace .affiliate-gold-shell thead tr,html body .personal-workspace .affiliate-gold-shell .bg-muted\/50{background:#f2f6f4!important}
html body .personal-workspace .affiliate-gold-shell tbody tr{background:transparent!important}
html body .personal-workspace .affiliate-gold-shell tbody tr:hover{background:#f6faf8!important}
html body .personal-workspace .affiliate-gold-shell .rounded-full:not(button):not(a),html body .personal-workspace .affiliate-gold-shell [data-slot=badge]{background:rgba(15,122,85,.10)!important;border-color:transparent!important;color:#0f7a55!important}
html body .personal-workspace .affiliate-gold-shell [class*="bg-amber-50"],html body .personal-workspace .affiliate-gold-shell [class*="bg-blue-50"],html body .personal-workspace .affiliate-gold-shell .bg-sky-50,html body .personal-workspace .affiliate-gold-shell [class*="bg-violet-50"],html body .personal-workspace .affiliate-gold-shell [class*="bg-emerald-50"]{background:#f1f7f4!important;color:#16221e!important}
html body .personal-workspace .affiliate-gold-shell svg{filter:none!important}
/* 同名类冲突兜底：金额数字 .gold 是文字不是按钮 */
html body .personal-workspace strong.gold,html body .personal-workspace span.gold,html body .personal-workspace .metrics .gold{background:none!important;border:0!important;padding:0!important;color:#a86f0a!important;-webkit-text-fill-color:#a86f0a!important}

/* 文字继承色兜底：原工作台容器把文字设成浅色，白底上看不见 */
html body .personal-workspace,html body .personal-workspace .workspace-content{color:#16221e!important}
html body .personal-workspace .bg-card,html body .personal-workspace [class*="bg-card"]{color:#16221e}
html body .personal-workspace .text-muted-foreground{color:#6b7a74!important}

/* ================= 商品卡片：横幅式设计（由 tiance-home-v2.js 生成） ================= */
html body .vault-scope main a.group > span:first-child img{display:none!important}
.tc-banner{position:absolute;inset:0;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;text-align:left}
.tc-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.26),transparent 46%),linear-gradient(160deg,rgba(255,255,255,.10),transparent 55%)}
.tc-banner .tc-wm{position:absolute;right:-6px;bottom:-14px;font-style:normal;font-weight:900;font-size:92px;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.17);white-space:nowrap;font-family:var(--font-head,system-ui),sans-serif;pointer-events:none}
.tc-banner small{position:relative;font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.85}
.tc-banner b{position:relative;font-size:21px;line-height:1.2;font-weight:800;margin-top:3px;text-shadow:0 2px 10px rgba(0,0,0,.18)}
html body .vault-scope main a.group > span:first-child{height:140px!important}
html body .vault-scope main a.group > span:first-child[data-tc]{background:none!important}
/* 手机：一行 2 个，紧凑 */
@media (max-width:640px){
  html body .vault-scope main .grid.lg\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  html body .vault-scope main section.mx-auto{padding-left:12px!important;padding-right:12px!important}
  html body .vault-scope main a.group{padding:8px 8px 12px;border-radius:14px}
  html body .vault-scope main a.group > span:first-child{height:92px!important;border-radius:10px}
  .tc-banner{padding:10px 11px}
  .tc-banner .tc-wm{font-size:54px;right:-4px;bottom:-8px}
  .tc-banner small{font-size:10px}.tc-banner b{font-size:14px}
  html body .vault-scope main a.group > div:nth-of-type(1){margin-top:9px;padding:0 2px;gap:5px}
  html body .vault-scope main a.group h3{font-size:13.5px;line-height:1.3}
  html body .vault-scope main a.group h3 + span{font-size:10.5px;padding:2px 7px}
  html body .vault-scope main a.group > div:nth-of-type(2){margin-top:8px;padding:0 2px}
  html body .vault-scope main a.group > div:nth-of-type(2) > div:first-child{font-size:19px}
  html body .vault-scope main a.group > div:nth-of-type(2) .text-sm{font-size:11px}
  html body .vault-scope main a.group button.gold-button{margin-top:10px;min-height:34px;font-size:13px;border-radius:10px}
  .tc-invite{padding:0 12px}
}

/* 商品列表页等处写死的深色渐变底（Tailwind 任意值）统一浅色化 */
html body .vault-scope main [class*="bg-[linear-gradient"]:not(.border-b):not(.gold-button):not(.tc-banner),
html body .vault-scope main [class*="bg-[radial-gradient"]:not(.border-b){background-image:linear-gradient(135deg,#f1f8f4,#fcf7e8)!important;border-color:rgba(22,34,30,.10)!important}
html body .vault-scope main [class*="bg-[linear-gradient"] h2,html body .vault-scope main [class*="bg-[linear-gradient"] h3{color:#16221e}
html body .vault-scope main [class*="bg-[linear-gradient"] .text-muted-foreground,html body .vault-scope main [class*="bg-[linear-gradient"] p{color:#4a5a54}