#promoted-articles-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #fafbfc 0%, #f4f6f8 100%);z-index:10000000;overflow-y:auto}#promoted-articles-popup,#promoted-articles-popup *{font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;line-height:1.4}#promoted-articles-popup::-webkit-scrollbar{width:6px}#promoted-articles-popup::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.05)}#promoted-articles-popup::-webkit-scrollbar-thumb{background:#c4c9d0;border-radius:6px}#promoted-articles-popup::-webkit-scrollbar-thumb:hover{background:#a8b2bc}.header-bar{background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);padding:20px 32px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);border-bottom:1px solid #e9ecef}.header-bar .main-title{font-size:26px;font-weight:600;color:#2c3e50;margin:0;letter-spacing:-0.5px}.header-bar .close-btn{background:#ffffff;border:1px solid #dee2e6;font-size:24px;color:#6c757d;cursor:pointer;padding:10px;border-radius:8px;transition:all 0.2s ease}.header-bar .close-btn:hover{background:#f8f9fa;color:#495057;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}#footer_articles_popup{padding:32px;max-width:1300px;margin:0 auto}#footer_articles_popup .inner{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:12px 28px}@media (max-width:768px){#footer_articles_popup .inner{grid-template-columns:1fr;gap:8px 20px}}.article-card{background:#ffffff;overflow:hidden;box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0;transform:translateY(30px);border:1px solid #f1f3f4;position:relative;margin-bottom:16px}.article-card:last-child{margin-bottom:0}.article-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #4a90e2 0%, #357abd 100%)}.article-card.visible{opacity:1;transform:translateY(0)}.article-card:hover{box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);transform:translateY(-4px);border-color:#e9ecef}.article-card .article-content{display:flex;flex-direction:column;height:100%}.article-card .article-image-wrapper{position:relative;display:block;overflow:hidden}.article-card .article-image-wrapper .image-container{position:relative;padding-bottom:35%;overflow:hidden}.article-card .article-image-wrapper .image-container .article-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.article-card .article-image-wrapper .image-container .video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(52, 58, 64, 0.85);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;backdrop-filter:blur(4px)}.article-card .article-image-wrapper .image-container .video-overlay .play-icon{width:24px;height:24px;fill:white}.article-card .article-image-wrapper .image-container .video-overlay:hover{transform:translate(-50%, -50%) scale(1.05);background:rgba(52, 58, 64, 0.9)}.article-card .article-image-wrapper:hover .article-image{transform:scale(1.03)}.article-card .article-text{padding:20px;flex:1;display:flex;flex-direction:column}.article-card .article-text .article-title-link{text-decoration:none;color:inherit;flex:1}.article-card .article-text .article-title-link .article-title{font-size:20px;font-weight:600;line-height:1.4;color:#2c3e50;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:all 0.2s ease;margin-bottom:12px}.article-card .article-text .article-title-link .article-title:hover{color:#4a90e2}.article-card .article-text .article-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #f1f3f4}.article-card .article-text .article-meta .publish-time{font-size:13px;color:#6c757d;font-weight:500}.article-card .article-text .article-meta .article-actions{display:flex;gap:8px}.article-card .article-text .article-meta .article-actions .share-btn{background:#f8f9fa;border:1px solid #e9ecef;padding:8px;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.article-card .article-text .article-meta .article-actions .share-btn .share-icon{width:16px;height:16px;fill:#6c757d;transition:all 0.2s ease}.article-card .article-text .article-meta .article-actions .share-btn:hover{background:#e9ecef;border-color:#dee2e6}.article-card .article-text .article-meta .article-actions .share-btn:hover .share-icon{fill:#495057}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:40px;gap:16px;color:#6c757d;font-weight:500}.loading-indicator .spinner{width:20px;height:20px;border:2px solid #f1f3f4;border-top:2px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.header-bar{padding:16px 20px}.header-bar .main-title{font-size:22px}.header-bar .close-btn{padding:8px;font-size:20px}#footer_articles_popup{padding:0px}.article-card{margin-bottom:12px}.article-card:last-child{margin-bottom:0}.article-card .article-text{padding:16px}.article-card .article-text .article-title{font-size:18px;-webkit-line-clamp:2}.article-card .article-text .article-meta{padding-top:12px}}.article-animate{animation:articleFadeIn 0.5s ease-out forwards}@keyframes articleFadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}