.my-alert{--alert-bg:#eff6ff;--alert-border:#2563eb;--alert-color:#1e40af;--alert-icon-bg:#2563eb;position:relative;display:flex;align-items:flex-start;gap:14px;width:100%;box-sizing:border-box;margin:14px 0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--alert-border) 35%,transparent);border-left:5px solid var(--alert-border);border-radius:10px;background:var(--alert-bg);color:var(--alert-color);font-size:15px;line-height:1.6;box-shadow:0 3px 12px rgb(0 0 0 / .04);animation:myAlertFadeIn 0.25s ease-out;transition:opacity 0.2s ease,transform 0.2s ease}.my-alert-icon{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin-top:0;border-radius:50%;background:var(--alert-icon-bg);color:#fff;font-size:16px;line-height:1;box-shadow:0 1px 3px rgb(0 0 0 / .08)}.my-alert-icon i{line-height:1}.my-alert-content{flex:1 1 auto;min-width:0}.my-alert-title{margin:0 0 5px;color:var(--alert-color);font-size:16px;font-weight:700;line-height:1.4}.my-alert-message{color:var(--alert-color)}.my-alert-message p{margin:0 0 8px}.my-alert-message p:last-child{margin-bottom:0}.my-alert-message strong{font-weight:700}.my-alert-message a{color:inherit;font-weight:700;text-decoration:underline}.my-alert-message a:hover{text-decoration:none}.my-alert-close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;border:0;border-radius:6px;background:#fff0;color:var(--alert-color);font-size:16px;line-height:1;cursor:pointer;opacity:.55;transition:background 0.15s ease,opacity 0.15s ease,transform 0.15s ease}.my-alert-close:hover{opacity:1;background:rgb(0 0 0 / .07);transform:scale(1.05)}.my-alert-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.my-alert-info{--alert-bg:#eff6ff;--alert-border:#2563eb;--alert-color:#1e40af;--alert-icon-bg:#2563eb}.my-alert-success{--alert-bg:#ecfdf5;--alert-border:#10b981;--alert-color:#065f46;--alert-icon-bg:#10b981}.my-alert-warning{--alert-bg:#fffbeb;--alert-border:#f59e0b;--alert-color:#92400e;--alert-icon-bg:#f59e0b}.my-alert-error{--alert-bg:#fef2f2;--alert-border:#ef4444;--alert-color:#991b1b;--alert-icon-bg:#ef4444}.my-alert-danger{--alert-bg:#fff1f2;--alert-border:#e11d48;--alert-color:#9f1239;--alert-icon-bg:#e11d48}.my-alert-notice{--alert-bg:#f5f3ff;--alert-border:#8b5cf6;--alert-color:#5b21b6;--alert-icon-bg:#8b5cf6}.my-alert-style-soft{border-left-width:5px}.my-alert-style-solid{border-color:var(--alert-border);background:var(--alert-border);color:#fff;box-shadow:0 4px 14px rgb(0 0 0 / .08)}.my-alert-style-solid .my-alert-title,.my-alert-style-solid .my-alert-message{color:#fff}.my-alert-style-solid .my-alert-message a{color:#fff}.my-alert-style-solid .my-alert-icon{background:rgb(255 255 255 / .18);color:#fff;box-shadow:none}.my-alert-style-solid .my-alert-close{color:#fff}.my-alert-style-solid .my-alert-close:hover{background:rgb(255 255 255 / .15)}.my-alert-style-minimal{padding:12px 14px;border:0;border-left:4px solid var(--alert-border);border-radius:4px;background:#fff0;box-shadow:none}.my-alert-style-minimal .my-alert-icon{width:30px;height:30px;flex-basis:30px;font-size:14px}@keyframes myAlertFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.my-alert{gap:10px;margin:12px 0;padding:14px;border-radius:8px}.my-alert-icon{flex-basis:32px;width:32px;height:32px;font-size:15px}.my-alert-title{font-size:15px}.my-alert-message{font-size:14px}.my-alert-close{width:28px;height:28px;font-size:15px}}@media (prefers-reduced-motion:reduce){.my-alert{animation:none}.my-alert-close{transition:none}}