/* Snows Blog - 基础样式 (从 Vue3 博客移植) */

/* 自定义光标 */
body {
  cursor: url('/themes/snows-blog/srcs/images/cursor/default.png'), auto !important;
}

.pointer, .btn {
  cursor: url('/themes/snows-blog/srcs/images/cursor/pointer.png'), auto !important;
}

.text {
  user-select: text;
  cursor: url('/themes/snows-blog/srcs/images/cursor/text.png'), auto !important;
}

.user-select-none {
  user-select: none;
  cursor: url('/themes/snows-blog/srcs/images/cursor/default.png'), auto !important;
}

/* 自定义字体 */
@font-face {
  font-family: '优设标题黑';
  src: url('../fonts/优设标题黑.ttf') format('truetype');
}

@font-face {
  font-family: '喵喵体';
  src: url('../fonts/喵喵体.ttf') format('truetype');
}

@font-face {
  font-family: 'DSDIGI';
  src: url('../fonts/DSDIGI.TTF') format('truetype');
}

@font-face {
  font-family: '电影旁白体';
  src: url('../fonts/电影旁白体.ttf') format('truetype');
}

/* 标题样式 */
h1 { font-size: 22px; font-weight: 500; line-height: 26px; }
h2 { font-size: 20px; font-weight: 500; line-height: 24px; }
h3 { font-size: 19px; font-weight: 500; line-height: 23px; }
h4 { font-size: 18px; font-weight: 500; line-height: 22px; }
h5 { font-size: 17px; font-weight: 500; line-height: 22px; }
h6 { font-size: 16px; font-weight: 500; line-height: 20px; }

/* 通用样式类 */
.text-shadow { text-shadow: var(--text-shadow); }
.box-shadow { box-shadow: 1px 1px 3px 0 var(--text-color-2); }
.hover-shadow:hover { box-shadow: 1px 1px 5px 0px var(--theme-color) !important; }
.num-f { font-family: 'DSDIGI'; }
.high-light { color: var(--theme-color); }
.link { color: #36c0e6; }
a { text-decoration: none; }

/* 引用样式 */
.quote {
  border-left: 5px solid var(--theme-color);
  padding: 10px 20px;
  background-color: #e7e7e7;
  border-radius: var(--border-radius-1);
  box-shadow: 1px 1px 4px 0px #c0bfbf;
}
.dark .quote {
  background-color: #4a4a4a;
}

/* 省略号 */
.line-1-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.line-2-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-3-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}