.announcement-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;margin-bottom:24px;border:1px solid #30617b;border-radius:18px;background:linear-gradient(105deg,#082034f5,#082034bb),url('/assets/jdn-banner-v2.png') center/cover}.announcement-hero h2{font-size:1.7rem;margin:8px 0 12px;letter-spacing:-.025em}.announcement-hero p:last-child{color:#abc7d8;line-height:1.7;max-width:650px;margin:0}.announcement-badge{color:#85dfff;background:#0c2b41d9;border:1px solid #3a6983;padding:12px 16px;border-radius:99px;font-size:.75rem;white-space:nowrap;letter-spacing:.08em}.announcement-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}.announcement-form{min-width:0}.announcement-form label small{font-weight:400;color:#99b6c8}.announcement-divider{height:1px;background:#284e64;margin:28px 0}.announcement-details{border:1px solid #294e64;border-radius:12px;padding:15px;margin-top:16px}.announcement-details summary{cursor:pointer;color:#c3deee;font-weight:600}.announcement-details[open] summary{margin-bottom:18px}.announcement-extra-field+.announcement-extra-field{border-top:1px solid #294e64;margin-top:18px;padding-top:18px}.announcement-inline{display:flex!important;align-items:center;gap:8px!important}.announcement-inline input{width:auto!important}.announcement-preview-wrap{position:sticky;top:96px;min-width:0}.announcement-preview-label{display:flex;justify-content:space-between;font-size:.6875rem;letter-spacing:.1em;color:#9ec0d3;padding:4px 4px 12px;gap:8px}.announcement-discord{display:flex;gap:12px;background:#191a25;border:1px solid #355267;border-radius:16px;padding:24px 18px;box-shadow:0 16px 50px #0003}.announcement-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.announcement-message{min-width:0;flex:1;font-size:.875rem;line-height:1.6}.announcement-author{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-weight:700;color:#76d6ff}.announcement-author span{font-size:.6rem;background:#5865f2;color:white;padding:0 4px;border-radius:3px}.announcement-author small{color:#9093a6;font-size:.65rem;font-weight:400;margin-left:2px}.announcement-embed{border-left:4px solid #0ea5e9;border-radius:4px;background:#222330;padding:16px;overflow:hidden;min-height:165px}.announcement-embed.tone-violet{border-color:#8b5cf6}.announcement-embed.tone-green{border-color:#10b981}.announcement-embed.tone-gold{border-color:#f59e0b}.announcement-embed.tone-red{border-color:#ef4444}.announcement-embed h3{font-size:1rem;margin:0 0 12px;color:#f2f5ff;overflow-wrap:anywhere}.announcement-embed>div,#announcement-preview-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d7e8}#announcement-preview-content:not(:empty){margin-bottom:9px}#announcement-preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}#announcement-preview-fields section{grid-column:1/-1}#announcement-preview-fields section.inline{grid-column:auto}#announcement-preview-fields strong{display:block;color:#eef2ff;margin-bottom:3px}#announcement-preview-fields p{margin:0;font-size:.8125rem}#announcement-preview-footer{display:block;color:#a6aec7;font-size:.6875rem;clear:both;margin-top:18px}#announcement-preview-thumbnail{float:right;width:70px;height:70px;object-fit:contain;margin:0 0 12px 12px;border-radius:6px}#announcement-preview-image{width:100%;max-height:360px;object-fit:contain;border-radius:8px;margin-top:18px}.announcement-tip{display:flex;gap:13px;padding:20px 5px;color:#9ab9cb;font-size:.8125rem;line-height:1.7}.announcement-tip>span{color:#7ae0ff}.announcement-tip p{margin:0}.announcement-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.announcement-feedback{white-space:pre-wrap;overflow-wrap:anywhere;color:#a5d9f0;line-height:1.65;margin-top:16px}.announcement-feedback a{color:#73d6ff;text-decoration:underline}.announcement-feedback:empty{display:none}.announcement-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){.announcement-layout{grid-template-columns:minmax(0,1fr)}.announcement-preview-wrap{position:static;grid-row:1}.announcement-hero h2{font-size:1.4rem}.announcement-badge{display:none}.announcement-discord{max-width:690px}}@media(max-width:600px){.announcement-hero{padding:22px}.announcement-discord{padding:18px 12px;gap:9px}.announcement-avatar{width:28px;height:28px}.announcement-author small{display:none}.announcement-embed{padding:12px}.announcement-form .grid.two{grid-template-columns:1fr}#announcement-preview-fields{grid-template-columns:1fr}.announcement-actions{flex-direction:column}.announcement-actions button{width:100%}}
.announcement-attachments{display:grid;gap:12px;margin-top:16px}.announcement-attachment{padding:12px;background:#102739;border:1px solid #315065;border-radius:12px;overflow:hidden}.announcement-attachment img,.announcement-attachment video{display:block;max-width:100%;max-height:280px;border-radius:8px;margin:auto}.announcement-attachment p{font-size:.75rem;overflow-wrap:anywhere;color:#aac7d8;margin:10px 0 0}
.announcement-confirm{color:#e2f1fb;background:#0c2031;border:1px solid #397293;border-radius:20px;padding:28px;max-width:520px;width:calc(100% - 40px);box-sizing:border-box;box-shadow:0 24px 90px #0008}.announcement-confirm::backdrop{background:#020b17cc;backdrop-filter:blur(5px)}.announcement-confirm h2{margin:0 0 16px;font-size:1.4rem;color:#a0e4ff}.announcement-confirm p{white-space:pre-wrap;line-height:1.8;color:#c2d9e9;overflow-wrap:anywhere}.announcement-confirm .announcement-actions{justify-content:flex-end}