/* ============================================
   AGONI 保险库页面专属样式
   所有保险库特有样式都带 .vault-page 前缀，不干扰其他页面
   ============================================ */

/* 保险库未解锁时内容模糊（全局效果，不加前缀） */
.app{transition:filter .3s ease}
body.vault-locked .app{filter:blur(10px);pointer-events:none;user-select:none}
body.vault-unlocked .app{filter:none;pointer-events:auto;user-select:auto}

/* ===== 保险库专属重新设计 ===== */

/* 文件卡片 */
.vault-page #view-list .file-card,
.vault-page #view-folder .file-card {
  background:#fff;
  border:1px solid #eeebe3;
  border-radius:14px;
  padding:14px 16px;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  transition:all .2s ease;
}
.vault-page #view-list .file-card:hover,
.vault-page #view-folder .file-card:hover {
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  border-color:rgba(47,110,79,.2);
}
.vault-page #view-list .file-card .fc-icon,
.vault-page #view-folder .file-card .fc-icon {
  width:44px;height:44px;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;
  flex-shrink:0;
  overflow:hidden;
}
.vault-page #view-list .file-card .fc-icon.image,
.vault-page #view-folder .file-card .fc-icon.image { background:rgba(47,110,79,.1); }
.vault-page #view-list .file-card .fc-icon.video,
.vault-page #view-folder .file-card .fc-icon.video { background:rgba(59,130,246,.1); }
.vault-page #view-list .file-card .fc-icon.audio,
.vault-page #view-folder .file-card .fc-icon.audio { background:rgba(181,138,62,.1); }
.vault-page #view-list .file-card .fc-icon.pdf,
.vault-page #view-folder .file-card .fc-icon.pdf { background:rgba(176,68,62,.1); }
.vault-page #view-list .file-card .fc-icon.doc,
.vault-page #view-folder .file-card .fc-icon.doc { background:rgba(59,130,246,.1); }
.vault-page #view-list .file-card .fc-icon.zip,
.vault-page #view-folder .file-card .fc-icon.zip { background:rgba(181,138,62,.1); }
.vault-page #view-list .file-card .fc-icon.other,
.vault-page #view-folder .file-card .fc-icon.other { background:rgba(0,0,0,.05); }
.vault-page #view-list .file-card .fc-info,
.vault-page #view-folder .file-card .fc-info {
  flex:1;min-width:0;
}
.vault-page #view-list .file-card .fc-name,
.vault-page #view-folder .file-card .fc-name {
  font-size:14px;font-weight:600;color:#2a2a2a;
  margin-bottom:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.vault-page #view-list .file-card .fc-detail,
.vault-page #view-folder .file-card .fc-detail {
  font-size:11px;color:#a29d8e;
}
.vault-page #view-list .file-card .fc-arrow,
.vault-page #view-folder .file-card .fc-arrow {
  color:#d4cfc2;font-size:20px;font-weight:300;flex-shrink:0;
}

/* 笔记卡片 */
.vault-page #view-list .note-card,
.vault-page #view-folder .note-card {
  background:#fff;
  border:1px solid #eeebe3;
  border-radius:14px;
  padding:16px;
  margin-bottom:8px;
  cursor:pointer;
  transition:all .2s ease;
}
.vault-page #view-list .note-card:hover,
.vault-page #view-folder .note-card:hover {
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  border-color:rgba(47,110,79,.2);
}
.vault-page #view-list .note-card .nc-title,
.vault-page #view-folder .note-card .nc-title {
  font-size:15px;font-weight:600;color:#2a2a2a;
  margin-bottom:6px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.vault-page #view-list .note-card .nc-preview,
.vault-page #view-folder .note-card .nc-preview {
  font-size:12px;color:#8a8578;
  line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:8px;
}
.vault-page #view-list .note-card .nc-meta,
.vault-page #view-folder .note-card .nc-meta {
  font-size:11px;color:#a29d8e;
  display:flex;align-items:center;gap:8px;
}
.vault-page #view-list .note-card .nc-tag,
.vault-page #view-folder .note-card .nc-tag {
  padding:2px 8px;
  border-radius:6px;
  background:rgba(47,110,79,.08);
  color:#2f6e4f;
  font-size:10px;font-weight:600;
}

/* 文件夹栏 - 纵向列表 */
.vault-page #folderBar {
  margin-bottom:0 !important;
}
.vault-page #folderBar .folder-filter {
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  gap:2px !important;
}
.vault-page #folderBar .tag-chip {
  padding:9px 12px;
  border-radius:9px;
  background:transparent;
  border:none;
  font-size:12px;font-weight:500;
  color:#6b6659;
  cursor:pointer;
  transition:all .15s ease;
  display:flex;align-items:center;gap:8px;
  width:100%;
  flex-shrink:0 !important;
}
.vault-page #folderBar .tag-chip:hover {
  background:#f7f5ef;
  color:#2f6e4f;
}
.vault-page #folderBar .tag-chip.active {
  background:rgba(47,110,79,.08);
  color:#2f6e4f;
  font-weight:600;
}
.vault-page #folderBar .tag-chip .fc-dot {
  width:8px;height:8px;border-radius:50%;flex-shrink:0;
}

/* 分类筛选 */
.vault-page #catFilter {
  gap:6px !important;
  margin-bottom:16px !important;
}
.vault-page #catFilter .cat-chip {
  padding:6px 12px;
  border-radius:10px;
  background:#fff;
  border:1px solid #eeebe3;
  font-size:12px;font-weight:500;
  color:#6b6659;
  cursor:pointer;
  transition:all .2s ease;
}
.vault-page #catFilter .cat-chip:hover {
  border-color:rgba(47,110,79,.3);
  color:#2f6e4f;
}
.vault-page #catFilter .cat-chip.active {
  background:rgba(47,110,79,.08);
  color:#2f6e4f;
  border-color:rgba(47,110,79,.25);
  font-weight:600;
}

/* 图片网格 */
.vault-page #imgGridContainer {
  gap:10px !important;
}
.vault-page #imgGridContainer > div {
  border-radius:14px;
  overflow:hidden;
  aspect-ratio:1;
  background:#f7f5ef;
  cursor:pointer;
  transition:all .25s ease;
}
.vault-page #imgGridContainer > div:hover {
  transform:scale(1.02);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}

/* 批量选择 */
.vault-page .file-card.batch-selected,
.vault-page .note-card.batch-selected {
  border-color:#2f6e4f !important;
  background:rgba(47,110,79,.04) !important;
}

/* 保险库文件夹列表 */
.vault-page .vault-folder-tag {
  border-left:3px solid var(--folder-color,#2f6e4f) !important;
  padding-left:10px !important;
  background-image:linear-gradient(to right,color-mix(in srgb,var(--folder-color,#2f6e4f) 12%,transparent),color-mix(in srgb,var(--folder-color,#2f6e4f) 12%,transparent)) !important;
  background-size:0% 100% !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  transition:background-size .3s ease !important;
}
.vault-page .vault-folder-tag:hover {
  background-size:100% 100% !important;
}
.vault-page .vault-folder-tag.active {
  background-size:100% 100% !important;
}
.vault-page .vault-folder-more {
  margin-left:auto;
  flex-shrink:0;
}

/* 保险库笔记编辑页 */
.vault-page .editor-top { background: transparent; }
.vault-page .vault-badge {
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:999px;
  background:rgba(47,110,79,.1);
  color:var(--primary);
  font-size:11px;font-weight:600;
  margin-left:8px;
}