 /* CSS Reset & Basic Styles */
      

        /* === List Page Specific Styles === */
        .page-banner {
            height: 250px;
            background-image: url('https://placehold.co/1920x250/cccccc/333333?text=研究院新闻中心');
            background-size: cover;
            background-position: center;
        }
        .main-content-wrapper { padding: 20px 0; }
        .breadcrumb { font-size: 14px; color: #666; padding: 15px; background-color: #fff; border: 1px solid #e7e7e7; margin-bottom: 20px; }
        .breadcrumb a { color: #333; }
        
        .inner-page-layout { display: grid; grid-template-columns: 280px 1fr; gap: 20px; }
        
        /* Left Sidebar */
        .sidebar-main-title {
            background: #0056b3 url('https://placehold.co/280x60/0056b3/FFFFFF?text=TitleBG') no-repeat center center;
            background-size: cover;
            color: white; font-size: 22px; font-weight: bold;
            padding: 15px 20px; margin-bottom: 20px; text-align: center;
        }
        .sidebar-box { background-color: #fff; border: 1px solid #e7e7e7; margin-bottom: 20px; }
        .sidebar-box-title {
            font-size: 16px; padding: 12px 15px; border-bottom: 1px solid #e7e7e7;
            font-weight: bold; color: #0056b3;
        }
        .sidebar-box-content { padding: 10px 15px; }
        .hot-links li { display: flex; align-items: center; padding: 8px 0; font-size: 14px; }
        .hot-links .num {
            width: 20px; height: 20px; border-radius: 50%; color: white;
            background-color: #ccc; text-align: center; line-height: 20px;
            margin-right: 10px; font-size: 12px; flex-shrink: 0;
        }
        .hot-links li:nth-child(-n+3) .num { background-color: #f56c6c; } /* Style for top 3 */
        
        /* Right Content Area */
        .main-list-area { background-color: #fff; border: 1px solid #e7e7e7; padding: 20px; }
        .list-header {
            border-bottom: 2px solid #0056b3; padding-bottom: 10px; margin-bottom: 20px;
            display: flex; align-items: center;
        }
        .list-header h2 { font-size: 20px; color: #0056b3; }
        .list-header h2:before { content: '≡'; margin-right: 10px; font-weight: bold; }
        
        .article-list-detailed li { display: flex; padding: 20px 0; border-bottom: 1px dashed #ccc; align-items: flex-start; }
        .date-block { text-align: center; margin-right: 20px; color: #999; flex-shrink: 0; }
        .date-block .day { font-size: 36px; color: #0056b3; font-weight: bold; display: block; line-height: 1; }
        .date-block .year-month { font-size: 14px; display: block; margin-top: 5px; }
        
        .article-summary h3 a { font-size: 18px; color: #333; font-weight: 600; }
        .article-summary h3 a:hover { color: #0056b3; }
        .article-summary p { font-size: 14px; color: #666; line-height: 1.8; margin-top: 10px; }
        
        /* === NEW & IMPROVED PAGINATION STYLES === */
        .pagination-full { text-align: center; margin-top: 40px; }
        .pagination-full a, .pagination-full span {
            display: inline-block; padding: 8px 16px; border: 1px solid #ddd;
            margin: 0 4px; font-size: 14px; border-radius: 4px; transition: all 0.3s ease;
        }
        .pagination-full a { color: #333; }
        .pagination-full span.ellipsis { color: #999; border: none; }
        .pagination-full a:hover,
        .pagination-full span.current {
            background-color: #0056b3; color: white; border-color: #0056b3;
        }
        .pagination-full span.current { cursor: default; }

        /* Floating Sidebar */
        .floating-sidebar { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 100; }
        .floating-sidebar ul { background-color: #0056b3; border-radius: 5px; }
        .floating-sidebar li a { display: block; width: 40px; height: 40px; color: white; text-align: center; line-height: 40px; font-size: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); }
        .floating-sidebar li:last-child a { border-bottom: none; }
        .pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px;
}

.page-item .page-link {
  display: block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  /* 其他原有样式 */
}