/* ===== Theme 6 基础变量 ===== */
:root[data-theme="6"] {
  --primary: #6987A1;
  --primary-light: #92AEC7;
  --primary-soft: #DBE7F0;
  --primary-dark: #4A6270;

  --text-main: #31465A;
  --text-sub: #6B7B9D;
}

/* ===== 全局字体 ===== */
:root[data-theme="6"],
:root[data-theme="6"] * {
  font-family:
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans SC",
    "Helvetica Neue",
    Arial,
    sans-serif;
}

/* ===== 标题与说明 ===== */
:root[data-theme="6"] #questionTitle {
  color: var(--text-main);
  font-size: 28px;
  line-height: 1.4;
  word-break: break-word;
}

:root[data-theme="6"] #dimensionHint,
:root[data-theme="6"] .dimension-hint,
:root[data-theme="6"] .question-hint {
  color: var(--text-sub);
  font-size: 14px;
  line-height: 1.6;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  word-break: break-word;
}

/* ===== 进度条 ===== */
:root[data-theme="6"] #progressFill {
  background: linear-gradient(90deg, var(--primary-light), var(--primary));
  border-radius: 999px;
}

/* ===== 选项列表 ===== */
:root[data-theme="6"] #optionsList {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

:root[data-theme="6"] .option-item {
  width: 100%;
  display: block;
  margin: 0;
}

/* ===== 隐藏原生 radio ===== */
:root[data-theme="6"] .option-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ===== 选项主体 ===== */
:root[data-theme="6"] .option-label {
  width: 100%;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  gap: 18px;

  min-height: 72px;
  padding: 18px 22px 18px 18px;

  border-radius: 20px;
  border: 1px solid rgba(105, 135, 161, 0.16);
  background: rgba(255, 255, 255, 0.72);

  cursor: pointer;
  transition: all 0.2s ease;
}

:root[data-theme="6"] .option-label:hover {
  transform: translateY(-1px);
  border-color: rgba(105, 135, 161, 0.30);
  box-shadow: 0 8px 20px rgba(74, 98, 112, 0.08);
}

:root[data-theme="6"] .option-item.selected .option-label {
  border-color: var(--primary);
  background: rgba(219, 231, 240, 0.72);
  box-shadow: 0 8px 22px rgba(105, 135, 161, 0.12);
}

/* ===== 左侧字母圆点 ===== */
:root[data-theme="6"] .option-letter {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: var(--primary-soft);
  color: var(--primary-dark);

  font-size: 16px;
  font-weight: 700;
  line-height: 1;

  margin: 0;
  transform: translateY(0);
}

:root[data-theme="6"] .option-item.selected .option-letter {
  background: var(--primary);
  color: #ffffff;
}

/* ===== 选项文字 ===== */
:root[data-theme="6"] .option-text {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;

  display: flex;
  align-items: center;
  min-height: 36px;
  margin: 0;

  color: var(--text-main);
  font-size: 18px;
  line-height: 1.6;
  text-align: left;

  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  letter-spacing: 0.01em;
}

:root[data-theme="6"] .option-label span {
  writing-mode: horizontal-tb;
  text-orientation: mixed;
}

/* ===== 按钮 ===== */
:root[data-theme="6"] #nextBtn {
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  color: #ffffff;
  border: none;
  border-radius: 18px;
  transition: all 0.2s ease;
}

:root[data-theme="6"] #nextBtn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(105, 135, 161, 0.18);
}

:root[data-theme="6"] #nextBtn:disabled {
  box-shadow: none;
}

:root[data-theme="6"] #prevBtn {
  border-radius: 18px;
  transition: all 0.2s ease;
}

:root[data-theme="6"] #prevBtn:hover:not(:disabled) {
  transform: translateY(-1px);
}

/* ===== 顶部小字/题号 ===== */
:root[data-theme="6"] #questionCounter,
:root[data-theme="6"] #progressText {
  color: var(--text-main);
}

/* ===== 保险：防止竖排遗留 ===== */
:root[data-theme="6"] .option-label,
:root[data-theme="6"] .option-label span,
:root[data-theme="6"] .option-text,
:root[data-theme="6"] #questionTitle,
:root[data-theme="6"] #dimensionHint {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}