/* AI卖药牌 · 共用样式 · 品牌色：天空蓝 + 冷白 + 珊瑚橙（2026-09-20 东哥改版：主色由深松绿换天空蓝） */
:root{
  --primary:#2E9BE0;      /* 天空蓝 主色（替换原深松绿） */
  --primary-deep:#1B6FA8; /* 天蓝深调：小字强调/链接 */
  --paper:#F4F9FD;        /* 冷白 底（替换原米白） */
  --orange:#E8694A;       /* 珊瑚橙 强调（保留） */
  --ink:#12303F;          /* 正文标题（蓝墨） */
  --grey:#557384;         /* 正文灰（蓝灰） */
  --support:#0E9E8C;      /* 支持色 青绿 ✓ */
  --light:#E4ECF2;        /* 浅灰蓝 分组底 */
  --soft:#93A7B4;         /* 弱化灰 */
  --white:#FFFFFF;
  --radius:14px;
}
html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--paper);color:var(--ink);
  line-height:1.6;padding-bottom:40px;
}
a{text-decoration:none;color:inherit}
.hidden{display:none!important}

/* 顶栏 */
.topbar{
  background:var(--primary);color:var(--paper);
  padding:16px 18px 14px;
}
.topbar .brand{font-size:19px;font-weight:700;letter-spacing:.5px}
.topbar .brand em{font-style:normal;color:#D5EBFA}
.topbar .slogan{font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}

/* 容器 */
.wrap{max-width:640px;margin:0 auto;padding:0 16px}

/* 页面标题 */
.page-title{
  display:flex;align-items:center;gap:8px;
  font-size:20px;font-weight:700;margin:18px 0 4px;
}
.page-title .back{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:var(--light);color:var(--primary);font-size:16px;flex:none;
}
.page-sub{font-size:13.5px;color:var(--grey);margin-bottom:14px}

/* 列表页头部：核心关键词左、转让按钮右（2026-09-20 东哥定：删「药牌标的」标题，换四大关键词） */
.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 2px}
.kw-line{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:.3px;white-space:nowrap}
/* 序号①②③④天空蓝；X 浅蓝灰小号（2026-09-20 东哥定：关键词加序号+分隔） */
.kw-line b{color:var(--primary);font-weight:800;margin-right:1px}
.kw-line .kw{white-space:nowrap}
.kw-line i{font-style:normal;color:#9FBDD4;margin:0 6px;font-weight:700;font-size:11.5px}
/* 窄屏：关键词一行、按钮通栏 */
@media (max-width:560px){
  .list-head{flex-direction:column;align-items:stretch;gap:10px}
  .kw-line{white-space:normal;text-align:center;font-size:15px}
  .btn.sell-btn{width:100%;height:46px;line-height:46px;padding:0}
}

/* 卡片 */
.card{
  background:var(--white);border-radius:var(--radius);
  padding:16px;margin-bottom:14px;
  box-shadow:0 2px 10px rgba(18,48,63,.06);
}

/* 挂牌卡片 */
.listing-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.listing-holder{font-size:17.5px;font-weight:700;color:var(--ink)}
.listing-id{font-size:12.5px;color:var(--soft);margin-top:1px}
/* 右上角槽位：只负责布局，颜色一律由内部 .chip 决定（2026-09-20 修复双层橙底） */
.listing-price{flex:none;background:transparent;padding:0;color:var(--ink)}
.tags{margin:10px 0 8px;display:flex;gap:6px;flex-wrap:wrap}
.tag{
  font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:7px;
  background:var(--primary);color:var(--paper);
}
.tag.sec{background:var(--light);color:var(--ink)}
.kv{display:flex;gap:10px;flex-wrap:wrap;font-size:14.5px;color:var(--grey);margin-top:4px}
.kv b{color:var(--ink);font-weight:600}
.cost-box{
  margin-top:10px;background:var(--paper);border-radius:10px;
  padding:10px 13px;font-size:14px;color:var(--grey);
}
.cost-box .cost-title{font-size:13px;font-weight:700;color:var(--support);margin-bottom:4px}
.listing-note{font-size:14px;color:var(--grey);margin-top:9px;padding-top:9px;border-top:1px dashed var(--light)}

/* 按钮 */
.btn{
  display:block;width:100%;text-align:center;
  padding:13px 0;border:none;border-radius:12px;
  font-size:16px;font-weight:700;cursor:pointer;
  background:var(--orange);color:#fff;transition:opacity .15s;
}
.btn:active{opacity:.85}
.btn.primary{background:var(--primary)}
.btn.grey{background:var(--light);color:var(--ink)}
.btn.sm{padding:9px 0;font-size:13.5px;border-radius:10px}
/* 头部转让按钮：更大 + 天空蓝（2026-09-20 东哥定：从深珊瑚橙改回天空蓝，舒服些） */
.btn.sell-btn{width:auto;flex:none;padding:0 22px;height:50px;line-height:50px;border-radius:12px;font-size:16.5px;white-space:nowrap;background:var(--primary)}
.btn[disabled]{opacity:.5;pointer-events:none}

/* 表单 */
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:13.5px;font-weight:600;margin-bottom:5px;color:var(--ink)}
.form-group label .req{color:var(--orange);margin-left:2px}
.form-group .tip{font-size:11.5px;color:var(--soft);margin-top:3px}
input[type=text],input[type=tel],input[type=number],textarea,select{
  width:100%;padding:11px 12px;border:1.5px solid var(--light);border-radius:10px;
  font-size:14.5px;background:var(--white);color:var(--ink);outline:none;
  font-family:inherit;
}
input:focus,textarea:focus,select:focus{border-color:var(--primary)}
textarea{resize:vertical;min-height:64px}
.check-group{display:flex;gap:10px;flex-wrap:wrap}
.check-item{
  flex:1;min-width:90px;text-align:center;
  border:1.5px solid var(--light);border-radius:10px;
  padding:10px 6px;font-size:13.5px;font-weight:600;color:var(--grey);
  cursor:pointer;user-select:none;transition:all .15s;background:var(--white);
}
.check-item.on{
  border-color:var(--primary);
  background:var(--primary);
  color:var(--paper);
  font-weight:700;
}

/* 附件提示 */
.attach-box{
  background:var(--paper);border:1.5px dashed var(--soft);border-radius:12px;
  padding:12px;font-size:12.5px;color:var(--grey);
}
.attach-box b{color:var(--ink)}
.attach-list{margin:6px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--grey)}
.attach-list li{margin:1px 0;line-height:1.5}

/* 结果面板 */
.result-box{
  background:var(--primary);color:var(--paper);border-radius:14px;
  padding:18px;margin-top:6px;
}
.result-box h3{font-size:17px;margin-bottom:10px}
.result-text{
  background:rgba(255,255,255,.1);border-radius:10px;
  padding:12px;font-size:12.5px;white-space:pre-wrap;word-break:break-all;
  max-height:320px;overflow-y:auto;line-height:1.7;
}
.copy-tip{font-size:12px;color:rgba(255,255,255,.8);margin-top:10px;text-align:center}

/* 空态 */
.empty{
  text-align:center;padding:60px 20px;color:var(--grey);
}
.empty .icon{font-size:44px;margin-bottom:12px}
.empty p{font-size:13.5px}

/* 底部 */
.foot{
  margin-top:26px;text-align:center;font-size:11.5px;color:var(--soft);
}
.foot-note{text-align:center;font-size:11px;color:var(--soft);margin-top:4px;opacity:.85}

/* 状态角标（在售/洽谈中/已成交） */
.badge{
  display:inline-block;font-size:12px;font-weight:700;line-height:1;
  padding:3px 7px;border-radius:5px;margin-left:7px;vertical-align:middle;
}
.badge.on{background:rgba(46,155,224,.14);color:var(--primary-deep)}
.badge.hold{background:rgba(232,105,74,.14);color:var(--orange)}
.badge.sold{background:rgba(232,105,74,.14);color:var(--orange)}
.badge.coming{background:rgba(232,105,74,.14);color:var(--orange)}
/* 已成交卡片：标灰保留（看得见成交） */

/* 弹窗 */
.modal-mask{
  position:fixed;inset:0;background:rgba(18,48,63,.55);
  display:flex;align-items:flex-end;justify-content:center;z-index:99;
}
.modal{
  background:var(--paper);border-radius:18px 18px 0 0;
  width:100%;max-width:640px;padding:24px 20px 30px;
}
.modal h3{font-size:17px;text-align:center;margin-bottom:14px}
.modal .row{
  display:flex;justify-content:flex-start;align-items:center;gap:12px;
  background:var(--white);border-radius:10px;padding:12px 14px;margin-bottom:10px;
  font-size:14px;
}
.modal .row .k{color:var(--grey)}
.modal .row .v{font-weight:700;color:var(--ink)}
/* 弹窗 v2：导语 + 编号 + 三步动作 + 团队二维码位 */
.modal .modal-lead{font-size:12.5px;color:var(--grey);text-align:center;line-height:1.65;margin-bottom:10px}
.modal .modal-id{
  text-align:center;font-size:12.5px;color:var(--grey);
  background:var(--white);border-radius:10px;padding:8px 10px;margin-bottom:12px;
}
.modal .modal-id b{color:var(--ink);font-weight:700;letter-spacing:.3px}
.modal .act-list{display:flex;flex-direction:column;gap:9px}
.modal .act{
  background:var(--white);border-radius:10px;padding:11px 13px;
}
.modal .act-t{font-size:13.5px;font-weight:700;color:var(--ink)}
.modal .act-d{font-size:12px;color:var(--grey);margin-top:2px}
.modal .qr-box{text-align:center;margin-top:10px}
.modal .qr-box img{width:150px;height:150px;object-fit:contain;border-radius:8px}
.modal .qr-pending{
  font-size:11.5px;color:var(--soft);text-align:center;margin-top:8px;
  border:1.5px dashed var(--soft);border-radius:8px;padding:10px;
}
.modal .qr-pending:empty{display:none}
.modal .modal-sub{font-size:11.5px;color:var(--soft);text-align:center;margin:12px 0 12px;line-height:1.6}

/* ===== 卖方表单页（v9 表单版恢复） ===== */
/* 区块标题 */
.sec-title{
  font-size:15px;font-weight:700;color:var(--ink);
  margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--light);
}
/* 表单字段 */
.form-group{margin-bottom:16px}
.form-group label .req{font-style:normal}
.form-group .tip{margin-top:6px}
input.inp, input[type=date]{
  width:100%;padding:11px 12px;border:1.5px solid var(--light);border-radius:10px;
  font-size:14.5px;background:var(--white);color:var(--ink);outline:none;
  font-family:inherit;
}
input.inp:focus, input[type=date]:focus{border-color:var(--primary)}
/* 校验错误行 */
.form-group.err input, .form-group.err input.inp,
.form-group.err .check-item{border-color:var(--orange)!important}
.form-group.err label{color:var(--orange)}
/* 附件备注 */
.attach-note{
  font-size:12px;color:var(--grey);margin-top:10px;
  background:var(--paper);border-radius:8px;padding:8px 10px;
}
.attach-note b{color:var(--ink)}
/* 结果面板按钮 */
.result-box .btn{background:var(--orange);color:#fff;margin-top:12px}
.result-box .btn.sm{background:rgba(255,255,255,.16);color:var(--paper)}
/* 浮动提示条（校验/复制，黑底白字底部弹出） */
#warnBar,#toastBar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:80px;z-index:120;
  background:rgba(18,48,63,.94);color:#fff;
  padding:11px 20px;border-radius:12px;font-size:13.5px;font-weight:600;
  opacity:0;pointer-events:none;transition:opacity .2s;
  max-width:88vw;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.25);
}
#warnBar.show,#toastBar.show{opacity:1}
/* 副标题必填星 */
.page-sub i{font-style:normal;color:var(--orange);font-weight:700}
/* 联动字段（JS 控制显示） */
.link-field{display:none}

/* ===== 聊天页（问问看 · AI智能助理） ===== */
.chat-scroll{max-width:640px;margin:0 auto;padding:14px 12px 86px;display:flex;flex-direction:column;gap:10px}
.msg{display:flex;gap:8px;max-width:88%}
.msg.user{align-self:flex-end;flex-direction:row-reverse}
.msg .avatar{
  flex:none;width:38px;height:38px;border-radius:50%;
  background:var(--primary);color:var(--paper);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;
}
.msg .bubble{
  background:var(--white);border-radius:12px;
  padding:12px 15px;font-size:16px;color:var(--ink);
  box-shadow:0 1px 6px rgba(18,48,63,.06);
  white-space:pre-wrap;word-break:break-word;
}
.msg.user .bubble{background:var(--primary);color:var(--paper)}
.msg .bubble img{width:170px;height:170px;display:block;border-radius:8px;margin-top:6px}
.msg .bubble .qr-cap{font-size:12.5px;color:var(--grey);margin-top:4px;text-align:center}
.typing .bubble{color:var(--soft)}
.typing .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--soft);margin-right:4px;animation:blink 1.2s infinite}
.typing .dot:nth-child(2){animation-delay:.2s}
.typing .dot:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.chat-bar{
  position:fixed;left:0;right:0;bottom:0;
  background:var(--white);border-top:1px solid var(--light);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
}
.chat-bar .inner{max-width:640px;margin:0 auto;display:flex;gap:8px}
.chat-bar input{
  flex:1;border:1px solid var(--light);border-radius:10px;
  padding:11px 13px;font-size:16px;color:var(--ink);background:var(--paper);
  outline:none;
}
.chat-bar input:focus{border-color:var(--support)}
.chat-bar button{
  flex:none;background:var(--orange);color:#fff;border:none;border-radius:10px;
  padding:0 20px;font-size:16px;font-weight:700;
}
.chat-note{max-width:640px;margin:0 auto;padding:0 16px 8px;font-size:12px;color:var(--soft);text-align:center}

/* ===== 卡片高亮 + 资料图弹窗（2026-09-20） ===== */
.card.active{border-color:var(--orange);box-shadow:0 0 0 2px rgba(232,105,74,.35),0 6px 18px rgba(18,48,63,.10);transform:translateY(-2px)}
.photo-modal{max-height:86vh;overflow:auto;width:min(92vw,430px)}
.photo-wrap img{width:100%;display:block;border-radius:10px;border:1px solid var(--light)}
.photo-pending{background:var(--paper);border:1px dashed var(--grey);border-radius:10px;padding:22px 14px;font-size:13.5px;color:var(--grey);text-align:center}
/* ===== 右上角状态价签 + 已成交浅色按钮（2026-09-20 东哥定） ===== */
.listing-price .chip{display:inline-block;padding:5px 13px;border-radius:9px;font-size:14.5px;font-weight:700;white-space:nowrap}
.chip{background:var(--orange);color:#fff}

/* ===== 分组标题 + 已成交灰色（2026-09-20 东哥二审） ===== */
.group-title{max-width:640px;margin:18px auto 10px;padding-left:4px;
  display:flex;align-items:center;gap:10px}
.group-title span{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:1px;white-space:nowrap}
.group-title::after{content:'';flex:1;height:1px;background:var(--light)}
.chip.gray{background:var(--light) !important;color:var(--soft) !important;font-weight:600}
.btn.ghost{background:var(--light) !important;color:var(--soft) !important;border:1px solid #D8CFC0;font-weight:600}