.hover-scale{transition:transform .2s ease, box-shadow .2s ease}
.hover-scale:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,.12)}

.mylist li.col-3 svg,.mylist li.col-3 img{transition:transform .2s ease, filter .2s ease}
.mylist li.col-3:hover svg,.mylist li.col-3:hover img{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}

.settings-panel{position:fixed;right:20px;bottom:55px;z-index:30000}
.settings-btn{background:#4e6ef2;color:#fff;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;box-shadow:0 6px 16px rgba(78,110,242,.4)}
.settings-btn:hover{background:#3f5be0}
.settings-drawer{position:fixed;right:0;top:0;width:360px;max-width:90vw;height:100vh;background:#fff;box-shadow:-12px 0 32px rgba(0,0,0,.16);transform:translateX(100%);transition:transform .25s ease;z-index:29999;overflow:auto}
.settings-drawer.open{transform:translateX(0)}
.settings-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:29998}
.settings-mask.open{opacity:1;visibility:visible}
.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}
.settings-body{padding:16px 20px}
.settings-group{margin-bottom:18px}
.settings-group label{display:block;margin-bottom:8px;font-weight:600}
.settings-group input[type="text"],.settings-group input[type="url"],.settings-group input[type="file"],.settings-group textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px}
.settings-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.settings-actions > *{flex:1 1 180px}
.settings-actions .btn,.settings-actions label,.settings-actions input[type="checkbox"],.settings-actions input[type="file"]{flex:0 0 auto}
.settings-body input[type="text"],.settings-body input[type="url"],.settings-body input[type="color"],.settings-body select{width:100%}
.btn{background:#4e6ef2;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}
.btn.secondary{background:#f0f2f5;color:#333}
.tag{display:inline-block;padding:2px 6px;border-radius:6px;background:#f0f2ff;color:#4e6ef2;margin-left:8px;font-size:12px}

/* 拖拽排序样式 */
#nav-list li{cursor:grab}
#nav-list li.dragging{opacity:.6;cursor:grabbing}
.inline-edit{display:none;margin-top:6px;gap:6px;flex-wrap:wrap;width:100%}
.inline-edit input,.inline-edit select{border:1px solid #ddd;border-radius:6px;padding:6px 8px}
.inline-edit .btn{padding:6px 10px}

@media(max-width:768px){.settings-panel{bottom:140px}}
/* Crisp 兼容：统一右侧对齐并避让聊天窗口；提高层级避免被 .mylist 覆盖 */
.settings-panel{right:20px!important;bottom:96px!important;z-index:1200!important;border-radius:100%!important}
#toTop{right:20px!important;bottom:152px!important;z-index:1200!important;border-radius:100%!important}
.back-to{right:20px!important;bottom:152px!important;z-index:1200!important}
@media(max-width:992px){.settings-panel{bottom:160px!important}#toTop{bottom:220px!important}.back-to{bottom:220px!important}}
@media(max-width:768px){.settings-panel{bottom:180px!important}#toTop{bottom:240px!important}.back-to{bottom:240px!important}}
@media(max-width:480px){.settings-panel{bottom:200px!important}#toTop{bottom:260px!important}.back-to{bottom:260px!important}}