From af3a92c7d2cd22464f43b2ae4e4dc7cf220727a0 Mon Sep 17 00:00:00 2001
From: 87owo <85057800+87owo@users.noreply.github.com>
Date: Sun, 20 Sep 2026 16:27:08 +0800
Subject: [PATCH] Add files via upload

---
 Interface/static/css/style.css | 127 +++++++++++++++++++++++++--------
 Interface/static/js/main.js    |  81 +++++++++++++++++++--
 Interface/templates/index.html |  64 ++++++++++++-----
 PYAS.py                        |   2 +-
 4 files changed, 222 insertions(+), 52 deletions(-)

diff --git a/Interface/static/css/style.css b/Interface/static/css/style.css
index 5af4887..c4fba6e 100644
--- a/Interface/static/css/style.css
+++ b/Interface/static/css/style.css
@@ -325,6 +325,27 @@ body {
     gap: 16px;
 }
 
+.item-icon {
+    width: 40px;
+    height: 40px;
+    flex: 0 0 40px;
+    stroke-width: 1.5;
+    color: var(--accent-color);
+    pointer-events: none;
+}
+
+.item-icon-compact {
+    transform: scale(0.9);
+}
+
+.item-icon-repair {
+    transform: translateX(2px) scale(1.1);
+}
+
+.item-icon ~ :is(.toggle-switch, .icon-action-btn) {
+    flex-shrink: 0;
+}
+
 .item-info {
     flex: 1;
     min-width: 0;
@@ -332,7 +353,8 @@ body {
     padding-bottom: 2px;
 }
 
-.list-item[data-target]:hover, .list-item[data-action]:hover {
+.list-item[data-target]:hover, .list-item[data-action]:hover,
+#about_window .list-item:is(:hover, :focus-within) {
     background-color: var(--bg-hover);
 }
 
@@ -566,39 +588,33 @@ select.hidden + .custom-select-wrapper {
 }
 .custom-select-icon svg { width: 16px; height: 16px; }
 .custom-select-options {
-    position: absolute;
-    top: calc(100% + 8px);
-    left: 0;
-    min-width: 100%;
+    position: fixed;
+    display: none;
     width: max-content;
-    white-space: nowrap;
-    
     background-color: var(--bg-panel);
     border: 1px solid var(--border-color);
     border-radius: 10px;
     box-shadow: var(--shadow-sm);
-    z-index: 100;
+    z-index: 1000;
     list-style: none;
     margin: 0;
-    max-height: 0;
-    padding: 0 6px;
-    border-width: 0;
-    overflow: hidden;
-    opacity: 0;
-    visibility: hidden;
-    transform: translateY(-10px);
-    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s, max-height 0s 0.2s, padding 0s 0.2s, border-width 0s 0.2s, box-shadow 0s 0.2s;
-}
-.custom-select-wrapper.open .custom-select-options {
-    max-height: 260px;
     padding: 6px;
-    border-width: 1px;
     overflow-y: auto;
-    
-    opacity: 1;
-    visibility: visible;
-    transform: translateY(0);
-    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0s, max-height 0s 0s, padding 0s 0s, border-width 0s 0s, box-shadow 0s 0s;
+    overflow-x: hidden;
+    overscroll-behavior: contain;
+    overflow-wrap: anywhere;
+}
+.custom-select-options.open {
+    display: block;
+}
+@media (prefers-reduced-motion: no-preference) {
+    .custom-select-options.open {
+        animation: select-options-enter 160ms ease-out;
+    }
+    @keyframes select-options-enter {
+        from { opacity: 0; transform: translateY(var(--select-enter-offset)); }
+        to { opacity: 1; transform: translateY(0); }
+    }
 }
 .custom-select-option {
     padding: 8px 12px;
@@ -627,13 +643,18 @@ select.hidden + .custom-select-wrapper {
 }
 
 .quick-actions {
-    flex: 1;
+    flex: 0 0 calc(50% + 40px);
+    min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 12px;
     height: 100%;
     justify-content: center;
-}
+}
+
+.quick-actions .list-item {
+    gap: 12px;
+}
 
 #loading_overlay {
     position: fixed;
@@ -868,4 +889,54 @@ body.resizing-active * {
 ::-webkit-scrollbar { width: 6px; height: 6px; }
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 10px; }
-::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); }
\ No newline at end of file
+::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); }
+@media (prefers-reduced-motion: no-preference) {
+    :is(.nav-btn, .icon-action-btn, .icon-btn, .ctrl-btn, .search-box) > svg {
+        transform-origin: center;
+        transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+    }
+
+    :is(.nav-btn, .icon-action-btn):not(:disabled):is(:hover, :focus-visible) > svg {
+        transform: scale(1.08);
+    }
+
+    .list-item:is(:hover, :focus-within)
+        > .icon-action-btn:not(:disabled) > svg {
+        transform: translateX(3px);
+    }
+
+    .icon-btn[data-target]:not(:disabled):is(:hover, :focus-visible) > svg {
+        transform: translateX(-3px);
+    }
+
+    .ctrl-btn:not(:disabled):is(:hover, :focus-visible) > svg {
+        transform: scale(1.1);
+    }
+
+    .search-box:focus-within > svg {
+        transform: rotate(-8deg) scale(1.08);
+    }
+
+    :is(.nav-btn, .ctrl-btn, .icon-action-btn):not(:disabled):active > svg,
+    .icon-btn[data-target]:not(:disabled):active > svg,
+    .list-item:active
+        > .icon-action-btn:not(:disabled) > svg {
+        transform: scale(0.92);
+        transition-duration: 100ms;
+    }
+
+    .app-container.fade-in #home_window.active .state-icon > polyline {
+        animation: pyas-check-draw 300ms ease-in backwards;
+    }
+
+    @keyframes pyas-check-draw {
+        from {
+            stroke-dasharray: 12 12;
+            stroke-dashoffset: 12;
+        }
+        to {
+            stroke-dasharray: 12 12;
+            stroke-dashoffset: 0;
+        }
+    }
+}
diff --git a/Interface/static/js/main.js b/Interface/static/js/main.js
index d6e4be9..f8cf518 100644
--- a/Interface/static/js/main.js
+++ b/Interface/static/js/main.js
@@ -53,9 +53,61 @@ document.addEventListener('DOMContentLoaded', () => {
         });
     };
 
-    document.addEventListener('click', () => {
-        document.querySelectorAll('.custom-select-wrapper').forEach(w => w.classList.remove('open'));
+    let openCustomSelect = null;
+
+    const closeCustomSelect = () => {
+        if (!openCustomSelect) return;
+        const { wrapper, menu } = openCustomSelect;
+        wrapper.classList.remove('open');
+        menu.classList.remove('open');
+        menu.removeAttribute('style');
+        if (wrapper.isConnected) wrapper.appendChild(menu);
+        else menu.remove();
+        openCustomSelect = null;
+    };
+
+    const positionCustomSelect = () => {
+        if (!openCustomSelect) return;
+        const { wrapper, trigger, menu } = openCustomSelect;
+        const rect = trigger.getBoundingClientRect();
+        const viewport = window.visualViewport;
+        const leftEdge = (viewport?.offsetLeft || 0) + 8;
+        const topEdge = (viewport?.offsetTop || 0) + 8;
+        const rightEdge = leftEdge + (viewport?.width || document.documentElement.clientWidth) - 16;
+        const bottomEdge = topEdge + (viewport?.height || document.documentElement.clientHeight) - 16;
+        if (!wrapper.isConnected || !trigger.getClientRects().length ||
+            getComputedStyle(trigger).visibility === 'hidden' ||
+            rect.bottom <= topEdge || rect.top >= bottomEdge ||
+            rect.right <= leftEdge || rect.left >= rightEdge) {
+            closeCustomSelect();
+            return;
+        }
+        const above = Math.max(0, rect.top - topEdge - 8);
+        const below = Math.max(0, bottomEdge - rect.bottom - 8);
+        const opensUp = above > below;
+        const available = opensUp ? above : below;
+        if (available < 32) {
+            closeCustomSelect();
+            return;
+        }
+        menu.style.maxHeight = `${Math.min(260, available)}px`;
+        menu.style.maxWidth = `${rightEdge - leftEdge}px`;
+        menu.style.minWidth = `${Math.min(rect.width, rightEdge - leftEdge)}px`;
+        menu.style.setProperty('--select-enter-offset', opensUp ? '4px' : '-4px');
+        menu.style.left = `${Math.max(leftEdge, Math.min(rect.left, rightEdge - menu.offsetWidth))}px`;
+        menu.style.top = `${opensUp ? rect.top - 8 - menu.offsetHeight : rect.bottom + 8}px`;
+    };
+
+    document.addEventListener('click', closeCustomSelect);
+    document.addEventListener('keydown', (event) => {
+        if (event.key === 'Escape') closeCustomSelect();
     });
+    document.addEventListener('scroll', (event) => {
+        if (openCustomSelect && !openCustomSelect.menu.contains(event.target)) closeCustomSelect();
+    }, true);
+    window.addEventListener('resize', positionCustomSelect);
+    window.visualViewport?.addEventListener('resize', positionCustomSelect);
+    window.visualViewport?.addEventListener('scroll', positionCustomSelect);
 
     const getMsg = (key) => (dict[appState.lang] || dict["english_switch"])[key] || key;
 
@@ -166,7 +218,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 triggerText.textContent = li.textContent;
                 if (optKey) triggerText.setAttribute('data-i18n', optKey);
                 
-                wrapper.classList.remove('open');
+                closeCustomSelect();
                 optionsContainer.querySelectorAll('.custom-select-option').forEach(el => el.classList.remove('selected'));
                 li.classList.add('selected');
                 select.dispatchEvent(new Event('change'));
@@ -187,8 +239,14 @@ document.addEventListener('DOMContentLoaded', () => {
         trigger.addEventListener('click', (e) => {
             e.stopPropagation();
             const isOpen = wrapper.classList.contains('open');
-            document.querySelectorAll('.custom-select-wrapper').forEach(w => w.classList.remove('open'));
-            if (!isOpen) wrapper.classList.add('open');
+            closeCustomSelect();
+            if (!isOpen && !select.disabled) {
+                wrapper.classList.add('open');
+                document.body.appendChild(optionsContainer);
+                optionsContainer.classList.add('open');
+                openCustomSelect = { wrapper, trigger, menu: optionsContainer };
+                positionCustomSelect();
+            }
         });
     };
 
@@ -197,6 +255,7 @@ document.addEventListener('DOMContentLoaded', () => {
         if (!select) return;
         select.value = val;
         const wrapper = select.nextElementSibling;
+        if (openCustomSelect?.wrapper === wrapper) closeCustomSelect();
         if (wrapper && wrapper.classList.contains('custom-select-wrapper')) {
             const triggerText = wrapper.querySelector('.custom-select-text');
             const selectedOpt = select.options[select.selectedIndex];
@@ -450,6 +509,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const rebuildCustomSelect = (selectId) => {
         const select = document.getElementById(selectId);
         if (!select) return;
+        if (openCustomSelect?.wrapper === select.nextElementSibling) closeCustomSelect();
         let sibling = select.nextElementSibling;
         while (sibling && sibling.classList.contains('custom-select-wrapper')) {
             const toRemove = sibling;
@@ -662,6 +722,7 @@ document.addEventListener('DOMContentLoaded', () => {
             }
         }
 
+        closeCustomSelect();
         document.querySelectorAll('.page, .nav-btn').forEach(el => el.classList.remove('active'));
         document.getElementById(targetId)?.classList.add('active');
         document.querySelector(`aside .nav-btn[data-target="${targetId}"]`)?.classList.add('active');
@@ -1070,6 +1131,14 @@ document.addEventListener('DOMContentLoaded', () => {
         
         if (item) {
             const btn = item.querySelector('button');
+            const isAboutItem = item.closest('#about_window') !== null;
+
+            if (isAboutItem) {
+                item.style.cursor = 'pointer';
+                item.dataset.action = key;
+                item.addEventListener('click', action);
+                return;
+            }
             
             if (btn) {
                 btn.addEventListener('click', action);
@@ -1185,4 +1254,4 @@ document.addEventListener('DOMContentLoaded', () => {
         document.querySelectorAll('.toggle-switch input').forEach(t => t.disabled = false);
         appState.firstLaunch = false;
     };
-});
\ No newline at end of file
+});
diff --git a/Interface/templates/index.html b/Interface/templates/index.html
index 0f2c440..e974968 100644
--- a/Interface/templates/index.html
+++ b/Interface/templates/index.html
@@ -67,18 +67,20 @@
                         <div class="state-widget">
                             <svg viewBox="0 0 24 24" class="state-icon theme-svg" style="width: 120px; height: 120px;" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><polyline points="9 12 11 14 15 10"></polyline></svg>
                             <h2 class="state-title" data-i18n>此裝置已受到防護</h2>
-                        </div>
-                        <div class="quick-actions">
-                            <div class="list-item" style="cursor: pointer;" id="quick_scan_btn" data-action="scan">
-                                <div class="item-info">
-                                    <h2 data-i18n>智能掃描</h2><p data-i18n>此選項可以快速掃描裝置安全性</p>
-                                </div>
+                        </div>
+                        <div class="quick-actions">
+                            <div class="list-item" style="cursor: pointer;" id="quick_scan_btn" data-action="scan">
+                                <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="10" cy="10" r="6"/><path d="m14.5 14.5 5 5M8 10l1.5 1.5L12 8.5"/></svg>
+                                <div class="item-info">
+                                    <h2 data-i18n>智能掃描</h2><p data-i18n>此選項可以快速掃描裝置安全性</p>
+                                </div>
                                 <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
-                            </div>
-                            <div class="list-item" style="cursor: pointer;" data-target="log_export_window">
-                                <div class="item-info">
-                                    <h2 data-i18n>日誌導出</h2><p data-i18n>此選項可以篩選日誌並匯出存檔</p>
-                                </div>
+                            </div>
+                            <div class="list-item" style="cursor: pointer;" data-target="log_export_window">
+                                <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9zM14 3v6h6"/><path d="M8 13h4m-4 4h3m5-5v6m-3-3 3 3 3-3"/></svg>
+                                <div class="item-info">
+                                    <h2 data-i18n>日誌導出</h2><p data-i18n>此選項可以篩選日誌並匯出存檔</p>
+                                </div>
                                 <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                             </div>
                         </div>
@@ -115,48 +117,56 @@
                 <section id="protect_window" class="page">
                     <div class="list-widget">
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M8 12h2l1-3 2 6 1-3h2"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>進程防護</h2><p data-i18n>此選項可以終止惡意進程運行</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M9 8v8m6-8v8"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>進程暫停</h2><p data-i18n>此選項可以暫停進程等待掃描</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m12 3 9 5-9 5-9-5 9-5zM3 12l9 5 9-5M3 16l9 5 9-5"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>加載防護</h2><p data-i18n>此選項可以攔截惡意進程加載</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6m-12 7 3 3 5-5"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>檔案防護</h2><p data-i18n>此選項可以隔離惡意檔案建立</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="13" rx="2"/><path d="M8 21h8m-4-5v5M8 10l3 3 5-6"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>系統防護</h2><p data-i18n>此選項可以實時修復系統異常</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10zM8 10a6 6 0 0 1 8 0m-6 3a3 3 0 0 1 4 0"/><circle cx="12" cy="16" r=".5"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>網路防護</h2><p data-i18n>此選項可以攔截惡意網路連接</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 2v4m6-4v4M9 18v4m6-4v4M2 9h4m-4 6h4m12-6h4m-4 6h4"/><polyline points="9 12 11 14 15 10"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>驅動防護</h2><p data-i18n>此選項可以實時攔截惡意行為</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="custom_protect_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 6h3m4 0h9M4 12h9m4 0h3M4 18h3m4 0h9"/><circle cx="9" cy="6" r="2"/><circle cx="15" cy="12" r="2"/><circle cx="9" cy="18" r="2"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>自訂防護</h2><p data-i18n>此選項可以導入自訂防護規則</p>
                             </div>
@@ -168,48 +178,56 @@
                 <section id="tool_window" class="page">
                     <div class="list-widget">
                         <div class="list-item" style="cursor: pointer;" data-target="taskmgr_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 21h8m-4-4v4M6 11h3l2-4 3 7 2-3h2"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>進程管理</h2><p data-i18n>此選項可以實時查看系統進程</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="startup_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 3v9m-6.4-6.4a9 9 0 1 0 12.8 0"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>啟動項管理</h2><p data-i18n>此選項可以管理各應用啟動項</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="junk_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7m4-7v7"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>垃圾清理</h2><p data-i18n>此選項可以清理暫存垃圾檔案</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
-                        </div>
-                        <div class="list-item" style="cursor: pointer;" data-target="repair_window">
+                        </div>
+                        <div class="list-item" style="cursor: pointer;" data-target="repair_window">
+                            <svg class="item-icon item-icon-repair" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 6a5 5 0 0 0-6 6l-5 5a2.1 2.1 0 0 0 3 3l5-5a5 5 0 0 0 6-6l-3 3-3-3 3-3z"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>系統修復</h2><p data-i18n>此選項可以修復系統登錄檔項目</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="popup_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 8h18m-12 3 6 6m0-6-6 6"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>彈窗攔截</h2><p data-i18n>此選項可以選擇指定窗口攔截</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="netmon_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 3v18h16M8 15l4-5 4 3 5-7"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>流量監控</h2><p data-i18n>此選項可以實時監控網路流量</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="whitelist_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="m7 8 1 1 2-2m3 1h4m-10 7 2 2 3-4m2 2h3"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>白名單</h2><p data-i18n>此選項可以查看並管理白名單</p>
                             </div>
                             <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item" style="cursor: pointer;" data-target="quarantine_window">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18m-13 5h8m-4-4v8M8 5V3h8v2"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>隔離區</h2><p data-i18n>此選項可以查看並管理隔離區</p>
                             </div>
@@ -221,42 +239,49 @@
                 <section id="setting_window" class="page">
                     <div class="list-widget">
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m13 2-9 12h7l-1 8 10-12h-7l1-8z"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>增強模式</h2><p data-i18n>此選項可以增強靜態掃描引擎</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox"><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="4" y="4" width="16" height="16" rx="3"/><path d="M8 12h8m-4-4v8"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>擴展引擎</h2><p data-i18n>此選項可以使用擴展規則引擎</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox"><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 18H6a4 4 0 0 1-.8-7.9A7 7 0 0 1 18.7 8a5 5 0 0 1-.7 10h-1m-5 3V11m-4 4 4-4 4 4"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>雲端服務</h2><p data-i18n>此選項可以自動上報可疑檔案</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 4h18l-7 8v7l-4 2v-9L3 4z"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>副檔名過濾</h2><p data-i18n>此選項僅掃描指定檔案副檔名</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 21h8m-4-4v4M12 6v4m-2.5-2.5a3.5 3.5 0 1 0 5 0"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>開機啟動</h2><p data-i18n>此選項可以設定開機自動執行</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox" checked><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 7h10M7 11h3"/><circle cx="13" cy="14" r="3"/><path d="m15.2 16.2 2.8 2.8"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>選單掃描</h2><p data-i18n>此選項可以啟用右鍵掃描功能</p>
                             </div>
                             <label class="toggle-switch"><input type="checkbox"><span class="slider"></span></label>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 3a9 9 0 1 0 0 18h1a2 2 0 0 0 1.4-3.4 1.5 1.5 0 0 1 1.1-2.6H18a3 3 0 0 0 3-3 9 9 0 0 0-9-9z"/><circle cx="7.5" cy="10" r=".7"/><circle cx="11" cy="7" r=".7"/><circle cx="15.5" cy="8" r=".7"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>顯色主題</h2><p data-i18n>此選項可以選擇主題顏色</p>
                             </div>
@@ -271,6 +296,7 @@
                             </select>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 5h12M9 2v3m3 0c-1 6-4 9-9 12M5 8c1.5 4 4 6 8 8m0 5 4-10 4 10m-6.5-4h5"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>顯示語言</h2><p data-i18n>此選項可以選擇顯示語言</p>
                             </div>
@@ -289,6 +315,7 @@
                             </select>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 10a9 9 0 1 1 2 8M3 4v6h6m3-3v5l3 2"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>重置選項</h2><p data-i18n>此選項可以重置所有設定</p>
                             </div>
@@ -300,22 +327,25 @@
                 <section id="about_window" class="page">
                     <div class="list-widget">
                         <div class="list-item">
+                            <svg class="item-icon item-icon-compact" aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>
                             <div class="item-info">
                                 <h2 data-i18n>產品金鑰</h2><p data-i18n>此選項可以啟用產品金鑰</p>
                             </div>
-                            <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg></button>
+                            <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon item-icon-compact" aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
                             <div class="item-info">
                                 <h2 data-i18n>官方網站</h2><p data-i18n>此選項可以前往官方網站</p>
                             </div>
-                            <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg></button>
+                            <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="list-item">
+                            <svg class="item-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10a9 9 0 1 0-2 8M21 4v6h-6"/></svg>
                             <div class="item-info">
                                 <h2 data-i18n>檢查更新</h2><p data-i18n>此選項可以檢查可用更新</p>
                             </div>
-                            <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg></button>
+                            <button class="icon-action-btn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></button>
                         </div>
                         <div class="license-widget">
                             <textarea class="license-text" readonly>87owo Publicly Available Source Code License Agreement
@@ -591,4 +621,4 @@ IMPORTANT NOTICE: THIS LICENSE IS "SOURCE AVAILABLE" AND IS NOT AN OPEN SOURCE L
         </div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/PYAS.py b/PYAS.py
index f0efa35..0f7bbd2 100644
--- a/PYAS.py
+++ b/PYAS.py
@@ -371,7 +371,7 @@ class _MainMixin:
         self.lock_io = threading.RLock()
 
         self.pyas_default = {
-            "version": "3.6.9",
+            "version": "3.7.0",
             "api_host": "https://pyas-security.com/",
             "api_key": "fBRZxYS1UxykM-qzNOlKOEl63WILzlvgNMn6QfsG6FXCAAIktCrOPTAfY5_hEyuZ",
             "suffix": [".exe", ".dll", ".sys", ".ocx", ".scr", ".efi", ".acm", ".ax", ".cpl", ".drv", ".com", ".mui", ".pyd", ".wfx", ".api", ".awx", ".rll", ".winmd"],