☰

VoiceLinks - Preview

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

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