/* Header 样式 */
header {
    color: white;
    max-width: 1200px; /* 设置最大宽度，避免过宽 bootstrap最大宽度也是这个 */
    margin: 0 auto; /* 水平居中 */
    padding: 0 20px; /* 左右内边距，避免内容贴边 */
}

header .logo {
    padding-right: 5px; /* 有一定间距 */
    margin-top: -5px; /* 图标设计问题 有一定显示偏差 */
}

header .logo img {
    height: 80px; /* Logo 高度 */
}

header .title-info {
    font-family: 'Roboto Slab', serif;
}

header .title-info .title {
    color: white;
    font-size: 28px;
    font-weight: 600;
    text-align: justify; /* 文字两端对齐 */
    letter-spacing: 2px; /* 增加字符间距 */
    height: 35px;
}

/* 使用伪元素实现两端对齐 */
header .title-info .title::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}

header .title-info .sub-title {
    color: white;
    font-size: 15px;
    text-align: justify; /* 文字两端对齐 */
    letter-spacing: 2px; /* 增加字符间距 */
    height: 35px;
}

/* 使用伪元素实现两端对齐 */
header .title-info .sub-title::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}

header .contact-info {
    text-align: right; /* 右对齐联系信息 */
}