/* 2026-10-13 feedback: scoped changes, preserving the approved button system. */
/* Keep the panoramic image wider than the viewport on phones as well. */
.home-hero-art {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* PC 端：固定高度 600px，长图按原始比例溢出后由 JS 横向滚动 */
@media (min-width: 992px) {
  .index-banner-item {
    height: calc(90vh - 80px);
    aspect-ratio: auto;
  }
  .home-hero-art {
    width: auto;
    height: 100%;
    max-width: none;
  }
}
.laimu-motion-toggle {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 24px;
  min-height: 44px;
  padding: 8px 16px;
  color: #333;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #bbb;
  border-radius: 2px;
}
.laimu-motion-toggle:hover {
  color: #000;
  border-color: #555;
}
.laimu-motion-toggle:focus-visible {
  outline: 2px solid #0072ce;
  outline-offset: 4px;
}
.laimu-motion-toggle[hidden] {
  display: none;
}
.index-series-list .cp-item:is(:hover, :focus-visible) .cp-title,
.index-series-list
  .cp-item:is(:hover, :focus-visible)
  .cp-title
  :is(span, h3, i) {
  color: #000;
}
/* 标题与文案一起从下渐入；隐藏态不加过渡（瞬间隐藏，避免加载时“慢慢消失”）；过渡只放在揭示态（滚动时执行动画） */
.laimu-about-profile.is-reveal-ready :is(.page-heading, .laimu-profile-copy) {
  opacity: 0;
  transform: translateY(28px);
}
/* 图片：文案结束后依次错落淡入（透明 0 -> 100） */
.laimu-about-profile.is-reveal-ready .profile-tile {
  opacity: 0;
}
/* 揭示态：开始过渡动画 */
.laimu-about-profile.is-revealed :is(.page-heading, .laimu-profile-copy) {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.laimu-about-profile.is-revealed .profile-tile {
  opacity: 1;
}
.laimu-about-profile.is-revealed .profile-tile-1 {
  transition: opacity 0.5s ease 0.92s;
}
.laimu-about-profile.is-revealed .profile-tile-2 {
  transition: opacity 0.5s ease 1.04s;
}
.laimu-about-profile.is-revealed .profile-tile-3 {
  transition: opacity 0.5s ease 1.16s;
}
.laimu-about-profile.is-revealed .profile-tile-4 {
  transition: opacity 0.5s ease 1.28s;
}
.laimu-about-profile.is-revealed .profile-tile-5 {
  transition: opacity 0.5s ease 1.4s;
}
.laimu-about-profile.is-revealed .profile-tile-6 {
  transition: opacity 0.5s ease 1.52s;
}
.cart-list .item-qty input[type="number"] {
  box-sizing: border-box;
  width: 100px;
  height: 44px;
  margin: 0;
  padding: 0 8px;
  line-height: normal;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
  font-variant-numeric: tabular-nums;
}
.cart-list .item-qty input::-webkit-inner-spin-button,
.cart-list .item-qty input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart-list .item-qty input:focus-visible {
  outline: 2px solid #0072ce;
  outline-offset: 3px;
}
.laimu-history .laimu-history-years :is(button, .laimu-history-year) {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0 0 12px;
  border: 0;
  background: transparent;
  color: #777 !important;
  --button-hover-bg: transparent;
  --button-hover-border: transparent;
  --button-hover-ink: #000;
  --button-active-bg: transparent;
  --button-active-border: transparent;
  --button-active-ink: #0072ce;
}
.laimu-history .laimu-history-years :is(button, .laimu-history-year)::before {
  display: none;
}
.history-ruler {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}
.history-ruler i {
  display: block;
  width: 1px;
  height: var(--tick-height);
  background: linear-gradient(#d0d0d0, #e8e8e8);
}
.history-ruler .year-tick {
  width: 3px;
  height: 100px;
  background: #999;
}
.laimu-history .laimu-history-years :is([aria-pressed="true"], [aria-current]) {
  color: #0072ce !important;
}
.laimu-history-years :is([aria-pressed="true"], [aria-current]) .year-tick {
  background: #0072ce;
}
@media (max-width: 768px) {
  .history-ruler {
    height: 80px;
  }
  .history-ruler i {
    height: calc(var(--tick-height) * 0.75);
  }
  .history-ruler .year-tick {
    height: 80px;
  }
  .laimu-motion-toggle {
    right: 16px;
    bottom: 16px;
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .laimu-motion-toggle {
    display: none;
  }
  .laimu-about-profile.is-reveal-ready
    :is(.page-heading, .laimu-profile-copy, .profile-tile) {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* Orbit keeps the copy stationary; JS measures a safe path outside its bounds. */
.laimu-who.has-orbit .laimu-who-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(600px, 62%);
  max-width: none;
  padding: 0;
  transform: translate(-50%, -50%);
}
.laimu-who.has-orbit .who-icon {
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 140px;
  height: 160px;
  object-fit: contain;
}
.technology-media {
  position: relative;
  width: 100%;
}
.technology-media .home-technology-poster {
  display: block;
  width: 100%;
}
.technology-demo-label {
  position: absolute;
  left: 16px;
  top: 16px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.92);
  color: #333;
  font-size: 13px;
  line-height: 1.5;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .laimu-who.has-orbit .who-icon {
    width: 64px;
    height: 74px;
  }
}
@media (max-width: 600px) {
  .laimu-who.has-orbit .who-icon {
    width: 24px;
    height: 30px;
  }
  .laimu-who.has-orbit .laimu-who-copy {
    width: 72%;
  }
}