/* 联系我们页面图标样式 */

/* 使用字体图标 */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

/* 联系信息图标 */
.contact-info-item {
    position: relative;
    padding-left: 50px;
}

.contact-info-item::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 1.5rem;
    color: #4a90e2;
    opacity: 0.8;
}

.contact-info-item.email::before {
    content: '\f0e0'; /* 邮件图标 */
}

.contact-info-item.phone::before {
    content: '\f095'; /* 电话图标 */
}

.contact-info-item.website::before {
    content: '\f0ac'; /* 网站图标 */
}

.contact-info-item.wechat::before {
    content: '\f1d7'; /* 微信图标 */
}

/* 表单图标 */
.form-group {
    position: relative;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding-left: 40px;
}

.form-group::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 42px;
    font-size: 1rem;
    color: #999;
    z-index: 1;
}

.form-group.name::before {
    content: '\f007'; /* 用户图标 */
}

.form-group.email::before {
    content: '\f0e0'; /* 邮件图标 */
}

.form-group.subject::before {
    content: '\f0a1'; /* 主题图标 */
}

.form-group.message::before {
    content: '\f075'; /* 消息图标 */
}

/* 提交按钮图标 */
.submit-btn {
    position: relative;
    padding-left: 45px;
}

.submit-btn::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1d8'; /* 发送图标 */
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

/* 社交媒体图标 */
.social-link::before {
    font-family: 'Font Awesome 5 Brands';
    font-size: 1.2rem;
    margin-right: 10px;
    width: 24px;
    text-align: center;
}

.social-link.weibo::before {
    content: '\f18a'; /* 微博图标 */
    color: #e6162d;
}

.social-link.wechat::before {
    content: '\f1d7'; /* 微信图标 */
    color: #07c160;
}

.social-link.douyin::before {
    content: '\f977'; /* TikTok图标 */
    color: #000;
}

.social-link.bilibili::before {
    content: '\f1d7'; /* 使用通用图标 */
    color: #00a1d6;
}

/* 快速链接图标 */
.quick-links a {
    position: relative;
    padding-left: 25px;
}

.quick-links a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f105'; /* 箭头图标 */
    position: absolute;
    left: 0;
    top: 8px;
    color: #4a90e2;
    transition: all 0.3s;
}

.quick-links a:hover::before {
    left: 5px;
}

/* FAQ图标 */
.faq-item h3 {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.faq-item h3::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f059'; /* 问号图标 */
    position: absolute;
    left: 0;
    top: 0;
    color: #4a90e2;
}

/* 工作时间图标 */
.working-hours p {
    position: relative;
    padding-left: 25px;
}

.working-hours p::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #4a90e2;
}

.working-hours p:nth-child(1)::before {
    content: '\f095'; /* 电话图标 */
}

.working-hours p:nth-child(2)::before {
    content: '\f0e0'; /* 邮件图标 */
}

.working-hours p:nth-child(3)::before {
    content: '\f073'; /* 日历图标 */
}

/* 页面标题图标 */
.page-header h1 {
    position: relative;
    display: inline-block;
}

.page-header h1::before,
.page-header h1::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f2b6'; /* 联系图标 */
    color: #4a90e2;
    opacity: 0.3;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.page-header h1::before {
    left: -40px;
}

.page-header h1::after {
    right: -40px;
}