/* Anime daily-life redesign for 1xingde theme */

:root {
  --text-color: #6f6072;
  --heading: #4c3b56;
  --prime-one: #ff9fb7;
  --prime-two: #f5b971;
  --prime-three: #9fcfe7;
  --prime-four: #bfa9e8;
  --anime-mint: #bfe7da;
  --anime-cream: #fff8ea;
  --anime-paper: #fffdf7;
  --anime-line: #dcc6b8;
  --anime-ink: #594b5f;
  --anime-shadow: 0 18px 45px rgba(160, 117, 128, .16);
  --anime-soft-shadow: 0 10px 28px rgba(130, 92, 105, .12);
}

html { scroll-behavior: smooth; }

body {
  color: var(--text-color);
  font-family: HuaweiSans, Arial, "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 202, 214, .34) 0 180px, transparent 310px),
    radial-gradient(circle at 86% 12%, rgba(190, 231, 218, .38) 0 170px, transparent 300px),
    radial-gradient(circle at 70% 78%, rgba(191, 169, 232, .22) 0 220px, transparent 360px),
    linear-gradient(180deg, #fff8ee 0%, #fffdf8 42%, #fdf7fb 100%);
  background-attachment: fixed;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .45;
  background-image:
    linear-gradient(rgba(136, 101, 82, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(136, 101, 82, .03) 1px, transparent 1px),
    radial-gradient(circle, rgba(255, 159, 183, .22) 1.5px, transparent 2px);
  background-size: 34px 34px, 34px 34px, 88px 88px;
}

::selection { background: #ffd5df; color: #62475b; }
::-webkit-scrollbar-track { background: #fff8ee; }
::-webkit-scrollbar-thumb { background: #ffc2d1; border: 2px solid #fff8ee; border-radius: 999px; }

h1, h2, h3, h4, h5, h6,
.main-title, .intro, .card-title, .apptitle {
  color: var(--heading) !important;
  font-family: HuaweiSans, Arial, "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}

a { color: #d97891; }
a:hover { color: #be6c83; }

.text-primary, .link, .mp-product-grid-card__more--link { color: #d97891 !important; }
.bg-primary-subtle { background: #fff0f4 !important; }
.text-success { color: #75b89f !important; }
.text-danger { color: #e9859b !important; }
.text-warning { color: #e7a44c !important; }

.theme-main-menu {
  top: 14px;
  margin: 0 auto;
  width: min(1180px, calc(100% - 24px));
  border: 1px solid rgba(216, 190, 176, .76);
  border-radius: 28px;
  background: rgba(255, 253, 247, .88) !important;
  box-shadow: 0 12px 36px rgba(133, 96, 113, .13) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

.theme-main-menu::before,
.theme-main-menu::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
}

.theme-main-menu::before {
  width: 72px;
  height: 18px;
  left: 34px;
  top: -10px;
  background: rgba(255, 213, 224, .7);
  border: 1px dashed rgba(180, 132, 147, .45);
  transform: rotate(-4deg);
}

.theme-main-menu::after {
  width: 10px;
  height: 10px;
  right: 30px;
  bottom: 12px;
  background: #ffd4a4;
  box-shadow: 18px -18px 0 #c6e7d8, -18px -10px 0 #ffd3df;
}

.logo img { max-height: 46px; filter: drop-shadow(0 5px 10px rgba(132, 91, 102, .14)); }
.navbar .navbar-nav .nav-link {
  color: #70596b !important;
  border-radius: 999px;
  padding: 10px 15px !important;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-link:hover {
  color: #9c6575 !important;
  background: #fff1f5;
  box-shadow: inset 0 0 0 1px rgba(226, 177, 190, .45);
}
.dropdown-menu {
  border: 1px solid rgba(216, 190, 176, .7);
  border-radius: 22px;
  background: rgba(255, 253, 247, .96);
  box-shadow: var(--anime-shadow);
  overflow: hidden;
}
.dropdown-item { color: #725f6f; border-radius: 14px; }
.dropdown-item:hover, .dropdown-item.active { background: #fff0f4; color: #bd7185; }
.navbar-toggler span,
.navbar-toggler::before,
.navbar-toggler::after { background: #d97891 !important; border-radius: 999px; }
.navbar-toggler { background: #fce8ef !important; border: none !important; }

.btn, .req-demo-btn-reg, .req-demo-btn, .btn-six, .msg-btn, .banner-search-btn {
  border: 1px solid rgba(190, 128, 145, .34) !important;
  border-radius: 999px !important;
  color: #6d5163 !important;
  background: linear-gradient(180deg, #fffaf7, #ffe9ef) !important;
  box-shadow: 0 10px 22px rgba(217, 120, 145, .18) !important;
  font-weight: 700;
}
.btn:hover, .req-demo-btn-reg:hover, .req-demo-btn:hover, .btn-six:hover, .msg-btn:hover, .banner-search-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #fff7fb, #ffdce6) !important;
  box-shadow: 0 16px 30px rgba(217, 120, 145, .24) !important;
}
.btn-primary, .btn-danger { background: linear-gradient(180deg, #fff7fb, #ffd7e2) !important; }

#bannerCarousel {
  margin: 92px auto 0;
  width: min(1240px, calc(100% - 24px));
  border-radius: 34px;
  overflow: hidden;
  border: 1px solid rgba(220, 198, 184, .78);
  box-shadow: var(--anime-shadow);
  background: #fffaf3;
}
#bannerCarousel::before {
  content: 'API Diary';
  position: absolute;
  z-index: 3;
  right: 34px;
  top: 24px;
  padding: 6px 15px;
  border-radius: 999px;
  color: #926f7c;
  background: rgba(255, 248, 234, .82);
  border: 1px dashed rgba(172, 128, 111, .45);
  font-family: 'Kiwi Maru', serif;
}
#bannerCarousel::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 249, 238, .9) 0%, rgba(255, 246, 240, .54) 38%, rgba(255, 238, 246, .28) 100%),
    radial-gradient(circle at 24% 22%, rgba(255, 203, 215, .55), transparent 34%),
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: auto, auto, 100% 9px;
}
.carousel-item img { min-height: 520px; object-fit: cover; filter: saturate(.88) brightness(1.04) contrast(.96); }
.carousel-caption {
  z-index: 2;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  color: #665060;
  text-shadow: none;
}
.carousel-caption h5 {
  display: inline;
  padding: .08em .25em;
  font-size: clamp(28px, 5vw, 58px);
  line-height: 1.38;
  background: linear-gradient(transparent 58%, rgba(255, 214, 124, .45) 0);
}
.carousel-caption p {
  width: min(540px, 92%);
  margin: 22px 0;
  color: #796673;
  font-size: 18px;
  line-height: 1.9;
}
.carousel-indicators [data-bs-target] {
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #ffc2d1;
  box-shadow: 0 3px 8px rgba(138, 89, 104, .18);
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  border-radius: 50%;
  background-color: rgba(255, 245, 236, .82);
  box-shadow: 0 6px 16px rgba(138, 89, 104, .12);
}

.content-new, .bg-white, .blog-section-three, .footer-style-four { background: transparent !important; }
.card, .blog-meta-one, .hidecard, .home-vip-main, .pls-footer-inner, .footer-qrcode-wrapper, .login-card,
.fancy-short-banner-five.bg-wrapper, .fancy-short-banner-five, .page-pagination-one {
  border: 1px solid rgba(220, 198, 184, .72) !important;
  border-radius: 28px !important;
  background: rgba(255, 253, 247, .9) !important;
  box-shadow: var(--anime-soft-shadow) !important;
}
.card-body { position: relative; }
.card-body::before, .hidecard::before, .blog-meta-one::before {
  content: '';
  position: absolute;
  inset: 10px;
  pointer-events: none;
  border-radius: 22px;
  border: 1px dashed rgba(216, 190, 176, .38);
}
.blog-meta-one, .hidecard { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.blog-meta-one:hover, .hidecard:hover, .card.hover-anim:hover { transform: translateY(-6px) rotate(-.35deg); box-shadow: var(--anime-shadow) !important; }
.blog-meta-one .w-100, .post-img .w-100 { background: transparent !important; }
.blog-meta-one svg, .blog-meta-one .icon svg { filter: drop-shadow(0 8px 10px rgba(217, 120, 145, .16)); }
.blog-meta-one svg path[fill='#48b0f7'], .blog-meta-one svg path[fill="#48b0f7"] { fill: #ef9caf !important; }
.tag-body, .card-footer { background: rgba(255, 242, 246, .72) !important; border-top: 1px dashed rgba(220, 198, 184, .52) !important; }
.tag-m, .badge {
  border-radius: 999px !important;
  background: #fff0f4 !important;
  color: #aa697a !important;
  border: 1px solid rgba(224, 172, 185, .55);
}
.badge-warning { background: #fff1ce !important; color: #ae7a26 !important; }
.badge-danger { background: #ffe0e9 !important; color: #b85f78 !important; }

.search-content { filter: drop-shadow(0 12px 24px rgba(132, 91, 102, .12)); }
.search-input form, .site-search form {
  border: 1px solid rgba(220, 198, 184, .76);
  border-radius: 999px;
  background: rgba(255, 253, 247, .94);
  box-shadow: var(--anime-soft-shadow);
}
.search-input__tool, .search-input-s, .form-control, .form-select, textarea {
  border: 1px solid rgba(220, 198, 184, .72) !important;
  border-radius: 18px !important;
  background: rgba(255, 253, 247, .94) !important;
  color: #665060 !important;
  box-shadow: inset 0 2px 9px rgba(152, 111, 92, .06) !important;
}
.search-input__tool { border: 0 !important; box-shadow: none !important; background: transparent !important; }
.form-control:focus, .form-select:focus, textarea:focus, .search-input form:focus-within {
  border-color: #f0adbf !important;
  box-shadow: 0 0 0 4px rgba(255, 194, 209, .28) !important;
}
.so-top a, .isotop-menu-wrapper li, .isotop-menu-wrapper a {
  border-radius: 999px !important;
  background: rgba(255, 244, 226, .8);
  border: 1px solid rgba(220, 198, 184, .55);
  color: #8a6a7a !important;
}
.so-top a:hover, .isotop-menu-wrapper .active, .isotop-menu-wrapper a:hover { background: #ffe9ef; color: #b76e82 !important; }

.underline { position: relative; display: inline-block; }
.underline::after {
  content: '';
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -6px;
  height: 8px;
  z-index: -1;
  border-radius: 999px;
  background: linear-gradient(90deg, #f5d0db, #efc6d0, #f5d0db);
  transform: rotate(-1deg);
  opacity: .7;
}
.title-style-one::before, section .text-center[data-aos]::before {
  content: '✦';
  display: inline-block;
  margin-bottom: 8px;
  color: #f0a9b9;
  font-size: 20px;
}

.theme-inner-banner {
  margin: 92px auto 0;
  width: min(1240px, calc(100% - 24px));
  border: 1px solid rgba(220, 198, 184, .74);
  border-radius: 34px;
  background:
    radial-gradient(circle at 84% 20%, rgba(191, 231, 218, .62), transparent 30%),
    radial-gradient(circle at 14% 10%, rgba(255, 203, 215, .66), transparent 28%),
    rgba(255, 253, 247, .9) !important;
  box-shadow: var(--anime-shadow);
  overflow: hidden;
}
.theme-inner-banner .intro { color: #594b5f !important; text-shadow: none; }
.theme-inner-banner .shapes { opacity: .28; filter: sepia(.3) saturate(.6); }

.fancy-short-banner-three .bg-wrapper {
  border: 1px solid rgba(220, 198, 184, .72);
  border-radius: 34px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 210, 222, .72), transparent 34%),
    radial-gradient(circle at 82% 70%, rgba(194, 232, 218, .72), transparent 33%),
    #fff8ea !important;
  box-shadow: var(--anime-shadow);
}
.fancy-short-banner-three .main-title { color: #684e62 !important; }
.footer-style-four { color: #7a6575; }
.footer-title { color: #594b5f !important; }
.footer-nav-link a, .footer-nav a, .copyright a { color: #866a7a !important; }
.pls-footer-service-item { border-radius: 22px; background: rgba(255,253,247,.82); border: 1px dashed rgba(220,198,184,.55); }
.tb-contacts .contact-item {
  border: 1px solid rgba(220, 198, 184, .72);
  border-radius: 18px !important;
  background: rgba(255, 253, 247, .92) !important;
  box-shadow: var(--anime-soft-shadow);
}
.tb-contacts .ct-info { color: #8a6676 !important; }

.login-card {
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 206, 218, .72), transparent 28%),
    radial-gradient(circle at 90% 85%, rgba(191, 231, 218, .62), transparent 30%),
    rgba(255,253,247,.94) !important;
}
.login-card .nav-tabs { border: 0 !important; }
.login-card .nav-tabs .nav-item .nav-link,
.login-card .nav-link { border-radius: 999px !important; color: #999 !important; border: 1px solid #f0e0e6 !important; background: transparent !important; }
@media (max-width: 767px) {
  .login-card .nav-link { padding: 6px 32px !important; font-size: 14px !important; display: inline-block !important; min-width: 100px !important; text-align: center !important; }
  .login-card .nav-tabs { display: inline-flex !important; gap: 12px !important; justify-content: center !important; }
}
.login-card .nav-tabs .nav-item.show .nav-link,
.login-card .nav-link.active { background: #fce8ef !important; color: #c45a72 !important; border-color: #efc6d0 !important; font-weight: 500 !important; }
.login-card .nav-link.active::after { display: none !important; }
.accsys-control-panel__corner, .accsys-control-panel__corner-inner, .accsys-control-panel__corner-btn { transform: none !important; }
.accsys-control-panel__corner { right: 18px !important; top: 18px !important; width: auto !important; height: auto !important; background: none !important; }
.accsys-control-panel__corner-btn {
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #fff0f4 !important;
  color: #b76e82 !important;
  border: 1px solid #efc6d0 !important;
}

.page-pagination-one li a {
  border-radius: 999px !important;
  border: 1px solid rgba(220, 198, 184, .72) !important;
  background: #fffaf3 !important;
  color: #8a6676 !important;
}
.page-pagination-one li.active a { background: #ffe0e9 !important; color: #b76e82 !important; }

.particle-canvas, #canvas { opacity: .18; filter: sepia(.35) saturate(.55); }
.enterprise-adbg { opacity: .62; filter: sepia(.28) saturate(.78) brightness(1.05); }

@media (max-width: 1199px) {
  .theme-main-menu { top: 8px; width: calc(100% - 16px); border-radius: 24px; }
  #bannerCarousel, .theme-inner-banner { margin-top: 86px; border-radius: 26px; }
  .carousel-item img { min-height: 430px; }
  .carousel-caption h5 { font-size: clamp(25px, 7vw, 46px); }
  .navbar-collapse { background: rgba(255,253,247,.98); border-radius: 22px; margin-top: 14px; padding: 18px; box-shadow: var(--anime-soft-shadow); }
}

@media (max-width: 767px) {
  body { background-attachment: scroll; }
  #bannerCarousel, .theme-inner-banner { width: calc(100% - 14px); border-radius: 22px; }
  .carousel-item img { min-height: 390px; }
  .carousel-caption { left: 8%; right: 8%; text-align: left; }
  .carousel-caption p { font-size: 15px; line-height: 1.7; }
  .search-input form { border-radius: 22px; }
  .banner-search-btn { padding-inline: 18px !important; }
  .card, .blog-meta-one, .hidecard, .login-card { border-radius: 22px !important; }
  .accsys-control-column { padding: 58px 22px 24px !important; }
}

/* Layout repair: keep the anime style but avoid compressed/vertical header and washed-out hero */
.theme-main-menu {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: min(1200px, calc(100% - 48px)) !important;
  min-height: 76px;
  padding: 0 26px !important;
}

.theme-main-menu.sticky-menu.fixed {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: min(1200px, calc(100% - 48px)) !important;
}

.theme-main-menu .inner-content,
.theme-main-menu .inner-content > .d-flex {
  width: 100%;
  min-height: 76px;
  justify-content: space-between;
}

.theme-menu-one .navbar {
  flex: 0 1 auto;
  margin-left: 24px !important;
  min-width: 0;
}

.theme-main-menu .logo {
  flex: 0 0 auto;
}

.logo img {
  max-width: 132px;
  object-fit: contain;
}

.navbar .navbar-nav {
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.navbar .navbar-nav .nav-item,
.navbar .navbar-nav .nav-link,
.right-widget a,
.req-demo-btn-reg,
.req-demo-btn {
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  word-break: keep-all !important;
}

.navbar .navbar-nav .nav-link {
  margin: 0 4px !important;
  padding: 8px 10px !important;
  line-height: 1.2 !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.navbar .dropdown-toggle::after {
  display: none !important;
}

.right-widget {
  flex: 0 0 auto;
  gap: 10px;
  margin-left: auto !important;
}

@media (min-width: 1200px) {
  .right-widget {
    margin-left: 0 !important;
  }
}

.right-widget form {
  width: 180px;
  margin-right: 12px !important;
}

.right-widget .form-control {
  height: 38px;
  min-height: 38px;
  padding-left: 40px !important;
  padding-right: 14px !important;
  border-radius: 999px !important;
  font-size: 13px;
}

.right-widget > a.text-muted {
  margin-right: 8px !important;
}

.req-demo-btn-reg,
.req-demo-btn {
  min-width: auto !important;
  height: 42px !important;
  line-height: 40px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1520px) {
  .right-widget form.d-xxl-inline-block {
    display: none !important;
  }
}

.theme-main-menu .menu-search-btn {
  width: 42px !important;
  height: 42px !important;
  margin-right: 0 !important;
  background: rgba(255, 250, 247, .9) !important;
}

#bannerCarousel {
  margin-top: 104px;
  width: min(1200px, calc(100% - 48px));
}

#bannerCarousel::before {
  display: none;
}

#bannerCarousel::after {
  background:
    linear-gradient(90deg, rgba(255, 249, 238, .58) 0%, rgba(255, 246, 240, .28) 42%, rgba(255, 238, 246, .10) 100%),
    radial-gradient(circle at 20% 18%, rgba(255, 223, 230, .28), transparent 30%) !important;
}

.carousel-caption {
  max-width: 650px;
}

.carousel-caption h5 {
  color: #5b4a61 !important;
  text-shadow: 0 2px 12px rgba(255, 255, 255, .72);
}

.carousel-caption p {
  color: #6c5b69 !important;
  font-weight: 500;
  text-shadow: 0 1px 8px rgba(255, 255, 255, .72);
}

.search-content.search-home {
  margin-top: -22px;
  position: relative;
  z-index: 5;
}

@media (max-width: 1399px) {
  .theme-main-menu,
  .theme-main-menu.sticky-menu.fixed,
  #bannerCarousel {
    width: min(1080px, calc(100% - 32px)) !important;
  }
  .theme-menu-one .navbar { margin-left: 22px !important; }
  .navbar .navbar-nav .nav-link { padding: 8px 9px !important; font-size: 14px; }
}

@media (max-width: 1199px) {
  .theme-main-menu,
  .theme-main-menu.sticky-menu.fixed {
    width: calc(100% - 18px) !important;
    min-height: 68px;
    padding: 0 16px !important;
  }
  .theme-main-menu .inner-content,
  .theme-main-menu .inner-content > .d-flex { min-height: 68px; }
  .theme-menu-one .navbar { flex: 0 0 auto; margin-left: 12px !important; }
  #bannerCarousel { width: calc(100% - 18px) !important; margin-top: 88px; }
  .navbar .navbar-nav { align-items: stretch; }
  .navbar .navbar-nav .nav-link { display: flex; justify-content: flex-start; padding: 8px 14px !important; border-bottom: 1px solid #f0f0f0 !important; }
  .login-card .nav-link { border-bottom: none !important; }
  .navbar .navbar-nav .nav-link > i.fa-angle-down { margin-left: auto; transition: transform 0.3s ease; }
  .navbar .navbar-nav .show .nav-link.dropdown-toggle > i.fa-angle-down,
  .navbar .navbar-nav .nav-item.show .nav-link > i.fa-angle-down { transform: rotate(180deg); }
  .navbar-collapse { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
  .navbar .navbar-nav .dropdown-menu {
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .navbar .navbar-nav .dropdown-menu.show,
  .navbar .navbar-nav .show > .dropdown-menu {
    animation: dropSlideIn 0.3s ease-out forwards;
  }
  @keyframes dropSlideIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .navbar .navbar-nav .dropdown-item {
    padding: 4px 10px 4px 26px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    white-space: normal !important;
    min-height: auto !important;
    line-height: 1.3 !important;
    opacity: 0;
    transform: translateX(-8px);
    animation: itemFadeIn 0.25s ease-out forwards;
  }
  .navbar .navbar-nav .dropdown-item:nth-child(1) { animation-delay: 0.04s; }
  .navbar .navbar-nav .dropdown-item:nth-child(2) { animation-delay: 0.07s; }
  .navbar .navbar-nav .dropdown-item:nth-child(3) { animation-delay: 0.10s; }
  .navbar .navbar-nav .dropdown-item:nth-child(4) { animation-delay: 0.13s; }
  .navbar .navbar-nav .dropdown-item:nth-child(5) { animation-delay: 0.16s; }
  .navbar .navbar-nav .dropdown-item:nth-child(6) { animation-delay: 0.19s; }
  .navbar .navbar-nav .dropdown-item:nth-child(n+7) { animation-delay: 0.22s; }
  @keyframes itemFadeIn {
    from { opacity: 0; transform: translateX(-8px); }
    to   { opacity: 1; transform: translateX(0); }
  }
  .navbar .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 14px !important;
  }
  .mobile-content { margin-top: 12px !important; padding-top: 8px !important; }
  .mobile-content .d-flex { gap: 6px !important; margin-top: 4px !important; }
  .mobile-content .req-demo-btn,
  .mobile-content .req-demo-btn-reg {
    height: 34px !important;
    padding: 0 20px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    margin-bottom: 6px !important;
    line-height: 34px !important;
  }
}

@media (max-width: 767px) {
  .theme-main-menu,
  .theme-main-menu.sticky-menu.fixed,
  #bannerCarousel {
    width: calc(100% - 12px) !important;
  }
  .carousel-caption h5 { font-size: clamp(23px, 7vw, 34px); }
  /* 登录/注册页：版权在卡片下方，支持滚动 */
  body:has(.login-card) {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    background-size: cover !important;
  }
  body:has(.login-card) .main-page-wrapper {
    min-height: auto !important;
    height: auto !important;
    display: block !important;
    align-items: unset !important;
    justify-content: flex-start !important;
    padding: 80px 12px 8px !important;
    overflow: visible !important;
  }
  body:has(.login-card) .login-card {
    margin: 12px auto !important;
    width: calc(100% - 24px) !important;
    max-width: 420px !important;
  }
  body:has(.login-card) .footer-style-four,
  body:has(.login-card) .theme-basic-footer,
  body:has(.login-card) .footer-style-four.theme-basic-footer {
    position: static !important;
    width: 100% !important;
    text-align: center !important;
    padding: 6px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }
  body:has(.login-card) .accsys-tips {
    margin-top: 8px !important;
    padding-top: 8px !important;
  }
}

/* Visibility and hero layout repair: keep content visible and prevent the search bar from covering banner text. */
#bannerCarousel {
  position: relative;
  margin-top: 104px !important;
  margin-bottom: 34px !important;
  overflow: hidden;
}

#bannerCarousel .carousel-item {
  height: 430px !important;
}

#bannerCarousel .carousel-item img,
.carousel-item img {
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover;
}

#bannerCarousel .carousel-caption {
  left: 7% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: min(620px, 58%) !important;
  max-width: 620px;
  padding: 0 !important;
  text-align: left !important;
  opacity: 1 !important;
  transform: translateY(-50%) !important;
  z-index: 4;
}

#bannerCarousel .carousel-caption h5,
#bannerCarousel .carousel-caption p,
#bannerCarousel .carousel-caption .btn {
  opacity: 1 !important;
  transform: none !important;
}

#bannerCarousel .carousel-caption h5 {
  display: block;
  height: auto !important;
  font-size: clamp(30px, 3.6vw, 50px) !important;
  line-height: 1.35 !important;
  margin-bottom: 18px !important;
}

#bannerCarousel .carousel-caption p {
  width: min(520px, 100%) !important;
  margin: 0 !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  line-height: 1.8 !important;
}

.content-new {
  padding-top: 0 !important;
}

.search {
  padding-top: 0 !important;
}

.search-content.search-home {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 auto 28px !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: 6;
}

.bottom-widget {
  padding-top: 0 !important;
}

[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.main-page-wrapper,
.content-new,
.bg-white,
section,
.container,
.row,
.card,
.blog-meta-one,
.hidecard {
  visibility: visible !important;
}

.content-new,
.bg-white,
.blog-section-three,
.footer-style-four {
  position: relative;
  z-index: 1;
}

.particle-canvas,
#canvas {
  pointer-events: none !important;
  z-index: 0 !important;
}

@media (max-width: 991px) {
  #bannerCarousel .carousel-item { height: 260px !important; }
  body #bannerCarousel .carousel-item { height: 260px !important; }
  #bannerCarousel .carousel-item img { min-height: 0 !important; }
  body #bannerCarousel .carousel-item img { min-height: 0 !important; }
  #bannerCarousel .carousel-caption {
    left: 5% !important;
    width: 90% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  #bannerCarousel .carousel-caption h5 {
    font-size: clamp(24px, 6vw, 36px) !important;
  }
}

@media (max-width: 575px) {
  #bannerCarousel { margin-top: 86px !important; margin-bottom: 10px !important; }
  #bannerCarousel .carousel-item { height: 200px !important; }
  body #bannerCarousel .carousel-item { height: 200px !important; }
  #bannerCarousel .carousel-item img { min-height: 0 !important; }
  body #bannerCarousel .carousel-item img { min-height: 0 !important; }
  #bannerCarousel .carousel-caption p { font-size: 12px !important; }
  #bannerCarousel .carousel-caption h5 { font-size: clamp(16px, 5vw, 24px) !important; }
  #bannerCarousel .carousel-caption .btn { padding: 4px 14px !important; font-size: 11px !important; }
  body #bannerCarousel .carousel-indicators { margin-bottom: 8px !important; bottom: -8px !important; }
  #bannerCarousel .carousel-indicators button { width: 16px !important; height: 3px !important; margin: 0 2px !important; }
  .search-content.search-home { margin-top: 4px !important; margin-bottom: 12px !important; }
  #bannerCarousel { margin-bottom: 9px !important; }
  body #bannerCarousel { margin-bottom: 9px !important; }
}

/* Full-width hero repair: override previous card-style banner width limits. */
html,
body,
.main-page-wrapper {
  overflow-x: hidden;
}

#bannerCarousel {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#bannerCarousel .carousel-inner,
#bannerCarousel .carousel-item,
#bannerCarousel .carousel-item img {
  width: 100% !important;
  border-radius: 0 !important;
}

#bannerCarousel .carousel-item img {
  object-position: center center;
}

#bannerCarousel .carousel-control-prev {
  left: 24px;
}

#bannerCarousel .carousel-control-next {
  right: 24px;
}

#bannerCarousel .carousel-indicators {
  left: 7% !important;
  right: auto !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  #bannerCarousel {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}

/* Homepage visual repair: indicators, header overflow, dropdown sizing and hero text contrast. */
.theme-main-menu,
.theme-main-menu .inner-content,
.theme-main-menu .inner-content > .d-flex,
.theme-menu-one .navbar,
.navbar .navbar-nav,
.navbar .navbar-nav .nav-item {
  overflow: visible !important;
}

.theme-main-menu {
  top: max(18px, env(safe-area-inset-top)) !important;
  min-height: 72px !important;
}

.theme-main-menu .inner-content,
.theme-main-menu .inner-content > .d-flex {
  min-height: 72px !important;
  overflow: visible !important;
  justify-content: space-between !important;
}

#bannerCarousel {
  margin-top: 112px !important;
}

.navbar .dropdown-menu {
  min-width: max-content;
  width: auto;
  max-width: min(360px, calc(100vw - 32px));
  padding: 6px !important;
  overflow: visible !important;
  border-radius: 18px !important;
  white-space: nowrap;
}

.navbar .dropdown-item {
  display: flex !important;
  align-items: center;
  min-width: 132px;
  min-height: 32px;
  padding: 4px 12px !important;
  line-height: 1.35 !important;
  font-size: 14px;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.navbar .dropdown-item span {
  display: inline-block;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#bannerCarousel .carousel-indicators {
  left: 50% !important;
  right: auto !important;
  bottom: 28px !important;
  width: auto !important;
  margin: 0 !important;
  transform: translateX(-50%);
  gap: 9px;
  align-items: center;
  justify-content: center !important;
  z-index: 5;
}

#bannerCarousel .carousel-indicators [data-bs-target] {
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background-color: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 3px 12px rgba(72, 62, 86, .28), 0 0 0 1px rgba(112, 89, 107, .18) !important;
  opacity: .78 !important;
  transition: width .24s ease, opacity .24s ease, background-color .24s ease;
}

#bannerCarousel .carousel-indicators .active {
  width: 26px !important;
  background-color: #d97891 !important;
  opacity: 1 !important;
}

#bannerCarousel::after {
  background:
    linear-gradient(90deg, rgba(255, 249, 238, .82) 0%, rgba(255, 246, 240, .52) 38%, rgba(255, 238, 246, .12) 100%),
    linear-gradient(90deg, rgba(38, 29, 48, .18) 0%, rgba(38, 29, 48, .08) 34%, rgba(38, 29, 48, 0) 68%) !important;
}

#bannerCarousel .carousel-caption {
  z-index: 4 !important;
  color: #4f4059 !important;
}

#bannerCarousel .carousel-caption h5 {
  color: #51415d !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  text-shadow: 0 2px 0 rgba(255, 255, 255, .86), 0 10px 28px rgba(50, 38, 58, .22) !important;
}

#bannerCarousel .carousel-caption p {
  color: #5d5167 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .92), 0 8px 22px rgba(50, 38, 58, .16) !important;
}

@media (max-width: 991px) {
  .navbar .dropdown-menu {
    width: 100%;
    max-width: 100%;
    white-space: normal;
  }

  .navbar .dropdown-item,
  .navbar .dropdown-item span {
    white-space: normal !important;
  }

  body #bannerCarousel .carousel-indicators {
    bottom: 12px !important;
  }
}

/* Force homepage hero to the clean business layout shown in the reference. */
body .theme-main-menu,
body .theme-main-menu.sticky-menu.fixed {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 72px !important;
  padding: 0 32px !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .08) !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

body .theme-main-menu::before,
body .theme-main-menu::after,
body #bannerCarousel::before {
  display: none !important;
  content: none !important;
}

body .theme-main-menu .inner-content,
body .theme-main-menu .inner-content > .d-flex {
  min-height: 72px !important;
  overflow: visible !important;
  justify-content: space-between !important;
}

body .logo img {
  max-height: 42px !important;
  filter: none !important;
}

body .navbar .navbar-nav .nav-link {
  color: #152033 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  padding: 10px 12px !important;
}

body .navbar .navbar-nav .nav-item.active .nav-link,
body .navbar .navbar-nav .nav-link:hover {
  color: #1677ff !important;
  background: transparent !important;
}

body .right-widget .form-control {
  border-radius: 0 !important;
  border-color: #e5e7eb !important;
  background: #fff !important;
  box-shadow: none !important;
}

body #bannerCarousel {
  margin-top: 72px !important;
  margin-bottom: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f5f9ff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body #bannerCarousel .carousel-item {
  height: 348px !important;
}

@media (max-width: 991px) {
  body #bannerCarousel .carousel-item { height: 260px !important; }
  body #bannerCarousel .carousel-item img { min-height: 0 !important; }
}
@media (max-width: 575px) {
  body #bannerCarousel .carousel-item { height: 200px !important; }
  body #bannerCarousel .carousel-item img { min-height: 0 !important; }
}

body #bannerCarousel .carousel-item img,
body .carousel-item img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}

body #bannerCarousel::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .10) 35%, rgba(255, 255, 255, 0) 70%) !important;
}

body #bannerCarousel .carousel-caption {
  left: 11% !important;
  top: 50% !important;
  bottom: auto !important;
  width: min(560px, 44vw) !important;
  max-width: 560px !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  text-align: left !important;
  opacity: 1 !important;
  z-index: 6 !important;
}

body #bannerCarousel .carousel-caption h5 {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #1f2937 !important;
  background: transparent !important;
  font-size: clamp(30px, 3.2vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body #bannerCarousel .carousel-caption p {
  width: min(520px, 100%) !important;
  margin: 0 0 22px !important;
  color: #374151 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  text-shadow: none !important;
}

body #bannerCarousel .carousel-caption .btn,
body #bannerCarousel .carousel-caption a.btn {
  border-radius: 3px !important;
  border-color: #ff6b4a !important;
  background: #ff6b4a !important;
  color: #fff !important;
  box-shadow: none !important;
}

body #bannerCarousel .carousel-indicators {
  left: 11% !important;
  right: auto !important;
  bottom: 26px !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  z-index: 7 !important;
}

body #bannerCarousel .carousel-indicators [data-bs-target] {
  width: 18px !important;
  height: 3px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(22, 119, 255, .28) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body #bannerCarousel .carousel-indicators .active {
  width: 28px !important;
  background: #1677ff !important;
}

body .navbar .dropdown-menu {
  min-width: 168px !important;
  width: max-content !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  padding: 6px !important;
  overflow: visible !important;
  border-radius: 8px !important;
  border: 1px solid #edf0f5 !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12) !important;
}

body .navbar .dropdown-item,
body .navbar .dropdown-item span {
  width: auto !important;
  max-width: none !important;
  min-height: 32px !important;
  padding: 4px 12px !important;
  color: #1f2937 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 991px) {
  body .theme-main-menu,
  body .theme-main-menu.sticky-menu.fixed {
    padding: 0 16px !important;
  }

  body #bannerCarousel {
    margin-top: 72px !important;
  }

  body #bannerCarousel .carousel-item {
    height: 260px !important;
  }
  body #bannerCarousel .carousel-item img {
    min-height: 0 !important;
  }

  body #bannerCarousel .carousel-caption {
    left: 7% !important;
    width: 86% !important;
  }

  body #bannerCarousel .carousel-indicators {
    left: 7% !important;
    bottom: 12px !important;
  }
}

/* Banner text contrast repair: scoped to top banner text only. */
body #bannerCarousel .carousel-caption,
body #bannerCarousel .carousel-caption :where(h1, h2, h3, h4, h5, h6, p, div, span, strong, b, em, i, small, label),
body .theme-inner-banner .intro,
body .theme-inner-banner .intro :where(h1, h2, h3, h4, h5, h6, p, div, span, strong, b, em, i, small, label) {
  color: #1f2937 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #1f2937 !important;
  text-shadow: none !important;
}

body #bannerCarousel .carousel-caption :where(a:not(.btn), a:not(.btn):hover, a:not(.btn):focus),
body .theme-inner-banner .intro :where(a:not(.btn), a:not(.btn):hover, a:not(.btn):focus),
body #bannerCarousel .carousel-caption :where(.text-white, .text-light, .text-muted, .text-body-secondary, .text-secondary),
body .theme-inner-banner .intro :where(.text-white, .text-light, .text-muted, .text-body-secondary, .text-secondary) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

body .theme-inner-banner .intro {
  display: inline-block !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .48) !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

body #bannerCarousel .carousel-caption :where([style*="color"], [style*="Color"], [style*="COLOR"]),
body .theme-inner-banner .intro :where([style*="color"], [style*="Color"], [style*="COLOR"]) {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

/* Inner page banner image fill repair: cover all theme-inner-banner variants. */
body .theme-inner-banner {
  position: relative !important;
  isolation: isolate !important;
  background-color: transparent !important;
}

body .theme-inner-banner::before {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  border-radius: inherit !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
}

body .theme-inner-banner::after {
  display: none !important;
  content: none !important;
}

body .theme-inner-banner > .container {
  position: relative !important;
  z-index: 2 !important;
}

body .theme-inner-banner .shapes {
  z-index: 1 !important;
  opacity: .16 !important;
}

/* Restore inner page banner to full-width layout. */
body .theme-inner-banner {
  width: 100% !important;
  max-width: none !important;
  min-height: 232px !important;
  margin: 72px 0 0 !important;
  padding: 64px 0 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body .theme-inner-banner::before {
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
}

body .theme-inner-banner > .container {
  max-width: 1200px !important;
  min-height: 160px !important;
}

body .theme-inner-banner .row {
  min-height: 160px !important;
  align-items: center !important;
}

body .theme-inner-banner h2.intro {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

body .theme-inner-banner p.intro {
  display: block !important;
  max-width: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body .theme-inner-banner .search-content.search-type {
  position: absolute !important;
  right: 92px !important;
  bottom: 36px !important;
  left: auto !important;
  width: min(430px, 38vw) !important;
  max-width: 430px !important;
  height: 54px !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 3 !important;
  background: #fff !important;
  border: 1px solid rgba(22, 119, 255, .14) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}

body .theme-inner-banner .search-content.search-type .search-input form {
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body .theme-inner-banner .search-content.search-type .search-input input {
  color: #334155 !important;
}

body .theme-inner-banner .search-content.search-type .search-input i {
  color: #64748b !important;
}

body .theme-inner-banner .search-content.search-type .banner-search-btn {
  border-radius: 6px !important;
  background: #1677ff !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  body .theme-inner-banner {
    margin-top: 72px !important;
    padding: 50px 0 88px !important;
    min-height: 180px !important;
  }

  body .theme-inner-banner > .container {
    min-height: 120px !important;
  }

  body .theme-inner-banner .row {
    min-height: 120px !important;
  }

  body .theme-inner-banner .search-content.search-type {
    right: 24px !important;
    bottom: 24px !important;
    width: calc(100% - 48px) !important;
    max-width: none !important;
  }
}

@media (max-width: 575px) {
  body .theme-inner-banner {
    min-height: 140px !important;
    padding: 40px 0 20px !important;
  }

  body .theme-inner-banner > .container,
  body .theme-inner-banner .row {
    min-height: 80px !important;
  }

  body .theme-inner-banner h2.intro {
    font-size: 22px !important;
    margin-bottom: 10px !important;
  }

  body .theme-inner-banner p.intro {
    font-size: 13px !important;
    max-width: 100% !important;
  }
}

/* Final homepage carousel text contrast override. */
body #bannerCarousel .carousel-item.active .carousel-caption,
body #bannerCarousel .carousel-item.active .carousel-caption :where(h1, h2, h3, h4, h5, h6, p, span, div, strong, b, em, i, small) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

body #bannerCarousel .carousel-item.active .carousel-caption :where(h1, h2, h3, h4, h5, h6) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-weight: 700 !important;
}

body #bannerCarousel .carousel-item.active .carousel-caption p {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  font-weight: 400 !important;
}

body #bannerCarousel .carousel-item.active .carousel-caption .btn,
body #bannerCarousel .carousel-item.active .carousel-caption a.btn {
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Footer CTA color repair. */
body .fancy-short-banner-three {
  background: linear-gradient(90deg, #fff7f4 0%, #fffdf2 48%, #effaf2 100%) !important;
  background-image: linear-gradient(90deg, #fff7f4 0%, #fffdf2 48%, #effaf2 100%) !important;
}

body .fancy-short-banner-three::before {
  background: none !important;
  background-image: none !important;
}

body .fancy-short-banner-three .bg-wrapper {
  min-height: 112px !important;
  padding: 0 48px !important;
  border-color: rgba(255, 214, 224, .82) !important;
  background: linear-gradient(90deg, rgba(255, 246, 244, .96) 0%, rgba(255, 253, 244, .96) 52%, rgba(240, 251, 243, .96) 100%) !important;
}

body .fancy-short-banner-three .title-style-one::before {
  display: none !important;
  content: none !important;
}

body .fancy-short-banner-three .main-title {
  color: #6b5b68 !important;
}

body .fancy-short-banner-three,
body .fancy-short-banner-three .bg-wrapper,
body .fancy-short-banner-three .row,
body .fancy-short-banner-three [class*="col-"] {
  text-align: center !important;
}

body .fancy-short-banner-three .row {
  min-height: 112px !important;
  align-items: center !important;
  justify-content: center !important;
}

body .fancy-short-banner-three [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .fancy-short-banner-three .title-style-one,
body .fancy-short-banner-three .main-title,
body .fancy-short-banner-three .btn-six {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body .fancy-short-banner-three .title-style-one {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

body .fancy-short-banner-three .main-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body .fancy-short-banner-three .btn-six {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body .fancy-short-banner-three .btn-six {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Product card color and pill tag repair. */
body .blog-meta-one .mp-product-grid-card__more,
body .post-img .mp-product-grid-card__more {
  background: linear-gradient(90deg, rgba(239, 246, 255, .98) 0%, rgba(245, 243, 255, .98) 100%) !important;
  border-top: 1px solid rgba(203, 213, 225, .72) !important;
}

body .blog-meta-one .mp-product-grid-card__more--link,
body .post-img .mp-product-grid-card__more--link {
  color: #52627a !important;
  justify-content: center !important;
}

body .blog-meta-one .mp-product-grid-card__more--link:hover,
body .post-img .mp-product-grid-card__more--link:hover {
  color: #334155 !important;
}

body .blog-meta-one .tag-m,
body .post-img .tag-m,
body .blog-meta-one .badge,
body .post-img .badge {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #bd7185 !important;
}

body .blog-meta-one .tag-m.float-start,
body .post-img .tag-m.float-start,
body .blog-meta-one .tag-m.float-end,
body .post-img .tag-m.float-end {
  float: none !important;
  display: inline !important;
}

body .blog-meta-one .mp-product-grid-card__price,
body .post-img .mp-product-grid-card__price {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

/* Search result hot tags color repair */
body .theme-inner-banner .bottom-widget .tags.so-top {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
}

body .theme-inner-banner .bottom-widget .tags.so-top li:first-child {
  color: #475569 !important;
  font-weight: 500 !important;
}

body .theme-inner-banner .bottom-widget .tags.so-top li a,
body .theme-inner-banner .bottom-widget .tags.so-top a,
body .bottom-widget .tags.so-top li a,
body .bottom-widget .tags.so-top a {
  display: inline-block !important;
  padding: 3px 14px !important;
  border: 1px solid rgba(239, 198, 208, .7) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fff9fb, #fff5f8) !important;
  box-shadow: none !important;
  color: #c45a72 !important;
  font-size: 13px !important;
  transition: all .2s ease !important;
}

body .theme-inner-banner .bottom-widget .tags.so-top li a:hover,
body .theme-inner-banner .bottom-widget .tags.so-top a:hover,
body .bottom-widget .tags.so-top li a:hover,
body .bottom-widget .tags.so-top a:hover {
  background: linear-gradient(135deg, #fce8ef, #fff0f5) !important;
  border-color: #efc6d0 !important;
  color: #c45a72 !important;
  transform: translateY(-1px) !important;
}

/* 手机端热门产品排版优化：自然流式排列，自动换行 */
@media (max-width: 767px) {
  body .bottom-widget .tags.so-top {
    display: block !important;
    text-align: left !important;
  }
  body .bottom-widget .tags.so-top li {
    display: inline !important;
    margin: 0 !important;
  }
  body .bottom-widget .tags.so-top li:first-child {
    color: #475569 !important;
    font-weight: 500 !important;
  }
  body .bottom-widget .tags.so-top li a,
  body .bottom-widget .tags.so-top a {
    display: inline-block !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    margin: 2px 3px !important;
  }
}

/* 产品目录侧边栏美化 - doc页面 */
.pr-details-one .card.bg-white {
  background: linear-gradient(180deg, #fff9fb 0%, #fff5f8 100%) !important;
  border: 1px solid rgba(252, 232, 239, .8) !important;
  box-shadow: 0 2px 12px rgba(237, 160, 185, .12) !important;
}
.pr-details-one .card-header {
  border-bottom: 1px solid rgba(252, 232, 239, .6) !important;
  padding: 14px 16px !important;
}
.pr-details-one .card-header h6 {
  color: #c45a72 !important;
  font-size: 15px !important;
}
.pr-details-one .list-group-item {
  border-radius: 8px !important;
  margin: 2px 0 !important;
  font-size: 13.5px !important;
  color: #5b4a61 !important;
  transition: all .2s ease !important;
  border: none !important;
  background: transparent !important;
}
.pr-details-one .list-group-item:hover {
  background: rgba(252, 232, 239, .5) !important;
  color: #c45a72 !important;
  transform: translateX(3px) !important;
}
.pr-details-one .list-group-item.active {
  background: linear-gradient(90deg, #fce8ef, #fff5f8) !important;
  color: #c45a72 !important;
  font-weight: 600 !important;
  border-left: 3px solid #efc6d0 !important;
}

/* 状态标签美化 - doc页面 */
.badge-success {
  background: linear-gradient(135deg, #d4edda, #c3e6cb) !important;
  color: #155724 !important;
  border: 1px solid #b1dfbb !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}
.badge-info {
  background: linear-gradient(135deg, #dbeafd, #c5ddf5) !important;
  color: #2c5f8a !important;
  border: 1px solid #b8d0ed !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}
.badge-secondary {
  background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
  color: #6c757d !important;
  border: 1px solid #dee2e6 !important;
  font-weight: 500 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}
.badge-danger {
  background: linear-gradient(135deg, #fce8ef, #f5c6d6) !important;
  color: #c45a72 !important;
  border: 1px solid #efc6d0 !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}
.badge-warning {
  background: linear-gradient(135deg, #fff8e6, #ffe8b3) !important;
  color: #856404 !important;
  border: 1px solid #f0d580 !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

/* 手机端：标题和标签换行 + 表格可滑动 + 文字溢出处理 */
@media (max-width: 767px) {
  .title-style-five.d-flex { flex-wrap: wrap !important; }
  .title-style-five .main-title { width: 100% !important; margin-bottom: 6px !important; }
  .pr-details-one .table-responsive,
  .pr-details-one table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; white-space: nowrap !important; }
  .pr-details-one .table-responsive table { min-width: 600px !important; }
  .pr-details-one .text-wrapper p,
  .pr-details-one .text-wrapper { word-break: break-all !important; overflow-wrap: break-word !important; overflow: hidden !important; max-width: 100% !important; }
}

/* 手机端：缩小轮播图与搜索框间距 */
@media (max-width: 575px) {
  body #bannerCarousel { margin-bottom: 4px !important; margin-top: 16px !important; }
  .search-content.search-home { margin-top: 0 !important; margin-bottom: 4px !important; }
}

/* 行业领军标题：增加顶部间距 */
.card.z2 .text-center.pb-5 {
  padding-top: 2rem !important;
}