/* 无界官网 · 复刻版补充样式 */
body.index { height: auto; }
.ub-home-main { overflow: clip; }
.ub-home-main .title-main,
.ub-home-main .index-top .title .title-main { background-image: linear-gradient(to right, #2d5aff, #54b2ff); }

/* 页头 logo 尺寸 */
.header .logo-pic img { height: 34px; width: auto; }
.header .logo-white-svg { display: none; }

/* ========== 六大能力 ========== */
.ub-six { padding: 88px 0 76px; background: linear-gradient(180deg, #f5f8ff 0%, #ffffff 62%, #f7f9ff 100%); }
.ub-six-head { text-align: center; max-width: 780px; margin: 0 auto 44px; }
.ub-six-head h2 { font-size: 36px; font-weight: 800; color: #1b2c50; letter-spacing: -0.5px; }
.ub-six-head p { margin-top: 14px; font-size: 16px; line-height: 1.8; color: #5c6b85; }
.ub-six-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ub-six-card {
  padding: 28px 24px; border-radius: 14px; background: #fff;
  border: 1px solid #e9eef8;
  box-shadow: 0 10px 30px rgba(27, 44, 80, 0.05);
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s;
}
.ub-six-card:hover { transform: translateY(-5px); box-shadow: 0 22px 48px rgba(27, 44, 80, 0.1); }
.ub-six-icon {
  width: 52px; height: 52px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(45, 90, 255, .09); color: #2d5aff;
}
.ub-six-card h3 { margin-top: 18px; font-size: 18px; font-weight: 700; color: #1b2c50; }
.ub-six-card p { margin-top: 10px; font-size: 14px; line-height: 1.75; color: #5c6b85; min-height: 74px; }
.ub-six-card span { display: block; margin-top: 12px; font-size: 12.5px; color: #2d5aff; }
.ub-six-stats {
  margin-top: 46px; display: grid; grid-template-columns: repeat(4,1fr);
  border-radius: 14px; background: #1b2c50; padding: 30px 10px; overflow: hidden;
}
.ub-six-stats > div { text-align: center; padding: 4px 20px; }
.ub-six-stats > div + div { border-left: 1px solid rgba(255,255,255,.12); }
.ub-six-stats strong { display: block; font-size: 32px; font-weight: 800; color: #fff; letter-spacing: -1px; }
.ub-six-stats span { display: block; margin-top: 8px; font-size: 13px; color: rgba(255,255,255,.64); }

/* ========== 资讯 ========== */
.ub-info { padding: 84px 0 80px; background: #fff; }
.ub-info-inner .index-info-top { margin-bottom: 34px; }
.ub-info .info-title { font-size: 34px; font-weight: 800; color: #1b2c50; }
.ub-news-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 26px; align-items: stretch; }
.ub-news-feature {
  position: relative; display: block; border-radius: 14px; overflow: hidden;
  min-height: 380px; background: #eef3ff;
}
.ub-news-feature img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.ub-news-feature:hover img { transform: scale(1.04); }
.ub-news-feature-text {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 26px;
  background: linear-gradient(180deg, rgba(9,20,44,0) 0%, rgba(9,20,44,.82) 68%);
  display: flex; flex-direction: column; gap: 8px;
}
.ub-news-feature-text b { font-size: 12.5px; font-weight: 600; color: #9cc0ff; }
.ub-news-feature-text em { font-style: normal; font-size: 22px; line-height: 1.4; font-weight: 700; color: #fff; }
.ub-news-list { display: flex; flex-direction: column; }
.ub-news-list a {
  display: flex; align-items: center; gap: 18px;
  padding: 17px 4px; border-bottom: 1px solid #eef1f7;
  font-size: 15px; color: #1b2c50;
  transition: color .2s, padding-left .2s;
}
.ub-news-list a:first-child { padding-top: 0; }
.ub-news-list a:hover { color: #2d5aff; padding-left: 8px; }
.ub-news-list a span { flex: none; font-size: 12.5px; color: #98a2b3; }
.ub-news-list a b { font-weight: 500; }

/* ========== FAQ ========== */
.ub-faq { padding: 84px 0 96px; background: #f5f8ff; }
.ub-faq-inner { display: grid; grid-template-columns: 380px 1fr; gap: 60px; align-items: start; }
.ub-faq .index-faq-content-left { position: sticky; top: 120px; }
.ub-faq .faq-title { font-size: 34px; font-weight: 800; color: #1b2c50; }
.ub-faq .faq-subtitle { display: block; margin-top: 14px; font-size: 15px; line-height: 1.8; color: #5c6b85; }
.ub-faq-list { display: flex; flex-direction: column; gap: 10px; }
.ub-faq-item {
  padding: 4px 22px; border-radius: 10px; background: #fff;
  border: 1px solid #e9eef8;
}
.ub-faq-item summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 18px 0; font-size: 16px; font-weight: 600; color: #1b2c50;
}
.ub-faq-item summary::-webkit-details-marker { display: none; }
.ub-faq-item summary::after {
  content: "+"; flex: none; width: 22px; height: 22px; border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(45,90,255,.08); color: #2d5aff; font-size: 16px; font-weight: 500;
  transition: transform .25s;
}
.ub-faq-item[open] summary::after { content: "–"; }
.ub-faq-item p { margin: 0 0 18px; font-size: 14.5px; line-height: 1.85; color: #5c6b85; }

@media (max-width: 1024px) {
  .ub-six-grid { grid-template-columns: repeat(2, 1fr); }
  .ub-news-grid { grid-template-columns: 1fr; }
  .ub-news-feature { min-height: 300px; }
  .ub-faq-inner { grid-template-columns: 1fr; gap: 28px; }
  .ub-faq .index-faq-content-left { position: static; }
}
@media (max-width: 640px) {
  .ub-six { padding: 56px 0 48px; }
  .ub-six-head h2, .ub-info .info-title, .ub-faq .faq-title { font-size: 26px; }
  .ub-six-grid { grid-template-columns: 1fr; }
  .ub-six-card p { min-height: 0; }
  .ub-six-stats { grid-template-columns: repeat(2, 1fr); row-gap: 24px; padding: 24px 4px; }
  .ub-six-stats > div:nth-child(3) { border-left: 0; }
  .ub-news-feature { min-height: 240px; }
  .ub-news-feature-text em { font-size: 18px; }
  .ub-news-list a { gap: 12px; font-size: 14px; }
  .ub-news-list a span { display: none; }
}

/* 竞品首屏动画容器默认透明，静态复刻时强制可见 */
.index-top-animate { opacity: 1 !important; transform: none !important; }
.index-top-title { opacity: 1 !important; }
.navRight .login-btn, .navRight .user-btn, .navRight .navRight820 { display: none !important; }
.ub-logo-link { display: inline-flex; align-items: center; gap: 9px; }
.ub-logo-text { font-size: 19px; font-weight: 700; color: #1b2c50; letter-spacing: -0.2px; white-space: nowrap; }
.ub-login { font-size: 15px; color: #1b2c50; margin-right: 18px; }
.ub-login:hover { color: #2d5aff; }
.ub-register {
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; padding: 0 20px; border-radius: 18px;
  background: #2d5aff; color: #fff !important; font-size: 14px; font-weight: 500;
  transition: background .2s;
}
.ub-register:hover { background: #1e46e0; }
.com-btn.btn-primary, .com-btn.btn-primary a { color: #fff !important; }
.com-btn.btn-secondary { cursor: pointer; }
a.com-btn { text-decoration: none; }

/* 页脚品牌水印 */
footer.footer-new .ub-foot-brand { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-bottom: 12px; }
footer.footer-new .ub-foot-logo { height: 84px; width: auto; display: block; }
footer.footer-new .ub-foot-word { font-size: 118px; line-height: 1; font-weight: 800; letter-spacing: -3px; color: #eef2f7; white-space: nowrap; }
@media (max-width: 820px) {
  footer.footer-new .ub-foot-brand { flex-direction: column; align-items: flex-start; gap: 14px; }
  footer.footer-new .ub-foot-logo { height: 52px; }
  footer.footer-new .ub-foot-word { font-size: 62px; letter-spacing: -1.5px; }
}
