/* 1. 全域背景與卡片重構 (俐落微圓角，乾淨陰影) */ :root { --page-background-color: #F3F4F6 !important; } .page__content { max-width: 500px !important; margin: 8vh auto !important; background-color: #FFFFFF !important; padding: 40px !important; border-radius: 12px !important; /* 退回專業的微圓角 */ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03) !important; } /* 2. 標題排版 (簡潔有力，適當留白) */ .ab-heading--h1 { text-align: center !important; color: #111827 !important; font-size: 24px !important; font-weight: 700 !important; border-bottom: none !important; margin-top: 0 !important; margin-bottom: 32px !important; } /* 3. 【關鍵修復】暴力清除 Baserow 預設的破壞性內縮間距，強制左邊緣對齊 */ .element__wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .ab-form-group__children { margin-top: 8px !important; /* 確保標籤和輸入框有固定距離 */ } /* 4. 欄位標籤 (專業的深灰色，清晰易讀) */ .ab-form-group__label { color: #374151 !important; font-size: 14px !important; font-weight: 600 !important; } /* 5. 文字輸入框 (乾淨白底＋細緻灰線框，聚焦時亮起專業藍色) */ .ab-input { width: 100% !important; background-color: #FFFFFF !important; border: 1px solid #D1D5DB !important; border-radius: 8px !important; padding: 12px 14px !important; color: #111827 !important; font-size: 15px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) inset !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; } .ab-input:focus { border-color: #2563EB !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important; outline: none !important; } /* 6. 檔案上傳區 (修復比例，改為標準上傳框) */ .ab-file-input__wrapper, .ab-file-input { width: 100% !important; } .ab-file-input { background-color: #F9FAFB !important; border: 1.5px dashed #D1D5DB !important; border-radius: 8px !important; padding: 32px 16px !important; display: flex !important; justify-content: center !important; align-items: center !important; color: #6B7280 !important; font-size: 14px !important; cursor: pointer !important; transition: all 0.2s ease !important; } .ab-file-input:hover { background-color: #EFF6FF !important; border-color: #3B82F6 !important; color: #1D4ED8 !important; } /* 7. 送出按鈕 (現代藍色，俐落不笨重) */ .form-container-element__submit-button { margin-top: 30px !important; } .form-container-element__submit-button .ab-button { width: 100% !important; background-color: #2563EB !important; /* 專業信任藍 */ color: #FFFFFF !important; padding: 14px 20px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 8px !important; border: none !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important; transition: background-color 0.2s ease !important; } .form-container-element__submit-button .ab-button:hover { background-color: #1D4ED8 !important; }