{"html":"

System Hub

\n Network Cloaking\n

\n \n \n

\n \n

\n Energy Shield\n

\n \n \n

\n \n

\n Audio Dampening\n

\n \n \n

\n \n

\n","css":".liquid-theme-body {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n background-color: #1a1a1d;\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI\", Roboto,\n Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.interface-container {\n width: 333px;\n padding: 25px;\n border-radius: 35px;\n background: linear-gradient(135deg, #222226, #151517);\n box-shadow:\n inset 8px 8px 15px #111113,\n inset -8px -8px 15px #27272b;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.interface-header {\n padding: 5px 5px 25px 5px;\n}\n\n.interface-title {\n font-size: 24px;\n font-weight: 600;\n color: #7f8188;\n text-shadow: 0px 1px 2px #000;\n}\n\n.options-group {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.option-card {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 18px;\n background: transparent;\n}\n\n.option-label {\n font-size: 16px;\n font-weight: 500;\n color: #7f8188;\n}\n\n.liquid-toggle-input {\n display: none;\n}\n\n.liquid-toggle-label {\n display: flex;\n align-items: center;\n position: relative;\n width: 58px;\n height: 30px;\n cursor: pointer;\n}\n\n.toggle-well {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #1a1a1d;\n border-radius: 15px;\n box-shadow:\n inset 2px 2px 4px #000000,\n inset -2px -2px 4px #343438;\n transition:\n background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1),\n box-shadow 0.4s ease;\n}\n\n.toggle-orb {\n position: absolute;\n height: 22px;\n width: 22px;\n left: 4px;\n background: linear-gradient(145deg, #38383c, #131315);\n border-radius: 50%;\n box-shadow:\n 1px 1px 3px #000,\n -1px -1px 3px #343438;\n transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.liquid-toggle-input:checked + .liquid-toggle-label .toggle-well {\n background-color: #8a2be2;\n box-shadow:\n 0 0 10px #8a2be2,\n 0 0 20px #8a2be2,\n inset 1px 1px 2px #be8df0;\n}\n\n.liquid-toggle-input:checked + .liquid-toggle-label .toggle-orb {\n transform: translateX(28px);\n background: #f0f0f0;\n box-shadow:\n 0 0 5px rgba(255, 255, 255, 0.8),\n 0 0 15px #8a2be2;\n}\n"}

funny-stingray-22

👁 实时预览

📝 源代码