/* 页面容器 */ .friends-photo { height: 100vh; background: #f5f6f8; display: flex; flex-direction: column; position: relative; } /* 上传区域 */ .upload-section { flex: 1; padding: 40px 16px 120px; display: flex; flex-direction: row; align-items: center; gap: 14px; min-height: 0; overflow: hidden; } /* 提交区域 */ .submit-section { position: fixed; bottom: 0; left: 0; right: 0; padding: 20px 16px; padding-bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 10; } /* 提交按钮 */ .submit-button { width: 100%; height: 60px; background: #000; border-radius: 16px; border: none; outline: none; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; } .submit-text { color: white; font-size: 16px; font-weight: 600; } .submit-button.disabled { cursor: not-allowed; border: none; outline: none; } .loading-container { display: flex; align-items: center; justify-content: center; gap: 8px; }