/* Artale 聊天室小視窗：沿用網站色票（--accent、--panel、--soft、--line、--ink、--muted），沒有時用預設值。 */
.ac-root{--ac-accent:var(--accent,#f26a00);--ac-panel:var(--panel,#fffaf0);--ac-soft:var(--soft,#f6ecd8);--ac-line:var(--line,#e2d3b8);--ac-ink:var(--ink,#2b2118);--ac-muted:var(--muted,#8a7a66);font-size:14px;line-height:1.5;color:var(--ac-ink)}
.ac-root *{box-sizing:border-box}
.ac-root button{font:inherit;cursor:pointer}
.ac-fab{position:fixed;right:20px;bottom:20px;z-index:45;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#ff9a3c,#f26a00);color:#fff;font-weight:900;font-size:15px;box-shadow:0 6px 18px rgba(90,47,14,.35),0 3px 0 #a84a00;transition:transform .12s}
.ac-fab:hover{transform:translateY(-2px)}.ac-fab-i{font-size:18px;line-height:1}
.ac-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e5364f;color:#fff;font-size:12px;line-height:20px;text-align:center}
.ac-root.is-open .ac-fab{display:none}
.ac-panel{position:fixed;right:20px;bottom:20px;z-index:60;width:370px;height:min(580px,calc(100vh - 110px));display:flex;flex-direction:column;border:2px solid var(--ac-line);border-radius:18px;background:var(--ac-panel);box-shadow:0 18px 50px rgba(30,20,10,.35);overflow:hidden}
.ac-panel[hidden]{display:none}
.ac-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(180deg,#ff9a3c,#f26a00);color:#fff}
.ac-head b{display:block;font-size:16px}
.ac-online{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.95}.ac-online i{width:8px;height:8px;border-radius:50%;background:#7dff9a;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.ac-x{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.18);color:#fff;font-size:16px}.ac-x:hover{background:rgba(255,255,255,.3)}
.ac-demo{padding:8px 14px;background:#fff3c4;color:#6b4a00;font-size:12px}
.ac-list{flex:1;margin:0;padding:10px 6px 10px 10px;list-style:none;overflow-y:auto;overscroll-behavior:contain}
.ac-msg{position:relative;display:grid;grid-template-columns:32px 1fr;gap:8px;padding:5px 8px;border-radius:10px}
.ac-msg:hover,.ac-msg.sel{background:var(--ac-soft)}
.ac-msg.cont{padding-top:0}
.ac-msg:not(.cont){margin-top:6px}
.ac-av{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#5865f2;flex:none}
span.ac-av{background:none}
.ac-h{display:flex;align-items:baseline;gap:8px}.ac-h b{font-size:13px;color:var(--ac-ink)}.ac-msg.me .ac-h b{color:var(--ac-accent)}
.ac-h time{font-size:11px;color:var(--ac-muted)}
.ac-b{min-width:0}.ac-b p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.ac-acts{position:absolute;top:2px;right:6px;display:none}
.ac-msg:hover .ac-acts,.ac-msg.sel .ac-acts{display:block}
.ac-acts button{padding:1px 8px;border:1px solid var(--ac-line);border-radius:8px;background:var(--ac-panel);color:var(--ac-muted);font-size:12px}
.ac-acts button:hover{color:#d6455d;border-color:#d6455d}
.ac-empty{padding:40px 10px;text-align:center;color:var(--ac-muted)}
.ac-new{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);padding:5px 14px;border:0;border-radius:999px;background:#f26a00;color:#fff;font-weight:800;font-size:12px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.ac-new[hidden]{display:none}
.ac-foot{position:relative;padding:8px 12px 12px;border-top:1px solid var(--ac-line);background:var(--ac-panel)}
.ac-rules{margin:0 0 6px;font-size:11px;color:var(--ac-muted)}
.ac-login{display:block;padding:10px;border-radius:12px;background:#5865f2;color:#fff!important;text-align:center;font-weight:800;text-decoration:none}.ac-login:hover{filter:brightness(1.08)}
.ac-banned{margin:4px 0;color:#d6455d;font-weight:700}
.ac-form{display:flex;align-items:center;gap:8px}.ac-form .ac-av{width:28px;height:28px}
.ac-form input{flex:1;min-width:0;padding:9px 12px;border:2px solid var(--ac-line);border-radius:12px;font:inherit;font-size:15px}
.ac-form input:focus{outline:0;border-color:var(--ac-accent)}
.ac-form button{padding:9px 14px;border:0!important;border-radius:12px;background:linear-gradient(180deg,#ff9a3c,#f26a00)!important;color:#fff!important;box-shadow:0 2px 0 #a84a00;font-weight:800;white-space:nowrap}.ac-form button:disabled{opacity:.6}
.ac-count{position:absolute;right:16px;top:6px;font-size:11px;color:var(--ac-muted)}
.ac-toast{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);max-width:90%;padding:8px 14px;border-radius:999px;background:#222;color:#fff;font-size:13px;font-weight:700;text-align:center;z-index:2}
@media(max-width:760px){
  .ac-fab{right:14px;bottom:14px;padding:11px 15px}
  .ac-panel{inset:0;width:auto;height:100dvh;border:0;border-radius:0}
  .ac-head{padding-top:max(12px,env(safe-area-inset-top))}
  .ac-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .ac-form input{font-size:16px}
}
.ac-dc{display:block;line-height:0;text-decoration:none}.ac-h .ac-dc{display:inline;line-height:inherit}.ac-dc:hover .ac-av{box-shadow:0 0 0 2px #5865f2}.ac-dc:hover b{color:#5865f2;text-decoration:underline}