.file-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f0f0f0;
  color: #555;
}

.file-tag .file-tag-icon {
  margin-right: 4px;
  font-size: 16px;
}

/* 无背景模式 */
.file-tag-no-bg {
  background-color: transparent !important;
  padding: 0;
}

.file-tag-no-bg .file-tag-icon {
  margin-right: 0;
  font-size: 18px;
}

/* 没有文本时的图标调整 */
.file-tag:not(:has(.file-tag-text)) .file-tag-icon {
  margin-right: 0;
}

/* 尺寸变体 */
.file-tag-sm {
  padding: 1px 4px;
  font-size: 10px;
}

.file-tag-sm .file-tag-icon {
  font-size: 14px;
}

.file-tag-sm.file-tag-no-bg {
  padding: 0;
}

.file-tag-sm.file-tag-no-bg .file-tag-icon {
  font-size: 16px;
}

.file-tag-lg {
  padding: 3px 8px;
  font-size: 12px;
}

.file-tag-lg .file-tag-icon {
  font-size: 20px;
}

.file-tag-lg.file-tag-no-bg {
  padding: 0;
}

.file-tag-lg.file-tag-no-bg .file-tag-icon {
  font-size: 22px;
}

/* 文件类型变体 */
.file-tag-pdf {
  background-color: #fee2e2;
  color: #b91c1c;
}

.file-tag-doc, .file-tag-docx {
  background-color: #dbeafe;
  color: #1d4ed8;
}

.file-tag-xls, .file-tag-xlsx {
  background-color: #d1fae5;
  color: #047857;
}

.file-tag-ppt, .file-tag-pptx {
  background-color: #ffedd5;
  color: #c2410c;
}

.file-tag-zip, .file-tag-rar {
  background-color: #e9d5ff;
  color: #7e22ce;
}

.file-tag-txt {
  background-color: #e4e4e7;
  color: #3f3f46;
}

.file-tag-jpg, .file-tag-jpeg, .file-tag-png, .file-tag-gif {
  background-color: #d8b4fe;
  color: #6b21a8;
}

/* 适配深色模式 */
@media (prefers-color-scheme: dark) {
  .file-tag {
    background-color: #2d2d2d;
    color: #d4d4d4;
  }
  
  .file-tag-pdf {
    background-color: rgba(185, 28, 28, 0.2);
    color: #f87171;
  }
  
  .file-tag-doc, .file-tag-docx {
    background-color: rgba(29, 78, 216, 0.2);
    color: #93c5fd;
  }
  
  .file-tag-xls, .file-tag-xlsx {
    background-color: rgba(4, 120, 87, 0.2);
    color: #6ee7b7;
  }
  
  .file-tag-ppt, .file-tag-pptx {
    background-color: rgba(194, 65, 12, 0.2);
    color: #fdba74;
  }
  
  .file-tag-zip, .file-tag-rar {
    background-color: rgba(126, 34, 206, 0.2);
    color: #c4b5fd;
  }
  
  .file-tag-txt {
    background-color: rgba(63, 63, 70, 0.2);
    color: #a1a1aa;
  }
  
  .file-tag-jpg, .file-tag-jpeg, .file-tag-png, .file-tag-gif {
    background-color: rgba(107, 33, 168, 0.2);
    color: #e9d5ff;
  }
} 