/* ArtGamer 详情页动作条共用样式（作品页 fid=56 与文章页共用，header 在 viewthread 全版块引入）。
 * 含：轻提示 toast（.awd-toast）、投币弹窗（.agcoin-*）。配套 JS 在 artgamer_actions.js。
 * 从 artgamer_work_detail.css 抽出（2026-06-10 文章详情页改版），勿在两处重复维护。 */

/* ===== 轻提示 toast（如「你已经为本作品投过币啦」）：从投币按钮上方往上浮现，约 3.5s 自动淡出 =====
 * left/top 由 JS 设为投币按钮的中心X/顶部Y；translate(-50%,-100%) 让气泡底边贴在按钮上方，
 * show 态再多上移 10px、未显示态在下方 18px → 形成「自按钮上方往上浮现」的动效。 */
.awd-toast{
	position:fixed;top:0;left:0;
	z-index:99999;
	padding:10px 20px;
	border-radius:12px;
	background:rgba(17,22,42,.96);
	border:1px solid #e8b53e;
	color:#fff;font-size:14px;line-height:1.4;white-space:nowrap;text-align:center;
	box-shadow:0 10px 34px rgba(232,181,62,.32),0 2px 10px rgba(0,0,0,.45);
	opacity:0;pointer-events:none;
	transform:translate(-50%,-100%) translateY(18px);
	transition:opacity .3s ease,transform .3s ease;
}
.awd-toast.show{opacity:1;transform:translate(-50%,-100%) translateY(-10px);}
/* 蓝紫变体（如「不能关注自己」），边框/发光贴近关注按钮的紫蓝渐变 */
.awd-toast.awd-toast-follow{border-color:#7c5cff;box-shadow:0 10px 34px rgba(124,92,255,.40),0 0 16px rgba(91,140,255,.30),0 2px 10px rgba(0,0,0,.45);}

/* ========================= 投币弹窗（自定义评分） ========================= */
/* 遮罩：全屏暗化 + 居中，默认隐藏，.show 淡入。z 高于站点头部浮层。 */
.agcoin-mask{
	position:fixed;inset:0;z-index:100000;
	display:flex;align-items:center;justify-content:center;
	/* 接近不透明：背板/按钮切图的透明区不再透出页面（避免“棋盘格”观感） */
	background:rgba(3,5,12,.95);backdrop-filter:blur(3px);
	opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;
}
.agcoin-mask.show{opacity:1;visibility:visible;}

/* 背板：切图 bg.webp（标题/X/边框已烘焙在图里），按宽拉伸定高，进场轻微放大回弹。
   尺寸放大约 1.5×、整体更高，给选中卡片留出上不压标题、下不贴确定键的余量。 */
.agcoin-panel{
	position:relative;
	width:min(94vw,840px);aspect-ratio:1040/1230;max-height:94vh;
	background:url(../images/coin/bg.webp?v=6) center/100% 100% no-repeat;
	transform:scale(.92);transition:transform .26s cubic-bezier(.2,.9,.3,1.2);
}
.agcoin-mask.show .agcoin-panel{transform:scale(1);}

/* 关闭：盖在背板右上角已画好的 X 上的透明热区 */
.agcoin-close{
	position:absolute;top:5.5%;right:5%;width:9%;aspect-ratio:1;
	background:transparent;border:0;cursor:pointer;padding:0;border-radius:50%;
}

/* 三张卡片：中央横排居中。卡片高度统一，选中卡变高变亮（真实占位变化）挤压另两张缩小。 */
.agcoin-cards{
	position:absolute;left:4%;right:4%;top:19%;bottom:24%;
	display:flex;align-items:center;justify-content:center;gap:2%;
}
.agcoin-card{
	display:flex;align-items:center;justify-content:center;
	height:100%;flex:0 0 auto;
	background:none;border:0;padding:0;cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}
/* 卡面：以高度驱动，宽度随图自适应；选中态升到 100% 高，未选 76% 高且变暗。 */
.agcoin-cardinner{
	position:relative;display:block;height:76%;
	filter:brightness(.78) saturate(.9);
	transition:height .3s cubic-bezier(.2,.9,.3,1.2),filter .3s ease;
}
.agcoin-cardinner img{display:block;height:100%;width:auto;}
.agcoin-card:hover .agcoin-cardinner{filter:brightness(.92) saturate(1);}
.agcoin-card.is-active .agcoin-cardinner{
	height:100%;
	/* 选中辉光偏紫 */
	filter:brightness(1.12) saturate(1.1) drop-shadow(0 0 16px rgba(160,90,255,.85)) drop-shadow(0 0 34px rgba(120,60,235,.5));
}

/* 选中勾标：按需求去掉（不再显示） */
.agcoin-check{display:none !important;}
.agcoin-check-unused{
	position:absolute;top:2%;right:6%;width:18%;max-width:34px;aspect-ratio:1;
	border-radius:50%;background:#2f8bff;
	box-shadow:0 0 10px rgba(64,156,255,.9),inset 0 0 0 2px rgba(255,255,255,.35);
	opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.9,.3,1.4);
}
.agcoin-check::after{
	content:"";position:absolute;left:30%;top:32%;width:42%;height:22%;
	border-left:3px solid #fff;border-bottom:3px solid #fff;
	transform:rotate(-45deg);transform-origin:center;
}
.agcoin-card.is-active .agcoin-check{opacity:1;transform:scale(1);}

/* 确定按钮：切图为干净药丸（无图自带外发光），柔和紫光由 CSS drop-shadow 生成，hover 轻微发亮放大 */
.agcoin-enter{
	position:absolute;left:50%;bottom:5%;transform:translateX(-50%);
	width:60%;aspect-ratio:820/182;
	background:url(../images/coin/enter.webp?v=6) center/contain no-repeat;
	border:0;padding:0;cursor:pointer;
	filter:drop-shadow(0 0 13px rgba(150,90,255,.55)) drop-shadow(0 0 26px rgba(110,70,235,.32));
	transition:transform .18s ease,filter .18s ease;
}
.agcoin-enter:hover{transform:translateX(-50%) scale(1.03);filter:brightness(1.06) drop-shadow(0 0 16px rgba(165,105,255,.7)) drop-shadow(0 0 32px rgba(120,80,240,.4));}
.agcoin-enter:active{transform:translateX(-50%) scale(.98);}
.agcoin-mask[data-busy] .agcoin-enter{pointer-events:none;filter:brightness(.7);}