☰

Sleazy Fork is available in English.

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