.external-announcement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.external-announcement-modal{background:#fff;border-radius:12px;width:100%;max-width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-in-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.external-announcement-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8e8e8}.external-announcement-category{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid}.external-announcement-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.external-announcement-close:hover{color:#333}.external-announcement-content{flex:1;overflow-y:auto;padding:16px}.external-announcement-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.external-announcement-body{font-size:14px;line-height:1.6;color:#666}.external-announcement-body p{margin:0 0 12px}.external-announcement-body img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.external-announcement-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e8e8e8;gap:12px;min-height:44px}.external-announcement-nav{padding:8px 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .2s}.external-announcement-nav:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.external-announcement-nav:disabled{opacity:.5;cursor:not-allowed}.external-announcement-counter{font-size:14px;color:#999;flex:1;text-align:center}@media (max-width: 768px){.external-announcement-modal{max-width:95%;max-height:85vh}.external-announcement-title{font-size:16px}.external-announcement-body{font-size:13px}.external-announcement-nav{padding:6px 12px;font-size:13px}}