/* 比价喵 · 3C 配件导购 · 设计系统 v2 —— 活力饱满版
   升级要点：渐变品牌蓝 / 喵黄强调 / 彩色金刚区 / 柔影大圆角卡片 / 渐变图表 / 微动效
   布局骨架（table 布局）与类名不变，纯视觉层升级 */
:root{
  --pri:#2b6cff; --pri-d:#0a58e8; --pri2:#6c9bff; --pri-l:#eef3ff; --pri-b:#d6e4ff;
  --gold:#ffb400; --gold-l:#fff7e0; --gold-b:#ffe3a1;
  --bg:#eef2f9; --card:#fff; --line:#eef0f5; --line2:#f2f4f8;
  --t1:#1d2129; --t2:#4e5969; --t3:#86909c; --t4:#a9aeb8;
  --red:#ff4d4f; --red-l:#fff2f0; --red-b:#ffd6d6;
  --green:#00b578; --orange:#ff7d00; --gold2:#b8860b;
  --sh-s:0 2px 10px rgba(29,33,41,.05); --sh-m:0 4px 18px rgba(31,56,135,.08);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
  background:#e8edf6;color:var(--t1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;
  padding-bottom:78px;overflow-x:hidden}

/* ---------- 顶栏（渐变品牌蓝 + 圆角下沿） ---------- */
.topbar{background:linear-gradient(155deg,#4d8bff 0%,#2b6cff 45%,#0a58e8 100%);
  color:#fff;padding:13px 14px 15px;position:sticky;top:0;z-index:20;
  border-radius:0 0 20px 20px;box-shadow:0 6px 20px rgba(20,80,220,.22)}
.topbar.plain{background:#fff;color:var(--t1);border-bottom:1px solid var(--line);padding:10px 14px;
  border-radius:0;box-shadow:0 2px 8px rgba(29,33,41,.04)}
.tb-row{display:table;width:100%;table-layout:fixed}
.tb-back{display:table-cell;width:34px;vertical-align:middle;font-size:22px;cursor:pointer;line-height:1;
  color:var(--t2)}
.tb-mid{display:table-cell;vertical-align:middle}
.tb-right{display:table-cell;width:44px;vertical-align:middle;text-align:right}
.tb-title{font-size:16px;font-weight:600}
.tb-sub{font-size:11px;color:#bcd4ff;margin-top:1px}
.topbar.plain .tb-sub{color:var(--t3)}
.brand{font-size:18px;font-weight:600;letter-spacing:.5px}
.brand .logo{display:inline-block;width:22px;height:22px;vertical-align:-4px;margin-right:6px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.brand .logo svg{width:22px;height:22px;display:block}
.brand .sl{font-size:10px;font-weight:400;color:#cfe0ff;margin-left:6px;letter-spacing:0}

/* 搜索（悬浮白卡） */
.search{margin-top:11px;background:#fff;border-radius:22px;padding:0 5px 0 13px;display:table;width:100%;
  box-shadow:0 4px 14px rgba(10,45,150,.16)}
.search .si{display:table-cell;vertical-align:middle;width:16px;color:var(--pri)}
.search input{display:table-cell;border:0;outline:0;height:38px;font-size:14px;width:100%;
  background:transparent;color:var(--t1);padding-left:6px}
.search .sb{display:table-cell;width:64px;vertical-align:middle;text-align:center}
.search .sb i{display:block;background:linear-gradient(135deg,#ffb400,#ff8a00);color:#fff;border-radius:17px;
  padding:6px 0;font-size:12px;font-style:normal;font-weight:500;
  box-shadow:0 3px 8px rgba(255,150,0,.35)}

/* 热搜词（顶栏下） */
.hots{margin-top:10px;font-size:11px;white-space:nowrap;overflow:hidden}
.hots span{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
  color:#fff;border-radius:13px;padding:3.5px 11px;margin-right:7px;cursor:pointer;vertical-align:middle;
  transition:background .15s}
.hots span:active{background:rgba(255,255,255,.32)}
.hots span.hl{background:none;border:0;padding:0;margin-right:5px;color:#ffe9b8;font-weight:500}

/* 首页公告条（单行轻量） */
.nbar{display:table;width:100%;background:linear-gradient(135deg,#eef4ff,#e4eeff);border-radius:12px;
  padding:9px 12px;box-shadow:var(--sh-s);margin:2px 0 12px;cursor:pointer}
.nbar .nb-i{display:table-cell;width:22px;font-size:13px;vertical-align:middle}
.nbar .nb-t{display:table-cell;vertical-align:middle;font-size:11.5px;color:#3a5bbf;font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nbar .nb-a{display:table-cell;width:14px;color:#9db8e8;vertical-align:middle;text-align:right;font-size:13px}

/* ---------- 通用 ---------- */
.page{padding:12px 12px 0}
.card{background:var(--card);border-radius:15px;padding:14px;margin-bottom:11px;
  border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh-m);animation:cardIn .28s ease-out both}
@keyframes cardIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.card.tight{padding:0;overflow:hidden}
.sec{display:table;width:100%;margin:18px 6px 10px}
.sec .h{display:table-cell;font-size:15px;font-weight:600;letter-spacing:.2px}
.sec .h:before{content:"";display:inline-block;width:4px;height:14px;border-radius:2px;
  background:linear-gradient(180deg,#4d8bff,#0a58e8);margin-right:7px;vertical-align:-1px}
.sec .h em{font-style:normal;font-size:11px;color:var(--t3);font-weight:400;margin-left:6px}
.sec .m{display:table-cell;text-align:right;font-size:11px;color:var(--pri);vertical-align:middle;font-weight:500}
.btn{display:inline-block;background:linear-gradient(135deg,#3d85ff,#0a58e8);color:#fff;border-radius:17px;
  padding:6px 14px;font-size:12px;text-align:center;border:0;cursor:pointer;white-space:nowrap;font-weight:500;
  box-shadow:0 3px 9px rgba(26,90,230,.28);transition:transform .12s}
.btn:active{transform:scale(.94)}
.btn.ghost{background:#fff;color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri-b)}
.btn.gray{background:#f2f4f8;color:var(--t2);box-shadow:none}
.btn.red{background:linear-gradient(135deg,#ff6b5e,#ff3b3b);box-shadow:0 3px 9px rgba(255,70,70,.3)}
.btn.lg{border-radius:12px;padding:11px 0;font-size:14px;display:block;width:100%}
.btn.sm{padding:4px 11px;font-size:11px;border-radius:13px}
.tag{display:inline-block;font-size:10px;color:var(--pri);background:var(--pri-l);border:1px solid var(--pri-b);
  border-radius:6px;padding:1px 6px;margin-right:4px}
.tag.red{color:var(--red);background:var(--red-l);border-color:var(--red-b)}
.tag.gray{color:var(--t3);background:#f6f8fb;border-color:var(--line)}
.tag.gold{color:#a06b00;background:var(--gold-l);border-color:var(--gold-b)}
.muted{color:var(--t3);font-size:11px;line-height:1.6}
.hr{height:1px;background:var(--line2);margin:12px 0}
.row{display:table;width:100%;table-layout:fixed}
.row>div{display:table-cell;vertical-align:middle}

/* ---------- 金刚区（八品类彩色渐变） ---------- */
.cat-grid{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 12px}
.cat-grid .cr{display:table-row}
.cat-grid .cc{display:table-cell;width:25%;text-align:center;vertical-align:top;cursor:pointer;
  transition:transform .12s}
.cat-grid .cc:active{transform:scale(.92)}
.cat-i{width:58px;height:58px;margin:0 auto;border-radius:18px;text-align:center;line-height:58px;
  box-shadow:0 5px 14px rgba(31,56,135,.18),inset 0 1.5px 0 rgba(255,255,255,.35)}
.cat-i svg{width:46px;height:46px;vertical-align:middle;display:inline-block}
.cc:nth-child(8n+1) .cat-i{background:linear-gradient(145deg,#5b95ff,#0a58e8)}
.cc:nth-child(8n+2) .cat-i{background:linear-gradient(145deg,#ffb35e,#f26b1f)}
.cc:nth-child(8n+3) .cat-i{background:linear-gradient(145deg,#34d29b,#00a870)}
.cc:nth-child(8n+4) .cat-i{background:linear-gradient(145deg,#ff7b8a,#ff3b52)}
.cc:nth-child(8n+5) .cat-i{background:linear-gradient(145deg,#9d7bff,#6236d8)}
.cc:nth-child(8n+6) .cat-i{background:linear-gradient(145deg,#4dc7e8,#0e9fc4)}
.cc:nth-child(8n+7) .cat-i{background:linear-gradient(145deg,#ffd45e,#ff9800)}
.cc:nth-child(8n+8) .cat-i{background:linear-gradient(145deg,#ff8ac2,#f0489a)}
.cat-n{font-size:11.5px;margin-top:7px;color:var(--t2);font-weight:500}

/* 平台品牌徽标（价格来源） */
.ptag{display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:2.5px 6px;
  border-radius:6px;margin-right:5px;vertical-align:1px;letter-spacing:.2px}

/* ---------- 商品横卡 / 竖卡 ---------- */
.hgrid{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:9px;
  margin:-9px;margin-bottom:9px}
.hgrid .hrow{display:table-row}
.hcard{display:table-cell;vertical-align:top;background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:var(--sh-s);transition:transform .12s;cursor:pointer}
.hcard:active{transform:scale(.97)}
.hcard .thumb{height:118px;background:#f6f8fb;overflow:hidden;text-align:center;line-height:118px}
.hcard .nm{font-size:12.5px;line-height:1.4;height:35px;overflow:hidden;margin-top:8px;
  padding:0 10px;color:var(--t1);font-weight:500}
.hcard .pr{font-size:17px;font-weight:700;color:var(--red);margin-top:4px;padding:0 10px}
.hcard .pr small{font-size:10px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ff6b5e,#ff3b3b);
  border-radius:8px;padding:1px 5px;margin-left:4px;vertical-align:2px}
.hcard .hs{font-size:10.5px;color:var(--t3);margin:4px 10px 10px}

.pitem{display:table;width:100%;table-layout:fixed;padding:13px 0;border-bottom:1px solid var(--line2)}
.pitem:last-child{border-bottom:0}
.pitem .ph{display:table-cell;width:76px;vertical-align:top}
.pitem .pb{display:table-cell;vertical-align:top;padding-left:11px;padding-right:6px}
.pitem .pa{display:table-cell;width:72px;vertical-align:middle;text-align:right}
.thumb-box{width:76px;height:76px;border-radius:12px;background:#f6f8fb;overflow:hidden;
  text-align:center;line-height:74px;font-size:11px;color:var(--t4);box-shadow:inset 0 0 0 1px var(--line2)}
.pn{font-size:13px;font-weight:500;line-height:1.35;color:var(--t1)}
.ps{font-size:10.5px;color:var(--t3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp{margin-top:7px}
.pp .v{font-size:17px;font-weight:600;color:var(--red);letter-spacing:-.3px}
.pp .v small{font-size:10px;font-weight:400}
.pp .o{font-size:10px;color:var(--t4);text-decoration:line-through;margin-left:4px}
.pp .d{font-size:10px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ff6b5e,#ff3b3b);
  border-radius:7px;padding:1px 5px;margin-left:5px;vertical-align:1px}
.p-meta{font-size:10px;color:var(--t3);margin-top:4px}
.ming{display:inline-block;font-size:9px;color:#fff;background:linear-gradient(135deg,#ff6b5e,#ff3b3b);
  border-radius:4px;padding:0 4px;vertical-align:1px;margin-left:3px}

/* ---------- 价格表 ---------- */
.plat{display:table;width:100%;table-layout:fixed;padding:13px 0;border-bottom:1px solid var(--line2)}
.plat:last-child{border-bottom:0}
.plat .l{display:table-cell;vertical-align:middle}
.plat .nm{font-size:13px;font-weight:500}
.plat .nm:before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;
  background:var(--pri2);margin-right:6px;vertical-align:0}
.plat .ty{font-size:10px;color:var(--t3);margin-top:3px;padding-left:14px}
.plat .md{display:table-cell;text-align:right;vertical-align:middle;padding-right:10px}
.plat .pv{font-size:17px;font-weight:500}
.plat .pv.min{color:var(--red);font-weight:600;font-size:18px}
.plat .pd{font-size:10px;color:var(--t3);margin-top:1px}
.plat .bt{display:table-cell;width:72px;text-align:right;vertical-align:middle}
.wrap2{display:table;width:100%;table-layout:fixed}
.wrap2 .a{display:table-cell;vertical-align:middle}
.wrap2 .b{display:table-cell;vertical-align:middle;text-align:right;width:74px}

/* ---------- 最低价块（红渐变） ---------- */
.best{background:linear-gradient(135deg,#fff5f3,#ffe9e5);border:1px solid #ffddd6;border-radius:14px;padding:13px;
  box-shadow:0 3px 12px rgba(255,80,60,.10)}
.best .lbl{font-size:11px;color:#c2544d;font-weight:500}
.best .lbl:before{content:"🔥";margin-right:3px}
.best .num{font-size:30px;font-weight:700;color:var(--red);letter-spacing:-.5px;line-height:1.2;
  text-shadow:0 1px 0 #fff}
.best .num small{font-size:13px;font-weight:500}
.best .save{font-size:11px;color:var(--red);margin-top:2px;font-weight:500}

/* ---------- 图表 ---------- */
.chart{width:100%;height:112px;display:block}
.chart-x{display:table;width:100%;table-layout:fixed;margin-top:2px}
.chart-x div{display:table-cell;font-size:10px;color:var(--t4)}
.chart-x div:last-child{text-align:right}
.chart-x div:nth-child(2){text-align:center}

/* ---------- 筛选 chip ---------- */
.chips{white-space:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px}
.chips::-webkit-scrollbar{display:none}
.chip{display:inline-block;font-size:12px;color:var(--t2);background:#fff;border:1px solid var(--line);
  border-radius:17px;padding:6px 14px;margin-right:8px;box-shadow:var(--sh-s)}
.chip.on{background:linear-gradient(135deg,#3d85ff,#0a58e8);color:#fff;border-color:transparent;
  font-weight:500;box-shadow:0 3px 10px rgba(26,90,230,.3)}

/* ---------- 榜单 ---------- */
.rank-i{display:table;width:100%;table-layout:fixed;padding:12px 0;border-bottom:1px solid var(--line2)}
.rank-i:last-child{border-bottom:0}
.rank-n{display:table-cell;width:30px;vertical-align:middle;font-size:14px;font-weight:700;color:var(--t4)}
.rank-n.top{color:#fff;text-align:center}
.rank-n.top:before{content:"";display:block;width:20px;height:20px;line-height:20px;border-radius:7px;
  background:linear-gradient(135deg,#ffd45e,#ff9a00);font-size:11px;margin:0 auto;
  box-shadow:0 2px 6px rgba(255,160,0,.4)}
.rank-n.top:after{content:attr(data-r);display:block;margin-top:-20px;position:relative}
.rank-m{display:table-cell;vertical-align:middle;padding-right:6px}
.rank-t{font-size:13px;font-weight:500}
.rank-s{font-size:10px;color:var(--t3);margin-top:2px}
.rank-r{display:table-cell;width:86px;text-align:right;vertical-align:middle}
.rank-p{font-size:14px;font-weight:600;color:var(--red)}
.rank-o{font-size:10px;color:var(--t4);margin-top:1px}

/* ---------- 专题 ---------- */
.art h2{font-size:15px;font-weight:500;margin:18px 0 8px}
.art h3{font-size:13px;font-weight:500;margin:14px 0 6px;color:var(--t1)}
.art p{font-size:13.5px;line-height:1.85;color:var(--t2);margin-bottom:10px}
.art .lead{background:var(--pri-l);border-left:3px solid var(--pri);padding:10px 12px;border-radius:0 10px 10px 0;
  font-size:13px;color:var(--t2);line-height:1.75;margin-bottom:6px}
.art .num{display:inline-block;width:19px;height:19px;line-height:19px;text-align:center;border-radius:7px;
  background:linear-gradient(135deg,#3d85ff,#0a58e8);color:#fff;font-size:11px;margin-right:6px;
  vertical-align:1px;box-shadow:0 2px 6px rgba(26,90,230,.3)}
.pick{display:table;width:100%;table-layout:fixed;padding:10px 0;border-bottom:1px dashed var(--line)}
.pick:last-child{border-bottom:0}
.pick .pl{display:table-cell;width:56px;vertical-align:top}
.pick .pm{display:table-cell;vertical-align:top;padding-left:9px}
.pick .pr{display:table-cell;width:64px;text-align:right;vertical-align:middle}
.pick .t{font-size:12.5px;font-weight:500;line-height:1.35}
.pick .s{font-size:10px;color:var(--t3);margin-top:2px}
.pick .v{font-size:14px;font-weight:600;color:var(--red)}
.sm-thumb{width:56px;height:56px;border-radius:10px;background:#f6f8fb;overflow:hidden;
  text-align:center;line-height:54px;font-size:10px;color:var(--t4)}

/* ---------- 邀请 ---------- */
.inv-hero{background:linear-gradient(150deg,#4d8bff 0%,#0a58e8 65%,#0645c8 100%);border-radius:16px;
  padding:19px 16px;color:#fff;box-shadow:0 8px 22px rgba(20,80,220,.3);position:relative;overflow:hidden}
.inv-hero:before{content:"¥";position:absolute;right:-8px;top:-22px;font-size:110px;font-weight:700;
  color:rgba(255,255,255,.08);font-family:Georgia,serif}
.inv-hero .k{font-size:11.5px;color:#bcd4ff}
.inv-hero .v{font-size:27px;font-weight:700;margin-top:3px;letter-spacing:-.5px}
.inv-hero .d{font-size:11px;color:#cfe0ff;margin-top:6px;line-height:1.6}
.inv-code{margin-top:14px;background:rgba(6,45,150,.55);border:1px solid rgba(255,255,255,.14);
  border-radius:11px;padding:12px;display:table;width:100%;width:100%}
.inv-code .c{display:table-cell;font-size:18px;letter-spacing:3px;font-weight:700;color:var(--gold);
  vertical-align:middle}
.inv-code .b{display:table-cell;text-align:right;vertical-align:middle;width:66px}
.inv-code .b .btn{background:linear-gradient(135deg,#ffd45e,#ff9a00);border-color:transparent;
  box-shadow:0 3px 9px rgba(255,150,0,.4)}
.qr-wrap{text-align:center;padding:8px 0 4px}
#qr{width:152px;height:152px;border:1px solid var(--line);border-radius:12px}
.share-prev{background:#e8edf6;border-radius:12px;padding:12px}
.share-card{background:#fff;border-radius:9px;padding:12px;box-shadow:var(--sh-s)}
.sc-hd{font-size:13px;font-weight:500;line-height:1.45}
.sc-bd{display:table;width:100%;margin-top:8px}
.sc-bd .l{display:table-cell;vertical-align:middle}
.sc-desc{font-size:11px;color:var(--t3);line-height:1.55}
.sc-bd .r{display:table-cell;width:46px;vertical-align:middle;text-align:right}
.sc-thumb{width:46px;height:46px;border-radius:8px;background:var(--pri-l);border:1px solid var(--pri-b);
  text-align:center;line-height:44px;color:var(--pri);font-size:12px;font-weight:500}
.sc-ft{margin-top:9px;padding-top:7px;border-top:1px solid var(--line2);font-size:10px;color:#c9cdd4}
.copybox{background:#f7f9fc;border:1px dashed var(--pri-b);border-radius:10px;padding:12px;
  font-size:12.5px;line-height:1.75;color:var(--t2)}

/* ---------- 我的 ---------- */
.money{display:table;width:100%;table-layout:fixed;text-align:center}
.money>div{display:table-cell;padding:4px 0}
.money .n{font-size:22px;font-weight:700;color:var(--red)}
.money .n.b{color:var(--pri)}
.money .l{font-size:10px;color:var(--t3);margin-top:3px}
.ent{display:table;width:100%;table-layout:fixed}
.ent .e{display:table-cell;text-align:center;padding:6px 0;cursor:pointer}
.ent .e svg{width:22px;height:22px;color:var(--pri)}
.ent .e .l{font-size:11px;color:var(--t2);margin-top:4px}
.ord-i{display:table;width:100%;table-layout:fixed;padding:12px 0;border-bottom:1px solid var(--line2)}
.ord-i:last-child{border-bottom:0}
.ord-m{display:table-cell;vertical-align:middle}
.ord-t{font-size:13px;line-height:1.3}
.ord-s{font-size:10px;color:var(--t4);margin-top:3px}
.ord-r{display:table-cell;width:78px;text-align:right;vertical-align:middle}
.ord-a{font-size:15px;font-weight:600;color:var(--red)}
.ord-st{font-size:10px;color:var(--green);margin-top:1px}
.ord-st.wait{color:var(--orange)}

/* ---------- 公告 / 合规 ---------- */
.notice{background:linear-gradient(135deg,#fff8e6,#fff3d0);border:1px solid #f3e2b3;color:#8a6100;
  font-size:11px;line-height:1.7;border-radius:11px;padding:10px 12px;margin:10px 0}
.foot{text-align:center;font-size:10.5px;color:var(--t4);line-height:1.9;padding:16px 24px 6px}

/* ---------- 底栏（胶囊激活态） ---------- */
.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:#fff;
  border-top:1px solid var(--line);display:table;width:100%;table-layout:fixed;
  padding-bottom:env(safe-area-inset-bottom);z-index:30;box-shadow:0 -4px 18px rgba(29,33,41,.06)}
.tabbar .t{display:table-cell;text-align:center;padding:8px 0 9px;color:var(--t3);cursor:pointer;
  transition:color .15s}
.tabbar .t.on{color:var(--pri)}
.tabbar .t svg{width:22px;height:22px;display:block;margin:0 auto;transition:transform .15s}
.tabbar .t.on svg{transform:translateY(-1px)}
.tabbar .t .l{font-size:10px;margin-top:2px}
.tabbar .t.on .l{font-weight:600}
.tabbar .t.on .dot{display:block}
.tabbar .t .dot{display:none;width:16px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#4d8bff,#0a58e8);margin:3px auto 0}

/* ---------- 反馈 ---------- */
.toast{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);background:rgba(29,33,41,.92);
  color:#fff;font-size:12px;padding:10px 18px;border-radius:20px;opacity:0;transition:opacity .18s;z-index:99;
  pointer-events:none;max-width:82%;text-align:center;line-height:1.55;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.toast.on{opacity:1}
.mask{display:none;position:fixed;inset:0;background:#000;opacity:.72;z-index:100}
.mask.on{display:block}
.mask-in{position:absolute;right:14px;top:10px;text-align:right;color:#fff}
.mask-in .ar{font-size:34px;line-height:1}
.mask-in .tx{font-size:13px;margin-top:6px;line-height:1.6}
.empty{text-align:center;padding:50px 20px;color:var(--t4);font-size:12px;line-height:1.8}
.empty .ic{font-size:32px;color:var(--line);margin-bottom:8px}
.fade{animation:fd .18s ease-out}

/* ---------- 首页工具条 ---------- */
.toolbar{display:table;width:100%;table-layout:fixed;background:#fff;border-radius:14px;padding:13px 0 11px;
  margin-bottom:11px;box-shadow:var(--sh-m)}
.toolbar .tc{display:table-cell;width:25%;text-align:center;vertical-align:top;cursor:pointer;
  transition:transform .12s}
.toolbar .tc:active{transform:scale(.93)}
.toolbar .ti{width:40px;height:40px;margin:0 auto;border-radius:50%;text-align:center;line-height:40px;
  box-shadow:0 3px 8px rgba(31,41,55,.10)}
.toolbar .ti svg{width:20px;height:20px;vertical-align:middle;stroke-width:1.9}
.toolbar .tn{font-size:11px;color:var(--t2);margin-top:6px;letter-spacing:.2px;font-weight:500}
.ti.b1{background:linear-gradient(135deg,#e8f1ff,#d6e7ff);color:#0a58e8}
.ti.b2{background:linear-gradient(135deg,#fff1e0,#ffe4c4);color:#f26b1f}
.ti.b3{background:linear-gradient(135deg,#e2f8ee,#ccf1e0);color:#00a870}
.ti.b4{background:linear-gradient(135deg,#ffe9e8,#ffd4d2);color:#ff3b52}

/* ---------- 查历史价 ---------- */
.ck-ta{display:block;width:100%;height:62px;border:1.5px dashed var(--pri-b);border-radius:11px;
  background:#fafbff;padding:9px 10px;font-size:12.5px;color:var(--t1);outline:0;resize:none;
  line-height:1.65;font-family:inherit}
.ck-ta:focus{border-color:var(--pri)}
.ck-ta::placeholder{color:var(--t4)}
.ck-src{display:table;width:100%;table-layout:fixed;margin-top:9px;border-top:1px solid var(--line2);padding-top:9px}
.ck-src .s{display:table-cell;text-align:center;font-size:11px;color:var(--t2);border-right:1px solid var(--line2);
  cursor:pointer}
.ck-src .s:last-child{border-right:0}
.ck-src .s svg{width:15px;height:15px;vertical-align:-3px;margin-right:3px;color:var(--t3)}
.ck-verdict{border-radius:14px;padding:13px 14px;margin-bottom:11px;color:#fff;position:relative;overflow:hidden}
.ck-verdict:before{content:"";position:absolute;right:-20px;bottom:-30px;width:110px;height:110px;
  border-radius:50%;background:rgba(255,255,255,.12)}
.ck-verdict.buy{background:linear-gradient(135deg,#20d489,#00a870);box-shadow:0 6px 18px rgba(0,168,112,.28)}
.ck-verdict.wait{background:linear-gradient(135deg,#ffa040,#ff7d00);box-shadow:0 6px 18px rgba(255,125,0,.28)}
.ck-verdict .vt{font-size:15px;font-weight:700;letter-spacing:.3px}
.ck-verdict .vs{font-size:11.5px;line-height:1.65;margin-top:5px;opacity:.94}
.ck-verdict .vp{font-size:28px;font-weight:700;letter-spacing:-.6px;margin-top:8px;line-height:1}
.ck-verdict .vp small{font-size:12px;font-weight:400;opacity:.85;margin-left:5px;letter-spacing:0}
.ck-stats{display:table;width:100%;table-layout:fixed;border-top:1px solid var(--line2);margin-top:11px;padding-top:11px}
.ck-stats .cs{display:table-cell;text-align:center;border-right:1px solid var(--line2)}
.ck-stats .cs:last-child{border-right:0}
.ck-stats .k{font-size:10.5px;color:var(--t3)}
.ck-stats .v{font-size:14.5px;font-weight:600;margin-top:3px}

/* ---------- 好价爆料流 ---------- */
.fd{background:#fff;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:var(--sh-s)}
.fd-hd{display:table;width:100%;table-layout:fixed}
.fd-ava{display:table-cell;width:36px;vertical-align:top}
.fd-ava i{display:block;width:31px;height:31px;border-radius:50%;color:#fff;font-size:12px;
  text-align:center;line-height:31px;font-style:normal;box-shadow:0 2px 6px rgba(31,41,55,.15)}
.fd-u{display:table-cell;vertical-align:top;padding-left:5px}
.fd-u .n{font-size:12.5px;font-weight:500;line-height:1.4}
.fd-u .t{font-size:10.5px;color:var(--t4);margin-top:2px}
.fd-bdg{display:table-cell;width:58px;text-align:right;vertical-align:top}
.fd-tx{font-size:13px;color:var(--t2);line-height:1.75;margin:9px 0 10px}
.fd-deal{display:table;width:100%;table-layout:fixed;background:#f6f9ff;border:1px solid #e6eefc;
  border-radius:10px;padding:8px 9px}
.fd-deal .d1{display:table-cell;vertical-align:middle}
.fd-deal .d1 .nm{font-size:12px;color:var(--t1);line-height:1.4}
.fd-deal .d1 .mt{font-size:10.5px;color:var(--t4);margin-top:2px}
.fd-deal .d2{display:table-cell;width:96px;text-align:right;vertical-align:middle}
.fd-deal .d2 .p{font-size:18px;font-weight:700;color:var(--red);letter-spacing:-.3px}
.fd-deal .d2 .o{font-size:10.5px;color:var(--t4);text-decoration:line-through;margin-left:3px}
.fd-ft{display:table;width:100%;table-layout:fixed;margin-top:9px;font-size:11px;color:var(--t3)}
.fd-ft .a{display:table-cell}
.fd-ft .b{display:table-cell;text-align:right;width:112px}
.fd-ft .cm{margin-right:12px;cursor:pointer}
.fd-hint{font-size:11px;color:#8a6100;background:linear-gradient(135deg,#fff8e6,#fff3d0);
  border:1px solid #f3e2b3;border-radius:8px;padding:6px 8px;margin-top:8px;line-height:1.6}

/* ---------- 签到 ---------- */
.sign{display:table;width:100%;table-layout:fixed;
  background:linear-gradient(135deg,#4d8bff,#0a58e8);border-radius:15px;padding:13px 14px;
  margin-bottom:11px;color:#fff;box-shadow:0 6px 18px rgba(20,80,220,.25);position:relative;overflow:hidden}
.sign:before{content:"🐱";position:absolute;right:10px;top:-4px;font-size:38px;opacity:.25}
.sign .l{display:table-cell;vertical-align:middle}
.sign .l .t{font-size:13.5px;font-weight:600}
.sign .l .s{font-size:11px;opacity:.85;margin-top:3px}
.sign .r{display:table-cell;width:82px;text-align:right;vertical-align:middle}
.sign .r span{display:inline-block;background:#fff;color:#0a58e8;border-radius:16px;
  padding:6px 15px;font-size:12px;font-weight:600;box-shadow:0 3px 8px rgba(0,0,0,.15)}