@charset "UTF-8";
@layer components {
.ec18-site-notice-shell{position:relative;margin-top:14px;margin-bottom:14px}
.ec18-site-notice{--notice-bg:#eef6ff;--notice-text:#173b66;--notice-border:#98c7f2;--notice-icon:#1769aa;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--notice-border);border-left-width:4px;border-radius:9px;background:var(--notice-bg);color:var(--notice-text);box-shadow:none;font:650 13px/1.45 Inter,Arial,sans-serif}
.ec18-site-notice[hidden]{display:none!important}
.ec18-site-notice__icon{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--notice-icon) 12%,transparent);color:var(--notice-icon);font-size:14px}
.ec18-site-notice__text{min-width:0;margin:0;color:inherit;overflow-wrap:anywhere}
.ec18-site-notice__close{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--notice-text) 18%,transparent);border-radius:7px;background:transparent;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.ec18-site-notice__close:hover,.ec18-site-notice__close:focus-visible{border-color:color-mix(in srgb,var(--notice-text) 34%,transparent);background:color-mix(in srgb,var(--notice-text) 8%,transparent);outline:2px solid color-mix(in srgb,var(--notice-icon) 42%,transparent);outline-offset:2px}
.ec18-site-notice__close:active{transform:scale(.96)}
.ec18-site-notice__reopen{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--ec18-border,#d7dde5);border-radius:8px;background:var(--ec18-surface-1,#fff);color:var(--ec18-text-1,#172033);font:750 12px/1 Inter,Arial,sans-serif;cursor:pointer}
.ec18-site-notice__reopen[hidden]{display:none!important}
.ec18-site-notice--info{--notice-bg:#eef6ff;--notice-text:#173b66;--notice-border:#98c7f2;--notice-icon:#1769aa}
.ec18-site-notice--guide{--notice-bg:#ebfbff;--notice-text:#125166;--notice-border:#72d5e8;--notice-icon:#0891b2}
.ec18-site-notice--success{--notice-bg:#edf9f1;--notice-text:#155a32;--notice-border:#86d8a5;--notice-icon:#168c4c}
.ec18-site-notice--note{--notice-bg:#fff9df;--notice-text:#645315;--notice-border:#ead06f;--notice-icon:#a87800}
.ec18-site-notice--warning{--notice-bg:#fff3e7;--notice-text:#6d3c0e;--notice-border:#efb16f;--notice-icon:#d66b00}
.ec18-site-notice--important{--notice-bg:#fff0f1;--notice-text:#741f2a;--notice-border:#ea9aa4;--notice-icon:#cf3345}
.ec18-site-notice--highlight{--notice-bg:#fff0f8;--notice-text:#702049;--notice-border:#e69ac2;--notice-icon:#d83f8c}
.ec18-site-notice--violet{--notice-bg:#f5f0ff;--notice-text:#4c2a78;--notice-border:#bda3e5;--notice-icon:#7c3fc5}
.ec18-site-notice--brand{--notice-bg:color-mix(in srgb,var(--ec18-accent,#f2c230) 12%,#fff);--notice-text:var(--ec18-text-1,#252525);--notice-border:color-mix(in srgb,var(--ec18-accent,#f2c230) 52%,#d6d6d6);--notice-icon:var(--ec18-accent-on-surface,#8a6200)}
.ec18-site-notice--dark{--notice-bg:#20252d;--notice-text:#f5f7fa;--notice-border:#505a68;--notice-icon:#dce3ec}
html[data-ec18-theme="dark"] .ec18-site-notice{filter:none}
html[data-ec18-theme="dark"] .ec18-site-notice--info{--notice-bg:#14283c;--notice-text:#d9ecff;--notice-border:#315e87;--notice-icon:#72b6ef}
html[data-ec18-theme="dark"] .ec18-site-notice--guide{--notice-bg:#0f3038;--notice-text:#d8f7ff;--notice-border:#2b7482;--notice-icon:#61d4e7}
html[data-ec18-theme="dark"] .ec18-site-notice--success{--notice-bg:#153224;--notice-text:#daf4e4;--notice-border:#397456;--notice-icon:#66cc8d}
html[data-ec18-theme="dark"] .ec18-site-notice--note{--notice-bg:#352f16;--notice-text:#fff0b5;--notice-border:#75672a;--notice-icon:#e4c24b}
html[data-ec18-theme="dark"] .ec18-site-notice--warning{--notice-bg:#392818;--notice-text:#ffe4c5;--notice-border:#7f552c;--notice-icon:#f4a34d}
html[data-ec18-theme="dark"] .ec18-site-notice--important{--notice-bg:#3a1b22;--notice-text:#ffdce1;--notice-border:#813a47;--notice-icon:#f07888}
html[data-ec18-theme="dark"] .ec18-site-notice--highlight{--notice-bg:#391b2e;--notice-text:#ffe0ef;--notice-border:#814062;--notice-icon:#ef82ba}
html[data-ec18-theme="dark"] .ec18-site-notice--violet{--notice-bg:#2b1e3b;--notice-text:#eadcff;--notice-border:#674789;--notice-icon:#bd91ef}
html[data-ec18-theme="dark"] .ec18-site-notice--brand{--notice-bg:color-mix(in srgb,var(--ec18-accent,#f2c230) 15%,#171a20);--notice-text:#f8fafc;--notice-border:color-mix(in srgb,var(--ec18-accent,#f2c230) 46%,#4b5563);--notice-icon:var(--ec18-accent,#f2c230)}
@media(max-width:640px){.ec18-site-notice-shell{margin-top:10px;margin-bottom:10px}.ec18-site-notice{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:40px;padding:9px 9px 9px 10px;border-radius:8px;font-size:12px}.ec18-site-notice__icon{width:24px;height:24px}.ec18-site-notice__close{width:28px;height:28px}.ec18-site-notice__reopen{min-height:32px;padding:6px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.ec18-site-notice__close{transition:none}}
}