.announcement-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 20px;font-size:13px;line-height:1.5;border-bottom:1px solid var(--ann-border);background:var(--ann-bg);color:var(--ann-text)}.announcement-banner__icon{flex-shrink:0;font-size:15px;line-height:1.5}.announcement-banner__text{flex:1 1;word-break:break-word}.announcement-banner--info{--ann-bg:rgba(99,102,241,0.1);--ann-border:rgba(99,102,241,0.3);--ann-text:#a5b4fc}.announcement-banner--tip{--ann-bg:rgba(167,139,250,0.1);--ann-border:rgba(167,139,250,0.3);--ann-text:#c4b5fd}.announcement-banner--warning{--ann-bg:rgba(234,179,8,0.1);--ann-border:rgba(234,179,8,0.3);--ann-text:#fde047}.announcement-banner--attention{--ann-bg:rgba(249,115,22,0.1);--ann-border:rgba(249,115,22,0.3);--ann-text:#fdba74}.announcement-banner--error{--ann-bg:rgba(239,68,68,0.1);--ann-border:rgba(239,68,68,0.3);--ann-text:#fca5a5}[data-theme=light] .announcement-banner--info{--ann-bg:rgba(99,102,241,0.08);--ann-text:#4338ca}[data-theme=light] .announcement-banner--tip{--ann-bg:rgba(167,139,250,0.08);--ann-text:#7c3aed}[data-theme=light] .announcement-banner--warning{--ann-bg:rgba(234,179,8,0.1);--ann-text:#a16207}[data-theme=light] .announcement-banner--attention{--ann-bg:rgba(249,115,22,0.08);--ann-text:#c2410c}[data-theme=light] .announcement-banner--error{--ann-bg:rgba(239,68,68,0.08);--ann-text:#b91c1c}@media (max-width:480px){.announcement-banner{padding:8px 14px;font-size:12px}}