a {	text-decoration: none; color:#000; }
a:hover { text-decoration: none; }

.quote{

	padding:5px;
	margin-top:5px;
	/* padding:10px; */
	/* margin-top:10px; */
	border-radius:10px;
	background:linear-gradient(to left top,#fff2e8,rgba(255,255,255,.1));
	position:relative;
}

.quote:first-child{ margin-top:0; }

.quote_details{
	display: flex;        /* 启用 flex 布局 */
}
.quote_details > .quote_icon{
	flex: 0 0 60px;       /* 不放大、不缩小，固定 60px */
	width: 60px;
	height: 60px;
	/* background-color: #d1d1d1; */
}
/* 字符容器的替代样式 */
.quote_details > .quote_icon_fallback {
    display: flex;
    align-items: center;
    justify-content: center;
	color:#fff;
    background-color: #ccebce; 
	/* border:1px solid #000; */
    border-radius: 50%;        /* 圆形效果 */
    font-weight: bold;         /* 字符加粗 */
	font-size:2em;
	/* line-height:100%; */
	/* font-style: italic; */
}

/* 隐藏图片 */
.quote_details > .quote_icon_hide {
    display: none;
}

.quote_details > .quote_info{
	flex: 1 1 0;          /* 占剩余全部宽度 */
	margin-left: 10px;
	padding-left: 10px;
}

.quote_info > .quote_site{ 
	color:#3a89ff;
	font-size:20px;
	font-weight: bold;
} 
.quote_info > .quote_title{
	/* padding-top:20px; */
	/* color:rgb(9, 75, 31);  */
} 
.quote_info > .quote_summary{ 
	border-radius: 5px;
	/* color:#4a4a4d; */
	/* text-decoration: #9c9ca1 wavy underline; */
	/* text-underline-offset:5px; */
	line-height:2em;
} 
.quote_info > .quote_content{
	font-size: 14px;
	/* line-height: 2em; */
} 
.quote_info > .quote_explain{
	width:100%;
	border-top:dashed 1px #d1d5db;
	color:#38bdf8;
	margin-top:10px;
	padding-top:10px;
}

.quote > .quote_explain:empty{ 
	display:none;
}


/* 大的类别 begin */
.quote_types{
	height:30px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background-color: red;
	display: none;
}
.quote_types > .quote_type{ display:inline-block; padding-left:10px; }
.quote_types .quote_sep{ color:#d2d8df; }
/* 大的类别 end */

/* 小的标签 begin */
.quote_categories{
	height:30px;
	/* margin-top:10px; */
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.quote_categories > .quote_line{
	width:100px;
	height:1px;
	margin-right:10px;
	background-color: #ececec;
}

.quote_categories > .quote_avatar{
	width:30px;
	height:30px;
	border-radius:50%;
}

.quote_categories > .quote_author{ }
.quote_categories > .quote_author > a{ 
	display:inline-block; 
	margin-left:10px; 
	color:#b3b3b3; 
	padding:1px 8px; 
	font-size:14px; 
	border-radius:20px; 
	border: 1px solid #cccccc; 
	font-size: 12px;
}
.quote_categories .quote_sep{ color:#d2d8df; }
/* 小的标签 end */

.quote_like{ 
	position:absolute; 
	top:10px; 
	right:10px;	
}

.quote_like > .exist-btn{ 
	display: inline-flex;      /* 已经是 flex 容器 */
    align-items: center;       /* 垂直居中 */
    justify-content: center;   /* 水平居中 */
	/* gap:5px; */

    /* 以下是你原来的样式，保持不变 */
    /* padding: 0 5px; */
    height: 30px;
    line-height: 30px;
    font-size: 12px;
	/* color:#fff; */
    /* background-color: #ff7139; */
    border-radius: 10px;
    cursor: pointer;
}