/*底部应用图标*/
 .dock-container {display: none;position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);width: auto;z-index: 999 }.dock {text-align: center;display: flex;align-items: center;background-color: rgba(255, 255, 255, 65%);backdrop-filter: blur(10px);border-radius: 20px;padding: 10px;overflow: visible;border: 1px solid #abb7ec4f;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1) }.dock-icons {display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;list-style: none }.dock-icon {will-change: transform;position: relative;width: 50px;height: 50px;background-color: #fff0;border-radius: 12px;margin: 0 5px;transition: transform 0.2s ease, margin 0.2s ease !important;transform-origin: bottom center }.dock-icon::before {content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;z-index: -1 }.dock-icon:hover {transform: scale(1.6) translateY(-5px);margin-left: 18px;margin-right: 18px;transition: all 0.2s }.dock-icon.hovered {transform: scale(1.3) translateY(-3px);margin-left: 15px;margin-right: 15px }.dock-icon img {width: 100%;height: 100%;border-radius: 12px;pointer-events: none }.dock-icon a {display: block;width: 100%;height: 100% }.dock-toggle {cursor: pointer;color: blue;text-decoration: underline;margin-top: 10px }.expand-dock {position: fixed;left: 0px;bottom: 20px;width: 35px;height: 50px;font-weight: bold;background: linear-gradient(-45deg, #274eee, #4667f0);border-radius: 0 8px 8px 0;color: #fccb22;text-align: center;line-height: 52px;cursor: pointer;display: none;z-index: 999 }.expand-dock:hover {background: linear-gradient(-45deg, #fccb24, #fde48e);color: #274eee }@media (min-width: 980px) {.dock-container {display: block }}.docktooltip {position: absolute;top: 0;left: 50%;transform: translateX(-50%);font-size: 14px;background: #4667F0;color: #fff;padding: 5px;border-radius: 5px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);opacity: 0;pointer-events: none;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);white-space: nowrap }.dock-icon:hover .docktooltip {top: -36px;opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) scale(0.7) }.docktooltip::before {position: absolute;content: "";height: 8px;width: 8px;background: #4667F0;bottom: -3px;left: 50%;transform: translate(-50%) rotate(45deg);transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) }.dock-divider {height: 20px;border-right: 2px solid #afb5ba;margin-left: 5px;margin-right: 5px }.io-black-mode .dock {background-color: rgb(27 29 31);backdrop-filter: blur(10px);border: 1px solid #36393b }.io-black-mode .dock-divider {border-right: 2px solid #ffffffba }.dockmodal-content {background-color: #ffffffb8;backdrop-filter: blur(15px);margin: 10% auto;padding: 25px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);width: 70%;max-width: 400px;border-radius: 8px;border: 1px solid #abb7ec4f }.dockmodal-content h2 {margin-top: 0 }#appForm label {display: block;margin-bottom: 10px }#appForm input[type="text"] {width: 100%;padding: 8px 12px;margin-bottom: 15px;box-sizing: border-box;border: 1px solid #e0e4f1;border-radius: 6px;font-size: 14px;transition: all 0.3s ease;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(5px);}#appForm input[type="text"]:focus {outline: none;border-color: #4667f0;box-shadow: 0 0 0 3px rgba(70, 103, 240, 0.1);background: rgba(255, 255, 255, 0.95);}#appForm input[type="text"]::placeholder {color: #94a3b8;opacity: 0.8;}.io-black-mode #appForm input[type="text"] {background: rgba(27, 29, 31, 0.8);border-color: #36393b;color: #e5e9f0;}.io-black-mode #appForm input[type="text"]:focus {border-color: #4667f0;background: rgba(27, 29, 31, 0.95);}.io-black-mode #appForm input[type="text"]::placeholder {color: #6b7280;}#appForm input[type="submit"] {width: 100%;padding: 12px;background: linear-gradient(120deg, #274eee, #4667f0);color: white;border: none;border-radius: 8px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(70, 103, 240, 0.2);}#appForm input[type="submit"]:hover {background: linear-gradient(-45deg, #fccb24, #fde48e);color: #274eee;transform: translateY(-2px);box-shadow: 0 6px 12px rgba(70, 103, 240, 0.25);}#appForm input[type="submit"]:active {transform: translateY(0);box-shadow: 0 2px 4px rgba(70, 103, 240, 0.2);}.io-black-mode #appForm input[type="submit"] {background: linear-gradient(120deg, #3a5af1, #5472f2);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);}.io-black-mode #appForm input[type="submit"]:hover {background: linear-gradient(-45deg, #fccb24, #fde48e);color: #274eee;}.dialog {display: none;position: fixed;z-index: 1000;left: 50%;top: 50%;transform: translate(-50%, -50%);background: linear-gradient(120deg, #274eee, #4667f0db);backdrop-filter: blur(15px);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);border: 1px solid #abb7ec4f;border-radius: 8px;padding: 20px }.dialog-content {text-align: center }.dialog-content p {margin-bottom: 20px;color: #fff;font-weight: 600 }.close {position: absolute;top: 10px;right: 10px;cursor: pointer }#customDialog button {padding: 5px 20px;margin: 0 10px;background: #FFF;color: #2c52ee;border: none;border-radius: 4px;cursor: pointer;transition: background-color 0.3s }#customDialog button:hover {background: linear-gradient(-45deg, #fccb24, #fde48e) }.sortable-ghost {opacity: 0.4;}.sortable-chosen {background-color: #f0f0f0;border: 1px dashed #ddd;}
/*底部应用图标*/