/* ========== 记录流 ========== */
        .stream-content {
          flex: 1;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          padding-bottom: 10px; 
          position: relative;
          touch-action: pan-y;
            overscroll-behavior: contain;
            overscroll-behavior-y: none; /* 禁止 Y 轴的橡皮筋效果 */
          background-color: #FFFFFF;   /* 列表背景强制纯白 */
          min-height: 100%;          /* 撑满高度，防止底部露出空隙 */
        }
        
           .record-row {
          padding: 18px 24px;
          border-bottom: 1px solid rgba(0,0,0,0.02);
          display: flex; /* 关键：开启 Flex 布局，让对勾和内容左右排布 */
          align-items: flex-start; 
          position: relative;
          cursor: pointer;
  transition: background-color 0.2s;
        }

.record-row.selected-item {
  background-color: transparent; 
}

.record-wrapper {
  flex: 1; /* 占据剩余全部宽度 */
  display: flex; 
  flex-direction: column; /* 内部保持垂直布局 */
  min-width: 0; /* 防止内容过长撑开容器 */
}

/* 对勾容器保持不变 */
.check-zone {
  width: 0; 
  overflow: hidden; 
  display: flex; align-items: flex-start; /* 对齐顶部 */
  padding-top: 4px; /* 视觉微调，对齐头像中心 */
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  margin-right: 0;
  flex-shrink: 0; /* 防止被挤压 */
}


/* 多选模式下：容器展开 */
body.multi-mode .check-zone {
  width: 28px;
  opacity: 1;
  margin-right: 6px;
}

.check-icon {
  width: 18px; height: 18px;
  stroke: #FEF2F3; 
  stroke-width: 2.5; 
  fill: none;
  opacity: 0; 
  transform: scale(0.9) translateX(-5px);
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 只有当记录被选中时，对勾才浮现 */
.record-row.selected-item .check-icon {
  opacity: 1;
  transform: scale(1) translateX(0);
}

/* ========== 菜单与浮动栏样式 (直接追加) ========== */
.menu-overlay {
  position: fixed; inset: 0; 
  background: transparent; z-index: 2000; /* 层级调高，盖过导航 */
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none;
  transition: opacity 0.25s ease;
}
.menu-overlay.visible { opacity: 1; pointer-events: auto; }

.menu-grid {
  background: #FFFFFF; padding: 32px 24px 24px 24px; border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15); 
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 12px;
  width: 260px; position: relative;
  border: 1px solid rgba(0,0,0,0.02);
  transform: scale(0.92) translateY(10px);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.2, 1);
}
.menu-overlay.visible .menu-grid { transform: scale(1) translateY(0); }

.grid-menu-item { 
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; cursor: pointer; padding: 6px; border-radius: 12px;
}
.grid-menu-item:active { transform: scale(0.96); background: rgba(0,0,0,0.02); }

.grid-menu-icon { width: 22px; height: 22px; stroke-width: 1.2; stroke: #546E7A; fill: none; }
.grid-menu-icon.del { stroke: #EF9A9A; }
.grid-menu-label { font-family: var(--font-sans); font-size: 9px; color: #B0BEC5; letter-spacing: 0.5px; text-transform: uppercase; }

.close-corner {
  position: absolute; top: 12px; right: 12px; width: 24px; height: 24px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #CFD8DC; font-size: 18px;
}

/* 底部多选栏 */
.multi-float-bar {
  position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(20px);
  background: #FFFFFF; padding: 10px 24px; border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12); border: 1px solid rgba(0,0,0,0.02);
  display: flex; gap: 24px; z-index: 2001; 
  align-items: center; justify-content: center; 
  opacity: 0; pointer-events: none;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1);
}
body.multi-mode .multi-float-bar { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }

.multi-count {
  position: fixed; top: 70px; left: 50%; transform: translateX(-50%) translateY(-10px);
  font-size: 11px; color: #90A4AE; font-family: var(--font-sans); letter-spacing: 1px;
  opacity: 0; pointer-events: none; z-index: 2001;
  transition: all 0.3s ease;
}
body.multi-mode .multi-count { opacity: 1; transform: translateX(-50%) translateY(0); }

/* 适配内容下沉 */
body.multi-mode .stream-content { padding-top: 60px; }

        .rec-top { display: flex; align-items: center; margin-bottom: 10px; }
        
        .rec-avatar-container {
          width: var(--rec-avatar-size);
          height: var(--rec-avatar-size);
          border-radius: 50%;
          margin-right: 14px;
          overflow: hidden;
        }
        .rec-avatar-img { width: 100%; height: 100%; object-fit: cover; }
        
        .rec-info { display: flex; flex-direction: column; }
        
        .rec-name { 
          font-family: var(--font-serif);
          font-size: var(--rec-name-size); 
          font-weight: 400; 
          color: var(--rec-name-color); 
        }
        
        .rec-status { 
          font-size: var(--rec-status-size); 
          color: var(--rec-status-color); 
          margin-top: 3px; 
          letter-spacing: 0.5px; 
        }
        .rec-status.font-en {
          font-family: var(--font-sans);
          font-weight: 300; 
          text-transform: none; 
        }
        .rec-status.font-cn {
          font-family: var(--font-serif); 
          font-weight: 300; 
        }
        
        .rec-text {
          font-size: var(--rec-content-size); /* 使用变量 */
          line-height: var(--rec-content-line-height);
          color: var(--rec-content-color);
          white-space: pre-wrap;
          font-weight: 300;
          text-align: justify;
          /* 新增：优化字间距和单词间距 */
  letter-spacing: 0.05em;
  word-spacing: 0.04em;
   line-height: 1.75;
  text-align: left; /* 改为左对齐，justify有时会不均匀 */
        }
        
        
        /* 引用样式渲染 */
        .rec-quote {
          color: rgba(55, 71, 79, 0.6);
          border-left: 2px solid rgba(0, 0, 0, 0.1);
          padding-left: 10px;
          margin: 8px 0;
          display: block;
          font-style: italic;
          font-weight: 300;
        }
        
        .rec-text img {
          max-width: 100%;
          border-radius: 4px;
          margin-top: 8px;
          display: block;
        }

        .rec-time {
          position: absolute;
          font-weight: 300;
          font-family: var(--font-sans); 
        }

        .rec-time.time-relative {
          top: 24px;
          right: 24px;
          font-size: 10px;
          color: rgba(0,0,0,0.2);
          font-style: none;
        }

        .rec-time.time-absolute {
          bottom: var(--time-pos-bottom);
          right: var(--time-pos-right);
          font-size: 8px; 
          color: rgba(0,0,0,0.15);
          letter-spacing: 0.5px;
          top: auto; 
        }
        
        /* ========== 记录流特殊状态 (Record Stream States) ========== */

.empty-partition-hint {
  text-align: center;
  padding: 60px 40px;
  font-size: 12px; color: #CFD8DC;
  font-family: var(--font-sans);
  letter-spacing: 1px;
  font-weight: 300;
  display: none;
}