.grid_quote {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 20px;
	max-width: 1200px;
	width: 100%;
	border-radius: 10px;
	/* margin: 0 auto; */
	/* padding: 0 15px; */
	height: 200px;
	position:relative;
	
	/* background: linear-gradient(45deg, #ff0000, #0000ff);
	background-size: 400% 400%;
	animation: gradientShift 15s ease infinite; */

	/* background: linear-gradient( to top left, #fdfcc4,#fff); */
	
	/* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), 
				url('https://picsum.photos/900/2000') center/cover; */
	/* background-color: orange; */
  }

	/* @keyframes gradientShift {
	0% {
		background: linear-gradient(45deg, #ff0000, #0000ff);
	}
	25% {
		background: linear-gradient(135deg, #00ff00, #ff00ff);
	}
	50% {
		background: linear-gradient(225deg, #ffff00, #00ffff);
	}
	75% {
		background: linear-gradient(315deg, #ff00ff, #00ff00);
	}
	100% {
		background: linear-gradient(45deg, #0000ff, #ff0000);
	}
	} */


  .grid_quote::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius:10px;
	/* background: #fef9c3; */
	background: linear-gradient( to top left, #fdfcc4,#fff);
	/* background: url('https://picsum.photos/id/830/5000/3333') center/cover; */
	/* background: url('https://picsum.photos/id/756/5000/3333') center/cover; */
	/* background: url('https://picsum.photos/id/450/4288/2848') center/cover; */
	/* background: url('https://picsum.photos/id/313/3888/2592') center/cover; */
	/* background: url('https://picsum.photos/id/206/2880/1800') center/cover; */
	/* background: url('https://picsum.photos/id/185/3995/2662') center/cover; */
    /* background: url('https://picsum.photos/1200/800?grayscale') center/cover; */
	/* background: url('https://picsum.photos/500/1200?grayscale') center/cover; */
    /* opacity: 0.1;  */
    z-index: -1; /* 将伪元素置于内容下方 */
  }
  
  #grid_quote_show {
	position: relative;
	overflow-x:auto;
	height: 100%;
	padding:0 2em;
	/* background: url('https://picsum.photos/1200/800?grayscale') center/cover; */
	/* opacity: 0.3; */
	/* padding: 20px; */
	/* border-radius: 10px; */
	/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
  }
  
  #grid_quote_status {
	position: relative;
	overflow: hidden;
	height: 100%;
	/* border-left:solid 1px rgb(202, 198, 198); */
	/* padding:20px; */
	/* background: rgba(255,255,255,0.1); */
	/* border-radius: 10px; */
	/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
  }
  #grid_quote_status::after {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 60%;
	
	background:#fff;
	/* background: rgb(254, 255, 212); */
    opacity: 0.5; /* 设置透明度 */
    z-index: -1; /* 将伪元素置于内容下方 */
  }
  
  .carousel-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
  
  .carousel-inner {
	display: flex;
	height: 100%;
	transition: transform 0.5s ease;
  }
  
  .carousel-item {
	flex: 0 0 100%;
	height: 100%;
	display: flex;
	align-items: center;
	/* text-indent: 2em; */
	/* text-align:center; */
	/* padding:0 2em; */
	/* justify-content: center; */
	/* color: #333; */
	/* text-align: center; */
	/* padding: 20px; */
  }

  #grid_quote_status .carousel-item{
	text-indent: 2em;
	/* width: 100%;
	text-align:center; */
  }
  
  .quote-text {
	/* line-height: 1.6; */
	/* font-size: 1.2em; */
	/* color:#be123c; */
	/* color: #1e509c; */
	/* color: rgba(0,0,0,0.6); */
	/* font-weight: bold; */
	/* color:#ec4899; */
	/* font-style: italic; */
  }
  
  .quote-author {
	margin-top: 15px;
	display:flex;
	align-items: center;
	justify-content: flex-end;
	/* font-size: 1em; */
	/* font-weight: bold; */
  }
  .quote-author .line{
	width: 80px;
	height: 1px;
	background-color: #fecdd3;
	margin-right: 10px;
  }
  .quote-author-avatar{ 
	width:30px; 
	height:30px; 
	border-radius:50%; 
	margin-right:10px; 
  }

  .quote-author .quote-author-alias{
	font-size:1.1em;
	color:#bd1c44;
	/* color: #3c75cc; */
  }
  
  .carousel-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	z-index: 10;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .carousel-control.prev {
	left: 10px;
  }
  
  .carousel-control.next {
	right: 10px;
  }
  
  @media (max-width: 768px) {
	.grid_quote {
	  grid-template-columns: 1fr;
	}
	#grid_quote_status {
	  display: none;
	}
  }