var FXS = [
        { id: 'gothic', name: '暗黑哥特', mode: 'dark', bg: '#0a0a0f', fx: 'firefly', vars: { bg: '#0a0a0f', card: '#24202a', hover: '#1d1626', border: '#4a2a5a', text: '#d8cfe0', text2: '#8a7a9a', accent: '#9b30d9' }, extra: { '--radius': '2px', '--green': '#9b30d9', '--blue-rgb': '155, 48, 217' }, extraCss: '.zf-style-glow body { background-image: radial-gradient(circle at 50% -10%, rgba(155,48,217,0.14), transparent 50%) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(180deg, rgba(74,42,90,0.18), rgba(20,16,26,0.95)) !important; border: 1px solid #4a2a5a; border-radius: 0 !important; box-shadow: 0 0 0 1px #000, 0 0 30px rgba(155,48,217,0.15); } .zf-style-glow .panel::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, transparent, #9b30d9, #e0409a, #9b30d9, transparent); margin: -1px -1px 0; } .zf-style-glow .card { background: #14101a; border: 1px solid #3a2444; border-radius: 0 !important; } .zf-style-glow .card:hover { border-color: #9b30d9; box-shadow: 0 0 18px rgba(155,48,217,0.4); } .zf-style-glow button, .zf-style-glow .btn { background: #1a1022 !important; color: #c88ae8 !important; border: 1px solid #9b30d9 !important; border-radius: 0 !important; letter-spacing: 0.15em; text-transform: uppercase; } .zf-style-glow button:hover { background: #9b30d9 !important; color: #fff !important; box-shadow: 0 0 20px rgba(155,48,217,0.6); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #c88ae8; letter-spacing: 0.2em; font-variant: small-caps; text-shadow: 0 0 12px rgba(155,48,217,0.7); } .zf-style-glow input, .zf-style-glow textarea { background: #100c16 !important; border: 1px solid #3a2444 !important; border-radius: 0; color: #d8cfe0 !important; } .zf-style-glow .status-dot.status-active { background: #9b30d9 !important; box-shadow: 0 0 8px #9b30d9; }' },
        { id: 'lightning', name: '超酷闪电', mode: 'dark', bg: '#0d0d14', fx: 'lightning', vars: { bg: '#0d0d14', card: '#222230', hover: '#1e1e30', border: '#3d3d5c', text: '#eef2ff', text2: '#8a8fb8', accent: '#5ecbff' }, extra: { '--radius': '10px', '--green': '#5ecbff', '--blue-rgb': '94, 203, 255' }, extraCss: '@keyframes zf-lt-flash { 0%,92%,96%,100% { opacity: 0; } 93%,95% { opacity: 1; } } @keyframes zf-lt-bolt { 0% { opacity: 0; transform: translateY(-30px); } 8% { opacity: 1; transform: translateY(0); } 20% { opacity: 0; } 100% { opacity: 0; } } .zf-style-glow body { background-image: radial-gradient(ellipse at 50% -20%, rgba(94,203,255,0.18), transparent 55%), linear-gradient(180deg, rgba(94,203,255,0.04), transparent 40%) !important; } .zf-style-glow body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9998; background: rgba(190,230,255,0.85); opacity: 0; animation: zf-lt-flash 9s infinite; mix-blend-mode: screen; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(170deg, rgba(30,36,60,0.92), rgba(16,18,32,0.95)) !important; border: 1px solid #2c3a5c !important; box-shadow: 0 0 24px rgba(94,203,255,0.12), inset 0 1px 0 rgba(94,203,255,0.15); } .zf-style-glow .panel::before { content: ""; display: block; height: 2px; background: linear-gradient(90deg, transparent, #5ecbff, #a8e6ff, #5ecbff, transparent); margin: -1px -1px 0; box-shadow: 0 0 10px #5ecbff; } .zf-style-glow .card { background: #161624; border: 1px solid #2c3a5c; box-shadow: 0 0 14px rgba(94,203,255,0.06); transition: all 0.2s; } .zf-style-glow .card:hover { border-color: #5ecbff; box-shadow: 0 0 26px rgba(94,203,255,0.45), inset 0 0 12px rgba(94,203,255,0.08); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(180deg, #1c3a5c, #142743) !important; color: #a8e6ff !important; border: 1px solid #3a6a9c !important; text-shadow: 0 0 6px rgba(94,203,255,0.7); letter-spacing: 0.08em; } .zf-style-glow button:hover, .zf-style-glow .btn:hover { background: linear-gradient(180deg, #2a5a8c, #1c3a5c) !important; color: #fff !important; border-color: #5ecbff; box-shadow: 0 0 22px rgba(94,203,255,0.7), inset 0 0 10px rgba(94,203,255,0.2) !important; } .zf-style-glow button:active, .zf-style-glow .btn:active { box-shadow: 0 0 34px rgba(94,203,255,0.9) !important; } .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { background: #0e1120 !important; color: #eef2ff !important; border: 1px solid #2c3a5c !important; } .zf-style-glow input:focus, .zf-style-glow textarea:focus { border-color: #5ecbff !important; box-shadow: 0 0 12px rgba(94,203,255,0.4); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #a8e6ff; text-shadow: 0 0 14px rgba(94,203,255,0.75), 0 0 32px rgba(94,203,255,0.35); } .zf-style-glow a { color: #5ecbff; } .zf-style-glow a:hover { text-shadow: 0 0 8px #5ecbff; } .zf-style-glow .status-dot.status-active { background: #5ecbff !important; box-shadow: 0 0 10px #5ecbff; }' },
        { id: 'retroterm', name: '复古终端', mode: 'dark', bg: '#0c0f0a', fx: 'none', vars: { bg: '#0c0f0a', card: '#232a20', hover: '#1b2415', border: '#2d4020', text: '#d8f0c0', text2: '#7a9a60', accent: '#b0ff57' }, extra: { '--radius': '0px', '--green': '#b0ff57', '--blue-rgb': '176, 255, 87' }, extraCss: '* { border-radius: 0 !important; } .zf-style-glow { font-family: Consolas, "Segoe UI Emoji", "Segoe UI Symbol", monospace; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: rgba(19,26,16,0.94) !important; border: 1px solid #3d5c28 !important; box-shadow: 0 0 0 3px #131a10, 0 0 0 4px #2d4020, 0 0 24px rgba(176,255,87,0.15) !important; } .zf-style-glow .card { background: #131a10; border: 1px dashed #3d5c28 !important; border-radius: 0 !important; } .zf-style-glow .card:hover { border-style: solid !important; border-color: #b0ff57 !important; box-shadow: 0 0 14px rgba(176,255,87,0.25); } .zf-style-glow button, .zf-style-glow .btn { background: transparent !important; color: #b0ff57 !important; border: 1px solid #b0ff57 !important; border-radius: 0 !important; text-transform: uppercase; letter-spacing: 0.1em; } .zf-style-glow button:hover { background: #b0ff57 !important; color: #0c0f0a !important; box-shadow: 0 0 16px rgba(176,255,87,0.5); } .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { background: #0c0f0a !important; color: #b0ff57 !important; border: 1px dashed #3d5c28 !important; border-radius: 0 !important; } .zf-style-glow a { color: #d8f0c0; text-decoration: underline dotted; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { text-transform: uppercase; letter-spacing: 0.15em; }' },
        { id: 'sunset', name: '熔岩日落', mode: 'dark', bg: '#1a0b08', fx: 'none', vars: { bg: '#1a0b08', card: '#331a14', hover: '#3a1a10', border: '#5c2a18', text: '#ffe8d6', text2: '#c98a5e', accent: '#ff5e2b' }, extra: { '--radius': '20px', '--green': '#ff5e2b', '--blue-rgb': '255, 94, 43' }, extraCss: '.zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(170deg, rgba(255,94,43,0.14) 0%, rgba(43,18,12,0.9) 45%, rgba(26,11,8,0.95) 100%) !important; border: 1px solid rgba(255,94,43,0.35); box-shadow: 0 0 40px rgba(255,94,43,0.2), inset 0 1px 0 rgba(255,180,120,0.15); border-radius: 20px !important; } .zf-style-glow .card { background: linear-gradient(150deg, rgba(255,120,60,0.10), rgba(58,26,16,0.85)); border: 1px solid rgba(255,94,43,0.30); border-radius: 16px !important; } .zf-style-glow .card:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,94,43,0.35); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(135deg, #ff7a3d 0%, #ff5e2b 50%, #c93a12 100%) !important; color: #fff4e8 !important; border-radius: 14px !important; box-shadow: 0 4px 14px rgba(255,94,43,0.4); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { background: linear-gradient(90deg, #ffd9a0, #ff8a4d, #ff5e2b); -webkit-background-clip: text; background-clip: text; color: transparent; } .zf-style-glow .status-dot.status-active { background: #ff5e2b !important; }' },
        { id: 'popburst', name: '爆闪波普', mode: 'dark', bg: '#140a26', fx: 'none', vars: { bg: '#140a26', card: '#1f1240', hover: '#2a1a55', border: '#ff2e88', text: '#ffffff', text2: '#c0a8ff', accent: '#ffe600' }, extra: { '--radius': '4px', '--green': '#ffe600', '--blue-rgb': '255, 46, 136' }, extraCss: '.zf-style-glow body { background-image: repeating-linear-gradient(45deg, rgba(255,46,136,0.06) 0 12px, rgba(0,229,255,0.06) 12px 24px) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: #1f1240 !important; border: 3px solid #ffe600 !important; box-shadow: 8px 8px 0 #00e5ff, 8px 8px 0 1px rgba(0,0,0,0.4) !important; } .zf-style-glow .card { background: #2a1a55; border: 3px solid #ff2e88; box-shadow: 5px 5px 0 #ffe600; transition: transform 0.1s, box-shadow 0.1s; } .zf-style-glow .card:hover { transform: translate(-2px, -2px); box-shadow: 9px 9px 0 #00e5ff; } .zf-style-glow button, .zf-style-glow .btn { background: #ffe600 !important; color: #140a26 !important; border: 3px solid #140a26 !important; box-shadow: 4px 4px 0 #ff2e88 !important; font-weight: 900; text-transform: uppercase; } .zf-style-glow button:hover { transform: translate(-2px, -2px); box-shadow: 7px 7px 0 #00e5ff !important; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #ffe600; text-shadow: 3px 3px 0 #ff2e88, 6px 6px 0 rgba(0,229,255,0.6); letter-spacing: 1px; } .zf-style-glow a { color: #00e5ff; } .zf-style-glow .status-dot.status-active { background: #ffe600 !important; box-shadow: 0 0 10px #ffe600, 0 0 20px #ff2e88; }' },
        { id: 'royalgold', name: '鎏金奢华', mode: 'dark', bg: '#14100a', fx: 'none', vars: { bg: '#14100a', card: '#2f2a20', hover: '#2a2314', border: '#4d3d1e', text: '#f5e9cf', text2: '#b09a6a', accent: '#e8b84b' }, extra: { '--radius': '10px', '--green': '#e8b84b', '--blue-rgb': '232, 184, 75' }, extraCss: '.zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(155deg, rgba(232,184,75,0.12) 0%, rgba(31,26,16,0.95) 35%, #14100a 100%) !important; border: 1px solid #6b5524 !important; box-shadow: 0 0 0 1px rgba(232,184,75,0.25), 0 12px 40px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,220,150,0.2) !important; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { background: linear-gradient(100deg, #f9e7b0 10%, #e8b84b 40%, #8a6a24 60%, #f9e7b0 90%); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 0.06em; } .zf-style-glow .card { background: linear-gradient(145deg, rgba(60,48,24,0.7), rgba(31,26,16,0.9)); border: 1px solid #4d3d1e; box-shadow: inset 0 1px 0 rgba(255,220,150,0.1); } .zf-style-glow .card:hover { border-color: #e8b84b; box-shadow: 0 0 20px rgba(232,184,75,0.3); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(135deg, #f9e7b0 0%, #d4a437 45%, #8a6a24 100%) !important; color: #241c08 !important; font-weight: 700; box-shadow: 0 4px 12px rgba(232,184,75,0.35), inset 0 1px 0 rgba(255,255,255,0.4); } .zf-style-glow .status-dot.status-active { background: #e8b84b !important; }' },
        { id: 'baroque', name: '巴洛克鎏金', mode: 'dark', bg: '#1c0f0a', fx: 'star', vars: { bg: '#1c0f0a', card: '#38241c', hover: '#3a2316', border: '#6b4a2a', text: '#f5e6c8', text2: '#b89670', accent: '#d4af37' }, extra: { '--radius': '24px', '--green': '#d4af37', '--blue-rgb': '212, 175, 55' }, extraCss: '.zf-style-glow body { background-image: radial-gradient(ellipse at 20% 0%, rgba(212,175,55,0.10), transparent 55%), radial-gradient(ellipse at 80% 100%, rgba(150,60,30,0.14), transparent 55%) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(155deg, rgba(212,175,55,0.10), rgba(44,24,16,0.92) 40%, rgba(28,15,10,0.96)) !important; border: 2px solid #6b4a2a; outline: 1px solid rgba(212,175,55,0.35); outline-offset: -6px; border-radius: 24px !important; box-shadow: 0 10px 40px rgba(0,0,0,0.6), inset 0 1px 0 rgba(245,230,200,0.12); } .zf-style-glow .card { background: linear-gradient(160deg, rgba(212,175,55,0.08), rgba(44,24,16,0.9)); border: 1px solid rgba(212,175,55,0.35); border-radius: 18px !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.35); } .zf-style-glow .card:hover { border-color: #d4af37; box-shadow: 0 6px 24px rgba(212,175,55,0.25); transform: translateY(-2px); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(180deg, #e8c96a 0%, #b8912a 50%, #8a6a1a 100%) !important; color: #2c1810 !important; font-weight: bold; border-radius: 18px !important; border: 1px solid #6b4a2a; box-shadow: 0 3px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,240,200,0.6); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #e8c96a; font-style: italic; letter-spacing: 0.06em; text-shadow: 0 1px 0 #000, 0 0 18px rgba(212,175,55,0.35); } .zf-style-glow input, .zf-style-glow textarea { background: #241410 !important; border: 1px solid #6b4a2a !important; border-radius: 14px; color: #f5e6c8 !important; } .zf-style-glow .status-dot.status-active { background: #d4af37 !important; }' },
        { id: 'goldmatte', name: '金卡面饰', mode: 'dark', bg: '#181512', fx: 'none', vars: { bg: '#181512', card: '#322e28', hover: '#2b261e', border: '#3a3226', text: '#ece5d8', text2: '#9a8f7c', accent: '#c9a86a' }, extra: { '--radius': '18px', '--green': '#c9a86a', '--blue-rgb': '201, 168, 106' }, extraCss: '.zf-style-glow * { box-shadow: none !important; text-shadow: none !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: #221e18 !important; border: 1px solid #3a3226 !important; border-radius: 18px !important; } .zf-style-glow .card { background: #26211a; border: 1px solid #3a3226; border-radius: 16px; } .zf-style-glow .card:hover { border-color: #c9a86a; } .zf-style-glow button, .zf-style-glow .btn { background: #c9a86a !important; color: #181512 !important; border: none !important; border-radius: 14px !important; font-weight: 700; } .zf-style-glow button:hover { background: #d8ba80 !important; } .zf-style-glow .btn-secondary, .zf-style-glow button.secondary { background: transparent !important; color: #c9a86a !important; border: 1px solid #c9a86a !important; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #e0c690; } .zf-style-glow input, .zf-style-glow textarea { background: #1d1a15 !important; border: 1px solid #3a3226 !important; border-radius: 12px; color: #ece5d8 !important; } .zf-style-glow .status-dot.status-active { background: #c9a86a !important; }' },
        { id: 'pixelfc', name: '像素FC', mode: 'dark', bg: '#1a1c2c', fx: 'none', vars: { bg: '#1a1c2c', card: '#29366f', hover: '#333d80', border: '#5d70d6', text: '#f4f4f4', text2: '#8b9bb4', accent: '#efd34f' }, extra: { '--radius': '0px', '--green': '#efd34f', '--blue-rgb': '93, 112, 214' }, extraCss: '* { border-radius: 0 !important; } .zf-style-glow { font-family: "Courier New", Consolas, "Segoe UI Emoji", "Segoe UI Symbol", monospace; letter-spacing: 0.03em; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: #29366f !important; border: 4px solid #f4f4f4 !important; outline: 3px solid #1a1c2c; box-shadow: 6px 6px 0 rgba(0,0,0,0.55) !important; } .zf-style-glow .card { background: #29366f; border: 4px solid #5d70d6; border-radius: 0 !important; box-shadow: 4px 4px 0 rgba(0,0,0,0.5); transition: none; } .zf-style-glow .card:hover { border-color: #efd34f; box-shadow: 6px 6px 0 rgba(239,211,79,0.35); } .zf-style-glow button, .zf-style-glow .btn { background: #efd34f !important; color: #1a1c2c !important; border: 3px solid #f4f4f4 !important; outline: 2px solid #1a1c2c; border-radius: 0 !important; font-weight: 700; text-transform: uppercase; box-shadow: 4px 4px 0 rgba(0,0,0,0.5) !important; } .zf-style-glow button:active, .zf-style-glow .btn:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important; } .zf-style-glow button:hover { background: #ffe97a !important; } .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { background: #10141f !important; color: #f4f4f4 !important; border: 3px solid #5d70d6 !important; border-radius: 0 !important; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #efd34f; text-shadow: 3px 3px 0 rgba(0,0,0,0.6); letter-spacing: 0.08em; text-transform: uppercase; } .zf-style-glow a { color: #6fc7ff; } .zf-style-glow .status-dot.status-active { background: #6abe30 !important; box-shadow: 0 0 0 2px #1a1c2c; }' },
        { id: 'sakuragray', name: '灰调樱粉', mode: 'dark', bg: '#2b272e', vars: { bg: '#2b272e', card: '#464049', hover: '#403843', border: '#57495c', text: '#f5e9ee', text2: '#b49aaa', accent: '#f28ab2' }, extra: { '--radius': '14px', '--green': '#f28ab2', '--blue-rgb': '242, 138, 178' }, extraCss: '.zf-style-glow body { background-image: radial-gradient(ellipse at 20% -10%, rgba(242,138,178,0.14), transparent 50%), radial-gradient(ellipse at 85% 110%, rgba(242,138,178,0.10), transparent 45%), linear-gradient(180deg, rgba(242,138,178,0.03), transparent 35%) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(170deg, rgba(58,50,61,0.95), rgba(43,39,46,0.97)) !important; border: 1px solid #57495c !important; box-shadow: 0 4px 20px rgba(0,0,0,0.35), inset 0 1px 0 rgba(242,138,178,0.12); } .zf-style-glow .panel::before { content: ""; display: block; height: 2px; background: linear-gradient(90deg, transparent, #f28ab2, #ffd3e4, #f28ab2, transparent); margin: -1px -1px 0; opacity: 0.7; } .zf-style-glow .card { background: #363039; border: 1px solid #57495c; transition: all 0.2s; } .zf-style-glow .card:hover { border-color: #f28ab2; box-shadow: 0 0 18px rgba(242,138,178,0.25); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(180deg, #5a4250, #463340) !important; color: #ffd3e4 !important; border: 1px solid #8a5f75 !important; border-radius: 14px !important; } .zf-style-glow button:hover, .zf-style-glow .btn:hover { background: linear-gradient(180deg, #6d4f5e, #553f4d) !important; border-color: #f28ab2 !important; box-shadow: 0 0 14px rgba(242,138,178,0.4) !important; } .zf-style-glow button:active, .zf-style-glow .btn:active { box-shadow: 0 0 20px rgba(242,138,178,0.55) !important; } .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { background: #302a33 !important; color: #f5e9ee !important; border: 1px solid #57495c !important; border-radius: 10px !important; } .zf-style-glow input:focus, .zf-style-glow textarea:focus { border-color: #f28ab2 !important; box-shadow: 0 0 10px rgba(242,138,178,0.3); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #ffd3e4; } .zf-style-glow a { color: #f28ab2; } .zf-style-glow a:hover { color: #ffd3e4; text-shadow: 0 0 8px rgba(242,138,178,0.6); } .zf-style-glow .status-dot.status-active { background: #f28ab2 !important; box-shadow: 0 0 8px rgba(242,138,178,0.8); }' },
        { id: 'lotus', name: '荷塘清韵', mode: 'light', bg: '#d8eee0', fx: 'bubbles', vars: { bg: '#d8eee0', card: '#ffffff', hover: '#f2faf4', border: '#bfe0c8', text: '#2a4a34', text2: '#4a7a5c', accent: '#cf5a86' }, extra: { '--radius': '50%', '--green': '#3aa87a', '--blue-rgb': '58, 168, 122' }, extraCss: '.zf-style-glow body { background-image: radial-gradient(ellipse at 15% 90%, rgba(58,168,122,0.16), transparent 45%), radial-gradient(ellipse at 85% 10%, rgba(232,138,176,0.14), transparent 45%), radial-gradient(circle at 60% 80%, rgba(120,200,160,0.12), transparent 30%) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(165deg, rgba(255,255,255,0.9), rgba(220,244,228,0.92)) !important; border: 1px solid #bfe0c8; border-radius: 22px !important; box-shadow: 0 8px 28px rgba(58,168,122,0.14); } .zf-style-glow .card { background: #ffffff; border: 1px solid #cfe8d6; border-radius: 18px !important; } .zf-style-glow .card:hover { border-color: #e88ab0; box-shadow: 0 6px 20px rgba(232,138,176,0.22); transform: translateY(-2px); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(135deg, #f4a8c4, #e88ab0) !important; color: #fff !important; border-radius: 999px !important; border: none; box-shadow: 0 3px 12px rgba(232,138,176,0.4); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #2a6a4a; font-style: italic; } .zf-style-glow input, .zf-style-glow textarea { background: #f6fcf8 !important; border: 1px solid #bfe0c8 !important; border-radius: 14px; color: #2a4a34 !important; } .zf-style-glow .status-dot.status-active { background: #3aa87a !important; }' },
        { id: 'grassfield', name: '青草晨光', mode: 'light', bg: '#eaf5df', fx: 'none', vars: { bg: '#eaf5df', card: '#ffffff', hover: '#f2faf0', border: '#bcd9ab', text: '#23411c', text2: '#6f9161', accent: '#3fa046' }, extra: { '--radius': '16px', '--green': '#3fa046', '--blue-rgb': '63, 160, 70' }, extraCss: '.zf-style-glow body { background-image: radial-gradient(1200px 500px at 80% -10%, rgba(120,205,235,0.35), rgba(120,205,235,0) 60%), radial-gradient(900px 400px at 10% 0%, rgba(255,255,240,0.6), rgba(255,255,240,0) 55%), repeating-linear-gradient(78deg, rgba(63,160,70,0.05) 0px, rgba(63,160,70,0) 8px, rgba(63,160,70,0.05) 16px) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"] { background: linear-gradient(180deg, #ffffff, #f4fbef) !important; border: 1px solid #bcd9ab !important; box-shadow: 0 6px 18px rgba(63,160,70,0.12) !important; border-radius: 16px; } .zf-style-glow .card { background: #ffffff; border: 1px solid #cfe6c2; border-radius: 14px; box-shadow: 0 3px 10px rgba(63,160,70,0.08); } .zf-style-glow .card:hover { border-color: #8fce7f; box-shadow: 0 6px 16px rgba(63,160,70,0.18); transform: translateY(-2px); } .zf-style-glow button, .zf-style-glow .btn { background: linear-gradient(180deg, #4db354, #3a8f40) !important; color: #fff !important; border: none !important; border-radius: 999px !important; box-shadow: 0 3px 8px rgba(63,160,70,0.3); } .zf-style-glow button:hover { filter: brightness(1.06); } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #2c7a33; } .zf-style-glow input, .zf-style-glow textarea { background: #fff !important; border: 1px solid #bcd9ab !important; border-radius: 10px; } .zf-style-glow .status-dot.status-active { background: #3fa046 !important; }' },
    
        { id: 'macoslight', name: '苹果·浅色', mode: 'light', bg: '#f5f5f7', fx: 'none',
          vars: { bg: '#f5f5f7', card: 'rgba(255,255,255,0.82)', hover: 'rgba(0,0,0,0.05)', border: 'rgba(0,0,0,0.10)', text: '#1d1d1f', text2: '#86868b', accent: '#007aff' },
          extra: { '--radius': '12px', '--green': '#34c759', '--blue-rgb': '0, 122, 255' },
          extraCss: '.zf-style-glow, .zf-style-glow button, .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; } .zf-style-glow body { background: linear-gradient(180deg, #f5f5f7 0%, #eef0f4 100%) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"], .zf-style-glow .modal, .zf-style-glow [class*="modal"], .zf-style-glow .chatbox { background: rgba(255,255,255,0.78) !important; backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.14), 0 1px 2px rgba(0,0,0,0.05) !important; border-radius: 12px !important; } .zf-style-glow .card { background: rgba(255,255,255,0.85) !important; border: 1px solid rgba(0,0,0,0.07) !important; border-radius: 12px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important; } .zf-style-glow .card:hover { border-color: rgba(0,0,0,0.14) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #1d1d1f !important; font-weight: 600; text-shadow: none; letter-spacing: -0.01em; } .zf-style-glow button, .zf-style-glow .btn { background: #007aff !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 500; box-shadow: 0 1px 3px rgba(0,122,255,0.25) !important; transition: all .15s ease; } .zf-style-glow button:hover, .zf-style-glow .btn:hover { background: #0a84ff !important; box-shadow: 0 3px 10px rgba(0,122,255,0.35) !important; } .zf-style-glow button:active, .zf-style-glow .btn:active { transform: scale(0.97); } .zf-style-glow button.secondary, .zf-style-glow .btn-secondary, .zf-style-glow .theme-reset-btn { background: rgba(0,0,0,0.05) !important; color: #007aff !important; } .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { background: #ffffff !important; border: 1px solid #d2d2d7 !important; color: #1d1d1f !important; border-radius: 8px !important; } .zf-style-glow input:focus, .zf-style-glow textarea:focus { border-color: #007aff !important; box-shadow: 0 0 0 3px rgba(0,122,255,0.18) !important; outline: none !important; } .zf-style-glow a { color: #007aff; text-decoration: none; } .zf-style-glow a:hover { text-decoration: underline; } .zf-style-glow * { text-shadow: none !important; } .zf-style-glow ::selection { background: rgba(0,122,255,0.22); } .zf-style-glow .status-dot.status-active { background: #34c759 !important; }' },
        { id: 'macosdark', name: '苹果·深色', mode: 'dark', bg: '#1e1e20', fx: 'none',
          vars: { bg: '#1e1e20', card: 'rgba(45,45,48,0.75)', hover: 'rgba(255,255,255,0.08)', border: 'rgba(255,255,255,0.12)', text: '#f5f5f7', text2: '#98989d', accent: '#0a84ff' },
          extra: { '--radius': '12px', '--green': '#30d158', '--blue-rgb': '10, 132, 255' },
          extraCss: '.zf-style-glow, .zf-style-glow button, .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; } .zf-style-glow body { background: linear-gradient(180deg, #242426 0%, #1a1a1c 100%) !important; } .zf-style-glow .panel, .zf-style-glow [class*="panel"], .zf-style-glow .modal, .zf-style-glow [class*="modal"], .zf-style-glow .chatbox { background: rgba(45,45,48,0.72) !important; backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.4) !important; border-radius: 12px !important; } .zf-style-glow .card { background: rgba(58,58,62,0.72) !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 12px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important; } .zf-style-glow .card:hover { border-color: rgba(255,255,255,0.18) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.45) !important; } .zf-style-glow h1, .zf-style-glow h2, .zf-style-glow h3 { color: #f5f5f7 !important; font-weight: 600; text-shadow: none; letter-spacing: -0.01em; } .zf-style-glow button, .zf-style-glow .btn { background: #0a84ff !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 500; box-shadow: 0 1px 3px rgba(10,132,255,0.35) !important; transition: all .15s ease; } .zf-style-glow button:hover, .zf-style-glow .btn:hover { background: #409cff !important; box-shadow: 0 3px 12px rgba(10,132,255,0.45) !important; } .zf-style-glow button:active, .zf-style-glow .btn:active { transform: scale(0.97); } .zf-style-glow button.secondary, .zf-style-glow .btn-secondary, .zf-style-glow .theme-reset-btn { background: rgba(255,255,255,0.10) !important; color: #0a84ff !important; } .zf-style-glow input, .zf-style-glow textarea, .zf-style-glow select { background: rgba(30,30,32,0.85) !important; border: 1px solid rgba(255,255,255,0.14) !important; color: #f5f5f7 !important; border-radius: 8px !important; } .zf-style-glow input:focus, .zf-style-glow textarea:focus { border-color: #0a84ff !important; box-shadow: 0 0 0 3px rgba(10,132,255,0.25) !important; outline: none !important; } .zf-style-glow a { color: #409cff; text-decoration: none; } .zf-style-glow a:hover { text-decoration: underline; } .zf-style-glow * { text-shadow: none !important; } .zf-style-glow ::selection { background: rgba(10,132,255,0.35); } .zf-style-glow .status-dot.status-active { background: #30d158 !important; }'
        },
    ];