合同详情页显示合同文件预览

app/styles/pages/contract-template.css

@@ -644,4 +644,62 @@
     padding: 8px 16px;
     font-size: 12px;
   }
+}
+
+/* FilePreview 样式隔离容器 */
+.file-preview-container {
+  /* 重置所有可能继承的样式 */
+  all: initial;
+  
+  /* 恢复必要的基础样式 */
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #333;
+  background-color: #fff;
+  
+  /* 确保布局正常 */
+  display: block;
+  width: 100%;
+  min-height: 600px;
+  position: relative;
+  overflow: hidden;
+}
+
+/* 确保FilePreview内部的所有元素都能正常显示 */
+.file-preview-container * {
+  box-sizing: border-box;
+}
+
+/* 重置可能影响FilePreview的全局样式 */
+.file-preview-container .file-preview {
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+
+/* 确保FilePreview的header样式不被影响 */
+.file-preview-container .file-preview-header {
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  max-width: none !important;
+  text-overflow: initial !important;
+}
+
+/* 确保按钮样式正常 */
+.file-preview-container .ant-btn {
+  font-size: 12px !important;
+  line-height: 1.4 !important;
+}
+
+/* 确保输入框样式正常 */
+.file-preview-container .ant-input {
+  font-size: 12px !important;
+  line-height: 1.4 !important;
+}
+
+/* 确保PDF内容区域样式正常 */
+.file-preview-container .file-preview-content {
+  font-size: inherit;
+  line-height: inherit;
 }