diff --git a/js/article.js b/js/article.js
index 98039cc..7786a56 100644
--- a/js/article.js
+++ b/js/article.js
@@ -7689,7 +7689,7 @@ function article_con() {
                                                        font-family: 'Charis SIL';
                                                font-weight:normal;
                                                line-height: 22px;
-                                               text-align:center;" >${item.image.note ? item.image.note : ''
+                                               text-align:center;color:#333;" >${item.image.note ? item.image.note : ''
                                             }</p>
                                                     </p>
                                                 `;
@@ -7701,7 +7701,7 @@ function article_con() {
                         <div contenteditable="false" data-id="${item.amt_id}" main-state="${item.state}" main-id="${item.am_id
                                             }" class="thumbnailTableBox wordTableHtml table_Box pMain" style="width: 100%; padding: 8px 15px; box-sizing: border-box; border-radius: 4px; position: relative;">
                            
-                            <font  class="font tableTitle" style="width:100%;font-family: 'Charis SIL';" >${item.table.title ? item.table.title : ''}</font>
+                            <font  class="font tableTitle" style="width:100%;font-family: 'Charis SIL';color:#333;" >${item.table.title ? item.table.title : ''}</font>
                                         <table border="1" style="width: 100%; border-collapse: collapse; text-align: center; ">
                                 ${tableList
                                                 .map((row, i) => {
@@ -7727,7 +7727,7 @@ function article_con() {
                             font-family: 'Charis SIL';
                     font-weight: 500 !important;
                     line-height: 22px;
-                    text-align:center;" >${item.table.note ? item.table.note : ''
+                    text-align:center;color:#333;" >${item.table.note ? item.table.note : ''
                                             }</p>
                         </div>
                     `;
@@ -7753,21 +7753,21 @@ function article_con() {
                                         if (result.data.refers[rr].refer_type == 'journal' && result.data.refers[rr].doilink != '') {
                                             // journal 类型
                                             xuhao++;
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + ".&nbsp;</i>" + result.data.refers[rr].dateno + ".";
+                                            item = "<div><p style='word-wrap: break-word;'>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + ".&nbsp;</i>" + result.data.refers[rr].dateno + ".";
                                             // 在 "Available at:" 之前插入 <br/> 标签
                                             item += "<br/><a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>Available at:&nbsp;" + result.data.refers[rr].doilink + "</a>&nbsp;</p></div>";
                                             refs += item;
                                         } else if (result.data.refers[rr].refer_type == 'book' && result.data.refers[rr].isbn != '') {
                                             // book 类型
                                             xuhao++;
-                                            item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ".";
+                                            item = "<div><p style='word-wrap: break-word;'>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ".";
                                             // 在 "Available at:" 之前插入 <br/> 标签
                                             item += "<br/><a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'>ISBN:&nbsp;" + result.data.refers[rr].isbn + "</a></p></div>";
                                             refs += item;
                                         } else if (result.data.refers[rr].refer_type == 'other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15) {
                                             // other 类型，检查 refer_frag 中是否有 "Available at:" 链接
                                             xuhao++;
-                                            item = "<div><p data-other='1'>" + xuhao + '.&nbsp;';
+                                            item = "<div><p data-other='1' style='word-wrap: break-word;'>" + xuhao + '.&nbsp;';
                                             // 检查 refer_frag 中是否包含 "Available at:"
                                             if (result.data.refers[rr].refer_frag.indexOf('Available at:') !== -1) {
                                                 // 如果包含 "Available at:"，则在其前面插入 <br/> 标签