.article-popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .6)}.article-popup-content{background-color:#fff;margin:5% auto;padding:20px;border-radius:12px;width:80%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgb(0 0 0 / .15);position:relative;animation:popupOpen 0.4s ease-out}@keyframes popupOpen{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.article-popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.article-popup-header .article-popup-title{margin:0;padding:0;font-size:24px;color:#333;font-weight:700}.close-popup{font-size:28px;cursor:pointer;color:#888;line-height:1}.close-popup:hover{color:#333}.article-popup-body{padding:10px 0}.article-popup-footer{text-align:center;padding-top:15px;border-top:1px solid #eee;margin-top:15px}.close-popup-btn{background:#102542;color:#fff;border:none;padding:10px 22px;border-radius:6px;margin-right:8px;font-size:1em;cursor:pointer;font-family:inherit;font-weight:600;transition:background 0.2s}.close-popup-btn:hover{background:#a3b9c9}@media (max-width:768px){.article-popup-content{width:95%;margin:10% auto;padding:15px;position:relative}.close-popup{position:absolute;top:12px;right:12px;z-index:10;font-size:32px;color:#888;background:none;border:none;padding:0;line-height:1;cursor:pointer}.article-popup-header{padding-top:30px}}