/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

:root {
  --background-color: #faf9f7;
}

body {
  background-color: var(--background-color);
  min-height: 100vh;
}



.gongwen .greeting {
  text-indent: 0;
  font-weight: bold;
}



.gongwen h1 {
  font-size: 22pt;
  font-family: '方正小标宋简体';
  letter-spacing: 2px;
  text-align: center;
  line-height: 32pt;
  margin-bottom: 6pt;
  margin-top: 6pt;
}


.gongwen h2,
.gongwen h3,
.gongwen h4,
.gongwen h5 {
    font-family: '黑体', 'SimHei', 'SimSun';
    font-size: 16pt;
    text-indent: 32pt;
    margin-bottom: 6pt;
    margin-top: 6pt;
}

.gongwen p {
  font-size: 16pt;
  text-indent: 32pt;
  line-height: 28pt;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: 'Times New Roman', FangSong, FangSong_GB2312, STFangsong, "华文仿宋", "华文仿宋简体", "仿宋_GB2312", "仿宋";
  margin-bottom: 6pt;
  margin-top: 6pt;
}

.gongwen textarea {
  font-size: 16pt;
  line-height: 32pt;
}

.gongwen strong {
  font-family: '黑体';
}

.font-fangsong {
    font-family: 'Times New Roman', FangSong, FangSong_GB2312, STFangsong, "仿宋_GB2312", "仿宋", "华文仿宋";
}

.text-indent {
  text-indent: 2em;
}

.occurrence {
  padding: 4px;
  color: white;
  background-color: #000;
}

@keyframes flash-highlight {
  0%   { background-color: #ffe066; }
  25%  { background-color: transparent; }
  50%  { background-color: #ffe066; }
  75%  { background-color: transparent; }
  100% { background-color: #ffe066; }
}

.highlight-animation {
  animation: flash-highlight 1s linear 1;
}

.note {
  @apply underline underline-offset-2;
}

.note-wavy {
  @apply text-decoration-wavy;
}

.note-solid {
  @apply text-decoration-solid;
}

.note-dashed {
  @apply text-decoration-dashed;
}

/* .note-popover { opacity: 0; transform: translateY(8px) scale(0.98); transition: opacity 0.18s cubic-bezier(.4,0,.2,1), transform 0.18s cubic-bezier(.4,0,.2,1); pointer-events: none; }
.note-popover.active { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }  */

.fwzh {
    font-size: 16pt;
    text-align: center;
    font-family: 'Times New Roman', FangSong, FangSong_GB2312, STFangsong, "仿宋_GB2312", "仿宋", "华文仿宋";
    line-height: 28pt;
}


.entry-title {
    font-size: 14pt;
    font-family: 'Times New Roman', FangSong, FangSong_GB2312, STFangsong, "仿宋_GB2312", "仿宋", "华文仿宋";
    line-height: 22pt;
}

.entry-title-elegant {
    font-size: 14pt;
    font-family: '方正小标宋简体';
    line-height: 22pt;
}

.entry-title:hover{
    text-decoration: underline;
}

.gongwen .entry-title {
    line-height: 22pt; 
}

.gongwen .entry-title:hover{
    text-decoration: underline;
}

[data-radix-scroll-area-viewport]{
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;}
    
[data-radix-scroll-area-viewport]::-webkit-scrollbar{
    display:none
}

.rich_paragraph:hover {
  background-color: #f0f0f0;
}

div.reference_paragraph {
  width: 50%;
}

div.container.for_comparasion {
  width: 50%;
}

.h-viewport {
    height: calc(100vh - 68px);
}

.h-content {
  height: calc(100vh - 68px);
}


.shadow-figma {
  box-shadow: 
    0px 0px 2px 0px rgba(35, 43, 120, 0.08),
    0px 1px 4px 0px rgba(35, 43, 120, 0.08),
    0px 6px 24px 0px rgba(35, 43, 120, 0.04);
}


.rank-1 {
    color: #AB1D22;
    border-right: 4px solid #AB1D22;
}

.rank-2 {
    color: #2E59A7;
    border-right: 4px solid #2E59A7;
}

.rank-3 {
    color: #2A6E3F;
    border-right: 4px solid #2A6E3F;
}

.rank-4 {
    color: #BF9C46;
    border-right: 4px solid #BF9C46;
}


.srank-1 {
  border-left: 8px solid #AB1D22;
  padding-left: 4px;
}

.srank-2 {
  border-left: 8px solid #2E59A7;
  padding-left: 4px;
}

.srank-3 {
  border-left: 8px solid #2A6E3F; 
  padding-left: 4px;
}

.srank-4 {
  border-left: 8px solid #BF9C46;
  padding-left: 4px;
}

.markdown-body {
    color: inherit;
    line-height: 1.6;
  }

  .markdown-body pre {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.375rem;
    padding: 0.75rem;
    margin: 0.5rem 0;
    overflow-x: auto;
  }

  .markdown-body code {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0.2em 0.4em;
    border-radius: 0.25rem;
    font-size: 0.875em;
  }

  .markdown-body pre code {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
  }

  .markdown-body blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.2);
    padding-left: 1rem;
    margin: 0.5rem 0;
    color: rgba(255, 255, 255, 0.8);
  }

  .markdown-body ul, .markdown-body ol {
    padding-left: 1.5rem;
    margin: 0.5rem 0;
  }

  .markdown-body li {
    margin: 0.25rem 0;
  }

  .markdown-body table {
    border-collapse: collapse;
    width: 100%;
    margin: 0.5rem 0;
  }

  .markdown-body th, .markdown-body td {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem;
  }

  .markdown-body img {
    max-width: 100%;
    border-radius: 0.375rem;
  }

  .markdown-body p {
    margin: 0.5rem 0;
  }

  .markdown-body h1, .markdown-body h2, .markdown-body h3,
  .markdown-body h4, .markdown-body h5, .markdown-body h6 {
    margin: 1rem 0 0.5rem;
    font-weight: 600;
    line-height: 1.25;
  }

.darken {
  filter: brightness(0.95);
}