/* =============================================================
 * 嗳呀口腔 · 根管治疗大挑战 — loader.css
 * 加载幕关键样式（原 <head> 内联 <style> 外置，适配前台 CSP style-src 'self'）
 * 必须先于 main.css 加载；含无 JS 兜底。
 * ============================================================= */
#loader{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#EAF7FF,#D9EEFF);color:#0C4A6E;opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}
#loader.done{opacity:0;visibility:hidden;pointer-events:none}
#loader .l-mark{width:36px;height:36px;color:#0EA5E9}
#loader .l-brand{font-weight:900;font-size:clamp(22px,5vw,34px);letter-spacing:.3em;text-indent:.3em;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
#loader .l-sub{font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:11px;letter-spacing:.5em;text-indent:.5em;color:#6E95AD;font-weight:700}
#loader .l-bar{width:min(220px,52vw);height:4px;border-radius:999px;background:rgba(14,165,233,.15);overflow:hidden}
#loader .l-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#38BDF8,#0EA5E9)}
html:not(.js) #loader{display:none}
html:not(.js) .screen.active{display:block!important}
