diff --git a/common/head_tag.hbs b/common/head_tag.hbs
index c97af7d..a7f3998 100644
--- a/common/head_tag.hbs
+++ b/common/head_tag.hbs
@@ -4,34 +4,51 @@
window.I18n.translations[I18n.locale].js.browser_update =
'The Horizon theme does not support your browser. Please update your browser, or switch to safe mode.';
}
+
+ // 处理动态样式
+ (() => {
+ const glassSelectors = "{{settings.extra_glass_morphism_selectors}}".trim();
+ const cardSelectors = "{{settings.extra_card_item_selectors}}".trim();
+
+ let styles = '';
+
+ if (glassSelectors) {
+ const selectors = glassSelectors.split('\n').filter(s => s.trim()).map(s => s.trim()).join(', ');
+ styles += `
+ ${selectors} {
+ background-color: #ffffffa8 !important;
+ border-radius: var(--d-border-radius);
+ backdrop-filter: blur(32px);
+ box-shadow: #00000077 0 0 19px 0;
+ padding: 24px;
+ }
+ `;
+ }
+
+ if (cardSelectors) {
+ const selectors = cardSelectors.split('\n').filter(s => s.trim()).map(s => s.trim()).join(', ');
+ styles += `
+ ${selectors} {
+ background: var(--d-chat-input-bg-color);
+ border-radius: var(--d-border-radius);
+ box-shadow: #00000024 0 0 7px 2px;
+ margin: 10px 0;
+ position: relative;
+ padding: 16px 12px;
+ overflow: hidden;
+ transition: background-color 0.2s ease-in-out;
+ }
+ ${selectors}:hover {
+ background-color: var(--accent-text-color);
+ }
+ `;
+ }
+
+ if (styles) {
+ const styleEl = document.createElement('style');
+ styleEl.textContent = styles;
+ document.head.appendChild(styleEl);
+ }
+ })();
-{{#if settings.extra_glass_morphism_selectors}}
-
-{{/if}}
-
-{{#if settings.extra_card_item_selectors}}
-
-{{/if}}