body nav .navbar-brand,img.logo {
	min-width: 6.25rem;
	max-width: 12.375rem;
}
ul.navbar-nav li a:hover {
	color: #397DFF;
}
.bg-dark{
	background: rgb(20, 21, 32) !important;
}
.bg-transparent {
  background: transparent;
}
.navbar-collapse{
	flex-grow: 0;
}
/* index */
.ability .card{
	color: #FFFFFF;
}
.ability .card .card-body, .footer-row {
	background-repeat: no-repeat;
	background-size: cover;
}
.ability .card .prefix {
	font-weight: bold;
}
.ability .card .suffix, .future .card .suffix {
	color: #b7b7b7;
}
.ability .card .num {
	font-size: calc(1.825rem + .9vw);
}

body .ability .card-body {
	transition: all 0.3s ease; /* 平滑过渡效果 */
}
body .ability .card-body:hover {
	transform: scale(1.1);
}
body .writer-entry img{
	min-width: 1.25rem;
	max-width: 2.375rem;
}
body .product .product-text{
	color: #b7b7b7;
	letter-spacing: 0.1em;
	text-align: justify;
	line-height: 2.4em;
}
body .future h2 {
	font-size: calc(.825rem + .9vw);
}
body .future .future-text {
	transition: all 0.3s ease; /* 平滑过渡效果 */
	background: rgb(20, 21, 32, .6) !important;
	letter-spacing: 0.1rem;
	text-align: justify;
}
body .future .future-text:hover {
	transform: scale(.9);
}
body dl dt {
	font-weight: bold;
	line-height: 2rem;
}
body dl dd {
	line-height: 2rem;
	font-weight: bold;
	transition: color 0.3s ease; /* 平滑过渡效果 */
}
body dl dd:hover {
	color: #397DFF;
	cursor: pointer;
}
dd a {
	text-decoration: none;
	color: inherit; /* 按钮内部链接的颜色 */
}
dd a:hover,
dd a:active,
dd a:focus {
  text-decoration: none;
  outline: none;
}

/* 定义动画的关键帧 */
@keyframes fadeInOut {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

/* 应用动画到元素 */
.loop-fade-in-out {
  /* 指定动画名称 */
  animation-name: fadeInOut;
  /* 动画持续时间 */
  animation-duration: 8s;
  /* 动画无限循环 */
  animation-iteration-count: infinite;
  /* 动画开始时的状态 */
  animation-fill-mode: forwards;
  /* 动画的时序函数 */
  animation-timing-function: linear;
}
.loop-fade-in-out2 {
  /* 指定动画名称 */
  animation-name: fadeInOut;
  /* 动画持续时间 */
  animation-duration: 8s;
  /* 动画无限循环 */
  animation-iteration-count: infinite;
  /* 动画开始时的状态 */
  animation-fill-mode: forwards;
  /* 动画的时序函数 */
  animation-timing-function: linear;
  /* 延迟开始，以实现交替效果 */
  animation-delay: 4s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

.text-fade-in {
  animation-name: fadeIn;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  will-change: opacity;
}

.text-fade-in2 {
  animation-name: fadeIn;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 3s; /* 延迟开始，以实现交替效果 */
  will-change: opacity;
}

.text-fade-out {
	animation-name: fadeOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 1.5s; /* 延迟开始，以实现交替效果 */
	will-change: opacity;
}

/* writer */
.writer-body {
	background: #252633;
	background-image: url('images/writer-bg.jpg'); /* 设置背景图像 */
	background-position: center center; /* 将背景图像放置在屏幕中心 */
	background-size: cover; /* 确保背景图像覆盖整个元素 */
	background-attachment: fixed; /* 固定背景图像，不随滚动条滚动 */
	min-height: 100vh; /* 设置最小高度为视口的100% */
}
.bg-blue {
	background-color: #397DFF;
}
/* scrollbar、textarea */
.element {
  overflow-y: scroll;
  scrollbar-width: 5px;
  scrollbar-color: #252533;
}

.element::-webkit-scrollbar {
  width: 5px;
  scrollbar-color: #252533 rgba(29,30,39,0.7);
}

.element::-webkit-scrollbar-track {
  background-color: rgba(29,30,39,0.7);
}

.element::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.1); /* 滑块颜色 */
  border-radius: 6px; /* 滑块圆角 */
}

.element::-webkit-scrollbar-corner {
  background-color: #252533;
}

/* textarea */
/* WebKit browsers (Safari, Chrome, etc.) */
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: rgba(255,255,255,0.4);
}

/* Firefox 19+ */
textarea::-moz-placeholder, input::-moz-placeholder {
  color: rgba(255,255,255,0.4);
  opacity: 1;
}

/* Internet Explorer 10-11 */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: rgba(255,255,255,0.4);
}

/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: rgba(255,255,255,0.4);
}

/* 普通浏览器 */
textarea::placeholder, input::placeholder {
  color: rgba(255,255,255,0.4);
}
/* modal */
.modal .modal-dialog {
	color: rgba(255,255,255,0.9);
	margin-top: 11.75rem;
}
.modal .modal-dialog .modal-content {
	background: #252633;
}
.modal .modal-dialog .modal-header,.modal .modal-dialog .modal-footer {
	border: 0;
}
.modal .modal-title {
	color: rgba(255,255,255,0.9);
	font-size: 2.375rem;
}
.modal .btn-close {
	color: rgba(255,255,255,0.9) !important;
}
.dropdown-menu-custom {
   /* left: auto;
    right: 0; */
	width: 4rem !important;
	background-color: rgba(0,0,0,0.8);
	color: #FFFFFF;
	a {
		color: #FFFFFF;
		background-color: rgba(0,0,0,0.8);
	}
	a:hover {
		color: #FFFFFF;
		background-color: rgba(0,0,0,0.8);
	}
  }