:root{--spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8z'/%3E%3C/svg%3E")}
.cmx-ai{display:grid;gap:12px;margin:0}
.cmx-ai-head{display:flex;align-items:center;gap:12px}
.cmx-ai-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--accent);
  background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14)}
.cmx-ai-ic .ci{width:22px;height:22px}
.cmx-ai-t{margin:0;font-size:clamp(15px,4.2vw,18px);font-weight:900;color:var(--text);line-height:1.6}
.cmx-ai-tag{font-weight:700;color:var(--accent);font-size:.9em}
.cmx-ai-box{position:relative;overflow:hidden;padding:18px;border-radius:16px;
  border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);
  background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.07),transparent),var(--card)}
.cmx-ai-box::before{content:"";position:absolute;inset-inline-start:-20px;top:-20px;width:140px;height:140px;opacity:.07;pointer-events:none;
  background:currentColor;color:var(--accent);-webkit-mask:var(--spark) center/contain no-repeat;mask:var(--spark) center/contain no-repeat}
.cmx-ai-text{font-size:15px;line-height:2.1;color:var(--soft);text-align:justify}
.cmx-ai-text p{margin:0}
.cmx-ai-text.is-clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.cmx-ai-more{margin-top:6px;background:none;border:0;color:var(--accent);font:inherit;font-weight:800;cursor:pointer;padding:0}
.cmx-ai-meta{margin-top:10px;font-size:12px;color:var(--mute)}
.cmx-ai-fb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--mute)}
.cmx-ai-fb>span{margin-inline-end:auto}
.cmx-ai-v{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--soft);cursor:pointer;font:inherit}
.cmx-ai-v .ci{width:16px;height:16px}
.cmx-ai-v .n{font-style:normal;font-size:12px}
.cmx-ai-v.is-on{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12)}
.cmx-ai-v.is-busy{opacity:.5;pointer-events:none}
.cmx-ai-skel i{display:block;height:12px;margin:10px 0;border-radius:6px;background:var(--line);animation:cmxai 1.2s infinite alternate}
@keyframes cmxai{from{opacity:.35}to{opacity:.9}}
@media (prefers-reduced-motion:reduce){.cmx-ai-skel i{animation:none}}