/* 朋友圈设置面板
   —— 由 styles.css 第 2393–2536 行原样切分，规则与顺序未改动。 */
/* ============ 朋友圈设置面板样式 ============ */
.moments-settings-btn{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(12px);
  border:1.5px solid rgba(255,182,217,0.55);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;
  box-shadow:0 2px 8px rgba(255,182,217,0.18);
  transition:all 0.2s ease;
}
.moments-settings-btn:active{transform:scale(0.9);}

/* 折叠块 */
.ms-collapse{
  background:#fafafa;border-radius:14px;overflow:hidden;
  margin-bottom:14px;
}
.ms-collapse-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;cursor:pointer;user-select:none;
}
.ms-collapse-head-title{font-size:14px;font-weight:600;color:#333;}
.ms-collapse-head-sub{font-size:12px;color:#999;margin-left:8px;font-weight:400;}
.ms-collapse-arrow{
  font-size:12px;color:#bbb;transition:transform 0.25s;
  display:inline-block;
}
.ms-collapse.open .ms-collapse-arrow{transform:rotate(90deg);}
.ms-collapse-body{padding:0 16px 16px;}

/* 角色网格 */
.ms-char-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:12px 8px;
}
.ms-char-cell{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  cursor:pointer;padding:6px 2px;border-radius:12px;
  transition:background 0.15s;position:relative;
}
.ms-char-cell.selected{background:#FFD4E8;}
.ms-char-avatar{
  width:48px;height:48px;border-radius:50%;
  background:#e0e0e0;display:flex;align-items:center;justify-content:center;
  font-size:22px;flex-shrink:0;
  border:2px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,0.08);
}
.ms-char-cell.selected .ms-char-avatar{border-color:#FFB6D9;}
.ms-char-name{
  font-size:11px;color:#666;text-align:center;
  max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ms-char-cell.selected .ms-char-name{color:#333;font-weight:600;}

.ms-mini-btn{
  width:100%;padding:10px;border:none;border-radius:12px;
  background:#FFD4E8;color:#fff;
  font-size:13px;font-weight:600;cursor:pointer;
  font-family:inherit;margin-top:12px;
}
.ms-mini-btn:disabled{background:#e0e0e0;color:#aaa;cursor:not-allowed;}

/* 粉色滑条（强制覆盖默认样式） */
.ms-slider-row{
  display:flex;align-items:center;gap:10px;margin-bottom:10px;
}
.ms-slider-row input[type="range"],
.ms-slider-row input[type="range"]:focus,
.ms-slider-row input[type="range"]:active{
  -webkit-appearance:none !important;
  appearance:none !important;
  flex:1 !important;
  height:6px !important;
  border-radius:3px !important;
  background:#FFD4E8 !important;
  outline:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-slider-row input[type="range"]::-webkit-slider-runnable-track{
  -webkit-appearance:none !important;
  appearance:none !important;
  height:6px !important;
  border-radius:3px !important;
  background:#FFD4E8 !important;
  border:none !important;
}
.ms-slider-row input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:22px !important;height:22px !important;
  border-radius:50% !important;
  background:#fff !important;
  border:2px solid #FFB6D9 !important;
  cursor:pointer !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.1) !important;
  margin-top:-8px !important;
}
.ms-slider-row input[type="range"]::-moz-range-track{
  height:6px !important;
  border-radius:3px !important;
  background:#FFD4E8 !important;
  border:none !important;
}
.ms-slider-row input[type="range"]::-moz-range-thumb{
  width:22px !important;height:22px !important;
  border-radius:50% !important;
  background:#fff !important;
  border:2px solid #FFB6D9 !important;
  cursor:pointer !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.1) !important;
}
.ms-num{
  width:60px;padding:6px 8px;
  border:1px solid #e0e0e0;border-radius:10px;
  font-size:14px;text-align:center;
  outline:none;font-family:inherit;color:#333;background:#fafafa;
}

/* 禁用组 */
.ms-disabled{
  opacity:0.4;pointer-events:none;
  filter:grayscale(0.2);
  transition:opacity 0.2s;
}

/* 分段选择（跟随预设 / 单独配置） */
.ms-seg{
  display:flex;gap:8px;margin-bottom:10px;
}
.ms-seg-item{
  flex:1;padding:9px;border-radius:10px;
  text-align:center;font-size:13px;cursor:pointer;
  background:#f5f5f5;color:#666;
  transition:all 0.15s;
}
.ms-seg-item.active{
  background:#FFD4E8;color:#fff;font-weight:600;
}