.reports-hero {
      background: linear-gradient(160deg, #EEF2FF 0%, #F8FAFC 50%, #EDE9FE 100%);
      padding: 7rem 0 4rem;
      position: relative;
      overflow: hidden;
    }
    .reports-hero::before {
      content: '';
      position: absolute;
      top: -100px; right: -100px;
      width: 500px; height: 500px;
      background: radial-gradient(circle, rgba(79,70,229,0.12) 0%, transparent 70%);
      border-radius: 50%;
    }
    .sidebar {
      width: 260px;
      flex-shrink: 0;
      position: sticky;
      top: 88px;
      max-height: calc(100vh - 108px);
      overflow-y: auto;
    }
    .sidebar-panel {
      background: var(--bg-white);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 1.5rem;
      margin-bottom: 1rem;
    }
    .sidebar-title {
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-muted);
      margin-bottom: 1rem;
    }
    .sidebar-cat-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.6rem 0.875rem;
      border-radius: var(--radius-md);
      cursor: pointer;
      transition: all 0.2s ease;
      font-size: 0.9rem;
      color: var(--text-body);
      margin-bottom: 0.125rem;
    }
    .sidebar-cat-item:hover { background: rgba(79,70,229,0.06); color: var(--primary); }
    .sidebar-cat-item.active {
      background: linear-gradient(135deg, rgba(79,70,229,0.12), rgba(124,58,237,0.08));
      color: var(--primary);
      font-weight: 600;
    }
    .sidebar-cat-item .cat-left { display: flex; align-items: center; gap: 0.5rem; }
    .sidebar-count {
      font-size: 0.75rem;
      background: rgba(79,70,229,0.1);
      color: var(--primary);
      padding: 0.15rem 0.5rem;
      border-radius: 999px;
      font-weight: 600;
    }
    .sidebar-cat-item.active .sidebar-count {
      background: var(--primary);
      color: white;
    }

    /* 顶部工具栏 */
    .reports-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 0;
      margin-bottom: 1.5rem;
      flex-wrap: wrap;
      border-bottom: 1px solid var(--border);
    }
    .toolbar-left { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
    .toolbar-right { display: flex; align-items: center; gap: 0.75rem; }
    .view-toggle {
      display: flex;
      background: var(--bg-subtle);
      border-radius: var(--radius-md);
      padding: 3px;
    }
    .view-btn {
      padding: 0.375rem 0.625rem;
      border-radius: var(--radius-sm);
      cursor: pointer;
      color: var(--text-muted);
      transition: all 0.2s ease;
      font-size: 0.875rem;
    }
    .view-btn:hover { color: var(--text-body); }
    .view-btn.active {
      background: var(--bg-white);
      color: var(--primary);
      box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    }
    .sort-select {
      padding: 0.5rem 0.875rem;
      border: 1px solid var(--border);
      border-radius: var(--radius-md);
      background: var(--bg-white);
      color: var(--text-body);
      font-size: 0.875rem;
      cursor: pointer;
    }
    .results-info {
      font-size: 0.9375rem;
      color: var(--text-muted);
    }
    .results-info strong {
      color: var(--text-title);
      font-weight: 700;
    }

    /* 标签筛选区 */
    .tag-filter-area {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-top: 0.875rem;
    }

    /* 空状态 */
    .empty-state {
      text-align: center;
      padding: 4rem 2rem;
    }
    .empty-icon {
      font-size: 4rem;
      margin-bottom: 1rem;
      opacity: 0.5;
    }
    .empty-title {
      font-size: 1.25rem;
      font-weight: 600;
      color: var(--text-title);
      margin-bottom: 0.5rem;
    }
    .empty-desc {
      color: var(--text-muted);
      margin-bottom: 1.5rem;
    }

    /* 列表视图样式 */
    .list-view .report-card {
      flex-direction: row;
      align-items: flex-start;
      gap: 1.25rem;
      padding: 1.25rem 1.5rem;
    }
    .list-view .report-card-header {
      flex-direction: row;
      width: auto;
      gap: 1rem;
    }
    .list-view .report-card-icon {
      width: 56px;
      height: 56px;
    }
    .list-view .report-card-summary {
      -webkit-line-clamp: 2;
    }

    /* 加载状态 */
    
    @keyframes skeleton-loading {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }
    .skeleton-card {
      height: 280px;
      border-radius: var(--radius-xl);
    }

    /* 错误状态 */
    .error-state {
      text-align: center;
      padding: 4rem 2rem;
    }
    .error-icon {
      font-size: 3rem;
      margin-bottom: 1rem;
    }
    .retry-btn {
      margin-top: 1rem;
    }

    /* Font Awesome 图标备用方案 - 使用 Unicode 字符 */
    .fa, .fas, .far, .fal, .fab {
      font-style: normal;
      font-weight: normal;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
    /* 搜索图标 */
    .fa-search:before, .fa.fa-search { content: '🔍'; }
    /* 菜单图标 */
    .fa-bars:before, .fa.fa-bars { content: '☰'; }
    /* 关闭图标 */
    .fa-times:before, .fa.fa-times { content: '✕'; }
    /* 刷新图标 */
    .fa-refresh:before, .fa-refresh, .fa-rotate-right:before { content: '↻'; }
    /* 网格图标 */
    .fa-th-large:before { content: '⊞'; }
    /* 列表图标 */
    .fa-list:before { content: '☰'; }
    /* 太阳图标 */
    .fa-sun:before { content: '☀'; }
    /* 月亮图标 */
    .fa-moon:before { content: '☾'; }
    /* 箭头图标 */
    .fa-arrow-right:before { content: '→'; }
    /* 文件图标 */
    .fa-file-alt:before, .fa-file-text:before { content: '📄'; }
    /* 标签图标 */
    .fa-tag:before { content: '🏷'; }
    /* 书签图标 */
    .fa-bookmark:before { content: '🔖'; }
    /* 时钟图标 */
    .fa-clock:before { content: '🕐'; }
    /* 页面图标 */
    .fa-file-lines:before, .fa-file:before { content: '📑'; }
    /* 来源图标 */
    .fa-building:before { content: '🏢'; }
    /* 星星图标 */
    .fa-star:before { content: '★'; }
    /* 眼睛图标 */
    .fa-eye:before { content: '👁'; }
    /* 链接图标 */
    .fa-link:before { content: '🔗'; }
    /* 下载图标 */
    .fa-download:before { content: '⬇'; }
    /* 分享图标 */
    .fa-share:before { content: '↗'; }
    /* 设置图标 */
    .fa-cog:before, .fa-gear:before { content: '⚙'; }
    /* 加号图标 */
    .fa-plus:before { content: '+'; }
    /* 减号图标 */
    .fa-minus:before { content: '−'; }
    /* 全屏图标 */
    .fa-expand:before { content: '⛶'; }
    /* 退出全屏图标 */
    .fa-compress:before { content: '⊟'; }
    /* 字体图标 */
    .fa-font:before { content: 'Aa'; }
    /* 左箭头 */
    .fa-arrow-left:before { content: '←'; }
    /* 右箭头 */
    .fa-arrow-right:before { content: '→'; }
    /* 上箭头 */
    .fa-arrow-up:before { content: '↑'; }
    /* 日历图标 */
    .fa-calendar:before { content: '📅'; }
    /* 用户图标 */
    .fa-user:before { content: '👤'; }
    /* 文件备用图标 */
    .fa-file-alt:before { content: '📄'; }
    .fa-calendar-check-o:before { content: '📆'; }

    /* Footer 优化样式 */
    .footer {
      background: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);
      color: rgba(255,255,255,0.7);
      padding: 4rem 0 2rem;
      position: relative;
      overflow: hidden;
      margin-top: 4rem;
    }

    .footer-glow {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 600px;
      height: 300px;
      background: radial-gradient(ellipse at center, rgba(99,102,241,0.15) 0%, transparent 70%);
      pointer-events: none;
    }

    .footer-main {
      display: grid;
      grid-template-columns: 1.5fr 2fr;
      gap: 4rem;
      position: relative;
      z-index: 1;
    }

    .footer-logo-row {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }

    .footer-logo {
      font-size: 1.5rem;
      font-weight: 900;
      background: linear-gradient(135deg, #818CF8, #A78BFA);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .footer-badge {
      font-size: 0.65rem;
      padding: 0.25rem 0.5rem;
      background: rgba(129,140,248,0.2);
      color: #A78BFA;
      border-radius: 999px;
      font-weight: 600;
      letter-spacing: 0.05em;
    }

    .footer-desc {
      font-size: 0.9rem;
      line-height: 1.7;
      color: rgba(255,255,255,0.6);
      margin-bottom: 1.5rem;
      max-width: 280px;
    }

    

    .social-link {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 10px;
      color: rgba(255,255,255,0.6);
      font-size: 1rem;
      transition: all 0.3s ease;
    }

    .social-link:hover {
      background: rgba(129,140,248,0.2);
      border-color: rgba(129,140,248,0.4);
      color: #818CF8;
      transform: translateY(-2px);
    }

    .footer-nav {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
    }

    .footer-col h5 {
      color: white;
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 1.25rem;
      letter-spacing: 0.05em;
    }

    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    

    .footer-links a {
      color: rgba(255,255,255,0.6);
      font-size: 0.875rem;
      text-decoration: none;
      transition: all 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
    }

    .footer-links a i {
      font-size: 0.75rem;
      opacity: 0.6;
    }

    .footer-links a:hover {
      color: #818CF8;
    }

    .footer-links a:hover i {
      opacity: 1;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 3rem;
      padding-top: 1.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 1rem;
      position: relative;
      z-index: 1;
    }

    .footer-copyright {
      font-size: 0.875rem;
      color: rgba(255,255,255,0.5);
    }

    .footer-stats {
      font-size: 0.8rem;
      color: rgba(255,255,255,0.4);
      background: rgba(255,255,255,0.05);
      padding: 0.375rem 0.75rem;
      border-radius: 999px;
    }

    /* 响应式 */
    @media (max-width: 900px) {
      .footer-main {
        grid-template-columns: 1fr;
        gap: 2.5rem;
      }
      .footer-nav {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .footer-nav {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }
      .footer-bottom {
        flex-direction: column;
        text-align: center;
      }
    }