/* ===== 模式二：底部悬浮胶囊条（贴在整屏最底部，压在料盘之上） ===== */
.ed-capsule{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:5;
  display:none;flex-direction:column;
  background:#fff;border:1px solid rgba(0,0,0,.045);border-radius:30px;
  box-shadow:0 12px 30px -14px rgba(0,0,0,.38), 0 2px 10px rgba(0,0,0,.05);
  padding:9px 10px 9px 12px;
}
.cp-main{display:flex;align-items:center;gap:8px;}
.cp-ic{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--bg-2);}
/* 左侧图标：完整品牌图（R45 起不再插 SVG 手串图标 —— js/15 只切状态类，图由这里铺） */
.cp-ico{
  position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;
  background:url("/brand/brand-240.webp") center/cover no-repeat;
  transition:opacity .2s,filter .2s;
}
/* 空设计（一颗都没串）：压暗一点，跟旁边变浅的文字一个调 */
.cp-ico.off{opacity:.45;filter:grayscale(.7);}
.cp-badge{
  position:absolute;left:-5px;top:-4px;min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:#1d1d1f;color:#fff;
  font-size:9.5px;font-style:normal;font-weight:600;line-height:16px;text-align:center;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.cp-tx{flex:1 1 auto;min-width:0;overflow:hidden;}
.cp-row1{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.cp-row1 b{font-size:13.5px;font-weight:600;letter-spacing:.03em;color:var(--ink);}
.cp-sub{font-size:10px;color:var(--muted-2);letter-spacing:.02em;}
.cp-row2{
  display:flex;align-items:center;gap:5px;margin-top:2px;
  font-size:9.5px;color:var(--muted);white-space:nowrap;
}
.cp-row2 b{font-family:var(--serif);font-size:11.5px;font-weight:600;color:var(--ink-2);}
.cp-row2 i{font-style:normal;color:rgba(0,0,0,.14);}
.cp-price{font-family:var(--serif);font-size:12.5px;font-weight:600;color:var(--gold-dark);}
.cp-more{
  flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg-2);border:1px solid var(--line-2);
  transition:transform .25s;
}
.cp-more svg{width:15px;height:15px;stroke:var(--ink-2);stroke-width:2.1;}
.ed-capsule.open .cp-more{transform:rotate(180deg);}
.cp-order{
  flex:0 0 auto;height:38px;padding:0 15px;border-radius:999px;
  background:linear-gradient(180deg,#1d1d1f,#2b2b2e);color:#fff;
  font-size:13px;font-weight:600;letter-spacing:.08em;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.6);
  transition:transform .18s,opacity .2s;
}
.cp-order:active{transform:translateY(1px);}
.cp-order.off{opacity:.45;}
.cp-order.off:active{transform:none;}