.announcement-page[data-v-f696eb12]{background:#f9fafb;min-height:100vh;padding:80px 20px 40px}.box-container[data-v-f696eb12]{flex-wrap:wrap;gap:20px;margin:20px auto;max-width:1400px}.box[data-v-f696eb12],.box-container[data-v-f696eb12]{display:flex;justify-content:center}.box[data-v-f696eb12]{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;height:400px;transition:transform .2s,box-shadow .2s;width:400px}.box[data-v-f696eb12]:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.03)}.box-content[data-v-f696eb12]{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}.box-title[data-v-f696eb12],.box-title-mobile[data-v-f696eb12]{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:10px}.box-title-mobile[data-v-f696eb12]{padding:20px 20px 0;text-align:center}.box-detail[data-v-f696eb12]{color:#666;font-size:14px;line-height:1.5}.box img[data-v-f696eb12]{margin-bottom:15px;max-height:60%;max-width:80%;-o-object-fit:contain;object-fit:contain}.no-announcements[data-v-f696eb12]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:40px auto;max-width:600px;padding:80px 40px;text-align:center;width:100%}.empty-icon[data-v-f696eb12]{font-size:64px;margin-bottom:20px;opacity:.5}.no-announcements h3[data-v-f696eb12]{color:#1a202c;font-size:24px;margin-bottom:12px}.no-announcements p[data-v-f696eb12]{color:#718096;font-size:16px;line-height:1.6}.modal-overlay[data-v-f696eb12]{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal[data-v-f696eb12]{animation:slideUp-f696eb12 .3s ease;background:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideUp-f696eb12{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-body[data-v-f696eb12]{overflow-y:auto;padding:15px 20px}.modal img[data-v-f696eb12]{border-radius:8px;margin-bottom:15px;max-width:100%}.modal p[data-v-f696eb12]{color:#666;line-height:1.6}.modal-footer[data-v-f696eb12]{background:#f9f9f9;border-top:1px solid #e5e7eb;flex-shrink:0;padding:15px;text-align:center}.close-btn[data-v-f696eb12]{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:background .2s}.close-btn[data-v-f696eb12]:hover{background:#555}@media (max-width:768px){.announcement-page[data-v-f696eb12]{padding:60px 16px 32px}.box[data-v-f696eb12]{height:350px;max-width:400px;width:100%}.no-announcements[data-v-f696eb12]{padding:60px 30px}.empty-icon[data-v-f696eb12]{font-size:48px}.no-announcements h3[data-v-f696eb12]{font-size:20px}.no-announcements p[data-v-f696eb12]{font-size:14px}.modal[data-v-f696eb12]{max-height:90vh;width:95%}}@media (max-width:480px){.box[data-v-f696eb12]{height:300px}.box-title[data-v-f696eb12],.box-title-mobile[data-v-f696eb12]{font-size:16px}.box-detail[data-v-f696eb12]{font-size:13px}.no-announcements[data-v-f696eb12]{padding:40px 20px}}