fix: 修复所有CSS注释未用引号包裹的语法错误

This commit is contained in:
Developer
2026-03-11 19:23:27 +08:00
parent 4f6ccd2978
commit df12a6ac72

View File

@@ -22,11 +22,13 @@
var style = document.createElement('style'); var style = document.createElement('style');
style.id = 'magnet-panel-style'; style.id = 'magnet-panel-style';
style.textContent = [ style.textContent = [
/* === 字体引入 === */ '/* === 字体引入 === */',
'@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap");', '@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap");',
/* === CSS 变量 === */ '/* === CSS 变量 === */',
':root {', '@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap");',
':root {'
' --m-bg-deep: #0a0e14;', ' --m-bg-deep: #0a0e14;',
' --m-bg-primary: #0f1419;', ' --m-bg-primary: #0f1419;',
' --m-bg-secondary: #1a1f2e;', ' --m-bg-secondary: #1a1f2e;',
@@ -55,8 +57,8 @@
' --m-shadow-glow: 0 0 20px var(--m-accent-glow), 0 0 40px rgba(0, 212, 170, 0.15);', ' --m-shadow-glow: 0 0 20px var(--m-accent-glow), 0 0 40px rgba(0, 212, 170, 0.15);',
'}', '}',
/* === 悬浮球 === */ '/* === 悬浮球 === */',
'#magnet-float-ball{', '#magnet-float-ball{'
' position:fixed;bottom:24px;right:24px;', ' position:fixed;bottom:24px;right:24px;',
' width:60px;height:60px;', ' width:60px;height:60px;',
' background:linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);', ' background:linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);',
@@ -73,20 +75,15 @@
' transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);', ' transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);',
' animation:magnet-pulse 2.5s ease-in-out infinite;', ' animation:magnet-pulse 2.5s ease-in-out infinite;',
'}', '}',
'#magnet-float-ball:hover{',
' transform:scale(1.08);',
' box-shadow:0 0 30px var(--m-accent-glow), 0 0 60px rgba(0, 212, 170, 0.2), inset 0 0 30px rgba(0, 212, 170, 0.15);',
'}',
'#magnet-float-ball:active{transform:scale(0.95);}',
/* === 脉冲动画 === */ '/* === 脉冲动画 === */',
'@keyframes magnet-pulse{', '@keyframes magnet-pulse{'
' 0%, 100%{box-shadow:var(--m-shadow-glow), inset 0 0 20px rgba(0, 212, 170, 0.1);}', ' 0%, 100%{box-shadow:var(--m-shadow-glow), inset 0 0 20px rgba(0, 212, 170, 0.1);}',
' 50%{box-shadow:0 0 30px var(--m-accent-glow), 0 0 50px rgba(0, 212, 170, 0.2), inset 0 0 25px rgba(0, 212, 170, 0.15);}', ' 50%{box-shadow:0 0 30px var(--m-accent-glow), 0 0 50px rgba(0, 212, 170, 0.2), inset 0 0 25px rgba(0, 212, 170, 0.15);}',
'}', '}',
/* === 主面板 === */ '/* === 主面板 === */',
'#magnet-floating-panel{', '#magnet-floating-panel{'
' position:fixed;right:20px;bottom:20px;', ' position:fixed;right:20px;bottom:20px;',
' width:min(800px, calc(100vw - 40px));', ' width:min(800px, calc(100vw - 40px));',
' height:min(85vh, 860px);', ' height:min(85vh, 860px);',
@@ -103,13 +100,9 @@
' backdrop-filter:blur(20px);', ' backdrop-filter:blur(20px);',
' animation:magnet-panel-in 0.4s cubic-bezier(0.4, 0, 0.2, 1);', ' animation:magnet-panel-in 0.4s cubic-bezier(0.4, 0, 0.2, 1);',
'}', '}',
'@keyframes magnet-panel-in{',
' from{opacity:0;transform:translateY(20px) scale(0.98);}',
' to{opacity:1;transform:translateY(0) scale(1);}',
'}',
/* === 面板头部 === */ '/* === 面板头部 === */',
'#magnet-floating-panel .magnet-panel-header{', '#magnet-floating-panel .magnet-panel-header{'
' display:flex;justify-content:space-between;align-items:flex-start;', ' display:flex;justify-content:space-between;align-items:flex-start;',
' padding:20px 24px 16px;', ' padding:20px 24px 16px;',
' background:linear-gradient(180deg, rgba(0, 212, 170, 0.08) 0%, transparent 100%);', ' background:linear-gradient(180deg, rgba(0, 212, 170, 0.08) 0%, transparent 100%);',
@@ -135,8 +128,8 @@
' display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;', ' display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;',
'}', '}',
/* === 切换按钮 === */ '/* === 切换按钮 === */',
'#magnet-floating-panel .magnet-panel-switch{', '#magnet-floating-panel .magnet-panel-switch{'
' padding:10px 18px;', ' padding:10px 18px;',
' border:1px solid var(--m-border);', ' border:1px solid var(--m-border);',
' border-radius:var(--m-radius-lg);', ' border-radius:var(--m-radius-lg);',
@@ -160,8 +153,8 @@
' box-shadow:0 0 15px rgba(0, 212, 170, 0.2);', ' box-shadow:0 0 15px rgba(0, 212, 170, 0.2);',
'}', '}',
/* === 关闭按钮 === */ '/* === 关闭按钮 === */',
'#magnet-floating-panel .magnet-panel-close{', '#magnet-floating-panel .magnet-panel-close{'
' width:36px;height:36px;', ' width:36px;height:36px;',
' border:1px solid var(--m-border);', ' border:1px solid var(--m-border);',
' border-radius:var(--m-radius-md);', ' border-radius:var(--m-radius-md);',
@@ -177,8 +170,8 @@
' color:var(--m-error);', ' color:var(--m-error);',
'}', '}',
/* === 设置区域 === */ '/* === 设置区域 === */',
'#magnet-settings{', '#magnet-settings{'
' padding:16px 20px;', ' padding:16px 20px;',
' background:var(--m-bg-secondary);', ' background:var(--m-bg-secondary);',
' border-bottom:1px solid var(--m-border);', ' border-bottom:1px solid var(--m-border);',
@@ -189,8 +182,8 @@
'}', '}',
'#magnet-floating-panel .magnet-control-row > *{min-width:0;}', '#magnet-floating-panel .magnet-control-row > *{min-width:0;}',
/* === 输入框样式 === */ '/* === 输入框样式 === */',
'#magnet-settings input[type="text"],', '#magnet-settings input[type="text"],'
'#magnet-settings input[type="number"],', '#magnet-settings input[type="number"],',
'#magnet-settings select{', '#magnet-settings select{',
' padding:10px 14px;', ' padding:10px 14px;',
@@ -210,8 +203,8 @@
'}', '}',
'#magnet-settings input::placeholder{color:var(--m-text-muted);}', '#magnet-settings input::placeholder{color:var(--m-text-muted);}',
/* === 主按钮 === */ '/* === 主按钮 === */',
'#magnet-settings button:not(.magnet-panel-switch){', '#magnet-settings button:not(.magnet-panel-switch){'
' padding:10px 20px;', ' padding:10px 20px;',
' background:linear-gradient(135deg, var(--m-accent) 0%, #00f5c4 100%);', ' background:linear-gradient(135deg, var(--m-accent) 0%, #00f5c4 100%);',
' border:none;', ' border:none;',
@@ -231,8 +224,8 @@
' transform:translateY(0);', ' transform:translateY(0);',
'}', '}',
/* === 内容区域 === */ '/* === 内容区域 === */',
'#magnet-floating-panel .magnet-panel-content{', '#magnet-floating-panel .magnet-panel-content{'
' flex:1;min-height:0;', ' flex:1;min-height:0;',
' padding:16px 20px;', ' padding:16px 20px;',
' background:var(--m-bg-primary);', ' background:var(--m-bg-primary);',
@@ -243,8 +236,8 @@
'}', '}',
'#magnet-floating-panel .magnet-view.is-active{display:flex;}', '#magnet-floating-panel .magnet-view.is-active{display:flex;}',
/* === 视图工具栏 === */ '/* === 视图工具栏 === */',
'#magnet-floating-panel .magnet-view-toolbar{', '#magnet-floating-panel .magnet-view-toolbar{'
' display:flex;justify-content:space-between;align-items:center;', ' display:flex;justify-content:space-between;align-items:center;',
' gap:12px;padding:14px 18px;', ' gap:12px;padding:14px 18px;',
' background:var(--m-bg-card);', ' background:var(--m-bg-card);',
@@ -264,8 +257,8 @@
' font-size:12px;color:var(--m-text-secondary);', ' font-size:12px;color:var(--m-text-secondary);',
'}', '}',
/* === 磁力列表 === */ '/* === 磁力列表 === */',
'#magnet-list{', '#magnet-list{'
' display:flex;flex-direction:column;gap:10px;', ' display:flex;flex-direction:column;gap:10px;',
' min-height:0;overflow-y:auto;padding-right:6px;', ' min-height:0;overflow-y:auto;padding-right:6px;',
' scrollbar-width:thin;scrollbar-color:var(--m-accent) var(--m-bg-secondary);', ' scrollbar-width:thin;scrollbar-color:var(--m-accent) var(--m-bg-secondary);',
@@ -274,8 +267,8 @@
'#magnet-list::-webkit-scrollbar-track{background:var(--m-bg-secondary);border-radius:3px;}', '#magnet-list::-webkit-scrollbar-track{background:var(--m-bg-secondary);border-radius:3px;}',
'#magnet-list::-webkit-scrollbar-thumb{background:var(--m-accent);border-radius:3px;}', '#magnet-list::-webkit-scrollbar-thumb{background:var(--m-accent);border-radius:3px;}',
/* === 列表项 === */ '/* === 列表项 === */',
'.magnet-item{', '.magnet-item{'
' display:flex;align-items:flex-start;gap:14px;', ' display:flex;align-items:flex-start;gap:14px;',
' padding:14px 16px;', ' padding:14px 16px;',
' background:var(--m-bg-card);', ' background:var(--m-bg-card);',
@@ -303,8 +296,8 @@
'}', '}',
'.magnet-title:hover{color:var(--m-accent);}', '.magnet-title:hover{color:var(--m-accent);}',
/* === 复制按钮 === */ '/* === 复制按钮 === */',
'.magnet-copy-btn{', '.magnet-copy-btn{'
' padding:8px 16px;', ' padding:8px 16px;',
' background:linear-gradient(135deg, var(--m-accent) 0%, #00f5c4 100%);', ' background:linear-gradient(135deg, var(--m-accent) 0%, #00f5c4 100%);',
' color:var(--m-bg-deep);', ' color:var(--m-bg-deep);',
@@ -321,8 +314,8 @@
'}', '}',
'.magnet-copy-btn:active{transform:scale(0.98);}', '.magnet-copy-btn:active{transform:scale(0.98);}',
/* === 缓存面板 === */ '/* === 缓存面板 === */',
'#magnet-cache-panel{', '#magnet-cache-panel{'
' flex:1;min-height:0;overflow-y:auto;padding-right:6px;', ' flex:1;min-height:0;overflow-y:auto;padding-right:6px;',
' scrollbar-width:thin;scrollbar-color:var(--m-accent) var(--m-bg-secondary);', ' scrollbar-width:thin;scrollbar-color:var(--m-accent) var(--m-bg-secondary);',
'}', '}',
@@ -330,8 +323,8 @@
'#magnet-cache-panel::-webkit-scrollbar-track{background:var(--m-bg-secondary);border-radius:3px;}', '#magnet-cache-panel::-webkit-scrollbar-track{background:var(--m-bg-secondary);border-radius:3px;}',
'#magnet-cache-panel::-webkit-scrollbar-thumb{background:var(--m-accent);border-radius:3px;}', '#magnet-cache-panel::-webkit-scrollbar-thumb{background:var(--m-accent);border-radius:3px;}',
/* === 缓存网格 === */ '/* === 缓存网格 === */',
'.magnet-cache-grid{', '.magnet-cache-grid{'
' display:grid;', ' display:grid;',
' grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));', ' grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));',
' gap:12px;margin-bottom:16px;', ' gap:12px;margin-bottom:16px;',
@@ -356,8 +349,8 @@
' color:var(--m-accent);', ' color:var(--m-accent);',
'}', '}',
/* === 缓存区块 === */ '/* === 缓存区块 === */',
'.magnet-cache-section{margin-top:16px;}', '.magnet-cache-section{margin-top:16px;}'
'.magnet-cache-section-title{', '.magnet-cache-section-title{',
' font-family:var(--m-font-display);', ' font-family:var(--m-font-display);',
' font-size:13px;font-weight:700;', ' font-size:13px;font-weight:700;',
@@ -384,16 +377,16 @@
' margin-top:6px;line-height:1.5;', ' margin-top:6px;line-height:1.5;',
'}', '}',
/* === 底部 === */ '/* === 底部 === */',
'#magnet-floating-panel .magnet-panel-footer{', '#magnet-floating-panel .magnet-panel-footer{'
' padding:16px 20px 20px;', ' padding:16px 20px 20px;',
' background:var(--m-bg-secondary);', ' background:var(--m-bg-secondary);',
' border-top:1px solid var(--m-border);', ' border-top:1px solid var(--m-border);',
' display:flex;flex-direction:column;gap:12px;', ' display:flex;flex-direction:column;gap:12px;',
'}', '}',
/* === 状态栏 === */ '/* === 状态栏 === */',
'#magnet-status{', '#magnet-status{'
' padding:12px 16px;border-radius:var(--m-radius-md);', ' padding:12px 16px;border-radius:var(--m-radius-md);',
' font-size:12px;line-height:1.6;', ' font-size:12px;line-height:1.6;',
' background:var(--m-bg-card);', ' background:var(--m-bg-card);',
@@ -416,8 +409,8 @@
' background:rgba(16, 185, 129, 0.1);', ' background:rgba(16, 185, 129, 0.1);',
'}', '}',
/* === 一键复制按钮 === */ '/* === 一键复制按钮 === */',
'#magnet-copy-all{', '#magnet-copy-all{'
' width:100%;padding:14px 20px;', ' width:100%;padding:14px 20px;',
' background:linear-gradient(135deg, var(--m-accent) 0%, #00f5c4 100%);', ' background:linear-gradient(135deg, var(--m-accent) 0%, #00f5c4 100%);',
' color:var(--m-bg-deep);', ' color:var(--m-bg-deep);',
@@ -434,8 +427,8 @@
'}', '}',
'#magnet-copy-all:active{transform:translateY(0);}', '#magnet-copy-all:active{transform:translateY(0);}',
/* === 调试菜单 === */ '/* === 调试菜单 === */',
'#magnet-debug-menu{', '#magnet-debug-menu{'
' background:var(--m-bg-card) !important;', ' background:var(--m-bg-card) !important;',
' border:1px solid var(--m-border-accent) !important;', ' border:1px solid var(--m-border-accent) !important;',
' border-radius:var(--m-radius-md) !important;', ' border-radius:var(--m-radius-md) !important;',
@@ -448,8 +441,8 @@
' accent-color:var(--m-accent);', ' accent-color:var(--m-accent);',
'}', '}',
/* === 响应式 === */ '/* === 响应式 === */',
'@media (max-width: 900px){', '@media (max-width: 900px){'
' #magnet-floating-panel{', ' #magnet-floating-panel{',
' right:10px;bottom:10px;', ' right:10px;bottom:10px;',
' width:calc(100vw - 20px);', ' width:calc(100vw - 20px);',
@@ -461,7 +454,7 @@
' #magnet-floating-panel .magnet-panel-footer{padding-left:16px;padding-right:16px;}', ' #magnet-floating-panel .magnet-panel-footer{padding-left:16px;padding-right:16px;}',
'}', '}',
/* === 空状态 === */ '/* === 空状态 === */',
'.magnet-empty-state{', '.magnet-empty-state{',
' display:flex;flex-direction:column;align-items:center;justify-content:center;', ' display:flex;flex-direction:column;align-items:center;justify-content:center;',
' padding:40px 20px;text-align:center;', ' padding:40px 20px;text-align:center;',
@@ -520,7 +513,7 @@
' background:rgba(239,68,68,0.15);color:var(--m-error);', ' background:rgba(239,68,68,0.15);color:var(--m-error);',
'}', '}',
'/* === 索记录下拉 === */', '/* === 索记录下拉 === */',
'.magnet-history-dropdown{', '.magnet-history-dropdown{',
' position:absolute;top:100%;left:0;right:0;background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-lg);z-index:100;max-height:200px;overflow-y:auto;', ' position:absolute;top:100%;left:0;right:0;background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-lg);z-index:100;max-height:200px;overflow-y:auto;',
'}', '}',