/* Standard Global Declaration */
:root { --primary-color: #04449c; }
body { font-family: sans-serif; margin: 0; display: flex; flex-direction: column; min-height: 100vh; }
header { background: var(--primary-color); color: white; padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; }
/* 修改 header 中 div (网站名称) 的样式 */
header div {
    font-size: 1.5rem;    /* 增大字号，你可以根据喜好调大到 2rem 或更多 */
    font-weight: 800;     /* 加粗字体，增加视觉分量 */
    letter-spacing: 1px;  /* 稍微增加字符间距，看起来更高级 */
    text-transform: uppercase; /* 如果是英文名称，可选择转为全大写 */
    white-space: nowrap;  /* 防止在小屏幕上换行 */
}
header nav a { color: white; margin-left: 20px; text-decoration: none; font-weight: bold; }
main {flex: 1; max-width: 800px; margin: 2rem auto; padding: 2rem; border: 1px solid #ddd; border-radius: 8px; }
footer { background: #f4f4f4; text-align: center; padding: 1rem; margin-top: 2rem; }
.service-box { width: 95%; border: 1px solid #ddd; padding: 15px; margin: 0 auto 10px auto; border-radius: 5px; }
.hidden-fields { display: none; margin-top: 10px; padding: 15px; background: #f9f9f9; border-left: 4px solid var(--primary-color); }
input[type="text"], input[type="email"], input[type="date"], input[type="wechat"], select { width: 100%; padding: 8px; margin: 0 auto 10px auto; border: 1px solid #ccc; }
button { background: var(--primary-color); color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; justify-content: center;}
/* 给包裹按钮的容器设置 */
.button-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    padding: 20px 0;         /* 增加一点上下间距 */
}
/* 微信号在导航栏的样式 */
    .wechat-nav {
        margin-left: 20px;
        font-size: 0.9rem;
        color: #e0e0e0; /* 使用浅灰色与白色链接区分 */
        padding: 5px 10px;
        border: 1px solid rgba(255, 255, 255, 0.3); /* 添加一个淡淡的边框，更有质感 */
        border-radius: 4px;
    }
    
    .wechat-nav strong {
        color: white; /* 微信号本身保持白色，醒目 */
        margin-left: 5px;
    }
    /* 导航栏active菜单，只有定义了样式，class="active" 才会生效 */
.active {
    border-bottom: 2px solid white; 
    font-weight: bold;
    padding-bottom: 2px;
}
/* --- 2. 媒体查询 (放在最底部) --- */
@media screen and (max-width: 768px) {
    /* 这里只写手机端需要改变的属性 */
header nav a  {
        display: none; /* 手机端隐藏 */
    }