#site-announcement{width:min(380px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--theme-372c34,#372c34);box-shadow:0 24px 80px var(--theme-39233530,#39233530);overflow:auto}#site-announcement::backdrop{background:rgba(30,22,32,.46);backdrop-filter:blur(4px)}
.announcement-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 24px 20px;background:radial-gradient(ellipse at 50% 0%,var(--theme-ffe7f0,#ffe7f0) 0%,var(--theme-fff6f9,#fff6f9) 42%,#fff 80%);text-align:center}.announcement-close{position:absolute;right:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffc9;color:var(--theme-b19aa7,#b19aa7);font-size:23px;font-weight:400;line-height:1;cursor:pointer}.announcement-close:hover{background:var(--theme-fbe9f0,#fbe9f0);color:var(--theme-df3973,#df3973)}
.announcement-icon{display:grid;place-items:center;width:62px;height:62px;flex:0 0 auto;background:linear-gradient(145deg,#fff,var(--theme-ffe0ec,#ffe0ec));border:1px solid #fff;border-radius:20px;color:var(--theme-eb447e,#eb447e);box-shadow:0 5px 18px var(--theme-dc478019,#dc478019),inset 0 0 0 4px #ffffff70;transform:rotate(-7deg)}.announcement-icon svg{width:29px;height:29px;transform:rotate(7deg)}
.announcement-tag{display:inline-block;font-size:10px;font-weight:600;color:var(--theme-cc658b,#cc658b);letter-spacing:3px;line-height:1.5}.announcement-header h2{font-size:27px;line-height:1.3;margin:5px 0 7px;font-weight:800;letter-spacing:2px;color:var(--theme-352630,#352630)}.announcement-header p{font-size:12px;color:var(--theme-aa929e,#aa929e);margin:0}
.announcement-content{padding:0 24px 24px}.announcement-content p{position:relative;margin:0 0 22px;padding:18px;background:var(--theme-fcf8fa,#fcf8fa);border:1px solid var(--theme-f5e9ef,#f5e9ef);border-radius:14px;font-size:14px;line-height:1.95;color:var(--theme-82717b,#82717b)}.announcement-content strong{display:flex;align-items:center;gap:7px;color:var(--theme-52404c,#52404c);font-size:14px;margin-bottom:9px;font-weight:700}.announcement-content strong::before{content:"";display:block;width:3px;height:13px;border-radius:2px;background:var(--theme-f15b90,#f15b90)}
.announcement-content button{width:100%;min-height:46px;border:0;border-radius:12px;background:linear-gradient(110deg,var(--theme-f76094,#f76094),var(--theme-ec397a,#ec397a));color:#fff;font-size:14px;letter-spacing:1px;font-weight:600;cursor:pointer;box-shadow:0 5px 14px var(--theme-ef4a8124,#ef4a8124);transition:filter .15s}.announcement-content button:hover{filter:brightness(1.04)}.announcement-content button:active{filter:brightness(.96)}#site-announcement button:focus-visible{outline:2px solid var(--theme-d93470,#d93470);outline-offset:3px}body.announcement-open{overflow:hidden}
@media(max-width:360px){.announcement-header{padding:24px 20px 18px;gap:12px}.announcement-content{padding:0 20px 20px}.announcement-content p{padding:16px;font-size:13px}.announcement-icon{width:54px;height:54px;border-radius:17px}}

#site-announcement:focus{outline:none}