沟通

<风格> /* Voc Form - 联系表（适用于最小和狭窄的空间）*/ .voc-form-fields-container { 显示：柔性； 弹性方向：列； 间隙：0.8rem； /* 空格已大大减少 */ 背景：透明； /* 背景和厚填充被移除 */ 边框：无； 填充：0； 宽度：100%； } .voc-form-group { 显示：柔性； 弹性方向：列； 间隙：0.3rem； /* 标签和输入之间的空间已缩小 */ 宽度：100%； 边距底部：0！重要； } .voc-标签{ 颜色：rgba(255, 255, 255, 0.8)！重要； 字体粗细：600； 字体大小：13px！重要； /* 更小的字体大小 */ 字体系列：'Inter'，无衬线字体； 显示：柔性； 对齐项目：居中； 间隙：0.2rem； } .voc-必需标记{ 颜色：var（--brand-red，#f7374f）！重要； } .voc-输入 { 宽度：100%； 背景: rgba(0, 0, 0, 0.2) !重要; 边框: 1px 实心 rgba(255, 255, 255, 0.1) !重要; 颜色：#fff！重要； 填充：0.7rem 1rem！重要； /* 细化 */ 边框半径：8px！重要； /* 更小的椭圆角 */ 字体大小：14px！重要； 字体系列：'Inter'，无衬线字体； 概要：无； 过渡：全部 0.3s 缓和； 背景过滤器：模糊（5px）； } .voc-输入::占位符{ 颜色：rgba(255, 255, 255, 0.3) ！重要； } .voc-输入：焦点{ 边框颜色：var（--brand-red，#f7374f）！重要； 背景: rgba(0, 0, 0, 0.4) !重要; 盒子阴影: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* 选择（弹出菜单）自定义设置 */ .voc-选择{ 外观：无； 背景图像： url("数据：image/svg+xml;字符集=US-ASCII，%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20高度%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c 0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%2 05.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4- 7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E”）！重要； 背景重复：不重复！重要； 背景位置：右 1rem 顶部 50%！重要； 背景大小：0.6rem 自动！重要； } .voc-选择选项{ 背景：#0f172a； 颜色：#fff； } /* 文本区域设置 */ .voc-textarea { 调整大小：垂直； 最小高度：80px！重要； /* 高度大幅降低 */ } /* KVKK 复选框设计 */ .voc-checkbox-wrapper { 顶部边距：0.2rem； } .voc-复选框-标签 { 显示：柔性； 对齐项目：弹性开始； 间隙：0.6rem； 光标：指针； 颜色: rgba(255, 255, 255, 0.7); 行高：1.4； 字体大小：12px！重要； /* KVKK 文本已减少 */ } .voc-复选框输入{ 外观：无； 最小宽度：16px； 高度：16px； 边框：1px 实心 rgba(255, 255, 255, 0.2) ！重要； 边框半径：4px！重要； 背景: rgba(0, 0, 0, 0.2) !重要; 光标：指针； 位置：相对； 过渡：全部 0.2s 缓和； 顶部边距：1px； } .voc-checkbox-input:选中{ 背景：var（--brand-red，#f7374f）！重要； 边框颜色：var（--brand-red，#f7374f）！重要； } .voc-checkbox-input:checked::after { 内容：''； 位置：绝对； 左：4px； 球：2px； 宽度：4px； 高度：8px； 边框：纯白色； 边框宽度：0 2px 2px 0； 变换：旋转（45度）； } .voc-checkbox-content a { 颜色：var（--brand-red，#f7374f）！重要； 文本装饰：下划线； 字体大小：12px！重要； } /* 发送按钮（最小）*/ .voc-提交-btn { 顶部边距：0.5rem； 背景：var（--brand-red，#f7374f）！重要； 颜色：#fff！重要； 边框：无！重要； 填充：0.8rem 1.5rem！重要； /* 细化 */ 边框半径：8px！重要； /* 兼容边 */ 字体粗细：600； 字体大小：14px！重要； 字体系列：'Inter'，无衬线字体； 光标：指针； 显示：柔性； 对齐项目：居中； 调整内容：居中； 间隙：0.5rem； 过渡：全部 0.3s 缓和； 宽度：100%； } .voc-submit-btn:悬停{ 背景：#e02040！重要； 变换：翻译Y（-1px）； } /* 加载旋转器 */ .voc-spinner { 显示：内联块； 宽度：14px； 高度：14px； 边框：2px实心rgba(255,255,255,0.3)； 边界半径：50%； 顶部边框颜色：#fff； 动画：vocSpin 1s 缓入无限； } @keyframes vocSpin { 到 { 变换：旋转（360deg）； } }