:root {
  --ui-lite-bg: #f6f8fb;
  --ui-lite-card-bg: #ffffff;
  --ui-lite-text-primary: #1f2937;
  --ui-lite-text-secondary: #6b7280;
  --ui-lite-border: #e5e7eb;
  --ui-lite-accent: #48a9a6;
  --ui-lite-radius-sm: 12px;
  --ui-lite-radius-md: 16px;
  --ui-lite-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  --ui-lite-motion: 200ms ease;
}

body.ui-lite {
  color: var(--ui-lite-text-primary);
  background-color: var(--ui-lite-bg);
  padding-top: 56px;
}

body.ui-lite-nav {
  padding-top: 56px;
}

body.ui-lite a,
body.ui-lite-nav a {
  transition: color var(--ui-lite-motion), opacity var(--ui-lite-motion), background-color var(--ui-lite-motion), border-color var(--ui-lite-motion), transform var(--ui-lite-motion), box-shadow var(--ui-lite-motion);
}

body.ui-lite :is(a, button, .uc-btn, input, select, textarea):focus-visible,
body.ui-lite-nav :is(a, button, .uc-btn, input, select, textarea):focus-visible {
  outline: 2px solid rgba(72, 169, 166, 0.75);
  outline-offset: 2px;
}

body.ui-lite .header-pc,
body.ui-lite .header-phone,
body.ui-lite-nav .header-pc,
body.ui-lite-nav .header-phone {
  background-color: rgba(255, 255, 255, 0.88);
  border-bottom: 1px solid rgba(229, 231, 235, 0.9);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

body.ui-lite .header-pc .container,
body.ui-lite-nav .header-pc .container {
  gap: 0.75rem;
}

body.ui-lite .header-pc .logo,
body.ui-lite-nav .header-pc .logo {
  width: 8.875rem;
}

body.ui-lite .header-pc .list,
body.ui-lite-nav .header-pc .list {
  gap: 0.2rem;
}

body.ui-lite .header-pc .list li,
body.ui-lite-nav .header-pc .list li {
  height: auto;
  line-height: 1;
  margin-left: 0;
  padding: 0;
}

body.ui-lite .header-pc .list li > a,
body.ui-lite-nav .header-pc .list li > a {
  display: block;
  border-radius: 999px;
  color: var(--ui-lite-text-secondary);
  font-size: 0.9rem;
  line-height: 1;
  padding: 0.6rem 0.95rem;
}

body.ui-lite .header-pc .list li.on > a,
body.ui-lite .header-pc .list li > a:hover,
body.ui-lite-nav .header-pc .list li.on > a,
body.ui-lite-nav .header-pc .list li > a:hover {
  color: var(--ui-lite-accent);
  background-color: #eef8f7;
}

body.ui-lite .header-pc.fixed .container,
body.ui-lite-nav .header-pc.fixed .container {
  height: 4.375rem;
}

body.ui-lite .header-pc.fixed .list li,
body.ui-lite .header-pc.fixed .list li > a,
body.ui-lite-nav .header-pc.fixed .list li,
body.ui-lite-nav .header-pc.fixed .list li > a {
  height: auto;
  line-height: 1;
}

body.ui-lite .header-phone,
body.ui-lite-nav .header-phone {
  height: 56px;
  padding: 0 0.25rem;
}

body.ui-lite .header-phone .logo,
body.ui-lite-nav .header-phone .logo {
  padding: 0 0.75rem;
}

body.ui-lite .header-phone .logo img,
body.ui-lite-nav .header-phone .logo img {
  height: 24px;
}

body.ui-lite .header-phone .btn-menu,
body.ui-lite-nav .header-phone .btn-menu {
  width: 48px;
  height: 56px;
  background-size: 30px 30px;
}

body.ui-lite .alert-menu,
body.ui-lite-nav .alert-menu {
  background-color: rgba(17, 24, 39, 0.3);
  padding-top: 56px;
}

body.ui-lite .alert-menu .box,
body.ui-lite-nav .alert-menu .box {
  width: 70%;
  max-width: 360px;
  background-color: #fcfdff;
}

body.ui-lite .alert-menu .list,
body.ui-lite-nav .alert-menu .list {
  border-top: none;
  padding: 0 1rem;
}

body.ui-lite .alert-menu .list li,
body.ui-lite-nav .alert-menu .list li {
  border-bottom: 1px solid var(--ui-lite-border);
  line-height: 2.75rem;
}

body.ui-lite .alert-menu .list li > a,
body.ui-lite-nav .alert-menu .list li > a {
  color: var(--ui-lite-text-secondary);
}

body.ui-lite .alert-menu .list li.on > a,
body.ui-lite .alert-menu .list li > a:hover,
body.ui-lite-nav .alert-menu .list li.on > a,
body.ui-lite-nav .alert-menu .list li > a:hover {
  color: var(--ui-lite-accent);
}

body.ui-lite .page-user-home {
  background: linear-gradient(180deg, #f9fbfe 0%, #f3f6fb 45%, #f6f8fb 100%);
  background-attachment: scroll;
  padding-top: 2rem;
  padding-bottom: 2.75rem;
}

body.ui-lite .page-user-home > .container {
  background-color: var(--ui-lite-card-bg);
  border: 1px solid var(--ui-lite-border);
  border-radius: var(--ui-lite-radius-md);
  box-shadow: var(--ui-lite-shadow);
  margin-bottom: 1rem;
  padding: 1.25rem 1rem;
}

body.ui-lite .page-user-home > .container:last-child {
  margin-bottom: 0;
}

body.ui-lite .g-titleLine {
  color: var(--ui-lite-text-primary);
  font-size: 1.35rem;
  letter-spacing: 0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
  padding-left: 0.9rem;
}

body.ui-lite .g-titleLine:after {
  background-color: var(--ui-lite-accent);
  border-radius: 999px;
  height: 1.1em;
  width: 4px;
}

body.ui-lite footer.style-black {
  background-color: #ffffff;
  border-top: 1px solid var(--ui-lite-border);
}

body.ui-lite footer .ft2,
body.ui-lite footer .cpt {
  color: var(--ui-lite-text-secondary);
}

body.ui-lite footer .cpt {
  padding: 0.9rem 0;
}

@media (min-width: 768px) {
  body.ui-lite-nav {
    padding-top: 5rem;
  }

  body.ui-lite {
    padding-top: 5rem;
  }

  body.ui-lite .header-pc .container,
  body.ui-lite-nav .header-pc .container {
    height: 4.625rem;
  }

  body.ui-lite .header-pc .list.style-small li > a,
  body.ui-lite-nav .header-pc .list.style-small li > a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  body.ui-lite .page-user-home {
    padding-top: 2.4rem;
    padding-bottom: 3rem;
  }

  body.ui-lite .page-user-home > .container {
    padding: 1.4rem 1.3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ui-lite *,
  body.ui-lite *::before,
  body.ui-lite *::after,
  body.ui-lite-nav *,
  body.ui-lite-nav *::before,
  body.ui-lite-nav *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}