/* AI education shares the business strip's carousel interaction. */
.main-business-list .mb-item { flex-shrink: 0; }
.main-business-list .mb-item--ai { background: url('../../image/ai-education/homepage/ai-education-business-circle.svg') center / contain no-repeat; }
.mb-ai-link { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; color: #fff; border-radius: 50%; border: 0; padding: 0; background: transparent; font: inherit; cursor: pointer; }
.mb-ai-link:hover { color: #fff; text-decoration: none; }
.mb-ai-link:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.main-business-list .mb-item--ai .mb-text { white-space: nowrap; }
.home-ai { padding: 100px 0; overflow: hidden; background: #fff url('../../image/homePage/smart-education-bottom-bg.png') center bottom / 100% auto no-repeat; }
.carousel-inner > .item--ai > img { object-fit: cover; }
.item--ai::after { content: ''; position: absolute; inset: 0; background: rgba(0, 86, 185, .4); pointer-events: none; }
.home-ai__inner { position: relative; width: 100%; height: 600px; overflow: hidden; }
.home-ai__photo { display: block; width: 900px; height: 600px; object-fit: cover; }
.home-ai__panel { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 500px; height: 340px; padding: 40px; display: flex; align-items: center; background: rgba(0, 86, 185, .8); color: #fff; }
.home-ai__text { width: 100%; }
.home-ai__panel h2 { font-family: "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; margin: 0 0 15px; font-size: 32px; line-height: 41px; font-weight: 700; }
.home-ai__english { font-family: ABeeZee, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; margin: 0 0 20px; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, .5); }
.home-ai__english::after { content: ''; display: block; width: 128px; height: 2px; background: #fff; margin-top: 15px; }
.home-ai__description { font-family: ABeeZee, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; margin: 0 0 30px; height: 76px; font-size: 20px; line-height: 40px; }
.home-ai__button { display: inline-block; min-width: 120px; font-family: ABeeZee, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; border: 1px solid #fff; border-radius: 24px; padding: 10px 30px; color: #fff; font-size: 14px; line-height: 18px; background: rgba(255, 255, 255, .1); }
.home-ai__button:hover, .home-ai__button:focus { color: #fff; background: rgba(255,255,255,.2); text-decoration: none; }
.home-ai__button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.home-ai__mobile-link { display: none; }
@media (min-width: 769px) {
  .main-business-list { gap: 10px; }
  .main-business-list .mb-item { width: min(130px, 6.77vw); height: min(130px, 6.77vw); }
  .main-business-list .mb-item .mb-icon { width: 46%; height: 46%; }
  .main-business-list .mb-item .mb-text { font-size: clamp(12px, .84vw, 16px); margin-top: 6px; }
}
@media (max-width: 1200px) and (min-width: 769px) {
  .home-ai__panel { right: 20px; width: 450px; height: 300px; padding: 30px; }
}
@media (max-width: 768px) {
  .home-ai { padding: 0; background: transparent; }
  .home-ai__inner { width: 100%; height: 6.187rem; }
  .home-ai__photo { width: 100%; height: 100%; aspect-ratio: auto; }
  .home-ai__panel { top: auto; right: 0; bottom: 0; transform: none; width: 100%; max-width: none; height: 1.867rem; padding: .427rem .64rem; background: rgba(0, 86, 185, .8); }
  .home-ai__panel h2 { font-family: "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: .427rem; line-height: .533rem; height: .533rem; margin: 0 0 .08rem; }
  .home-ai__english { font-family: ABeeZee, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; font-size: .32rem; line-height: .4rem; height: .4rem; margin: 0; color: rgba(255, 255, 255, .5); }
  .home-ai__english::after, .home-ai__description, .home-ai__button { display: none; }
  .home-ai__mobile-link { display: block; position: absolute; inset: 0; z-index: 3; }
  .home-ai__mobile-link:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
  .main-business-list .mb-item--ai .mb-text { font-size: .29rem; }
  .mb-ai-link:focus-visible { outline-color: #0056b9; }
  /* Touch browsers may retain :hover after a tap; keep all business labels readable. */
  .main-business-list .mb-item:hover .mb-text { color: #000; text-shadow: none; }
}