/* ================================================================
  ZBlog 首页功能模块样式（最近访问 + 我的主页）
  存放路径：域名/zb_users/theme/suiranx_nav/style/zblog-home-func.css
  前缀 zlog- 避免与主题冲突；已适配主题 .night 暗色模式
================================================================ */

/* 模块容器：两个模块上下单列 */
.zlog-func{margin:5px 0;padding:10px;position:relative;z-index:10;overflow:visible !important;}
.zlog-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px !important;padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-bottom:8px;position:relative;z-index:11;overflow:visible !important;}
.zlog-card:last-child{margin-bottom:0;}
.zlog-card-hd{display:flex;justify-content:flex-start;align-items:center;gap:10px;border-bottom:1px solid #f0f0f0;padding-bottom:10px;margin-bottom:12px;}
.zlog-card-title{font-size:16px;font-weight:700;margin:0;}
.zlog-clear-btn{border:1px solid #ddd;background:#fafafa;color:#666;border-radius:4px;padding:2px 10px;font-size:12px;cursor:pointer;}
.zlog-clear-btn:hover{color:#ff3636;border-color:#ff3636;}

/* 卡片横排网格：上图下标题（应用图标式，缩略图 60x60） */
.zlog-grid{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;}
.zlog-grid li{position:relative;width:76px;flex:0 0 76px;}
.zlog-grid .zlog-empty{width:100%;flex:1 1 100%;color:#999;text-align:center;padding:24px 0;font-size:13px;}
.zlog-card-link{display:block;text-decoration:none;color:inherit;text-align:center;}
.zlog-thumb{width:60px;height:60px;object-fit:cover;border-radius:14px;display:block;margin:0 auto;background:#f0f0f0;}
.zlog-thumb-title{display:block;font-size:12px;line-height:1.35;margin-top:6px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;text-align:center;}
.zlog-del{position:absolute;top:0;right:4px;width:18px;height:18px;line-height:16px;padding:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:none;font-size:11px;cursor:pointer;z-index:2;text-align:center;}
.zlog-del:hover{background:#ff3636;}

/* 悬停动态效果：缩略图放大 + 卡片上浮 + 阴影 + 标题变红 */
.zlog-card-link{transition:transform .2s ease;}
.zlog-card-link:hover{transform:translateY(-3px);}
.zlog-thumb{transition:transform .25s ease,box-shadow .25s ease;}
.zlog-card-link:hover .zlog-thumb{transform:scale(1.08);box-shadow:0 4px 14px rgba(0,0,0,.18);}
.zlog-thumb-title{transition:color .2s ease;}
.zlog-card-link:hover .zlog-thumb-title{color:#ff3636;}

/* 添加导航表单（放在卡片标题栏右侧，紧凑排列） */
.zlog-add-form{display:flex;gap:6px;align-items:center;margin:0;}
.zlog-add-form input{border:1px solid #ddd;border-radius:4px;padding:5px 8px;font-size:12px;}
.zlog-add-form input:first-child{width:150px;flex:0 0 150px;}
.zlog-add-form input:nth-child(2){width:400px;flex:0 0 400px;}
.zlog-add-form button{border:none;background:#ff3636;color:#fff;border-radius:4px;padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap;}
.zlog-add-form button:hover{opacity:.85;}
@media (max-width:640px){
  .zlog-card-hd{flex-wrap:wrap;gap:8px;}
  .zlog-add-form{width:100%;flex-wrap:wrap;}
  .zlog-add-form input,.zlog-add-form input:first-child,.zlog-add-form input:nth-child(2){flex:1 1 auto;width:auto;}
  .zlog-add-form button{flex:0 0 auto;}
}

/* ========== 暗色模式适配（.night 前缀随主题夜间开关自动生效） ========== */
.night .zlog-card{background:#2b333e;border-color:#353e48;box-shadow:0 1px 6px rgba(0,0,0,.25);}
.night .zlog-card-hd{border-bottom-color:#36404f;}
.night .zlog-card-title{color:#edeef0;}
.night .zlog-grid .zlog-empty{color:#6b7386;}
.night .zlog-thumb{background:#232931;}
.night .zlog-thumb-title{color:#edeef0;}
.night .zlog-clear-btn{background:#3f4957;border:none;color:#a4a6aa;}
.night .zlog-clear-btn:hover{color:#ff3636;}
.night .zlog-add-form input{background:#232931;border:1px solid #434c57;color:#edeef0;}
.night .zlog-add-form button{background:#ff3636;}
.night .zlog-add-form button:hover{opacity:.85;}
.night .zlog-card-link:hover .zlog-thumb{box-shadow:0 4px 14px rgba(0,0,0,.45);}
.night .zlog-card-link:hover .zlog-thumb-title{color:#ff3636;}