Past Issues | INVESTIGATION OF LIFE SCIENCE<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n }\n html { scroll-behavior: smooth; }\n body {\n background-color: #f6f8fa;\n padding: 40px 20px;\n }\n .journal-container {\n background-color: #ffffff;\n border: 1px solid #e1e4e8;\n border-radius: 8px;\n width: 100%;\n max-width: 1200px;\n padding: 30px;\n margin: 0 auto 30px auto;\n }\n .breadcrumb-nav {\n font-size: 14px;\n color: #586069;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 1px solid #eaecef;\n }\n .breadcrumb-nav a {\n color: #0366d6;\n text-decoration: none;\n }\n .breadcrumb-nav a:hover { text-decoration: underline; }\n .page-header {\n margin-bottom: 30px;\n }\n .page-title {\n font-size: 32px;\n font-weight: 700;\n color: #24292e;\n margin-bottom: 8px;\n }\n .page-subtitle {\n font-size: 16px;\n color: #586069;\n }\n \/* \u641c\u7d22\u7b5b\u9009\u680f *\/\n .search-filter-bar {\n display: flex;\n gap: 16px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n align-items: center;\n }\n .search-input {\n flex: 1;\n min-width: 280px;\n padding: 10px 16px;\n border: 1px solid #d1d5da;\n border-radius: 6px;\n font-size: 14px;\n }\n .search-input:focus {\n outline: none;\n border-color: #0366d6;\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.1);\n }\n .filter-select {\n padding: 10px 16px;\n border: 1px solid #d1d5da;\n border-radius: 6px;\n font-size: 14px;\n background-color: #fff;\n cursor: pointer;\n }\n \/* \u671f\u520a\u7f51\u683c *\/\n .issues-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n gap: 24px;\n margin-bottom: 30px;\n }\n .issue-card {\n background: #ffffff;\n border: 1px solid #e1e4e8;\n border-radius: 8px;\n padding: 24px;\n display: flex;\n flex-direction: column;\n transition: box-shadow 0.2s ease, transform 0.2s ease;\n }\n .issue-card:hover {\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n .issue-card-header {\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .issue-header-left {\n flex: 1;\n }\n .issue-badge {\n display: inline-block;\n background-color: #0366d6;\n color: #fff;\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .issue-badge.latest {\n background-color: #2ea44f;\n }\n .issue-badge.open {\n background-color: #6f42c1;\n }\n .issue-title {\n font-size: 20px;\n font-weight: 700;\n color: #24292e;\n margin-bottom: 6px;\n }\n .issue-date {\n font-size: 14px;\n color: #586069;\n margin-bottom: 16px;\n }\n \/* \u6298\u53e0\u6309\u94ae *\/\n .toggle-btn {\n padding: 6px 12px;\n font-size: 13px;\n color: #0366d6;\n border: 1px solid #0366d6;\n border-radius: 4px;\n background: #fff;\n cursor: pointer;\n white-space: nowrap;\n transition: all 0.2s;\n }\n .toggle-btn:hover {\n background-color: #f6f8fa;\n }\n \/* \u6587\u7ae0\u5217\u8868 - \u6298\u53e0\/\u5c55\u5f00 *\/\n .issue-article-list {\n list-style: none;\n margin-bottom: 20px;\n flex-grow: 1;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n .issue-article-list.expanded {\n max-height: 2000px; \/* \u8db3\u591f\u5bb9\u7eb3\u5927\u91cf\u6587\u7ae0 *\/\n }\n .issue-article-list li {\n font-size: 14px;\n color: #333;\n padding: 12px 0;\n border-bottom: 1px dashed #eaecef;\n line-height: 1.4;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .issue-article-list li:last-child {\n border-bottom: none;\n }\n \/* \u2705 \u4fee\u590d\uff1a\u5f3a\u5236\u8986\u76d6WordPress\u4e3b\u9898\u7684\u94fe\u63a5\u6837\u5f0f\uff0c\u548c\u7b2c\u4e00\u671f\u5b8c\u5168\u4e00\u81f4 *\/\n .article-title-link {\n font-size: 15px;\n font-weight: 500;\n color: #0366d6;\n text-decoration: none !important; \/* \u5f3a\u5236\u79fb\u9664\u4e3b\u9898\u4e0b\u5212\u7ebf *\/\n border-bottom: none !important; \/* \u5f3a\u5236\u79fb\u9664\u4e3b\u9898\u5e95\u90e8\u8fb9\u6846 *\/\n box-shadow: none !important; \/* \u5f3a\u5236\u79fb\u9664\u4e3b\u9898\u9634\u5f71\u4e0b\u5212\u7ebf *\/\n transition: all 0.2s;\n }\n .article-title-link:hover {\n text-decoration: underline !important; \/* \u4ec5\u9f20\u6807\u60ac\u505c\u65f6\u663e\u793a\u4e0b\u5212\u7ebf *\/\n }\n \/* \u5f15\u7528\u6309\u94ae\u6837\u5f0f *\/\n .cite-btn {\n padding: 6px 16px;\n font-size: 14px;\n color: #ffffff;\n border: 1px solid #007bff;\n border-radius: 4px;\n background: #007bff;\n cursor: pointer;\n white-space: nowrap;\n width: fit-content;\n transition: all 0.2s;\n }\n .cite-btn:hover {\n background: #0056b3;\n border-color: #0056b3;\n }\n .view-issue-btn {\n display: inline-block;\n width: 100%;\n text-align: center;\n padding: 10px 16px;\n background-color: #0366d6;\n color: #fff;\n text-decoration: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n transition: background-color 0.2s;\n border: none;\n cursor: pointer;\n margin-top: 10px;\n }\n .view-issue-btn:hover {\n background-color: #005cc5;\n color: #fff;\n text-decoration: none;\n }\n \/* \u5206\u9875\u6837\u5f0f *\/\n .pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-top: 40px;\n flex-wrap: wrap;\n }\n .page-btn {\n padding: 8px 16px;\n border: 1px solid #d1d5da;\n border-radius: 6px;\n background: #fff;\n color: #24292e;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n }\n .page-btn:hover:not(.disabled):not(.active) {\n background-color: #f6f8fa;\n border-color: #0366d6;\n }\n .page-btn.active {\n background-color: #0366d6;\n color: #fff;\n border-color: #0366d6;\n }\n .page-btn.disabled {\n color: #959da5;\n cursor: not-allowed;\n background-color: #f6f8fa;\n }\n .back-home-wrapper {\n text-align: center;\n margin-top: 40px;\n }\n .back-home-btn {\n color: #586069;\n text-decoration: none;\n font-size: 14px;\n border: 1px solid #d1d5da;\n padding: 8px 16px;\n border-radius: 6px;\n display: inline-block;\n transition: all 0.2s;\n }\n .back-home-btn:hover {\n color: #24292e;\n background-color: #f6f8fa;\n text-decoration: none;\n }\n \/* \u5f15\u7528\u5f39\u7a97\u6837\u5f0f *\/\n #citationModal {\n display: none; \n position: fixed; \n top: 0; \n left: 0; \n width: 100%; \n height: 100%; \n background: rgba(0,0,0,0.5); \n z-index: 9999; \n justify-content: center; \n align-items: center; \n padding: 20px; \n box-sizing: border-box; \n font-family: sans-serif;\n }\n #citationModal .modal-content {\n background: #ffffff; \n border-radius: 8px; \n width: 100%; \n max-width: 900px; \n max-height: 80vh; \n overflow-y: auto; \n padding: 24px; \n box-sizing: border-box;\n animation: modalFadeIn 0.3s ease;\n }\n @keyframes modalFadeIn {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n #citationModal .modal-header {\n display: flex; \n justify-content: space-between; \n align-items: center; \n margin-bottom: 24px; \n padding-bottom: 16px; \n border-bottom: 1px solid #eee;\n }\n #citationModal .modal-title {\n margin: 0; \n font-size: 22px; \n font-weight: 600; \n color: #333;\n }\n #closeModalBtn {\n background: none; \n border: none; \n font-size: 24px; \n cursor: pointer; \n color: #666; \n padding: 0; \n width: 30px; \n height: 30px; \n display: flex; \n align-items: center; \n justify-content: center;\n border-radius: 4px;\n transition: background-color 0.2s;\n }\n #closeModalBtn:hover {\n background-color: #f6f8fa;\n }\n #citationContent {\n display: flex; \n flex-direction: column; \n gap: 16px; \n margin-bottom: 30px;\n }\n #exportArea {\n padding-top: 16px; \n border-top: 1px solid #eee; \n font-size: 16px;\n }\n #exportArea .export-link {\n color: #007bff; \n text-decoration: none; \n margin: 0 8px;\n cursor: pointer;\n }\n #exportArea .export-link:hover {\n text-decoration: underline;\n }\n \/* \u7a7a\u7ed3\u679c\u63d0\u793a *\/\n .empty-result {\n text-align: center;\n padding: 40px 20px;\n color: #586069;\n font-size: 16px;\n }\n \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n @media (max-width: 768px) {\n .issues-grid {\n grid-template-columns: 1fr;\n }\n .journal-container {\n padding: 20px;\n }\n .search-filter-bar {\n flex-direction: column;\n align-items: stretch;\n }\n .filter-select {\n width: 100%;\n }\n #citationModal .modal-content {\n padding: 16px;\n }\n #citationContent > div {\n flex-direction: column;\n gap: 8px;\n }\n #citationContent > div > div:first-child {\n width: 100%;\n padding-top: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"journal-container\">\n <nav class=\"breadcrumb-nav\">\n <a href=\"\/\">Home<\/a> \/ \n <span>Past Issues<\/span>\n <\/nav>\n <div class=\"page-header\">\n <h1 class=\"page-title\">Archive of Issues<\/h1>\n <p class=\"page-subtitle\">Browse all published volumes of INVESTIGATION OF LIFE SCIENCE.<\/p>\n <\/div>\n \n <div class=\"search-filter-bar\">\n <input type=\"text\" class=\"search-input\" id=\"articleSearch\" placeholder=\"Search articles by title...\">\n <select class=\"filter-select\" id=\"volumeFilter\">\n <option value=\"all\">All Volumes<\/option>\n <option value=\"1\">Volume 1<\/option>\n <option value=\"2\">Volume 2<\/option>\n <option value=\"3\">Volume 3<\/option>\n <\/select>\n <select class=\"filter-select\" id=\"issueFilter\">\n <option value=\"all\">All Issues<\/option>\n <option value=\"1\">Issue 1<\/option>\n <option value=\"2\">Issue 2<\/option>\n <option value=\"3\">Issue 3<\/option>\n <option value=\"4\">Issue 4<\/option>\n <\/select>\n <\/div>\n \n <div id=\"issuesContainer\" class=\"issues-grid\">\n \n <\/div>\n \n <div id=\"emptyResult\" class=\"empty-result\" style=\"display: none;\">\n No articles found matching your search criteria.\n <\/div>\n \n <div class=\"pagination\" id=\"pagination\">\n <button class=\"page-btn\" id=\"prevPage\" disabled>« Previous<\/button>\n <button class=\"page-btn active\" data-page=\"1\">1<\/button>\n <button class=\"page-btn\" data-page=\"2\">2<\/button>\n <button class=\"page-btn\" data-page=\"3\">3<\/button>\n <button class=\"page-btn\" data-page=\"4\">4<\/button>\n <button class=\"page-btn\" data-page=\"5\">5<\/button>\n <button class=\"page-btn\" id=\"nextPage\">Next »<\/button>\n <\/div>\n <div class=\"back-home-wrapper\">\n <a href=\"\/\" class=\"back-home-btn\">← Back to Home<\/a>\n <\/div>\n <\/div>\n \n <div id=\"citationModal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h2 class=\"modal-title\">Citation<\/h2>\n <button id=\"closeModalBtn\">\u00d7<\/button>\n <\/div>\n <div id=\"citationContent\"><\/div>\n <div id=\"exportArea\">\n <span style=\"color: #333; margin-right: 12px;\">Export to:<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"bibtex\">BibTeX<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"endnote\">EndNote<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"refman\">RefMan<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"notefirst\">NoteFirst<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"noteexpress\">NoteExpress<\/a>\n <\/div>\n <\/div>\n <\/div>\n <script>\n \/\/ ==================== \u671f\u520a\u6570\u636e\uff08\u53ef\u5728\u6b64\u5904\u6dfb\u52a0\u65b0\u671f\u6570\uff09====================\n const issuesData = [\n {\n id: 1,\n volume: 1,\n issue: 2,\n badge: \"latest\",\n badgeText: \"Latest\",\n publishDate: \"April 2026\",\n viewIssueUrl: \"\/volume-1-issue-2\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"Curcumin and Silymarin in Modern Medicine: A Comprehensive Review of Efficacy, Research Progress, and Clinical Challenges\",\n url: \"http:\/\/8.217.13.104\/index.php\/2026\/04\/28\/curcumin-and-silymarin-in-modern-medicine-a-comprehensive-review-of-efficacy-research-progress-and-clinical-challenges\/\",\n author: \"Wu G H, Zhang R Y, Gao Y J, Jin Y D, Lin Z Y, Sheng L B, Zhang Y M\",\n year: 2026\n },\n {\n title: \"Research Progress on the Molecular Mechanism and Regulatory Strategies of Abnormal Aggregation of \u03b1-Synuclein in Parkinson's Disease\",\n url: \"http:\/\/8.217.13.104\/index.php\/research-progress-on-the-molecular-mechanism-and-regulatory-strategies-of-abnormal-aggregation-of-alpha-synuclein-in-parkinsons-disease\/\",\n author: \"Zhang R Y\",\n year: 2026\n },\n {\n title: \"Pathological Mechanisms, Clinical Impacts, Management Strategies, and Advances in Innovative Drug Development for Feline Obesity: A Review\",\n url: \"http:\/\/8.217.13.104\/index.php\/pathological-mechanisms-clinical-impacts-management-strategies-and-advances-in-innovative-drug-development-for-feline-obesity-a-review\/\",\n author: \"Wu J Q, Xu H Q, Ying X, Liu Z X, Gu S M, Zhao X L, Xie Y, Huang C\",\n year: 2026\n },\n {\n title: \"Feline Myelodysplastic Syndrome: A Case Report\",\n url: \"http:\/\/8.217.13.104\/index.php\/feline-myelodysplastic-syndrome-a-case-report\/\",\n author: \"Zhang X, Qiu Z Z\",\n year: 2026\n }\n ]\n },\n {\n id: 2,\n volume: 1,\n issue: 1,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"12 March 2026\",\n viewIssueUrl: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/1-March-2026-Volume-1-Issue-1%EF%BC%8C.pdf\",\n viewIssueText: \"View Full Issue (PDF)\",\n articles: [\n {\n title: \"Dietary Nutrition and Dietary Design for Hypertensive Patients\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/Dietary-Nutrition-and-Dietary-Design-for-Hypertensive-Patients.pdf\",\n author: \"Zhao, X., Tang, X., Wei, S., Wei, X., & Huang, C.\",\n year: 2026\n },\n {\n title: \"The Development and Application of Food Fiber in Food\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/The-Development-and-Application-of-Food-Fiber-in-Food.pdf\",\n author: \"Zhao, X., Tang, X., Wei, S., Wei, X., & Huang, C.\",\n year: 2026\n },\n {\n title: \"Molecular cloning and subcellular localization of GLOBOSA gene in Nicotiana tabacum\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/Molecular-cloning-and-subcellular-localization-of-GLOBOSA-gene-in-Nicotiana-tabacum.pdf\",\n author: \"Cui, F., Zheng, Y., Deng, L., Yang, X., Zheng, J., Meng, L., Wang, J., & Liu, Q.\",\n year: 2026\n },\n {\n title: \"Treatment of Multifidus Muscle Injury in Posterior Lumbar Spine Surgery: A Comprehensive Review\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/Treatment-of-Multifidus-Muscle-Injury-in-Posterior-Lumbar-Spine-Surgery.pdf\",\n author: \"Li, H., Xie, K., Wang, S., Wu, Y., Chen, X., Weng, Z., Li, J., Liu, T., & Wen, C.\",\n year: 2026\n },\n {\n title: \"Review: Synthesis and metabolism of tea aroma compounds\",\n url: \"http:\/\/8.217.13.104\/index.php\/2026\/04\/28\/review-synthesis-and-metabolism-of-tea-aroma-compounds\/\",\n author: \"Long, Y., He, Y., Wu, S., Mo, S., & Zhang, Z.\",\n year: 2026\n },\n {\n title: \"Tea Tree NOX Amplification of gene families and their expression analysis in tea plant stress\",\n url: \"http:\/\/8.217.13.104\/index.php\/2026\/04\/28\/tea-tree-nox-amplification-of-gene-families-and-their-expression-analysis-in-tea-plant-stress\/\",\n author: \"Long, Y., He, Y., Wu, S., Mo, S., & Zhang, Z.\",\n year: 2026\n }\n ]\n },\n {\n id: 3,\n volume: 1,\n issue: 3,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"June 2026\",\n viewIssueUrl: \"\/volume-1-issue-3\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"The Role of Gut Microbiota in Metabolic Diseases: Mechanisms and Therapeutic Implications\",\n url: \"#\",\n author: \"Wang, L., Zhang, H., Li, Y., & Chen, J.\",\n year: 2026\n },\n {\n title: \"Antioxidant Properties of Natural Plant Extracts: A Comparative Study\",\n url: \"#\",\n author: \"Liu, M., Sun, Y., Zhao, Q., & Zhou, X.\",\n year: 2026\n }\n ]\n },\n {\n id: 4,\n volume: 2,\n issue: 1,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"August 2026\",\n viewIssueUrl: \"\/volume-2-issue-1\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"CRISPR-Cas9 Technology in Plant Genetic Engineering: Advances and Challenges\",\n url: \"#\",\n author: \"Chen, S., Wang, H., Zhang, Y., & Li, X.\",\n year: 2026\n },\n {\n title: \"Neuroprotective Effects of Polyphenols in Alzheimer's Disease\",\n url: \"#\",\n author: \"Yang, T., Wu, J., Liu, S., & Gao, F.\",\n year: 2026\n }\n ]\n },\n {\n id: 5,\n volume: 2,\n issue: 2,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"October 2026\",\n viewIssueUrl: \"\/volume-2-issue-2\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"Sustainable Agriculture: Microbial Fertilizers and Their Applications\",\n url: \"#\",\n author: \"Zhang, Q., Li, M., Wang, Z., & Huang, L.\",\n year: 2026\n },\n {\n title: \"Molecular Mechanisms of Plant Resistance to Abiotic Stress\",\n url: \"#\",\n author: \"Zhao, Y., Sun, L., Zhou, H., & Wu, D.\",\n year: 2026\n }\n ]\n }\n ];\n\n \/\/ ==================== \u5168\u5c40\u914d\u7f6e ====================\n const PAGE_SIZE = 2; \/\/ \u6bcf\u9875\u663e\u793a2\u4e2a\u671f\u520a\u5361\u7247\n let currentPage = 1;\n let filteredData = [...issuesData];\n\n \/\/ ==================== \u6838\u5fc3\u6e32\u67d3\u51fd\u6570 ====================\n function renderIssues(data) {\n const container = document.getElementById('issuesContainer');\n const emptyResult = document.getElementById('emptyResult');\n \n if (data.length === 0) {\n container.innerHTML = '';\n emptyResult.style.display = 'block';\n return;\n }\n \n emptyResult.style.display = 'none';\n container.innerHTML = '';\n \n \/\/ \u8ba1\u7b97\u5206\u9875\u8303\u56f4\n const start = (currentPage - 1) * PAGE_SIZE;\n const end = start + PAGE_SIZE;\n const paginatedData = data.slice(start, end);\n \n paginatedData.forEach(issue => {\n const articleList = issue.articles.map(article => {\n if (article.isComingSoon) {\n return `\n <li>\n <span style=\"color: #6a737d; font-style: italic;\">${article.title}<\/span>\n <\/li>\n `;\n }\n return `\n <li>\n <a href=\"${article.url}\" target=\"_blank\" class=\"article-title-link\">\n ${article.title}\n <\/a>\n <button \n class=\"cite-btn\"\n data-author=\"${article.author}\"\n data-title=\"${article.title}\"\n data-journal=\"INVESTIGATION OF LIFE SCIENCE\"\n data-year=\"${article.year}\"\n data-volume=\"${issue.volume}\"\n data-issue=\"${issue.issue}\"\n data-url=\"${article.url}\"\n >\n Cite\n <\/button>\n <\/li>\n `;\n }).join('');\n \n const issueCard = `\n <article class=\"issue-card\" data-volume=\"${issue.volume}\" data-issue=\"${issue.issue}\">\n <div class=\"issue-card-header\">\n <div class=\"issue-header-left\">\n <span class=\"issue-badge ${issue.badge}\">${issue.badgeText}<\/span>\n <h2 class=\"issue-title\">Volume ${issue.volume}, Issue ${issue.issue}<\/h2>\n <div class=\"issue-date\">Published: ${issue.publishDate}<\/div>\n <\/div>\n <button class=\"toggle-btn\" data-issue-id=\"${issue.id}\">\n Show Articles\n <\/button>\n <\/div>\n <ul class=\"issue-article-list\" id=\"articleList-${issue.id}\">\n ${articleList}\n <\/ul>\n <a href=\"${issue.viewIssueUrl}\" target=\"_blank\" class=\"view-issue-btn\">\n ${issue.viewIssueText}\n <\/a>\n <\/article>\n `;\n \n container.innerHTML += issueCard;\n });\n \n \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\n bindToggleEvents();\n initCitationEvents();\n }\n\n \/\/ ==================== \u6298\u53e0\/\u5c55\u5f00\u529f\u80fd ====================\n function bindToggleEvents() {\n document.querySelectorAll('.toggle-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n const issueId = this.getAttribute('data-issue-id');\n const articleList = document.getElementById(`articleList-${issueId}`);\n const isExpanded = articleList.classList.contains('expanded');\n \n if (isExpanded) {\n articleList.classList.remove('expanded');\n this.textContent = 'Show Articles';\n } else {\n articleList.classList.add('expanded');\n this.textContent = 'Hide Articles';\n }\n });\n });\n }\n\n \/\/ ==================== \u5206\u9875\u63a7\u5236 ====================\n function updatePagination() {\n const totalPages = Math.ceil(filteredData.length \/ PAGE_SIZE);\n const prevBtn = document.getElementById('prevPage');\n const nextBtn = document.getElementById('nextPage');\n \n \/\/ \u7981\u7528\/\u542f\u7528\u4e0a\u4e0b\u9875\u6309\u94ae\n prevBtn.disabled = currentPage === 1;\n nextBtn.disabled = currentPage === totalPages;\n \n \/\/ \u66f4\u65b0\u9875\u7801\u6309\u94ae\u72b6\u6001\n document.querySelectorAll('.page-btn[data-page]').forEach(btn => {\n const pageNum = parseInt(btn.getAttribute('data-page'));\n btn.classList.toggle('active', pageNum === currentPage);\n btn.style.display = pageNum > totalPages ? 'none' : 'block';\n });\n }\n\n \/\/ ==================== \u641c\u7d22\u7b5b\u9009\u529f\u80fd ====================\n function applyFilters() {\n const searchTerm = document.getElementById('articleSearch').value.toLowerCase().trim();\n const volumeFilter = document.getElementById('volumeFilter').value;\n const issueFilter = document.getElementById('issueFilter').value;\n \n filteredData = issuesData.filter(issue => {\n \/\/ \u5377\u7b5b\u9009\n if (volumeFilter !== 'all' && parseInt(volumeFilter) !== issue.volume) {\n return false;\n }\n \/\/ \u671f\u7b5b\u9009\n if (issueFilter !== 'all' && parseInt(issueFilter) !== issue.issue) {\n return false;\n }\n \/\/ \u6587\u7ae0\u6807\u9898\u641c\u7d22\n if (searchTerm) {\n return issue.articles.some(article => \n !article.isComingSoon && article.title.toLowerCase().includes(searchTerm)\n );\n }\n return true;\n });\n \n currentPage = 1; \/\/ \u7b5b\u9009\u540e\u91cd\u7f6e\u5230\u7b2c\u4e00\u9875\n renderIssues(filteredData);\n updatePagination();\n }\n\n \/\/ ==================== \u5f15\u7528\u529f\u80fd ====================\n let currentPaperMeta = {};\n \n function initCitationEvents() {\n const modal = document.getElementById('citationModal');\n const content = document.getElementById('citationContent');\n const closeBtn = document.getElementById('closeModalBtn');\n const citeButtons = document.querySelectorAll('.cite-btn');\n const exportLinks = document.querySelectorAll('.export-link');\n \n \/\/ \u5173\u95ed\u5f39\u7a97\n function closeModal() {\n modal.style.display = 'none';\n document.onkeydown = null;\n currentPaperMeta = {};\n }\n \n \/\/ \u590d\u5236\u6587\u672c\u529f\u80fd\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09\n function copyText(text, btn, successText, originalText) {\n if (navigator.clipboard && window.isSecureContext) {\n navigator.clipboard.writeText(text)\n .then(() => showCopySuccess(btn, successText, originalText))\n .catch(() => fallbackCopy(text, btn, successText, originalText));\n } else {\n fallbackCopy(text, btn, successText, originalText);\n }\n }\n \n \/\/ \u964d\u7ea7\u590d\u5236\u65b9\u6848\n function fallbackCopy(text, btn, successText, originalText) {\n const textArea = document.createElement('textarea');\n textArea.value = text;\n textArea.style.position = 'fixed';\n textArea.style.left = '-99999px';\n textArea.style.top = '-99999px';\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n try {\n const isSuccess = document.execCommand('copy');\n if (isSuccess) {\n showCopySuccess(btn, successText, originalText);\n } else {\n alert('Copy failed, please copy manually: \\n' + text);\n }\n } catch (error) {\n alert('Copy failed, please copy manually: \\n' + text);\n console.error('Copy error:', error);\n }\n document.body.removeChild(textArea);\n }\n \n \/\/ \u590d\u5236\u6210\u529f\u63d0\u793a\n function showCopySuccess(btn, successText, originalText) {\n const originalStyle = {\n background: btn.style.background,\n color: btn.style.color,\n borderColor: btn.style.borderColor\n };\n btn.innerText = successText;\n btn.style.background = '#28a745';\n btn.style.color = '#fff';\n btn.style.borderColor = '#28a745';\n \n setTimeout(() => {\n btn.innerText = originalText;\n btn.style.background = originalStyle.background;\n btn.style.color = originalStyle.color;\n btn.style.borderColor = originalStyle.borderColor;\n }, 2000);\n }\n \n \/\/ \u751f\u6210\u4e0d\u540c\u683c\u5f0f\u7684\u5f15\u7528\n function generateCitationFormats(meta) {\n const { author, title, journal, year, volume, issue, url } = meta;\n const cleanAuthor = author.replace(\/&\/g, ',').replace(\/\\.\\s*\/g, '. ');\n \n return {\n gb: `${cleanAuthor}. ${title}[J]. ${journal}, ${year}, ${volume}(${issue}).`,\n mla: `${author.split(',')[0]}, et al. \"${title}.\" ${journal}, vol. ${volume}, no. ${issue}, ${year}.`,\n apa: `${cleanAuthor} (${year}). ${title}. ${journal}, ${volume}(${issue}).`\n };\n }\n \n \/\/ \u751f\u6210\u5bfc\u51fa\u6587\u4ef6\u5185\u5bb9\n function generateExportContent(type, meta) {\n const { author, title, journal, year, volume, issue, url } = meta;\n const citeKey = title.toLowerCase().replace(\/[^a-z0-9]\/g, '-').substring(0, 20);\n const authorListRIS = author.replace(\/&\/g, '\\nAU - ').replace(\/\\.\/g, '');\n const authorListBib = author.replace(\/&\/g, ' and ').replace(\/\\.\/g, '');\n \n switch(type) {\n case 'bibtex':\n return {\n content: `@article{${citeKey},\n author = {${authorListBib}},\n title = {${title}},\n journal = {${journal}},\n year = {${year}},\n volume = {${volume}},\n number = {${issue}},\n url = {${url}}\n}`,\n filename: `${citeKey}-${year}.bib`,\n mimeType: 'application\/x-bibtex'\n };\n \n case 'endnote':\n case 'refman':\n case 'notefirst':\n case 'noteexpress':\n return {\n content: `TY - JOUR\nAU - ${authorListRIS}\nTI - ${title}\nJO - ${journal}\nPY - ${year}\nVL - ${volume}\nIS - ${issue}\nUR - ${url}\nER - `,\n filename: `${citeKey}-${year}.ris`,\n mimeType: 'application\/x-research-info-systems'\n };\n \n default:\n return null;\n }\n }\n \n \/\/ \u4e0b\u8f7d\u5f15\u7528\u6587\u4ef6\n function downloadCitationFile(type, meta) {\n const exportData = generateExportContent(type, meta);\n if (!exportData) return;\n \n const blob = new Blob([exportData.content], { type: exportData.mimeType });\n const downloadUrl = URL.createObjectURL(blob);\n const aTag = document.createElement('a');\n aTag.href = downloadUrl;\n aTag.download = exportData.filename;\n document.body.appendChild(aTag);\n aTag.click();\n document.body.removeChild(aTag);\n URL.revokeObjectURL(downloadUrl);\n \n return exportData.content;\n }\n \n \/\/ \u7ed1\u5b9a\u5f15\u7528\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n citeButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n const meta = {\n author: this.getAttribute('data-author'),\n title: this.getAttribute('data-title'),\n journal: this.getAttribute('data-journal'),\n year: this.getAttribute('data-year'),\n volume: this.getAttribute('data-volume'),\n issue: this.getAttribute('data-issue'),\n url: this.getAttribute('data-url')\n };\n \n currentPaperMeta = meta;\n const formats = generateCitationFormats(meta);\n \n content.innerHTML = `\n <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n <div style=\"width: 140px; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #333; padding-top: 8px;\">\n GB\/T 7714-2015\n <\/div>\n <div style=\"flex: 1; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; font-size: 16px; line-height: 1.6; word-break: break-all; color: #333;\">\n ${formats.gb}\n <\/div>\n <button \n class=\"copy-btn\"\n data-text=\"${formats.gb}\"\n style=\"flex-shrink: 0; padding: 8px 12px; font-size: 14px; color: #007bff; border: 1px solid #007bff; border-radius: 4px; background: #fff; cursor: pointer; white-space: nowrap; margin-top: 6px;\"\n >\n Copy\n <\/button>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n <div style=\"width: 140px; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #333; padding-top: 8px;\">\n MLA\n <\/div>\n <div style=\"flex: 1; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; font-size: 16px; line-height: 1.6; word-break: break-all; color: #333;\">\n ${formats.mla}\n <\/div>\n <button \n class=\"copy-btn\"\n data-text=\"${formats.mla}\"\n style=\"flex-shrink: 0; padding: 8px 12px; font-size: 14px; color: #007bff; border: 1px solid #007bff; border-radius: 4px; background: #fff; cursor: pointer; white-space: nowrap; margin-top: 6px;\"\n >\n Copy\n <\/button>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n <div style=\"width: 140px; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #333; padding-top: 8px;\">\n APA\n <\/div>\n <div style=\"flex: 1; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; font-size: 16px; line-height: 1.6; word-break: break-all; color: #333;\">\n ${formats.apa}\n <\/div>\n <button \n class=\"copy-btn\"\n data-text=\"${formats.apa}\"\n style=\"flex-shrink: 0; padding: 8px 12px; font-size: 14px; color: #007bff; border: 1px solid #007bff; border-radius: 4px; background: #fff; cursor: pointer; white-space: nowrap; margin-top: 6px;\"\n >\n Copy\n <\/button>\n <\/div>\n `;\n \n \/\/ \u7ed1\u5b9a\u590d\u5236\u6309\u94ae\u4e8b\u4ef6\n document.querySelectorAll('.copy-btn').forEach(function(copyBtn) {\n copyBtn.addEventListener('click', function() {\n const text = this.getAttribute('data-text');\n copyText(text, this, 'Copied', 'Copy');\n });\n });\n \n \/\/ \u663e\u793a\u5f39\u7a97\n modal.style.display = 'flex';\n \n \/\/ \u70b9\u51fb\u5f39\u7a97\u5916\u5c42\u5173\u95ed\n modal.onclick = function(e) {\n if (e.target === modal) closeModal();\n };\n \n \/\/ ESC\u952e\u5173\u95ed\n document.onkeydown = function(e) {\n if (e.key === 'Escape') closeModal();\n };\n });\n });\n \n \/\/ \u7ed1\u5b9a\u5bfc\u51fa\u94fe\u63a5\u4e8b\u4ef6\n exportLinks.forEach(function(link) {\n link.addEventListener('click', function() {\n const type = this.getAttribute('data-type');\n if (!currentPaperMeta || !type) return;\n \n const exportData = downloadCitationFile(type, currentPaperMeta);\n if (!exportData) return;\n \n copyText(exportData, this, 'Downloaded', type);\n });\n });\n \n \/\/ \u5173\u95ed\u6309\u94ae\u4e8b\u4ef6\n closeBtn.addEventListener('click', closeModal);\n }\n\n \/\/ ==================== \u9875\u9762\u521d\u59cb\u5316 ====================\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u521d\u59cb\u6e32\u67d3\n renderIssues(issuesData);\n updatePagination();\n \n \/\/ \u7ed1\u5b9a\u641c\u7d22\u7b5b\u9009\u4e8b\u4ef6\n document.getElementById('articleSearch').addEventListener('input', applyFilters);\n document.getElementById('volumeFilter').addEventListener('change', applyFilters);\n document.getElementById('issueFilter').addEventListener('change', applyFilters);\n \n \/\/ \u7ed1\u5b9a\u5206\u9875\u4e8b\u4ef6\n document.getElementById('prevPage').addEventListener('click', function() {\n if (currentPage > 1) {\n currentPage--;\n renderIssues(filteredData);\n updatePagination();\n }\n });\n \n document.getElementById('nextPage').addEventListener('click', function() {\n const totalPages = Math.ceil(filteredData.length \/ PAGE_SIZE);\n if (currentPage < totalPages) {\n currentPage++;\n renderIssues(filteredData);\n updatePagination();\n }\n });\n \n \/\/ \u7ed1\u5b9a\u9875\u7801\u6309\u94ae\u4e8b\u4ef6\n document.querySelectorAll('.page-btn[data-page]').forEach(btn => {\n btn.addEventListener('click', function() {\n currentPage = parseInt(this.getAttribute('data-page'));\n renderIssues(filteredData);\n updatePagination();\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Past Issues | INVESTIGATION OF LIFE SCIENCE Home \/ Past […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-165","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":24,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages\/165\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":165,"date":"2026-04-01T11:30:55","date_gmt":"2026-04-01T03:30:55","guid":{"rendered":"http:\/\/8.217.13.104\/?page_id=165"},"modified":"2026-07-15T14:28:20","modified_gmt":"2026-07-15T06:28:20","slug":"past-issues","status":"publish","type":"page","link":"https:\/\/www.investigationoflifescience.com\/index.php\/past-issues\/","title":{"rendered":"Past Issues"},"content":{"rendered":"\n\n\n\n\n \n \n Past Issues | INVESTIGATION OF LIFE SCIENCE<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n }\n html { scroll-behavior: smooth; }\n body {\n background-color: #f6f8fa;\n padding: 40px 20px;\n }\n .journal-container {\n background-color: #ffffff;\n border: 1px solid #e1e4e8;\n border-radius: 8px;\n width: 100%;\n max-width: 1200px;\n padding: 30px;\n margin: 0 auto 30px auto;\n }\n .breadcrumb-nav {\n font-size: 14px;\n color: #586069;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 1px solid #eaecef;\n }\n .breadcrumb-nav a {\n color: #0366d6;\n text-decoration: none;\n }\n .breadcrumb-nav a:hover { text-decoration: underline; }\n .page-header {\n margin-bottom: 30px;\n }\n .page-title {\n font-size: 32px;\n font-weight: 700;\n color: #24292e;\n margin-bottom: 8px;\n }\n .page-subtitle {\n font-size: 16px;\n color: #586069;\n }\n \/* \u641c\u7d22\u7b5b\u9009\u680f *\/\n .search-filter-bar {\n display: flex;\n gap: 16px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n align-items: center;\n }\n .search-input {\n flex: 1;\n min-width: 280px;\n padding: 10px 16px;\n border: 1px solid #d1d5da;\n border-radius: 6px;\n font-size: 14px;\n }\n .search-input:focus {\n outline: none;\n border-color: #0366d6;\n box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.1);\n }\n .filter-select {\n padding: 10px 16px;\n border: 1px solid #d1d5da;\n border-radius: 6px;\n font-size: 14px;\n background-color: #fff;\n cursor: pointer;\n }\n \/* \u671f\u520a\u7f51\u683c *\/\n .issues-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n gap: 24px;\n margin-bottom: 30px;\n }\n .issue-card {\n background: #ffffff;\n border: 1px solid #e1e4e8;\n border-radius: 8px;\n padding: 24px;\n display: flex;\n flex-direction: column;\n transition: box-shadow 0.2s ease, transform 0.2s ease;\n }\n .issue-card:hover {\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n .issue-card-header {\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .issue-header-left {\n flex: 1;\n }\n .issue-badge {\n display: inline-block;\n background-color: #0366d6;\n color: #fff;\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .issue-badge.latest {\n background-color: #2ea44f;\n }\n .issue-badge.open {\n background-color: #6f42c1;\n }\n .issue-title {\n font-size: 20px;\n font-weight: 700;\n color: #24292e;\n margin-bottom: 6px;\n }\n .issue-date {\n font-size: 14px;\n color: #586069;\n margin-bottom: 16px;\n }\n \/* \u6298\u53e0\u6309\u94ae *\/\n .toggle-btn {\n padding: 6px 12px;\n font-size: 13px;\n color: #0366d6;\n border: 1px solid #0366d6;\n border-radius: 4px;\n background: #fff;\n cursor: pointer;\n white-space: nowrap;\n transition: all 0.2s;\n }\n .toggle-btn:hover {\n background-color: #f6f8fa;\n }\n \/* \u6587\u7ae0\u5217\u8868 - \u6298\u53e0\/\u5c55\u5f00 *\/\n .issue-article-list {\n list-style: none;\n margin-bottom: 20px;\n flex-grow: 1;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n .issue-article-list.expanded {\n max-height: 2000px; \/* \u8db3\u591f\u5bb9\u7eb3\u5927\u91cf\u6587\u7ae0 *\/\n }\n .issue-article-list li {\n font-size: 14px;\n color: #333;\n padding: 12px 0;\n border-bottom: 1px dashed #eaecef;\n line-height: 1.4;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .issue-article-list li:last-child {\n border-bottom: none;\n }\n \/* \u2705 \u4fee\u590d\uff1a\u5f3a\u5236\u8986\u76d6WordPress\u4e3b\u9898\u7684\u94fe\u63a5\u6837\u5f0f\uff0c\u548c\u7b2c\u4e00\u671f\u5b8c\u5168\u4e00\u81f4 *\/\n .article-title-link {\n font-size: 15px;\n font-weight: 500;\n color: #0366d6;\n text-decoration: none !important; \/* \u5f3a\u5236\u79fb\u9664\u4e3b\u9898\u4e0b\u5212\u7ebf *\/\n border-bottom: none !important; \/* \u5f3a\u5236\u79fb\u9664\u4e3b\u9898\u5e95\u90e8\u8fb9\u6846 *\/\n box-shadow: none !important; \/* \u5f3a\u5236\u79fb\u9664\u4e3b\u9898\u9634\u5f71\u4e0b\u5212\u7ebf *\/\n transition: all 0.2s;\n }\n .article-title-link:hover {\n text-decoration: underline !important; \/* \u4ec5\u9f20\u6807\u60ac\u505c\u65f6\u663e\u793a\u4e0b\u5212\u7ebf *\/\n }\n \/* \u5f15\u7528\u6309\u94ae\u6837\u5f0f *\/\n .cite-btn {\n padding: 6px 16px;\n font-size: 14px;\n color: #ffffff;\n border: 1px solid #007bff;\n border-radius: 4px;\n background: #007bff;\n cursor: pointer;\n white-space: nowrap;\n width: fit-content;\n transition: all 0.2s;\n }\n .cite-btn:hover {\n background: #0056b3;\n border-color: #0056b3;\n }\n .view-issue-btn {\n display: inline-block;\n width: 100%;\n text-align: center;\n padding: 10px 16px;\n background-color: #0366d6;\n color: #fff;\n text-decoration: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n transition: background-color 0.2s;\n border: none;\n cursor: pointer;\n margin-top: 10px;\n }\n .view-issue-btn:hover {\n background-color: #005cc5;\n color: #fff;\n text-decoration: none;\n }\n \/* \u5206\u9875\u6837\u5f0f *\/\n .pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-top: 40px;\n flex-wrap: wrap;\n }\n .page-btn {\n padding: 8px 16px;\n border: 1px solid #d1d5da;\n border-radius: 6px;\n background: #fff;\n color: #24292e;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n }\n .page-btn:hover:not(.disabled):not(.active) {\n background-color: #f6f8fa;\n border-color: #0366d6;\n }\n .page-btn.active {\n background-color: #0366d6;\n color: #fff;\n border-color: #0366d6;\n }\n .page-btn.disabled {\n color: #959da5;\n cursor: not-allowed;\n background-color: #f6f8fa;\n }\n .back-home-wrapper {\n text-align: center;\n margin-top: 40px;\n }\n .back-home-btn {\n color: #586069;\n text-decoration: none;\n font-size: 14px;\n border: 1px solid #d1d5da;\n padding: 8px 16px;\n border-radius: 6px;\n display: inline-block;\n transition: all 0.2s;\n }\n .back-home-btn:hover {\n color: #24292e;\n background-color: #f6f8fa;\n text-decoration: none;\n }\n \/* \u5f15\u7528\u5f39\u7a97\u6837\u5f0f *\/\n #citationModal {\n display: none; \n position: fixed; \n top: 0; \n left: 0; \n width: 100%; \n height: 100%; \n background: rgba(0,0,0,0.5); \n z-index: 9999; \n justify-content: center; \n align-items: center; \n padding: 20px; \n box-sizing: border-box; \n font-family: sans-serif;\n }\n #citationModal .modal-content {\n background: #ffffff; \n border-radius: 8px; \n width: 100%; \n max-width: 900px; \n max-height: 80vh; \n overflow-y: auto; \n padding: 24px; \n box-sizing: border-box;\n animation: modalFadeIn 0.3s ease;\n }\n @keyframes modalFadeIn {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n #citationModal .modal-header {\n display: flex; \n justify-content: space-between; \n align-items: center; \n margin-bottom: 24px; \n padding-bottom: 16px; \n border-bottom: 1px solid #eee;\n }\n #citationModal .modal-title {\n margin: 0; \n font-size: 22px; \n font-weight: 600; \n color: #333;\n }\n #closeModalBtn {\n background: none; \n border: none; \n font-size: 24px; \n cursor: pointer; \n color: #666; \n padding: 0; \n width: 30px; \n height: 30px; \n display: flex; \n align-items: center; \n justify-content: center;\n border-radius: 4px;\n transition: background-color 0.2s;\n }\n #closeModalBtn:hover {\n background-color: #f6f8fa;\n }\n #citationContent {\n display: flex; \n flex-direction: column; \n gap: 16px; \n margin-bottom: 30px;\n }\n #exportArea {\n padding-top: 16px; \n border-top: 1px solid #eee; \n font-size: 16px;\n }\n #exportArea .export-link {\n color: #007bff; \n text-decoration: none; \n margin: 0 8px;\n cursor: pointer;\n }\n #exportArea .export-link:hover {\n text-decoration: underline;\n }\n \/* \u7a7a\u7ed3\u679c\u63d0\u793a *\/\n .empty-result {\n text-align: center;\n padding: 40px 20px;\n color: #586069;\n font-size: 16px;\n }\n \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n @media (max-width: 768px) {\n .issues-grid {\n grid-template-columns: 1fr;\n }\n .journal-container {\n padding: 20px;\n }\n .search-filter-bar {\n flex-direction: column;\n align-items: stretch;\n }\n .filter-select {\n width: 100%;\n }\n #citationModal .modal-content {\n padding: 16px;\n }\n #citationContent > div {\n flex-direction: column;\n gap: 8px;\n }\n #citationContent > div > div:first-child {\n width: 100%;\n padding-top: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"journal-container\">\n <nav class=\"breadcrumb-nav\">\n <a href=\"\/\">Home<\/a> \/ \n <span>Past Issues<\/span>\n <\/nav>\n <div class=\"page-header\">\n <h1 class=\"page-title\">Archive of Issues<\/h1>\n <p class=\"page-subtitle\">Browse all published volumes of INVESTIGATION OF LIFE SCIENCE.<\/p>\n <\/div>\n \n <div class=\"search-filter-bar\">\n <input type=\"text\" class=\"search-input\" id=\"articleSearch\" placeholder=\"Search articles by title...\">\n <select class=\"filter-select\" id=\"volumeFilter\">\n <option value=\"all\">All Volumes<\/option>\n <option value=\"1\">Volume 1<\/option>\n <option value=\"2\">Volume 2<\/option>\n <option value=\"3\">Volume 3<\/option>\n <\/select>\n <select class=\"filter-select\" id=\"issueFilter\">\n <option value=\"all\">All Issues<\/option>\n <option value=\"1\">Issue 1<\/option>\n <option value=\"2\">Issue 2<\/option>\n <option value=\"3\">Issue 3<\/option>\n <option value=\"4\">Issue 4<\/option>\n <\/select>\n <\/div>\n \n <div id=\"issuesContainer\" class=\"issues-grid\">\n \n <\/div>\n \n <div id=\"emptyResult\" class=\"empty-result\" style=\"display: none;\">\n No articles found matching your search criteria.\n <\/div>\n \n <div class=\"pagination\" id=\"pagination\">\n <button class=\"page-btn\" id=\"prevPage\" disabled>« Previous<\/button>\n <button class=\"page-btn active\" data-page=\"1\">1<\/button>\n <button class=\"page-btn\" data-page=\"2\">2<\/button>\n <button class=\"page-btn\" data-page=\"3\">3<\/button>\n <button class=\"page-btn\" data-page=\"4\">4<\/button>\n <button class=\"page-btn\" data-page=\"5\">5<\/button>\n <button class=\"page-btn\" id=\"nextPage\">Next »<\/button>\n <\/div>\n <div class=\"back-home-wrapper\">\n <a href=\"\/\" class=\"back-home-btn\">← Back to Home<\/a>\n <\/div>\n <\/div>\n \n <div id=\"citationModal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h2 class=\"modal-title\">Citation<\/h2>\n <button id=\"closeModalBtn\">\u00d7<\/button>\n <\/div>\n <div id=\"citationContent\"><\/div>\n <div id=\"exportArea\">\n <span style=\"color: #333; margin-right: 12px;\">Export to:<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"bibtex\">BibTeX<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"endnote\">EndNote<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"refman\">RefMan<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"notefirst\">NoteFirst<\/a>\n <span style=\"color: #ccc;\">|<\/span>\n <a href=\"javascript:;\" class=\"export-link\" data-type=\"noteexpress\">NoteExpress<\/a>\n <\/div>\n <\/div>\n <\/div>\n <script>\n \/\/ ==================== \u671f\u520a\u6570\u636e\uff08\u53ef\u5728\u6b64\u5904\u6dfb\u52a0\u65b0\u671f\u6570\uff09====================\n const issuesData = [\n {\n id: 1,\n volume: 1,\n issue: 2,\n badge: \"latest\",\n badgeText: \"Latest\",\n publishDate: \"April 2026\",\n viewIssueUrl: \"\/volume-1-issue-2\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"Curcumin and Silymarin in Modern Medicine: A Comprehensive Review of Efficacy, Research Progress, and Clinical Challenges\",\n url: \"http:\/\/8.217.13.104\/index.php\/2026\/04\/28\/curcumin-and-silymarin-in-modern-medicine-a-comprehensive-review-of-efficacy-research-progress-and-clinical-challenges\/\",\n author: \"Wu G H, Zhang R Y, Gao Y J, Jin Y D, Lin Z Y, Sheng L B, Zhang Y M\",\n year: 2026\n },\n {\n title: \"Research Progress on the Molecular Mechanism and Regulatory Strategies of Abnormal Aggregation of \u03b1-Synuclein in Parkinson's Disease\",\n url: \"http:\/\/8.217.13.104\/index.php\/research-progress-on-the-molecular-mechanism-and-regulatory-strategies-of-abnormal-aggregation-of-alpha-synuclein-in-parkinsons-disease\/\",\n author: \"Zhang R Y\",\n year: 2026\n },\n {\n title: \"Pathological Mechanisms, Clinical Impacts, Management Strategies, and Advances in Innovative Drug Development for Feline Obesity: A Review\",\n url: \"http:\/\/8.217.13.104\/index.php\/pathological-mechanisms-clinical-impacts-management-strategies-and-advances-in-innovative-drug-development-for-feline-obesity-a-review\/\",\n author: \"Wu J Q, Xu H Q, Ying X, Liu Z X, Gu S M, Zhao X L, Xie Y, Huang C\",\n year: 2026\n },\n {\n title: \"Feline Myelodysplastic Syndrome: A Case Report\",\n url: \"http:\/\/8.217.13.104\/index.php\/feline-myelodysplastic-syndrome-a-case-report\/\",\n author: \"Zhang X, Qiu Z Z\",\n year: 2026\n }\n ]\n },\n {\n id: 2,\n volume: 1,\n issue: 1,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"12 March 2026\",\n viewIssueUrl: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/1-March-2026-Volume-1-Issue-1%EF%BC%8C.pdf\",\n viewIssueText: \"View Full Issue (PDF)\",\n articles: [\n {\n title: \"Dietary Nutrition and Dietary Design for Hypertensive Patients\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/Dietary-Nutrition-and-Dietary-Design-for-Hypertensive-Patients.pdf\",\n author: \"Zhao, X., Tang, X., Wei, S., Wei, X., & Huang, C.\",\n year: 2026\n },\n {\n title: \"The Development and Application of Food Fiber in Food\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/The-Development-and-Application-of-Food-Fiber-in-Food.pdf\",\n author: \"Zhao, X., Tang, X., Wei, S., Wei, X., & Huang, C.\",\n year: 2026\n },\n {\n title: \"Molecular cloning and subcellular localization of GLOBOSA gene in Nicotiana tabacum\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/Molecular-cloning-and-subcellular-localization-of-GLOBOSA-gene-in-Nicotiana-tabacum.pdf\",\n author: \"Cui, F., Zheng, Y., Deng, L., Yang, X., Zheng, J., Meng, L., Wang, J., & Liu, Q.\",\n year: 2026\n },\n {\n title: \"Treatment of Multifidus Muscle Injury in Posterior Lumbar Spine Surgery: A Comprehensive Review\",\n url: \"http:\/\/8.217.13.104\/wp-content\/uploads\/2026\/03\/Treatment-of-Multifidus-Muscle-Injury-in-Posterior-Lumbar-Spine-Surgery.pdf\",\n author: \"Li, H., Xie, K., Wang, S., Wu, Y., Chen, X., Weng, Z., Li, J., Liu, T., & Wen, C.\",\n year: 2026\n },\n {\n title: \"Review: Synthesis and metabolism of tea aroma compounds\",\n url: \"http:\/\/8.217.13.104\/index.php\/2026\/04\/28\/review-synthesis-and-metabolism-of-tea-aroma-compounds\/\",\n author: \"Long, Y., He, Y., Wu, S., Mo, S., & Zhang, Z.\",\n year: 2026\n },\n {\n title: \"Tea Tree NOX Amplification of gene families and their expression analysis in tea plant stress\",\n url: \"http:\/\/8.217.13.104\/index.php\/2026\/04\/28\/tea-tree-nox-amplification-of-gene-families-and-their-expression-analysis-in-tea-plant-stress\/\",\n author: \"Long, Y., He, Y., Wu, S., Mo, S., & Zhang, Z.\",\n year: 2026\n }\n ]\n },\n {\n id: 3,\n volume: 1,\n issue: 3,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"June 2026\",\n viewIssueUrl: \"\/volume-1-issue-3\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"The Role of Gut Microbiota in Metabolic Diseases: Mechanisms and Therapeutic Implications\",\n url: \"#\",\n author: \"Wang, L., Zhang, H., Li, Y., & Chen, J.\",\n year: 2026\n },\n {\n title: \"Antioxidant Properties of Natural Plant Extracts: A Comparative Study\",\n url: \"#\",\n author: \"Liu, M., Sun, Y., Zhao, Q., & Zhou, X.\",\n year: 2026\n }\n ]\n },\n {\n id: 4,\n volume: 2,\n issue: 1,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"August 2026\",\n viewIssueUrl: \"\/volume-2-issue-1\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"CRISPR-Cas9 Technology in Plant Genetic Engineering: Advances and Challenges\",\n url: \"#\",\n author: \"Chen, S., Wang, H., Zhang, Y., & Li, X.\",\n year: 2026\n },\n {\n title: \"Neuroprotective Effects of Polyphenols in Alzheimer's Disease\",\n url: \"#\",\n author: \"Yang, T., Wu, J., Liu, S., & Gao, F.\",\n year: 2026\n }\n ]\n },\n {\n id: 5,\n volume: 2,\n issue: 2,\n badge: \"open\",\n badgeText: \"Open Access\",\n publishDate: \"October 2026\",\n viewIssueUrl: \"\/volume-2-issue-2\",\n viewIssueText: \"View Full Issue\",\n articles: [\n {\n title: \"Sustainable Agriculture: Microbial Fertilizers and Their Applications\",\n url: \"#\",\n author: \"Zhang, Q., Li, M., Wang, Z., & Huang, L.\",\n year: 2026\n },\n {\n title: \"Molecular Mechanisms of Plant Resistance to Abiotic Stress\",\n url: \"#\",\n author: \"Zhao, Y., Sun, L., Zhou, H., & Wu, D.\",\n year: 2026\n }\n ]\n }\n ];\n\n \/\/ ==================== \u5168\u5c40\u914d\u7f6e ====================\n const PAGE_SIZE = 2; \/\/ \u6bcf\u9875\u663e\u793a2\u4e2a\u671f\u520a\u5361\u7247\n let currentPage = 1;\n let filteredData = [...issuesData];\n\n \/\/ ==================== \u6838\u5fc3\u6e32\u67d3\u51fd\u6570 ====================\n function renderIssues(data) {\n const container = document.getElementById('issuesContainer');\n const emptyResult = document.getElementById('emptyResult');\n \n if (data.length === 0) {\n container.innerHTML = '';\n emptyResult.style.display = 'block';\n return;\n }\n \n emptyResult.style.display = 'none';\n container.innerHTML = '';\n \n \/\/ \u8ba1\u7b97\u5206\u9875\u8303\u56f4\n const start = (currentPage - 1) * PAGE_SIZE;\n const end = start + PAGE_SIZE;\n const paginatedData = data.slice(start, end);\n \n paginatedData.forEach(issue => {\n const articleList = issue.articles.map(article => {\n if (article.isComingSoon) {\n return `\n <li>\n <span style=\"color: #6a737d; font-style: italic;\">${article.title}<\/span>\n <\/li>\n `;\n }\n return `\n <li>\n <a href=\"${article.url}\" target=\"_blank\" class=\"article-title-link\">\n ${article.title}\n <\/a>\n <button \n class=\"cite-btn\"\n data-author=\"${article.author}\"\n data-title=\"${article.title}\"\n data-journal=\"INVESTIGATION OF LIFE SCIENCE\"\n data-year=\"${article.year}\"\n data-volume=\"${issue.volume}\"\n data-issue=\"${issue.issue}\"\n data-url=\"${article.url}\"\n >\n Cite\n <\/button>\n <\/li>\n `;\n }).join('');\n \n const issueCard = `\n <article class=\"issue-card\" data-volume=\"${issue.volume}\" data-issue=\"${issue.issue}\">\n <div class=\"issue-card-header\">\n <div class=\"issue-header-left\">\n <span class=\"issue-badge ${issue.badge}\">${issue.badgeText}<\/span>\n <h2 class=\"issue-title\">Volume ${issue.volume}, Issue ${issue.issue}<\/h2>\n <div class=\"issue-date\">Published: ${issue.publishDate}<\/div>\n <\/div>\n <button class=\"toggle-btn\" data-issue-id=\"${issue.id}\">\n Show Articles\n <\/button>\n <\/div>\n <ul class=\"issue-article-list\" id=\"articleList-${issue.id}\">\n ${articleList}\n <\/ul>\n <a href=\"${issue.viewIssueUrl}\" target=\"_blank\" class=\"view-issue-btn\">\n ${issue.viewIssueText}\n <\/a>\n <\/article>\n `;\n \n container.innerHTML += issueCard;\n });\n \n \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\n bindToggleEvents();\n initCitationEvents();\n }\n\n \/\/ ==================== \u6298\u53e0\/\u5c55\u5f00\u529f\u80fd ====================\n function bindToggleEvents() {\n document.querySelectorAll('.toggle-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n const issueId = this.getAttribute('data-issue-id');\n const articleList = document.getElementById(`articleList-${issueId}`);\n const isExpanded = articleList.classList.contains('expanded');\n \n if (isExpanded) {\n articleList.classList.remove('expanded');\n this.textContent = 'Show Articles';\n } else {\n articleList.classList.add('expanded');\n this.textContent = 'Hide Articles';\n }\n });\n });\n }\n\n \/\/ ==================== \u5206\u9875\u63a7\u5236 ====================\n function updatePagination() {\n const totalPages = Math.ceil(filteredData.length \/ PAGE_SIZE);\n const prevBtn = document.getElementById('prevPage');\n const nextBtn = document.getElementById('nextPage');\n \n \/\/ \u7981\u7528\/\u542f\u7528\u4e0a\u4e0b\u9875\u6309\u94ae\n prevBtn.disabled = currentPage === 1;\n nextBtn.disabled = currentPage === totalPages;\n \n \/\/ \u66f4\u65b0\u9875\u7801\u6309\u94ae\u72b6\u6001\n document.querySelectorAll('.page-btn[data-page]').forEach(btn => {\n const pageNum = parseInt(btn.getAttribute('data-page'));\n btn.classList.toggle('active', pageNum === currentPage);\n btn.style.display = pageNum > totalPages ? 'none' : 'block';\n });\n }\n\n \/\/ ==================== \u641c\u7d22\u7b5b\u9009\u529f\u80fd ====================\n function applyFilters() {\n const searchTerm = document.getElementById('articleSearch').value.toLowerCase().trim();\n const volumeFilter = document.getElementById('volumeFilter').value;\n const issueFilter = document.getElementById('issueFilter').value;\n \n filteredData = issuesData.filter(issue => {\n \/\/ \u5377\u7b5b\u9009\n if (volumeFilter !== 'all' && parseInt(volumeFilter) !== issue.volume) {\n return false;\n }\n \/\/ \u671f\u7b5b\u9009\n if (issueFilter !== 'all' && parseInt(issueFilter) !== issue.issue) {\n return false;\n }\n \/\/ \u6587\u7ae0\u6807\u9898\u641c\u7d22\n if (searchTerm) {\n return issue.articles.some(article => \n !article.isComingSoon && article.title.toLowerCase().includes(searchTerm)\n );\n }\n return true;\n });\n \n currentPage = 1; \/\/ \u7b5b\u9009\u540e\u91cd\u7f6e\u5230\u7b2c\u4e00\u9875\n renderIssues(filteredData);\n updatePagination();\n }\n\n \/\/ ==================== \u5f15\u7528\u529f\u80fd ====================\n let currentPaperMeta = {};\n \n function initCitationEvents() {\n const modal = document.getElementById('citationModal');\n const content = document.getElementById('citationContent');\n const closeBtn = document.getElementById('closeModalBtn');\n const citeButtons = document.querySelectorAll('.cite-btn');\n const exportLinks = document.querySelectorAll('.export-link');\n \n \/\/ \u5173\u95ed\u5f39\u7a97\n function closeModal() {\n modal.style.display = 'none';\n document.onkeydown = null;\n currentPaperMeta = {};\n }\n \n \/\/ \u590d\u5236\u6587\u672c\u529f\u80fd\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09\n function copyText(text, btn, successText, originalText) {\n if (navigator.clipboard && window.isSecureContext) {\n navigator.clipboard.writeText(text)\n .then(() => showCopySuccess(btn, successText, originalText))\n .catch(() => fallbackCopy(text, btn, successText, originalText));\n } else {\n fallbackCopy(text, btn, successText, originalText);\n }\n }\n \n \/\/ \u964d\u7ea7\u590d\u5236\u65b9\u6848\n function fallbackCopy(text, btn, successText, originalText) {\n const textArea = document.createElement('textarea');\n textArea.value = text;\n textArea.style.position = 'fixed';\n textArea.style.left = '-99999px';\n textArea.style.top = '-99999px';\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n try {\n const isSuccess = document.execCommand('copy');\n if (isSuccess) {\n showCopySuccess(btn, successText, originalText);\n } else {\n alert('Copy failed, please copy manually: \\n' + text);\n }\n } catch (error) {\n alert('Copy failed, please copy manually: \\n' + text);\n console.error('Copy error:', error);\n }\n document.body.removeChild(textArea);\n }\n \n \/\/ \u590d\u5236\u6210\u529f\u63d0\u793a\n function showCopySuccess(btn, successText, originalText) {\n const originalStyle = {\n background: btn.style.background,\n color: btn.style.color,\n borderColor: btn.style.borderColor\n };\n btn.innerText = successText;\n btn.style.background = '#28a745';\n btn.style.color = '#fff';\n btn.style.borderColor = '#28a745';\n \n setTimeout(() => {\n btn.innerText = originalText;\n btn.style.background = originalStyle.background;\n btn.style.color = originalStyle.color;\n btn.style.borderColor = originalStyle.borderColor;\n }, 2000);\n }\n \n \/\/ \u751f\u6210\u4e0d\u540c\u683c\u5f0f\u7684\u5f15\u7528\n function generateCitationFormats(meta) {\n const { author, title, journal, year, volume, issue, url } = meta;\n const cleanAuthor = author.replace(\/&\/g, ',').replace(\/\\.\\s*\/g, '. ');\n \n return {\n gb: `${cleanAuthor}. ${title}[J]. ${journal}, ${year}, ${volume}(${issue}).`,\n mla: `${author.split(',')[0]}, et al. \"${title}.\" ${journal}, vol. ${volume}, no. ${issue}, ${year}.`,\n apa: `${cleanAuthor} (${year}). ${title}. ${journal}, ${volume}(${issue}).`\n };\n }\n \n \/\/ \u751f\u6210\u5bfc\u51fa\u6587\u4ef6\u5185\u5bb9\n function generateExportContent(type, meta) {\n const { author, title, journal, year, volume, issue, url } = meta;\n const citeKey = title.toLowerCase().replace(\/[^a-z0-9]\/g, '-').substring(0, 20);\n const authorListRIS = author.replace(\/&\/g, '\\nAU - ').replace(\/\\.\/g, '');\n const authorListBib = author.replace(\/&\/g, ' and ').replace(\/\\.\/g, '');\n \n switch(type) {\n case 'bibtex':\n return {\n content: `@article{${citeKey},\n author = {${authorListBib}},\n title = {${title}},\n journal = {${journal}},\n year = {${year}},\n volume = {${volume}},\n number = {${issue}},\n url = {${url}}\n}`,\n filename: `${citeKey}-${year}.bib`,\n mimeType: 'application\/x-bibtex'\n };\n \n case 'endnote':\n case 'refman':\n case 'notefirst':\n case 'noteexpress':\n return {\n content: `TY - JOUR\nAU - ${authorListRIS}\nTI - ${title}\nJO - ${journal}\nPY - ${year}\nVL - ${volume}\nIS - ${issue}\nUR - ${url}\nER - `,\n filename: `${citeKey}-${year}.ris`,\n mimeType: 'application\/x-research-info-systems'\n };\n \n default:\n return null;\n }\n }\n \n \/\/ \u4e0b\u8f7d\u5f15\u7528\u6587\u4ef6\n function downloadCitationFile(type, meta) {\n const exportData = generateExportContent(type, meta);\n if (!exportData) return;\n \n const blob = new Blob([exportData.content], { type: exportData.mimeType });\n const downloadUrl = URL.createObjectURL(blob);\n const aTag = document.createElement('a');\n aTag.href = downloadUrl;\n aTag.download = exportData.filename;\n document.body.appendChild(aTag);\n aTag.click();\n document.body.removeChild(aTag);\n URL.revokeObjectURL(downloadUrl);\n \n return exportData.content;\n }\n \n \/\/ \u7ed1\u5b9a\u5f15\u7528\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n citeButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n const meta = {\n author: this.getAttribute('data-author'),\n title: this.getAttribute('data-title'),\n journal: this.getAttribute('data-journal'),\n year: this.getAttribute('data-year'),\n volume: this.getAttribute('data-volume'),\n issue: this.getAttribute('data-issue'),\n url: this.getAttribute('data-url')\n };\n \n currentPaperMeta = meta;\n const formats = generateCitationFormats(meta);\n \n content.innerHTML = `\n <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n <div style=\"width: 140px; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #333; padding-top: 8px;\">\n GB\/T 7714-2015\n <\/div>\n <div style=\"flex: 1; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; font-size: 16px; line-height: 1.6; word-break: break-all; color: #333;\">\n ${formats.gb}\n <\/div>\n <button \n class=\"copy-btn\"\n data-text=\"${formats.gb}\"\n style=\"flex-shrink: 0; padding: 8px 12px; font-size: 14px; color: #007bff; border: 1px solid #007bff; border-radius: 4px; background: #fff; cursor: pointer; white-space: nowrap; margin-top: 6px;\"\n >\n Copy\n <\/button>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n <div style=\"width: 140px; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #333; padding-top: 8px;\">\n MLA\n <\/div>\n <div style=\"flex: 1; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; font-size: 16px; line-height: 1.6; word-break: break-all; color: #333;\">\n ${formats.mla}\n <\/div>\n <button \n class=\"copy-btn\"\n data-text=\"${formats.mla}\"\n style=\"flex-shrink: 0; padding: 8px 12px; font-size: 14px; color: #007bff; border: 1px solid #007bff; border-radius: 4px; background: #fff; cursor: pointer; white-space: nowrap; margin-top: 6px;\"\n >\n Copy\n <\/button>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n <div style=\"width: 140px; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #333; padding-top: 8px;\">\n APA\n <\/div>\n <div style=\"flex: 1; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 12px; font-size: 16px; line-height: 1.6; word-break: break-all; color: #333;\">\n ${formats.apa}\n <\/div>\n <button \n class=\"copy-btn\"\n data-text=\"${formats.apa}\"\n style=\"flex-shrink: 0; padding: 8px 12px; font-size: 14px; color: #007bff; border: 1px solid #007bff; border-radius: 4px; background: #fff; cursor: pointer; white-space: nowrap; margin-top: 6px;\"\n >\n Copy\n <\/button>\n <\/div>\n `;\n \n \/\/ \u7ed1\u5b9a\u590d\u5236\u6309\u94ae\u4e8b\u4ef6\n document.querySelectorAll('.copy-btn').forEach(function(copyBtn) {\n copyBtn.addEventListener('click', function() {\n const text = this.getAttribute('data-text');\n copyText(text, this, 'Copied', 'Copy');\n });\n });\n \n \/\/ \u663e\u793a\u5f39\u7a97\n modal.style.display = 'flex';\n \n \/\/ \u70b9\u51fb\u5f39\u7a97\u5916\u5c42\u5173\u95ed\n modal.onclick = function(e) {\n if (e.target === modal) closeModal();\n };\n \n \/\/ ESC\u952e\u5173\u95ed\n document.onkeydown = function(e) {\n if (e.key === 'Escape') closeModal();\n };\n });\n });\n \n \/\/ \u7ed1\u5b9a\u5bfc\u51fa\u94fe\u63a5\u4e8b\u4ef6\n exportLinks.forEach(function(link) {\n link.addEventListener('click', function() {\n const type = this.getAttribute('data-type');\n if (!currentPaperMeta || !type) return;\n \n const exportData = downloadCitationFile(type, currentPaperMeta);\n if (!exportData) return;\n \n copyText(exportData, this, 'Downloaded', type);\n });\n });\n \n \/\/ \u5173\u95ed\u6309\u94ae\u4e8b\u4ef6\n closeBtn.addEventListener('click', closeModal);\n }\n\n \/\/ ==================== \u9875\u9762\u521d\u59cb\u5316 ====================\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u521d\u59cb\u6e32\u67d3\n renderIssues(issuesData);\n updatePagination();\n \n \/\/ \u7ed1\u5b9a\u641c\u7d22\u7b5b\u9009\u4e8b\u4ef6\n document.getElementById('articleSearch').addEventListener('input', applyFilters);\n document.getElementById('volumeFilter').addEventListener('change', applyFilters);\n document.getElementById('issueFilter').addEventListener('change', applyFilters);\n \n \/\/ \u7ed1\u5b9a\u5206\u9875\u4e8b\u4ef6\n document.getElementById('prevPage').addEventListener('click', function() {\n if (currentPage > 1) {\n currentPage--;\n renderIssues(filteredData);\n updatePagination();\n }\n });\n \n document.getElementById('nextPage').addEventListener('click', function() {\n const totalPages = Math.ceil(filteredData.length \/ PAGE_SIZE);\n if (currentPage < totalPages) {\n currentPage++;\n renderIssues(filteredData);\n updatePagination();\n }\n });\n \n \/\/ \u7ed1\u5b9a\u9875\u7801\u6309\u94ae\u4e8b\u4ef6\n document.querySelectorAll('.page-btn[data-page]').forEach(btn => {\n btn.addEventListener('click', function() {\n currentPage = parseInt(this.getAttribute('data-page'));\n renderIssues(filteredData);\n updatePagination();\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Past Issues | INVESTIGATION OF LIFE SCIENCE Home \/ Past […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-165","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":24,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/pages\/165\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/www.investigationoflifescience.com\/index.php\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}