*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui}
body{background:#f8f9fc;padding:0 14px 40px;color:#333333}

/* 头部 - 匹配LOGO视觉 */
.head{text-align:center;padding:22px 0}
/* 新代码：显示真实LOGO图片 */
.logo-icon{
  width: 60px;                /* LOGO宽度，可改成80px/100px调整大小 */
  height: 60px;               /* LOGO高度，和宽度保持一致 */
  background: url(logo-192.png) no-repeat center;  /* 指向你的LOGO图片 */
  background-size: 100%;      /* LOGO自适应大小，不拉伸 */
  margin: 0 auto 8px;         /* 让LOGO居中显示 */
  font-size: 0;               /* 隐藏原来的🔧图标 */
}
.logo-text{font-size:28px;font-weight:700;color:#0066CC}
.company{font-size:12px;color:#666;margin-top:4px}

/* 标签栏 - 品牌蓝 */
.tabbar{display:flex;gap:10px;margin:10px 0 24px}
.tab{flex:1;background:#fff;padding:14px;border-radius:12px;text-align:center;font-size:15px}
.tab.active{background:#0066CC;color:#fff;box-shadow:0 2px 8px rgba(0,102,204,0.2)}

/* 标题 */
.sec{font-size:16px;font-weight:600;margin:20px 0 10px;color:#333}

/* 维修项目 */
.items{display:grid;grid-template-columns:1fr;gap:10px}
.item{background:#fff;padding:16px;border-radius:10px;font-size:14px;transition:0.2s}
.item:hover{border-left:4px solid #0066CC;background:#f0f7ff}

/* 表单 */
.form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 5px rgba(0,0,0,0.05)}
.form input{width:100%;padding:14px;margin-bottom:10px;border:1px solid #e0e9ff;border-radius:8px;font-size:15px}
.form input:focus{outline:none;border-color:#0066CC}
#submit{width:100%;padding:16px;background:linear-gradient(to right, #0066CC, #0099FF);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px}

/* 联系我们 */
.contact{text-align:center;margin:30px 0;font-size:14px;color:#666}

/* 底部 */
.footer{text-align:center;font-size:12px;color:#999;margin-top:20px}