.attachment-display-container[data-v-f50c6464]{width:100%;box-sizing:border-box}.file-grid[data-v-f50c6464]{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.file-preview-item[data-v-f50c6464]{position:relative;width:160px;height:140px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000000a;transition:all .3s ease;&:hover{box-shadow:0 4px 12px #0000001a;border-color:#409eff;.file-overlay{opacity:1}}}.image-preview[data-v-f50c6464]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;.preview-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:8px;.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}}.file-info{padding:8px 12px;background:#fff;border-top:1px solid #f0f0f0;.file-name{font-size:12px;color:#606266;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}.file-preview[data-v-f50c6464]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;.file-icon-container{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px;.file-type-icon{font-size:48px}}.file-info{padding:8px 12px;background:#fff;border-top:1px solid #f0f0f0;.file-name{font-size:12px;color:#606266;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}.file-overlay[data-v-f50c6464]{position:absolute;inset:0;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:8px;.file-actions{display:flex;gap:16px;i {cursor: pointer; font-size: 20px; border-radius: 50%; background: rgba(255,255,255,.2); transition: all .3s ease; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; &:hover {background: rgba(255,255,255,.3); transform: scale(1.1);}}}}.upload-item[data-v-f50c6464]{width:160px!important;height:140px!important;flex-shrink:0}.file-upload[data-v-f50c6464]{width:100%!important;height:100%!important;position:relative}.upload-box[data-v-f50c6464]{width:160px!important;height:140px!important;border:2px dashed #d9d9d9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#fafbfc;box-sizing:border-box;&:hover{border-color:#409eff;background:#f0f9ff;.upload-icon,.upload-text{color:#409eff}}.upload-icon{font-size:28px;color:#c0c4cc;margin-bottom:8px;transition:color .3s ease}.upload-text{font-size:12px;color:#909399;text-align:center;line-height:1.4;transition:color .3s ease;padding:0 8px}}.no-attachments[data-v-f50c6464]{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#909399;width:100%;i {font-size: 48px; margin-bottom: 16px;} span {font-size: 14px;}}[data-v-f50c6464] .el-upload-dragger{width:160px!important;height:140px!important;padding:0!important;border:none!important}[data-v-f50c6464] .image-preview-dialog{text-align:center}[data-v-f50c6464] .image-preview-dialog .el-dialog__body{padding:20px}[data-v-f50c6464] .image-preview-dialog .el-dialog__header{padding:15px 20px}[data-v-f50c6464] .image-preview-dialog img{max-width:100%;max-height:70vh;object-fit:contain}.quarter-picker-content[data-v-7f7773b2]{display:flex;height:280px}.year-panel[data-v-7f7773b2]{width:140px;border-right:1px solid #e4e7ed;height:100%;overflow-y:auto}.year-panel ul[data-v-7f7773b2]{list-style:none;padding:0;margin:0}.year-panel li[data-v-7f7773b2]{padding:10px 0;text-align:center;cursor:pointer;font-size:14px;color:#606266}.year-panel li[data-v-7f7773b2]:hover{background-color:#f5f7fa}.year-panel li.active[data-v-7f7773b2]{color:#409eff;font-weight:700}.quarter-panel[data-v-7f7773b2]{flex:1;display:flex;flex-direction:column;padding:0 16px}.year-header[data-v-7f7773b2]{text-align:center;padding:12px 0;font-weight:700;border-bottom:1px solid #ebeef5;margin-bottom:12px}.quarter-grid[data-v-7f7773b2]{display:flex;flex-direction:column;gap:12px;align-items:center}.quarter-item[data-v-7f7773b2]{width:100%;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;transition:all .3s}.quarter-item[data-v-7f7773b2]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.quarter-item.active[data-v-7f7773b2]{background-color:#409eff;color:#fff;border-color:#409eff}.quarter-picker-input[data-v-7f7773b2] :deep(.el-input__icon){cursor:pointer}