body { color: #e2e8f0; overflow-x: hidden; }
/* 背景图层 */
.bg-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; background-size: cover; background-position: center; background-repeat: no-repeat; transition: background-image 0.5s ease-in-out; }
.bg-mobile { background-image: url('https://youke.xn--y7xa690gmna.cn/s1/2026/01/31/697d0c2eac82f.webp'); }
@media (min-width: 768px) { .bg-mobile { background-image: url('https://youke.xn--y7xa690gmna.cn/s1/2026/01/31/697d0960f2497.webp'); } }
.bg-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(15, 23, 42, 0.65); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* 玻璃拟态面板 */
.glass-panel { background: var(--glass); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--glassBorder); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); }

/* 滚动条美化 */
textarea::-webkit-scrollbar { width: 6px; }
textarea::-webkit-scrollbar-track { background: transparent; }
textarea::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.15); border-radius: 3px; }
textarea::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,0.25); }

/* 开关控件 */
.toggle-checkbox:checked { right: 0; border-color: currentColor; }
.toggle-checkbox:checked + .toggle-label { background-color: currentColor; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* 模式切换过渡动画 */
.mode-transition { transition: all 0.3s ease-in-out; }

/* 加载遮罩 */
.loader {
    border: 3px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    border-top: 3px solid #fff;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }