#cloudfox-notice-stack{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:2147483000;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;pointer-events:none}
.cloudfox-notice{display:flex;align-items:flex-start;gap:10px;padding:15px 14px;background:#fff;border:1px solid #e3e9f3;border-radius:12px;box-shadow:0 8px 32px #17325920;pointer-events:auto;animation:notice-in .18s ease-out;color:#243d60;font:13px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}
.cloudfox-notice>span{width:22px;height:22px;border-radius:50%;text-align:center;background:#edf4ff;color:#3269ed;flex:none}
.cloudfox-notice.success>span{background:#eaf9f0;color:#17845e}.cloudfox-notice.error>span{background:#fff0ef;color:#c24a46}
.cloudfox-notice p{color:inherit;margin:0;flex:1;overflow-wrap:anywhere}.cloudfox-notice button{background:none;border:0;color:#8b98ad;font-size:19px;line-height:1;padding:2px;min-height:0;cursor:pointer}
.cloudfox-notice{position:relative;overflow:hidden;padding-bottom:17px;--notice-color:#3269ed}
.cloudfox-notice.success{--notice-color:#18b982}.cloudfox-notice.error{--notice-color:#e26b65}
.notice-countdown{font-size:10px;color:#9ba8ba;line-height:22px;flex:none}
.notice-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#edf1f7}
.notice-progress i{display:block;width:100%;height:100%;background:var(--notice-color);transform-origin:left center}
#cloudfox-notice-stack .cloudfox-notice button{background:none;border:0;color:#8b98ad;font-size:19px;line-height:1;padding:2px;min-height:0;width:auto;flex:none;margin:0}
@keyframes notice-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cloudfox-notice{animation:none}}
@media(max-width:600px){#cloudfox-notice-stack{top:max(12px,env(safe-area-inset-top));right:12px}}