/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_webpack-cli@5.1.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.45_typescript@5.5.4_webpack@5.94.0_webpack-cli@5.1.4_/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.1_sass@1.78.0_webpack@5.94.0_webpack-cli@5.1.4_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/pages/archive/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes article-skeleton-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 480px 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_webpack-cli@5.1.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.45_typescript@5.5.4_webpack@5.94.0_webpack-cli@5.1.4_/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.1_sass@1.78.0_webpack@5.94.0_webpack-cli@5.1.4_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/modules/archive/tips/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes article-skeleton-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 480px 0;
  }
}
.archive-tips {
  background-color: var(--jj-article-nav-bg);
  border-bottom: 1px solid var(--jj-article-nav-border);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.archive-tips-content {
  padding: 12px 20px;
}

.archive-tips-title {
  font-size: 14px;
  color: var(--jj-category-tips-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-tips-title strong {
  font-size: 16px;
  color: var(--jj-category-tips-strong-color);
}

@media screen and (max-width: 640px) {
  .archive-tips {
    border: none;
    margin-bottom: 10px;
  }
  .archive-tips-content {
    padding: 12px;
  }
}
@media screen and (max-width: 420px) {
  .archive-tips {
    margin-bottom: 8px;
  }
}