/* ==========================================================
   频道详情页 · 分享组件（chan-share）
   配合 template/chan_article_show.htm 使用
   ========================================================== */

/* 分享按钮：靠右，与 .dt-chip 同风格 */
.dt-ms-meta .dt-share {position:relative;display:inline-flex;margin-left:auto;}

.dt-share-btn {
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:4px 12px;
	border-radius:20px;
	background:linear-gradient(90deg,rgba(61,214,140,.14),rgba(38,198,218,.14));
	border:1px solid rgba(61,214,140,.35);
	color:#137A52;
	font-size:12.5px;
	font-weight:600;
	line-height:1;
	font-family:inherit;
	cursor:pointer;
	transition:all .18s;
}
.dt-share-btn:hover {background:linear-gradient(90deg,rgba(61,214,140,.26),rgba(38,198,218,.26));border-color:rgba(61,214,140,.62);}
.dt-share-btn svg {display:block;flex:none;}
.dt-share-btn i {font-style:normal;}

/* 下拉菜单 */
.dt-share-menu {
	position:absolute;
	top:calc(100% + 8px);
	right:0;
	min-width:112px;
	padding:6px;
	display:flex;
	flex-direction:column;
	gap:2px;
	background:#FFFFFF;
	border:1px solid #E6F0EB;
	border-radius:12px;
	box-shadow:0 10px 28px rgba(14,59,46,.14);
	opacity:0;
	visibility:hidden;
	transform:translateY(-6px);
	transition:all .18s;
	z-index:60;
}
.dt-share.on .dt-share-menu {opacity:1;visibility:visible;transform:translateY(0);}

.dt-share-menu a {
	display:block;
	padding:7px 12px;
	border-radius:8px;
	color:#3F6153;
	font-size:12.5px;
	text-decoration:none;
	white-space:nowrap;
	transition:all .15s;
}
.dt-share-menu a:hover {background:#F1F9F5;color:#137A52;}

/* 轻提示 */
.dt-share-tip {
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) scale(.96);
	max-width:78vw;
	padding:12px 22px;
	background:rgba(14,59,46,.93);
	color:#CFF7E4;
	font-size:13.5px;
	font-style:normal;
	line-height:1.6;
	text-align:center;
	word-break:break-all;
	border-radius:12px;
	opacity:0;
	visibility:hidden;
	transition:all .2s;
	z-index:9999;
}
.dt-share-tip.on {opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}

@media (max-width:768px){
	.dt-ms-meta .dt-share {margin-left:0;}
}