/* ==========================================================================
   css/index/support.css
   用途：在线客服浮窗
   （由 Blade 内联样式抽取，M12 静态资源分离，2026-09-17）
   ========================================================================== */

.support-widget { position:fixed; right:18px; bottom:18px; z-index:40; width:320px; max-width:calc(100vw - 36px);
    border:1px solid var(--line); border-radius:var(--radius); background:rgba(18,26,51,.98); color:var(--text);
    box-shadow:0 18px 46px rgba(0,0,0,.42); }
.support-widget > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px;
    padding:12px 16px; font-size:13px; font-weight:600; }
.support-widget > summary::-webkit-details-marker { display:none; }
.support-widget .dot { width:8px; height:8px; border-radius:50%; background:var(--muted); }
.support-widget .dot.on { background:var(--success); box-shadow:0 0 0 4px rgba(34,197,94,.18); }
.support-widget .dot.off { background:var(--warn); }
.support-widget .panel { padding:0 16px 16px; }
.support-widget .status { display:flex; flex-direction:column; gap:2px; font-size:12px; color:var(--muted);
    padding-bottom:10px; border-bottom:1px solid var(--line); }
.support-widget .status strong { color:var(--text); font-size:13px; }
.support-widget .notice { font-size:12px; color:var(--muted); margin:10px 0; }
.support-widget .contact { font-size:12px; color:var(--muted); margin:0 0 10px; }
.support-widget label { display:block; margin-bottom:9px; font-size:12px; color:var(--muted); }
.support-widget label span { display:block; margin-bottom:4px; }
.support-widget input, .support-widget select, .support-widget textarea { width:100%; padding:8px 10px;
    border-radius:10px; border:1px solid var(--line); background:var(--card); color:var(--text); font-size:12.5px; }
.support-widget textarea { resize:vertical; }
.support-widget .hint { font-size:11.5px; color:var(--muted); margin-top:8px; }
.support-widget .hint.ok { color:var(--success); }
.support-widget .hint.err { color:#ff9c9c; }