/* ArtGamer 文章详情页（viewthread，除原创作品 fid=56 外的所有版块）专用样式。
 * 作用域统一 .artg-article-detail；header_common 仅在 viewthread && fid!=56 引入，不影响作品页/其他页面。
 * 视觉与作品详情页同源：标题/动作条/作者卡/评论区皮直接取自 artgamer_work_detail.css 同名规则
 * （两份 CSS 永不同时加载，类名复用无冲突）；toast/投币弹窗在共用的 artgamer_actions.css。
 * 正文不做媒体搬运：首帖按原始顺序直出，仅做暗色阅读皮 + 图片默认居中（JS 加 .aad-center，
 * 作者显式设置过对齐/浮动的图不动，保证老帖排版不被破坏）。
 */

.artg-article-detail{
	--aad-w:1600px;          /* 正文+右栏总宽（按设计固定 1600） */
	--aad-side-w:400px;      /* 右栏宽 */
	--aad-gap:24px;          /* 两栏间距 */
	--aad-side-top:84px;     /* 右栏 sticky 顶部偏移（站点固定头部 ≈70 + 余量） */
	width:var(--aad-w);
	max-width:calc(100vw - 48px);
	margin:20px auto 40px;
	display:flex;
	align-items:flex-start;
	gap:var(--aad-gap);
	box-sizing:border-box;
	color:#c8cfe0;
}
.artg-article-detail *{box-sizing:border-box;}
.artg-article-detail a{color:#c8cfe0;text-decoration:none;}
.artg-article-detail a:hover{color:#fff;}

/* 全站定宽 .wp(1370px) 放不下 1600 的主体：本页放开外层，主体自己 margin:auto 居中。
 * 本 CSS 仅在 viewthread && fid!=56 加载，作用域安全。 */
#wp.wp{width:auto;max-width:none;}

/* ===== 左主区（正文列） ===== */
.aad-main{flex:1 1 auto;min-width:0;}

/* 标题/meta/动作条：与作品页同一套 grid（标题行右侧动作条、meta 在标题下） */
.awd-head{
	width:100%;margin:0 auto 18px;text-align:left;
	display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
	column-gap:16px;row-gap:6px;align-items:start;
}
.awd-title-row{display:contents;}
.awd-title{
	grid-column:1;grid-row:1;
	font-size:30px;line-height:1.4;font-weight:700;color:#fff;margin:0;min-width:0;
	display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;
}
.awd-title-text{word-break:break-word;}
.awd-meta{grid-column:1;grid-row:2;align-self:end;margin:0;font-size:13px;color:#7d8398;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;}
/* Discuz 核心 CSS 会给 flex 子项注入 margin:auto（标题被顶居中、meta 四散），强制清零。见 [[discuz-core-span-margin-auto]] */
.awd-title>*, .awd-meta>*, .awd-title-row>.awd-title{margin:0!important;}
.awd-title-row>.awd-actions{grid-column:2;grid-row:1 / span 2;align-self:end;justify-self:end;margin:0!important;}
.awd-meta .awd-sep{color:#3a4055;}
.awd-meta .awd-node{color:#9aa2bb;}
.awd-meta .awd-node:hover{color:#fff;}
.awd-meta #modmenu.awd-modmenu{display:inline-flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;min-width:0;margin:0!important;font-size:12px;color:#7d8398;line-height:1.4;}
.awd-meta .awd-modmenu-sep{display:inline-flex!important;}
.awd-modmenu a{color:#8a91ff;}
.awd-modmenu .pipe{color:#3a4055;margin:0 4px;}

/* ===== 动作条 点赞/收藏/投币/分享（取自作品页同名规则） ===== */
.awd-actions{display:flex;justify-content:flex-end;gap:12px;width:auto;max-width:100%;flex:0 0 auto;flex-wrap:wrap;}
.awd-actions>.awd-act{margin:0!important;}
.awd-act{
	position:relative;overflow:visible;
	flex:0 0 auto;
	padding:0 26px;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	height:52px;border-radius:12px;
	background:#161b2a;
	border:1px solid #272e42;
	color:#cfd6e6;font-size:15px;cursor:pointer;
	transition:filter .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;
}
.awd-act>*{margin:0!important;position:relative;z-index:1;}
.awd-act:hover{border-color:#3a4360;background:#1b2236;color:#fff;}
.awd-act .awd-act-tx{line-height:normal;}
.awd-act .awd-act-num{font-style:normal;color:#8b93a8;}
.awd-act.active{color:#fff;
	border-color:rgba(var(--awd-glow),calc(.85 * var(--awd-a1,1)));
	background:
		radial-gradient(ellipse 96% 86% at 50% 100%, rgba(var(--awd-inner),calc(.44 * var(--awd-a1,1))) 0%, rgba(var(--awd-inner),calc(.2 * var(--awd-a1,1))) 42%, rgba(var(--awd-inner),0) 82%),
		#0f1322;
	box-shadow:
		0 0 4px rgba(var(--awd-glow),calc(.28 * var(--awd-a1,1))),
		0 0 18px rgba(var(--awd-glow),calc(.22 * var(--awd-a1,1))),
		0 0 36px rgba(var(--awd-glow),calc(.13 * var(--awd-a1,1)));}
.awd-act.active::before{
	content:"";position:absolute;left:0;right:0;top:-1px;bottom:-1px;
	border-radius:inherit;pointer-events:none;z-index:0;
	background:
		linear-gradient(90deg, rgba(var(--awd-edge),0) 0%, rgba(var(--awd-edge),calc(.5 * var(--awd-a1,1))) 20%, rgba(var(--awd-edge),0) 62%) left top/100% 2px no-repeat,
		linear-gradient(90deg, rgba(var(--awd-edge),0) 0%, rgba(var(--awd-edge),calc(.5 * var(--awd-a1,1))) 20%, rgba(var(--awd-edge),0) 62%) left bottom/100% 2px no-repeat;
}
.awd-act.active:hover{
	border-color:rgba(var(--awd-glow),var(--awd-a1,1));
	box-shadow:
		0 0 5px rgba(var(--awd-glow),calc(.36 * var(--awd-a1,1))),
		0 0 24px rgba(var(--awd-glow),calc(.28 * var(--awd-a1,1))),
		0 0 46px rgba(var(--awd-glow),calc(.17 * var(--awd-a1,1)));}
.awd-act.active .awd-act-num{color:#fff;}
.awd-act.active .awd-ico{
	background:linear-gradient(180deg, rgb(var(--awd-edge)) 0%, var(--awd-ico) 62%, rgb(var(--awd-glow)) 100%);
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.42)) drop-shadow(0 0 5px rgba(var(--awd-glow),.7));
}
.awd-act .awd-ico{
	width:28px;height:28px;display:inline-block;flex:none;
	background-color:var(--awd-ico,#c8cfe0);
	-webkit-mask:var(--awd-ico-img) center/contain no-repeat;
	        mask:var(--awd-ico-img) center/contain no-repeat;
}
.awd-act-like .awd-ico{width:25px;height:25px;}
.awd-act-like{--awd-ico:#bf6bff;--awd-glow:150,70,255;--awd-edge:220,191,255;--awd-inner:112,41,204;}
.awd-act-fav{--awd-ico:#5b91f0;--awd-glow:60,110,240;--awd-edge:195,217,255;--awd-inner:34,78,192;}
.awd-act-coin{--awd-ico:#e8b53e;--awd-glow:230,165,45;--awd-edge:247,233,190;--awd-inner:184,127,21;--awd-a1:.7;}
/* 分享：青绿色系，与点赞紫/收藏蓝/投币金错开 */
.awd-act-share{--awd-ico:#3fd2bd;--awd-glow:45,205,180;--awd-edge:192,244,234;--awd-inner:20,140,120;}
.awd-act-share .awd-ico{width:24px;height:24px;}
.awd-ico-like{--awd-ico-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");}
.awd-ico-fav{--awd-ico-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26'/%3E%3C/svg%3E");}
.awd-ico-coin{--awd-ico-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6.5v11'/%3E%3Cpath d='M14.6 8.8c-.5-.9-1.5-1.4-2.6-1.4-1.5 0-2.6.9-2.6 2.1 0 2.6 5.3 1.3 5.3 4 0 1.2-1.2 2.1-2.7 2.1-1.3 0-2.4-.6-2.8-1.5'/%3E%3C/svg%3E");}
.awd-ico-share{--awd-ico-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E");}
.awd-act-like.active .awd-ico-like{--awd-ico-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z'/%3E%3C/svg%3E");}
.awd-act-fav.active .awd-ico-fav{--awd-ico-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");}

/* ===== 正文 ===== */
.aad-body{
	font-size:16px;line-height:1.9;color:#c8cfdf;
	word-break:break-word;overflow-wrap:break-word;
}
.aad-body>*:first-child{margin-top:0;}
.aad-body p{margin:0 0 1em;}
.aad-body a{color:#8a91ff;}
.aad-body a:hover{color:#aab2ff;}
/* 图片：默认不超宽；居中由 JS 加 .aad-center（作者显式对齐/浮动的不加，保老帖排版） */
.aad-body img{max-width:100%;height:auto;vertical-align:middle;}
.aad-body img.aad-center{display:block;margin:16px auto;}
/* 原生表情不参与居中，跟随文字基线 */
.aad-body img[src*="smiley"],
.aad-body img[src*="/static/image/"]{width:auto;height:26px;display:inline-block;margin:0 1px;vertical-align:text-bottom;}
/* 视频（阿里云播放器/原生 video/iframe）：居中、不超宽 */
.aad-body video,
.aad-body iframe,
.aad-body .video-js,
.aad-body embed{display:block;max-width:100%;margin:16px auto;background:#000;}
.aad-body video{height:auto;}
/* 附件图壳（ignore_js_op）整体居中；隐藏 Discuz 自带「下载附件」链接行 */
.aad-body ignore_js_op,
.aad-body .ignore_js_op{display:block;text-align:center;margin:16px auto;}
.aad-body .pattl{display:none;}
.aad-body a[href*="mod=attachment"][href*="nothumb=yes"]{display:none;}
.aad-body span:has(a[href*="mod=attachment"][href*="nothumb=yes"]){display:none!important;}
/* 引用/代码块换暗色皮 */
.aad-body blockquote,
.aad-body .quote{
	margin:14px 0;padding:12px 16px;border-left:3px solid #3a4360;
	background:#11162a;border-radius:0 8px 8px 0;color:#9aa2bb;
}
.aad-body .blockcode,
.aad-body pre{
	margin:14px 0;padding:12px 16px;background:#0a0e1c;border:1px solid #1d2336;
	border-radius:8px;color:#9fe8c8;overflow-x:auto;
}
.aad-body table{max-width:100%;border-collapse:collapse;}
.aad-body table td,.aad-body table th{border:1px solid #1d2336;padding:6px 10px;}
/* 帖子编辑痕迹（本帖最后由…编辑）淡化 */
.aad-body .pstatus{display:block;margin:0 0 12px;font-size:12px;color:#5b6178;}
/* 附件不可见提示框（无权限） */
.aad-main .attach_nopermission{
	margin:14px 0;padding:14px 18px;background:#11162a;border:1px solid #2a3147;border-radius:8px;color:#9aa2bb;
}
/* 正文下方 showattach 附件区 */
.aad-attach{margin-top:18px;}
.aad-attach img{max-width:100%;height:auto;}

/* ===== 右栏（sticky 贴底：作者卡自然高，评论卡 flex:1 吃剩余、内部滚动） ===== */
.awd-side{
	flex:0 0 var(--aad-side-w);width:var(--aad-side-w);
	position:sticky;top:var(--aad-side-top);
	align-self:flex-start;
	height:calc(100vh - var(--aad-side-top) - 20px);
	display:flex;flex-direction:column;
}
.awd-side>div{
	background:#0d1120;border:1px solid #1d2336;border-radius:10px;
	padding:18px;margin-bottom:16px;
}
/* 坑：flex 列下 Discuz 核心给卡片注的 margin:auto 会禁用 stretch → 卡片缩窄居中，强制清零。见 [[discuz-core-span-margin-auto]] */
.awd-side>div{margin-left:0!important;margin-right:0!important;}
.awd-side>.awd-author{flex:0 0 auto;}

/* 作者卡（取自作品页同名规则） */
.awd-author{text-align:left;position:relative;}
.awd-author .awd-avatar{float:left;width:72px;height:72px;border-radius:50%;overflow:hidden;}
.awd-author .awd-avatar img{width:72px;height:72px;object-fit:cover;border-radius:50%;}
.awd-author-info{margin-left:86px;}
.awd-author-name{display:block;font-size:17px;font-weight:600;color:#fff;line-height:24px;}
.awd-author-title{margin:4px 0 0;font-size:12px;color:#7d8398;line-height:18px;}
.awd-follow{position:absolute;top:18px;right:18px;margin:0;}
.awd-follow-btn{
	position:relative;display:inline-flex;align-items:center;justify-content:center;
	height:38px;min-width:101px;box-sizing:border-box;padding:0 24px;
	border-radius:999px;border:1px solid rgba(210,228,255,.34);cursor:pointer;outline:none;
	font-size:17px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;overflow:visible;
	isolation:isolate;
	background:
		linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 32%) padding-box,
		radial-gradient(120% 120% at 18% 18%, rgba(128,206,255,.9) 0%, rgba(128,206,255,0) 45%) padding-box,
		linear-gradient(96deg,#4f9bff 0%,#6b70ff 48%,#b74df2 100%) padding-box;
	box-shadow:
		0 0 0 1px rgba(141,192,255,.1),
		0 0 8px rgba(81,144,255,.225),
		0 0 14px rgba(169,76,238,.17),
		inset 0 1px 0 rgba(255,255,255,.45),
		inset 0 -8px 18px rgba(76,38,170,.2);
	text-shadow:0 0 9px rgba(255,255,255,.52);
	transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease;
}
.awd-follow-btn::before{
	content:"";position:absolute;inset:-4px -5px;border-radius:inherit;pointer-events:none;z-index:0;
	background:linear-gradient(96deg,rgba(76,145,255,.23),rgba(183,77,242,.21));
	filter:blur(7px);opacity:.45;
}
.awd-follow-btn:focus,.awd-follow-btn:focus-visible{outline:none;}
.awd-follow-btn .awd-follow-tx{position:relative;z-index:1;color:#fff;margin:0!important;}
.awd-follow-btn.notfollow .awd-follow-tx{
	display:inline-flex;align-items:center;justify-content:center;gap:2px;
	font-size:0;line-height:1;color:transparent;
}
.awd-follow-btn.notfollow .awd-follow-tx::before{
	content:"+";font-size:26px;line-height:1;font-weight:300;color:#fff;
	transform:translateY(1px);
}
.awd-follow-btn.notfollow .awd-follow-tx::after{
	content:"关注";font-size:17px;line-height:1;font-weight:500;color:#fff;
}
.awd-follow-btn:hover{
	transform:translateY(-1px);filter:brightness(1.07);
	border-color:rgba(230,240,255,.5);
	box-shadow:
		0 0 0 1px rgba(168,210,255,.14),
		0 0 10px rgba(81,144,255,.29),
		0 0 18px rgba(169,76,238,.23),
		inset 0 1px 0 rgba(255,255,255,.55),
		inset 0 -8px 20px rgba(76,38,170,.24);
}
.awd-follow-btn.following{
	background:
		linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 36%) padding-box,
		linear-gradient(56deg,#241d45,#101d35) padding-box,
		linear-gradient(135deg,#9a7bff,#5b8cff) border-box;
	border-color:transparent;
	box-shadow:0 0 6px rgba(124,92,255,.12),inset 0 1px 0 rgba(255,255,255,.16);
	text-shadow:none;
}
.awd-follow-btn.following .awd-follow-tx{color:#cfd6e7;}
.awd-follow-btn.following::before{opacity:.14;filter:blur(6px);}
.awd-follow-btn.following:hover{filter:none;box-shadow:0 0 8px rgba(124,92,255,.17),0 0 11px rgba(91,140,255,.08),inset 0 1px 0 rgba(255,255,255,.18);}
.awd-stats{display:flex;justify-content:flex-start;gap:28px;margin:12px 0 0 86px;padding:0;border:0;}
.awd-stats li{margin:0!important;flex:0 0 auto;list-style:none;font-size:13px;color:#7d8398;}
.awd-stats li span{margin-right:6px;}
.awd-stats li b{font-size:14px;color:#cfd6e7fc;font-weight:600;}
.awd-medals{clear:both;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;}
.awd-medals img{width:34px;height:34px;object-fit:contain;}

/* ===== 评论区皮肤（与作品页完全同源；保留 iscwo_review 结构，仅覆盖外观） ===== */
.awd-side .awd-comments{
	padding:14px;
	flex:1 1 auto;min-height:0;margin-bottom:0;
	overflow-y:auto;overflow-x:hidden;
}
.awd-side .awd-comments{scrollbar-width:thin;scrollbar-color:#2a3147 transparent;}
.awd-side .awd-comments::-webkit-scrollbar{width:6px;}
.awd-side .awd-comments::-webkit-scrollbar-thumb{background:#2a3147;border-radius:3px;}
.awd-side .awd-comments::-webkit-scrollbar-thumb:hover{background:#3a4360;}
.awd-side .awd-comments::-webkit-scrollbar-track{background:transparent;}
.awd-comments .commentwrap{padding-left:0;padding-right:0;}
.awd-comments .commenttxt{padding:0;border-bottom:0;}
.awd-comments #f_pst{padding:0;}
.awd-comments .pinlunt textarea{
	width:100%;background:#11162a;border:1px solid #1d2336;border-radius:8px;
	color:#e6e9f2;padding:10px 12px;resize:vertical;outline:none;min-height:44px;
}
.awd-comments .expression-box{display:flex;justify-content:flex-end;margin-top:10px;}
.awd-comments .add-comment-btn{
	height:34px;padding:0 22px;border:0;border-radius:17px;cursor:pointer;
	color:#fff;background:linear-gradient(90deg,#7c5cff,#5b8cff);font-size:13px;
}
.awd-comments #detail-all-comment-title{margin:18px 0 0;padding-bottom:12px;border-bottom:1px solid #1d2339;}
.awd-comments .commenttxt{font-size:15px;color:#c8cfe0;font-weight:600;}
.awd-comments .commentnum{color:#7d8398;font-weight:400;margin-left:6px;}
.awd-comments .commentcon{list-style:none;margin:0;padding:0;}
.awd-side .awd-comments .allcomment-empy{
	min-height:0;padding:34px 16px 28px;text-align:center;background:transparent;font-size:inherit;
}
.awd-side .awd-comments .allcomment-empy::before{
	content:"";display:block;width:200px;height:152px;margin:0 auto 16px;
	background:url(../images/comment-empty.webp) center/contain no-repeat;
}
.awd-side .awd-comments .awd-empty-title{margin:0;font-size:16px;font-weight:700;color:#e9efff;line-height:1.4;}
.awd-side .awd-comments .awd-empty-sub{margin:8px 0 0;font-size:13px;color:#7d8398;line-height:1.7;}
.awd-comments .more-comment{text-align:center;margin-top:14px;}
.awd-comments .comment__load-more-btn{color:#8a91ff;font-size:13px;}
.awd-comments .no_more,.awd-comments #no_more{color:#7d8398;font-size:12px;}
.awd-comments .hide{display:none;}
.awd-comments .answerSingle,
.awd-comments .com-content{padding:18px 0 8px;border-bottom:1px solid #161b2c;}
.awd-comments .answerDetailInfo{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:0;height:auto;}
.awd-comments .answerDetailInfo>*{margin:0!important;float:none!important;}
.awd-comments .answerDetailInfo .phone,
.awd-comments .answerDetailInfo .user_pic{width:36px;height:36px;flex:0 0 36px;position:relative;}
.awd-comments .answerDetailInfo .user_pic img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;}
.awd-comments .answerDetailInfo .username{font-size:13px;color:#aab1c6;position:relative;top:-3px;}
.awd-comments .answerDetailInfo .ricons{margin-left:auto!important;}
.awd-comments .answerDetailCon{margin:-1px 0 12px 46px;font-size:15px;line-height:1.7;color:#e9efff;}
.awd-comments .answerDetailCon img{max-width:100%;vertical-align:middle;}
.awd-comments .caozuo{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;box-sizing:border-box;padding-left:46px;margin-left:0;overflow:visible;font-size:12px;color:#7d8398;}
.awd-comments .caozuo>*{margin:0!important;float:none!important;}
.awd-comments .caozuo .commentReply{cursor:pointer;}
.awd-comments .caozuo .commentReply:hover{color:#fff;}
.awd-comments .caozuo .create_time{margin-left:auto!important;color:#5b6178;}
.awd-comments .dian_zan{display:inline-flex;align-items:center;gap:4px;}
.awd-comments .caozuo .commentReply span{top:0;}
.awd-comments .answerSingle .caozuo .commentReply.dian_zan span,
.awd-comments .comment .commentSingle .commentCaozuo .commentReply.dian_zan span{
	width:16px!important;height:16px!important;
	background-image:url(../images/svg/card-zan-line.svg)!important;
	background-size:16px 16px!important;background-position:center!important;background-repeat:no-repeat!important;
}
.awd-comments .answerSingle .caozuo .commentReply.dian_zan.select span,
.awd-comments .comment .commentSingle .commentCaozuo .commentReply.dian_zan.select span{
	background-image:url(../images/svg/card-zan-solid.svg)!important;
}
.awd-comments .dian_zan i,
.awd-comments .dian_zan.select i{color:#5b6178!important;}
.awd-comments .comment_reply_up{display:inline-flex;align-items:center;}
.awd-comments .commentFrom{margin:10px 0 0;width:100%;box-sizing:border-box;padding-left:46px;display:none;}
.awd-comments .commentFrom .commentZiInput{
	width:100%;background:#11162a;border:1px solid #1d2336;border-radius:6px;
	color:#e6e9f2;padding:8px 10px;resize:vertical;outline:none;min-height:50px;
}
.awd-comments .answerSub{margin-top:8px;text-align:right;}
.awd-comments .subenter{
	display:inline-block;height:30px;line-height:30px;padding:0 18px;border-radius:15px;
	color:#fff;background:linear-gradient(90deg,#7c5cff,#5b8cff);cursor:pointer;font-size:12px;
}
.awd-comments .comment{border-left:0!important;width:auto;margin-top:0;overflow:visible;}
.awd-comments .comment.dange{margin:0 0 0 46px;padding-bottom:10px;}
.awd-comments .iscwo_review_content_ul{margin:0;padding:0;}
.awd-comments .iscwo_review_content_pager{margin:0!important;padding:0!important;}
.awd-comments .comment .commentSingle{width:100%;box-sizing:border-box;margin:0;padding:12px 0 0;}
.awd-comments .comment .commentSingle .commentInfo{display:flex;align-items:center;gap:8px;width:auto;height:auto;line-height:normal;margin:0;}
.awd-comments .comment .commentSingle .commentInfo>*{margin:0!important;float:none!important;}
.awd-comments .comment .commentSingle .commentInfo .phone,
.awd-comments .comment .commentSingle .commentInfo .user_pic{width:26px;height:26px;flex:0 0 26px;}
.awd-comments .comment .commentSingle .commentInfo .phone img,
.awd-comments .comment .commentSingle .commentInfo .user_pic img{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block;}
.awd-comments .comment .commentSingle .commentInfo .username{font-size:13px;color:#aab1c6;}
.awd-comments .comment .commentSingle .commentInfo .rpnav{font-size:12px;color:#7d8398;}
.awd-comments .comment .commentSingle .commentInfo .reply_username{font-size:13px;color:#aab1c6;}
.awd-comments .comment .commentSingle>.commentContent{width:100%;margin:6px 0 8px;font-size:15px;line-height:1.7;color:#e9efff;}
.awd-comments .comment .commentSingle>.commentContent img{max-width:100%;vertical-align:middle;}
.awd-comments .comment .commentSingle .commentCaozuo{display:flex;flex-wrap:wrap;align-items:center;gap:14px;width:100%;box-sizing:border-box;overflow:visible;line-height:normal;font-size:12px;color:#7d8398;}
.awd-comments .comment .commentSingle .commentCaozuo>*{margin:0!important;float:none!important;}
.awd-comments .comment .commentSingle .commentCaozuo .commentReply{cursor:pointer;color:#7d8398;font-size:14px;}
.awd-comments .comment .commentSingle .commentCaozuo .commentReply:hover{color:#fff;}
.awd-comments .comment .commentSingle .commentCaozuo .commentReply span{top:0;}
.awd-comments .comment .commentSingle .commentCaozuo .create_time{margin-left:auto!important;color:#5b6178;}
.awd-comments .comment .commentSingle .commentFrom{flex:0 0 100%;width:100%;box-sizing:border-box;margin:8px 0 0;padding-left:0;}
.awd-comments .iscwo_review_content_pager{text-align:center;margin-top:8px;}

/* ===== 文章目录（左缘悬浮，可折叠；无标题时 JS 不渲染整个控件） ===== */
.aad-toc{position:fixed;left:179px;top:111px;z-index:80;}
.aad-toc *{margin:0!important;box-sizing:border-box;}
.aad-toc-btn{
	width:56px;height:58px;border:1px solid #242b42;border-radius:8px;
	background:rgba(13,17,32,.92);box-shadow:0 10px 28px rgba(0,0,0,.28);
	cursor:grab;display:flex;align-items:center;justify-content:center;position:relative;
}
.aad-toc-btn:focus{outline:none;}
.aad-toc-btn:active{cursor:grabbing;}
.aad-toc-btn:hover{border-color:#3a4360;}
/* 图标：三行「条目」线（目录语义），品牌色由 background-color 给 */
.aad-toc-ico{
	width:22px;height:18px;display:block;background-color:#d7dcf2;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 18'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='1' width='3' height='3' rx='1'/%3E%3Crect x='6' y='1' width='16' height='3' rx='1.5'/%3E%3Crect x='0' y='7.5' width='3' height='3' rx='1'/%3E%3Crect x='6' y='7.5' width='16' height='3' rx='1.5'/%3E%3Crect x='0' y='14' width='3' height='3' rx='1'/%3E%3Crect x='6' y='14' width='16' height='3' rx='1.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
	        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 18'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='1' width='3' height='3' rx='1'/%3E%3Crect x='6' y='1' width='16' height='3' rx='1.5'/%3E%3Crect x='0' y='7.5' width='3' height='3' rx='1'/%3E%3Crect x='6' y='7.5' width='16' height='3' rx='1.5'/%3E%3Crect x='0' y='14' width='3' height='3' rx='1'/%3E%3Crect x='6' y='14' width='16' height='3' rx='1.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.aad-toc.open .aad-toc-btn{border-color:#7c5cff;box-shadow:0 0 10px rgba(124,92,255,.3),0 10px 28px rgba(0,0,0,.28);}
.aad-toc-panel{
	position:absolute;left:8px;top:68px;width:248px;
	max-height:calc(100vh - 200px);overflow-y:auto;
	padding:18px 14px;
	border:1px solid rgba(116,133,190,.14);border-radius:12px;
	background:linear-gradient(150deg,rgba(10,15,32,.97),rgba(6,10,24,.95));
	box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
	opacity:0;pointer-events:none;transform:translateX(-10px);
	transition:opacity .2s ease,transform .2s ease;
	scrollbar-width:thin;scrollbar-color:#2a3147 transparent;
}
.aad-toc-panel::-webkit-scrollbar{width:5px;}
.aad-toc-panel::-webkit-scrollbar-thumb{background:#2a3147;border-radius:3px;}
.aad-toc.open .aad-toc-panel{opacity:1;pointer-events:auto;transform:translateX(0);}
.aad-toc-hd{font-size:15px;font-weight:700;color:#e9efff;padding:0 10px 12px;}
.aad-toc-hint{font-size:11px;font-weight:400;color:#5b6178;margin-left:6px;}
.aad-toc-list{list-style:none;padding:0;}
.aad-toc-list a{
	position:relative;display:block;padding:8px 10px;border-radius:8px;
	font-size:14px;line-height:1.5;color:#9aa2bb;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	transition:color .15s ease,background .15s ease;
}
.aad-toc-list a:hover{color:#fff;background:rgba(124,92,255,.1);}
.aad-toc-list .aad-toc-l2 a{padding-left:28px;font-size:13px;}
/* 当前章节：紫色调底 + 左侧指示条（同站内选中态语言） */
.aad-toc-list a.active{
	color:#fff;
	background:radial-gradient(ellipse at left center,rgba(128,61,255,.32) 0%,rgba(128,61,255,.12) 55%,rgba(128,61,255,0) 100%);
}
.aad-toc-list a.active::before{
	content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
	width:3px;height:60%;border-radius:2px;
	background:linear-gradient(180deg,#9a7bff,#5b8cff);
	box-shadow:0 0 8px rgba(124,92,255,.6);
}
/* 章节锚点：平滑滚动时给固定头部留出空隙 */
.aad-anchor{display:inline-block;width:0;height:0;scroll-margin-top:90px;}

/* ===== 响应式 ===== */
@media (max-width:1680px){
	.artg-article-detail{--aad-w:calc(100vw - 48px);}
	/* 窄屏下目录面板会压到正文，保持悬浮但加深底色已足够（面板可关） */
}
@media (max-width:1280px){
	.artg-article-detail{--aad-side-w:340px;}
}
@media (max-width:980px){
	.artg-article-detail{flex-direction:column;--aad-w:calc(100vw - 32px);}
	/* 单列布局：右栏取消 sticky/固定高，随内容自然展开（避免嵌套滚动） */
	.awd-side{position:static;flex-basis:auto;width:100%;height:auto;display:block;}
	.awd-side .awd-comments{flex:none;min-height:0;overflow:visible;margin-bottom:16px;}
	.aad-toc{display:none;}
}
