/* AIoT页脚样式，匹配参考图视觉 */
.aiot-footer {
  background-color: #262626;
  background-image: url('../images/nav_bg2.png'); /* 若有纹理图可替换 */
  background-size: cover;
  color: #cfcfcf;
}

.por-container { width: 1200px; margin: 0 auto; }
.flex { display: flex; }

.aiot-footer-content { padding: 60px 0 30px; align-items: flex-start; }
.aiot-footer-content-left { flex: 1; }
.aiot-footer-content-center { width: 420px; }
.aiot-footer-content-right { width: 420px; }

.aiot-footer-top-con { color: #ffffff; font-size: 18px; margin-bottom: 16px; }
.aiot-logo-text { display: inline-block; font-weight: 700; color: #ffffff; font-size: 24px; }

.aiot-links-title { margin-top: 14px; color: #cfcfcf; }
.aiot-links { flex-wrap: wrap; line-height: 28px; }
.aiot-links .name { color: #cfcfcf; cursor: default; }
.aiot-links .sep { color: #7d7d7d; }

.aiot-footer p { margin: 6px 0; }

/* 右侧社媒区 */
.aiot-footer-content-right-con { display: flex; gap: 14px; margin-top: 6px; position: relative; z-index: 1; }
.aiot-popover-container { position: relative; width: 40px; height: 40px; }
.aiot-icon { width: 40px; height: 40px; border-radius: 8px; background: #333; display: inline-block; }
/* 当图标为<img>时也应用同样尺寸 */
.aiot-popover-container > img.aiot-icon { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; display: inline-block; background: #333; }
.aiot-popover-container .icon-as-font { width: 40px; height: 40px; border-radius: 8px; display: inline-block; }
.aiot-icon-wechat { background: url('../images/top_pic1.png') center/24px no-repeat #3aa73a; }
.aiot-icon-weibo { background: url('../images/top_pic3.png') center/24px no-repeat #e34f42; }
.aiot-icon-other { background: url('../images/top_pic4.png') center/24px no-repeat #f2a100; }
.aiot-icon-bili { background: url('../images/top_pic1.png') center/24px no-repeat #3daee9; }

.aiot-popover-content { position: absolute; top: -5px; left: 0; display: none; background: #fff; padding: 10px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.3); z-index: 10010; }
.aiot-popover-content img { width: 120px; height: 120px; display: block; }
.aiot-popover-container:hover .aiot-popover-content { display: block; }
.aiot-popover-content .arrow { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff; z-index: 10011; }

.aiot-border { height: 1px; background: rgba(255,255,255,0.15); }
.aiot-footer-end { color: #bdbdbd; font-size: 12px; padding: 14px 0 26px; justify-content: space-between; align-items: center; }
.aiot-footer-end .records { margin-left: 10px; color: #bdbdbd; }

@media screen and (max-width: 1280px) {
  .por-container { width: auto; padding: 0 16px; }
  .aiot-footer-content { flex-direction: column; gap: 20px; }
  .aiot-footer-content-center, .aiot-footer-content-right { width: auto; }
  .aiot-footer-end { flex-direction: column; gap: 10px; text-align: center; }
}