/*
 * 刷题品牌保护层
 * - 题目区使用小型、多条、低干扰的斜向重复水印
 * - 题目配图的水印已写入图片像素，此处不再二次叠加
 */
:root{
  --quiz-brand-logo:url("../brand/guide-scholar-mark.svg");
  --quiz-brand-tile:url("../brand/quiz-watermark-tile.svg");
  --quiz-brand-ink:24,90,88;
}

/* 正式题库：小型品牌纹样均匀铺满题卡，避免单枚大水印压题。 */
body[data-view="quiz"].quiz-answering .practice-card,
body[data-view="quiz"] .visual-question-copy{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body[data-view="quiz"].quiz-answering .practice-card::before,
body[data-view="quiz"] .visual-question-copy::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background-image:var(--quiz-brand-tile);
  background-position:18px 4px;
  background-repeat:repeat;
  background-size:360px 150px;
  color:transparent;
  font-size:0;
  pointer-events:none;
  user-select:none;
  opacity:.1;
}
body[data-view="quiz"].quiz-answering .practice-card > *,
body[data-view="quiz"] .visual-question-copy > *{
  position:relative;
  z-index:1;
}

/* 旧的单枚大型水印由上面的重复品牌纹样取代。 */
body[data-view="quiz"].quiz-answering .practice-stage::before{
  content:none!important;
}

/* 免费摸底也是刷题入口，使用同一套品牌识别。 */
.diagnostic-hero ~ .quiz-wrap .quiz-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.diagnostic-hero ~ .quiz-wrap .quiz-panel::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background-image:var(--quiz-brand-tile);
  background-position:10px 0;
  background-repeat:repeat;
  background-size:320px 133px;
  color:transparent;
  font-size:0;
  pointer-events:none;
  user-select:none;
  opacity:.1;
}
.diagnostic-hero ~ .quiz-wrap .quiz-panel > *{
  position:relative;
  z-index:1;
}

@media(max-width:620px){
  body[data-view="quiz"].quiz-answering .practice-card::before,
  body[data-view="quiz"] .visual-question-copy::before,
  .diagnostic-hero ~ .quiz-wrap .quiz-panel::before{
    background-position:0 5px;
    background-size:250px 104px;
    opacity:.085;
  }
}

@media print{
  body[data-view="quiz"].quiz-answering .practice-card::before,
  body[data-view="quiz"] .visual-question-copy::before,
  .diagnostic-hero ~ .quiz-wrap .quiz-panel::before{
    opacity:.12;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
}