From ecbae7c4faa5102857dfba6512fc7c7366a5828e Mon Sep 17 00:00:00 2001
From: Victor_Jay <ovoex.cn@gmail.com>
Date: Tue, 30 Jun 2026 18:19:50 +0800
Subject: [PATCH] =?UTF-8?q?fix(admin):=20=E4=BF=AE=E5=A4=8D=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E9=9D=A2=20CSP=20style-src=20=E8=BF=9D?=
 =?UTF-8?q?=E8=A7=84=E5=AF=BC=E8=87=B4=E5=8A=A0=E8=BD=BD=E5=A4=B1=E8=B4=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 site-settings 模板中的内联 style 属性（display:none, width:100px）
- 将内联样式迁移至 site-settings.css 的 CSS 类中
- site-settings-theme.js 用 className 替代 style.display 操作
---
 templates/admin/html/site-settings/index.html        | 2 +-
 templates/admin/html/site-settings/registration.html | 2 +-
 templates/admin/html/site-settings/theme.html        | 2 +-
 templates/admin/static/css/site-settings.css         | 7 +++++++
 templates/admin/static/js/site-settings-theme.js     | 3 +--
 5 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/templates/admin/html/site-settings/index.html b/templates/admin/html/site-settings/index.html
index 5db9627..2c85ede 100644
--- a/templates/admin/html/site-settings/index.html
+++ b/templates/admin/html/site-settings/index.html
@@ -227,7 +227,7 @@
                         <span class="setting-desc">强制阅读时的倒计时秒数</span>
                     </div>
                     <div class="setting-input-wrap">
-                        <input type="number" id="setting-guidelines-timer" class="setting-input" placeholder="60" min="1" style="width:100px" value="{{.GuidelinesTimer}}">
+                        <input type="number" id="setting-guidelines-timer" class="setting-input setting-input-narrow" placeholder="60" min="1" value="{{.GuidelinesTimer}}">
                         <button class="btn btn-sm btn-primary btn-save" data-key="registration.guidelines_timer" data-input="setting-guidelines-timer">保存</button>
                     </div>
                 </div>
diff --git a/templates/admin/html/site-settings/registration.html b/templates/admin/html/site-settings/registration.html
index 6fb8a17..9ce4626 100644
--- a/templates/admin/html/site-settings/registration.html
+++ b/templates/admin/html/site-settings/registration.html
@@ -46,7 +46,7 @@
                         <span class="setting-desc">强制阅读时的倒计时秒数</span>
                     </div>
                     <div class="setting-input-wrap">
-                        <input type="number" id="setting-guidelines-timer" class="setting-input" placeholder="60" min="1" style="width:100px" value="{{.GuidelinesTimer}}">
+                        <input type="number" id="setting-guidelines-timer" class="setting-input setting-input-narrow" placeholder="60" min="1" value="{{.GuidelinesTimer}}">
                         <button class="btn btn-sm btn-primary btn-save" data-key="registration.guidelines_timer" data-input="setting-guidelines-timer">保存</button>
                     </div>
                 </div>
diff --git a/templates/admin/html/site-settings/theme.html b/templates/admin/html/site-settings/theme.html
index 6d41742..02665a3 100644
--- a/templates/admin/html/site-settings/theme.html
+++ b/templates/admin/html/site-settings/theme.html
@@ -33,7 +33,7 @@
             </div>
         </div>
 
-        <div id="theme-status" class="settings-section" style="display:none">
+        <div id="theme-status" class="settings-section">
             <div class="section-body">
                 <div class="setting-item">
                     <span id="theme-status-msg"></span>
diff --git a/templates/admin/static/css/site-settings.css b/templates/admin/static/css/site-settings.css
index fa2bdf5..3920ce1 100644
--- a/templates/admin/static/css/site-settings.css
+++ b/templates/admin/static/css/site-settings.css
@@ -141,6 +141,13 @@
     font-size: 13px; color: var(--text-muted);
 }
 
+/* --- 隐藏工具类 --- */
+#theme-status { display: none; }
+#theme-status.visible { display: block; }
+
+/* --- 窄输入框 --- */
+.setting-input-narrow { width: 100px; }
+
 /* --- 主题状态提示 --- */
 .status-success .section-body {
     background: #e8f5e9; border-left: 3px solid #4caf50;
diff --git a/templates/admin/static/js/site-settings-theme.js b/templates/admin/static/js/site-settings-theme.js
index c6ca00c..7fff275 100644
--- a/templates/admin/static/js/site-settings-theme.js
+++ b/templates/admin/static/js/site-settings-theme.js
@@ -95,8 +95,7 @@
     }
 
     function showStatus(msg, type) {
-        statusSection.style.display = 'block';
-        statusSection.className = 'settings-section';
+        statusSection.className = 'settings-section visible';
         if (type === 'success') {
             statusSection.classList.add('status-success');
         } else if (type === 'error') {