.file-to-base64-page{background:#f5f5f5;min-height:100vh;padding:24px}.file-to-base64-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.file-to-base64-page .main-card .page-title{text-align:center;margin-bottom:12px;font-weight:600}.file-to-base64-page .main-card .page-title .anticon{margin-right:8px}.file-to-base64-page .main-card .ant-typography{text-align:center;margin-bottom:32px}.file-to-base64-page .upload-card,.file-to-base64-page .info-card,.file-to-base64-page .result-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.file-to-base64-page .upload-card:hover,.file-to-base64-page .info-card:hover,.file-to-base64-page .result-card:hover{box-shadow:0 4px 12px #00000026}.file-to-base64-page .upload-card .ant-card-head,.file-to-base64-page .info-card .ant-card-head,.file-to-base64-page .result-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.file-to-base64-page .upload-card .ant-card-head .ant-card-head-title,.file-to-base64-page .info-card .ant-card-head .ant-card-head-title,.file-to-base64-page .result-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.file-to-base64-page .upload-card .ant-upload-drag{background:#fafafa;border:2px dashed #e8e8e8;border-radius:8px;padding:32px;transition:all .3s}.file-to-base64-page .upload-card .ant-upload-drag:hover{background:#f0f7ff;border-color:#1890ff}.file-to-base64-page .upload-card .ant-upload-drag .ant-upload-drag-icon{margin-bottom:16px}.file-to-base64-page .upload-card .ant-upload-drag .ant-upload-drag-icon .anticon{color:#1890ff;font-size:48px}.file-to-base64-page .upload-card .ant-upload-drag .ant-upload-text{color:#000000d9;margin-bottom:8px;font-size:16px}.file-to-base64-page .upload-card .ant-upload-drag .ant-upload-hint{color:#00000073}.file-to-base64-page .info-card .ant-descriptions{background:#fafafa;border-radius:6px}.file-to-base64-page .info-card .ant-descriptions .ant-descriptions-item{padding:12px 16px}.file-to-base64-page .info-card .ant-descriptions .ant-descriptions-item-label{color:#000000d9;background:#f5f5f5;width:120px;font-weight:500}.file-to-base64-page .info-card .ant-descriptions .ant-descriptions-item-content{color:#000000a6}.file-to-base64-page .result-card .ant-input{background:#fafafa;border-radius:6px;margin-bottom:16px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6}.file-to-base64-page .result-card .ant-input:hover{border-color:#40a9ff}.file-to-base64-page .result-card .button-container{justify-content:center;margin-top:24px;display:flex}.file-to-base64-page .result-card .button-container .ant-btn{min-width:140px;height:40px}.file-to-base64-page .result-card .button-container .ant-btn:hover{transition:all .3s;transform:translateY(-1px)}@media (max-width:768px){.file-to-base64-page{padding:16px}.file-to-base64-page .upload-card .ant-upload-drag{padding:24px}.file-to-base64-page .upload-card .ant-upload-drag .ant-upload-drag-icon .anticon{font-size:36px}.file-to-base64-page .info-card .ant-descriptions-item-label{width:100px}}