@import url("./dengue-virus.css");

/* 复用病毒图谱的仪器式布局，仅覆盖诺如病毒的结构语义与配色。 */
.norovirus-page {
  --dv-teal: #167c80;
  --dv-teal-dark: #0d6268;
  --dv-mint: #e0f1ef;
  --dv-coral: #d9a928;
  --dv-gold: #c99a22;
}
.norovirus-page .structure-label[data-label="p"] i { background: var(--dv-coral); box-shadow: 0 0 0 1px var(--dv-coral); }
.norovirus-page .structure-label[data-label="s"] i { background: #c99a22; box-shadow: 0 0 0 1px #c99a22; }
.norovirus-page .structure-label[data-label="vp2"] i { background: #7fb8c4; box-shadow: 0 0 0 1px #7fb8c4; }
.norovirus-page .structure-label[data-label="rna"] i { background: #8a8f98; box-shadow: 0 0 0 1px #8a8f98; }
.norovirus-page .symbol-p:before,
.norovirus-page .symbol-p:after { content: ""; position: absolute; width: 8px; height: 18px; top: 5px; border: 3px solid var(--dv-coral); border-bottom: 0; border-radius: 8px 8px 0 0; }
.norovirus-page .symbol-p:before { left: 3px; transform: rotate(-12deg); }
.norovirus-page .symbol-p:after { right: 3px; transform: rotate(12deg); }
.norovirus-page .symbol-s { border: 5px solid #d5ac32; border-radius: 50%; background: #f7e8ad; box-shadow: inset 0 0 0 2px #fff; }
.norovirus-page .symbol-vp2:before { content: ""; position: absolute; inset: 4px; background: #a9d4d2; clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); }
.norovirus-page .symbol-vp2:after { content: ""; position: absolute; inset: 9px; border: 1px solid #fff; border-radius: 50%; }
.norovirus-page .structural-protein-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.norovirus-page .genome-utr { line-height: 1.45; font-size: 9px; }
.norovirus-page .gene-vp1 { flex: 1.65; }
.norovirus-page .gene-vp2 { flex: 1.35; }
.norovirus-page .gene-ns7 { flex: 1.35; }
@media (max-width: 860px) {
  .norovirus-page .structural-protein-grid { grid-template-columns: 1fr; }
}