/* 交付形式层 V0.5.1 —— 主题输入后的「这次要出什么」选项卡 */

.dm-mask{
  position:fixed;inset:0;
  display:none;
  align-items:center;justify-content:center;
  background:#0b0e10cc;
  backdrop-filter:blur(3px);
  z-index:9998;
}

.dm-card{
  width:min(560px,92vw);
  max-height:88dvh;
  overflow:auto;
  padding:22px 22px 16px;
  background:#1c2023;
  border:1px solid #3a4247;
  border-radius:14px;
  box-shadow:0 24px 80px #000c;
}
.dm-card h3{
  margin:0;
  font-size:17px;font-weight:500;
  color:#eeeae2;
}
.dm-sub{
  margin:7px 0 16px;
  font-size:12px;line-height:1.6;
  color:#8b9497;
  word-break:break-all;
}

.dm-list{display:flex;flex-direction:column;gap:7px}

.dm-opt{
  display:block;width:100%;
  text-align:left;
  padding:11px 13px;
  background:#22282b;
  border:1px solid #363e42;
  border-radius:9px;
  color:#d7dcd9;
  cursor:pointer;
  transition:border-color .14s, background .14s;
  font-family:inherit;
}
.dm-opt:hover{background:#282f33;border-color:#4c565b}
.dm-opt b{
  display:block;
  font-size:13px;font-weight:500;
  margin-bottom:4px;
  color:#eeeae2;
}
.dm-opt span{
  display:block;
  font-size:11.5px;line-height:1.5;
  color:#8b9497;
}
/* 选中：左侧亮边 + 蓝框，和画布选中态用同一套语言 */
.dm-opt.on{
  border-color:var(--cn-sel,#2f81f7);
  background:#1e2a3a;
  box-shadow:inset 3px 0 0 var(--cn-sel,#2f81f7);
}
.dm-opt.on b{color:#fff}

.dm-foot{
  display:flex;align-items:center;gap:10px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #2f373b;
}
.dm-tip{
  flex:1;min-width:0;
  font-size:11px;line-height:1.5;
  color:#767f83;
}
.dm-foot button{
  flex:none;
  padding:8px 14px;
  font-size:12px;
  border-radius:7px;
  cursor:pointer;
  font-family:inherit;
  border:1px solid #424b4f;
  background:transparent;
  color:#c9cecb;
}
.dm-foot button:hover{background:#2c3236;border-color:#5a6469}
.dm-foot .dm-ok{
  background:var(--cn-sel,#2f81f7);
  border-color:var(--cn-sel,#2f81f7);
  color:#fff;
  font-weight:500;
}
.dm-foot .dm-ok:hover{background:#4b93f8;border-color:#4b93f8}

@media(max-width:760px){
  .dm-card{padding:18px 16px 12px}
  .dm-foot{flex-wrap:wrap}
  .dm-tip{flex-basis:100%}
}