/* 红月即时零售 · AI能力层样式（客服窗口/推荐/AI后台模块） */
/* ---------- 前台：AI客服悬浮按钮与窗口 ---------- */
#hyx-fab{position:fixed;right:16px;bottom:140px;z-index:60;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--red,#8c1f28),#6d161d);color:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:700;box-shadow:0 6px 18px rgba(140,31,40,.35);cursor:pointer}
#hyx-fab span{font-size:12px;font-weight:400;opacity:.92}
#hyx-fab.on{opacity:.55}
@media (min-width:900px){#hyx-fab{right:30px;bottom:30px}}
#hyx-win{position:fixed;right:16px;bottom:194px;z-index:70;width:340px;height:480px;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}
@media (min-width:900px){#hyx-win{right:30px;bottom:84px}}
@media (max-width:640px){#hyx-win{left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:0}}
.hyx-whead{background:linear-gradient(135deg,var(--red,#8c1f28),#6d161d);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:8px;flex:none}
.hyx-ava{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.hyx-wt{flex:1;line-height:1.35;min-width:0}
.hyx-wt b{font-size:13px;display:block}
.hyx-wt i{font-style:normal;font-size:11px;opacity:.85}
.hyx-hm,.hyx-wx{background:rgba(255,255,255,.16);color:#fff;border:none;border-radius:6px;font-size:12px;padding:5px 9px;cursor:pointer;flex:none}
.hyx-msgs{flex:1;overflow-y:auto;padding:12px;background:#faf8f4;display:flex;flex-direction:column;gap:10px}
.hyx-b{display:flex;gap:6px;max-width:100%}
.hyx-b.me{justify-content:flex-end}
.hyx-btxt{max-width:82%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.7;word-break:break-all}
.hyx-b.me .hyx-btxt{background:var(--red,#8c1f28);color:#fff;border-bottom-right-radius:4px}
.hyx-b.ai .hyx-btxt{background:#fff;border:1px solid var(--line,#eee7db);border-bottom-left-radius:4px}
.hyx-bava{width:26px;height:26px;flex:none;border-radius:50%;background:#fdf6e9;display:flex;align-items:center;justify-content:center;font-size:14px}
.hyx-bwrap{display:flex;flex-direction:column;gap:6px;max-width:86%}
.hyx-cur{display:inline-block;width:7px;height:14px;background:var(--red,#8c1f28);vertical-align:-2px;animation:hyxblink 1s steps(1) infinite}
@keyframes hyxblink{50%{opacity:0}}
.hyx-cards{display:flex;flex-direction:column;gap:6px}
.hyx-card{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line,#eee7db);border-radius:10px;padding:7px;cursor:pointer}
.hyx-card:hover{border-color:var(--gold,#c9a050)}
.hyx-cimg{width:44px;height:44px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px}
.hyx-cimg img{width:100%;height:100%;object-fit:cover}
.hyx-cinfo{flex:1;min-width:0}
.hyx-cinfo b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hyx-cinfo span{font-size:11px;color:var(--sub,#8a8177)}
.hyx-card em{font-style:normal;color:var(--red,#8c1f28);font-weight:700;font-size:12px;flex:none}
.hyx-quick{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-top:1px solid var(--line,#eee7db);background:#fff;flex:none}
.hyx-quick button{border:1px solid #e6c1c5;background:#fff;color:var(--red,#8c1f28);border-radius:999px;font-size:11px;padding:4px 9px;cursor:pointer}
.hyx-inrow{display:flex;gap:8px;padding:8px 10px;background:#fff;border-top:1px solid var(--line,#eee7db);flex:none}
.hyx-inrow input{flex:1;min-width:0;border:1px solid var(--line,#eee7db);border-radius:8px;padding:8px 10px;font-size:13px;outline:none}
.hyx-inrow button{background:var(--red,#8c1f28);color:#fff;border:none;border-radius:8px;padding:0 16px;font-size:13px;cursor:pointer;flex:none}
/* ---------- 前台：AI推荐角标 ---------- */
.pcard{position:relative}
.recwhy{position:absolute;top:6px;left:6px;z-index:2;background:linear-gradient(90deg,var(--red,#8c1f28),#a8323d);color:#fff;font-size:10px;border-radius:4px;padding:2px 6px;pointer-events:none}
.aibadge{font-style:normal;font-size:10px;background:#fdf6e9;color:#a2792c;border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:2px;font-weight:400}

/* ===== admin login ===== */
.hyx-login{position:fixed;inset:0;background:linear-gradient(135deg,#8c1f28,#5a1419);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}
.hyx-lcard{background:#fff;border-radius:18px;padding:36px 28px;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.35);text-align:center}
.hyx-llogo{font-size:44px}
.hyx-lcard h2{margin:8px 0 4px;color:#8c1f28}
.hyx-lcard p{color:#8a8177;font-size:13px;margin-bottom:18px}
.hyx-lrow{margin-bottom:12px;text-align:left}
.hyx-lrow label{font-size:12px;color:#8a8177;display:block;margin-bottom:4px}
.hyx-lrow input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #eee7db;border-radius:10px;font-size:14px}
.hyx-lcard .btn{width:100%;margin-top:6px}
.hyx-ltip{margin-top:14px;font-size:12px;color:#8a8177;background:#faf6ee;border-radius:8px;padding:8px}
/* ===== AI summary card ===== */
.hyx-aisum{background:#fdf6e9;border-left:4px solid #c9a050;border-radius:10px;padding:14px 16px;margin:12px 0}
.hyx-aisum b{color:#8c1f28;display:flex;align-items:center;gap:6px;margin-bottom:6px}
.hyx-aisum p{line-height:2;font-size:13px;color:#555;margin:0}
/* ===== supplier grade ===== */
.hyx-grade{display:inline-block;min-width:34px;text-align:center;padding:3px 8px;border-radius:8px;font-weight:700;font-size:14px}
.hyx-gS{background:#fdeeee;color:#c0392b}
.hyx-gA{background:#eaf7ec;color:#2f7d4f}
.hyx-gB{background:#e8f1fd;color:#2b6cb0}
.hyx-gC{background:#f0eeea;color:#8a8177}
/* ===== metrics bars ===== */
.hyx-metrics{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.hyx-m{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}
.hyx-m span{width:72px;flex:none;color:#8a8177}
.hyx-m i{flex:1;height:8px;background:#f0eeea;border-radius:4px;overflow:hidden;display:block}
.hyx-m i>b{display:block;height:100%;background:linear-gradient(90deg,#c9a050,#8c1f28);border-radius:4px}
.hyx-m em{width:40px;text-align:right;font-style:normal;font-weight:600;color:#8c1f28}
/* ===== risk / advice ===== */
.hyx-risk{background:#fdeeee;color:#c0392b;border-radius:8px;padding:8px 12px;font-size:12px;margin:6px 0}
.hyx-risk.ok{background:#eaf7ec;color:#2f7d4f}
.hyx-advice{background:#fdf6e9;border-left:4px solid #c9a050;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.9;color:#555;margin:10px 0}
/* ===== supplier goods & spark ===== */
.hyx-goods{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.hyx-good{display:flex;align-items:center;gap:8px;border:1px solid #eee7db;border-radius:10px;padding:8px 10px;font-size:12px;background:#fff}
.hyx-good img,.hyx-good .em{width:36px;height:36px;border-radius:8px;object-fit:cover}
.hyx-good .em{display:flex;align-items:center;justify-content:center;font-size:20px;background:#faf6ee}
.hyx-spark{width:100%;height:44px;margin:8px 0}
/* ===== bid ===== */
.hyx-bidinfo{display:flex;align-items:center;gap:12px;border:1px solid #eee7db;border-radius:12px;padding:12px;background:#fff;margin:10px 0}
.hyx-bimg{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.hyx-bmeta{flex:1;min-width:0}
.hyx-bmeta b{display:block;margin-bottom:2px}
.hyx-bmeta span{font-size:12px;color:#8a8177;display:block}
.hyx-bstat{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;background:#faf6ee;color:#8a8177}
.hyx-cd{font-weight:700;color:#c0392b;font-size:13px}
.hyx-invrow{display:flex;align-items:center;gap:10px;border:1px solid #eee7db;border-radius:10px;padding:10px 12px;margin:8px 0;background:#fff;font-size:13px}
.hyx-invrow.dis{opacity:.5}
.hyx-invrow b{flex:1}
.hyx-waiting{background:#faf6ee;border-radius:10px;padding:14px;text-align:center;color:#8a8177;font-size:13px;margin:10px 0}
tr.hyx-rec{background:#fdf6e9}
.hyx-award{background:#eaf7ec;color:#2f7d4f;border-radius:10px;padding:12px 16px;font-size:13px;margin:10px 0}
/* ===== form rows ===== */
.hyx-frow{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}
.hyx-frow label{width:86px;flex:none;color:#8a8177;text-align:right}
.hyx-frow input,.hyx-frow select,.hyx-frow textarea{flex:1;padding:9px 10px;border:1px solid #eee7db;border-radius:8px;font-size:13px;box-sizing:border-box}
/* ===== tabs ===== */
.hyx-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.hyx-tab{padding:6px 14px;border-radius:99px;font-size:13px;background:#f0eeea;color:#555;cursor:pointer;border:none}
.hyx-tab.on{background:#8c1f28;color:#fff}
/* ===== agents ===== */
.hyx-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.hyx-agent{border:1px solid #eee7db;border-radius:12px;padding:14px;background:#fff}
.hyx-agent .hyx-aico{font-size:28px}
.hyx-agent b{display:block;margin:6px 0 2px}
.hyx-agent p{font-size:12px;color:#8a8177;margin:0 0 8px;line-height:1.6}
.hyx-akv{display:flex;justify-content:space-between;font-size:12px;color:#555;padding:4px 0;border-top:1px dashed #eee7db}
.hyx-akv em{font-style:normal;font-weight:700;color:#8c1f28}
@media (max-width:1100px){.hyx-agents{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.hyx-agents{grid-template-columns:1fr}}
/* ===== steps ===== */
.hyx-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#8a8177;padding:5px 0}
.hyx-step i{width:22px;height:22px;flex:none;border-radius:50%;background:#f0eeea;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}
.hyx-step.done{color:#2f7d4f}
.hyx-step.done i{background:#eaf7ec;color:#2f7d4f}
.hyx-step.done::after{content:'✓';margin-left:auto;color:#2f7d4f}
/* ===== cs hot / sessions ===== */
.hyx-hot{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.hyx-hq{display:flex;align-items:center;gap:10px;border:1px solid #eee7db;border-radius:10px;padding:9px 12px;font-size:13px;background:#fff}
.hyx-hq em{font-style:normal;font-weight:700;width:22px;color:#8a8177}
.hyx-hq:nth-child(-n+3) em{color:#c0392b}
.hyx-hq b{flex:1}
.hyx-hq span{color:#8a8177;font-size:12px}
.hyx-smsgs{max-height:360px;overflow:auto;border:1px solid #eee7db;border-radius:10px;padding:12px;background:#faf6ee;display:flex;flex-direction:column;gap:8px}

#hyx-win[hidden]{display:none!important}

/* ===== 二期+三期：截图咨询 / 上下文快捷 / 触达闭环 ===== */
.hyx-ctx{display:flex;flex-wrap:wrap;gap:6px;padding:7px 10px 0;background:#fff;flex:none}
.hyx-ctx button{border:1px solid var(--red,#8c1f28);background:#fdf3f4;color:var(--red,#8c1f28);border-radius:999px;font-size:11px;padding:4px 10px;cursor:pointer;font-weight:600}
.hyx-pics{display:flex;gap:8px;flex-wrap:wrap;padding:8px 10px 0;background:#fff;border-top:1px solid var(--line,#eee7db);flex:none}
.hyx-pic{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--line,#eee7db)}
.hyx-pic img{width:100%;height:100%;object-fit:cover;display:block}
.hyx-pic i{position:absolute;top:1px;right:1px;width:16px;height:16px;line-height:16px;text-align:center;background:rgba(0,0,0,.55);color:#fff;font-style:normal;font-size:10px;border-radius:50%;cursor:pointer}
.hyx-picadd{width:56px;height:56px;border-radius:8px;border:1px dashed #d9b6ba;color:var(--red,#8c1f28);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;background:#fff}
.hyx-picbtn{background:#fff;border:1px solid var(--line,#eee7db);border-radius:8px;font-size:16px;padding:0 10px;cursor:pointer;flex:none}
.hyx-bimgs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hyx-bimgs img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.4)}
.hyx-links{display:flex;flex-wrap:wrap;gap:6px}
.hyx-links button{background:var(--red,#8c1f28);color:#fff;border:none;border-radius:16px;font-size:12px;padding:6px 12px;cursor:pointer}
.hyx-fb{display:flex;gap:8px;align-items:center}
.hyx-fb button{background:none;border:none;font-size:12px;cursor:pointer;padding:0;opacity:.75}
.hyx-fb button:hover{opacity:1;transform:scale(1.1)}
.hyx-fb .on{font-size:11px;color:#8a8177}
/* 触达闭环：详情页供应商入驻小入口 / 我的页 footer 入口 */
.supjoin{margin:10px 0 0;font-size:12px;color:var(--red,#8c1f28);background:#fdf3f4;border:1px dashed #e6c1c5;border-radius:8px;padding:8px 12px;cursor:pointer}
.supfoot{text-align:center;font-size:12px;color:var(--red,#8c1f28);background:#fdf3f4;border-top:1px solid #f2dddf;padding:12px;margin-top:8px;cursor:pointer}
/* 订单详情固定三键 */
.od3bar{bottom:0;left:50%;justify-content:space-between;box-shadow:0 -2px 10px rgba(0,0,0,.06)}
.od3{flex:1;border:1px solid var(--line,#eee7db);background:#fff;color:#333;border-radius:18px;padding:9px 0;font-size:13px;cursor:pointer}
.od3.solid{background:var(--red,#8c1f28);border-color:var(--red,#8c1f28);color:#fff;font-weight:700}
/* 评价弹窗 */
#evalmask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99;display:flex;align-items:center;justify-content:center}
#evalmask .evalcard{width:86%;max-width:340px;background:#fff;border-radius:14px;padding:18px 16px}
#evalmask .evalcard>b{font-size:15px;display:block;text-align:center}
.evalstars{text-align:center;margin:12px 0 8px}
.evalstars span{font-size:26px;color:#ddd;cursor:pointer;margin:0 3px}
.evalstars span.on{color:#f5a623}
#evalmask textarea{width:100%;height:72px;border:1px solid var(--line,#eee7db);border-radius:8px;padding:8px;font-size:13px;box-sizing:border-box;resize:none}
.evalbtns{display:flex;gap:10px;margin-top:12px}
.evalbtns .actbtn{flex:1;border-radius:18px;padding:9px 0;font-size:13px;cursor:pointer}
.evalbtns .actbtn.line{border:1px solid var(--line,#eee7db);background:#fff;color:#666}
.evalbtns .actbtn.solid{border:none;background:var(--red,#8c1f28);color:#fff}