body { font-family: Arial, 'Microsoft YaHei', sans-serif; margin: 20px; background-color: #fff; color: #333; }
        .container { max-width: 900px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        h1 { text-align: center; color: #444; border-bottom: 2px solid #eee; padding-bottom: 10px; }
        .article-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        .article-table th, .article-table td { border: 1px solid #ddd; padding: 10px 12px; text-align: left; }
        .article-table th { background-color: #f8f8f8; font-weight: bold; text-align:center;}
        .article-table tbody tr:hover { background-color: #f1f1f1; }
        .pagination { display: flex; justify-content: center; align-items: center; margin-top: 25px; user-select: none; }
        .pagination button, .pagination .ellipsis { padding: 8px 16px; margin: 0 4px; border: 1px solid #ddd; color: #007bff; text-decoration: none; border-radius: 4px; background-color: #fff; cursor: pointer; transition: background-color 0.3s, color 0.3s; }
        .pagination button:hover { background-color: #007bff; color: #fff; }
        .pagination .current-page { background-color: #007bff; color: #fff; border-color: #007bff; cursor: default; }
        .pagination button:disabled { color: #ccc; pointer-events: none; border-color: #eee; background-color: #f9f9f9; cursor: not-allowed; }
        .pagination .ellipsis { border: none; background: none; cursor: default; padding: 8px 0; }
        .loading { text-align: center; padding: 20px; font-size: 1.2em; color: #888; }