/**
 * 电脑版侧边栏信息密度优化
 * 提高番剧列表和巡礼点列表的信息密度，使其能容纳更多内容
 */

/* 电脑版专用样式 */
@media (min-width: 769px) {
  
  /* ===== 侧边栏整体优化 ===== */
  .sidebar {
    /* 增加侧边栏宽度以容纳更多信息 */
    min-width: 380px !important;
    width: 380px !important;
  }
  
  .sidebar-content {
    /* 减少内边距，增加可用空间 */
    padding: 12px 8px 12px 12px !important;
  }
  
  /* ===== 番剧列表优化 ===== */
  .anime-item {
    /* 减少列表项高度和间距 */
    padding: 8px 10px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
    min-height: auto !important;
  }
  
  .anime-item img {
    /* 优化番剧封面尺寸 */
    width: 45px !important;
    height: 60px !important;
    margin-right: 10px !important;
    border-radius: 4px !important;
    object-fit: cover;
  }
  
  .anime-item .anime-info {
    flex: 1;
    min-width: 0; /* 允许文本截断 */
  }
  
  .anime-item .anime-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
    color: var(--text-primary);
    /* 文本截断 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .anime-item .anime-meta {
    font-size: 12px !important;
    color: var(--text-secondary);
    line-height: 1.2 !important;
    opacity: 0.8;
  }
  
  .anime-item .anime-year {
    font-size: 11px !important;
    color: var(--text-tertiary);
    margin-top: 1px;
  }
  
  /* ===== 巡礼点列表优化 ===== */
  .sidebar .point-item {
    /* 减少巡礼点列表项高度和间距 */
    padding: 6px 8px !important;
    margin-bottom: 3px !important;
    border-radius: 6px !important;
    min-height: auto !important;
  }
  
  .sidebar .point-item img {
    /* 优化巡礼点图片尺寸 */
    width: 60px !important;
    height: 45px !important;
    margin-right: 8px !important;
    border-radius: 4px !important;
    object-fit: cover;
  }
  
  .sidebar .point-item .point-info {
    flex: 1;
    min-width: 0;
  }
  
  .sidebar .point-item .point-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 1px !important;
    color: var(--text-primary);
    /* 文本截断 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .sidebar .point-item .point-episode {
    font-size: 11px !important;
    color: var(--text-secondary);
    line-height: 1.2 !important;
    opacity: 0.8;
    /* 文本截断 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .sidebar .point-item .point-location {
    font-size: 10px !important;
    color: var(--text-tertiary);
    margin-top: 1px;
    /* 文本截断 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  /* ===== 番剧封面头部优化 ===== */
  .sidebar .anime-cover-header {
    /* 减少封面区域高度 */
    min-height: 200px !important;
    max-height: 220px !important;
    padding: 15px 0 20px 0 !important;
    margin-bottom: 6px !important;
  }
  
  .sidebar .anime-cover-image {
    /* 优化封面图片尺寸 */
    width: 100px !important;
    height: 140px !important;
    margin-top: 10px !important;
  }
  
  .sidebar .anime-cover-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
  }
  
  .sidebar .anime-cover-year {
    font-size: 13px !important;
    margin-bottom: 2px !important;
  }
  
  .sidebar .anime-cover-episodes {
    font-size: 12px !important;
  }
  
  /* ===== 返回按钮优化 ===== */
  #anime-list .back-button {
    /* 减少返回按钮高度 */
    padding: 8px 12px !important;
    margin: 0 auto 10px auto !important;
    font-size: 13px !important;
    width: calc(100% - 16px) !important;
  }
  
  /* ===== 巡礼点列表容器优化 ===== */
  .sidebar .points-list {
    /* 减少容器内边距 */
    padding: 6px 4px !important;
    margin: 0 auto !important;
    width: 100% !important;
    border-radius: 6px !important;
  }
  
  /* ===== 头部区域优化 ===== */
  /* 保持Logo和搜索框原始样式，不进行修改 */
  /* .sidebar-header, .sidebar-logo, .search-input-wrapper, .search-input 样式已移除 */
  
  /* ===== 指南列表优化 ===== */
  .guide-item {
    /* 减少指南列表项高度和间距 */
    padding: 8px 10px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
    min-height: auto !important;
  }
  
  .guide-item .guide-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
    /* 文本截断 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .guide-item .guide-meta {
    font-size: 12px !important;
    color: var(--text-secondary);
    line-height: 1.2 !important;
    opacity: 0.8;
  }
  
  .guide-item .guide-points-count {
    font-size: 11px !important;
    color: var(--text-tertiary);
    margin-top: 1px;
  }
  
  /* ===== 滚动条优化 ===== */
  .sidebar-content::-webkit-scrollbar {
    width: 4px !important;
  }
  
  .sidebar-content::-webkit-scrollbar-thumb {
    background-color: rgba(var(--primary-color-rgb), 0.6) !important;
    border-radius: 2px !important;
  }
  
  .sidebar-content::-webkit-scrollbar-track {
    background: transparent !important;
  }
  
  /* ===== 悬停效果优化 ===== */
  .anime-item:hover,
  .sidebar .point-item:hover,
  .guide-item:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
  }
  
  /* ===== 激活状态优化 ===== */
  .anime-item.active,
  .sidebar .point-item.active,
  .guide-item.active {
    background-color: rgba(var(--primary-color-rgb), 0.1) !important;
    border-color: rgba(var(--primary-color-rgb), 0.3) !important;
  }
  
  /* ===== 文本颜色变量定义 ===== */
  :root {
    --text-primary: #2c3e50;
    --text-secondary: #5d6d7e;
    --text-tertiary: #85929e;
  }
  
  /* 深色模式下的文本颜色 */
  [data-bs-theme="dark"] {
    --text-primary: #ecf0f1;
    --text-secondary: #bdc3c7;
    --text-tertiary: #95a5a6;
  }
  
  /* ===== 响应式调整 ===== */
  @media (min-width: 1200px) {
    /* 大屏幕下进一步增加侧边栏宽度 */
    .sidebar {
      min-width: 420px !important;
      width: 420px !important;
    }
    
    .anime-item img {
      width: 50px !important;
      height: 65px !important;
    }
    
    .sidebar .point-item img {
      width: 65px !important;
      height: 50px !important;
    }
    
    .anime-item .anime-title,
    .sidebar .point-item .point-name,
    .guide-item .guide-title {
      font-size: 15px !important;
    }
  }
  
  /* ===== 紧凑模式（可选） ===== */
  .sidebar.compact-mode .anime-item,
  .sidebar.compact-mode .point-item,
  .sidebar.compact-mode .guide-item {
    padding: 6px 8px !important;
    margin-bottom: 2px !important;
  }
  
  .sidebar.compact-mode .anime-item img {
    width: 40px !important;
    height: 55px !important;
  }
  
  .sidebar.compact-mode .point-item img {
    width: 55px !important;
    height: 40px !important;
  }
}

/* ===== 地图控件位置调整 ===== */
@media (min-width: 769px) {
  /* 调整地图控件位置以适应更宽的侧边栏 */
  .leaflet-control-zoom {
    left: 400px !important;
    transition: left 0.3s ease !important;
  }
  
  .leaflet-control-locate {
    left: 400px !important;
    transition: left 0.3s ease !important;
  }
  
  .leaflet-control-random {
    left: 400px !important;
    transition: left 0.3s ease !important;
  }
  
  /* 大屏幕下的控件位置 */
  @media (min-width: 1200px) {
    .leaflet-control-zoom,
    .leaflet-control-locate,
    .leaflet-control-random {
      left: 440px !important;
    }
  }
}