☰

VoiceLinks-适配本地

Makes RJ codes more useful.(8-bit RJCode supported.)

  1. // ==UserScript==
  2. // @name        VoiceLinks-适配本地
  3. // @namespace   Sanya
  4. // @description Makes RJ codes more useful.(8-bit RJCode supported.)
  5. // @match       *://*/*
  6. // @match       file:///*
  7. // @version     4.8.10
  8. // @connect     dlsite.com
  9. // @connect     media.ci-en.jp
  10. // @connect     127.0.0.1
  11. // @grant       GM_setClipboard
  12. // @grant       GM_openInTab
  13. // @grant       GM_registerMenuCommand
  14. // @grant       GM_setValue
  15. // @grant       GM_getValue
  16. // @grant       GM_addElement
  17. // @grant       GM.xmlHttpRequest
  18. // @grant       GM_xmlhttpRequest
  19. // @run-at      document-start
  20. // @homepage    https://sleazyfork.org/zh-CN/scripts/456775-voicelinks
  21. // ==/UserScript==
  22.  
  23. (function () {
  24.     'use strict';
  25.  
  26.     const IS_PREVIEW = false;
  27.  
  28.     //------持久化设置项------
  29.     let settings = {
  30.         //语言设置
  31.         _s_lang: "zh_CN",
  32.         _s_popup_lang: "zh_CN",
  33.  
  34.         //常规设置
  35.         _s_parse_url: true,
  36.         _s_parse_url_in_dl: false,
  37.         _s_show_translated_title_in_dl: true,
  38.         _s_copy_as_filename_btn: true,
  39.         _s_show_compatibility_warning: true,
  40.         _s_url_insert_mode: "before_rj",
  41.         _s_url_insert_text: "🔗",
  42.         _s_sfw_mode: false,
  43.         _s_sfw_blur_level: "medium",
  44.         _s_sfw_remove_when_hover: true,
  45.         _s_sfw_blur_transition: true,
  46.  
  47.         //信息显示设置
  48.         _s_category_preset: "voice",
  49.         _s_voice__info_display_order: [
  50.             "voice__dl_count",
  51.             "voice__circle_name",
  52.             "voice__translator_name",
  53.             "voice__release_date",
  54.             "voice__update_date",
  55.             "voice__age_rating",
  56.             "voice__scenario",
  57.             "voice__illustration",
  58.             "voice__voice_actor",
  59.             "voice__music",
  60.             "voice__genre",
  61.             "voice__file_size"
  62.         ],
  63.         _s_voice__dl_count: false,
  64.         _s_voice__circle_name: true,
  65.         _s_voice__translator_name: true,
  66.         _s_voice__release_date: true,
  67.         _s_voice__update_date: true,
  68.         _s_voice__age_rating: true,
  69.         _s_voice__scenario: false,
  70.         _s_voice__illustration: false,
  71.         _s_voice__voice_actor: true,
  72.         _s_voice__music: true,
  73.         _s_voice__genre: true,
  74.         _s_voice__file_size: true,
  75.         _s_game__info_display_order: [
  76.             "game__dl_count",
  77.             "game__circle_name",
  78.             "game__translator_name",
  79.             "game__release_date",
  80.             "game__update_date",
  81.             "game__age_rating",
  82.             "game__scenario",
  83.             "game__illustration",
  84.             "game__voice_actor",
  85.             "game__music",
  86.             "game__genre",
  87.             "game__file_size"
  88.         ],
  89.         _s_game__dl_count: false,
  90.         _s_game__circle_name: true,
  91.         _s_game__translator_name: true,
  92.         _s_game__release_date: true,
  93.         _s_game__update_date: true,
  94.         _s_game__age_rating: true,
  95.         _s_game__scenario: true,
  96.         _s_game__illustration: true,
  97.         _s_game__voice_actor: true,
  98.         _s_game__music: true,
  99.         _s_game__genre: true,
  100.         _s_game__file_size: true,
  101.         _s_manga__info_display_order:[
  102.             "manga__dl_count",
  103.             "manga__circle_name",
  104.             "manga__translator_name",
  105.             "manga__release_date",
  106.             "manga__update_date",
  107.             "manga__age_rating",
  108.             "manga__scenario",
  109.             "manga__illustration",
  110.             "manga__voice_actor",
  111.             "manga__music",
  112.             "manga__genre",
  113.             "manga__file_size"
  114.         ],
  115.         _s_manga__dl_count: false,
  116.         _s_manga__circle_name: true,
  117.         _s_manga__translator_name: true,
  118.         _s_manga__release_date: true,
  119.         _s_manga__update_date: true,
  120.         _s_manga__age_rating: true,
  121.         _s_manga__scenario: true,
  122.         _s_manga__illustration: true,
  123.         _s_manga__voice_actor: true,  //音声漫画
  124.         _s_manga__music: true,
  125.         _s_manga__genre: true,
  126.         _s_manga__file_size: true,
  127.         _s_video__info_display_order: [
  128.             "video__dl_count",
  129.             "video__circle_name",
  130.             "video__translator_name",
  131.             "video__release_date",
  132.             "video__update_date",
  133.             "video__age_rating",
  134.             "video__scenario",
  135.             "video__illustration",
  136.             "video__voice_actor",
  137.             "video__music",
  138.             "video__genre",
  139.             "video__file_size"
  140.         ],
  141.         _s_video__dl_count: false,
  142.         _s_video__circle_name: true,
  143.         _s_video__translator_name: true,
  144.         _s_video__release_date: true,
  145.         _s_video__update_date: true,
  146.         _s_video__age_rating: true,
  147.         _s_video__scenario: true,
  148.         _s_video__illustration: true,
  149.         _s_video__voice_actor: true,
  150.         _s_video__music: true,
  151.         _s_video__genre: true,
  152.         _s_video__file_size: true,
  153.         _s_novel__info_display_order: [
  154.             "novel__dl_count",
  155.             "novel__circle_name",
  156.             "novel__translator_name",
  157.             "novel__release_date",
  158.             "novel__update_date",
  159.             "novel__age_rating",
  160.             "novel__scenario",
  161.             "novel__illustration",
  162.             "novel__voice_actor",
  163.             "novel__music",
  164.             "novel__genre",
  165.             "novel__file_size"
  166.         ],
  167.         _s_novel__dl_count: false,
  168.         _s_novel__circle_name: true,
  169.         _s_novel__translator_name: true,
  170.         _s_novel__release_date: true,
  171.         _s_novel__update_date: true,
  172.         _s_novel__age_rating: true,
  173.         _s_novel__scenario: true,
  174.         _s_novel__illustration: true,
  175.         _s_novel__voice_actor: false,
  176.         _s_novel__music: false,
  177.         _s_novel__genre: true,
  178.         _s_novel__file_size: true,
  179.         _s_other__info_display_order: [
  180.             "other__dl_count",
  181.             "other__circle_name",
  182.             "other__translator_name",
  183.             "other__release_date",
  184.             "other__update_date",
  185.             "other__age_rating",
  186.             "other__scenario",
  187.             "other__illustration",
  188.             "other__voice_actor",
  189.             "other__music",
  190.             "other__genre",
  191.             "other__file_size"
  192.         ],
  193.         _s_other__dl_count: false,
  194.         _s_other__circle_name: true,
  195.         _s_other__translator_name: true,
  196.         _s_other__release_date: true,
  197.         _s_other__update_date: true,
  198.         _s_other__age_rating: true,
  199.         _s_other__scenario: true,
  200.         _s_other__illustration: true,
  201.         _s_other__voice_actor: true,
  202.         _s_other__music: true,
  203.         _s_other__genre: true,
  204.         _s_other__file_size: true,
  205.  
  206.         //标签显示设置
  207.         _s_tag_main_switch: true,
  208.         _s_tag_display_order: [
  209.             "tag_no_longer_available",
  210.             "tag_rate",
  211.             "tag_work_type",
  212.             "tag_translatable",
  213.             "tag_not_translatable",
  214.             "tag_translated",
  215.             "tag_bonus_work",
  216.             "tag_has_bonus",
  217.             "tag_language_support",
  218.             "tag_file_format",
  219.             "tag_ai",
  220.         ],
  221.         _s_tag_rate: true,
  222.         _s_tag_work_type: true,
  223.         _s_tag_translatable: true,
  224.         _s_tag_not_translatable: true,
  225.         _s_tag_translated: true,
  226.         _s_tag_language_support: true,
  227.         _s_tag_bonus_work: true,
  228.         _s_tag_has_bonus: true,
  229.         _s_tag_file_format: false,
  230.         _s_tag_no_longer_available: true,
  231.         _s_tag_ai: true,
  232.  
  233.         _s_show_rate_count: false,
  234.  
  235.         _s_tag_translation_request: true,
  236.         _s_tag_translation_request_display_order: [
  237.             "tag_translation_request_simplified_chinese",
  238.             "tag_translation_request_traditional_chinese",
  239.             "tag_translation_request_english",
  240.             "tag_translation_request_korean",
  241.             "tag_translation_request_spanish",
  242.             "tag_translation_request_german",
  243.             "tag_translation_request_french",
  244.             "tag_translation_request_indonesian",
  245.             "tag_translation_request_italian",
  246.             "tag_translation_request_portuguese",
  247.             "tag_translation_request_swedish",
  248.             "tag_translation_request_thai",
  249.             "tag_translation_request_vietnamese",
  250.         ],
  251.         _s_tag_translation_request_english: false,
  252.         _s_tag_translation_request_simplified_chinese: true,
  253.         _s_tag_translation_request_traditional_chinese: true,
  254.         _s_tag_translation_request_korean: false,
  255.         _s_tag_translation_request_spanish: false,
  256.         _s_tag_translation_request_german: false,
  257.         _s_tag_translation_request_french: false,
  258.         _s_tag_translation_request_indonesian: false,
  259.         _s_tag_translation_request_italian: false,
  260.         _s_tag_translation_request_portuguese: false,
  261.         _s_tag_translation_request_swedish: false,
  262.         _s_tag_translation_request_thai: false,
  263.         _s_tag_translation_request_vietnamese: false,
  264.  
  265.         backup: function() {
  266.             let backup = {};
  267.             for (let key in this) {
  268.                 if(!key.startsWith("_s_")) continue;
  269.                 //如果类型为列表，则需要将其拷贝出来
  270.                 if(this[key] && Array.isArray(this[key])){
  271.                     backup[key] = [...this[key]];
  272.                 }else{
  273.                     backup[key] = this[key];
  274.                 }
  275.             }
  276.             this.default_backup = backup;
  277.         },
  278.  
  279.         //备份默认值
  280.         default_backup: {},
  281.  
  282.         //暂存已修改值，不更新到设置
  283.         temp_edited: {},
  284.  
  285.         load: function(){
  286.             let need_reorder = false;
  287.             for(let key in this){
  288.                 if(!key.startsWith("_s_")) continue;
  289.                 let val = GM_getValue(key.substring(3), this[key]);
  290.                 if(typeof val !== typeof this[key]){
  291.                     val = this[key];
  292.                 }
  293.                 if(Array.isArray(val) && val.length !== this[key].length){
  294.                     val = this[key];
  295.                     need_reorder = true;
  296.                 }
  297.                 this[key] = val !== undefined ? val : this[key];
  298.             }
  299.  
  300.             if(need_reorder) {
  301.                 window.addEventListener("load", () => {
  302.                     window.alert("VoiceLinks: " + localize(localizationMap.need_reorder));
  303.                 });
  304.                 this.save();
  305.             }
  306.         },
  307.  
  308.         save: function () {
  309.             //将暂存修改应用至Settings
  310.             for (let key in this.temp_edited) {
  311.                 if(!key.startsWith("_s_")) continue;
  312.                 if(this[key] === undefined || this.temp_edited[key] === undefined) continue;
  313.                 this[key] = this.temp_edited[key];
  314.                 this.temp_edited[key] = undefined;
  315.             }
  316.  
  317.             //将修改保存至GM
  318.             for(let key in this){
  319.                 if(!key.startsWith("_s_")) continue;
  320.                 GM_setValue(key.substring(3), this[key]);
  321.             }
  322.         },
  323.  
  324.         //保存临时修改
  325.         saveTemp: function (key, value){
  326.             if(!key.startsWith("_s_")) key = "_s_" + key;
  327.             this.temp_edited[key] = value;
  328.         },
  329.  
  330.         clearTemp: function (){
  331.             this.temp_edited = {};
  332.         },
  333.  
  334.         reset: function () {
  335.             if(!this.default_backup) return;
  336.             for(let key in this.default_backup){
  337.                 if(!key.startsWith("_s_")) continue;
  338.                 GM_setValue(key.substring(3), this.default_backup[key]);
  339.             }
  340.         },
  341.  
  342.         hasEdited: function (key) {
  343.             if(!key.startsWith("_s_")) key = "_s_" + key;
  344.             if(this[key] === undefined) return false;
  345.             return this[key] !== this.default_backup[key];
  346.         },
  347.  
  348.         getDefaultValue: function (key) {
  349.             if(!key.startsWith("_s_")) key = "_s_" + key;
  350.             return this.default_backup[key];
  351.         }
  352.     }
  353.     settings.backup();
  354.     settings.load();
  355.     //----------------------
  356.  
  357.     //------本地化-----------
  358.     const localizationMap = {
  359.         notice_update: {
  360.             zh_CN: "VoiceLinks公告更新，可能包含重要的新功能说明，是否跳转至说明页面？",
  361.             zh_TW: "VoiceLinks公告更新，可能包含重要的新功能説明，是否跳轉至説明頁面？",
  362.             en_US: "VoiceLinks Notice Update, may contain important new features, do you want to jump to the notice page?"
  363.         },
  364.  
  365.         title_settings: {
  366.             zh_CN: "VoiceLinks 设置",
  367.             zh_TW: "VoiceLinks 設定",
  368.             en_US: "VoiceLinks Settings"
  369.         },
  370.  
  371.         title_language_settings: {
  372.             zh_CN: "语言设置",
  373.             zh_TW: "語言設定",
  374.             en_US: "Language Settings"
  375.         },
  376.  
  377.         display_language: {
  378.             zh_CN: "显示语言",
  379.             zh_TW: "顯示語言",
  380.             en_US: "Language"
  381.         },
  382.  
  383.         popup_language: {
  384.             zh_CN: "弹窗语言",
  385.             zh_TW: "彈窗語言",
  386.             en_US: "Popup Language"
  387.         },
  388.  
  389.         popup_language_tooltip: {
  390.             zh_CN: "仅修改标题和标签显示语言，信息本身的语言以DLSite网页设置的语言为准。",
  391.             zh_TW: "只修改標題和標籤顯示語言，資訊本身的語言以DLSite網頁設定的語言為準。",
  392.             en_US: "Only modify the title and tag display language, the language of the information itself is determined by the language of the DLSite page settings."
  393.         },
  394.  
  395.         title_general_settings: {
  396.             zh_CN: "常规",
  397.             zh_TW: "常規",
  398.             en_US: "General"
  399.         },
  400.  
  401.         parse_url: {
  402.             zh_CN: "解析URL",
  403.             zh_TW: "解析URL",
  404.             en_US: "Parse URL"
  405.         },
  406.  
  407.         parse_url_tooltip: {
  408.             zh_CN: "鼠标悬停导指向DLSite作品页面的URL时，同样显示作品信息",
  409.             zh_TW: "鼠標懸停導向DLSite作品頁面的URL時，同樣顯示作品資訊",
  410.             en_US: "Show work info when hovering over DLSite work URL"
  411.         },
  412.  
  413.         parse_url_in_dl: {
  414.             zh_CN: "在DLSite上解析URL",
  415.             zh_TW: "在DLSite上解析URL",
  416.             en_US: "Parse URL in DLSite"
  417.         },
  418.  
  419.         parse_url_in_dl_tooltip: {
  420.             zh_CN: "URL较多可能影响正常阅读",
  421.             zh_TW: "URL較多可能影響正常閱讀",
  422.             en_US: "URL is more likely to affect normal reading"
  423.         },
  424.  
  425.         show_translated_title_in_dl: {
  426.             zh_CN: "在DLSite显示对应语言的翻译标题",
  427.             zh_TW: "在DLSite顯示對應語言的翻譯標題",
  428.             en_US: "Show translated title in DLSite"
  429.         },
  430.  
  431.         show_translated_title_in_dl_tooltip: {
  432.             zh_CN: "作品信息页面的标题将会被修改为与翻译语言对应的标题，避免简中看繁中作品标题为日文的问题",
  433.             zh_TW: "作品資訊頁面的標題將會被修改為與翻譯語言對應的標題，避免繁中看簡中作品標題為日文的問題",
  434.             en_US: "The title of the work info page will be modified to match the corresponding translation language, to avoid viewing the title as Japanese when viewing a work in non-English language."
  435.         },
  436.  
  437.         copy_as_filename_btn: {
  438.             zh_CN: "“复制为有效文件名”按钮",
  439.             zh_TW: "“複製為有效檔案名”按鈕",
  440.             en_US: '"Copy as filename" button'
  441.         },
  442.  
  443.         copy_as_filename_btn_tooltip: {
  444.             zh_CN: "鼠标悬停至DLSite作品标题部分将会出现该按钮，点击即可将标题复制为有效文件名，有效文件名指的是会将标题中的非法部分用相似的符号代替",
  445.             zh_TW: "鼠標懸停至DLSite作品標題部分將會出現按鈕，點擊即可將標題複製為有效檔案名，有效檔案名指的是會將標題中的非法部分用相似的符號代替",
  446.             en_US: "Show button when hovering over DLSite work title. Clicking it will copy the title to a valid filename, which will replace the illegal part of the title with similar symbols."
  447.         },
  448.  
  449.         show_compatibility_warning: {
  450.             zh_CN: "显示兼容性警告",
  451.             zh_TW: "顯示兼容性警告",
  452.             en_US: "Show compatibility warning"
  453.         },
  454.  
  455.         show_compatibility_warning_tooltip: {
  456.             zh_CN: "如果脚本中，修改DLSite页面元素的功能覆盖了其它脚本的修改，则会触发该弹窗警告",
  457.             zh_TW: "如果腳本中，修改DLSite頁面元素的功能覆蓋了其它腳本的修改，则會觸發該彈窗警告",
  458.             en_US: "If the script modifies the functionality of DLSite elements that are covered by other scripts, the warning will be triggered"
  459.         },
  460.  
  461.         url_insert_mode: {
  462.             zh_CN: "导向文本的插入方式",
  463.             zh_TW: "導向文本的插入方式",
  464.             en_US: "Type of the insertion"
  465.         },
  466.  
  467.         url_insert_mode_tooltip: {
  468.             zh_CN: "如果某段链接中的RJ号被解析成功，为了保证原链接不被完全覆盖，会根据需要，在URL的文本前/后插入特定导向文本",
  469.             zh_TW: "如果某段連結中的RJ號被解析成功，為了保證原連結不被完全覆蓋，會根據需要，在URL的文本前/後插入特定導向文本",
  470.             en_US: "If the RJ number in a link is parsed successfully, it is necessary to insert a specific text in the URL before/after the link when the link is almost completely covered by the script"
  471.         },
  472.  
  473.         url_insert_mode_none: {
  474.             zh_CN: "不插入",
  475.             zh_TW: "不插入",
  476.             en_US: "None"
  477.         },
  478.  
  479.         url_insert_mode_prefix: {
  480.             zh_CN: "前缀插入代替原链接",
  481.             zh_TW: "前綴插入代替原連結",
  482.             en_US: "Insert before the link as original link."
  483.         },
  484.  
  485.         url_insert_mode_before_rj: {
  486.             zh_CN: "插入到RJ号前代替RJ链接",
  487.             zh_TW: "插入到RJ號前代替RJ連結",
  488.             en_US: "Insert before the RJ link as the RJ link."
  489.         },
  490.  
  491.         url_insert_text: {
  492.             zh_CN: "导向文本",
  493.             zh_TW: "導向文本",
  494.             en_US: "Text to insert"
  495.         },
  496.  
  497.         sfw_mode: {
  498.             zh_CN: "SFW 模式",
  499.             zh_TW: "SFW 模式",
  500.             en_US: "SFW Mode"
  501.         },
  502.  
  503.         sfw_mode_tooltip: {
  504.             zh_CN: "启用后，所有作品封面均会模糊处理（固定窗口时将鼠标移动到图片上可临时去除模糊）",
  505.             zh_TW: "啟用後，所有作品封面均會模糊處理（固定視窗時將滑鼠移動到圖片上可暫時去除模糊）",
  506.             en_US: "Turn on to blur the cover of all works (temporarily remove the blur by moving the mouse over the image when the window is fixed)."
  507.         },
  508.  
  509.         sfw_blur_level: {
  510.             zh_CN: "模糊程度",
  511.             zh_TW: "模糊程度",
  512.             en_US: "Blur level"
  513.         },
  514.  
  515.         sfw_remove_when_hover: {
  516.             zh_CN: "鼠标移到图片上时移除模糊",
  517.             zh_TW: "滑鼠移到圖片上時移除模糊",
  518.             en_US: "Remove the blur when the mouse moves over the image"
  519.         },
  520.  
  521.         sfw_blur_transition: {
  522.             zh_CN: "模糊动画（卡顿请关闭）",
  523.             zh_TW: "模糊動畫（卡頓請關閉）",
  524.             en_US: "Blur animation"
  525.         },
  526.  
  527.         low: {
  528.             zh_CN: "低 - 仅模糊细节",
  529.             zh_TW: "低 - 僅模糊細節",
  530.             en_US: "Low - Only blur details"
  531.         },
  532.  
  533.         medium: {
  534.             zh_CN: "中 - 依稀可见",
  535.             zh_TW: "中 - 依稀可見",
  536.             en_US: "Medium - Hard to see"
  537.         },
  538.  
  539.         high: {
  540.             zh_CN: "高 - 完全无法辨认",
  541.             zh_TW: "高 - 完全無法辨識",
  542.             en_US: "High - Unrecognizable"
  543.         },
  544.  
  545.         title_info_settings: {
  546.             zh_CN: "信息显示",
  547.             zh_TW: "信息顯示",
  548.             en_US: "Info Display"
  549.         },
  550.  
  551.         category_preset: {
  552.             zh_CN: "类别预设",
  553.             zh_TW: "類別預設",
  554.             en_US: "Category Preset"
  555.         },
  556.  
  557.         category_preset_tooltip: {
  558.             zh_CN: "使不同类别的作品根据需要显示不同的信息<br/><br/>注意：即使勾选了显示，若作品中不存在该信息则也会隐藏。",
  559.             zh_TW: "使不同類別的作品根據需要顯示不同的信息<br/><br/>注意：即使勾選了顯示，若作品中不存在該信息則也會隱藏。",
  560.             en_US: "Show the information of different categories of works. <br/><br/>Note: even if checked, the information of a work that does not exist will be hidden."
  561.         },
  562.  
  563.         rate: {
  564.             zh_CN: "评分",
  565.             zh_TW: "評分",
  566.             en_US: "Rate"
  567.         },
  568.  
  569.         rate_tooltip: {
  570.             zh_CN: "星数★ (评分人数 (设置开启))",
  571.             zh_TW: "星數★ (評分人數 (設置開啟))",
  572.             en_US: "Star★ (number of ratings (enable in settings))"
  573.         },
  574.  
  575.         dl_count: {
  576.             zh_CN: "销量",
  577.             zh_TW: "銷量",
  578.             en_US: "Sales"
  579.         },
  580.  
  581.         circle_name: {
  582.             zh_CN: "社团名",
  583.             zh_TW: "社團名",
  584.             en_US: "Circle Name"
  585.         },
  586.  
  587.         translator_name: {
  588.             zh_CN: "翻译者",
  589.             zh_TW: "翻譯者",
  590.             en_US: "Translator"
  591.         },
  592.  
  593.         release_date: {
  594.             zh_CN: "发售日",
  595.             zh_TW: "發售日",
  596.             en_US: "Release Date"
  597.         },
  598.  
  599.         update_date: {
  600.             zh_CN: "更新日",
  601.             zh_TW: "更新日",
  602.             en_US: "Update Date"
  603.         },
  604.  
  605.         age_rating: {
  606.             zh_CN: "年龄指定",
  607.             zh_TW: "年齡指定",
  608.             en_US: "Age Rating"
  609.         },
  610.  
  611.         scenario: {
  612.             zh_CN: "剧情",
  613.             zh_TW: "劇情",
  614.             en_US: "Scenario"
  615.         },
  616.  
  617.         illustration: {
  618.             zh_CN: "插画",
  619.             zh_TW: "插圖",
  620.             en_US: "Illustration"
  621.         },
  622.  
  623.         voice_actor: {
  624.             zh_CN: "声优",
  625.             zh_TW: "聲優",
  626.             en_US: "Voice Actor"
  627.         },
  628.  
  629.         music: {
  630.             zh_CN: "音乐",
  631.             zh_TW: "音樂",
  632.             en_US: "Music"
  633.         },
  634.  
  635.         genre: {
  636.             zh_CN: "分类",
  637.             zh_TW: "分類",
  638.             en_US: "Genre"
  639.         },
  640.  
  641.         file_size: {
  642.             zh_CN: "文件容量",
  643.             zh_TW: "檔案容量",
  644.             en_US: "File Size"
  645.         },
  646.  
  647.         title_tag_settings: {
  648.             zh_CN: "标签显示",
  649.             zh_TW: "標籤顯示",
  650.             en_US: "Tag Display"
  651.         },
  652.  
  653.         tag_main_switch: {
  654.             zh_CN: "标签总开关",
  655.             zh_TW: "標籤總開關",
  656.             en_US: "Tag Main Switch"
  657.         },
  658.  
  659.         tag_main_switch_tooltip: {
  660.             zh_CN: "关闭则所有标签均不显示",
  661.             zh_TW: "關閉則所有標籤都不顯示",
  662.             en_US: "If turned off, all tags will not be displayed"
  663.         },
  664.  
  665.         tag_work_type: {
  666.             zh_CN: "作品类型",
  667.             zh_TW: "作品類型",
  668.             en_US: "Work Type"
  669.         },
  670.  
  671.         work_type_game: {
  672.             zh_CN: "游戏",
  673.             zh_TW: "遊戲",
  674.             en_US: "Game"
  675.         },
  676.  
  677.         work_type_comic: {
  678.             zh_CN: "漫画",
  679.             zh_TW: "漫畫",
  680.             en_US: "Manga"
  681.         },
  682.  
  683.         work_type_illustration: {
  684.             zh_CN: "CG・插画",
  685.             zh_TW: "CG・插畫",
  686.             en_US: "CG + Illustrations"
  687.         },
  688.  
  689.         work_type_novel: {
  690.             zh_CN: "小说",
  691.             zh_TW: "小說",
  692.             en_US: "Novel"
  693.         },
  694.  
  695.         work_type_video: {
  696.             zh_CN: "视频",
  697.             zh_TW: "影片",
  698.             en_US: "Video"
  699.         },
  700.  
  701.         work_type_voice: {
  702.             zh_CN: "音声・ASMR",
  703.             zh_TW: "聲音作品・ASMR",
  704.             en_US: "Voice / ASMR"
  705.         },
  706.  
  707.         work_type_music: {
  708.             zh_CN: "音乐",
  709.             zh_TW: "音樂",
  710.             en_US: "Music"
  711.         },
  712.  
  713.         work_type_tool: {
  714.             zh_CN: "工具/装饰",
  715.             zh_TW: "工具/配件",
  716.             en_US: "Tools / Accessories"
  717.         },
  718.  
  719.         work_type_voice_comic: {
  720.             zh_CN: "音声漫画",
  721.             zh_TW: "有聲漫畫",
  722.             en_US: "Voiced Comics"
  723.         },
  724.  
  725.         work_type_other: {
  726.             zh_CN: "其他",
  727.             zh_TW: "其他",
  728.             en_US: "Miscellaneous"
  729.         },
  730.  
  731.         tag_translatable: {
  732.             zh_CN: "可翻译",
  733.             zh_TW: "可翻譯",
  734.             en_US: "Translatable"
  735.         },
  736.  
  737.         tag_translatable_tooltip: {
  738.             zh_CN: "大家一起来翻译 授权作品",
  739.             zh_TW: "大家一起翻譯 授权作品",
  740.             en_US: "Translators Unite translation permitted work"
  741.         },
  742.  
  743.         tag_not_translatable: {
  744.             zh_CN: "不可翻译",
  745.             zh_TW: "不可翻譯",
  746.             en_US: "Not Translatable"
  747.         },
  748.  
  749.         tag_not_translatable_tooltip: {
  750.             zh_CN: "未授权 大家一起来翻译",
  751.             zh_TW: "未授權 大家一起來翻譯",
  752.             en_US: "Not Translators Unite translation permitted work"
  753.         },
  754.  
  755.         tag_translated: {
  756.             zh_CN: "翻译作品",
  757.             zh_TW: "翻譯作品",
  758.             en_US: "Translated"
  759.         },
  760.  
  761.         tag_translated_tooltip: {
  762.             zh_CN: "当前作品为 大家一起来翻译 作品",
  763.             zh_TW: "當前作品為 大家一起來翻譯 作品",
  764.             en_US: "Current work is Translators Unite translation work"
  765.         },
  766.  
  767.         tag_language_support: {
  768.             zh_CN: "语言支持",
  769.             zh_TW: "語言支援",
  770.             en_US: "Language Support"
  771.         },
  772.  
  773.         language_japanese: {
  774.             zh_CN: "日文",
  775.             zh_TW: "日文",
  776.             en_US: "Japanese"
  777.         },
  778.  
  779.         language_english: {
  780.             zh_CN: "英文",
  781.             zh_TW: "英文",
  782.             en_US: "English"
  783.         },
  784.  
  785.         language_korean: {
  786.             zh_CN: "韩语",
  787.             zh_TW: "韓語",
  788.             en_US: "Korean"
  789.         },
  790.  
  791.         language_simplified_chinese: {
  792.             zh_CN: "简体中文",
  793.             zh_TW: "簡體中文",
  794.             en_US: "Simplified Chinese"
  795.         },
  796.  
  797.         language_traditional_chinese: {
  798.             zh_CN: "繁体中文",
  799.             zh_TW: "繁體中文",
  800.             en_US: "Traditional Chinese"
  801.         },
  802.  
  803.         language_german: {
  804.             zh_CN: "德语",
  805.             zh_TW: "德語",
  806.             en_US: "German"
  807.         },
  808.  
  809.         language_french: {
  810.             zh_CN: "法语",
  811.             zh_TW: "法語",
  812.             en_US: "French"
  813.         },
  814.  
  815.         language_russian: {
  816.             zh_CN: "俄语",
  817.             zh_TW: "俄語",
  818.             en_US: "Russian"
  819.         },
  820.  
  821.         language_spanish: {
  822.             zh_CN: "西班牙语",
  823.             zh_TW: "西班牙語",
  824.             en_US: "Spanish"
  825.         },
  826.  
  827.         language_indonesian: {
  828.             zh_CN: "印尼文",
  829.             zh_TW: "印尼文",
  830.             en_US: "Indonesian"
  831.         },
  832.  
  833.         language_italian: {
  834.             zh_CN: "意大利语",
  835.             zh_TW: "義大利語",
  836.             en_US: "Italian"
  837.         },
  838.  
  839.         language_arabic: {
  840.             zh_CN: "阿拉伯语",
  841.             zh_TW: "阿拉伯語",
  842.             en_US: "Arabic"
  843.         },
  844.  
  845.         language_portuguese: {
  846.             zh_CN: "葡萄牙语",
  847.             zh_TW: "葡萄牙語",
  848.             en_US: "Portuguese"
  849.         },
  850.  
  851.         language_finnish: {
  852.             zh_CN: "芬兰语",
  853.             zh_TW: "芬蘭語",
  854.             en_US: "Finnish"
  855.         },
  856.  
  857.         language_polish: {
  858.             zh_CN: "波兰语",
  859.             zh_TW: "波蘭語",
  860.             en_US: "Polish"
  861.         },
  862.  
  863.         language_swedish: {
  864.             zh_CN: "瑞典文",
  865.             zh_TW: "瑞典文",
  866.             en_US: "Swedish"
  867.         },
  868.  
  869.         language_thai: {
  870.             zh_CN: "泰语",
  871.             zh_TW: "泰語",
  872.             en_US: "Thai"
  873.         },
  874.  
  875.         language_vietnamese: {
  876.             zh_CN: "越南语",
  877.             zh_TW: "越南語",
  878.             en_US: "Vietnamese"
  879.         },
  880.  
  881.         language_japanese_abbr: {
  882.             zh_CN: "日",
  883.             zh_TW: "日",
  884.             en_US: "JP"
  885.         },
  886.  
  887.         language_english_abbr: {
  888.             zh_CN: "英",
  889.             zh_TW: "英",
  890.             en_US: "EN"
  891.         },
  892.  
  893.         language_korean_abbr: {
  894.             zh_CN: "韩",
  895.             zh_TW: "韩",
  896.             en_US: "KO"
  897.         },
  898.  
  899.         language_simplified_chinese_abbr: {
  900.             zh_CN: "简中",
  901.             zh_TW: "簡中",
  902.             en_US: "ZH"
  903.         },
  904.  
  905.         language_traditional_chinese_abbr: {
  906.             zh_CN: "繁中",
  907.             zh_TW: "繁中",
  908.             en_US: "TW"
  909.         },
  910.  
  911.         language_german_abbr: {
  912.             zh_CN: "德",
  913.             zh_TW: "德",
  914.             en_US: "DE"
  915.         },
  916.  
  917.         language_french_abbr: {
  918.             zh_CN: "法",
  919.             zh_TW: "法",
  920.             en_US: "FR"
  921.         },
  922.  
  923.         language_spanish_abbr: {
  924.             zh_CN: "西",
  925.             zh_TW: "西",
  926.             en_US: "ES"
  927.         },
  928.  
  929.         language_indonesian_abbr: {
  930.             zh_CN: "印",
  931.             zh_TW: "印",
  932.             en_US: "ID"
  933.         },
  934.  
  935.         language_italian_abbr: {
  936.             zh_CN: "意",
  937.             zh_TW: "意",
  938.             en_US: "IT"
  939.         },
  940.  
  941.         language_portuguese_abbr: {
  942.             zh_CN: "葡",
  943.             zh_TW: "葡",
  944.             en_US: "PT"
  945.         },
  946.  
  947.         language_swedish_abbr: {
  948.             zh_CN: "瑞典",
  949.             zh_TW: "瑞典",
  950.             en_US: "SV"
  951.         },
  952.  
  953.         language_thai_abbr: {
  954.             zh_CN: "泰",
  955.             zh_TW: "泰",
  956.             en_US: "TH"
  957.         },
  958.  
  959.         language_vietnamese_abbr: {
  960.             zh_CN: "越",
  961.             zh_TW: "越",
  962.             en_US: "VN"
  963.         },
  964.  
  965.         show_rate_count: {
  966.             zh_CN: "显示评分人数",
  967.             zh_TW: "顯示評分人數",
  968.             en_US: "Show Rate Count"
  969.         },
  970.  
  971.         tag_translation_request: {
  972.             zh_CN: "翻译申请情况",
  973.             zh_TW: "翻譯申請情况",
  974.             en_US: "Translation Request"
  975.         },
  976.  
  977.         tag_translation_request_tooltip: {
  978.             zh_CN: "当前作品目前的翻译申请情况，格式为：语言简写 申请数-发售数",
  979.             zh_TW: "當前作品目前的翻譯申請情況，格式為：语言簡稱 申請數-發售數",
  980.             en_US: "Current work's translation request. Format: Language_Abbr Number_of_Requests - Number_of_Sales"
  981.         },
  982.  
  983.         tag_bonus_work: {
  984.             zh_CN: "特典",
  985.             zh_TW: "特典",
  986.             en_US: "Bonus"
  987.         },
  988.  
  989.         tag_bonus_work_tooltip: {
  990.             zh_CN: "当前作品是某部作品的特典",
  991.             zh_TW: "當前作品是某部作品的特典",
  992.             en_US: "Current work is a bonus work"
  993.         },
  994.  
  995.         tag_has_bonus: {
  996.             zh_CN: "有特典",
  997.             zh_TW: "有特典",
  998.             en_US: "Has Bonus"
  999.         },
  1000.  
  1001.         tag_has_bonus_tooltip: {
  1002.             zh_CN: "当前作品目前附赠特典，若特典已下架则不会显示该标签",
  1003.             zh_TW: "當前作品目前附赠特典，若特典已下架則不會顯示該標籤",
  1004.             en_US: "Current work has bonus. If bonus is not available, the tag will not be displayed."
  1005.         },
  1006.  
  1007.         tag_file_format: {
  1008.             zh_CN: "文件格式",
  1009.             zh_TW: "檔案形式",
  1010.             en_US: "File Format"
  1011.         },
  1012.  
  1013.         tag_file_format_tooltip: {
  1014.             zh_CN: "WAV、EXE、MP3等",
  1015.             zh_TW: "WAV、EXE、MP3等",
  1016.             en_US: "WAV, EXE, MP3, etc."
  1017.         },
  1018.  
  1019.         tag_no_longer_available: {
  1020.             zh_CN: "已下架",
  1021.             zh_TW: "已下架",
  1022.             en_US: "Unavailable"
  1023.         },
  1024.  
  1025.         tag_announce: {
  1026.             zh_CN: "预告",
  1027.             zh_TW: "預告",
  1028.             en_US: "Announce"
  1029.         },
  1030.  
  1031.         tag_ai: {
  1032.             zh_CN: "AI & 部分AI",
  1033.             zh_TW: "AI & 部分AI",
  1034.             en_US: "AI & Partial AI"
  1035.         },
  1036.  
  1037.         tag_aig: {
  1038.             zh_CN: "AI生成",
  1039.             zh_TW: "AI生成",
  1040.             en_US: "AI Gen",
  1041.         },
  1042.  
  1043.         tag_aip: {
  1044.             zh_CN: "AI部分使用",
  1045.             zh_TW: "AI部分使用",
  1046.             en_US: "AI Partial",
  1047.         },
  1048.  
  1049.         tag_ai_tooltip: {
  1050.             zh_CN: "全部或部分使用AI的作品",
  1051.             zh_TW: "全部或部分使用AI的作品",
  1052.             en_US: "Full or partial use of AI",
  1053.         },
  1054.  
  1055.         button_save: {
  1056.             zh_CN: "保存设置",
  1057.             zh_TW: "保存設置",
  1058.             en_US: "Save",
  1059.         },
  1060.  
  1061.         button_cancel: {
  1062.             zh_CN: "取消设置",
  1063.             zh_TW: "取消設置",
  1064.             en_US: "Cancel",
  1065.         },
  1066.  
  1067.         button_reset: {
  1068.             zh_CN: "重置设置",
  1069.             zh_TW: "重置設置",
  1070.             en_US: "Reset",
  1071.         },
  1072.  
  1073.         need_reorder: {
  1074.             zh_CN: "检测到设置更新，可能添加了新的信息位，请重新设置对应设置项的排列",
  1075.             zh_TW: "檢查到設置更新，可能添加了新的信息位，请重新設置對應設置項的排列",
  1076.             en_US: "There is a new setting item added. Please reorder the corresponding setting item",
  1077.         },
  1078.  
  1079.         save_complete: {
  1080.             zh_CN: "设置已保存，部分设置需要刷新对应页面以生效",
  1081.             zh_TW: "設置已保存，部分設置需要刷新對應頁面以生效",
  1082.             en_US: "Settings saved, some settings need to refresh the corresponding page to take effect",
  1083.         },
  1084.  
  1085.         save_failed: {
  1086.             zh_CN: "设置保存失败",
  1087.             zh_TW: "設置保存失敗",
  1088.             en_US: "Settings save failed",
  1089.         },
  1090.  
  1091.         reset_confirm: {
  1092.             zh_CN: "确定要将设置重置到最初始的状态吗？（重置后，需要再点击保存才会生效）",
  1093.             zh_TW: "確定要將設置重置到最初始的狀態嗎？（重置後，需要再點擊保存才會生效）",
  1094.             en_US: "Are you sure you want to reset the settings to the initial state? (After resetting, you need to click Save to take effect)",
  1095.         },
  1096.  
  1097.         reset_complete: {
  1098.             zh_CN: "设置已重置",
  1099.             zh_TW: "設置已重置",
  1100.             en_US: "Settings reset",
  1101.         },
  1102.  
  1103.         reset_failed: {
  1104.             zh_CN: "设置重置失败",
  1105.             zh_TW: "設置重置失敗",
  1106.             en_US: "Settings reset failed",
  1107.         },
  1108.  
  1109.         reset_order: {
  1110.             zh_CN: "重置顺序",
  1111.             zh_TW: "重置順序",
  1112.             en_US: "Reset Order",
  1113.         },
  1114.  
  1115.         reset_order_confirm: {
  1116.             zh_CN: "确定要将元素顺序重置到最初始的状态吗？",
  1117.             zh_TW: "確定要將元素順序重置到最初始的狀態嗎？",
  1118.             en_US: "Are you sure you want to reset the element order to the initial state?",
  1119.         },
  1120.  
  1121.         reset_order_and_setting: {
  1122.             zh_CN: "重置元素顺序和各自的设置值",
  1123.             zh_TW: "重置元素順序和各自的設置值",
  1124.             en_US: "Reset element order and their settings",
  1125.         },
  1126.  
  1127.         hint_pin: {
  1128.             zh_CN: "按住CTRL以固定弹框，固定时可复制信息",
  1129.             zh_TW: "按住CTRL以固定彈窗，固定時可複製資訊",
  1130.             en_US: "Hold CTRL to pin the popup, info can be copied.",
  1131.         },
  1132.  
  1133.         hint_unpin: {
  1134.             zh_CN: "抬起CTRL以关闭弹框 & 查看其它作品RJ信息",
  1135.             zh_TW: "抬起CTRL以關閉彈窗 & 查看其它作品RJ信息",
  1136.             en_US: "Release CTRL to close the popup & view other works.",
  1137.         },
  1138.  
  1139.         hint_copy: {
  1140.             zh_CN: "左键单击以复制信息",
  1141.             zh_TW: "左鍵單擊以複製資訊",
  1142.             en_US: "Left click to copy info.",
  1143.         },
  1144.  
  1145.         hint_copy_all: {
  1146.             zh_CN: "左键单击以复制内部所有信息",
  1147.             zh_TW: "左鍵單擊以複製內部所有資訊",
  1148.             en_US: "Left click to copy all contained info.",
  1149.         },
  1150.  
  1151.         hint_copy_work_title: {
  1152.             zh_CN: "单击复制标题，Alt+单击复制为有效文件名",
  1153.             zh_TW: "單擊複製標題，Alt+單擊複製為有效檔名",
  1154.             en_US: "Click to copy title, Alt+click to copy as valid filename.",
  1155.         },
  1156.  
  1157.         get: function (key, langKey = "_s_lang") {
  1158.             return typeof key === "string" ? localizationMap[key][settings[langKey]] : key[settings[langKey]];
  1159.         }
  1160.     }
  1161.  
  1162.     function localize(key) {
  1163.         return localizationMap.get(key);
  1164.     }
  1165.  
  1166.     function localizePopup(key) {
  1167.         return localizationMap.get(key, "_s_popup_lang");
  1168.     }
  1169.     //----------------------
  1170.  
  1171.  
  1172.     const RJ_REGEX = new RegExp("(R[JE][0-9]{8})|(R[JE][0-9]{6})|([VB]J[0-9]{8})|([VB]J[0-9]{6})", "gi");
  1173.     const URL_REGEX = new RegExp("dlsite.com/.*/product_id/((R[JE][0-9]{8})|(R[JE][0-9]{6})|([VB]J[0-9]{8})|([VB]J[0-9]{6}))", "g");
  1174.     const VOICELINK_CLASS = 'voicelink-' + Math.random().toString(36).slice(2);
  1175.     const VOICELINK_IGNORED_CLASS = `${VOICELINK_CLASS}_ignored`;
  1176.     const RJCODE_ATTRIBUTE = 'rjcode';
  1177.     const POPUP_CSS = `
  1178.     .${VOICELINK_CLASS}_voicepopup {
  1179.         min-width: 630px !important;
  1180.         z-index: 2147483646 !important;
  1181.         max-width: 80% !important;
  1182.         position: fixed !important;
  1183.         line-height: normal !important;  /*原1.4em !important;*/
  1184.         font-size:1.1em!important;
  1185.         margin-bottom: 10px !important;
  1186.         box-shadow: 0 0 .125em 0 rgba(0,0,0,.5) !important;
  1187.         border-radius: 0.5em !important;
  1188.         background-color:#8080C0 !important;
  1189.         color:#F6F6F6 !important;
  1190.         text-align: left !important;
  1191.         padding: 10px !important;
  1192.         pointer-events: none !important;
  1193.     }
  1194.     
  1195.     .${VOICELINK_CLASS}_voicepopup[pin][mouse-in] *[copy-text] {
  1196.         text-decoration: underline !important;
  1197.         cursor: pointer !important;
  1198.     }
  1199.     .${VOICELINK_CLASS}_voicepopup[pin][mouse-in] *[copy-text]:active {
  1200.         opacity: 0.5 !important;
  1201.     }
  1202.     
  1203.     #${VOICELINK_CLASS}_info-container {
  1204.         font-size: 1em !important;
  1205.     }
  1206.     #${VOICELINK_CLASS}_info-container > div {
  1207.         margin-bottom: 3px !important;
  1208.         font-size: 1em !important;
  1209.     }
  1210.     #${VOICELINK_CLASS}_info-container > div > a {
  1211.         display: inline;
  1212.     }
  1213.     #${VOICELINK_CLASS}_info-container > div > .info-title {
  1214.         margin-right: 5px !important;
  1215.         display: inline-block;
  1216.     }
  1217.     #${VOICELINK_CLASS}_info-container > div > .info-title::after {
  1218.         content: ":" !important;
  1219.         text-decoration: none !important;
  1220.         display: inline-block !important;
  1221.     }
  1222.     #${VOICELINK_CLASS}_info-container .${VOICELINK_CLASS}_tags {
  1223.         margin-top: 12px !important;
  1224.         margin-bottom: 0 !important;
  1225.         font-size: 0.909091em !important;
  1226.     }
  1227.     
  1228.     .${VOICELINK_CLASS}_loader {
  1229.         display: flex !important;
  1230.         justify-content: center !important;
  1231.         align-items: center !important;
  1232.         position: absolute !important;
  1233.         top: 50% !important;
  1234.         left: 50% !important;
  1235.         transform: translate(-50%, -50%) !important;
  1236.         width: 100% !important;
  1237.         height: 100% !important;
  1238.         min-width: 300px !important;
  1239.         min-height: 30px !important;
  1240.         z-index: -1 !important;
  1241.     }
  1242.     .${VOICELINK_CLASS}_dot {
  1243.         width: 20px !important;
  1244.         height: 20px !important;
  1245.         margin: 0 8px !important;
  1246.         background-color: #fbfbfb !important;
  1247.         border-radius: 50% !important;
  1248.         animation: ${VOICELINK_CLASS}_scale 1s infinite !important;
  1249.     }
  1250.     .${VOICELINK_CLASS}_dot:nth-child(1) {
  1251.         animation-delay: 0s !important;
  1252.     }
  1253.     .${VOICELINK_CLASS}_dot:nth-child(2) {
  1254.         animation-delay: 0.2s !important;
  1255.     }
  1256.     .${VOICELINK_CLASS}_dot:nth-child(3) {
  1257.         animation-delay: 0.4s !important;
  1258.     }
  1259.     @keyframes ${VOICELINK_CLASS}_scale {
  1260.       0%, 100% {
  1261.           transform: scale(1);
  1262.       }
  1263.       50% {
  1264.           transform: scale(1.5);
  1265.       }
  1266.     }
  1267.     
  1268.     .${VOICELINK_CLASS}_voicepopup-maniax{
  1269.         background-color:#8080C0 !important;
  1270.     }
  1271.     
  1272.     .${VOICELINK_CLASS}_voicepopup-girls{
  1273.         background-color:#B33761 !important;
  1274.     }
  1275.     
  1276.     .${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_left_panel{
  1277.         display: flex !important;
  1278.         flex-direction: column !important;
  1279.         justify-content: space-between !important;
  1280.         margin: 0 16px 0 0 !important;
  1281.         width: 310px !important;
  1282.         flex-shrink: 0 !important;
  1283.     }
  1284.     
  1285.     .${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_img_container{
  1286.         width: 100% !important;
  1287.         padding: 3px !important;
  1288.         position: relative;
  1289.     }
  1290.  
  1291.     .${VOICELINK_CLASS}_img_container img {
  1292.         width: 100% !important;
  1293.         height: auto !important;
  1294.     }
  1295.     
  1296.     #${VOICELINK_CLASS}_hint {
  1297.         font-size: 0.8em !important;
  1298.         opacity: 0.5 !important;
  1299.         max-width: 300px !important;
  1300.         margin-top: 5px !important;
  1301.     }
  1302.     
  1303.     .${VOICELINK_CLASS}_voicepopup a {
  1304.         text-decoration: none !important;
  1305.         color: pink !important;
  1306.     }
  1307.     
  1308.     .${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_age-18{
  1309.         color: hsl(300deg 76% 77%) !important;
  1310.     }
  1311.     
  1312.     .${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_age-all{
  1313.         color: hsl(157deg 82% 52%) !important;
  1314.     }
  1315.  
  1316.     .${VOICELINK_CLASS}_voice-title {
  1317.         font-size: 1.363636em !important;   /*原1.4em*/
  1318.         font-weight: bold !important;
  1319.         text-align: center !important;
  1320.         margin: 5px 10px 0 0 !important;
  1321.         display: block !important;
  1322.     }
  1323.  
  1324.     .${VOICELINK_CLASS}_rjcode {
  1325.         text-align: center !important;
  1326.         margin: 5px 0 !important;
  1327.         font-size: 1.2012987em !important;  /*原1.2em !important;*/
  1328.         font-style: italic !important;
  1329.         opacity: 0.3 !important;
  1330.     }
  1331.  
  1332.     .${VOICELINK_CLASS}_error {
  1333.         height: 210px !important;
  1334.         line-height: 210px !important;
  1335.         text-align: center !important;
  1336.     }
  1337.  
  1338.     .${VOICELINK_CLASS}_discord-dark {
  1339.         background-color: #36393f !important;
  1340.         color: #dcddde !important;
  1341.         font-size: 0.9375rem !important;
  1342.     }
  1343.     
  1344.     .${VOICELINK_CLASS}_work_title:hover #${VOICELINK_CLASS}_copy_btn {
  1345.         opacity: 1 !important;
  1346.     }
  1347.     
  1348.     #${VOICELINK_CLASS}_copy_btn {
  1349.         background: transparent !important;
  1350.         border-color: transparent !important;
  1351.         cursor: pointer !important;
  1352.         transition: all 0.3s !important;
  1353.         opacity: 0 !important;
  1354.         font-size: 0.75em !important;
  1355.         user-select: none !important;
  1356.         position: absolute !important;
  1357.     }
  1358.     
  1359.     #${VOICELINK_CLASS}_copy_btn:hover {
  1360.         scale: 1.2 !important;
  1361.     }
  1362.     
  1363.     #${VOICELINK_CLASS}_copy_btn:active {
  1364.         scale: 1.1 !important;
  1365.     }
  1366.     
  1367.   `
  1368.     const SETTINGS_CSS = `
  1369.         #${VOICELINK_CLASS}_settings-container {
  1370.             font-family: Arial, sans-serif !important;
  1371.             background-color: #f4f4f9 !important;
  1372.             margin: auto !important;
  1373.             padding: 20px 30px !important;
  1374.             line-height: unset !important;
  1375.             
  1376.             position: fixed !important;
  1377.             overflow-y: auto !important;
  1378.             overflow-x: hidden !important;
  1379.             top: 20px !important;
  1380.             bottom: 20px !important;
  1381.             left: 50% !important;
  1382.             transform: translateX(-50%) !important;
  1383.             box-sizing: border-box !important;
  1384.             max-width: 800px !important;
  1385.             width: 100% !important;
  1386.             height: calc(100% - 40px) !important;
  1387.             z-index: 2147483647 !important;
  1388.             border-radius: 20px !important;
  1389.             box-shadow: darkgray 0px 0px 17px 2px !important;
  1390.             
  1391.             /*scrollbar-width: none;*/
  1392.             /*-ms-overflow-style: none;*/
  1393.         }
  1394.         #${VOICELINK_CLASS}_settings-container::-webkit-scrollbar {
  1395.             width: 5px !important;
  1396.             height: 5px !important;
  1397.         }
  1398.         #${VOICELINK_CLASS}_settings-container::-webkit-scrollbar-track {
  1399.             background-color: #f4f4f9 !important;
  1400.             border-radius: 5px !important;
  1401.         }
  1402.         #${VOICELINK_CLASS}_settings-container::-webkit-scrollbar-thumb {
  1403.             background-color: #888 !important;
  1404.             border-radius: 5px !important; 
  1405.         }
  1406.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_container {
  1407.             max-width: 800px !important;
  1408.             margin: auto !important;
  1409.             background: #fff !important;
  1410.             padding: 20px !important;
  1411.             border-radius: 10px !important;
  1412.             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
  1413.         }
  1414.         #${VOICELINK_CLASS}_settings-container h1 {
  1415.             display: block !important;
  1416.             text-align: center !important;
  1417.             color: #333 !important;
  1418.             font-size: 32px !important;
  1419.             margin: 21.44px 0 !important;
  1420.             font-weight: bold !important;
  1421.             line-height: normal !important;
  1422.         }
  1423.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_section-container {
  1424.             margin: 20px 0 !important;
  1425.         }
  1426.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_section-container h2 {
  1427.             display: block !important;
  1428.             color: #007bff !important;
  1429.             font-size: 24px !important;
  1430.             margin: 22px 0 14px 0 !important;
  1431.             font-weight: bold !important;
  1432.             line-height: normal !important;
  1433.         }
  1434.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting {
  1435.             /*display: flex;*/
  1436.             /*align-items: center;*/
  1437.             /*justify-content: space-between;*/
  1438.             margin: 10px 0 !important;
  1439.         }
  1440.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting .${VOICELINK_CLASS}_row-title {
  1441.             margin: 0 0 0 10px !important;
  1442.             color: #555 !important;
  1443.             font-size: 18px !important;
  1444.             font-weight: normal !important;
  1445.             /*flex-grow: 1;*/
  1446.         }
  1447.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="text"],
  1448.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="password"],
  1449.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="number"],
  1450.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="email"],
  1451.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting select {
  1452.             width: 100% !important;
  1453.             padding: 10px !important;
  1454.             border: 1px solid #ddd !important;
  1455.             border-radius: 5px !important;
  1456.             background: #fafafa !important;
  1457.             box-sizing: border-box !important;
  1458.             color: #666666FF !important;
  1459.             font-size: 13.3333px !important;
  1460.             height: unset !important;
  1461.             max-height: unset !important;
  1462.             max-width: unset !important;
  1463.             /*margin-bottom: 10px;*/
  1464.         }
  1465.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="checkbox"] {
  1466.             display: none !important;
  1467.         }
  1468.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_toggle-container {
  1469.             display: flex !important;
  1470.             flex-direction: row !important;
  1471.             align-items: center !important;
  1472.             justify-content: flex-end !important;
  1473.         }
  1474.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting .${VOICELINK_CLASS}_toggle {
  1475.             display: inline-block !important;
  1476.             margin: 0 !important;
  1477.             width: 60px !important;
  1478.             height: 30px !important;
  1479.             padding: 0 !important;
  1480.             background: #ccc !important;
  1481.             border-radius: 15px !important;
  1482.             position: relative !important;
  1483.             cursor: pointer !important;
  1484.             transition: background 0.3s !important;
  1485.         }
  1486.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_toggle:before {
  1487.             content: "" !important;
  1488.             display: block !important;
  1489.             width: 24px !important;
  1490.             height: 24px !important;
  1491.             background: #fff !important;
  1492.             border-radius: 50% !important;
  1493.             position: absolute !important;
  1494.             top: 3px !important;
  1495.             left: 3px !important;
  1496.             transition: transform 0.3s !important;
  1497.         }
  1498.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="checkbox"]:checked + label {
  1499.             background: #007bff !important;
  1500.         }
  1501.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="checkbox"]:checked + label:before {
  1502.             transform: translateX(30px) !important;
  1503.         }
  1504.         #${VOICELINK_CLASS}_button-close{
  1505.             position: absolute !important;
  1506.             top: 20px !important;
  1507.             right: 20px !important;
  1508.             font-size: 24px !important;
  1509.             cursor: pointer !important;
  1510.             background: rgba(0, 0, 0, 0.05) !important;
  1511.             border: none !important;
  1512.             width: 42px !important;
  1513.             height: 42px !important;
  1514.             border-radius: 50% !important;
  1515.         }
  1516.         #${VOICELINK_CLASS}_button-save,
  1517.         #${VOICELINK_CLASS}_button-cancel,
  1518.         #${VOICELINK_CLASS}_button-reset{
  1519.             display: block !important;
  1520.             width: 100% !important;
  1521.             padding: 10px !important;
  1522.             border: none !important;
  1523.             border-radius: 5px !important;
  1524.             background: #007bff !important;
  1525.             color: #fff !important;
  1526.             font-size: 16px !important;
  1527.             cursor: pointer !important;
  1528.             margin-top: 10px !important;
  1529.  
  1530.             transition: background 0.3s, filter 0.3s !important;
  1531.         }
  1532.         #${VOICELINK_CLASS}_button-reset{
  1533.             background: #999 !important;
  1534.         }
  1535.         #${VOICELINK_CLASS}_button-save:hover,
  1536.         #${VOICELINK_CLASS}_button-cancel:hover,
  1537.         #${VOICELINK_CLASS}_button-reset:hover{
  1538.             filter: brightness(1.3) !important;
  1539.         }
  1540.         #${VOICELINK_CLASS}_button-save:active,
  1541.         #${VOICELINK_CLASS}_button-cancel:active,
  1542.         #${VOICELINK_CLASS}_button-reset:active{
  1543.             filter: brightness(0.9) !important;
  1544.         }
  1545.  
  1546.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tooltip {
  1547.             position: relative !important;
  1548.         }
  1549.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tooltip .${VOICELINK_CLASS}_tooltip-text {
  1550.             visibility: hidden !important;
  1551.             min-width: 200px !important;
  1552.             max-width: 100% !important;
  1553.             background-color: #555 !important;
  1554.             color: #fff !important;
  1555.             font-size: 14px !important;
  1556.             text-align: center !important;
  1557.             border-radius: 5px !important;
  1558.             padding: 8px 10px !important;
  1559.             position: absolute !important;
  1560.             z-index: 1 !important;
  1561.             bottom: 125% !important;
  1562.             left: 0 !important;
  1563.             /*margin-left: -100px;*/
  1564.             opacity: 0 !important;
  1565.             filter: brightness(1.0) !important;
  1566.             transition: opacity 0.3s !important;
  1567.         }
  1568.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tooltip:hover .${VOICELINK_CLASS}_tooltip-text {
  1569.             visibility: visible !important;
  1570.             opacity: 1 !important;
  1571.         }
  1572.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_sortable {
  1573.             cursor: move !important;
  1574.         }
  1575.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_sortable span{
  1576.             cursor: default !important;
  1577.         }
  1578.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_dragging{
  1579.             background-color: #1e82ff38 !important;
  1580.             user-select: none !important;
  1581.             transition: background-color 0.3s !important;
  1582.         }
  1583.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_sortable .${VOICELINK_CLASS}_setting {
  1584.             cursor: move !important;
  1585.         }
  1586.         #${VOICELINK_CLASS}_settings-container table {
  1587.             width: 100% !important;
  1588.             margin-bottom: 20px !important;
  1589.             border-collapse: collapse !important;
  1590.             font-size: unset !important;
  1591.         }
  1592.         #${VOICELINK_CLASS}_settings-container table,
  1593.         #${VOICELINK_CLASS}_settings-container th,
  1594.         #${VOICELINK_CLASS}_settings-container td {
  1595.             border: 0 solid #ddd !important;
  1596.         }
  1597.         #${VOICELINK_CLASS}_settings-container th,
  1598.         #${VOICELINK_CLASS}_settings-container td {
  1599.             border-bottom: 1px dashed rgba(221, 221, 221, 0.64) !important;
  1600.             /*border-top: 1px solid #ddd;*/
  1601.             padding: 8px 10px !important;
  1602.             text-align: left !important;
  1603.             vertical-align: middle !important;
  1604.         }
  1605.  
  1606.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_hidden{
  1607.             display: none !important;
  1608.         }
  1609.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_input-cell{
  1610.             text-align: right !important;
  1611.             padding-right: 20px !important;
  1612.         }
  1613.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_indent-1 > td {
  1614.             padding: 8px 24px !important;
  1615.         }
  1616.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_indent-1 .${VOICELINK_CLASS}_input-cell {
  1617.             padding: 8px 20px !important;
  1618.         }
  1619.  
  1620.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tags {
  1621.             font-size: 14px;
  1622.         }
  1623.         .${VOICELINK_CLASS}_tags {
  1624.             display: flex !important;
  1625.             flex-wrap: wrap !important;
  1626.             justify-content: left !important;
  1627.             align-items: stretch !important;
  1628.         }
  1629.         .${VOICELINK_CLASS}_tags > label,
  1630.         .${VOICELINK_CLASS}_tags > span {
  1631.             border-radius: 5px !important;
  1632.             font-size: 1em !important;
  1633.             margin-right: 8px !important;
  1634.             margin-bottom: 8px !important;
  1635.             padding: 5px 8px !important;
  1636.             
  1637.             display: flex !important;
  1638.             justify-content: center !important;
  1639.             align-items: center !important;
  1640.  
  1641.             transition: color 0.3s, background-color 0.3s !important;
  1642.         }
  1643.         .${VOICELINK_CLASS}_tags > label.${VOICELINK_CLASS}_tag_tight,
  1644.         .${VOICELINK_CLASS}_tags > span.${VOICELINK_CLASS}_tag_tight{
  1645.             padding: 2px 7px !important;
  1646.         }
  1647.         .${VOICELINK_CLASS}_tags > label.${VOICELINK_CLASS}_tag_small,
  1648.         .${VOICELINK_CLASS}_tags > span.${VOICELINK_CLASS}_tag_small{
  1649.             padding: 2px 7px !important;
  1650.             font-size: 0.857143em !important;
  1651.         }
  1652.  
  1653.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tag-off{
  1654.             background-color: #ffffff !important;
  1655.             color: #aaaaaa !important;
  1656.         }
  1657.  
  1658.         .${VOICELINK_CLASS}_tag-purple{
  1659.             background-color: #EED9F2 !important;
  1660.             color: #7B1FA2 !important;
  1661.         }
  1662.  
  1663.         .${VOICELINK_CLASS}_tag-blue{
  1664.             background-color: #d9eefc !important;
  1665.             color: #4285F4 !important;
  1666.         }
  1667.  
  1668.         .${VOICELINK_CLASS}_tag-red{
  1669.             background-color: #ffd6da !important;
  1670.             color: #EA4335 !important;
  1671.         }
  1672.  
  1673.         .${VOICELINK_CLASS}_tag-yellow{
  1674.             background-color: #FFF8E1 !important;
  1675.             color: #F57F17 !important;
  1676.         }
  1677.  
  1678.         .${VOICELINK_CLASS}_tag-green{
  1679.             background-color: #dcf5e4 !important;
  1680.             color: #34A853 !important;
  1681.         }
  1682.  
  1683.         .${VOICELINK_CLASS}_tag-teal{
  1684.             background-color: #d8eced !important;
  1685.             color: #0097A7 !important;
  1686.         }
  1687.  
  1688.         .${VOICELINK_CLASS}_tag-gray{
  1689.             background-color: #E0E0E0 !important;
  1690.             color: #424242 !important;
  1691.         }
  1692.  
  1693.         .${VOICELINK_CLASS}_tag-pink{
  1694.             background-color: #ffd9e7 !important;
  1695.             color: #f032a7 !important;
  1696.         }
  1697.  
  1698.         .${VOICELINK_CLASS}_tag-orange{
  1699.             background-color: #ffebcc !important;
  1700.             color: #f04000 !important;
  1701.         }
  1702.  
  1703.         .${VOICELINK_CLASS}_tag-darkblue{
  1704.             background-color: #d2e7fa !important;
  1705.             color: #0D47A1 !important;
  1706.         }
  1707.  
  1708.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_reset-btn-small {
  1709.             position: relative !important;
  1710.             display: inline-block !important;
  1711.             width: 16px !important;
  1712.             height: 16px !important;
  1713.             margin-right: 4px !important;
  1714.             padding: 0 !important;
  1715.             color: transparent !important;
  1716.             background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA6xJREFUeF7tmlFy2jAQhn+ZHIScJOEixYQ++BYJt/BDSU0vUnKSuvcoVkeq3RpXsndlScYAMzwwyLL20+rXarUCN/4RN24/7gDuHnDjBO5LYEoHSF+ytHjPiynHMJkHrLfZVwApgOKwzzdTQZgEQMv4xu7JIEQHYDB+UghRAfQYDyGwKr7kx9hLIRqASzRewY4C4FKNjwKgz3gAZesLIfGhBhVzawzqAQPG9y13DUZIHFDhWBS5+h3kEwxA+jl7lhLfPYxaGX8UJ+xCgAgHIM2WVYK1EHjzAEF1UUqJ4tt7vvPUn+4mGADVeeofggYhTlj58oagAAgQSiGwwS+UeMASFZZS4KkOkXs1wpc3BAdAgmCYUeU9coHXPhhS4m3skogCwBVC85xcQB2cnk0uMRZCNAAECMfDPl+ZjBzQEr2MXMPoqAB6IJSHff44pO6fXrJXy67iLIzRARggkIxv4KgkihR6SXQ/rH6ahycB0IbgImI2TxASG24YPRmAIXcf+t8Cge0FswVQb5Mq1F62YXG9YLYA9DIy6wHLC+YN4E+w9F+MwMkuzRqA8gKTFnCCo9kDqLXgR0c0rUFVV1xnD0AZtN5mSgzPQuXDPifZRmo0tCVN/b8JgDjhkXJkvhYAzS3T37mgCuFVADAJoVcASmiQdI6jgZOVnGVligeoARHJA0wJTs5WwzHGpa3RA4jngqsAYEq/exXBsXuty6xyngkOoN5rZWdQrJibYxC37XqbqUDo7FDkPQ4w7rUT3eh2Aa23WXdy4B3A2JibO6vU9pYTIbnggiSCTQZHLuAcc1MN4rYbEwWqd5EB2GJuasDBNYzS3pYfpLo/G4CPBATFMGobk/hx4xOWB1i2Q3BfSjWwr50tMcqZfbYHaC2wpKGExI6bkXUFYbt6p4a/7feyPKAlhqarqlE3NFQYNi9Ut8aUy5Xue9gANAR78YPzDQ0FQF/RhasYOwFQg+27pvJ1dd2G0ms88eBjguwMYACCFsakwoGSlembfUKRBTn/5x0AYXDOZS2EvpU9o4x32gW6FIkD/Vf1laC0XWW3+lIJTmM9QPN+X1vvqCXQhtGjCTYPb5e+nZ3khgTRVfC8LwGTNwyVtQwZN/C/KpfbjNWVUXEAxYB6r7aWtVD66LQJFmN4WwImo+qokVL1ZXpcC2gC/AwZYQYF0Fils8oPWFYVnoTQmZv2t9ECLZRSokwSfLjW/HC9KwoA7qBitr8DiEn7Et9194BLnJWYY7p5D/gNXP0HX03p5E0AAAAASUVORK5CYII=") !important;
  1717.             background-position: center !important;
  1718.             background-size: contain !important;
  1719.             background-color: transparent !important;
  1720.             border-radius: 3px !important;
  1721.             border: none !important;
  1722.             opacity: 0.5 !important;
  1723.         }
  1724.         #${VOICELINK_CLASS}_settings-container button.${VOICELINK_CLASS}_reset-btn-small:hover {
  1725.             opacity: 1 !important;
  1726.         }
  1727.  
  1728.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_button-flat {
  1729.             background-color: transparent !important;
  1730.             border: none !important;
  1731.             color: #aaa !important;
  1732.             cursor: pointer !important;
  1733.             border-radius: 5px !important;
  1734.             padding: 5px 5px !important;
  1735.             margin-bottom: 6px !important;
  1736.             margin-right: 6px !important;
  1737.  
  1738.             display: inline-flex !important;
  1739.             align-items: center !important;
  1740.             justify-content: center !important;
  1741.  
  1742.             transition: background-color 0.3s !important;
  1743.         }
  1744.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_button-flat:hover {
  1745.             background-color: rgba(0, 0, 0, 0.1) !important;
  1746.         }
  1747.         #${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_button-flat span{
  1748.             display: inline-block !important;
  1749.         }
  1750.     `
  1751.  
  1752.     /**
  1753.      * Work promise cache
  1754.      * @type {{info:{}, api:{}, api2: {}, circle: {}}}
  1755.      */
  1756.     const work_promise = {};
  1757.  
  1758.     function getAdditionalPopupClasses() {
  1759.         const hostname = document.location.hostname;
  1760.         switch (hostname) {
  1761.             case "boards.4chan.org": return "post reply";
  1762.             case "discordapp.com": return `${VOICELINK_CLASS}_discord-dark`;
  1763.             default: return null;
  1764.         }
  1765.     }
  1766.  
  1767.     function getOS() {
  1768.         const userAgent = navigator.userAgent;
  1769.         if (userAgent.indexOf("Windows NT 10.0") !== -1) return "Windows 10";
  1770.         if (userAgent.indexOf("Windows NT 6.2") !== -1) return "Windows 8";
  1771.         if (userAgent.indexOf("Windows NT 6.1") !== -1) return "Windows 7";
  1772.         if (userAgent.indexOf("Windows NT 6.0") !== -1) return "Windows Vista";
  1773.         if (userAgent.indexOf("Windows NT 5.1") !== -1) return "Windows XP";
  1774.         if (userAgent.indexOf("Windows NT 5.0") !== -1) return "Windows 2000";
  1775.         if (userAgent.indexOf("Mac") !== -1) return "Mac";
  1776.         if (userAgent.indexOf("X11") !== -1) return "UNIX";
  1777.         if (userAgent.indexOf("Linux") !== -1) return "Linux";
  1778.         return "Other";
  1779.     }
  1780.  
  1781.     function getVoiceLinkTarget(target){
  1782.         while (target && !target.classList.contains(VOICELINK_CLASS)){
  1783.             target = target.parentElement;
  1784.         }
  1785.         return target;
  1786.     }
  1787.  
  1788.     function isInDLSite(){
  1789.         return document.location.hostname.endsWith("dlsite.com");
  1790.     }
  1791.  
  1792.     /**
  1793.      * Convert to valid file name.
  1794.      * @param {String} original
  1795.      */
  1796.     function convertToValidFileName(original){
  1797.         const charMapRegs = {
  1798.             "\\/": "／",
  1799.             "\\\\": "＼",
  1800.             "\\:": "：",
  1801.             "\\*": "＊",
  1802.             "\\?": "？",
  1803.             "\"": "＂",
  1804.             "\\<": "＜",
  1805.             "\\>": "＞",
  1806.             "\\|": "｜"
  1807.         }
  1808.  
  1809.         let fileName = original;
  1810.         for (let key in charMapRegs){
  1811.             fileName = fileName.replaceAll(new RegExp(key, "g"), charMapRegs[key]);
  1812.         }
  1813.         return fileName;
  1814.     }
  1815.  
  1816.     function setUserSelectTitle(){
  1817.         // Make title selectable
  1818.         const hostname = document.location.hostname;
  1819.         if(!hostname.endsWith("dlsite.com")){
  1820.             return;
  1821.         }
  1822.         const rjList = document.URL.match(RJ_REGEX)
  1823.         const rj = rjList[rjList.length - 1]
  1824.  
  1825.         const title = document.getElementById("work_name");
  1826.         if(!title){
  1827.             return;
  1828.         }
  1829.         let titleStr = title.innerText;
  1830.         let titleHtml = title.innerHTML;
  1831.  
  1832.         const button = document.createElement("button");
  1833.         button.id = `${VOICELINK_CLASS}_copy_btn`;
  1834.         button.innerText = "📃";
  1835.         button.addEventListener("mouseenter", function(){
  1836.             button.innerText = "📃 复制为有效文件名";
  1837.         });
  1838.         button.addEventListener("mouseleave", function(){
  1839.             button.innerText = "📃";
  1840.         });
  1841.         button.addEventListener("click", function(){
  1842.             const fileName = convertToValidFileName(titleStr);
  1843.             // const promise = navigator.clipboard.writeText(fileName);
  1844.             const promise = GM_setClipboard(fileName, "text");
  1845.             promise?.then(() => {
  1846.                 button.innerText = "✔ 复制成功";
  1847.             });
  1848.             promise?.catch(e => {
  1849.                 window.prompt("复制失败，请手动复制", fileName);
  1850.                 button.innerText = "📃";
  1851.             });
  1852.         });
  1853.  
  1854.         title.style.setProperty("user-select", "text", "important");  //userSelect = "text !important";
  1855.         title.classList.add(`${VOICELINK_CLASS}_work_title`);
  1856.  
  1857.         if(settings._s_show_translated_title_in_dl){
  1858.             //将Title替换成大家翻对应的语言翻译版本
  1859.             WorkPromise.getTranslationInfo(rj).then(info => {
  1860.                 if(info.is_original) {
  1861.                     return null;
  1862.                 }
  1863.                 else{
  1864.                     return WorkPromise.getWorkTitle(rj);
  1865.                 }
  1866.             }).then(t => {
  1867.                 if(!t){
  1868.                     if(settings._s_copy_as_filename_btn) title.appendChild(button);
  1869.                     return;
  1870.                 }
  1871.                 compatibilityCheck(title, titleHtml);
  1872.                 titleStr = t
  1873.                 title.innerText = t
  1874.                 if(settings._s_copy_as_filename_btn) title.appendChild(button);
  1875.             })
  1876.         }else{
  1877.             if(settings._s_copy_as_filename_btn) title.appendChild(button);
  1878.         }
  1879.     }
  1880.  
  1881.     function compatibilityCheck(titleElement, titleHtml){
  1882.         if(!settings._s_show_compatibility_warning) return;
  1883.  
  1884.         if(titleElement.innerHTML.trim() === titleHtml.trim()){
  1885.             return;
  1886.         }
  1887.  
  1888.         //其它脚本修改了标题内部，进行警告
  1889.         window.alert("警告：\n" +
  1890.             "VoiceLinks检测到DL作品标题元素发生变化，该变化可能是脚本与其它插件冲突导致的。\n" +
  1891.             "可以关闭本脚本中的 “在DLSite显示对应语言的翻译标题” 设置项，以尝试解决冲突。（也可根据情况酌情关闭 “在DL作品标题旁添加复制为文件名按钮” 选项）\n\n" +
  1892.             "本脚本的设置方法：点击Tampermonkey等扩展程序的按钮，在弹出的脚本列表中找到当前脚本，点击下方的Settings按钮即可打开设置页面。\n\n" +
  1893.             "注意：如果不想看到该警告，可以同时关闭“显示兼容性警告”设置项。")
  1894.     }
  1895.  
  1896.     function getXmlHttpRequest() {
  1897.         return (typeof GM !== "undefined" && GM !== null ? GM.xmlHttpRequest : GM_xmlhttpRequest);
  1898.     }
  1899.  
  1900.     const Parser = {
  1901.         walkNodes: function (elem) {
  1902.             const rjNodeTreeWalker = document.createTreeWalker(
  1903.                 elem,
  1904.                 NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,
  1905.                 {
  1906.                     acceptNode: function (node) {
  1907.                         if(node.nodeName === "SCRIPT" || node.parentElement && node.parentElement.nodeName === "SCRIPT"){
  1908.                             return NodeFilter.FILTER_REJECT;
  1909.                         }
  1910.  
  1911.                         if(node.parentElement.isContentEditable){
  1912.                             return NodeFilter.FILTER_SKIP;
  1913.                         }
  1914.  
  1915.                         if(settings._s_parse_url && node.nodeName === "A"){
  1916.                             if(!settings._s_parse_url_in_dl && document.location.hostname.endsWith("dlsite.com")){
  1917.                                 return NodeFilter.FILTER_SKIP;
  1918.                             }
  1919.  
  1920.                             let href = node.href;
  1921.                             if(href.match(URL_REGEX) && !node.classList.contains(VOICELINK_IGNORED_CLASS)){
  1922.                                 return NodeFilter.FILTER_ACCEPT;
  1923.                             }
  1924.                         }
  1925.  
  1926.                         if (node.nodeName !== "#text") return NodeFilter.FILTER_SKIP;
  1927.                         if(node.parentElement.classList.contains(VOICELINK_IGNORED_CLASS)
  1928.                             || node.parentElement.hasAttribute(RJCODE_ATTRIBUTE)){
  1929.                             return NodeFilter.FILTER_SKIP;
  1930.                         }
  1931.  
  1932.                         if (node.parentElement.classList.contains(VOICELINK_CLASS))
  1933.                             return NodeFilter.FILTER_ACCEPT;
  1934.                         if (node.nodeValue.match(RJ_REGEX))
  1935.                             return NodeFilter.FILTER_ACCEPT;
  1936.  
  1937.                         return NodeFilter.FILTER_SKIP;
  1938.                     }
  1939.                 },
  1940.                 false,
  1941.             );
  1942.             while (rjNodeTreeWalker.nextNode()) {
  1943.                 const node = rjNodeTreeWalker.currentNode;
  1944.  
  1945.                 //Ignore Element which let user input (textarea), input can be ignored because it's not a text node.
  1946.                 if(node.parentElement.nodeName === "TEXTAREA"){
  1947.                     continue;
  1948.                 }
  1949.  
  1950.                 if (node.parentElement.classList.contains(VOICELINK_CLASS)) {
  1951.                     Parser.rebindEvents(node.parentElement);
  1952.                 }else if(node.nodeName === "A") {
  1953.                     // alert("准备解析链接：" + node.nodeValue)
  1954.                     Parser.linkifyURL(node);
  1955.                 }else{
  1956.                     // alert("准备解析文本：" + node.nodeValue)
  1957.                     Parser.linkify(node);
  1958.                 }
  1959.             }
  1960.         },
  1961.  
  1962.         wrapPlaceholder: function (content) {
  1963.             let e;
  1964.             e = document.createElement("span");
  1965.             e.classList = VOICELINK_CLASS;
  1966.             e.innerText = content;
  1967.             e.classList.add(VOICELINK_IGNORED_CLASS);
  1968.             e.setAttribute(RJCODE_ATTRIBUTE, "");
  1969.             return e;
  1970.         },
  1971.  
  1972.         wrapRJCode: function (rjCode) {
  1973.             let e;
  1974.             e = document.createElement("a");
  1975.             e.classList = VOICELINK_CLASS;
  1976.             e.href = `https://www.dlsite.com/maniax/work/=/product_id/${rjCode.toUpperCase()}.html`
  1977.             e.innerText = rjCode;
  1978.             e.target = "_blank";
  1979.             e.rel = "noreferrer";
  1980.             e.classList.add(VOICELINK_IGNORED_CLASS);
  1981.             e.style.setProperty("display", "inline", "important");  //display = "inline !important";
  1982.  
  1983.             e.setAttribute(RJCODE_ATTRIBUTE, rjCode.toUpperCase());
  1984.             e.setAttribute("voicelink-linkified", "true");
  1985.             e.addEventListener("mouseover", Popup.over);
  1986.             e.addEventListener("mouseout", Popup.out);
  1987.             e.addEventListener("mousemove", Popup.move);
  1988.             e.addEventListener("keydown", Popup.keydown);
  1989.             //e.addEventListener("keyup", Popup.keyup);
  1990.             getXmlHttpRequest()({
  1991.                 method: "GET",
  1992.                 url: "http://127.0.0.1:21962/local/" + rjCode,
  1993.                 responseType: "json",// 指定响应类型为 JSON
  1994.                 onload: function (response) {
  1995.                     if (response.status === 200) {
  1996.                         // 处理响应数据（JSON 对象）
  1997.                         e.style.textDecoration = 'underline 3px green'
  1998.                         if ( response.response['media']==1) {
  1999.                             e.innerText='媒体 '+e.innerText
  2000.  
  2001.                         }
  2002.                         if (response.response['CHIT']==1) {
  2003.                             e.style.textDecoration = 'underline 3px violet'
  2004.                             e.innerText='繁中 '+e.innerText
  2005.                         }
  2006.                         if (response.response['CHIS']==1) {
  2007.                             e.style.textDecoration = 'underline 3px violet'
  2008.                             e.innerText='简中 '+e.innerText
  2009.                         }
  2010.                         if (response.response['CHIS']!=1 && response.response['CHIT']!=1 && response.response['subtitles']==1) {
  2011.                             e.style.textDecoration = 'underline 3px red'
  2012.                             e.innerText='字幕 '+e.innerText
  2013.                         }
  2014.  
  2015.                     } else {
  2016.                         console.log("Request failed with status:", response.status);
  2017.                     }
  2018.                 },
  2019.                 onerror: function (error) {
  2020.                     console.log("Request failed:", error);
  2021.                 }
  2022.             });
  2023.             return e;
  2024.         },
  2025.  
  2026.         calculateCoverage: function(text){
  2027.             const matches = text.match(RJ_REGEX);
  2028.             if (!matches) return 0;
  2029.             //覆盖大小 = 所有匹配项的长度总和
  2030.             const coverSize = matches.reduce((total, current) => total + current.length, 0);
  2031.             return (coverSize / text.length) * 100;
  2032.         },
  2033.  
  2034.         /***
  2035.          * 处理直链
  2036.          * @param {Node} node
  2037.          ***/
  2038.         linkifyURL: function(node) {
  2039.             const e = node;
  2040.             const href = e.href;
  2041.             const rjs = href.match(RJ_REGEX);
  2042.             const rj = rjs[rjs.length - 1];
  2043.             if(!rj) return;
  2044.  
  2045.             // alert(`解析链接：${e.nodeValue}`)
  2046.  
  2047.             e.classList.add(VOICELINK_CLASS);
  2048.             e.setAttribute(RJCODE_ATTRIBUTE, rj.toUpperCase());
  2049.             e.addEventListener("mouseover", Popup.over);
  2050.             e.addEventListener("mouseout", Popup.out);
  2051.             e.addEventListener("mousemove", Popup.move);
  2052.             e.addEventListener("keydown", Popup.keydown);
  2053.             //e.addEventListener("keyup", Popup.keyup);
  2054.         },
  2055.  
  2056.         linkify: function (textNode) {
  2057.             const nodeOriginalText = textNode.nodeValue;
  2058.             const matches = [];
  2059.  
  2060.             let insert = settings._s_url_insert_mode;
  2061.             let tagA = textNode.parentElement.closest("a");
  2062.             let tagB = textNode.parentElement.closest("button");
  2063.             let tag = tagA ? tagA : tagB;
  2064.             if((!tagA && !tagB) || insert.trim() !== "none" && this.calculateCoverage(tag.innerText) < 71){
  2065.                 insert = "none";
  2066.             }
  2067.  
  2068.             let match;
  2069.             while (match = RJ_REGEX.exec(nodeOriginalText)) {
  2070.                 matches.push({
  2071.                     index: match.index,
  2072.                     value: match[0],
  2073.                 });
  2074.             }
  2075.             if(matches.length === 0) return;
  2076.  
  2077.             // alert(`解析文本：${textNode.nodeValue}`)
  2078.  
  2079.             // Keep text in text node until first RJ code
  2080.             textNode.nodeValue = nodeOriginalText.substring(0, matches[0].index);
  2081.             if(insert.startsWith("prefix")){
  2082.                 //加前缀
  2083.                 textNode.nodeValue = `${settings._s_url_insert_text}${textNode.nodeValue}`
  2084.             }
  2085.  
  2086.             // Insert rest of text while linkifying RJ codes
  2087.             let prevNode = null;
  2088.             for (let i = 0; i < matches.length; ++i) {
  2089.                 // Insert linkified RJ code
  2090.                 let code = matches[i].value
  2091.                 let rjLinkNode = Parser.wrapRJCode(code);
  2092.                 //保证后续游走时忽略当前节点
  2093.                 if(insert.startsWith("before_rj")){
  2094.                     //用导向文本替代RJ号链接，RJ号保留到后面的文本里不变
  2095.                     rjLinkNode.innerText = settings._s_url_insert_text;
  2096.                     textNode.parentNode.insertBefore(
  2097.                         rjLinkNode,
  2098.                         prevNode ? prevNode.nextSibling : textNode.nextSibling,
  2099.                     );
  2100.                     prevNode = rjLinkNode;
  2101.                     rjLinkNode = Parser.wrapPlaceholder(code);
  2102.                 }
  2103.                 textNode.parentNode.insertBefore(
  2104.                     rjLinkNode,
  2105.                     prevNode ? prevNode.nextSibling : textNode.nextSibling,
  2106.                 );
  2107.  
  2108.                 // Insert text after if there is any
  2109.                 //找到当前RJ和下一个RJ之间的字符串
  2110.                 let nextRJ = undefined;
  2111.                 if (i < matches.length - 1) {
  2112.                     nextRJ = matches[i + 1].index;
  2113.                 }
  2114.                 let substring = nodeOriginalText.substring(matches[i].index + matches[i].value.length, nextRJ);
  2115.  
  2116.                 if (substring) {
  2117.                     const subtextNode = document.createTextNode(substring);
  2118.                     textNode.parentNode.insertBefore(
  2119.                         subtextNode,
  2120.                         rjLinkNode.nextElementSibling,
  2121.                     );
  2122.                     prevNode = subtextNode;
  2123.                 }
  2124.                 else {
  2125.                     prevNode = rjLinkNode;
  2126.                 }
  2127.             }
  2128.         },
  2129.  
  2130.         rebindEvents: function (elem) {
  2131.             if (elem.nodeName === "A") {
  2132.                 elem.addEventListener("mouseover", Popup.over);
  2133.                 elem.addEventListener("mouseout", Popup.out);
  2134.                 elem.addEventListener("mousemove", Popup.move);
  2135.                 elem.addEventListener("keydown", Popup.keydown);
  2136.                 //elem.addEventListener("keyup", Popup.keyup);
  2137.             }
  2138.             else {
  2139.                 const voicelinks = elem.querySelectorAll("." + VOICELINK_CLASS);
  2140.                 for (let i = 0, j = voicelinks.length; i < j; i++) {
  2141.                     const voicelink = voicelinks[i];
  2142.                     voicelink.addEventListener("mouseover", Popup.over);
  2143.                     voicelink.addEventListener("mouseout", Popup.out);
  2144.                     voicelink.addEventListener("mousemove", Popup.move);
  2145.                     voicelink.addEventListener("keydown", Popup.keydown);
  2146.                     //voicelink.addEventListener("keyup", Popup.keyup);
  2147.                 }
  2148.             }
  2149.         },
  2150.  
  2151.     }
  2152.  
  2153.     const DateParser = {
  2154.         parseDateStr: function(dateStr, lang){
  2155.             dateStr = dateStr.trim().replace(/ /g, "");
  2156.             lang = lang.trim().toLowerCase().replace(/_/g, "-");
  2157.             let nums = this.parseNumbers(dateStr);
  2158.             if(!nums || nums.length < 3 && lang !== "en-us" || nums.length < 2 && lang === "en-us"){
  2159.                 //数字不够，无法解析
  2160.                 return null;
  2161.             }
  2162.  
  2163.             let parsers = [
  2164.                 this.parseAsiaDateStr,
  2165.                 this.parseEnglishDateStr,
  2166.                 this.parseEuropeanDateStr,
  2167.                 this.parseSpanishDateStr
  2168.             ]
  2169.             let date = null;
  2170.             for (let i = 0; i < parsers.length; i++){
  2171.                 date = parsers[i](dateStr, nums, lang);
  2172.                 if(date){
  2173.                     break;
  2174.                 }
  2175.             }
  2176.  
  2177.             return date;
  2178.         },
  2179.         parseNumbers: function (dateStr){
  2180.             let nums = dateStr.match(/\d+/g);
  2181.             if(!nums) return null;
  2182.  
  2183.             for (let i = 0; i < nums.length; i++) {
  2184.                 nums[i] = Number(nums[i]);
  2185.             }
  2186.             return nums;
  2187.         },
  2188.         parseAsiaDateStr: function(dateStr, nums, lang){
  2189.             //2024年10月05日
  2190.             //2024년 10월 05일（已去除空格）
  2191.             if (!dateStr.match(/\d{4}年\d{1,2}月\d{1,2}日/)
  2192.                 && !dateStr.match(/\d{4}년\d{1,2}월\d{1,2}일/)) {
  2193.                 return null;
  2194.             }
  2195.             return new Date(nums[0], nums[1] - 1, nums[2]);
  2196.         },
  2197.         parseEnglishDateStr: function(dateStr, nums, lang){
  2198.             //Oct/05/2024
  2199.             if(!dateStr.match(/[a-zA-Z]{3}\/\d{1,2}\/\d{4}/)){
  2200.                 return null;
  2201.             }
  2202.             const monthMap = {
  2203.                 "Jan": 0, "Feb": 1, "Mar": 2,
  2204.                 "Apr": 3, "May": 4, "Jun": 5,
  2205.                 "Jul": 6, "Aug": 7, "Sep": 8,
  2206.                 "Oct": 9, "Nov": 10, "Dec": 11
  2207.             }
  2208.             let monthStr = dateStr.substring(0, dateStr.indexOf("/")).toLowerCase();
  2209.             monthStr = monthStr[0].toUpperCase() + monthStr.substring(1);
  2210.             return new Date(nums[1], monthMap[monthStr], nums[0])
  2211.         },
  2212.         parseSpanishDateStr: function (dateStr, nums, lang) {
  2213.             //10/05/2024
  2214.             if(lang !== "es-es" || !dateStr.match(/\d{1,2}\/\d{1,2}\/\d{4}/)){
  2215.                 return null;
  2216.             }
  2217.             return new Date(nums[2], nums[0] - 1, nums[1]);
  2218.         },
  2219.         parseEuropeanDateStr: function (dateStr, nums, lang) {
  2220.             //05/10/2024
  2221.             if(lang === "es-es" || !dateStr.match(/\d{1,2}\/\d{1,2}\/\d{4}/)){
  2222.                 return null;
  2223.             }
  2224.             return new Date(nums[2], nums[1] - 1, nums[0]);
  2225.         },
  2226.         /***
  2227.          获得带倒计时的文本HTML
  2228.          @param date {Date}
  2229.          ***/
  2230.         getCountDownDateElement: function(date){
  2231.             if(!date) return "";
  2232.  
  2233.             const today = new Date();
  2234.             today.setHours(0);
  2235.             today.setMinutes(0);
  2236.             today.setSeconds(0);
  2237.             today.setMilliseconds(0);
  2238.             date.setHours(0);
  2239.             date.setMinutes(0);
  2240.             date.setSeconds(0);
  2241.             date.setMilliseconds(0);
  2242.  
  2243.             if(date.getTime() < today.getTime()) return "";
  2244.             let days = (date.getTime() - today.getTime()) / (1000 * 60 * 60 * 24);
  2245.             let element = document.createElement("span");
  2246.             element.innerText = `(Coming in ${days} day${(days > 1 ? "s" : "")})`;
  2247.             element.style.setProperty("color", "#ffeb3b", "important");
  2248.             element.style.setProperty("font-style", "italic", "important");
  2249.             return element;
  2250.             //return `<span style="color:#ffeb3b !important; font-size: 16px !important; font-style: italic !important; margin-left: 16px !important"></span>`
  2251.         },
  2252.     }
  2253.  
  2254.     const Popup = {
  2255.         popupElement: {
  2256.             popup: null,
  2257.             not_found: null,
  2258.             left_panel: null,
  2259.             img: {container: null},
  2260.             right_panel: null,
  2261.             title: null,
  2262.             rj_code: null,
  2263.             info_container: null,
  2264.             loader: null,
  2265.             flag: null,
  2266.             tags: null,
  2267.             dl_count: null,
  2268.             circle_name: null,
  2269.             debug: null,
  2270.             translator_name: null,
  2271.             release_date: null,
  2272.             update_date: null,
  2273.             age_rating: null,
  2274.             scenario: null,
  2275.             illustration: null,
  2276.             voice_actor: null,
  2277.             music: null,
  2278.             genre: null,
  2279.             file_size: null,
  2280.  
  2281.             _state: {
  2282.                 mouseX: 0,
  2283.                 mouseY: 0
  2284.             }
  2285.         },
  2286.  
  2287.         makePopup: function (display) {
  2288.             const popup = document.createElement("div");
  2289.             const ele = Popup.popupElement;
  2290.             ele.popup = popup;
  2291.  
  2292.             popup.className = `${VOICELINK_CLASS}_voicepopup ${VOICELINK_CLASS}_voicepopup-maniax ` + (getAdditionalPopupClasses() || '');
  2293.             popup.id = `${VOICELINK_CLASS}-voice-popup`;  // + rjCode;
  2294.             popup.style.setProperty("display", display === false ? "none" : "flex", "important");  //display = display === false ? "none" : "flex";
  2295.             document.body.appendChild(popup);
  2296.  
  2297.             popup.addEventListener("mouseenter", () => {
  2298.                 popup.setAttribute("mouse-in", "");
  2299.             });
  2300.             popup.addEventListener("mouseleave", () => {
  2301.                 popup.removeAttribute("mouse-in");
  2302.             })
  2303.  
  2304.             const notFoundElement = document.createElement("div");
  2305.             ele.not_found = notFoundElement;
  2306.             //占满整个popup
  2307.             //"display: none; width: 100%; height: 100%";
  2308.             notFoundElement.style.setProperty("display", "none", "important");
  2309.             notFoundElement.style.setProperty("width", "100%", "important");
  2310.             notFoundElement.style.setProperty("height", "100%", "important");
  2311.             notFoundElement.innerText = "Work Not Found.";
  2312.             popup.appendChild(notFoundElement);
  2313.  
  2314.             const leftPanel = document.createElement("div");
  2315.             leftPanel.classList.add(`${VOICELINK_CLASS}_left_panel`);
  2316.             popup.appendChild(leftPanel);
  2317.             ele.left_panel = leftPanel;
  2318.  
  2319.             const imgContainer = document.createElement("div")
  2320.             imgContainer.classList.add(`${VOICELINK_CLASS}_img_container`);
  2321.             ele.img.container = imgContainer;
  2322.             leftPanel.appendChild(imgContainer);
  2323.  
  2324.             //左下角提示状态栏
  2325.             ele.hint = document.createElement("div");
  2326.             leftPanel.appendChild(ele.hint);
  2327.             ele.hint.id = `${VOICELINK_CLASS}_hint`;
  2328.  
  2329.             const rightPanel = document.createElement("div");
  2330.             ele.right_panel = rightPanel;
  2331.  
  2332.             const titleElement = Popup.createCopyTag("div", "", false, localizePopup(localizationMap.hint_copy_work_title));
  2333.             ele.title = titleElement;
  2334.             titleElement.classList.add(`${VOICELINK_CLASS}_voice-title`);
  2335.             rightPanel.appendChild(titleElement);
  2336.  
  2337.             const rjCodeElement = document.createElement("div");
  2338.             ele.rj_code = rjCodeElement;
  2339.             rjCodeElement.classList.add(`${VOICELINK_CLASS}_rjcode`);
  2340.             rightPanel.appendChild(rjCodeElement);
  2341.  
  2342.             const infoContainer = document.createElement("div");
  2343.             ele.info_container = infoContainer;
  2344.             infoContainer.id = `${VOICELINK_CLASS}_info-container`;
  2345.             infoContainer.style.setProperty("position", "relative", "important");  //position = "relative !important";
  2346.             infoContainer.style.setProperty("min-height", "70px", "important");  //minHeight = "70px !important";
  2347.             rightPanel.appendChild(infoContainer);
  2348.  
  2349.             const loader = document.createElement("div");
  2350.             loader.className = `${VOICELINK_CLASS}_loader`;
  2351.             loader.innerHTML = Csp.createHTML(`
  2352.             <div class="${VOICELINK_CLASS}_dot"></div>
  2353.             <div class="${VOICELINK_CLASS}_dot"></div>
  2354.             <div class="${VOICELINK_CLASS}_dot"></div>
  2355.             `);
  2356.             ele.loader = loader;
  2357.             infoContainer.appendChild(loader);
  2358.  
  2359.             ele.tags = document.createElement("div");
  2360.             infoContainer.appendChild(ele.tags);
  2361.  
  2362.             ele.dl_count = document.createElement("div");
  2363.             ele.circle_name = document.createElement("div");
  2364.             ele.debug = document.createElement("div");
  2365.             ele.translator_name = document.createElement("div");
  2366.             ele.release_date = document.createElement("div");
  2367.             ele.update_date = document.createElement("div");
  2368.             ele.age_rating = document.createElement("div");
  2369.             ele.scenario = document.createElement("div");
  2370.             ele.illustration = document.createElement("div");
  2371.             ele.voice_actor = document.createElement("div");
  2372.             ele.music = document.createElement("div");
  2373.             ele.genre = document.createElement("div");
  2374.             ele.file_size = document.createElement("div");
  2375.  
  2376.             rightPanel.style.setProperty("padding-bottom", "3px", "important");  //paddingBottom = "3px !important";
  2377.             rightPanel.style.setProperty("flex-grow", "1", "important");  //flexGrow = "1 !important";
  2378.             popup.appendChild(rightPanel);
  2379.             popup.insertBefore(leftPanel, popup.childNodes[0]);
  2380.         },
  2381.  
  2382.         updatePopup: function(e, rjCode, isParent=false) {
  2383.             const ele = Popup.popupElement;
  2384.             const popup = ele.popup;
  2385.             popup.className = `${VOICELINK_CLASS}_voicepopup ${VOICELINK_CLASS}_voicepopup-maniax ` + (getAdditionalPopupClasses() || '');
  2386.             // popup.id = "voice-" + rjCode;
  2387.             popup.style.setProperty("display", "flex", "important");  //= "display: flex";
  2388.             popup.setAttribute(RJCODE_ATTRIBUTE, rjCode);
  2389.  
  2390.             //------检查作品存在情况------
  2391.             let workFound = true;
  2392.             Popup.setFoundState(true);
  2393.             WorkPromise.getFound(rjCode).then(async found => {
  2394.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2395.  
  2396.                 if(found){
  2397.                     //找到则直接返回交给下一级处理
  2398.                     return {found: true, parentRJ: rjCode};
  2399.                 }
  2400.  
  2401.                 //没找到则尝试找到父作品的RJ号，填补子作品信息的缺失
  2402.                 let parentRJ = await WorkPromise.getParentRJ(rjCode);
  2403.                 if(parentRJ === rjCode || !parentRJ) {
  2404.                     return {found: false, parentRJ: rjCode};
  2405.                 }
  2406.                 found = await WorkPromise.getFound(parentRJ);
  2407.                 return {found: found, parentRJ: parentRJ};
  2408.  
  2409.             }).then((state) => {
  2410.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2411.  
  2412.                 const found = state.found;
  2413.                 const rj = state.parentRJ;
  2414.                 if(found && rj !== rjCode){
  2415.                     //如果找到了父作品的信息但子作品找不到，就重新update
  2416.                     Popup.updatePopup(e, rj, true);
  2417.                     return;
  2418.                 }
  2419.  
  2420.                 ele.not_found.style.setProperty("display", found ? "none" : "block", "important");  //display = found ? "none" : "block";
  2421.                 Popup.setFoundState(found);
  2422.                 workFound = found;
  2423.             });
  2424.  
  2425.             //------检查是否为女性向------
  2426.             WorkPromise.getGirls(rjCode).then(isGirls => {
  2427.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2428.                 if(isGirls) popup.className += (` ${VOICELINK_CLASS}_voicepopup-girls`)
  2429.             }).catch(e => {});
  2430.  
  2431.             //------获取作品封面------
  2432.             const imgContainer = ele.img.container;
  2433.  
  2434.             //NSFW模糊等级
  2435.             const blur_map = {
  2436.                 low: "6px",
  2437.                 medium: "12px",
  2438.                 high: "24px"
  2439.             };
  2440.  
  2441.             //先对Container内的所有img进行隐藏
  2442.             for (let i = 0; i < imgContainer.childNodes.length; ++i) {
  2443.                 imgContainer.childNodes[i].style.setProperty("display", "none", "important");  //display = "none !important";
  2444.             }
  2445.  
  2446.             //NOTE: 注意这里可能因为快速的多次获取导致同时加载两个图片，可使用占位符来预先占用图片位置
  2447.             new Promise((resolve, reject) => {
  2448.                 let img = ele.img[rjCode];
  2449.                 if(img) resolve(img);
  2450.                 else throw Error("首次加载图片");
  2451.             }).catch(_ => {
  2452.                 //首次加载图片，对图片添加占位
  2453.                 ele.img[rjCode] = 1;
  2454.                 return WorkPromise.getImgLink(rjCode);
  2455.             }).then(link => {
  2456.                 if(typeof link !== "string"){
  2457.                     //图片已经加载过，传递的是img，不通过当前then
  2458.                     return link;  //实际上是img
  2459.                 }
  2460.  
  2461.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) {
  2462.                     //清除占位
  2463.                     ele.img[rjCode] = null;
  2464.                     return null;
  2465.                 }
  2466.                 let img;
  2467.                 try{
  2468.                     img = GM_addElement("img", {
  2469.                         src: link,
  2470.                     });
  2471.                     if(!img) { // noinspection ExceptionCaughtLocallyJS
  2472.                         throw new Error("API调用生成失败");
  2473.                     }
  2474.                 }catch (e) {
  2475.                     img = document.createElement("img");
  2476.                     img.src = link;
  2477.                 }
  2478.  
  2479.                 imgContainer.appendChild(img);
  2480.                 console.warn("添加封面！")
  2481.                 ele.img[rjCode] = img;
  2482.  
  2483.                 //开启动画
  2484.                 if(settings._s_sfw_blur_transition){
  2485.                     img.style.setProperty("transition", "all 0.3s", "important");
  2486.                 }
  2487.  
  2488.                 //鼠标移动上去解除模糊
  2489.                 img.addEventListener("mouseenter", e => {
  2490.                     if(!settings._s_sfw_remove_when_hover){
  2491.                         return;
  2492.                     }
  2493.                     img.style.setProperty("filter", "inherit", "important");
  2494.                 });
  2495.                 img.addEventListener("mouseleave", e => {
  2496.                     if(settings._s_sfw_mode){
  2497.                         img.style.setProperty("filter", `blur(${blur_map[settings._s_sfw_blur_level]})`, "important");
  2498.                     }else{
  2499.                         img.style.setProperty("filter", "inherit", "important");
  2500.                     }
  2501.                 });
  2502.  
  2503.                 return img;
  2504.             }).then(img => {
  2505.                 if(!(img instanceof HTMLElement)) return;
  2506.                 img.style.setProperty("display", "block", "important");  //display = "block"
  2507.  
  2508.                 //设置NSFW模糊
  2509.                 if(settings._s_sfw_mode){
  2510.                     img.style.setProperty("filter", `blur(${blur_map[settings._s_sfw_blur_level]})`, "important");
  2511.                 }else{
  2512.                     img.style.setProperty("filter", "inherit", "important");
  2513.                 }
  2514.             }).catch(e => {
  2515.                 //清理并在下次重试
  2516.                 if(ele.img[rjCode] instanceof HTMLElement) img.remove();
  2517.                 ele.img[rjCode] = null;
  2518.                 console.error(e)
  2519.             });
  2520.  
  2521.             //------设置hint可见------
  2522.             ele.hint.style.setProperty("display", "block", "important");
  2523.  
  2524.             //------设置标题------
  2525.             const titleElement = ele.title;
  2526.             titleElement.innerText = "Loading...";
  2527.             titleElement.setHint(localizePopup(localizationMap.hint_copy_work_title));
  2528.             titleElement.setCopyText(null);
  2529.             titleElement.setSecondaryCopyText(null);
  2530.             WorkPromise.getWorkTitle(rjCode).then(title => {
  2531.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2532.                 titleElement.innerText = title;
  2533.                 titleElement.setCopyText(title);
  2534.                 titleElement.setSecondaryCopyText(convertToValidFileName(title));
  2535.             }).catch(_ => {
  2536.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2537.                 titleElement.innerHTML = Csp.createHTML("");
  2538.             })
  2539.  
  2540.             //------设置RJ号------
  2541.             const rjCodeElement = ele.rj_code;
  2542.             rjCodeElement.innerHTML = Csp.createHTML(`[ ${isParent ? " ↑ " : ""}<span class="${VOICELINK_IGNORED_CLASS}" style="font-weight: bold !important;text-decoration-line: underline !important;">${rjCode}</span> ]`);
  2543.             WorkPromise.getRJChain(rjCode).then(chain => {
  2544.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2545.                 rjCodeElement.innerText = "[ ";
  2546.                 //构造chain
  2547.                 for (let i = 0; i < chain.length; i++) {
  2548.                     const rj = chain[i];
  2549.                     let e = Popup.createCopyTag("span", rj);
  2550.                     e.innerText = rj;
  2551.                     e.classList.add(VOICELINK_IGNORED_CLASS);
  2552.                     if(i === 0) {
  2553.                         //第一个元素，也就是当前RJ号
  2554.                         e.style.setProperty("font-weight", "bold", "important");
  2555.                         e.style.setProperty("text-decoration", "underline", "important");
  2556.                     }else{
  2557.                         rjCodeElement.appendChild(document.createTextNode(" → "));
  2558.                     }
  2559.                     rjCodeElement.appendChild(e);
  2560.                 }
  2561.                 rjCodeElement.appendChild(document.createTextNode(" ]"));
  2562.             });
  2563.  
  2564.             //清除原有信息并展示加载界面
  2565.             for(let child of [...this.popupElement.info_container.children]){
  2566.                 if(child === this.popupElement.loader) continue;
  2567.                 child.remove();
  2568.             }
  2569.             ele.loader.style.setProperty("display", "flex", "important");  //display = "flex !important";
  2570.             WorkPromise.getWorkCategory(rjCode).then(category => {
  2571.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2572.                 this.set_info_container(rjCode, category);
  2573.             }).catch(e => {
  2574.                 if (rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2575.                 //默认other
  2576.                 this.set_info_container(rjCode, "other");
  2577.             });
  2578.  
  2579.             Popup.move(e);
  2580.         },
  2581.  
  2582.         setFoundState(found){
  2583.             const ele = Popup.popupElement;
  2584.  
  2585.             ele.not_found.style.setProperty("display", found ? "none" : "block", "important");
  2586.             //ele.img.container.style.setProperty("display", found && !Popup.hideImg ? "block" : "none", "important");
  2587.             ele.left_panel.style.setProperty("display", found ? "flex" : "none", "important");
  2588.             ele.right_panel.style.setProperty("display", found ? "block" : "none", "important");
  2589.             ele.title.style.setProperty("display", found ? "block" : "none", "important");
  2590.             ele.rj_code.style.setProperty("display", found ? "block" : "none", "important");
  2591.             ele.info_container.style.setProperty("display", found ? "block" : "none", "important");
  2592.             ele.hint.style.setProperty("display", found ? "block" : "none", "important");
  2593.             /*ele.dl_count.style.setProperty("display", found ? "block" : "none", "important");
  2594.             ele.circle_name.style.setProperty("display", found ? "block" : "none", "important");
  2595.             ele.debug.style.setProperty("display", found ? "block" : "none", "important");
  2596.             ele.translator_name.style.setProperty("display", found ? "block" : "none", "important");
  2597.             ele.release_date.style.setProperty("display", found ? "block" : "none", "important");
  2598.             ele.update_date.style.setProperty("display", found ? "block" : "none", "important");
  2599.             ele.age_rating.style.setProperty("display", found ? "block" : "none", "important");
  2600.             ele.voice_actor.style.setProperty("display", found ? "block" : "none", "important");
  2601.             ele.music.style.setProperty("display", found ? "block" : "none", "important");
  2602.             ele.genre.style.setProperty("display", found ? "block" : "none", "important");
  2603.             ele.file_size.style.setProperty("display", found ? "block" : "none", "important");*/
  2604.         },
  2605.  
  2606.         /**
  2607.          * 创建可复制标签
  2608.          * @param tag {string|HTMLElement} 标签名或标签对象（如果为标签对象，则会将对象原地转化成可复制标签）
  2609.          * @param copyText {string} 需要复制的文本
  2610.          * @param isTitle {boolean} 是否为标题元素（使用特殊class）
  2611.          * @param hint {string} 提示栏显示的提示文本
  2612.          * @returns {HTMLElement} 创建/转换后的标签
  2613.          */
  2614.         createCopyTag: function (tag, copyText, isTitle = false, hint = isTitle ? localizePopup(localizationMap.hint_copy_all) : localizePopup(localizationMap.hint_copy)) {
  2615.             tag = (typeof tag === "string") ? document.createElement(tag) : tag;
  2616.             if(isTitle) tag.classList.add("info-title");
  2617.  
  2618.             //添加自定义方法
  2619.             tag.getCopyText = () => tag.getAttribute("copy-text");
  2620.             tag.setCopyText = text => {
  2621.                 if(!text){
  2622.                     tag.removeAttribute("copy-text");
  2623.                     return;
  2624.                 }
  2625.                 tag.setAttribute("copy-text", text);
  2626.             };
  2627.  
  2628.             tag.getSecondaryCopyText = () => tag.getAttribute("sec-copy-text");
  2629.             tag.setSecondaryCopyText = text => {
  2630.                 if(!text){
  2631.                     tag.removeAttribute("sec-copy-text");
  2632.                     return;
  2633.                 }
  2634.                 tag.setAttribute("sec-copy-text", text);
  2635.             };
  2636.  
  2637.             tag.getHint = () => tag.getAttribute("hint");
  2638.             tag.setHint = hint => {
  2639.                 tag.setAttribute("hint", hint);
  2640.             };
  2641.  
  2642.             tag.setCopyText(copyText);
  2643.             tag.setHint(hint);
  2644.             tag.addEventListener("click", e => {
  2645.                 const attr = e.altKey ? "sec-copy-text" : "copy-text";
  2646.                 if(!tag.hasAttribute(attr)) return;
  2647.                 GM_setClipboard(tag.getAttribute(attr), "text")?.finally();
  2648.                 // navigator.clipboard.writeText(tag.getAttribute(attr)).finally();
  2649.             });
  2650.             tag.addEventListener("mouseenter", e => {
  2651.                 let hint = tag.getHint();
  2652.                 Popup.popupElement.hint.innerText = hint ? hint : Popup.popupElement.hint.innerText;
  2653.             })
  2654.             return tag;
  2655.         },
  2656.  
  2657.         /**
  2658.          * 显示某行的信息
  2659.          * @param rjCode {string} 信息对应的RJ号
  2660.          * @param id {string} 信息对应的ID
  2661.          * @param rowElement {HTMLElement} 行对应的Element元素
  2662.          * @param title {string} 行信息标题
  2663.          * @param contentProvider {Promise<any|Array|HTMLElement>} 无参内容Provider，返回字符串/字符串列表等用于生成文本
  2664.          * @param suffixProvider {Promise<HTMLElement>} 无参后缀Provider，返回一个Element用于放在Content后面
  2665.          * @param contentSeperator {string, HTMLElement}  Content如果是列表，则该内容为作为分隔符
  2666.          * @param contentSeperatorText {string} 如果采用HTMLElement的分隔符，则在复制的时候需要有一个文本表示
  2667.          */
  2668.         set_info_row: function (rjCode, id, rowElement, title, contentProvider, suffixProvider, contentSeperator = " ", contentSeperatorText = undefined ){
  2669.             const settingId = `_s_${id}`;
  2670.             //如果设置了不展示信息，或信息没在设置中定义，则不显示
  2671.             if(!settings[settingId]) return;
  2672.  
  2673.             const ele = Popup.popupElement;
  2674.             const popup = ele.popup;
  2675.             const titleElement = Popup.createCopyTag("span", "", true);
  2676.             titleElement.innerText = title;
  2677.             const contentElement = Popup.createCopyTag("span", null);
  2678.             contentElement.innerText = "Loading...";
  2679.  
  2680.             rowElement.innerHTML = Csp.createHTML("");
  2681.             rowElement.appendChild(titleElement);
  2682.             rowElement.appendChild(contentElement);
  2683.  
  2684.             contentProvider.then(contents => {
  2685.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2686.                 if(!Array.isArray(contents)){
  2687.                     //单个结果转化成列表
  2688.                     contents = [contents];
  2689.                 }
  2690.  
  2691.                 //处理结果列表
  2692.                 contentElement.setCopyText(null);
  2693.                 contentElement.innerText = "";
  2694.                 //以指定的分隔符文本为准，不指定分隔符文本再使用分隔符内的文本
  2695.                 let sepText = contentSeperatorText ? contentSeperatorText : contentSeperator.toString();
  2696.                 let sep;
  2697.                 if(typeof contentSeperator === "string"){
  2698.                     sep = document.createElement("span");
  2699.                     sep.innerText = contentSeperator;
  2700.                 }else{
  2701.                     sep = contentSeperator;
  2702.                 }
  2703.  
  2704.                 let contentsText = [];
  2705.                 for (let i = 0; i < contents.length; i++) {
  2706.                     let c = contents[i];
  2707.                     if(i > 0) {
  2708.                         //如果Seperator是Element，则直接复制一个出来添加，否则创建一个span然后把内容转换成文本放进去。
  2709.                         contentElement.appendChild(sep.cloneNode(true));
  2710.                     }
  2711.  
  2712.                     let element;
  2713.                     if(c instanceof HTMLElement){
  2714.                         element = c;
  2715.                     }else{
  2716.                         element = Popup.createCopyTag("a", c);
  2717.                         element.innerText = c;
  2718.                     }
  2719.  
  2720.                     //将复制文本加入复制列表
  2721.                     const copyText = element.getAttribute("copy-text");
  2722.                     if(copyText) contentsText.push(copyText);
  2723.  
  2724.                     contentElement.appendChild(element);
  2725.                 }
  2726.  
  2727.                 //为标题添加复制文本
  2728.                 titleElement.setCopyText(contentsText.join(sepText));
  2729.             }).catch(e => {
  2730.                 if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2731.                 rowElement.innerHTML = Csp.createHTML("");
  2732.                 //console.error(e);
  2733.             }).finally(() => {
  2734.                 Popup.adjustPopup(ele._state.mouseX, ele._state.mouseY, true);
  2735.             });
  2736.  
  2737.             if(suffixProvider){
  2738.                 suffixProvider.then((element) => {
  2739.                     if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  2740.                     rowElement.appendChild(element);
  2741.                 }).catch(_ => {});
  2742.             }
  2743.  
  2744.             return rowElement;
  2745.         },
  2746.         set_dl_count: function (rjCode, category){
  2747.             const id = `${category}__dl_count`;
  2748.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.dl_count, localizePopup(localizationMap.dl_count),
  2749.                 WorkPromise.getDLCount(rjCode));
  2750.             if(element) Popup.popupElement.info_container.appendChild(element);
  2751.         },
  2752.         set_circle_name: function (rjCode, category){
  2753.             const id = `${category}__circle_name`;
  2754.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.circle_name, localizePopup(localizationMap.circle_name),
  2755.                 WorkPromise.getCircle(rjCode), null);
  2756.             if(element) Popup.popupElement.info_container.appendChild(element);
  2757.         },
  2758.         set_translator_name: function (rjCode, category){
  2759.             const id = `${category}__translator_name`;
  2760.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.translator_name,
  2761.                 localizePopup(localizationMap.translator_name), WorkPromise.getTranslatorName(rjCode), null);
  2762.             if(element) Popup.popupElement.info_container.appendChild(element);
  2763.         },
  2764.         set_release_date: function (rjCode, category){
  2765.             const id = `${category}__release_date`;
  2766.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.release_date, localizePopup(localizationMap.release_date),
  2767.                 WorkPromise.getReleaseDate(rjCode).then(async (date) => {
  2768.                     const [dateStr, isAnnounce] = date;
  2769.                     const e = Popup.createCopyTag("a", dateStr);
  2770.                     e.innerText = dateStr;
  2771.                     if(isAnnounce) e.style.setProperty("color", "gold", "important");
  2772.                     return e;
  2773.                 }), WorkPromise.getReleaseCountDownElement(rjCode).then(element => {
  2774.                     element.style.setProperty("margin-left", "16px", "important");
  2775.                     return element;
  2776.                 }));
  2777.  
  2778.             if(element) Popup.popupElement.info_container.appendChild(element);
  2779.         },
  2780.         set_update_date: function (rjCode, category){
  2781.             const id = `${category}__update_date`;
  2782.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.update_date, localizePopup(localizationMap.update_date),
  2783.                 WorkPromise.getUpdateDate(rjCode));
  2784.             if(element) Popup.popupElement.info_container.appendChild(element);
  2785.         },
  2786.         set_age_rating: function (rjCode, category){
  2787.             const id = `${category}__age_rating`;
  2788.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.age_rating, localizePopup(localizationMap.age_rating),
  2789.                 WorkPromise.getAgeRating(rjCode).then(rating => {
  2790.                     let ratingClass = `${VOICELINK_CLASS}_age-all`;
  2791.                     if(rating.includes("18")){
  2792.                         ratingClass = `${VOICELINK_CLASS}_age-18`;
  2793.                     }
  2794.                     let e = Popup.createCopyTag("a", rating);
  2795.                     e.innerText = rating;
  2796.                     e.classList.add(ratingClass);
  2797.                     return e;
  2798.                 }));
  2799.             if(element) Popup.popupElement.info_container.appendChild(element);
  2800.         },
  2801.         set_scenario: function (rjCode, category){
  2802.             const id = `${category}__scenario`;
  2803.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.scenario, localizePopup(localizationMap.scenario),
  2804.                 WorkPromise.getScenario(rjCode), null, " / ");
  2805.             if(element) Popup.popupElement.info_container.appendChild(element);
  2806.         },
  2807.         set_illustration: function (rjCode, category){
  2808.             const id = `${category}__illustration`;
  2809.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.illustration, localizePopup(localizationMap.illustration),
  2810.                 WorkPromise.getIllustrator(rjCode), null, " / ");
  2811.             if(element) Popup.popupElement.info_container.appendChild(element);
  2812.         },
  2813.         set_voice_actor: function (rjCode, category){
  2814.             const id = `${category}__voice_actor`;
  2815.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.voice_actor, localizePopup(localizationMap.voice_actor),
  2816.                 WorkPromise.getCV(rjCode), null, " / ");
  2817.             if(element) Popup.popupElement.info_container.appendChild(element);
  2818.         },
  2819.         set_music: function (rjCode, category) {
  2820.             const id = `${category}__music`;
  2821.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.music, localizePopup(localizationMap.music),
  2822.                 WorkPromise.getMusic(rjCode), null, " / ");
  2823.             if(element) Popup.popupElement.info_container.appendChild(element);
  2824.         },
  2825.         set_genre: function (rjCode, category){
  2826.             const id = `${category}__genre`;
  2827.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.genre, localizePopup(localizationMap.genre),
  2828.                 WorkPromise.getTags(rjCode), null, "\u3000");
  2829.             if(element) Popup.popupElement.info_container.appendChild(element);
  2830.         },
  2831.         set_file_size: function (rjCode, category){
  2832.             const id = `${category}__file_size`;
  2833.             const element = Popup.set_info_row(rjCode, id, Popup.popupElement.file_size, localizePopup(localizationMap.file_size),
  2834.                 WorkPromise.getFileSize(rjCode));
  2835.             if(element) Popup.popupElement.info_container.appendChild(element);
  2836.         },
  2837.  
  2838.         get_tag: function (text, tagClass) {
  2839.             if(!tagClass.startsWith(`${VOICELINK_CLASS}_`)){
  2840.                 tagClass = `${VOICELINK_CLASS}_${tagClass}`
  2841.             }
  2842.             const tag = document.createElement("span");
  2843.             tag.classList.add(`${VOICELINK_CLASS}_tag_tight`);
  2844.             tag.classList.add(tagClass);
  2845.             tag.innerText = text;
  2846.             return tag;
  2847.         },
  2848.         get_tag_rate: async function (rjCode) {
  2849.             let rate = await WorkPromise.getRateAvg(rjCode);
  2850.             let cot = await WorkPromise.getRateCount(rjCode);
  2851.             return Popup.get_tag(`${rate.toFixed(2)}★` + (settings._s_show_rate_count ? ` (${cot})` : ""), "tag-yellow");
  2852.         },
  2853.         get_tag_no_longer_available: async function (rjCode) {
  2854.             let sale = await WorkPromise.getSale(rjCode);
  2855.             if(sale) return;
  2856.             return Popup.get_tag(localizePopup(localizationMap.tag_no_longer_available),
  2857.                 "tag-gray");
  2858.         },
  2859.         get_tag_work_type: async function (rjCode) {
  2860.             let type = await WorkPromise.getWorkTypeText(rjCode);
  2861.             let tagClass = "tag-gray";
  2862.             switch (type) {
  2863.                 case localizePopup(localizationMap.work_type_game):
  2864.                     tagClass = "tag-purple";
  2865.                     break;
  2866.                 case localizePopup(localizationMap.work_type_comic):
  2867.                     tagClass = "tag-green";
  2868.                     break;
  2869.                 case localizePopup(localizationMap.work_type_illustration):
  2870.                     tagClass = "tag-teal";
  2871.                     break;
  2872.                 case localizePopup(localizationMap.work_type_novel):
  2873.                     tagClass = "tag-gray";
  2874.                     break;
  2875.                 case localizePopup(localizationMap.work_type_video):
  2876.                     tagClass = "tag-darkblue";
  2877.                     break;
  2878.                 case localizePopup(localizationMap.work_type_voice):
  2879.                     tagClass = "tag-orange";
  2880.                     break;
  2881.                 case localizePopup(localizationMap.work_type_music):
  2882.                     tagClass = "tag-yellow";
  2883.                     break;
  2884.                 case localizePopup(localizationMap.work_type_tool):
  2885.                     tagClass = "tag-gray";
  2886.                     break;
  2887.                 case localizePopup(localizationMap.work_type_voice_comic):
  2888.                     tagClass = "tag-blue";
  2889.                     break;
  2890.                 case localizePopup(localizationMap.work_type_other):
  2891.                     tagClass = "tag-gray";
  2892.                     break;
  2893.                 default:
  2894.                     tagClass = "tag-gray";
  2895.                     break;
  2896.             }
  2897.             return Popup.get_tag(type, tagClass);
  2898.         },
  2899.         get_tag_translatable: async function (rjCode) {
  2900.             let able = await WorkPromise.getTranslatable(rjCode);
  2901.             if(!able) return;
  2902.             return Popup.get_tag(localizePopup(localizationMap.tag_translatable),
  2903.                 "tag-green");
  2904.         },
  2905.         get_tag_not_translatable: async function (rjCode) {
  2906.             let able = await WorkPromise.getTranslatable(rjCode);
  2907.             let translated = await WorkPromise.getTranslated(rjCode);
  2908.             if(able || translated) return;
  2909.             return Popup.get_tag(localizePopup(localizationMap.tag_not_translatable),
  2910.                 "tag-red");
  2911.         },
  2912.         get_tag_translated: async function (rjCode) {
  2913.             let translated = await WorkPromise.getTranslated(rjCode);
  2914.             if(!translated) return;
  2915.             return Popup.get_tag(localizePopup(localizationMap.tag_translated), "tag-teal");
  2916.         },
  2917.         get_tag_bonus_work: async function (rjCode) {
  2918.             let bonus = await WorkPromise.getBonus(rjCode);
  2919.             if(!bonus) return;
  2920.             return Popup.get_tag(localizePopup(localizationMap.tag_bonus_work),
  2921.                 "tag-yellow");
  2922.         },
  2923.         get_tag_has_bonus: async function (rjCode) {
  2924.             let has = await WorkPromise.getHasBonus(rjCode);
  2925.             if(!has) return;
  2926.             return Popup.get_tag(localizePopup(localizationMap.tag_has_bonus),
  2927.                 "tag-orange");
  2928.         },
  2929.         get_tag_language_support: async function (rjCode) {
  2930.             const lang = await WorkPromise.getLanguages(rjCode);
  2931.             if(!lang || lang.length <= 0){
  2932.                 return;
  2933.             }
  2934.             let txt = "";
  2935.             lang.forEach(l => {
  2936.                 txt += ` | ${l}`;
  2937.             });
  2938.             txt = txt.substring(3);
  2939.             return Popup.get_tag(txt, "tag-pink");
  2940.         },
  2941.         get_tag_file_format: async function (rjCode) {
  2942.             const format = await WorkPromise.getFileFormats(rjCode);
  2943.             if(!format || format.length <= 0){
  2944.                 return;
  2945.             }
  2946.             let txt = "";
  2947.             format.forEach(f => {
  2948.                 txt += ` | ${f}`;
  2949.             });
  2950.             txt = txt.substring(3);
  2951.             return Popup.get_tag(txt, "tag-darkblue");
  2952.         },
  2953.         get_tag_ai: async function (rjCode) {
  2954.             const ai = await WorkPromise.getAIUsedText(rjCode);
  2955.             if(!ai) return;
  2956.             return Popup.get_tag(ai, "tag-purple");
  2957.         },
  2958.         get_translatable_tag: async function (rjCode, tag_id) {
  2959.             if(settings[`_s_${tag_id}`] !== true) return;
  2960.  
  2961.             if(tag_id.startsWith("tag_")) tag_id = tag_id.substring(4);
  2962.             const t = await WorkPromise.getWorkPromise(rjCode).translatable;
  2963.             const stat = t[tag_id];
  2964.  
  2965.             const hasRequest = stat.request > 0;
  2966.             const hasSale = stat.sale > 0;
  2967.             const displayCount = stat.agree || hasRequest || hasSale;
  2968.             const lang = tag_id.substring("translation_request_".length);
  2969.             const tag = Popup.get_tag(`${localizePopup(localizationMap[`language_${lang}_abbr`])}${stat.agree ? "" : (stat.agree === false ? " ✘" : " ?")} ${displayCount ? ` ${stat.request}-${stat.sale}` : ""}`,
  2970.                 hasSale ? "tag-green" : (hasRequest ? "tag-orange" : "tag-gray"));
  2971.             tag.classList.add(`${VOICELINK_CLASS}_tag_small`);
  2972.             return tag;
  2973.         },
  2974.  
  2975.         get_tag_container: function (rjCode, tag_list) {
  2976.             const container = document.createElement("div");
  2977.             container.classList.add(`${VOICELINK_CLASS}_tags`);
  2978.             for (const tag_id of tag_list) {
  2979.                 if(settings[`_s_${tag_id}`] !== true) continue;
  2980.  
  2981.                 let shadowTag = document.createElement("span");
  2982.                 shadowTag.style.setProperty("display", "none", "important");  //display = "none !important";
  2983.                 shadowTag.setAttribute("data-id", tag_id);
  2984.                 container.appendChild(shadowTag);
  2985.  
  2986.                 let tag_get = this[`get_${tag_id}`];
  2987.                 tag_get(rjCode).then(tag => {
  2988.                     if(tag){
  2989.                         container.insertBefore(tag, shadowTag);
  2990.                         shadowTag.remove();
  2991.                     }
  2992.                 });
  2993.             }
  2994.             return container;
  2995.         },
  2996.         get_translatable_tag_container: function (rjCode, tag_list) {
  2997.             const container = document.createElement("div");
  2998.             container.classList.add(`${VOICELINK_CLASS}_tags`);
  2999.             container.style.setProperty("margin-top", "0", "important");  //marginTop = "0 !important";
  3000.             for (const tag_id of tag_list) {
  3001.                 let shadowTag = document.createElement("span");
  3002.                 shadowTag.style.setProperty("display", "none", "important");  //display = "none !important";
  3003.                 shadowTag.setAttribute("data-id", tag_id);
  3004.                 container.appendChild(shadowTag);
  3005.  
  3006.                 Popup.get_translatable_tag(rjCode, tag_id).then(tag => {
  3007.                     if(tag){
  3008.                         container.insertBefore(tag, shadowTag);
  3009.                         shadowTag.remove();
  3010.                     }
  3011.                 }).catch(e => {});
  3012.             }
  3013.             return container;
  3014.         },
  3015.  
  3016.         //整合顺序
  3017.         set_info_container: function (rjCode, category) {
  3018.             //清除上次的信息
  3019.             for(let child of [...this.popupElement.info_container.children]){
  3020.                 if(child === this.popupElement.loader) {
  3021.                     child.style.setProperty("display", "none", "important");  //display = "none !important";
  3022.                     continue;
  3023.                 }
  3024.                 child.remove();
  3025.             }
  3026.  
  3027.             //TAG部分
  3028.             const infoContainer = this.popupElement.info_container;
  3029.             let tagContainer = null;
  3030.             if(settings._s_tag_main_switch === true){
  3031.                 const container = this.get_tag_container(rjCode,
  3032.                     settings[`_s_tag_display_order`]);
  3033.                 tagContainer = container;
  3034.                 infoContainer.appendChild(container);
  3035.             }
  3036.  
  3037.             //翻译申请情况
  3038.             const shadowContainer = document.createElement("div");
  3039.             shadowContainer.style.setProperty("display", "none", "important");  //display = "none !important";
  3040.             infoContainer.appendChild(shadowContainer);
  3041.             WorkPromise.getTranslatable(rjCode).then(able => {
  3042.                 if(rjCode !== Popup.popupElement.popup.getAttribute(RJCODE_ATTRIBUTE)) return;
  3043.                 if(able && settings._s_tag_translation_request === true){
  3044.                     const translatableContainer = this.get_translatable_tag_container(rjCode,
  3045.                         settings._s_tag_translation_request_display_order);
  3046.                     infoContainer.insertBefore(translatableContainer, shadowContainer);
  3047.                     shadowContainer.remove();
  3048.                 }
  3049.             }).catch(e => {});
  3050.  
  3051.             //信息部分
  3052.             const order = settings[`_s_${category}__info_display_order`];
  3053.             order.forEach(id => {
  3054.                 try{
  3055.                     id = id.substring(id.indexOf("__") + 2);
  3056.                     this["set_" + id](rjCode, category);
  3057.                 }catch (e) {
  3058.                     console.error(e);
  3059.                 }
  3060.             });
  3061.  
  3062.             const debugElement = document.createElement("div");
  3063.             this.popupElement.info_container.appendChild(debugElement);
  3064.             WorkPromise.getDebug(rjCode).then(t => {
  3065.                 debugElement.innerHTML = Csp.createHTML(t);
  3066.             });
  3067.         },
  3068.  
  3069.         //调整弹框位置
  3070.         adjustPopup: function (mouseX, mouseY, force = false){
  3071.             // console.log("定位修正")
  3072.  
  3073.             //定位修正
  3074.             const popup = Popup.popupElement.popup;
  3075.             const ele = Popup.popupElement;
  3076.             if(!Popup.pinRJ || force){
  3077.                 if (popup.offsetWidth + mouseX + 10 < window.innerWidth - 10) {
  3078.                     popup.style.setProperty("left", (mouseX + 10) + "px", "important");
  3079.                 }
  3080.                 else {
  3081.                     popup.style.setProperty("left", (window.innerWidth - popup.offsetWidth - 10) + "px", "important");
  3082.                 }
  3083.             }
  3084.  
  3085.             let rect = popup.getBoundingClientRect();
  3086.             if(!Popup.pinRJ || force || rect.top < 0 || rect.bottom > window.innerHeight){
  3087.                 if (mouseY > window.innerHeight / 2) {
  3088.                     let top = Math.max(mouseY - popup.offsetHeight - 8, 0);
  3089.                     popup.style.setProperty("top", top + "px", "important");
  3090.                 }
  3091.                 else {
  3092.                     let top = Math.min(mouseY + 20, window.innerHeight - popup.offsetHeight);
  3093.                     popup.style.setProperty("top", top + "px", "important");
  3094.                 }
  3095.             }
  3096.  
  3097.             //大小修正
  3098.             let currentFontSize = popup.computedStyleMap().get("font-size").toString();
  3099.             currentFontSize = parseFloat(currentFontSize.substring(0, Math.max(currentFontSize.indexOf("px"), 1)));
  3100.             const sizeLevel = [15, 14.5, 14, 13.5, 13, 12.5, 12];
  3101.             let size = sizeLevel[sizeLevel.length - 1];
  3102.             if(popup.offsetHeight > window.innerHeight){
  3103.                 //计算popup的高度与window高度的比值，找到离它最相近且更大的当前字体大小和sizeLevel的比值
  3104.                 for (const s of sizeLevel) {
  3105.                     if(popup.offsetHeight / window.innerHeight < currentFontSize / s){
  3106.                         size = s;
  3107.                         break;
  3108.                     }
  3109.                 }
  3110.                 popup.style.setProperty("font-size", size + "px", "important");
  3111.             }
  3112.  
  3113.             //封面图位置修正
  3114.             ele.img.container.style.top = `${Math.max(0, -popup.offsetTop)}px`;
  3115.         },
  3116.  
  3117.         pinRJ: undefined,
  3118.         setPinState: function (rjCode, pin, close = true){
  3119.             const ele = Popup.popupElement;
  3120.             const popup = ele.popup;
  3121.             if(!pin){
  3122.                 //关闭弹框
  3123.                 popup.style.setProperty("pointer-events", "none", "important");
  3124.                 Popup.pinRJ = undefined;
  3125.                 popup.removeAttribute("pin");
  3126.  
  3127.                 if(close) popup.style.setProperty("display", "none", "important");
  3128.  
  3129.                 //取消注册自动关闭监听
  3130.                 document.removeEventListener("keyup", Popup.keyup);
  3131.                 document.removeEventListener("mousemove", Popup.domMove);
  3132.                 return
  3133.             }
  3134.  
  3135.             popup.style.setProperty("pointer-events", "auto", "important");
  3136.             Popup.pinRJ = rjCode;
  3137.             popup.setAttribute("pin", "");
  3138.  
  3139.             //添加监听器
  3140.             document.addEventListener("keyup", Popup.keyup);
  3141.             document.addEventListener("mousemove", Popup.domMove);
  3142.         },
  3143.         hasPinned: function (){
  3144.             return Popup.popupElement.popup.hasAttribute("pin");
  3145.         },
  3146.         /**
  3147.          * @param e {KeyboardEvent}
  3148.          */
  3149.         isHoldPinKey: function(e){
  3150.             if(getOS() === "Mac"){
  3151.                 return e.metaKey;
  3152.             }
  3153.             return e.ctrlKey;
  3154.         },
  3155.         /**
  3156.          * @param e {KeyboardEvent}
  3157.          */
  3158.         isPinKeyDown: function (e) {
  3159.             if(getOS() === "Mac"){
  3160.                 return e.key === "Meta";
  3161.             }
  3162.             return e.key === "Control";
  3163.         },
  3164.  
  3165.         /**
  3166.          * 鼠标离开固定弹窗时，如果没有按住pin键则消失
  3167.          * @param e {MouseEvent}
  3168.          */
  3169.         /*pinLeave: function (e) {
  3170.             if(Popup.isHoldPinKey(e)){
  3171.                 return;
  3172.             }
  3173.             Popup.setPinState(null, false, true);
  3174.         },*/
  3175.         /**
  3176.          * 监听网页内的鼠标移动事件，来保证弹框正常移除
  3177.          * @param e {MouseEvent}
  3178.          */
  3179.         domMove: function (e) {
  3180.             if(!Popup.hasPinned() || Popup.isHoldPinKey(e)){
  3181.                 return;
  3182.             }
  3183.             Popup.setPinState(null, false);
  3184.         },
  3185.         /**
  3186.          * 鼠标移动到链接上触发
  3187.          * @param e {MouseEvent}
  3188.          */
  3189.         over: function (e) {
  3190.             const target = isInDLSite() ? e.target : getVoiceLinkTarget(e.target);
  3191.             if(!target || !target.classList.contains(VOICELINK_CLASS)) return;
  3192.  
  3193.             const rjCode = target.getAttribute(RJCODE_ATTRIBUTE);
  3194.             if(rjCode === null) return;
  3195.  
  3196.             //记录鼠标位置
  3197.             let ele = Popup.popupElement;
  3198.             ele._state.mouseX = e.clientX;
  3199.             ele._state.mouseY = e.clientY;
  3200.  
  3201.             //如果用户固定了弹框，则提示用户必须ctrl关闭弹框才能解析
  3202.             if(Popup.isHoldPinKey(e) && Popup.pinRJ){
  3203.                 ele.hint.innerText = localizePopup(localizationMap.hint_unpin);
  3204.                 return;
  3205.             }else{
  3206.                 //没有固定弹框的话清理pinRJ，因为有时候pinRJ没办法被keyup清理（如keyup未触发）
  3207.                 Popup.pinRJ = undefined
  3208.                 ele.hint.innerText = localizePopup(localizationMap.hint_pin);
  3209.             }
  3210.  
  3211.             //修正链接
  3212.             if(target.hasAttribute("voicelink-linkified")){
  3213.                 WorkPromise.getWorkPromise(rjCode).info.then(info => {
  3214.                     if(info.is_announce === true){
  3215.                         target.href = `https://www.dlsite.com/maniax/announce/=/product_id/${rjCode}.html`;
  3216.                     }
  3217.                 });
  3218.             }
  3219.  
  3220.             let popup = document.querySelector(`div#${VOICELINK_CLASS}-voice-popup`);  // + rjCode);
  3221.             if (popup) {
  3222.                 popup.style.setProperty("display", "flex", "important");  //display = "flex !important";
  3223.                 //先将字体大小变回原样
  3224.                 popup.style.setProperty("font-size", "15.4px", "important");
  3225.             }
  3226.             else {
  3227.                 Popup.makePopup();
  3228.                 popup = ele.popup;
  3229.             }
  3230.             Popup.updatePopup(e, rjCode);
  3231.  
  3232.             //如果按住了CTRL，则将popup可被点击，否则设置穿透
  3233.             //并设置Copy显示情况
  3234.             if(Popup.isHoldPinKey(e)){
  3235.                 Popup.setPinState(rjCode, true)
  3236.                 ele.hint.innerText = localizePopup(localizationMap.hint_unpin);
  3237.             }else{
  3238.                 Popup.setPinState(rjCode, false, false)
  3239.             }
  3240.  
  3241.             //设置焦点至链接上
  3242.             target.focus();
  3243.             target.style.setProperty("outline", "none", "important");
  3244.  
  3245.         },
  3246.  
  3247.         /**
  3248.          * 鼠标离开时触发
  3249.          * @param e {MouseEvent}
  3250.          */
  3251.         out: function (e) {
  3252.             //如果固定则禁止关闭
  3253.             if(Popup.isHoldPinKey(e)) {
  3254.                 return
  3255.             }
  3256.  
  3257.             const target = isInDLSite() ? e.target : getVoiceLinkTarget(e.target);
  3258.             if(!target || !target.classList.contains(VOICELINK_CLASS)) return;
  3259.  
  3260.             const rjCode = target.getAttribute(RJCODE_ATTRIBUTE);
  3261.             if(rjCode === null) return;
  3262.  
  3263.             //取消固定并关闭
  3264.             Popup.setPinState(rjCode, false)
  3265.  
  3266.             //取消focus
  3267.             target.blur();
  3268.             target.style.setProperty("outline", null);
  3269.         },
  3270.  
  3271.         /**
  3272.          * 鼠标移动时触发
  3273.          * @param e {MouseEvent}
  3274.          */
  3275.         move: function (e) {
  3276.             const target = isInDLSite() ? e.target : getVoiceLinkTarget(e.target);
  3277.             if(!target || !target.classList.contains(VOICELINK_CLASS)) return;
  3278.  
  3279.             const popup = document.querySelector(`div#${VOICELINK_CLASS}-voice-popup`);  // + rjCode);
  3280.             if(!popup) return;
  3281.  
  3282.             const rjCode = e.target.getAttribute(RJCODE_ATTRIBUTE);
  3283.             if(rjCode === null) return;
  3284.  
  3285.             let ele = Popup.popupElement;
  3286.             ele._state.mouseX = e.clientX;
  3287.             ele._state.mouseY = e.clientY;
  3288.  
  3289.             //焦点不在浏览器上的时候无法触发keydown，因此需要用move来辅助激活pin
  3290.             if(Popup.isHoldPinKey(e) && !Popup.pinRJ){
  3291.                 //按下pin键但没激活pin模式的时候手动激活
  3292.                 Popup.setPinState(rjCode, true);
  3293.             }
  3294.  
  3295.             //如果弹框已固定且固定的并非当前所选链接RJ号，则不进行定位修正
  3296.             if(Popup.pinRJ && rjCode !== Popup.pinRJ){
  3297.                 return;
  3298.             }
  3299.  
  3300.             Popup.adjustPopup(e.clientX, e.clientY);
  3301.  
  3302.         },
  3303.  
  3304.         /**
  3305.          * 按键按下时触发
  3306.          * @param e {KeyboardEvent}
  3307.          */
  3308.         keydown: function (e) {
  3309.             const target = isInDLSite() ? e.target : getVoiceLinkTarget(e.target);
  3310.             if(!target || !target.classList.contains(VOICELINK_CLASS)) return;
  3311.  
  3312.             const rjCode = target.getAttribute(RJCODE_ATTRIBUTE);
  3313.             if(rjCode === null) return;
  3314.  
  3315.             let popup = Popup.popupElement.popup;
  3316.             if(popup.style.display !== "none" && Popup.isPinKeyDown(e)){
  3317.                 //按住CTRL以固定显示弹框
  3318.                 Popup.setPinState(rjCode, true);
  3319.             }
  3320.         },
  3321.  
  3322.         /**
  3323.          * 按键抬起时触发
  3324.          * @param e {KeyboardEvent}
  3325.          */
  3326.         keyup: function (e) {
  3327.             let popup = Popup.popupElement.popup;
  3328.             if(popup && Popup.isPinKeyDown(e)){
  3329.                 Popup.setPinState(null, false);
  3330.             }
  3331.         }
  3332.     }
  3333.  
  3334.     const WorkPromise = {
  3335.         /**
  3336.          * 标题、社团、发行日期、更新日期、年龄指定
  3337.          * CV、标签、文件大小、封面地址
  3338.          */
  3339.  
  3340.         checkNotNull: function (obj){
  3341.             if(obj === null || obj === undefined) throw new Error();
  3342.             return obj;
  3343.         },
  3344.  
  3345.         getWorkPromise: function (rjCode){
  3346.             if(work_promise[rjCode]){
  3347.                 return work_promise[rjCode];
  3348.             }
  3349.             work_promise[rjCode] = DLsite.getWorkRequestPromise(rjCode);
  3350.             return work_promise[rjCode];
  3351.         },
  3352.  
  3353.         getFound: async function(rjCode){
  3354.             try{
  3355.                 const data = await WorkPromise.getWorkPromise(rjCode).api2;
  3356.                 if(data && data.product_id !== undefined) return true;
  3357.  
  3358.                 //否则再次检查api1
  3359.                 const api = await WorkPromise.getWorkPromise(rjCode).api;
  3360.                 return api && api.is_sale !== undefined;
  3361.             }catch (e){
  3362.                 //说明是网络问题，删除缓存并返回true
  3363.                 delete work_promise[rjCode];
  3364.                 return true;
  3365.             }
  3366.         },
  3367.  
  3368.         getTranslationInfo: async function(rjCode){
  3369.             const p = WorkPromise.getWorkPromise(rjCode);
  3370.             let data = await p.api2;
  3371.             if(data.translation_info) return data.translation_info;
  3372.  
  3373.             data = await p.api;
  3374.             return data.translation_info ? data.translation_info : {};
  3375.         },
  3376.  
  3377.         getRJChain: async function(rjCode) {
  3378.             //RJxxx → RJxxx → RJxxx，这样从子级指向父级
  3379.             const trans = await WorkPromise.getTranslationInfo(rjCode);
  3380.             let chain = [rjCode];
  3381.             if(trans.is_child){
  3382.                 chain.push(trans.parent_workno, trans.original_workno);
  3383.             }else if(trans.is_parent){
  3384.                 chain.push(trans.original_workno);
  3385.             }
  3386.             return chain;
  3387.         },
  3388.  
  3389.         getParentRJ: async function(rjCode){
  3390.             try{
  3391.                 const p = WorkPromise.getWorkPromise(rjCode);
  3392.                 let trans = await WorkPromise.getTranslationInfo(rjCode);
  3393.                 if(trans.is_original || trans.is_parent) return rjCode;
  3394.                 if(trans.parent_workno) return trans.parent_workno;
  3395.  
  3396.                 let data = await p.info;
  3397.                 return data.parentWork;
  3398.             }catch (e){
  3399.                 return null;
  3400.             }
  3401.         },
  3402.  
  3403.         getGirls: async function(rjCode){
  3404.             const p = WorkPromise.getWorkPromise(rjCode);
  3405.             let data = await p.api2;
  3406.             if(data.sex_category && data.sex_category === 2) return true;
  3407.             if(data.site_id === "girls") return true;
  3408.  
  3409.             //否则再次检查api1
  3410.             data = await WorkPromise.getWorkPromise(rjCode).api;
  3411.             WorkPromise.checkNotNull(data.is_girls)
  3412.             return data.is_girls;
  3413.         },
  3414.  
  3415.         getAnnounce: async function(rjCode) {
  3416.             const p = WorkPromise.getWorkPromise(rjCode);
  3417.             const info = await p.info;
  3418.             return info.is_announce;
  3419.         },
  3420.  
  3421.         getSale: async function(rjCode, checkAnnounce = true){
  3422.             const p = WorkPromise.getWorkPromise(rjCode);
  3423.             let data = await p.api;
  3424.             if(!checkAnnounce){
  3425.                 return data.is_sale;
  3426.             }
  3427.             return data.is_sale || await WorkPromise.getAnnounce(rjCode);
  3428.         },
  3429.  
  3430.         getDLCount: async function (rjCode) {
  3431.             const p = WorkPromise.getWorkPromise(rjCode);
  3432.             let data = await p.api;
  3433.             WorkPromise.checkNotNull(data.dl_count);
  3434.             return data.dl_count;
  3435.         },
  3436.  
  3437.         getRateAvg: async function (rjCode) {
  3438.             const p = WorkPromise.getWorkPromise(rjCode);
  3439.             let data = await p.api;
  3440.             if(data.rate_average_2dp) return data.rate_average_2dp;
  3441.  
  3442.             //还可以累加api2的结果获得
  3443.             data = await p.api2;
  3444.             this.checkNotNull(data.rate_count_detail);
  3445.             let sum = 0;
  3446.             let count = 0;
  3447.             for (const key in data.rate_count_detail) {
  3448.                 let rate = parseInt(key);
  3449.                 let cot = parseInt(data.rate_count_detail[key]);
  3450.                 count += cot
  3451.                 sum += rate * cot;
  3452.             }
  3453.             return sum / count;
  3454.         },
  3455.  
  3456.         getRateCount: async function (rjCode) {
  3457.             const p = WorkPromise.getWorkPromise(rjCode);
  3458.             let data = await p.api;
  3459.             if(data.rate_count) return data.rate_count;
  3460.  
  3461.             //还可以累加api2的结果获得
  3462.             data = await p.api2;
  3463.             this.checkNotNull(data.rate_count_detail);
  3464.             let count = 0;
  3465.             for (const key in data.rate_count_detail) {
  3466.                 count += parseInt(data.rate_count_detail[key]);
  3467.             }
  3468.             return count;
  3469.         },
  3470.  
  3471.         getWishlistCount: async function (rjCode) {
  3472.             const p = WorkPromise.getWorkPromise(rjCode);
  3473.             let data = await p.api;
  3474.             this.checkNotNull(data.wishlist_count);
  3475.             return data.wishlist_count;
  3476.         },
  3477.  
  3478.         getPriceText: async function (rjCode) {
  3479.             const p = WorkPromise.getWorkPromise(rjCode);
  3480.             //TODO: 价格以后再加，还要考虑汇率和添加设置项
  3481.         },
  3482.  
  3483.         getBonus: async function(rjCode) {
  3484.             const p = WorkPromise.getWorkPromise(rjCode);
  3485.             let data = await p.api;
  3486.             return !data.is_sale && data.is_free && data.is_oly && data.wishlist_count === 0;
  3487.             // return data.is_bonus;
  3488.         },
  3489.  
  3490.         getHasBonus: async function(rjCode) {
  3491.             const p = WorkPromise.getWorkPromise(rjCode);
  3492.             let data = await p.api;
  3493.             return data.bonuses && data.bonuses.length > 0;
  3494.         },
  3495.  
  3496.         getTranslatable: async function(rjCode) {
  3497.             const trans = await WorkPromise.getTranslationInfo(rjCode);
  3498.             return trans.is_translation_agree === true;
  3499.         },
  3500.  
  3501.         getTranslated: async function(rjCode) {
  3502.             const trans = await WorkPromise.getTranslationInfo(rjCode);
  3503.             return trans.is_parent === true || trans.is_child === true;
  3504.         },
  3505.  
  3506.         getLanguages: async function(rjCode){
  3507.             //返回字符串数组，根据popup设置的语言返回支持的语言列表
  3508.             const map = {
  3509.                 JPN: localizePopup(localizationMap.language_japanese),
  3510.                 ENG: localizePopup(localizationMap.language_english),
  3511.                 CHI_HANS: localizePopup(localizationMap.language_simplified_chinese),
  3512.                 CHI_HANT: localizePopup(localizationMap.language_traditional_chinese),
  3513.                 KO_KR: localizePopup(localizationMap.language_korean),
  3514.                 SPA: localizePopup(localizationMap.language_spanish),
  3515.                 FRE: localizePopup(localizationMap.language_french),
  3516.                 RUS: localizePopup(localizationMap.language_russian),
  3517.                 THA: localizePopup(localizationMap.language_thai),
  3518.                 GER: localizePopup(localizationMap.language_german),
  3519.                 FIN: localizePopup(localizationMap.language_finnish),
  3520.                 POR: localizePopup(localizationMap.language_portuguese),
  3521.                 VIE: localizePopup(localizationMap.language_vietnamese),
  3522.                 ITA: localizePopup(localizationMap.language_italian),
  3523.                 ARA: localizePopup(localizationMap.language_arabic),
  3524.                 POL: localizePopup(localizationMap.language_polish),
  3525.             }
  3526.             const p = WorkPromise.getWorkPromise(rjCode);
  3527.             let api = await p.api2;
  3528.             api = api.options ? api : await p.api;
  3529.             const options = api.options?.split("#");
  3530.             const result = [];
  3531.             for (const key in map) {
  3532.                 const lang = map[key];
  3533.                 if(options?.includes(key)) result.push(lang);
  3534.             }
  3535.             return result;
  3536.         },
  3537.  
  3538.         getFileFormats: async function(rjCode){
  3539.             //返回字符串数组，返回文件格式列表
  3540.             const result = [];
  3541.             const p = WorkPromise.getWorkPromise(rjCode);
  3542.             let api = await p.api2;
  3543.             if(api.file_type === "EXE"){
  3544.                 result.push("EXE");
  3545.             }else if(api.file_type_string){
  3546.                 result.push(api.file_type_string);
  3547.             }
  3548.             if(api.file_type_special) result.push(api.file_type_special);
  3549.  
  3550.             if(!api.options) api = await p.api;
  3551.             if(api.options && api.options.includes("WPD")){
  3552.                 result.push("PDF");
  3553.             }
  3554.             if(api.options && api.options.includes("WAP")){
  3555.                 result.push("APK");
  3556.             }
  3557.  
  3558.             return result;
  3559.         },
  3560.  
  3561.         getAIUsedText: async function(rjCode) {
  3562.             //返回是否使用或部分使用AI，根据popup语言返回字符串。
  3563.             const p = WorkPromise.getWorkPromise(rjCode);
  3564.             let api = await p.api2;
  3565.             api = api.options ? api : await p.api;
  3566.             const options = api.options ? api.options : "";
  3567.             if(options.includes("AIG")){
  3568.                 return localizePopup(localizationMap.tag_aig);
  3569.             }else if(options.includes("AIP")){
  3570.                 return localizePopup(localizationMap.tag_aip);
  3571.             }
  3572.             return null;
  3573.         },
  3574.  
  3575.         getDebug: async function(rjCode){
  3576.             return "";
  3577.             const work = WorkPromise.getWorkPromise(rjCode);
  3578.             const api2 = await work.api2;
  3579.             const api = await work.api;
  3580.             const info = await work.info;
  3581.             const circle = work.circle;
  3582.  
  3583.             return `is_ana_api2: ${api2.is_ana}<br/>
  3584.                     is_ana_api: ${api.is_ana}`;
  3585.         },
  3586.  
  3587.         getWorkCategory: async function(rjCode){
  3588.             const type = await WorkPromise.getWorkType(rjCode);
  3589.             /* voice: 音声
  3590.              * game: 游戏
  3591.              * manga: 漫画/插画/音声漫画
  3592.              * video: 视频
  3593.              * novel: 小说
  3594.              * other: 其它
  3595.             */
  3596.             switch (type) {
  3597.                 case 0:
  3598.                     return "voice";
  3599.                 case 1:
  3600.                     return "game";
  3601.                 case 2 || 3 || 8:
  3602.                     return "manga";
  3603.                 case 5:
  3604.                     return "video";
  3605.                 case 4:
  3606.                     return "novel";
  3607.                 default:
  3608.                     return "other";
  3609.             }
  3610.         },
  3611.  
  3612.         getWorkTypeText: async function(rjCode) {
  3613.             const mapping = [
  3614.                 localizePopup(localizationMap.work_type_voice),
  3615.                 localizePopup(localizationMap.work_type_game),
  3616.                 localizePopup(localizationMap.work_type_comic),
  3617.                 localizePopup(localizationMap.work_type_illustration),
  3618.                 localizePopup(localizationMap.work_type_novel),
  3619.                 localizePopup(localizationMap.work_type_video),
  3620.                 localizePopup(localizationMap.work_type_music),
  3621.                 localizePopup(localizationMap.work_type_tool),
  3622.                 localizePopup(localizationMap.work_type_voice_comic),
  3623.                 localizePopup(localizationMap.work_type_other),
  3624.             ];
  3625.             return mapping[await WorkPromise.getWorkType(rjCode)];
  3626.         },
  3627.  
  3628.         getWorkType: async function(rjCode) {
  3629.             const p = WorkPromise.getWorkPromise(rjCode);
  3630.             const api2 = await p.api2;
  3631.             let workType = api2.work_type;
  3632.             if(!workType) workType = (await p.api).work_type;
  3633.  
  3634.             switch (workType) {
  3635.                 case "SOU":
  3636.                     return 0;
  3637.                 case (["ACN", "QIZ", "ADV", "RPG", "TBL", "DNV", "SLN", "TYP", "STG", "PZL", "ETC"]
  3638.                     .includes(workType) ? workType : "ERR"):
  3639.                     return 1;
  3640.                 case (["MNG", "SCM", "WBT"]
  3641.                     .includes(workType) ? workType : "ERR"):
  3642.                     return 2;
  3643.                 case "ICG":
  3644.                     return 3;
  3645.                 case (["NRE", "KSV"].includes(workType) ? workType : "ERR"):
  3646.                     return 4;
  3647.                 case "MOV":
  3648.                     return 5;
  3649.                 case "MUS":
  3650.                     return 6;
  3651.                 case (["TOL", "IMT", "AMT"]
  3652.                     .includes(workType) ? workType : "ERR"):
  3653.                     return 7;
  3654.                 case "VCM":
  3655.                     return 8;
  3656.                 case "ET3":
  3657.                     return 9;
  3658.                 default:
  3659.                     throw new Error("无法获取作品类型/未知作品类型：" + workType);
  3660.             }
  3661.         },
  3662.  
  3663.         getImgLink: async function(rjCode){
  3664.             let link = undefined;
  3665.             const p = WorkPromise.getWorkPromise(rjCode);
  3666.  
  3667.             try {
  3668.                 let data = await p.api2;
  3669.                 if (data.image_main && data.image_main.url) link = "https:" + data.image_main.url;
  3670.             } catch (e) {}
  3671.  
  3672.             if(link && !link.includes("no_img_main.gif")){
  3673.                 return link;
  3674.             }
  3675.  
  3676.             try{
  3677.                 const info = await p.info;
  3678.                 WorkPromise.checkNotNull(info.img);
  3679.                 return info.img;
  3680.             }catch (e) {
  3681.             }
  3682.  
  3683.             try{
  3684.                 const apiData = await WorkPromise.getWorkPromise(rjCode).api;
  3685.                 if(apiData.work_image) return "https:" + apiData.work_image;
  3686.             }catch (e){}
  3687.  
  3688.             throw new Error("无法获取图片链接");
  3689.         },
  3690.  
  3691.         getWorkTitle: async function(rjCode){
  3692.             return await WorkPromise.getWorkPromise(rjCode).translated_title;
  3693.         },
  3694.  
  3695.         getAgeRating: async function(rjCode){
  3696.             let p = WorkPromise.getWorkPromise(rjCode);
  3697.             let api = await p.api2;
  3698.             if(!api.age_category) api = await p.api;
  3699.             switch (api.age_category){
  3700.                 case 1:
  3701.                     return "All";
  3702.                 case 2:
  3703.                     return "R15";
  3704.                 case 3:
  3705.                     return "R18";
  3706.             }
  3707.  
  3708.             const info = await p.info;
  3709.             WorkPromise.checkNotNull(info.rating);
  3710.             return info.rating;
  3711.         },
  3712.  
  3713.         getCircle: async function(rjCode, findOriginal = true){
  3714.             let trans = await WorkPromise.getTranslationInfo(rjCode);
  3715.             if(!trans.is_original && findOriginal){
  3716.                 //使用原作RJ号开始寻找，如果找不到翻译信息就没办法了
  3717.                 rjCode = trans.original_workno ? trans.original_workno : rjCode;
  3718.             }
  3719.  
  3720.             let work = WorkPromise.getWorkPromise(rjCode);
  3721.             let api2 = await work.api2;
  3722.             if(api2.maker_name) return api2.maker_name;
  3723.  
  3724.             /**
  3725.              * 接下来有两种搜索方式：
  3726.              * 1. api1 + circle接口
  3727.              * 2. info搜索
  3728.              * 前者成功率更高（下架后还能获取到api1，社团没解散就能获得社团信息），两个加载速度不确定谁快谁慢，所以把1放在前面
  3729.              */
  3730.  
  3731.             const circleInfo = await work.circle;
  3732.             if(circleInfo && circleInfo.name) return circleInfo.name;
  3733.  
  3734.             let info = await work.info;
  3735.             if(info.circle) return info.circle.trim();
  3736.  
  3737.             throw new Error("无法获取社团信息");
  3738.         },
  3739.  
  3740.         getTranslatorName: async function(rjCode){
  3741.             let trans = await WorkPromise.getTranslationInfo(rjCode);
  3742.             if(!trans.is_child) throw new Error("非翻译作品RJ号");
  3743.             return await WorkPromise.getCircle(rjCode, false);
  3744.         },
  3745.  
  3746.         getReleaseDate: async function(rjCode){
  3747.             const p = WorkPromise.getWorkPromise(rjCode);
  3748.             const info = await p.info;
  3749.             if(info && !info.is_announce && info.date) return [info.date.trim(), false];
  3750.             if(info && info.is_announce && info.dateAnnounce) return [info.dateAnnounce.trim(), true];
  3751.  
  3752.             //从api中查找发售时间
  3753.             let api = await p.api2;
  3754.             api = api.regist_date ? api : await p.api;
  3755.             WorkPromise.checkNotNull(api.regist_date)
  3756.  
  3757.             return [api.regist_date, api.is_announce];
  3758.         },
  3759.  
  3760.         getReleaseCountDownElement: async function(rjCode) {
  3761.             const p = WorkPromise.getWorkPromise(rjCode);
  3762.             const info = await p.info;
  3763.             if(info && info.is_announce && info.dateAnnounce) {
  3764.                 return DateParser.getCountDownDateElement(DateParser.parseDateStr(info.dateAnnounce, info.lang));
  3765.             }
  3766.             return null;
  3767.         },
  3768.  
  3769.         getUpdateDate: async function(rjCode) {
  3770.             const p = WorkPromise.getWorkPromise(rjCode);
  3771.             const info = await p.info;
  3772.             if(info["update"]) return info["update"].trim();
  3773.  
  3774.             throw new Error();
  3775.         },
  3776.  
  3777.         getScenario: async function(rjCode) {
  3778.             const p = WorkPromise.getWorkPromise(rjCode);
  3779.             const api2 = await p.api2;
  3780.             if(api2.creaters && api2.creaters.scenario_by && api2.creaters.scenario_by.length > 0){
  3781.                 return api2.creaters.scenario_by.map(v => v.name);
  3782.             }
  3783.  
  3784.             //无法获取api2则直接通过html获取
  3785.             const info = await WorkPromise.getWorkPromise(rjCode).info;
  3786.             WorkPromise.checkNotNull(info.scenario);
  3787.             return info.scenario;
  3788.         },
  3789.  
  3790.         getIllustrator: async function(rjCode) {
  3791.             const p = WorkPromise.getWorkPromise(rjCode);
  3792.             const api2 = await p.api2;
  3793.             if(api2.creaters && api2.creaters.illust_by && api2.creaters.illust_by.length > 0){
  3794.                 return api2.creaters.illust_by.map(v => v.name);
  3795.             }
  3796.  
  3797.             //无法获取api2则直接通过html获取
  3798.             const info = await WorkPromise.getWorkPromise(rjCode).info;
  3799.             WorkPromise.checkNotNull(info.illustration);
  3800.             return info.illustration;
  3801.         },
  3802.  
  3803.         getCV: async function(rjCode){
  3804.             const p = WorkPromise.getWorkPromise(rjCode);
  3805.             const api2 = await p.api2;
  3806.             if(api2.creaters && api2.creaters.voice_by && api2.creaters.voice_by.length > 0){
  3807.                 return api2.creaters.voice_by.map(v => v.name);
  3808.             }
  3809.  
  3810.             //无法获取api2则直接通过html获取
  3811.             const info = await WorkPromise.getWorkPromise(rjCode).info;
  3812.             WorkPromise.checkNotNull(info.cv);
  3813.             return info.cv;
  3814.         },
  3815.  
  3816.         getMusic: async function(rjCode) {
  3817.             const p = WorkPromise.getWorkPromise(rjCode);
  3818.             const api2 = await p.api2;
  3819.             if(api2.creaters && api2.creaters.music_by && api2.creaters.music_by.length > 0){
  3820.                 return api2.creaters.music_by.map(v => v.name);
  3821.             }
  3822.  
  3823.             //无法获取api2则直接通过html获取
  3824.             const info = await WorkPromise.getWorkPromise(rjCode).info;
  3825.             WorkPromise.checkNotNull(info.music);
  3826.             return info.music;
  3827.         },
  3828.  
  3829.         getTags: async function(rjCode) {
  3830.             //注意该方法返回字符串数组而不是纯字符串
  3831.             const p = WorkPromise.getWorkPromise(rjCode);
  3832.             const api2 = await p.api2;
  3833.             if(api2.genres && api2.genres.length > 0){
  3834.                 return api2.genres.map(genre => genre.name);
  3835.             }
  3836.  
  3837.             //无法获取api2时通过html获取
  3838.             const info = await p.info;
  3839.             WorkPromise.checkNotNull(info.tags);
  3840.             return info.tags;
  3841.         },
  3842.  
  3843.         getFileSizeStr: function(byteCount = 0){
  3844.             const units = ["B", "KB", "MB", "GB", "TB"];
  3845.             let unit = "B";
  3846.             for (let i = 1; byteCount >= 1024; i++){
  3847.                 byteCount /= 1024;
  3848.                 unit = units[i];
  3849.             }
  3850.             return `${Math.round(byteCount * 100) / 100}${unit}`;
  3851.         },
  3852.  
  3853.         getFileSize: async function(rjCode) {
  3854.             const trans = await WorkPromise.getTranslationInfo(rjCode);
  3855.             if(trans.is_parent){
  3856.                 //翻译版本的父级没有内容信息，自然无法显示文件大小，所以需要获得原作品的大小信息
  3857.                 //Child和Original都有各自的大小信息，正常获取计算即可
  3858.                 rjCode = trans.original_workno ? trans.original_workno : rjCode;
  3859.             }
  3860.  
  3861.             const p = WorkPromise.getWorkPromise(rjCode);
  3862.             let api2 = await p.api2;
  3863.             if(api2.contents_file_size && api2.contents_file_size > 0){
  3864.                 return WorkPromise.getFileSizeStr(api2.contents_file_size);
  3865.             }
  3866.  
  3867.             //通过html获取
  3868.             let info = trans.is_child && trans.original_workno ? await WorkPromise.getWorkPromise(trans.original_workno).info : await p.info;
  3869.             if(info.filesize) return info.filesize;
  3870.  
  3871.             throw new Error("无法获取文件大小信息");
  3872.         },
  3873.     }
  3874.  
  3875.     const DLsite = {
  3876.         parseWorkDOM: function (dom, rj) {
  3877.             // workInfo: {
  3878.             //     rj: any;
  3879.             //     img: string;
  3880.             //     title: any;
  3881.             //     circle: any;
  3882.             //     date: any;
  3883.             //     rating: any;
  3884.             //     tags: any[];
  3885.             //     cv: any;
  3886.             //     filesize: any;
  3887.             //     dateAnnounce: any;
  3888.             // }
  3889.             const workInfo = {};
  3890.             workInfo.rj = rj;
  3891.  
  3892.             let metaList = dom.getElementsByTagName("meta")
  3893.             for (let i = 0; i < metaList.length; i++){
  3894.                 let meta = metaList[i];
  3895.                 if(meta.getAttribute("property") === 'og:image'){
  3896.                     workInfo.img = meta.content;
  3897.                     break;
  3898.                 }
  3899.             }
  3900.  
  3901.             workInfo.lang = dom.querySelector("html").getAttribute("lang");
  3902.             workInfo.title = dom.getElementById("work_name").innerText;
  3903.             workInfo.circle = dom.querySelector("span.maker_name").innerText;
  3904.             workInfo.circleId = dom.querySelector("#work_maker a").href;
  3905.             workInfo.circleId = workInfo.circleId.substring(workInfo.circleId.lastIndexOf("/") + 1, workInfo.circleId.lastIndexOf(".")).trim();
  3906.  
  3907.             const table_outline = dom.querySelector("table#work_outline");
  3908.             for (let i = 0, ii = table_outline.rows.length; i < ii; i++) {
  3909.                 const row = table_outline.rows[i];
  3910.                 const row_header = row.cells[0].innerText.trim();
  3911.                 const row_data = row.cells[1];
  3912.                 const lambda = text => row_header === text;
  3913.                 switch (true) {
  3914.                     case (["販売日", "贩卖日", "販賣日", "Release date", "판매일", "Lanzamiento", "Veröffentlicht",
  3915.                         "Date de sortie", "Tanggal rilis", "Data di rilascio", "Lançamento", "Utgivningsdatum",
  3916.                         "วันที่ขาย", "Ngày phát hành"].some(lambda)):
  3917.                         workInfo.date = row_data.innerText.trim();
  3918.                         break;
  3919.                     case (["更新情報", "更新信息", "更新資訊", "Update information", "갱신 정보", "Actualizar información",
  3920.                         "Aktualisierungen", "Mise à jour des informations", "Perbarui informasi", "Aggiorna informazioni",
  3921.                         "Atualizar informações", "Uppdatera information", "ข้อมูลอัปเดต", "Thông tin cập nhật"].some(lambda)):
  3922.                         workInfo.update = row_data.firstChild.data.trim();
  3923.                         break;
  3924.                     case (["年齢指定", "年龄指定", "年齡指定", "Age", "연령 지정", "Edad", "Altersfreigabe", "Âge", "Batas usia",
  3925.                         "Età", "Idade", "Ålder", "การกำหนดอายุ", "Độ tuổi chỉ định"].some(lambda)):
  3926.                         workInfo.rating = row_data.innerText.trim();
  3927.                         break;
  3928.                     case (["ジャンル", "分类", "分類", "Genre", "장르", "Género", "Genre", "Genre", "Genre", "Genere", "Gênero",
  3929.                         "Genre", "ประเภท", "Thể loại"].some(lambda)):
  3930.                         const tag_nodes = row_data.querySelectorAll("a");
  3931.                         workInfo.tags = [...tag_nodes].map(a => { return a.innerText.trim() });
  3932.                         break;
  3933.                     case (["シナリオ", "Scenario", "剧情", "劇本", "시나리오", "Guión", "Szenario", "Scénario", "Skenario",
  3934.                         "Scenario", "Cenário", "Scenario", "บทละคร", "Kịch bản"].some(lambda)):
  3935.                         workInfo.scenario = row_data.innerText.trim();
  3936.                         break;
  3937.                     case (["イラスト", "Illustration", "插画", "插畫", "일러스트", "Ilustración", "AbbilDung", "Illustration",
  3938.                         "Ilustrasi", "Illustrazione", "Ilustração", "Illustration", "ภาพประกอบ", "Tranh minh họa"].some(lambda)):
  3939.                         workInfo.illustration = row_data.innerText.trim();
  3940.                         break;
  3941.                     case (["声優", "声优", "聲優", "Voice Actor", "성우", "Doblador", "Synchronsprecher", "Doubleur",
  3942.                         "Pengisi suara", "Doppiatore/Doppiatrice", "Ator de voz", "Röstskådespelare", "นักพากย์",
  3943.                         "Diễn viên lồng tiếng"].some(lambda)):
  3944.                         workInfo.cv = row_data.innerText.trim();
  3945.                         break;
  3946.                     case (["音楽", "Music", "音乐", "音樂", "음악", "Música", "Musik", "Musique", "Musik", "Musica.",
  3947.                         "Música", "musik", "ดนตรี", "Âm nhạc"].some(lambda)):
  3948.                         workInfo.music = row_data.innerText.trim();
  3949.                         break;
  3950.                     case (["ファイル容量", "文件容量", "檔案容量", "File size", "파일 용량", "Tamaño del Archivo", "Dateigröße",
  3951.                         "Taille du fichier", "Ukuran file", "Dimensione del file", "Tamanho do arquivo", "Filstorlek",
  3952.                         "ขนาดไฟล์", "Dung lượng tệp"].some(lambda)):
  3953.                         workInfo.filesize = row_data.innerText.trim();
  3954.                         break;
  3955.                     default:
  3956.                         break;
  3957.                 }
  3958.             }
  3959.  
  3960.             //获取发售预告时间
  3961.             const work_date_ana = dom.querySelector("strong.work_date_ana");
  3962.             if (work_date_ana) {
  3963.                 workInfo.dateAnnounce = work_date_ana.innerText;
  3964.                 //workInfo.img = "https://img.dlsite.jp/modpub/images2/ana/doujin/" + rj_group + "/" + rj + "_ana_img_main.jpg"
  3965.             }
  3966.  
  3967.             return workInfo;
  3968.         },
  3969.  
  3970.         // Get language code for DLSite API
  3971.         getLangCode: function (lang) {
  3972.             if(!lang) return "ja-JP";
  3973.  
  3974.             switch (lang.toUpperCase()) {
  3975.                 case "JPN":
  3976.                     return "ja-JP";
  3977.                 case "ENG":
  3978.                     return "en-US";
  3979.                 case "KO_KR":
  3980.                     return "ko-KR";
  3981.                 case "CHI_HANS":
  3982.                     return "zh-CN";
  3983.                 case "CHI_HANT":
  3984.                     return "zh-TW";
  3985.                 default:
  3986.                     return "ja-JP"
  3987.             }
  3988.         },
  3989.  
  3990.         parseApiData: function (rjCode, data){
  3991.             if(!data) data = {};
  3992.             let apiData = data;
  3993.             apiData.is_bonus = !data.is_sale && data.is_free && data.is_oly && data.wishlist_count === false;
  3994.             apiData.is_girls = (data.options && data.options.indexOf("OTM") >= 0) || (data.site_id === "girls");
  3995.  
  3996.             if(data.regist_date){
  3997.                 let reg_date = data.regist_date.replace(/-/g, '/');
  3998.                 let releaseDate = new Date(reg_date);
  3999.                 apiData.regist_timestamp = releaseDate.getTime();
  4000.                 apiData.regist_date = `${releaseDate.getFullYear()} / ${releaseDate.getMonth() + 1} / ${releaseDate.getDate()}`;
  4001.                 if(apiData.regist_timestamp > Date.now()){
  4002.                     apiData.is_announce = true;
  4003.                 }
  4004.             }
  4005.             return apiData;
  4006.         },
  4007.  
  4008.         parseApi2Data: function (rjCode, data) {
  4009.             const translation_info = data.translation_info ? data.translation_info : {};
  4010.             data.lang = DLsite.getLangCode(translation_info.lang);
  4011.  
  4012.             if(data.regist_date){
  4013.                 let reg_date = data.regist_date.replace(/-/g, '/');
  4014.                 let releaseDate = new Date(reg_date);
  4015.                 data.regist_timestamp = releaseDate.getTime();
  4016.                 data.regist_date = `${releaseDate.getFullYear()} / ${releaseDate.getMonth() + 1} / ${releaseDate.getDate()}`;
  4017.                 if(data.regist_timestamp > Date.now()){
  4018.                     data.is_announce = true;
  4019.                 }
  4020.             }
  4021.  
  4022.             return data;
  4023.         },
  4024.  
  4025.         getHttpAsync: async function (url, anonymous = false){
  4026.             return new Promise((resolve, reject) => {
  4027.                 getXmlHttpRequest()({
  4028.                     method: "GET",
  4029.                     url,
  4030.                     headers: {
  4031.                         "Accept": "text/xml",
  4032.                         "User-Agent": "Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:67.0)",
  4033.                         "Cache-Control": "no-cache"
  4034.                     },
  4035.                     onload: resolve,
  4036.                     onerror: reject,
  4037.                     anonymous: anonymous
  4038.                 });
  4039.             })
  4040.         },
  4041.  
  4042.         getAnnouncePromise: async function (rjCode, parentRJ) {
  4043.             const url = `https://www.dlsite.com/maniax/announce/=/product_id/${rjCode}.html`;
  4044.             let resp = await DLsite.getHttpAsync(url);
  4045.             if (resp.readyState === 4 && resp.status === 200) {
  4046.                 const dom = new DOMParser().parseFromString(Csp.createHTML(resp.responseText), "text/html");
  4047.                 const workInfo = DLsite.parseWorkDOM(dom, rjCode);
  4048.                 workInfo.parentWork = parentRJ === rjCode ? null : parentRJ;
  4049.                 workInfo.is_announce = true;
  4050.                 return workInfo;
  4051.             }
  4052.             else if (resp.readyState === 4 && resp.status === 404) {
  4053.                 return {
  4054.                     parentWork: parentRJ === rjCode ? null : parentRJ,
  4055.                     is_announce: false
  4056.                 };
  4057.             }
  4058.  
  4059.         },
  4060.  
  4061.         getHtmlPromise: async function (rjCode) {
  4062.             const url = `https://www.dlsite.com/maniax/work/=/product_id/${rjCode}.html`;
  4063.             let resp = await DLsite.getHttpAsync(url);
  4064.             if (resp.readyState === 4 && resp.status === 200) {
  4065.                 const dom = new DOMParser().parseFromString(Csp.createHTML(resp.responseText), "text/html");
  4066.                 const workInfo = DLsite.parseWorkDOM(dom, rjCode);
  4067.                 workInfo.parentWork = DLsite.getParentWorkRjCode(resp.finalUrl);
  4068.                 workInfo.parentWork = workInfo.parentWork === rjCode ? null : workInfo.parentWork;
  4069.                 workInfo.is_announce = false;
  4070.                 return workInfo;
  4071.             }
  4072.             else if (resp.readyState === 4 && resp.status === 404) {
  4073.                 return await DLsite.getAnnouncePromise(rjCode, DLsite.getParentWorkRjCode(resp.finalUrl));
  4074.             }
  4075.         },
  4076.  
  4077.         getApi2Promise: async function (rjCode, locale = undefined) {
  4078.             let url = `https://www.dlsite.com/maniax/api/=/product.json?workno=${rjCode}` + (locale ? `&locale=${locale}` : "");
  4079.             let resp = await DLsite.getHttpAsync(url);
  4080.             let data;
  4081.             if (resp.readyState === 4 && resp.status === 200) {
  4082.                 data = JSON.parse(resp.responseText);
  4083.                 data = data ? data[0] : {};
  4084.                 data = data ? data : {}
  4085.             }
  4086.             else if (resp.readyState === 4 && resp.status === 404) {
  4087.                 return {};
  4088.             }
  4089.             else {
  4090.                 throw new Error(`无法通过API2获取${rjCode}的信息：${resp.status} ${resp.statusText}`);
  4091.             }
  4092.  
  4093.             return DLsite.parseApi2Data(rjCode, data);
  4094.         },
  4095.  
  4096.         getApiPromise: async function (rjCode, locale = undefined) {
  4097.             //获取对应语言下的实际信息
  4098.             let url = `https://www.dlsite.com/maniax/product/info/ajax?product_id=${rjCode}&cdn_cache_min=1` + (locale ? `&locale=${locale}` : "");
  4099.             let resp = await DLsite.getHttpAsync(url);
  4100.             let data;
  4101.             if (resp.readyState === 4 && resp.status === 200) {
  4102.                 data = JSON.parse(resp.responseText);
  4103.                 data = data ? data[rjCode] : {};
  4104.                 data = data ? data : {};
  4105.             }
  4106.             else if(resp.readyState === 4 && resp.status === 404){
  4107.                 return {};
  4108.             }
  4109.             else {
  4110.                 throw new Error(`无法通过API获取${rjCode}的信息：${resp.status} ${resp.statusText}`);
  4111.             }
  4112.  
  4113.             const translation_info = data.translation_info ? data.translation_info : {};
  4114.             data.lang = DLsite.getLangCode(translation_info.lang);
  4115.  
  4116.             return DLsite.parseApiData(rjCode, data);
  4117.         },
  4118.  
  4119.         getCirclePromise: async function (rjCode, apiPromise){
  4120.             let apiData = await apiPromise;
  4121.             if(!apiData.maker_id) return null;
  4122.             const maker_id = apiData.maker_id;
  4123.  
  4124.             let url;
  4125.             let resp;
  4126.             let data;
  4127.             try {
  4128.                 url = `https://media.ci-en.jp/dlsite/lookup/${maker_id}.json`;
  4129.                 resp = await DLsite.getHttpAsync(url);
  4130.                 data = undefined;
  4131.                 if (resp.readyState === 4 && resp.status === 200) {
  4132.                     data = JSON.parse(resp.responseText);
  4133.                     data = data ? data[0] : {};
  4134.                     data = data ? data : {};
  4135.                     data.maker_id = maker_id;
  4136.                 }
  4137.             }catch (e){}
  4138.  
  4139.             if(!data || !data.name){
  4140.                 //未获取到社团名称则使用html解析获取
  4141.                 url = `https://www.dlsite.com/maniax/circle/profile/=/maker_id/${maker_id}.html`;
  4142.                 resp = await DLsite.getHttpAsync(url);
  4143.                 data = data ? data : {};
  4144.                 if(resp.readyState === 4 && resp.status === 200){
  4145.                     let doc = new DOMParser().parseFromString(Csp.createHTML(resp.responseText), "text/html");
  4146.                     let name = doc.querySelector("strong.prof_maker_name");
  4147.                     name = name ? name.innerText : null;
  4148.                     data.name = name;
  4149.                 }
  4150.             }
  4151.  
  4152.             return data;
  4153.         },
  4154.  
  4155.         getTranslatablePromise: async function (rjCode, site = "maniax") {
  4156.             rjCode = rjCode.toUpperCase();
  4157.             const result = {
  4158.                 translation_request_english: {
  4159.                     agree: undefined,
  4160.                     request: undefined,
  4161.                     sale: undefined
  4162.                 },
  4163.                 translation_request_simplified_chinese:{
  4164.                     agree: undefined,
  4165.                     request: undefined,
  4166.                     sale: undefined
  4167.                 },
  4168.                 translation_request_traditional_chinese:{
  4169.                     agree: undefined,
  4170.                     request: undefined,
  4171.                     sale: undefined
  4172.                 },
  4173.                 translation_request_korean: {
  4174.                     agree: undefined,
  4175.                     request: undefined,
  4176.                     sale: undefined
  4177.                 },
  4178.                 translation_request_spanish: {
  4179.                     agree: undefined,
  4180.                     request: undefined,
  4181.                     sale: undefined
  4182.                 },
  4183.                 translation_request_german: {
  4184.                     agree: undefined,
  4185.                     request: undefined,
  4186.                     sale: undefined
  4187.                 },
  4188.                 translation_request_french: {
  4189.                     agree: undefined,
  4190.                     request: undefined,
  4191.                     sale: undefined
  4192.                 },
  4193.                 translation_request_indonesian: {
  4194.                     agree: undefined,
  4195.                     request: undefined,
  4196.                     sale: undefined
  4197.                 },
  4198.                 translation_request_italian: {
  4199.                     agree: undefined,
  4200.                     request: undefined,
  4201.                     sale: undefined
  4202.                 },
  4203.                 translation_request_portuguese: {
  4204.                     agree: undefined,
  4205.                     request: undefined,
  4206.                     sale: undefined
  4207.                 },
  4208.                 translation_request_swedish: {
  4209.                     agree: undefined,
  4210.                     request: undefined,
  4211.                     sale: undefined
  4212.                 },
  4213.                 translation_request_thai: {
  4214.                     agree: undefined,
  4215.                     request: undefined,
  4216.                     sale: undefined
  4217.                 },
  4218.                 translation_request_vietnamese: {
  4219.                     agree: undefined,
  4220.                     request: undefined,
  4221.                     sale: undefined
  4222.                 },
  4223.             };
  4224.             const data = await DLsite.getTranslatableApiPromise(rjCode, site);
  4225.             if(!data.translationStatusForTranslator){
  4226.                 return result;
  4227.             }
  4228.  
  4229.             const map = {
  4230.                 translation_request_english: "ENG",
  4231.                 translation_request_simplified_chinese: "CHI_HANS",
  4232.                 translation_request_traditional_chinese: "CHI_HANT",
  4233.                 translation_request_korean: "KO_KR",
  4234.                 translation_request_spanish: "SPA",
  4235.                 translation_request_german: "GER",
  4236.                 translation_request_french: "FRE",
  4237.                 translation_request_indonesian: "IND",
  4238.                 translation_request_italian: "ITA",
  4239.                 translation_request_portuguese: "POR",
  4240.                 translation_request_swedish: "SWE",
  4241.                 translation_request_thai: "THA",
  4242.                 translation_request_vietnamese: "VIE",
  4243.             };
  4244.             for (let key in map) {
  4245.                 let lang = map[key];
  4246.                 let status = data.translationStatusForTranslator[lang];
  4247.                 if(!status){
  4248.                     //状况未知
  4249.                     continue;
  4250.                 }
  4251.                 result[key].agree = status.available;
  4252.                 result[key].request = status.count;
  4253.                 result[key].sale = status.on_sale_count;
  4254.             }
  4255.  
  4256.             return result;
  4257.         },
  4258.  
  4259.         getTranslatableApiPromise: async function (rjCode, site = "maniax") {
  4260.             //新的可用api，用于搜索作品翻译情况，但也可以获得其它信息。
  4261.             rjCode = rjCode.toUpperCase();
  4262.             let url = `https://www.dlsite.com/${site}/api/=/translatableProducts.json?keyword=${rjCode}`;    //可以使用locale参数指定语言，但这里不需要
  4263.             let resp = await DLsite.getHttpAsync(url, true);
  4264.             let data;
  4265.             if (resp.readyState === 4 && resp.status === 200) {
  4266.                 data = JSON.parse(resp.responseText);
  4267.             }
  4268.             else {
  4269.                 throw new Error(`无法通过API获取${rjCode}的翻译信息：${resp.status} ${resp.statusText}`);
  4270.             }
  4271.  
  4272.             //从结果中找到对应RJ号，由于关键字是RJ号的话结果一般都在第一页，所以就放弃翻页寻找了
  4273.             if(data.meta && data.meta.code !== 200){
  4274.                 throw new Error(`无法通过API查询${rjCode}的翻译信息：${data.meta.code} - ${data.meta.errorType} - ${data.meta.errorMessage}`);
  4275.             }
  4276.             if(!data.data || !Array.isArray(data.data.products)){
  4277.                 throw new Error(`无法通过API查询${rjCode}的翻译信息：未预料到的响应格式。`);
  4278.             }
  4279.  
  4280.             for (const work of data.data.products) {
  4281.                 if(work.id === rjCode){
  4282.                     return work;
  4283.                 }
  4284.             }
  4285.  
  4286.             //未找到则返回空对象
  4287.             return {};
  4288.  
  4289.         },
  4290.  
  4291.         getWorkRequestPromise: function (rjCode) {
  4292.             return {
  4293.                 _info: undefined,
  4294.                 _api: undefined,
  4295.                 _api2: undefined,
  4296.                 _circle: undefined,
  4297.                 _translatable: undefined,
  4298.                 _translated_title: undefined,
  4299.                 get info(){
  4300.                     return this._info ? this._info : this._info = DLsite.getHtmlPromise(rjCode);
  4301.                 },
  4302.                 get api() {
  4303.                     return this._api ? this._api : this._api = DLsite.getApiPromise(rjCode);
  4304.                 },
  4305.                 get api2() {
  4306.                     return this._api2 ? this._api2 : this._api2 = DLsite.getApi2Promise(rjCode);
  4307.                 },
  4308.                 get circle(){
  4309.                     return this._circle ? this._circle : this._circle = DLsite.getCirclePromise(rjCode, this.api);
  4310.                 },
  4311.                 get translatable() {
  4312.                     async function getter(t){
  4313.                         let api = await t.api2;
  4314.                         if(!api.site_id) api = await t.api;
  4315.  
  4316.                         return t._translatable ? t._translatable : t._translatable = DLsite.getTranslatablePromise(rjCode,
  4317.                             api.site_id ? api.site_id : "maniax");
  4318.                     }
  4319.                     return getter(this);
  4320.                 },
  4321.                 get translated_title(){
  4322.                     async function getter(t){
  4323.                         if(t._translated_title) return t._translated_title;
  4324.  
  4325.                         let api = await t.api2;
  4326.                         if(api.translation_info){
  4327.                             //api2有效
  4328.                             if(!api.translation_info.is_original) {
  4329.                                 //通过再次查询获得翻译标题
  4330.                                 api = await DLsite.getApi2Promise(rjCode, api.lang);
  4331.                             }
  4332.                             t._translated_title = api.work_name;
  4333.                             return t._translated_title;
  4334.                         }
  4335.  
  4336.                         //api2无效，通过api查询
  4337.                         api = await t.api;
  4338.                         if(!api.translation_info){
  4339.                             //api无效则无法获取标题（网页获取希望渺茫）
  4340.                             t._translated_title = null;
  4341.                             return null;
  4342.                         }
  4343.  
  4344.                         if(!api.translation_info.is_original) {
  4345.                             //非原作则再次查询
  4346.                             api = await DLsite.getApiPromise(rjCode, api.lang);
  4347.                         }
  4348.                         t._translated_title = api.work_name;
  4349.                         return t._translated_title;
  4350.                     }
  4351.  
  4352.                     return getter(this);
  4353.                 }
  4354.             }
  4355.         },
  4356.  
  4357.         getParentWorkRjCode: function (redirectUrl){
  4358.             const reg = new RegExp("(?<=product_id/)((R[JE][0-9]{8})|(R[JE][0-9]{6})|([VB]J[0-9]{8})|([VB]J[0-9]{6}))")
  4359.             return redirectUrl.match(reg)[0];
  4360.         }
  4361.     }
  4362.  
  4363.     function getSettingsUi() {
  4364.         return {
  4365.             //这一层是设置界面最顶层，编辑大标题信息
  4366.             title: localize(localizationMap.title_settings),
  4367.             items: [
  4368.                 {
  4369.                     //这一层是设置界面的大分类
  4370.                     title: localize(localizationMap.title_language_settings),
  4371.                     items: [
  4372.                         {
  4373.                             //这一层是设置项列表集合（使用表格呈现设置项）"
  4374.                             items: [
  4375.                                 {
  4376.                                     //这一层是设置项
  4377.                                     type: "dropdown",
  4378.                                     title: localize(localizationMap.display_language),
  4379.                                     id: "lang",
  4380.                                     ignore_reset: true,
  4381.                                     options: [
  4382.                                         {
  4383.                                             title: "简体中文",
  4384.                                             value: "zh_CN"
  4385.                                         },
  4386.                                         {
  4387.                                             title: "繁體中文",
  4388.                                             value: "zh_TW"
  4389.                                         },
  4390.                                         {
  4391.                                             title: "English",
  4392.                                             value: "en_US"
  4393.                                         }
  4394.                                     ]
  4395.                                 },
  4396.                                 {
  4397.                                     //这一层是设置项
  4398.                                     type: "dropdown",
  4399.                                     title: localize(localizationMap.popup_language),
  4400.                                     id: "popup_lang",
  4401.                                     ignore_reset: true,
  4402.                                     tooltip: localize(localizationMap.popup_language_tooltip),
  4403.                                     options: [
  4404.                                         {
  4405.                                             title: "简体中文",
  4406.                                             value: "zh_CN"
  4407.                                         },
  4408.                                         {
  4409.                                             title: "繁體中文",
  4410.                                             value: "zh_TW"
  4411.                                         },
  4412.                                         {
  4413.                                             title: "English",
  4414.                                             value: "en_US"
  4415.                                         }
  4416.                                     ]
  4417.                                 }
  4418.                             ]
  4419.                         }
  4420.                     ]
  4421.                 },
  4422.  
  4423.                 {
  4424.                     //这一层是设置界面的大分类
  4425.                     title: localize(localizationMap.title_general_settings),
  4426.                     items: [
  4427.                         {
  4428.                             //这一层是设置项列表集合（使用表格呈现设置项）
  4429.                             items: [
  4430.                                 {
  4431.                                     //解析URL
  4432.                                     type: "checkbox",
  4433.                                     title: localize(localizationMap.parse_url),
  4434.                                     id: "parse_url",
  4435.                                     tooltip: localize(localizationMap.parse_url_tooltip)
  4436.                                 },
  4437.                                 {
  4438.                                     //DL上解析URL
  4439.                                     binding: {
  4440.                                         target: "parse_url",
  4441.                                         value: true
  4442.                                     },
  4443.  
  4444.                                     type: "checkbox",
  4445.                                     title: localize(localizationMap.parse_url_in_dl),
  4446.                                     id: "parse_url_in_dl",
  4447.                                     indent: 1,  //设置项缩进
  4448.                                     tooltip: localize(localizationMap.parse_url_in_dl_tooltip)
  4449.                                 },
  4450.                                 {
  4451.                                     //DL显示翻译标题
  4452.                                     type: "checkbox",
  4453.                                     title: localize(localizationMap.show_translated_title_in_dl),
  4454.                                     id: "show_translated_title_in_dl",
  4455.                                     tooltip: localize(localizationMap.show_translated_title_in_dl_tooltip)
  4456.                                 },
  4457.                                 {
  4458.                                     //“复制为有效文件名”按钮
  4459.                                     type: "checkbox",
  4460.                                     title: localize(localizationMap.copy_as_filename_btn),
  4461.                                     id: "copy_as_filename_btn",
  4462.                                     tooltip: localize(localizationMap.copy_as_filename_btn_tooltip)
  4463.                                 },
  4464.                                 {
  4465.                                     //**显示兼容性警告**
  4466.                                     type: "checkbox",
  4467.                                     title: `<strong>**${localize(localizationMap.show_compatibility_warning)}**</strong>`,
  4468.                                     id: "show_compatibility_warning",
  4469.                                     tooltip: localize(localizationMap.show_compatibility_warning_tooltip)
  4470.                                 },
  4471.                                 {
  4472.                                     //导向文本插入方式
  4473.                                     type: "dropdown",
  4474.                                     title: localize(localizationMap.url_insert_mode),
  4475.                                     id: "url_insert_mode",
  4476.                                     tooltip: localize(localizationMap.url_insert_mode_tooltip),
  4477.                                     options: [
  4478.                                         {
  4479.                                             title: localize(localizationMap.url_insert_mode_none),
  4480.                                             value: "none"
  4481.                                         },
  4482.                                         {
  4483.                                             title: localize(localizationMap.url_insert_mode_prefix),
  4484.                                             value: "prefix"
  4485.                                         },
  4486.                                         {
  4487.                                             title: localize(localizationMap.url_insert_mode_before_rj),
  4488.                                             value: "before_rj"
  4489.                                         }
  4490.                                     ]
  4491.                                 },
  4492.                                 {
  4493.                                     //导向文本
  4494.                                     type: "input",
  4495.                                     title: localize(localizationMap.url_insert_text),
  4496.                                     id: "url_insert_text",
  4497.                                     indent: 1
  4498.                                 },
  4499.  
  4500.                                 {
  4501.                                     //NSFW模式
  4502.                                     type: "checkbox",
  4503.                                     title: localize(localizationMap.sfw_mode),
  4504.                                     id: "sfw_mode",
  4505.                                     tooltip: localize(localizationMap.sfw_mode_tooltip)
  4506.                                 },
  4507.                                 {
  4508.                                     //模糊程度
  4509.                                     binding: {
  4510.                                         target: "sfw_mode",
  4511.                                         value: true
  4512.                                     },
  4513.  
  4514.                                     type: "dropdown",
  4515.                                     title: localize(localizationMap.sfw_blur_level),
  4516.                                     id: "sfw_blur_level",
  4517.                                     indent: 1,
  4518.                                     options: [
  4519.                                         {
  4520.                                             title: localize(localizationMap.low),
  4521.                                             value: "low"
  4522.                                         },
  4523.                                         {
  4524.                                             title: localize(localizationMap.medium),
  4525.                                             value: "medium"
  4526.                                         },
  4527.                                         {
  4528.                                             title: localize(localizationMap.high),
  4529.                                             value: "high"
  4530.                                         }
  4531.                                     ]
  4532.                                 },
  4533.                                 {
  4534.                                     //鼠标移至图片上方移除模糊
  4535.                                     binding: {
  4536.                                         target: "sfw_mode",
  4537.                                         value: true
  4538.                                     },
  4539.  
  4540.                                     type: "checkbox",
  4541.                                     title: localize(localizationMap.sfw_remove_when_hover),
  4542.                                     id: "sfw_remove_when_hover",
  4543.                                     indent: 1,
  4544.                                 },
  4545.                                 {
  4546.                                     //是否开启模糊动画
  4547.                                     binding: {
  4548.                                         target: "sfw_mode",
  4549.                                         value: true
  4550.                                     },
  4551.  
  4552.                                     type: "checkbox",
  4553.                                     title: localize(localizationMap.sfw_blur_transition),
  4554.                                     id: "sfw_blur_transition",
  4555.                                     indent: 1,
  4556.                                 }
  4557.                             ]
  4558.                         }
  4559.                     ]
  4560.                 },
  4561.                 {
  4562.                     //分类：信息显示
  4563.                     title: localize(localizationMap.title_info_settings),
  4564.                     items: [
  4565.                         {
  4566.                             //预设表格
  4567.                             items: [
  4568.                                 {
  4569.                                     type: "dropdown",
  4570.                                     title: localize(localizationMap.category_preset),
  4571.                                     id: "category_preset",
  4572.                                     tooltip: localize(localizationMap.category_preset_tooltip),
  4573.                                     ignore_reset: true,  //不显示重置按钮
  4574.                                     options: [
  4575.                                         {
  4576.                                             title: localize(localizationMap.work_type_voice),
  4577.                                             value: "voice"
  4578.                                         },
  4579.                                         {
  4580.                                             title: localize(localizationMap.work_type_game),
  4581.                                             value: "game"
  4582.                                         },
  4583.                                         {
  4584.                                             title: `${localize(localizationMap.work_type_comic)} / ${localize(localizationMap.work_type_illustration)} / ${localize(localizationMap.work_type_voice_comic)}`,
  4585.                                             value: "manga"
  4586.                                         },
  4587.                                         {
  4588.                                             title: localize(localizationMap.work_type_video),
  4589.                                             value: "video"
  4590.                                         },
  4591.                                         {
  4592.                                             title: localize(localizationMap.work_type_novel),
  4593.                                             value: "novel"
  4594.                                         },
  4595.                                         {
  4596.                                             title: localize(localizationMap.work_type_other),
  4597.                                             value: "other"
  4598.                                         }
  4599.                                     ]
  4600.                                 }
  4601.                             ]
  4602.                         },
  4603.                         {
  4604.                             //音声Preset对应的表格，注意使用Binding来决定表格是否显示
  4605.                             binding: {
  4606.                                 target: "category_preset",
  4607.                                 value: "voice"
  4608.                             },
  4609.                             sortable: true,  //为true则代表该表格内的行可以排序
  4610.                             sort_id: "voice__info_display_order",  //若排序则一定要指定id，该id将会存储在设置项中，作为列表记录每个元素的顺序
  4611.                             items: [
  4612.                                 {
  4613.                                     //销量
  4614.                                     type: "checkbox",
  4615.                                     title: localize(localizationMap.dl_count),
  4616.                                     id: "voice__dl_count",  //注意这里不同的preset要改成不同的值
  4617.                                 },
  4618.                                 {
  4619.                                     //社团名
  4620.                                     type: "checkbox",
  4621.                                     title: localize(localizationMap.circle_name),
  4622.                                     id: "voice__circle_name",  //注意这里不同的preset要改成不同的值
  4623.                                 },
  4624.                                 {
  4625.                                     //翻译者
  4626.                                     type: "checkbox",
  4627.                                     title: localize(localizationMap.translator_name),
  4628.                                     id: "voice__translator_name",
  4629.                                 },
  4630.                                 {
  4631.                                     //发售日
  4632.                                     type: "checkbox",
  4633.                                     title: localize(localizationMap.release_date),
  4634.                                     id: "voice__release_date",
  4635.                                 },
  4636.                                 {
  4637.                                     //更新日
  4638.                                     type: "checkbox",
  4639.                                     title: localize(localizationMap.update_date),
  4640.                                     id: "voice__update_date",
  4641.                                 },
  4642.                                 {
  4643.                                     //年龄指定
  4644.                                     type: "checkbox",
  4645.                                     title: localize(localizationMap.age_rating),
  4646.                                     id: "voice__age_rating",
  4647.                                 },
  4648.                                 {
  4649.                                     //剧情作者
  4650.                                     type: "checkbox",
  4651.                                     title: localize(localizationMap.scenario),
  4652.                                     id: "voice__scenario",
  4653.                                 },
  4654.                                 {
  4655.                                     //插画作者
  4656.                                     type: "checkbox",
  4657.                                     title: localize(localizationMap.illustration),
  4658.                                     id: "voice__illustration",
  4659.                                 },
  4660.                                 {
  4661.                                     //配音者
  4662.                                     type: "checkbox",
  4663.                                     title: localize(localizationMap.voice_actor),
  4664.                                     id: "voice__voice_actor",
  4665.                                 },
  4666.                                 {
  4667.                                     //音乐作者
  4668.                                     type: "checkbox",
  4669.                                     title: localize(localizationMap.music),
  4670.                                     id: "voice__music",
  4671.                                 },
  4672.                                 {
  4673.                                     //作品标签/分类
  4674.                                     type: "checkbox",
  4675.                                     title: localize(localizationMap.genre),
  4676.                                     id: "voice__genre",
  4677.                                 },
  4678.                                 {
  4679.                                     //文件大小
  4680.                                     type: "checkbox",
  4681.                                     title: localize(localizationMap.file_size),
  4682.                                     id: "voice__file_size",
  4683.                                 }
  4684.                             ]
  4685.                         },
  4686.                         {
  4687.                             //游戏Preset对应的表格
  4688.                             binding: {
  4689.                                 target: "category_preset",
  4690.                                 value: "game"
  4691.                             },
  4692.                             sortable: true,  //为true则代表该表格内的行可以排序
  4693.                             sort_id: "game__info_display_order",
  4694.                             items: [
  4695.                                 {
  4696.                                     //销量
  4697.                                     type: "checkbox",
  4698.                                     title: localize(localizationMap.dl_count),
  4699.                                     id: "game__dl_count",
  4700.                                 },
  4701.                                 {
  4702.                                     //社团名
  4703.                                     type: "checkbox",
  4704.                                     title: localize(localizationMap.circle_name),
  4705.                                     id: "game__circle_name",
  4706.                                 },
  4707.                                 {
  4708.                                     //翻译者
  4709.                                     type: "checkbox",
  4710.                                     title: localize(localizationMap.translator_name),
  4711.                                     id: "game__translator_name",
  4712.                                 },
  4713.                                 {
  4714.                                     //发售日
  4715.                                     type: "checkbox",
  4716.                                     title: localize(localizationMap.release_date),
  4717.                                     id: "game__release_date",
  4718.                                 },
  4719.                                 {
  4720.                                     //更新日
  4721.                                     type: "checkbox",
  4722.                                     title: localize(localizationMap.update_date),
  4723.                                     id: "game__update_date",
  4724.                                 },
  4725.                                 {
  4726.                                     //年龄指定
  4727.                                     type: "checkbox",
  4728.                                     title: localize(localizationMap.age_rating),
  4729.                                     id: "game__age_rating",
  4730.                                 },
  4731.                                 {
  4732.                                     //剧情作者
  4733.                                     type: "checkbox",
  4734.                                     title: localize(localizationMap.scenario),
  4735.                                     id: "game__scenario",
  4736.                                 },
  4737.                                 {
  4738.                                     //插画作者
  4739.                                     type: "checkbox",
  4740.                                     title: localize(localizationMap.illustration),
  4741.                                     id: "game__illustration",
  4742.                                 },
  4743.                                 {
  4744.                                     //配音者
  4745.                                     type: "checkbox",
  4746.                                     title: localize(localizationMap.voice_actor),
  4747.                                     id: "game__voice_actor",
  4748.                                 },
  4749.                                 {
  4750.                                     //音乐作者
  4751.                                     type: "checkbox",
  4752.                                     title: localize(localizationMap.music),
  4753.                                     id: "game__music",
  4754.                                 },
  4755.                                 {
  4756.                                     //作品标签/分类
  4757.                                     type: "checkbox",
  4758.                                     title: localize(localizationMap.genre),
  4759.                                     id: "game__genre",
  4760.                                 },
  4761.                                 {
  4762.                                     //文件大小
  4763.                                     type: "checkbox",
  4764.                                     title: localize(localizationMap.file_size),
  4765.                                     id: "game__file_size",
  4766.                                 }
  4767.                             ]
  4768.                         },
  4769.                         {
  4770.                             //漫画对应preset
  4771.                             binding: {
  4772.                                 target: "category_preset",
  4773.                                 value: "manga"
  4774.                             },
  4775.                             sortable: true,  //为true则代表该表格内的行可以排序
  4776.                             sort_id: "manga__info_display_order",
  4777.                             items: [
  4778.                                 {
  4779.                                     //销量
  4780.                                     type: "checkbox",
  4781.                                     title: localize(localizationMap.dl_count),
  4782.                                     id: "manga__dl_count",
  4783.                                 },
  4784.                                 {
  4785.                                     //社团名
  4786.                                     type: "checkbox",
  4787.                                     title: localize(localizationMap.circle_name),
  4788.                                     id: "manga__circle_name",
  4789.                                 },
  4790.                                 {
  4791.                                     //翻译者
  4792.                                     type: "checkbox",
  4793.                                     title: localize(localizationMap.translator_name),
  4794.                                     id: "manga__translator_name",
  4795.                                 },
  4796.                                 {
  4797.                                     //发售日
  4798.                                     type: "checkbox",
  4799.                                     title: localize(localizationMap.release_date),
  4800.                                     id: "manga__release_date",
  4801.                                 },
  4802.                                 {
  4803.                                     //更新日
  4804.                                     type: "checkbox",
  4805.                                     title: localize(localizationMap.update_date),
  4806.                                     id: "manga__update_date",
  4807.                                 },
  4808.                                 {
  4809.                                     //年龄指定
  4810.                                     type: "checkbox",
  4811.                                     title: localize(localizationMap.age_rating),
  4812.                                     id: "manga__age_rating",
  4813.                                 },
  4814.                                 {
  4815.                                     //剧情作者
  4816.                                     type: "checkbox",
  4817.                                     title: localize(localizationMap.scenario),
  4818.                                     id: "manga__scenario",
  4819.                                 },
  4820.                                 {
  4821.                                     //插画作者
  4822.                                     type: "checkbox",
  4823.                                     title: localize(localizationMap.illustration),
  4824.                                     id: "manga__illustration",
  4825.                                 },
  4826.                                 {
  4827.                                     //配音者
  4828.                                     type: "checkbox",
  4829.                                     title: localize(localizationMap.voice_actor),
  4830.                                     id: "manga__voice_actor",
  4831.                                     tooltip: localize(localizationMap.work_type_voice_comic)
  4832.                                 },
  4833.                                 {
  4834.                                     //音乐作者
  4835.                                     type: "checkbox",
  4836.                                     title: localize(localizationMap.music),
  4837.                                     id: "manga__music",
  4838.                                 },
  4839.                                 {
  4840.                                     //作品标签/分类
  4841.                                     type: "checkbox",
  4842.                                     title: localize(localizationMap.genre),
  4843.                                     id: "manga__genre",
  4844.                                 },
  4845.                                 {
  4846.                                     //文件大小
  4847.                                     type: "checkbox",
  4848.                                     title: localize(localizationMap.file_size),
  4849.                                     id: "manga__file_size",
  4850.                                 }
  4851.                             ]
  4852.                         },
  4853.                         {
  4854.                             //视频对应preset
  4855.                             binding: {
  4856.                                 target: "category_preset",
  4857.                                 value: "video"
  4858.                             },
  4859.                             sortable: true,  //为true则代表该表格内的行可以排序
  4860.                             sort_id: "video__info_display_order",
  4861.                             items: [
  4862.                                 {
  4863.                                     //销量
  4864.                                     type: "checkbox",
  4865.                                     title: localize(localizationMap.dl_count),
  4866.                                     id: "video__dl_count",
  4867.                                 },
  4868.                                 {
  4869.                                     //社团名
  4870.                                     type: "checkbox",
  4871.                                     title: localize(localizationMap.circle_name),
  4872.                                     id: "video__circle_name",
  4873.                                 },
  4874.                                 {
  4875.                                     //翻译者
  4876.                                     type: "checkbox",
  4877.                                     title: localize(localizationMap.translator_name),
  4878.                                     id: "video__translator_name",
  4879.                                 },
  4880.                                 {
  4881.                                     //发售日
  4882.                                     type: "checkbox",
  4883.                                     title: localize(localizationMap.release_date),
  4884.                                     id: "video__release_date",
  4885.                                 },
  4886.                                 {
  4887.                                     //更新日
  4888.                                     type: "checkbox",
  4889.                                     title: localize(localizationMap.update_date),
  4890.                                     id: "video__update_date",
  4891.                                 },
  4892.                                 {
  4893.                                     //年龄指定
  4894.                                     type: "checkbox",
  4895.                                     title: localize(localizationMap.age_rating),
  4896.                                     id: "video__age_rating",
  4897.                                 },
  4898.                                 {
  4899.                                     //剧情作者
  4900.                                     type: "checkbox",
  4901.                                     title: localize(localizationMap.scenario),
  4902.                                     id: "video__scenario",
  4903.                                 },
  4904.                                 {
  4905.                                     //插画作者
  4906.                                     type: "checkbox",
  4907.                                     title: localize(localizationMap.illustration),
  4908.                                     id: "video__illustration",
  4909.                                 },
  4910.                                 {
  4911.                                     //配音者
  4912.                                     type: "checkbox",
  4913.                                     title: localize(localizationMap.voice_actor),
  4914.                                     id: "video__voice_actor",
  4915.                                 },
  4916.                                 {
  4917.                                     //音乐作者
  4918.                                     type: "checkbox",
  4919.                                     title: localize(localizationMap.music),
  4920.                                     id: "video__music",
  4921.                                 },
  4922.                                 {
  4923.                                     //作品标签/分类
  4924.                                     type: "checkbox",
  4925.                                     title: localize(localizationMap.genre),
  4926.                                     id: "video__genre",
  4927.                                 },
  4928.                                 {
  4929.                                     //文件大小
  4930.                                     type: "checkbox",
  4931.                                     title: localize(localizationMap.file_size),
  4932.                                     id: "video__file_size",
  4933.                                 }
  4934.                             ]
  4935.                         },
  4936.                         {
  4937.                             //小说对应Preset
  4938.                             binding: {
  4939.                                 target: "category_preset",
  4940.                                 value: "novel"
  4941.                             },
  4942.                             sortable: true,  //为true则代表该表格内的行可以排序
  4943.                             sort_id: "novel__info_display_order",
  4944.                             items: [
  4945.                                 {
  4946.                                     //销量
  4947.                                     type: "checkbox",
  4948.                                     title: localize(localizationMap.dl_count),
  4949.                                     id: "novel__dl_count",
  4950.                                 },
  4951.                                 {
  4952.                                     //社团名
  4953.                                     type: "checkbox",
  4954.                                     title: localize(localizationMap.circle_name),
  4955.                                     id: "novel__circle_name",
  4956.                                 },
  4957.                                 {
  4958.                                     //翻译者
  4959.                                     type: "checkbox",
  4960.                                     title: localize(localizationMap.translator_name),
  4961.                                     id: "novel__translator_name",
  4962.                                 },
  4963.                                 {
  4964.                                     //发售日
  4965.                                     type: "checkbox",
  4966.                                     title: localize(localizationMap.release_date),
  4967.                                     id: "novel__release_date",
  4968.                                 },
  4969.                                 {
  4970.                                     //更新日
  4971.                                     type: "checkbox",
  4972.                                     title: localize(localizationMap.update_date),
  4973.                                     id: "novel__update_date",
  4974.                                 },
  4975.                                 {
  4976.                                     //年龄指定
  4977.                                     type: "checkbox",
  4978.                                     title: localize(localizationMap.age_rating),
  4979.                                     id: "novel__age_rating",
  4980.                                 },
  4981.                                 {
  4982.                                     //剧情作者
  4983.                                     type: "checkbox",
  4984.                                     title: localize(localizationMap.scenario),
  4985.                                     id: "novel__scenario",
  4986.                                 },
  4987.                                 {
  4988.                                     //插画作者
  4989.                                     type: "checkbox",
  4990.                                     title: localize(localizationMap.illustration),
  4991.                                     id: "novel__illustration",
  4992.                                 },
  4993.                                 {
  4994.                                     //配音者
  4995.                                     type: "checkbox",
  4996.                                     title: localize(localizationMap.voice_actor),
  4997.                                     id: "novel__voice_actor",
  4998.                                 },
  4999.                                 {
  5000.                                     //音乐作者
  5001.                                     type: "checkbox",
  5002.                                     title: localize(localizationMap.music),
  5003.                                     id: "novel__music",
  5004.                                 },
  5005.                                 {
  5006.                                     //作品标签/分类
  5007.                                     type: "checkbox",
  5008.                                     title: localize(localizationMap.genre),
  5009.                                     id: "novel__genre",
  5010.                                 },
  5011.                                 {
  5012.                                     //文件大小
  5013.                                     type: "checkbox",
  5014.                                     title: localize(localizationMap.file_size),
  5015.                                     id: "novel__file_size",
  5016.                                 }
  5017.                             ]
  5018.                         },
  5019.                         {
  5020.                             //其他对应Preset
  5021.                             binding: {
  5022.                                 target: "category_preset",
  5023.                                 value: "other"
  5024.                             },
  5025.                             sortable: true,  //为true则代表该表格内的行可以排序
  5026.                             sort_id: "other__info_display_order",
  5027.                             items: [
  5028.                                 {
  5029.                                     //销量
  5030.                                     type: "checkbox",
  5031.                                     title: localize(localizationMap.dl_count),
  5032.                                     id: "other__dl_count",
  5033.                                 },
  5034.                                 {
  5035.                                     //社团名
  5036.                                     type: "checkbox",
  5037.                                     title: localize(localizationMap.circle_name),
  5038.                                     id: "other__circle_name",
  5039.                                 },
  5040.                                 {
  5041.                                     //翻译者
  5042.                                     type: "checkbox",
  5043.                                     title: localize(localizationMap.translator_name),
  5044.                                     id: "other__translator_name",
  5045.                                 },
  5046.                                 {
  5047.                                     //发售日
  5048.                                     type: "checkbox",
  5049.                                     title: localize(localizationMap.release_date),
  5050.                                     id: "other__release_date",
  5051.                                 },
  5052.                                 {
  5053.                                     //更新日
  5054.                                     type: "checkbox",
  5055.                                     title: localize(localizationMap.update_date),
  5056.                                     id: "other__update_date",
  5057.                                 },
  5058.                                 {
  5059.                                     //年龄指定
  5060.                                     type: "checkbox",
  5061.                                     title: localize(localizationMap.age_rating),
  5062.                                     id: "other__age_rating",
  5063.                                 },
  5064.                                 {
  5065.                                     //剧情作者
  5066.                                     type: "checkbox",
  5067.                                     title: localize(localizationMap.scenario),
  5068.                                     id: "other__scenario",
  5069.                                 },
  5070.                                 {
  5071.                                     //插画作者
  5072.                                     type: "checkbox",
  5073.                                     title: localize(localizationMap.illustration),
  5074.                                     id: "other__illustration",
  5075.                                 },
  5076.                                 {
  5077.                                     //配音者
  5078.                                     type: "checkbox",
  5079.                                     title: localize(localizationMap.voice_actor),
  5080.                                     id: "other__voice_actor",
  5081.                                 },
  5082.                                 {
  5083.                                     //音乐作者
  5084.                                     type: "checkbox",
  5085.                                     title: localize(localizationMap.music),
  5086.                                     id: "other__music",
  5087.                                 },
  5088.                                 {
  5089.                                     //作品标签/分类
  5090.                                     type: "checkbox",
  5091.                                     title: localize(localizationMap.genre),
  5092.                                     id: "other__genre",
  5093.                                 },
  5094.                                 {
  5095.                                     //文件大小
  5096.                                     type: "checkbox",
  5097.                                     title: localize(localizationMap.file_size),
  5098.                                     id: "other__file_size",
  5099.                                 }
  5100.                             ]
  5101.                         }
  5102.                     ]
  5103.                 },
  5104.                 {
  5105.                     //分类：标签显示
  5106.                     title: localize(localizationMap.title_tag_settings),
  5107.                     items: [
  5108.                         {
  5109.                             //总开关表格
  5110.                             items: [
  5111.                                 {
  5112.                                     type: "checkbox",
  5113.                                     title: localize(localizationMap.tag_main_switch),
  5114.                                     tooltip: localize(localizationMap.tag_main_switch_tooltip),
  5115.                                     id: "tag_main_switch"
  5116.                                 },
  5117.                                 {
  5118.                                     //显示评分人数
  5119.                                     type: "checkbox",
  5120.                                     title: localize(localizationMap.show_rate_count),
  5121.                                     id: "show_rate_count",
  5122.                                     indent: 1
  5123.                                 }
  5124.                             ]
  5125.                         },
  5126.                         {
  5127.                             //标签开关表格
  5128.                             binding: {
  5129.                                 target: "tag_main_switch",
  5130.                                 value: true
  5131.                             },
  5132.                             items: [
  5133.                                 {
  5134.                                     //所有的标签开关集合
  5135.                                     type: "tag_switch",
  5136.                                     //标签之间可以排序
  5137.                                     sortable: true,
  5138.                                     sort_id: "tag_display_order",
  5139.                                     items: [
  5140.                                         {
  5141.                                             //销量
  5142.                                             title: localize(localizationMap.rate),
  5143.                                             id: "tag_rate",
  5144.                                             class: "tag-yellow",
  5145.                                             tooltip: localize(localizationMap.rate_tooltip)
  5146.                                         },
  5147.                                         {
  5148.                                             //作品类型
  5149.                                             title: localize(localizationMap.tag_work_type),
  5150.                                             id: "tag_work_type",
  5151.                                             class: "tag-darkblue",
  5152.                                             tooltip: `
  5153. <div class="${VOICELINK_CLASS}_tags">
  5154.     <span class="${VOICELINK_CLASS}_tag-purple">${localize(localizationMap.work_type_game)}</span>
  5155.     <span class="${VOICELINK_CLASS}_tag-green">${localize(localizationMap.work_type_comic)}</span>
  5156.     <span class="${VOICELINK_CLASS}_tag-teal">${localize(localizationMap.work_type_illustration)}</span>
  5157.     <span class="${VOICELINK_CLASS}_tag-gray">${localize(localizationMap.work_type_novel)}</span>
  5158.     <span class="${VOICELINK_CLASS}_tag-darkblue">${localize(localizationMap.work_type_video)}</span>
  5159.     <span class="${VOICELINK_CLASS}_tag-orange">${localize(localizationMap.work_type_voice)}</span>
  5160.     <span class="${VOICELINK_CLASS}_tag-yellow">${localize(localizationMap.work_type_music)}</span>
  5161.     <span class="${VOICELINK_CLASS}_tag-gray">${localize(localizationMap.work_type_tool)}</span>
  5162.     <span class="${VOICELINK_CLASS}_tag-blue">${localize(localizationMap.work_type_voice_comic)}</span>
  5163.     <span class="${VOICELINK_CLASS}_tag-gray">${localize(localizationMap.work_type_other)}</span>
  5164. </div>`,
  5165.                                         },
  5166.                                         {
  5167.                                             //可翻译
  5168.                                             title: localize(localizationMap.tag_translatable),
  5169.                                             id: "tag_translatable",
  5170.                                             class: "tag-green",
  5171.                                             tooltip: localize(localizationMap.tag_translatable_tooltip)
  5172.                                         },
  5173.                                         {
  5174.                                             //不可翻译
  5175.                                             title: localize(localizationMap.tag_not_translatable),
  5176.                                             id: "tag_not_translatable",
  5177.                                             class: "tag-red",
  5178.                                             tooltip: localize(localizationMap.tag_not_translatable_tooltip)
  5179.                                         },
  5180.                                         {
  5181.                                             //翻译作品
  5182.                                             title: localize(localizationMap.tag_translated),
  5183.                                             id: "tag_translated",
  5184.                                             class: "tag-teal",
  5185.                                             tooltip: localize(localizationMap.tag_translated_tooltip)
  5186.                                         },
  5187.                                         {
  5188.                                             //支持语言
  5189.                                             title: localize(localizationMap.tag_language_support),
  5190.                                             id: "tag_language_support",
  5191.                                             class: "tag-pink",
  5192.                                             tooltip: `
  5193. <div class="${VOICELINK_CLASS}_tags">
  5194. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_japanese)}</span>
  5195. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_simplified_chinese)}</span>
  5196. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_traditional_chinese)}</span>
  5197. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_english)}</span>
  5198. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_korean)}</span>
  5199. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_german)}</span>
  5200. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_french)}</span>
  5201. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_indonesian)}</span>
  5202. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_italian)}</span>
  5203. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_portuguese)}</span>
  5204. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_swedish)}</span>
  5205. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_thai)}</span>
  5206. <span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_vietnamese)}</span>
  5207. </div>
  5208.                   `
  5209.                                         },
  5210.                                         {
  5211.                                             //特典作品
  5212.                                             title: localize(localizationMap.tag_bonus_work),
  5213.                                             id: "tag_bonus_work",
  5214.                                             class: "tag-yellow",
  5215.                                             tooltip: localize(localizationMap.tag_bonus_work_tooltip)
  5216.                                         },
  5217.                                         {
  5218.                                             //含特典
  5219.                                             title: localize(localizationMap.tag_has_bonus),
  5220.                                             id: "tag_has_bonus",
  5221.                                             class: "tag-orange",
  5222.                                             tooltip: localize(localizationMap.tag_has_bonus_tooltip)
  5223.                                         },
  5224.                                         {
  5225.                                             //文件格式
  5226.                                             title: localize(localizationMap.tag_file_format),
  5227.                                             id: "tag_file_format",
  5228.                                             class: "tag-darkblue",
  5229.                                             tooltip: localize(localizationMap.tag_file_format_tooltip)
  5230.                                         },
  5231.                                         {
  5232.                                             //已下架
  5233.                                             title: localize(localizationMap.tag_no_longer_available),
  5234.                                             id: "tag_no_longer_available",
  5235.                                             class: "tag-gray",
  5236.                                         },
  5237.                                         {
  5238.                                             //AI & 部分AI
  5239.                                             title: localize(localizationMap.tag_ai),
  5240.                                             id: "tag_ai",
  5241.                                             class: "tag-purple",
  5242.                                             tooltip: localize(localizationMap.tag_ai_tooltip)
  5243.                                         }
  5244.                                     ]
  5245.                                 },
  5246.                             ]
  5247.                         },
  5248.                         {
  5249.                             //翻译情况显示表格
  5250.                             items: [
  5251.                                 {
  5252.                                     //翻译情况显示开关
  5253.                                     type: "checkbox",
  5254.                                     title: localize(localizationMap.tag_translation_request),
  5255.                                     id: "tag_translation_request",
  5256.                                     tooltip: localize(localizationMap.tag_translation_request_tooltip)
  5257.                                 },
  5258.                             ]
  5259.                         },
  5260.                         {
  5261.                             //翻译情况标签显示表格
  5262.                             binding: {
  5263.                                 target: "tag_translation_request",
  5264.                                 value: true
  5265.                             },
  5266.                             items: [
  5267.                                 {
  5268.                                     //各种翻译情况显示
  5269.                                     type: "tag_switch",
  5270.                                     sortable: true,
  5271.                                     sort_id: "tag_translation_request_display_order",
  5272.                                     items: [
  5273.                                         {
  5274.                                             //英语
  5275.                                             title: `${localize(localizationMap.language_english_abbr)} 1-1`,
  5276.                                             id: "tag_translation_request_english",
  5277.                                             class: "tag-orange",
  5278.                                             tooltip: localize(localizationMap.language_english)
  5279.                                         },
  5280.                                         {
  5281.                                             //简体中文
  5282.                                             title: `${localize(localizationMap.language_simplified_chinese_abbr)} 1-1`,
  5283.                                             id: "tag_translation_request_simplified_chinese",
  5284.                                             class: "tag-orange",
  5285.                                             tooltip: localize(localizationMap.language_simplified_chinese)
  5286.                                         },
  5287.                                         {
  5288.                                             //繁体中文
  5289.                                             title: `${localize(localizationMap.language_traditional_chinese_abbr)} 1-1`,
  5290.                                             id: "tag_translation_request_traditional_chinese",
  5291.                                             class: "tag-orange",
  5292.                                             tooltip: localize(localizationMap.language_traditional_chinese)
  5293.                                         },
  5294.                                         {
  5295.                                             //韩语
  5296.                                             title: `${localize(localizationMap.language_korean_abbr)} 1-1`,
  5297.                                             id: "tag_translation_request_korean",
  5298.                                             class: "tag-orange",
  5299.                                             tooltip: localize(localizationMap.language_korean)
  5300.                                         },
  5301.                                         {
  5302.                                             //西班牙语
  5303.                                             title: `${localize(localizationMap.language_spanish_abbr)} 1-1`,
  5304.                                             id: "tag_translation_request_spanish",
  5305.                                             class: "tag-orange",
  5306.                                             tooltip: localize(localizationMap.language_spanish)
  5307.                                         },
  5308.                                         {
  5309.                                             //德语
  5310.                                             title: `${localize(localizationMap.language_german_abbr)} 1-1`,
  5311.                                             id: "tag_translation_request_german",
  5312.                                             class: "tag-orange",
  5313.                                             tooltip: localize(localizationMap.language_german)
  5314.                                         },
  5315.                                         {
  5316.                                             //法语
  5317.                                             title: `${localize(localizationMap.language_french_abbr)} 1-1`,
  5318.                                             id: "tag_translation_request_french",
  5319.                                             class: "tag-orange",
  5320.                                             tooltip: localize(localizationMap.language_french)
  5321.                                         },
  5322.                                         {
  5323.                                             //印尼语
  5324.                                             title: `${localize(localizationMap.language_indonesian_abbr)} 1-1`,
  5325.                                             id: "tag_translation_request_indonesian",
  5326.                                             class: "tag-orange",
  5327.                                             tooltip: localize(localizationMap.language_indonesian)
  5328.                                         },
  5329.                                         {
  5330.                                             //意大利语
  5331.                                             title: `${localize(localizationMap.language_italian_abbr)} 1-1`,
  5332.                                             id: "tag_translation_request_italian",
  5333.                                             class: "tag-orange",
  5334.                                             tooltip: localize(localizationMap.language_italian)
  5335.                                         },
  5336.                                         {
  5337.                                             //葡萄牙语
  5338.                                             title: `${localize(localizationMap.language_portuguese_abbr)} 1-1`,
  5339.                                             id: "tag_translation_request_portuguese",
  5340.                                             class: "tag-orange",
  5341.                                             tooltip: localize(localizationMap.language_portuguese)
  5342.                                         },
  5343.                                         {
  5344.                                             //瑞典语
  5345.                                             title: `${localize(localizationMap.language_swedish_abbr)} 1-1`,
  5346.                                             id: "tag_translation_request_swedish",
  5347.                                             class: "tag-orange",
  5348.                                             tooltip: localize(localizationMap.language_swedish)
  5349.                                         },
  5350.                                         {
  5351.                                             //泰语
  5352.                                             title: `${localize(localizationMap.language_thai_abbr)} 1-1`,
  5353.                                             id: "tag_translation_request_thai",
  5354.                                             class: "tag-orange",
  5355.                                             tooltip: localize(localizationMap.language_thai)
  5356.                                         },
  5357.                                         {
  5358.                                             //越南语
  5359.                                             title: `${localize(localizationMap.language_vietnamese_abbr)} 1-1`,
  5360.                                             id: "tag_translation_request_vietnamese",
  5361.                                             class: "tag-orange",
  5362.                                             tooltip: localize(localizationMap.language_vietnamese)
  5363.                                         }
  5364.                                     ]
  5365.                                 }
  5366.                             ]
  5367.                         }
  5368.                     ]
  5369.                 }
  5370.             ]
  5371.         };
  5372.     }
  5373.     class SettingPageBuilder {
  5374.         constructor(structure, settings) {
  5375.             this.structure = structure;
  5376.             this.settings = settings;
  5377.             this.container = null;
  5378.         }
  5379.  
  5380.         getClass(name) {
  5381.             if(!VOICELINK_CLASS || VOICELINK_CLASS === "") return name;
  5382.             return `${VOICELINK_CLASS}_${name}`;
  5383.         }
  5384.  
  5385.         build(useTemp = false) {
  5386.             const f = this.structure;
  5387.             let tempSettings = this.settings;
  5388.  
  5389.             //若未要求则清空设置暂存
  5390.             if(useTemp){
  5391.                 tempSettings = {};
  5392.                 for(let key in this.settings.temp_edited){
  5393.                     if(!key.startsWith("_s_")) continue;
  5394.                     tempSettings[key] = this.settings.temp_edited[key];
  5395.                 }
  5396.             }else{
  5397.                 this.settings.clearTemp();
  5398.             }
  5399.  
  5400.             //创建container
  5401.             const container = document.createElement("div");
  5402.             container.className = this.getClass("container");
  5403.             container.id = this.getClass("settings-container");
  5404.             this.container = container;
  5405.  
  5406.             //创建关闭按钮
  5407.             const closeButton = document.createElement("button");
  5408.             closeButton.id = this.getClass("button-close");
  5409.             closeButton.innerText = "X";
  5410.             closeButton.onclick = () => {
  5411.                 container.remove();
  5412.             };
  5413.             container.appendChild(closeButton);
  5414.  
  5415.             //创建标题
  5416.             const title = document.createElement("h1");
  5417.             title.innerText = f.title;
  5418.             container.appendChild(title);
  5419.  
  5420.             //遍历构建Section
  5421.             for(const section of f.items){
  5422.                 container.appendChild(this.buildSection(section));
  5423.             }
  5424.  
  5425.             //添加保存、重置按钮
  5426.             const buttonContainer = document.createElement("div");
  5427.             buttonContainer.className = this.getClass("button-container");
  5428.             const saveButton = document.createElement("button");
  5429.             saveButton.id = this.getClass("button-save");
  5430.             saveButton.innerText = localize(localizationMap.button_save);
  5431.             saveButton.onclick = () => {
  5432.                 try{
  5433.                     this.settings.save();
  5434.                     window.alert(localize(localizationMap.save_complete))
  5435.                     container.remove();
  5436.                 }catch (e){
  5437.                     window.alert(e);
  5438.                 }
  5439.             };
  5440.             const resetButton = document.createElement("button");
  5441.             resetButton.id = this.getClass("button-reset");
  5442.             resetButton.innerText = localize(localizationMap.button_reset);
  5443.             resetButton.onclick = () => {
  5444.                 if(!window.confirm(localize(localizationMap.reset_confirm))){
  5445.                     return;
  5446.                 }
  5447.                 try{
  5448.                     // this.settings.reset();
  5449.                     window.alert(localize(localizationMap.reset_complete))
  5450.                 }catch (e) {
  5451.                     window.alert(e);
  5452.                 }
  5453.                 this.refreshSettings(this.settings.default_backup);
  5454.             };
  5455.             buttonContainer.appendChild(saveButton);
  5456.             buttonContainer.appendChild(resetButton);
  5457.             container.appendChild(buttonContainer);
  5458.  
  5459.             this.initSortableElement();
  5460.             this.refreshSettings(tempSettings);
  5461.             return container;
  5462.         };
  5463.  
  5464.         buildSection(section){
  5465.             //创建容器
  5466.             const container = document.createElement("div");
  5467.             container.className = this.getClass("section-container");
  5468.  
  5469.             //创建标题
  5470.             const title = document.createElement("h2");
  5471.             title.innerText = section.title;
  5472.             container.appendChild(title);
  5473.  
  5474.             //遍历构建Table
  5475.             for(const item of section.items){
  5476.                 container.appendChild(this.buildTable(item, container));
  5477.             }
  5478.  
  5479.             return container;
  5480.         };
  5481.  
  5482.         buildTable(table, section){
  5483.             //创建table
  5484.             const tableElement = document.createElement("table");
  5485.  
  5486.             //创建可能存在的preset绑定
  5487.             this.createBinding(table, tableElement, section);
  5488.  
  5489.             //遍历构建Row（先把row缓存在列表里，经过排序后构建）
  5490.             let rowList = [];
  5491.             const nodesCache = document.createElement("div");
  5492.             for(const row of table.items){
  5493.                 let rowElement = this.buildRow(row, nodesCache);
  5494.                 if(table.sortable){
  5495.                     this.setSortable(rowElement);
  5496.                 }
  5497.                 rowList.push(rowElement);
  5498.  
  5499.                 //存入缓存用于绑定
  5500.                 nodesCache.appendChild(rowElement);
  5501.             }
  5502.  
  5503.             //重置按钮行
  5504.             let resetRow;
  5505.             if(table.sortable){
  5506.                 tableElement.setAttribute("data-sort-id", table.sort_id);
  5507.                 this.sortSortable(rowList, table.sort_id);
  5508.  
  5509.                 //若可排序则还要添加重置按钮
  5510.                 if(table.ignore_reset !== true){
  5511.                     resetRow = document.createElement("tr");
  5512.                     const resetCell = document.createElement("td");
  5513.                     resetCell.classList.add(this.getClass("input-cell"))
  5514.                     resetCell.colSpan = 2;
  5515.                     resetCell.style.setProperty("text-align", "right", "important");  //textAlign = "right !important";
  5516.                     const resetButton = document.createElement("button");
  5517.                     resetButton.classList.add(this.getClass("button-flat"));
  5518.                     resetButton.title = localize(localizationMap.reset_order);
  5519.                     resetButton.style.setProperty("margin-right", "0", "important");  //marginRight = "0 !important";
  5520.                     resetButton.style.setProperty("margin-bottom", "0", "important");  //marginBottom = "0 !important";
  5521.                     const icon = document.createElement("span");
  5522.                     icon.classList.add(this.getClass("reset-btn-small"));
  5523.                     resetButton.appendChild(icon);
  5524.                     const title = document.createElement("span");
  5525.                     title.innerText = localize(localizationMap.reset_order);
  5526.                     resetButton.appendChild(title);
  5527.                     resetButton.onclick = () => {
  5528.                         if(!window.confirm(localize(localizationMap.reset_order_confirm))){
  5529.                             return;
  5530.                         }
  5531.                         this.reorderSortable(table.sort_id, this.settings.getDefaultValue(table.sort_id));
  5532.                         // tableElement.insertBefore(resetRow, tableElement.firstChild);
  5533.                     };
  5534.                     resetCell.appendChild(resetButton);
  5535.                     resetRow.appendChild(resetCell);
  5536.                     // tableElement.appendChild(resetRow);
  5537.                 }
  5538.             }
  5539.  
  5540.             rowList.forEach((row) => {
  5541.                 tableElement.appendChild(row);
  5542.             });
  5543.             if(resetRow){
  5544.                 tableElement.appendChild(resetRow);
  5545.             }
  5546.  
  5547.             return tableElement;
  5548.         };
  5549.  
  5550.         buildRow(row, table){
  5551.             //创建row
  5552.             let rowElement = document.createElement("tr");
  5553.  
  5554.             //根据类型创建内容
  5555.             switch (row.type) {
  5556.                 case "checkbox":
  5557.                     rowElement = this.createToggleRow(row);
  5558.                     break;
  5559.                 case "dropdown":
  5560.                     rowElement = this.createDropdownRow(row);
  5561.                     break;
  5562.                 case "input":
  5563.                     rowElement = this.createInputRow(row);
  5564.                     break;
  5565.                 case "tag_switch":
  5566.                     rowElement = this.createTagSwitchRow(row);
  5567.                     break;
  5568.                 default:
  5569.                     console.error(`Unknown row type: ${row.type}`);
  5570.                     break;
  5571.             }
  5572.  
  5573.             //设置Binding
  5574.             if(row.binding){
  5575.                 this.createBinding(row, rowElement, table)
  5576.             }
  5577.  
  5578.             rowElement.classList.add(this.getClass("setting"));
  5579.             if(row.id){
  5580.                 rowElement.setAttribute("data-id", row.id);
  5581.             }
  5582.             return rowElement;
  5583.         };
  5584.  
  5585.         createToggleRow(row){
  5586.             //创建Row
  5587.             const rowElement = document.createElement("tr");
  5588.             if(row.indent) {
  5589.                 rowElement.classList.add(this.getClass(`indent-${row.indent}`));
  5590.             }
  5591.  
  5592.             //创建设置项标题
  5593.             const titleCell = document.createElement("td");
  5594.             titleCell.className = this.getClass("tooltip");
  5595.             const title = document.createElement("span");
  5596.             title.className = this.getClass("row-title") + " " + this.getClass("ignore-drag");
  5597.             title.innerHTML = Csp.createHTML(row.title);
  5598.             titleCell.appendChild(title);
  5599.  
  5600.             if(row.tooltip) {
  5601.                 const tooltip = document.createElement("span");
  5602.                 tooltip.className = this.getClass("tooltip-text");
  5603.                 tooltip.innerHTML = Csp.createHTML(row.tooltip);
  5604.                 titleCell.appendChild(tooltip);
  5605.             }
  5606.  
  5607.             //创建开关和重置按钮
  5608.             const settingId = `_s_${row.id}`;
  5609.             const inputCell = document.createElement("td");
  5610.             inputCell.classList.add(this.getClass("input-cell"));
  5611.             const inputContainer = document.createElement("div");
  5612.             inputContainer.classList.add(this.getClass("toggle-container"));
  5613.             inputCell.appendChild(inputContainer);
  5614.  
  5615.             //创建开关
  5616.             const input = document.createElement("input");
  5617.             input.type = "checkbox";
  5618.             input.id = this.getClass(row.id);
  5619.             input.name = input.id;
  5620.             // inputCell.appendChild(input);
  5621.             inputContainer.appendChild(input);
  5622.  
  5623.             const label = document.createElement("label");
  5624.             label.classList.add(this.getClass("toggle"));
  5625.             label.setAttribute("for", input.id);
  5626.             const hidden = document.createElement("span");
  5627.             hidden.classList.add(this.getClass("hidden"));
  5628.             hidden.innerHTML = Csp.createHTML(row.title);
  5629.             label.appendChild(hidden);
  5630.             // inputCell.appendChild(label);
  5631.             inputContainer.appendChild(label);
  5632.  
  5633.             //创建重置按钮
  5634.             if(row.ignore_reset !== true){
  5635.                 const defaultValue = this.settings.getDefaultValue(settingId);
  5636.                 const resetButton = document.createElement("button");
  5637.                 resetButton.className = this.getClass("reset-btn-small") + " " + this.getClass("ignore-drag");
  5638.                 resetButton.title = localize(localizationMap.button_reset);
  5639.                 resetButton.onclick = () => {
  5640.                     input.checked = defaultValue === true;
  5641.                     input.dispatchEvent(new Event("change"));
  5642.                 };
  5643.                 // inputCell.insertBefore(resetButton, inputCell.firstChild);
  5644.                 inputContainer.insertBefore(resetButton, inputContainer.firstChild);
  5645.  
  5646.                 input.addEventListener("change", () => {
  5647.                     //决定是否显示重置按钮
  5648.                     resetButton.style.setProperty("display", input.checked === defaultValue ? "none" : "inline-block", "important");  //display = input.checked === defaultValue ? "none" : "inline-block";
  5649.                 });
  5650.             }
  5651.  
  5652.             //监听器都创建好了再设置初始值
  5653.             input.addEventListener("change", () => {
  5654.                 //更新到暂存设置
  5655.                 this.settings.saveTemp(settingId, input.checked);
  5656.             })
  5657.             input.checked = this.settings[settingId] === true;
  5658.             input.dispatchEvent(new Event("change"));
  5659.  
  5660.             rowElement.appendChild(titleCell);
  5661.             rowElement.appendChild(inputCell);
  5662.             return rowElement;
  5663.         };
  5664.  
  5665.         createDropdownRow(row){
  5666.             const rowElement = document.createElement("tr");
  5667.             if(row.indent) {
  5668.                 rowElement.classList.add(this.getClass(`indent-${row.indent}`));
  5669.             }
  5670.  
  5671.             const titleCell = document.createElement("td");
  5672.             titleCell.className = this.getClass("tooltip");
  5673.             const label = document.createElement("label");
  5674.             label.className = this.getClass("row-title") + " " + this.getClass("ignore-drag");
  5675.             label.setAttribute("for", this.getClass(row.id));
  5676.             label.innerHTML = Csp.createHTML(row.title);
  5677.             titleCell.appendChild(label);
  5678.  
  5679.             if(row.tooltip) {
  5680.                 const tooltip = document.createElement("span");
  5681.                 tooltip.className = this.getClass("tooltip-text");
  5682.                 tooltip.innerHTML = Csp.createHTML(row.tooltip);
  5683.                 titleCell.appendChild(tooltip);
  5684.             }
  5685.  
  5686.             const inputCell = document.createElement("td");
  5687.             inputCell.classList.add(this.getClass("input-cell"));
  5688.             const select = document.createElement("select");
  5689.             select.className = this.getClass("ignore-drag");
  5690.             select.id = this.getClass(row.id);
  5691.             select.name = select.id;
  5692.             for(const item of row.options){
  5693.                 const option = document.createElement("option");
  5694.                 option.value = item.value;
  5695.                 option.innerText = item.title;
  5696.                 select.appendChild(option);
  5697.             }
  5698.             inputCell.appendChild(select);
  5699.  
  5700.             //创建重置按钮
  5701.             const settingId = `_s_${row.id}`;
  5702.             if(row.ignore_reset !== true){
  5703.                 const defaultValue = this.settings.getDefaultValue(settingId);
  5704.                 const resetButton = document.createElement("button");
  5705.                 resetButton.className = this.getClass("reset-btn-small") + " " + this.getClass("ignore-drag");
  5706.                 resetButton.title = localize(localizationMap.button_reset);
  5707.                 resetButton.onclick = () => {
  5708.                     select.value = defaultValue;
  5709.                     select.dispatchEvent(new Event("change"));
  5710.                 };
  5711.                 inputCell.insertBefore(resetButton, inputCell.firstChild);
  5712.  
  5713.                 select.addEventListener("change", () => {
  5714.                     //决定是否显示重置按钮
  5715.                     resetButton.style.setProperty("display", select.value === defaultValue ? "none" : "inline-block", "important");  //display = select.value === defaultValue ? "none" : "inline-block";
  5716.                 });
  5717.             }
  5718.  
  5719.             //监听器都创建好了再设置初始值
  5720.             select.addEventListener("change", () => {
  5721.                 //更新到暂存设置
  5722.                 this.settings.saveTemp(settingId, select.value);
  5723.             })
  5724.             select.value = this.settings[settingId];
  5725.             select.dispatchEvent(new Event("change"));
  5726.  
  5727.             rowElement.appendChild(titleCell);
  5728.             rowElement.appendChild(inputCell);
  5729.             return rowElement;
  5730.         };
  5731.  
  5732.         createInputRow(row){
  5733.             const rowElement = document.createElement("tr");
  5734.             if(row.indent) {
  5735.                 rowElement.classList.add(this.getClass(`indent-${row.indent}`));
  5736.             }
  5737.  
  5738.             const titleCell = document.createElement("td");
  5739.             titleCell.className = this.getClass("tooltip");
  5740.             const label = document.createElement("label");
  5741.             label.className = this.getClass("row-title") + " " + this.getClass("ignore-drag");
  5742.             label.setAttribute("for", this.getClass(row.id));
  5743.             label.innerHTML = Csp.createHTML(row.title);
  5744.             titleCell.appendChild(label);
  5745.  
  5746.             if(row.tooltip) {
  5747.                 const tooltip = document.createElement("span");
  5748.                 tooltip.className = this.getClass("tooltip-text");
  5749.                 tooltip.innerHTML = Csp.createHTML(row.tooltip);
  5750.                 titleCell.appendChild(tooltip);
  5751.             }
  5752.  
  5753.             const inputCell = document.createElement("td");
  5754.             inputCell.classList.add(this.getClass("input-cell"));
  5755.             const input = document.createElement("input");
  5756.             input.type = "text";
  5757.             input.id = this.getClass(row.id);
  5758.             input.name = input.id;
  5759.             inputCell.appendChild(input);
  5760.  
  5761.             //创建重置按钮
  5762.             const settingId = `_s_${row.id}`;
  5763.             if(row.ignore_reset !== true){
  5764.                 const defaultValue = this.settings.getDefaultValue(settingId);
  5765.                 const resetButton = document.createElement("button");
  5766.                 resetButton.className = this.getClass("reset-btn-small") + " " + this.getClass("ignore-drag");
  5767.                 resetButton.title = localize(localizationMap.button_reset);
  5768.                 resetButton.onclick = () => {
  5769.                     input.value = defaultValue;
  5770.                     input.dispatchEvent(new Event("change"));
  5771.                 };
  5772.                 inputCell.insertBefore(resetButton, inputCell.firstChild);
  5773.  
  5774.                 input.addEventListener("change", () => {
  5775.                     //决定是否显示重置按钮
  5776.                     resetButton.style.setProperty("display", input.value === defaultValue ? "none" : "inline-block", "important");  //display = input.value === defaultValue ? "none" : "inline-block";
  5777.                 });
  5778.             }
  5779.  
  5780.             //监听器都创建好了再设置初始值
  5781.             input.addEventListener("change", () => {
  5782.                 //更新到暂存设置
  5783.                 this.settings.saveTemp(settingId, input.value);
  5784.             })
  5785.             input.value = this.settings[settingId];
  5786.             input.dispatchEvent(new Event("change"));
  5787.  
  5788.             rowElement.appendChild(titleCell);
  5789.             rowElement.appendChild(inputCell);
  5790.             return rowElement;
  5791.         };
  5792.  
  5793.         createTagSwitchRow(row){
  5794.             const rowElement = document.createElement("tr");
  5795.             if(row.indent) {
  5796.                 rowElement.classList.add(this.getClass(`indent-${row.indent}`));
  5797.             }
  5798.  
  5799.             const tagCell = document.createElement("td");
  5800.             tagCell.colSpan = 2;
  5801.             //用内部容器再次包裹标签，保证重置按钮的位置
  5802.             const tagContainer = document.createElement("div");
  5803.             tagContainer.className = this.getClass("tags");
  5804.             tagCell.appendChild(tagContainer);
  5805.  
  5806.             const tagList = [];
  5807.             for(const tag of row.items){
  5808.                 const tagSpan = document.createElement("label");
  5809.                 tagSpan.classList.add(this.getClass(tag["class"]));
  5810.                 tagSpan.innerText = tag.title;
  5811.                 tagSpan.setAttribute("for", this.getClass(tag.id));
  5812.                 tagSpan.setAttribute("data-id", tag.id);
  5813.                 this.setSortable(tagSpan);
  5814.  
  5815.                 //添加switch
  5816.                 const settingId = `_s_${tag.id}`;
  5817.                 const switchInput = document.createElement("input");
  5818.                 switchInput.style.setProperty("display", "none", "important");  //display = "none !important";
  5819.                 switchInput.type = "checkbox";
  5820.                 switchInput.id = this.getClass(tag.id);
  5821.                 switchInput.name = switchInput.id;
  5822.                 switchInput.addEventListener("change", (event) => {
  5823.                     if(event.target.checked) {
  5824.                         tagSpan.classList.remove(this.getClass("tag-off"));
  5825.                     }else if(!tagSpan.classList.contains(this.getClass("tag-off"))) {
  5826.                         tagSpan.classList.add(this.getClass("tag-off"));
  5827.                     }
  5828.  
  5829.                     //更新到暂存设置
  5830.                     this.settings.saveTemp(settingId, switchInput.checked);
  5831.                 })
  5832.                 switchInput.checked = this.settings[`_s_${tag.id}`] === true;
  5833.                 switchInput.dispatchEvent(new Event("change"));
  5834.  
  5835.                 tagSpan.classList.toggle(this.getClass("tag-off"), !switchInput.checked);
  5836.                 tagSpan.appendChild(switchInput);
  5837.  
  5838.                 if(tag.tooltip) {
  5839.                     tagSpan.classList.add(this.getClass("tooltip"));
  5840.                     const tooltip = document.createElement("span");
  5841.                     tooltip.className = this.getClass("tooltip-text");
  5842.                     tooltip.innerHTML = Csp.createHTML(tag.tooltip);
  5843.                     tagSpan.appendChild(tooltip);
  5844.                 }
  5845.  
  5846.                 tagList.push(tagSpan);
  5847.             }
  5848.  
  5849.             if(row.sortable){
  5850.                 tagContainer.setAttribute("data-sort-id", row.sort_id);
  5851.                 this.sortSortable(tagList, row.sort_id);
  5852.  
  5853.                 //添加排列重置按钮
  5854.                 if(row.ignore_reset !== true){
  5855.                     const resetOrderButton = document.createElement("button");
  5856.                     resetOrderButton.classList.add(this.getClass("button-flat"));
  5857.                     resetOrderButton.title = localize(localizationMap.button_reset);
  5858.                     resetOrderButton.onclick = () => {
  5859.                         if(!window.confirm(localize(localizationMap.reset_order_confirm))){
  5860.                             return;
  5861.                         }
  5862.                         this.reorderSortable(row.sort_id, this.settings.getDefaultValue(row.sort_id));
  5863.                     };
  5864.  
  5865.                     const icon = document.createElement("span");
  5866.                     icon.classList.add(this.getClass("reset-btn-small"));
  5867.                     resetOrderButton.appendChild(icon);
  5868.  
  5869.                     const title = document.createElement("span");
  5870.                     title.innerText = localize(localizationMap.reset_order);
  5871.                     resetOrderButton.appendChild(title);
  5872.  
  5873.                     tagCell.appendChild(resetOrderButton);
  5874.                     // tagCell.insertBefore(resetOrderButton, tagCell.firstChild);
  5875.                 }
  5876.             }
  5877.  
  5878.             //添加设置重置按钮
  5879.             if(row.ignore_reset !== true){
  5880.                 const resetSettingsButton = document.createElement("button");
  5881.                 resetSettingsButton.classList.add(this.getClass("button-flat"));
  5882.                 resetSettingsButton.title = localize(localizationMap.button_reset);
  5883.                 resetSettingsButton.onclick = () => {
  5884.                     if(!window.confirm(localize(localizationMap.reset_confirm))){
  5885.                         return;
  5886.                     }
  5887.                     for (const item of row.items) {
  5888.                         let tag = tagContainer.querySelector("#" + this.getClass(item.id));
  5889.                         if(!tag) continue;
  5890.                         tag.checked = this.settings.getDefaultValue(item.id);
  5891.                         tag.dispatchEvent(new Event("change"));
  5892.                     }
  5893.                 };
  5894.  
  5895.                 const icon = document.createElement("span");
  5896.                 icon.classList.add(this.getClass("reset-btn-small"));
  5897.                 resetSettingsButton.appendChild(icon);
  5898.  
  5899.                 const title = document.createElement("span");
  5900.                 title.innerText = localize(localizationMap.button_reset);
  5901.                 resetSettingsButton.appendChild(title);
  5902.  
  5903.                 tagCell.appendChild(resetSettingsButton);
  5904.                 // tagCell.insertBefore(resetOrderButton, tagCell.firstChild);
  5905.             }
  5906.  
  5907.  
  5908.             tagList.forEach((tag) => {
  5909.                 tagContainer.appendChild(tag);
  5910.             });
  5911.             rowElement.appendChild(tagCell);
  5912.             return rowElement;
  5913.         };
  5914.  
  5915.         createBinding(data, element, section){
  5916.             if(!data.binding || !this.container) return;
  5917.  
  5918.             const binding = data.binding;
  5919.             const target = section.querySelector("#" + this.getClass(binding.target));
  5920.             if(!target) return;
  5921.  
  5922.             let showState = "unset";
  5923.             switch (element.nodeName){
  5924.                 case "TABLE":
  5925.                     showState = "table";
  5926.                     break;
  5927.                 case "TR":
  5928.                     showState = "table-row";
  5929.                     break;
  5930.             }
  5931.  
  5932.             target.addEventListener("change", (event) => {
  5933.                 const value = event.target.value;
  5934.                 const checked = event.target.checked;
  5935.                 element.style.setProperty("display", value === binding.value || checked === binding.value ? showState : "none", "important");  //display = value === binding.value || checked === binding.value ? showState : "none";
  5936.             });
  5937.  
  5938.             element.style.setProperty("display", target.value === binding.value || target.checked === binding.value ? showState : "none", "important");  //display = target.value === binding.value || target.checked === binding.value ? showState : "none";
  5939.         };
  5940.  
  5941.         sortSortable(sortList, sortId, orderList){
  5942.             orderList = orderList ? orderList : this.settings[`_s_${sortId}`];
  5943.             if(!orderList) return;
  5944.  
  5945.             for (let i = 0; i < orderList.length; ++i) {
  5946.                 for (let j = 0; j < sortList.length; ++j){
  5947.                     if(orderList[i] === sortList[j].getAttribute("data-id")) {
  5948.                         let tmp = sortList[i];
  5949.                         sortList[i] = sortList[j];
  5950.                         sortList[j] = tmp;
  5951.                         break;
  5952.                     }
  5953.                 }
  5954.             }
  5955.         };
  5956.  
  5957.         setSortable(ele){
  5958.             ele.classList.add(this.getClass("sortable"));
  5959.         };
  5960.  
  5961.         refreshSettings(settings) {
  5962.             //刷新设置项值的展示情况（保持input值和设置中的实际值一致）
  5963.             //清空设置暂存
  5964.             this.settings.clearTemp();
  5965.             settings = settings ? settings : this.settings;
  5966.  
  5967.             //刷新设置项
  5968.             for(const key in settings){
  5969.                 if(!key.startsWith("_s_")) continue;
  5970.                 const targetId = this.getClass(key.substring(3));
  5971.  
  5972.                 if(settings[key] && Array.isArray(settings[key])){
  5973.                     //可能是排序对象，先搜索排序目标，搜不到再按默认值处理
  5974.                     if(this.reorderSortable(key.substring(3), settings[key])) continue;
  5975.                 }
  5976.  
  5977.                 //非排序对象
  5978.                 const target = this.container.querySelector("#" + targetId);
  5979.                 if(!target) continue;
  5980.  
  5981.                 if(target.tagName === "INPUT") {
  5982.                     if(target.type === "checkbox") {
  5983.                         target.checked = settings[key] === true;
  5984.                     }else{
  5985.                         target.value = settings[key];
  5986.                     }
  5987.                 }else if(target.tagName === "SELECT") {
  5988.                     target.value = settings[key];
  5989.                 }
  5990.  
  5991.                 if(key === "_s_lang") continue;
  5992.                 target.dispatchEvent(new Event("change"));
  5993.             }
  5994.         };
  5995.  
  5996.         reorderSortable(sort_id, orderList) {
  5997.             const target = this.container.querySelector(`*[data-sort-id="${sort_id}"]`);
  5998.             if(target) {
  5999.                 let list = [...target.children];
  6000.                 this.sortSortable(list, sort_id, orderList);
  6001.  
  6002.                 for(let i = 0; i < list.length; ++i) {
  6003.                     target.removeChild(list[i]);
  6004.                 }
  6005.  
  6006.                 for(let i = 0; i < list.length; ++i) {
  6007.                     target.appendChild(list[i]);
  6008.                 }
  6009.  
  6010.                 this.settings.saveTemp(sort_id, list.map(ele => ele.getAttribute("data-id")).filter(val => val && val !== ""));
  6011.                 return true;
  6012.             }
  6013.             return false;
  6014.         }
  6015.  
  6016.         initSortableElement() {
  6017.             //初始化排序组件
  6018.             const sortableGroups = this.container.querySelectorAll(`.${this.getClass('sortable')}`);
  6019.             sortableGroups.forEach(group => {
  6020.                 new Sortable(group, group.parentElement.getAttribute("data-sort-id"), this.settings);
  6021.             });
  6022.         };
  6023.  
  6024.     }
  6025.     class Sortable {
  6026.         constructor(element, sort_id, settings, options) {
  6027.             this.element = element;
  6028.             this.options = options;
  6029.             this.sortId = sort_id;
  6030.             this.settings = settings;
  6031.             this.dragging = null;
  6032.  
  6033.             if(!sort_id) {
  6034.                 throw new Error("sort_id is required");
  6035.             }
  6036.  
  6037.             this.init();
  6038.         }
  6039.  
  6040.         getClass(name) {
  6041.             if(!VOICELINK_CLASS || VOICELINK_CLASS === "") return name;
  6042.             return `${VOICELINK_CLASS}_${name}`;
  6043.         }
  6044.  
  6045.         init() {
  6046.             this.element.addEventListener('mousedown', this.onMouseDown.bind(this));
  6047.             document.addEventListener('mousemove', this.onMouseMove.bind(this));
  6048.             document.addEventListener('mouseup', this.onMouseUp.bind(this));
  6049.         }
  6050.  
  6051.         onMouseDown(event) {
  6052.             if(event.target.nodeName === "INPUT" || event.target.classList.contains(this.getClass("toggle")) || event.target.classList.contains(this.getClass("ignore-drag"))) return;
  6053.             if (event.target.closest(`.${this.getClass('sortable')}`)) {
  6054.                 this.dragging = event.target.closest(`.${this.getClass('sortable')}`);
  6055.                 this.dragging.classList.add(this.getClass('dragging'));
  6056.             }
  6057.         }
  6058.  
  6059.         onMouseMove(event) {
  6060.             if (this.dragging) {
  6061.                 event.preventDefault();
  6062.  
  6063.                 try{
  6064.                     let sibling = document.elementFromPoint(event.clientX, event.clientY).closest(`.${this.getClass('sortable')}`);
  6065.                     if (sibling && sibling !== this.dragging) {
  6066.                         this.element.parentNode.insertBefore(this.dragging, sibling.nextSibling === this.dragging ? sibling : sibling.nextSibling);
  6067.                         //暂存当前顺序
  6068.                         const order = [...this.element.parentNode.children].map(item => item.getAttribute("data-id")).filter(item => item || item === "");
  6069.                         this.settings.saveTemp(this.sortId, order);
  6070.                     }
  6071.                 }catch (e) {
  6072.                     console.error(e)
  6073.                 }
  6074.  
  6075.             }
  6076.         }
  6077.  
  6078.         onMouseUp(event) {
  6079.             if (this.dragging) {
  6080.                 this.dragging.classList.remove(this.getClass('dragging'));
  6081.                 this.dragging = null;
  6082.             }
  6083.         }
  6084.     }
  6085.     const SettingsPopup = {
  6086.         showPopup(useTemp = false) {
  6087.             let uiBuilder = new SettingPageBuilder(getSettingsUi(), settings);
  6088.             let ui = uiBuilder.build(useTemp);
  6089.             const displayLangElement = ui.querySelector(`#${VOICELINK_CLASS}_lang`);
  6090.             displayLangElement.addEventListener("change", e => {
  6091.                 settings._s_lang = displayLangElement.value;
  6092.                 GM_setValue("lang", settings._s_lang);
  6093.                 ui.remove();
  6094.                 SettingsPopup.showPopup(true);
  6095.             });
  6096.             document.body.appendChild(ui);
  6097.         }
  6098.     };
  6099.  
  6100.     let isInit = false;
  6101.     let observing = false;
  6102.     function init () {
  6103.         if(!isInit) {
  6104.             const style = document.createElement("style");
  6105.             style.innerHTML = Csp.createHTML(POPUP_CSS + SETTINGS_CSS);
  6106.             document.head.appendChild(style);
  6107.             // SettingsPopup.getPopup()
  6108.             GM_registerMenuCommand("Settings - 设置", () => SettingsPopup.showPopup())
  6109.             GM_registerMenuCommand("Notice - 公告", () => showUpdateNotice(true));
  6110.             GM_registerMenuCommand("Home / Update - 主页 / 更新", () =>
  6111.                 GM_openInTab(IS_PREVIEW ? "https://sleazyfork.org/zh-CN/scripts/521128-voicelinks-preview" : "https://sleazyfork.org/zh-CN/scripts/456775-voicelinks", {active: true}));
  6112.  
  6113.             document.addEventListener("securitypolicyviolation", function (e) {
  6114.                 if (e.blockedURI.includes("img.dlsite.jp")) {
  6115.                     const img = document.querySelector(`img[src="${e.blockedURI}"]`);
  6116.                     img.remove();
  6117.  
  6118.                     const imgContainer = Popup.popupElement.img.container;
  6119.                     if(imgContainer){
  6120.                         imgContainer.style.setProperty("display", "none", "important");  //display = "none !important";
  6121.                         Popup.hideImg = true;
  6122.                     }
  6123.                 }
  6124.             });
  6125.  
  6126.             isInit = true;
  6127.         }
  6128.  
  6129.         if(!document.body || observing){
  6130.             return;
  6131.         }
  6132.  
  6133.         Parser.walkNodes(document.body);
  6134.         if(!document.getElementById(`${VOICELINK_CLASS}-voice-popup`)) Popup.makePopup(false);
  6135.  
  6136.         const observer = new MutationObserver(function (m) {
  6137.             for (let i = 0; i < m.length; ++i) {
  6138.                 let addedNodes = m[i].addedNodes;
  6139.                 let removedNodes = m[i].removedNodes;
  6140.  
  6141.                 for (let j = 0; j < removedNodes.length; ++j){
  6142.                     let node = removedNodes[j];
  6143.                 }
  6144.  
  6145.                 for (let j = 0; j < addedNodes.length; ++j) {
  6146.                     Parser.walkNodes(addedNodes[j]);
  6147.                 }
  6148.             }
  6149.         });
  6150.  
  6151.         observer.observe(document.body, { childList: true, subtree: true})
  6152.         setUserSelectTitle();
  6153.  
  6154.         //显示重要通知
  6155.         showUpdateNotice();
  6156.  
  6157.         observing = true;
  6158.     }
  6159.  
  6160.     document.addEventListener("DOMContentLoaded", init);
  6161.  
  6162.     function showUpdateNotice(force = false) {
  6163.         const firstTimeToken = 105;
  6164.         if(GM_getValue("first_token", undefined) === firstTimeToken && !force){
  6165.             return;
  6166.         }
  6167.         GM_setValue("first_token", firstTimeToken);
  6168.  
  6169.         if(!force && window.confirm(localize(localizationMap.notice_update)) === false) {
  6170.             return;
  6171.         }
  6172.  
  6173.         GM_openInTab(
  6174.             IS_PREVIEW ? `https://github.com/IceFoxy062/VoiceLinks-Extend/blob/dev/docs/major_updates/v4.8.6/v4.8.6-${settings._s_lang}.md` : `https://github.com/IceFoxy062/VoiceLinks-Extend/blob/dev/docs/major_updates/v4.8.6/v4.8.6-${settings._s_lang}.md`,
  6175.             {active: true});
  6176.     }
  6177.  
  6178.     //Deal with Trusted Types
  6179.     let Csp = {
  6180.         createHTML: (str) => str
  6181.     };
  6182.     if(window.isSecureContext === true && trustedTypes){
  6183.         Csp = trustedTypes.createPolicy(
  6184.             trustedTypes.defaultPolicy ? "VoiceLinkTrustedTypes" : "VoiceLinkTrustedTypes",
  6185.             Csp);
  6186.     }
  6187.  
  6188.     init();
  6189. })();