/* ============================================================
   rw2 用户端 · 主题覆盖层（与 rw.xhs007.cn 前台排版统一）
   橙金主题 / 大字号 / 金线卡片 / 金色高光
   ============================================================ */
:root{
  --primary:#ff6a00;
  --primary-d:#c2410c;
  --primary-l:#fff1e6;
  --bg:#fdf6f0;
  --card:#ffffff;
  --text:#2b1a17;
  --text-2:#7d6b63;
  --text-3:#a8968c;
  --line:#f3e2d8;
  --line-2:#faf1e9;
  --shadow:0 2px 4px rgba(194,65,12,.04),0 10px 24px -12px rgba(194,65,12,.16);
  --shadow-l:0 12px 34px -12px rgba(194,65,12,.28);
  --grad:linear-gradient(135deg,#ff6a00,#ffb020);
  --grad-warm:linear-gradient(135deg,#ff6a00,#f0a500);
  --gold:#f0a500;--gold1:#f6c453;--gold2:#ffe9a8;
}

/* ---------- 全局字号放大（对齐 rw 的 16px 基准） ---------- */
body{font-size:16px;line-height:1.55;}
input,textarea,select,button{font-size:15px;}

/* ---------- 顶栏：橙金渐变（对齐 rw 的 topbar） ---------- */
.navbar{background:linear-gradient(135deg,#c2410c,#ff6a00 55%,#ff8f1f);border-bottom:none;
  box-shadow:0 6px 18px -8px rgba(194,65,12,.45);}
.navbar::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,rgba(246,196,83,0),#f6c453 20%,#ffe9a8 50%,#f6c453 80%,rgba(246,196,83,0));}
.navbar{position:sticky;}
.navbar .title{color:#fff;font-size:17px;font-weight:800;letter-spacing:.5px;
  text-shadow:0 1px 8px rgba(194,65,12,.5);}
.navbar .back{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.35);}
.navbar .act{color:#fff;font-weight:700;}
.navbar.trans{background:transparent;box-shadow:none;}
.navbar.trans::after{display:none;}
.navbar.trans .title{color:var(--text);text-shadow:none;}
.navbar.trans .back{background:var(--line-2);color:var(--text);border:none;}
.navbar.trans .act{color:var(--primary);}

/* ---------- 卡片：白→暖白渐变 + 金线描边 + 金色左条 ---------- */
.card{position:relative;overflow:hidden;border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#fffbf8 100%);
  border:1px solid rgba(246,196,83,.34);}
.card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#f6c453,#ff6a00);}
.card{padding-left:16px;}
.card.flat::before{display:none;}

/* ---------- 区块标题：金色竖条 ---------- */
.sec-title h3{font-size:17px;letter-spacing:.5px;color:#3a2420;}
.sec-title h3::before{content:'';display:inline-block;width:4px;height:16px;border-radius:2px;
  background:linear-gradient(180deg,#f6c453,#ff6a00);}

/* ---------- 按钮：红金渐变 + 金边高光 ---------- */
.btn{background:linear-gradient(135deg,#ff6a00 0%,#ffb020 100%);border-radius:10px;
  font-size:15px;font-weight:700;letter-spacing:.5px;
  box-shadow:0 6px 16px -6px rgba(255,106,0,.6),inset 0 1px 0 rgba(255,255,255,.28);}
.btn:active{transform:translateY(1px);box-shadow:0 3px 8px -4px rgba(255,106,0,.6);}
.btn.block{font-size:16px;}
.btn.ghost{background:linear-gradient(135deg,#fff2ee,#ffe8e2);color:var(--primary);
  border:1px solid rgba(255,106,0,.22);box-shadow:none;}
.btn.plain{background:#f7f1ee;color:#7a6a64;box-shadow:none;border:1px solid var(--line);}
.btn.line{background:#fffdfa;border:1px solid rgba(246,196,83,.55);color:#8a736c;box-shadow:none;}
.btn.warn{background:linear-gradient(135deg,#f0a500,#ffd166);color:#5a3200;
  box-shadow:0 6px 16px -6px rgba(240,165,0,.75),inset 0 1px 0 rgba(255,255,255,.5);}
.btn.sm{font-size:13px;}
.btn.xs{font-size:12px;}

/* ---------- 标签：金底描边（对齐 rw 的 tag） ---------- */
.tag{font-size:12.5px;padding:3px 9px;border-radius:6px;
  background:#fff6e3;color:#a86b00;border:1px solid rgba(240,165,0,.28);}
.tag.blue{background:#fff1e6;color:#e26a00;border-color:rgba(255,106,0,.25);}
.tag.orange{background:#fff6e3;color:#d97706;border-color:rgba(240,165,0,.35);}
.tag.gray{background:#f7f1ee;color:#8a736c;border-color:var(--line);}

/* ---------- Tab 胶囊：暖白底 + 金边 + 橙金渐变高亮 ---------- */
.tabs{background:linear-gradient(180deg,#fffdfb,#fff6f1);
  border:1px solid rgba(246,196,83,.45);border-radius:14px;
  box-shadow:0 4px 14px -10px rgba(194,65,12,.4);}
.tabs .t{border-radius:10px;font-weight:600;color:#8a736c;font-size:14.5px;}
.tabs .t.on{background:linear-gradient(135deg,#ff6a00,#ffb020);color:#fff8e6;
  box-shadow:0 6px 14px -6px rgba(255,106,0,.75),inset 0 1px 0 rgba(255,255,255,.3);}

/* ---------- 分类 chip：金边胶囊 ---------- */
.chip{background:#fffdfa;border:1px solid rgba(246,196,83,.55);color:#8a736c;
  border-radius:20px;font-size:13.5px;box-shadow:0 2px 6px -4px rgba(194,65,12,.3);}
.chip.on{background:linear-gradient(135deg,#ff6a00,#ffb020);color:#fff8e6;border-color:transparent;
  box-shadow:0 6px 14px -6px rgba(255,106,0,.7);}

/* ---------- 表单焦点光环：橙色 ---------- */
.input:focus{box-shadow:0 0 0 3px rgba(255,106,0,.12);}

/* ---------- 底部导航：毛玻璃 + 金线 + 金顶指示 ---------- */
.tabbar{background:rgba(255,253,251,.94);border-top:1px solid rgba(246,196,83,.6);
  box-shadow:0 -6px 20px -14px rgba(194,65,12,.22);}
.tabbar .tab{position:relative;color:#a08b84;font-size:12.5px;padding:5px 0;}
.tabbar .tab .ico{filter:grayscale(.35);}
.tabbar .tab.on{color:var(--primary);}
.tabbar .tab.on .ico{filter:none;}
.tabbar .tab.on::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:26px;height:3px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,#f6c453,#ff6a00);}
.tabbar .tab.mid .ico{background:linear-gradient(135deg,#ff6a00,#ffb020);
  box-shadow:0 8px 20px -6px rgba(255,106,0,.75),inset 0 1px 0 rgba(255,255,255,.3);}

/* ---------- 悬浮按钮 ---------- */
.fab{background:linear-gradient(135deg,#ff6a00,#ffb020);
  box-shadow:0 8px 24px rgba(255,106,0,.5),inset 0 1px 0 rgba(255,255,255,.3);}

/* ---------- 首页英雄区：深橙渐变 + 金色光斑 + 金线（对齐 rw home-hero） ---------- */
.hero{background:
  radial-gradient(120% 140% at 110% -20%, rgba(255,214,102,.55) 0%, rgba(255,214,102,0) 55%),
  radial-gradient(90% 120% at -10% 120%, rgba(255,180,120,.35) 0%, rgba(255,180,120,0) 60%),
  linear-gradient(135deg,#c2410c 0%,#ff6a00 48%,#ffb020 100%);
  box-shadow:0 8px 26px rgba(194,65,12,.34);}
.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;height:2px;border-radius:0;
  background:linear-gradient(90deg,rgba(246,196,83,0),#f6c453 20%,#ffe9a8 50%,#f6c453 80%,rgba(246,196,83,0));}
.hero h1{font-size:22px;letter-spacing:2px;text-shadow:0 1px 8px rgba(194,65,12,.5);}
.hero p{font-size:13.5px;}
.hero .balance .amt{background:linear-gradient(180deg,#fff6d8,#ffd166 55%,#f0a500);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  text-shadow:0 2px 12px rgba(255,200,80,.45);}
.hero-actions .ha{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);font-size:13.5px;}

/* ---------- 宫格入口：多彩渐变图标块（对齐 rw quick-item/qe） ---------- */
.quick{background:linear-gradient(180deg,#fff,#fffaf5);border:1px solid rgba(246,196,83,.4);
  border-radius:14px;}
.quick .qi{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;
  font-size:24px;color:#fff;background:linear-gradient(135deg,#ff9f43,#ff6a00);
  box-shadow:0 7px 15px -7px rgba(0,0,0,.45);font-style:normal;}
.quick .qt{font-size:13.5px;color:#5a463f;}
.grid .quick:nth-child(8n+2) .qi{background:linear-gradient(135deg,#34c759,#0a9f5a);}
.grid .quick:nth-child(8n+3) .qi{background:linear-gradient(135deg,#7c6bff,#5b46e5);}
.grid .quick:nth-child(8n+4) .qi{background:linear-gradient(135deg,#ffc247,#f0a500);}
.grid .quick:nth-child(8n+5) .qi{background:linear-gradient(135deg,#ff7a7a,#e6433f);}
.grid .quick:nth-child(8n+6) .qi{background:linear-gradient(135deg,#3ec8ff,#1a9bf0);}
.grid .quick:nth-child(8n+7) .qi{background:linear-gradient(135deg,#ff9ec4,#f45d9a);}
.grid .quick:nth-child(8n+8) .qi{background:linear-gradient(135deg,#ffc247,#ff9500);}

/* ---------- 任务卡：金线 + 金色左条 + 橙金金额 ---------- */
.taskcard{border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#fffbf8 100%);
  border:1px solid rgba(246,196,83,.34);}
.taskcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#f6c453,#ff6a00);}
.taskcard{padding-left:16px;}
.taskcard .tt{font-size:16px;}
.taskcard .desc{font-size:13.5px;}
.taskcard .reward .n{background:linear-gradient(135deg,#ff6a00,#f0a500);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  font-size:20px;letter-spacing:.5px;}
.price,.goods .pr{background:linear-gradient(135deg,#ff6a00,#f0a500);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.taskcard .bott{border-top:1px dashed var(--line);}
.badge-dot{background:linear-gradient(135deg,#ff6a00,#f0a500);}

/* ---------- 列表项 / 设置项：字号加大 ---------- */
.li .body .t{font-size:15px;}
.li .body .s{font-size:12.5px;}
.setli .lb{font-size:15.5px;}
.setli .vl{font-size:13.5px;}
.field label{font-size:14px;}

/* ---------- 钱包卡：橙金渐变 + 金光斑 ---------- */
.wallet-card{background:
  radial-gradient(120% 140% at 110% -20%, rgba(255,214,102,.5) 0%, rgba(255,214,102,0) 55%),
  linear-gradient(135deg,#c2410c 0%,#ff6a00 48%,#ffb020 100%);
  box-shadow:0 10px 30px rgba(194,65,12,.35);}
.wallet-card::after{background:rgba(255,255,255,.14);}
.wallet-card .amt{background:linear-gradient(180deg,#fff6d8,#ffd166 55%,#f0a500);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  text-shadow:0 2px 12px rgba(255,200,80,.45);}

/* ---------- 详情页头 / 轮播 ---------- */
.detail-hero{background:
  radial-gradient(120% 140% at 110% -20%, rgba(255,214,102,.5) 0%, rgba(255,214,102,0) 55%),
  linear-gradient(135deg,#c2410c 0%,#ff6a00 48%,#ffb020 100%);}
.detail-hero .tt{font-size:20px;}

/* ---------- 登录页：橙金渐变 ---------- */
.auth-page{background:linear-gradient(160deg,#c2410c 0%,#ff6a00 46%,#fdf6f0 46.2%);}
.auth-head h1{font-size:25px;letter-spacing:1px;}

/* ---------- 弹层字号 ---------- */
.sheet h3{font-size:17px;}
.dialog h3{font-size:17px;}
.dialog .msg{font-size:14.5px;}
.toast{font-size:14.5px;}

/* ---------- 空状态 / 数字员工 ---------- */
.empty .t{font-size:15px;}
.empcard .cube{box-shadow:0 6px 16px rgba(255,106,0,.35);}
.planchip.on{background:var(--primary-l);}
.planchip .p{color:#ff6a00;}

/* ---------- 消息中心：cool 蓝改金 ---------- */
.msgc-card.cool{background:linear-gradient(135deg,#fff9ea,#fff);border-color:rgba(240,165,0,.25);}
.msgc-ic.cool{background:rgba(240,165,0,.12);color:#d97706;}
.msgc-card .tx .t{font-size:15px;}
.gp-pick.on{background:#fff1e6;}
.gp-pick.on .ck{background:var(--primary);border-color:var(--primary);}

/* ---------- 骨架屏：暖色 ---------- */
.skel{background:linear-gradient(90deg,#f7efe8 25%,#fdf8f3 37%,#f7efe8 63%);
  background-size:400% 100%;}

/* ---------- 头像：金环 ---------- */
.avt{border:1.5px solid rgba(246,196,83,.9);box-shadow:0 2px 8px -3px rgba(240,165,0,.55);}

/* ============================================================
   补丁 v2：暖化 JS 内联旧蓝紫渐变（含数据库旧 banner 配色）
   ============================================================ */
.banner .b{background:linear-gradient(135deg,#ff6a00,#ffb020)!important;}
[style*="linear-gradient(135deg,#eef1fe"],[style*="linear-gradient(135deg,#f3eefe"]{background:linear-gradient(135deg,#fff8f0,#ffefe0)!important;}
[style*="linear-gradient(135deg,#7c5cf7"],[style*="linear-gradient(135deg,#4f6ef7"]{background:linear-gradient(135deg,#ff6a00,#ffb020)!important;}