.\0061\006e\006e\006f\0075\006e\0063\0065\006d\0065\006e\0074-\006d\006f\0064\0061\006c{\0064\0069\0073\0070\006c\0061\0079:none;\0070\006f\0073\0069\0074\0069\006f\006e:fixed;\007a-\0069\006e\0064\0065\0078:1000;\006c\0065\0066\0074:0;\0074\006f\0070:0;\0077\0069\0064\0074\0068:100%;\0068\0065\0069\0067\0068\0074:100%;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:rgba(0,0,0,0.5);\0070\0061\0064\0064\0069\006e\0067:20px;\0062\006f\0078-\0073\0069\007a\0069\006e\0067:border-box;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:center}.announcement-content{background-color:#fff;\0070\0061\0064\0064\0069\006e\0067:0;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:12px;\0062\006f\0078-\0073\0068\0061\0064\006f\0077:0 8px 32px rgba(0,0,0,0.3);\0077\0069\0064\0074\0068:500px;\006d\0061\0078-\0077\0069\0064\0074\0068:100%;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:70vh;\0070\006f\0073\0069\0074\0069\006f\006e:relative;\0064\0069\0073\0070\006c\0061\0079:flex;\0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e:column;\006f\0076\0065\0072\0066\006c\006f\0077:hidden}.announcement-header{display:flex;\006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074:space-between;\0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073:center;\0070\0061\0064\0064\0069\006e\0067:20px 24px 16px;\0062\006f\0072\0064\0065\0072-\0062\006f\0074\0074\006f\006d:1px solid#eee;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}.announcement-header h3{margin:0;\0066\006f\006e\0074-\0073\0069\007a\0065:18px;\0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074:600;\0063\006f\006c\006f\0072:#333}.announcement-close{cursor:pointer;\0066\006f\006e\0074-\0073\0069\007a\0065:24px;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1;\0062\0061\0063\006b\0067\0072\006f\0075\006e\0064:none;\0062\006f\0072\0064\0065\0072:none;\0063\006f\006c\006f\0072:#666;\0070\0061\0064\0064\0069\006e\0067:4px;\0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073:4px;\0074\0072\0061\006e\0073\0069\0074\0069\006f\006e:all 0.2s ease}.announcement-close:hover{background:#f5f5f5;\0063\006f\006c\006f\0072:#333}.announcement-body{padding:20px 24px;\006d\0061\0078-\0068\0065\0069\0067\0068\0074:300px;\006f\0076\0065\0072\0066\006c\006f\0077-\0079:auto;\006f\0076\0065\0072\0066\006c\006f\0077-\0078:hidden;\0077\006f\0072\0064-\0077\0072\0061\0070:break-word;\006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.6;\0066\006c\0065\0078:1;\0066\006f\006e\0074-\0073\0069\007a\0065:14px}.announcement-footer{padding:16px 24px 20px;\0074\0065\0078\0074-\0061\006c\0069\0067\006e:right;\0062\006f\0072\0064\0065\0072-\0074\006f\0070:1px solid#eee;\0066\006c\0065\0078-\0073\0068\0072\0069\006e\006b:0}body.dark-theme.announcement-content{background-color:#2d2d2d;\0063\006f\006c\006f\0072:#f5f5f5;\0062\006f\0072\0064\0065\0072:1px solid#444}body.dark-theme.announcement-header{border-bottom-color:#444}body.dark-theme.announcement-close{color:#f5f5f5}body.dark-theme.announcement-body{color:#f5f5f5}body.dark-theme.announcement-footer button{background-color:#444;\0063\006f\006c\006f\0072:#f5f5f5;\0062\006f\0072\0064\0065\0072:1px solid#666}body.dark-theme.announcement-footer button:hover{background-color:#555}