/* Q001: OpenAI's official, unmodified monochrome Blossom asset. */
.icon-quiz .icon-option.violet {
  background: #111111;
}

.icon-quiz .knot-mark {
  display: block;
  width: 66px;
  height: 66px;
  background: url('./openai-white-monoblossom.svg?v=20260909') center / contain no-repeat;
  font-size: 0;
  line-height: 0;
  transform: none;
}

@media (max-width: 720px) {
  .icon-quiz .knot-mark {
    width: 58px;
    height: 58px;
  }
}

/* V2 Q001: official DeepSeek artwork, plus recognizable distractors. */
.deepseek-logo-quiz .icon-option.green {
  background: #163a8a;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.deepseek-logo-quiz .icon-option.green > b { color: #fff; opacity: 1; }
.deepseek-logo-quiz .node-mark {
  width: 96px;
  height: 72px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-image: url('./deepseek-official-icon.png?v=20260909');
  background-position: left center;
  background-size: auto 72px;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}

.deepseek-logo-quiz .icon-option.blue {
  background: #f4f1ff;
  box-shadow: inset 0 0 0 1px rgba(99, 65, 235, .18);
}
.deepseek-logo-quiz .icon-option.blue > b { color: #5637dc; opacity: 1; }
.deepseek-logo-quiz .wave-mark {
  width: 76px;
  height: 76px;
  background: url('./qwen-official-icon.png?v=20260909') center / contain no-repeat;
  font-size: 0;
  transform: none;
}
.deepseek-logo-quiz .wave-mark::after { content: none; }

.deepseek-logo-quiz .icon-option.orange {
  background: #edf7ff;
  box-shadow: inset 0 0 0 1px rgba(41, 123, 205, .18);
}
.deepseek-logo-quiz .icon-option.orange > b { color: #1968b2; opacity: 1; }
.deepseek-logo-quiz .bubble-mark {
  width: 78px;
  height: 78px;
  border: 0;
  border-radius: 0;
  background: url('./doubao-official-icon.png?v=20260909') center / contain no-repeat;
}
.deepseek-logo-quiz .bubble-mark::after { content: none; }

.prompt-compare-visual {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items: stretch;
  padding: 22px;
  border: 1px solid #cfe0f6;
  border-radius: 22px;
  background: #f5f9ff;
}

.prompt-compare-visual article {
  padding: 20px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(13,71,161,.07);
}

.prompt-compare-visual article:last-child { border: 2px solid #1565c0; }
.prompt-compare-visual b { color: #0d47a1; font-size: 17px; }
.prompt-compare-visual p { margin: 10px 0 0; color: #314766; line-height: 1.7; }
.prompt-compare-visual > span { align-self: center; color: #ff8c00; font-weight: 900; }
.chart-card .chart-grid path { fill: none; }

@media (max-width: 720px) {
  .deepseek-logo-quiz .node-mark { width: 82px; height: 60px; background-size: auto 60px; }
  .deepseek-logo-quiz .wave-mark,
  .deepseek-logo-quiz .bubble-mark { width: 66px; height: 66px; }
  .prompt-compare-visual { grid-template-columns: 1fr; gap: 10px; padding: 14px; }
  .prompt-compare-visual > span { justify-self: center; }
}

.qwen-logo-quiz .icon-option.green {
  background: #f6f3ff;
  box-shadow: inset 0 0 0 1px rgba(99, 65, 235, 0.18);
}

.qwen-logo-quiz .icon-option.green > b {
  color: #5637dc;
  opacity: 1;
}

.qwen-logo-quiz .node-mark {
  display: block;
  width: 76px;
  height: 76px;
  border: 0;
  border-radius: 0;
  background: url('./qwen-official-icon.png?v=20260909') center / contain no-repeat;
  box-shadow: none;
}

@media (max-width: 720px) {
  .qwen-logo-quiz .node-mark {
    width: 66px;
    height: 66px;
  }
}