body{
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,
    "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
}

.sub-diff-scrollbar::-webkit-scrollbar{
  width:10px;
  height:10px;
}

.sub-diff-scrollbar::-webkit-scrollbar-track{
  background:transparent;
}

.sub-diff-scrollbar::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:999px;
}

.sub-diff-scrollbar::-webkit-scrollbar-thumb:hover{
  background:#94a3b8;
}

::selection{
  background:rgba(37,99,235,.16);
}

mark{
  background:rgba(251,191,36,.42);
  padding:0 .08em;
  border-radius:.25rem;
}

.sub-diff-cell{
  white-space:pre-wrap;
  word-break:break-word;
  line-height:1.75;
}

.diff-left{
  background:rgba(251,113,133,.16);
  border-radius:.25rem;
  padding:0 .08em;
}

.diff-right{
  background:rgba(96,165,250,.18);
  border-radius:.25rem;
  padding:0 .08em;
}

.diff-time{
  color:#64748b;
  font-size:12px;
  font-weight:600;
  display:block;
  margin-bottom:6px;
}

.sub-diff-table{
  min-width:960px;
}

.sub-diff-table th:nth-child(2),
.sub-diff-table th:nth-child(3),
.sub-diff-table td:nth-child(2),
.sub-diff-table td:nth-child(3){
  width:calc((100% - 72px - 120px - 160px) / 2);
}

@media (max-width: 1024px){
  .sub-diff-table{
    min-width:900px;
  }
}

@media (max-width: 768px){
  .sub-diff-table{
    min-width:820px;
  }

  .sub-diff-cell{
    line-height:1.65;
  }
}