:root {
  --mk-asset-root: "/miaolici-assets/dashboard";
  --mk-ink: #2f2f52;
  --mk-muted: #8b8da4;
  --mk-pink: #ff7ea8;
  --mk-pink-deep: #f35f91;
  --mk-violet: #8a67e8;
  --mk-green: #28bf79;
  --mk-card-shadow: 0 16px 36px rgba(235, 119, 154, 0.12);
  --mk-soft-border: rgba(255, 139, 176, 0.34);
}

html.miaolici-dashboard-html,
html.miaolici-dashboard-html body {
  color-scheme: light !important;
  background: #fff8fb !important;
}

body.miaolici-dashboard-skin {
  min-width: 1180px;
  overflow-x: auto;
  color: var(--mk-ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  letter-spacing: 0;
  background:
    radial-gradient(circle at 16% 6%, rgba(255, 232, 240, 0.9), transparent 24rem),
    radial-gradient(circle at 92% 8%, rgba(229, 250, 245, 0.7), transparent 22rem),
    linear-gradient(115deg, #fff8fb 0%, #fffdf9 48%, #fff3f8 100%) !important;
}

body.miaolici-dashboard-skin .miaolici-auth-home-link {
  display: none !important;
}

body.miaolici-dashboard-skin .bg-mesh-gradient {
  background:
    radial-gradient(circle at 24% 22%, rgba(255, 185, 205, 0.2) 0 2px, transparent 3px) 0 0 / 86px 86px,
    radial-gradient(circle at 72% 16%, rgba(160, 224, 203, 0.18) 0 2px, transparent 3px) 0 0 / 92px 92px,
    linear-gradient(rgba(255, 151, 187, 0.045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, rgba(255, 151, 187, 0.04) 1px, transparent 1px) 0 0 / 44px 44px !important;
  opacity: 0.72 !important;
}

body.miaolici-dashboard-skin::after {
  display: none !important;
  content: none !important;
}

body.miaolici-dashboard-skin .navigation-progress {
  display: none !important;
}

body.miaolici-dashboard-skin .sidebar {
  width: 280px !important;
  overflow: hidden !important;
  color: var(--mk-ink) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 241, 247, 0.96) 100%) !important;
  border-right: 1px solid rgba(246, 155, 184, 0.34) !important;
  box-shadow:
    14px 0 42px rgba(255, 159, 190, 0.08),
    inset -1px 0 0 rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(18px);
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

body.miaolici-dashboard-skin .sidebar::before,
body.miaolici-dashboard-skin .sidebar::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\]::before,
body.miaolici-dashboard-skin .sidebar.w-\[72px\]::after {
  display: none !important;
  content: none !important;
}

body.miaolici-dashboard-skin .sidebar::before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 116px;
  background: url("/miaolici-assets/dashboard/30_bottom_clouds_left.png") left bottom / 300px 96px no-repeat;
  opacity: 0.95;
}

body.miaolici-dashboard-skin .sidebar::after {
  left: 34px;
  bottom: 14px;
  width: 200px;
  height: 92px;
  background: url("/miaolici-assets/dashboard/29_sleeping_cat_footer_transparent.png") center / contain no-repeat;
  opacity: 0.96;
}

body.miaolici-dashboard-skin .sidebar-header {
  height: 92px !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 14px 8px 16px !important;
  border-bottom: 1px solid rgba(247, 155, 184, 0.28) !important;
  background:
    radial-gradient(circle at 74% 26%, rgba(255, 126, 168, 0.18) 0 4px, transparent 5px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 247, 251, 0.5));
}

body.miaolici-dashboard-skin .sidebar-logo {
  width: 70px !important;
  height: 58px !important;
  flex: 0 0 auto !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.miaolici-dashboard-skin .sidebar-logo img {
  width: 70px !important;
  height: 58px !important;
  object-fit: contain !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-header {
  height: 78px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 10px 8px !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-logo,
body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-logo img {
  width: 52px !important;
  height: 48px !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-brand {
  display: none !important;
}

body.miaolici-dashboard-skin .sidebar-brand {
  min-width: 0;
  padding-top: 8px !important;
}

body.miaolici-dashboard-skin .sidebar-brand-title {
  display: block !important;
  color: #292844 !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.miaolici-dashboard-skin .sidebar-brand .relative button {
  min-width: 78px !important;
  height: 26px !important;
  margin-top: 8px !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 135, 176, 0.34) !important;
  border-radius: 999px !important;
  color: #ff6696 !important;
  background: rgba(255, 231, 239, 0.8) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.miaolici-dashboard-skin .sidebar-nav {
  position: relative;
  z-index: 2;
  padding: 14px 14px 8px !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-nav {
  padding: 12px 8px 4px !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.miaolici-dashboard-skin .sidebar-section {
  margin: 0 !important;
}

body.miaolici-dashboard-skin .sidebar-section-title,
body.miaolici-dashboard-skin .mk-hidden-nav,
body.miaolici-dashboard-skin .mk-hidden-section,
body.miaolici-dashboard-skin .mk-theme-toggle {
  display: none !important;
}

body.miaolici-dashboard-skin .sidebar-link {
  position: relative !important;
  min-height: 42px !important;
  margin: 0 0 8px !important;
  padding: 0 14px !important;
  gap: 13px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  color: #59607a !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-link {
  width: 54px !important;
  min-height: 48px !important;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.miaolici-dashboard-skin .sidebar-link svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.8 !important;
  color: #7872c9 !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-link svg {
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body.miaolici-dashboard-skin .sidebar-link:hover {
  transform: translateX(2px);
  color: #f35f91 !important;
  background: rgba(255, 243, 248, 0.9) !important;
  border-color: rgba(255, 141, 176, 0.24) !important;
}

body.miaolici-dashboard-skin .sidebar-link.mk-active,
body.miaolici-dashboard-skin .router-link-active.sidebar-link {
  color: #ff5d91 !important;
  border-color: rgba(255, 125, 168, 0.52) !important;
  background:
    radial-gradient(circle at calc(100% - 26px) 50%, rgba(255, 94, 145, 0.24) 0 4px, transparent 5px),
    linear-gradient(180deg, rgba(255, 218, 230, 0.94), rgba(255, 194, 214, 0.6)) !important;
  box-shadow:
    0 8px 18px rgba(255, 117, 158, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.miaolici-dashboard-skin .sidebar-link.mk-active::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background:
    radial-gradient(circle at 50% 58%, #ff77a5 0 5px, transparent 6px),
    radial-gradient(circle at 30% 25%, #ff77a5 0 3px, transparent 4px),
    radial-gradient(circle at 48% 18%, #ff77a5 0 3px, transparent 4px),
    radial-gradient(circle at 66% 25%, #ff77a5 0 3px, transparent 4px),
    radial-gradient(circle at 72% 44%, #ff77a5 0 3px, transparent 4px);
  opacity: 0.9;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] .sidebar-link.mk-active::after {
  display: none !important;
  content: none !important;
}

body.miaolici-dashboard-skin .sidebar > .mt-auto {
  position: relative !important;
  z-index: 3;
  margin-top: 8px !important;
  padding: 12px 18px 126px !important;
  border-top: 1px solid rgba(247, 155, 184, 0.28) !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] > .mt-auto {
  padding: 10px 8px 12px !important;
}

body.miaolici-dashboard-skin .sidebar > .mt-auto .sidebar-link {
  margin-bottom: 8px !important;
}

body.miaolici-dashboard-skin .sidebar.w-\[72px\] > .mt-auto .sidebar-link {
  margin-bottom: 10px !important;
}

body.miaolici-dashboard-skin [class*="lg:ml-64"] {
  margin-left: 280px !important;
  background: transparent !important;
}

body.miaolici-dashboard-skin header.glass {
  position: sticky !important;
  top: 0 !important;
  height: 92px !important;
  overflow: visible !important;
  color: var(--mk-ink) !important;
  border-bottom: 1px solid rgba(246, 155, 184, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 250, 252, 0.78)) !important;
  box-shadow: 0 12px 28px rgba(255, 171, 198, 0.1) !important;
  backdrop-filter: blur(18px);
}

body.miaolici-dashboard-skin header.glass > div {
  height: 92px !important;
  padding: 0 44px 0 32px !important;
}

body.miaolici-dashboard-skin header.glass::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 4px;
  width: 135px;
  height: 87px;
  transform: translateX(-50%);
  pointer-events: none;
  background: url("/miaolici-assets/dashboard/06_header_cat_mascot_transparent.png") center / contain no-repeat;
  filter: drop-shadow(0 8px 14px rgba(255, 135, 176, 0.12));
}

body.miaolici-dashboard-skin header h1 {
  color: #292844 !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

body.miaolici-dashboard-skin header h1::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 8px;
  vertical-align: -5px;
  background:
    radial-gradient(circle at 50% 58%, #ff83ac 0 5px, transparent 6px),
    radial-gradient(circle at 30% 25%, #ff83ac 0 3px, transparent 4px),
    radial-gradient(circle at 48% 18%, #ff83ac 0 3px, transparent 4px),
    radial-gradient(circle at 66% 25%, #ff83ac 0 3px, transparent 4px),
    radial-gradient(circle at 72% 44%, #ff83ac 0 3px, transparent 4px);
}

body.miaolici-dashboard-skin header p {
  margin-top: 6px !important;
  color: #9a91a2 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.miaolici-dashboard-skin header p::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  vertical-align: -3px;
  background:
    radial-gradient(circle at 50% 12%, #ffd65f 0 2px, transparent 3px),
    radial-gradient(circle at 50% 88%, #ffd65f 0 2px, transparent 3px),
    radial-gradient(circle at 12% 50%, #ffd65f 0 2px, transparent 3px),
    radial-gradient(circle at 88% 50%, #ffd65f 0 2px, transparent 3px),
    radial-gradient(circle, #fff2a8 0 4px, transparent 5px);
}

body.miaolici-dashboard-skin header button {
  border-color: rgba(255, 157, 188, 0.22) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #575a73 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.miaolici-dashboard-skin header button:hover {
  background: rgba(255, 245, 250, 0.94) !important;
}

body.miaolici-dashboard-skin header .rounded-full,
body.miaolici-dashboard-skin header [class*="rounded-full"] {
  border: 2px solid rgba(255, 157, 198, 0.46) !important;
  background: #ffe8f2 !important;
  color: #355a50 !important;
}

body.miaolici-dashboard-skin main {
  padding: 24px 44px 36px 28px !important;
}

body.miaolici-dashboard-skin main > .space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 28px !important;
}

body.miaolici-dashboard-skin main > .space-y-6 > .grid.grid-cols-2.gap-4.lg\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.miaolici-dashboard-skin main .card {
  position: relative !important;
  color: var(--mk-ink) !important;
  border: 1px solid var(--mk-soft-border) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--mk-card-shadow) !important;
  backdrop-filter: blur(14px);
}

body.miaolici-dashboard-skin .mk-stat-card {
  display: flex !important;
  align-items: center !important;
  min-height: 146px !important;
  overflow: visible !important;
  padding: 26px 24px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
  transition: transform 0.16s ease, filter 0.16s ease;
}

body.miaolici-dashboard-skin main > .space-y-6 > .grid.grid-cols-2.gap-4.lg\:grid-cols-4:nth-of-type(2) .mk-stat-card {
  min-height: 140px !important;
}

body.miaolici-dashboard-skin .mk-stat-card:hover {
  transform: translateY(-3px) scale(1.01);
  filter: drop-shadow(0 14px 18px rgba(255, 127, 170, 0.16));
}

body.miaolici-dashboard-skin .mk-stat-card:active {
  transform: translateY(-1px) scale(0.995);
}

body.miaolici-dashboard-skin .mk-stat-card > .flex {
  width: 100% !important;
  gap: 20px !important;
}

body.miaolici-dashboard-skin .mk-stat-card > .flex > :first-child {
  width: 74px !important;
  height: 74px !important;
  flex: 0 0 74px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 64px 64px !important;
  box-shadow: none !important;
}

body.miaolici-dashboard-skin .mk-stat-card > .flex > :first-child svg {
  opacity: 0 !important;
}

body.miaolici-dashboard-skin .mk-stat-card p:first-child {
  margin-bottom: 4px !important;
  color: #7f8197 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.miaolici-dashboard-skin .mk-stat-card p:nth-child(2),
body.miaolici-dashboard-skin .mk-stat-card .flex-1 p:first-child + div,
body.miaolici-dashboard-skin .mk-stat-card .flex-1 > div:first-of-type {
  color: #282844 !important;
  font-size: 29px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

body.miaolici-dashboard-skin .mk-stat-card p:last-child,
body.miaolici-dashboard-skin .mk-stat-card span {
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.miaolici-dashboard-skin .mk-stat-balance {
  background-image: url("/miaolici-assets/dashboard/12_balance_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-api {
  background-image: url("/miaolici-assets/dashboard/13_api_key_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-account {
  background-image: url("/miaolici-assets/dashboard/17_total_token_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-requests {
  background-image: url("/miaolici-assets/dashboard/14_today_requests_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-user {
  background-image: url("/miaolici-assets/dashboard/12_balance_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-spend {
  background-image: url("/miaolici-assets/dashboard/15_today_spend_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-today-token {
  background-image: url("/miaolici-assets/dashboard/16_today_token_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-total-token {
  background-image: url("/miaolici-assets/dashboard/17_total_token_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-performance {
  background-image: url("/miaolici-assets/dashboard/18_performance_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-response {
  background-image: url("/miaolici-assets/dashboard/19_avg_response_card.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-balance > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/35_icon_wallet.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-api > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/36_icon_key.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-account > .flex > :first-child {
  border-radius: 18px !important;
  background-color: #eee2ff !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.miaolici-dashboard-skin .mk-stat-requests > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/37_icon_chart.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-user > .flex > :first-child {
  border-radius: 18px !important;
  background-color: #d8fce9 !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.miaolici-dashboard-skin .mk-stat-spend > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/38_icon_coin.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-today-token > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/39_icon_cube.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-total-token > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/40_icon_database.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-performance > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/41_icon_lightning.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-response > .flex > :first-child {
  background-image: url("/miaolici-assets/dashboard/42_icon_clock.png") !important;
}

body.miaolici-dashboard-skin .mk-stat-account > .flex > :first-child,
body.miaolici-dashboard-skin .mk-stat-user > .flex > :first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.miaolici-dashboard-skin .mk-stat-account > .flex > :first-child svg,
body.miaolici-dashboard-skin .mk-stat-user > .flex > :first-child svg {
  width: 34px !important;
  height: 34px !important;
  opacity: 1 !important;
  stroke-width: 1.9 !important;
}

body.miaolici-dashboard-skin .mk-stat-account > .flex > :first-child svg {
  color: #8a53e8 !important;
}

body.miaolici-dashboard-skin .mk-stat-user > .flex > :first-child svg {
  color: #09a978 !important;
}

body.miaolici-dashboard-skin .mk-stat-balance p:nth-child(2),
body.miaolici-dashboard-skin .mk-stat-api p:last-child,
body.miaolici-dashboard-skin .mk-stat-requests p:last-child,
body.miaolici-dashboard-skin .mk-stat-user p:nth-child(2) {
  color: var(--mk-green) !important;
}

body.miaolici-dashboard-skin .mk-stat-spend p:nth-child(2),
body.miaolici-dashboard-skin .mk-stat-spend span,
body.miaolici-dashboard-skin .mk-stat-performance .text-violet-600 {
  color: var(--mk-violet) !important;
}

body.miaolici-dashboard-skin .mk-toolbar {
  min-height: 76px !important;
  padding: 18px 22px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: url("/miaolici-assets/dashboard/20_filter_toolbar.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
}

body.miaolici-dashboard-skin .mk-toolbar::after {
  display: none !important;
  content: none !important;
}

body.miaolici-dashboard-skin .mk-toolbar .flex.flex-wrap {
  gap: 14px !important;
}

body.miaolici-dashboard-skin .mk-toolbar span {
  color: #7b7485 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

body.miaolici-dashboard-skin .date-picker-trigger,
body.miaolici-dashboard-skin .select-trigger,
body.miaolici-dashboard-skin .btn-secondary {
  min-height: 43px !important;
  border: 1px solid rgba(255, 137, 177, 0.45) !important;
  border-radius: 12px !important;
  color: #77768d !important;
  background: rgba(255, 248, 251, 0.78) !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body.miaolici-dashboard-skin .date-picker-trigger:hover,
body.miaolici-dashboard-skin .select-trigger:hover,
body.miaolici-dashboard-skin .btn-secondary:hover {
  color: var(--mk-pink-deep) !important;
  background: rgba(255, 238, 245, 0.95) !important;
}

body.miaolici-dashboard-skin .mk-chart-grid {
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr) !important;
  gap: 24px !important;
}

body.miaolici-dashboard-skin .mk-panel-model,
body.miaolici-dashboard-skin .mk-panel-token {
  min-height: 395px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 19px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
}

body.miaolici-dashboard-skin .mk-panel-model {
  padding: 22px 18px 18px !important;
  background-image: url("/miaolici-assets/dashboard/25_model_distribution_panel.png") !important;
}

body.miaolici-dashboard-skin .mk-panel-token {
  padding: 22px 18px 18px !important;
  background-image: url("/miaolici-assets/dashboard/26_token_trend_panel.png") !important;
}

body.miaolici-dashboard-skin .mk-panel-model h3,
body.miaolici-dashboard-skin .mk-panel-token h3 {
  margin: 0 0 15px 15px !important;
  color: #2f2f73 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

body.miaolici-dashboard-skin .mk-panel-model h3::before,
body.miaolici-dashboard-skin .mk-panel-token h3::before,
body.miaolici-dashboard-skin .mk-panel-model h3::after,
body.miaolici-dashboard-skin .mk-panel-token h3::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 7px;
  vertical-align: -5px;
  background:
    radial-gradient(circle at 50% 58%, currentColor 0 5px, transparent 6px),
    radial-gradient(circle at 30% 25%, currentColor 0 3px, transparent 4px),
    radial-gradient(circle at 48% 18%, currentColor 0 3px, transparent 4px),
    radial-gradient(circle at 66% 25%, currentColor 0 3px, transparent 4px),
    radial-gradient(circle at 72% 44%, currentColor 0 3px, transparent 4px);
  opacity: 0.7;
}

body.miaolici-dashboard-skin .mk-panel-model h3::before,
body.miaolici-dashboard-skin .mk-panel-model h3::after {
  color: #ff78a4;
}

body.miaolici-dashboard-skin .mk-panel-token h3::before,
body.miaolici-dashboard-skin .mk-panel-token h3::after {
  color: #9b80ed;
}

body.miaolici-dashboard-skin .mk-panel-model > .flex {
  display: block !important;
}

body.miaolici-dashboard-skin main .mk-toolbar + .mk-chart-grid {
  margin-top: 14px !important;
}

body.miaolici-dashboard-skin .mk-panel-model .h-48.w-48,
body.miaolici-dashboard-skin .mk-panel-token .h-48 {
  width: 100% !important;
  height: 228px !important;
  margin: 0 !important;
  border: 1px dashed rgba(255, 145, 181, 0.5) !important;
  border-radius: 16px !important;
  background:
    url("/miaolici-assets/dashboard/27_cat_in_box_empty_state_transparent.png") center 17px / 210px 180px no-repeat,
    rgba(255, 255, 255, 0.44) !important;
}

body.miaolici-dashboard-skin .mk-panel-token .h-48 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding-bottom: 0 !important;
  color: #8b72dd !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  background: rgba(255, 255, 255, 0.44) !important;
  border-color: rgba(160, 130, 238, 0.42) !important;
}

body.miaolici-dashboard-skin .mk-panel-model .h-48.w-48 > div,
body.miaolici-dashboard-skin .mk-panel-token .h-48 > div {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-bottom: 18px !important;
  color: #e46d96 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.miaolici-dashboard-skin .mk-panel-token .h-48 > div {
  align-items: center !important;
  color: #8b72dd !important;
}

body.miaolici-dashboard-skin .mk-panel-model .max-h-48 {
  max-height: 43px !important;
  margin-top: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 145, 181, 0.34);
  border-radius: 10px;
  background: rgba(255, 247, 250, 0.72);
}

body.miaolici-dashboard-skin .mk-panel-model table {
  width: 100% !important;
  color: #696f84 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.miaolici-dashboard-skin .mk-panel-token::after {
  content: "";
  display: block;
  height: 42px;
  margin-top: 16px;
  border: 1px solid rgba(160, 130, 238, 0.26);
  border-radius: 10px;
  background:
    radial-gradient(circle at 26px 50%, #9174e8 0 5px, transparent 6px),
    radial-gradient(circle at 18px 36%, #9174e8 0 3px, transparent 4px),
    radial-gradient(circle at 25px 27%, #9174e8 0 3px, transparent 4px),
    radial-gradient(circle at 33px 36%, #9174e8 0 3px, transparent 4px),
    radial-gradient(circle at 36px 50%, #9174e8 0 3px, transparent 4px),
    rgba(248, 244, 255, 0.82);
}

body.miaolici-dashboard-skin .mk-lower-section {
  display: none !important;
}

body.miaolici-dashboard-skin .empty-state-title {
  color: var(--mk-ink) !important;
}

body.miaolici-dashboard-skin .empty-state-description {
  color: var(--mk-muted) !important;
}

body.miaolici-dashboard-skin .toast,
body.miaolici-dashboard-skin [class*="toast"] {
  border-radius: 14px !important;
}

body.miaolici-utility-skin {
  color: var(--mk-ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 199, 219, 0.78), transparent 20rem),
    radial-gradient(circle at 90% 14%, rgba(211, 247, 238, 0.74), transparent 22rem),
    linear-gradient(135deg, #fff8fb 0%, #fffdf7 48%, #f1fffb 100%) !important;
}

body.miaolici-utility-skin .navigation-progress {
  display: none !important;
}

body.miaolici-utility-skin .relative.flex.min-h-screen.flex-col {
  overflow: hidden;
  color: var(--mk-ink) !important;
  background:
    radial-gradient(circle at 16% 24%, rgba(255, 126, 168, 0.12) 0 3px, transparent 4px) 0 0 / 86px 86px,
    radial-gradient(circle at 78% 18%, rgba(137, 217, 191, 0.12) 0 3px, transparent 4px) 0 0 / 92px 92px,
    transparent !important;
}

body.miaolici-utility-skin header nav {
  min-height: 72px;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(255, 139, 176, 0.34);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 42px rgba(235, 119, 154, 0.13);
  backdrop-filter: blur(18px);
}

body.miaolici-utility-skin header nav a:first-child,
body.miaolici-utility-skin .text-gradient {
  color: #f35f91 !important;
  font-weight: 1000 !important;
  text-shadow: 0 6px 18px rgba(243, 95, 145, 0.18);
}

body.miaolici-utility-skin main {
  position: relative;
  z-index: 1;
}

body.miaolici-utility-skin main::before,
body.miaolici-utility-skin main::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}

body.miaolici-utility-skin main::before {
  right: clamp(0.5rem, 6vw, 4rem);
  top: 1rem;
  width: 156px;
  height: 128px;
  background-image: url("/miaolici-assets/dashboard/06_header_cat_mascot_transparent.png");
  opacity: 0.92;
}

body.miaolici-utility-skin main::after {
  left: clamp(0.5rem, 5vw, 3.5rem);
  bottom: 1.2rem;
  width: 184px;
  height: 120px;
  background-image: url("/miaolici-assets/dashboard/29_sleeping_cat_footer_transparent.png");
  opacity: 0.72;
}

body.miaolici-utility-skin main h1,
body.miaolici-utility-skin main .text-4xl,
body.miaolici-utility-skin main .text-3xl {
  color: var(--mk-ink) !important;
  font-weight: 1000 !important;
  letter-spacing: -0.03em;
}

body.miaolici-utility-skin main p,
body.miaolici-utility-skin footer {
  color: var(--mk-muted) !important;
}

body.miaolici-utility-skin main .max-w-xl {
  border: 1px solid rgba(255, 139, 176, 0.36);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 58px rgba(235, 119, 154, 0.16);
  backdrop-filter: blur(18px);
}

body.miaolici-utility-skin input,
body.miaolici-utility-skin textarea,
body.miaolici-utility-skin select {
  border-color: rgba(255, 139, 176, 0.42) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.miaolici-utility-skin button,
body.miaolici-utility-skin a[class*="btn"] {
  border-radius: 999px !important;
  box-shadow: 0 14px 28px rgba(243, 95, 145, 0.2) !important;
}

body.miaolici-utility-skin footer {
  border-color: rgba(255, 139, 176, 0.22) !important;
  background: rgba(255, 255, 255, 0.45);
}

body.miaolici-fallback-skin {
  color: var(--mk-ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 199, 219, 0.72), transparent 21rem),
    radial-gradient(circle at 86% 16%, rgba(211, 247, 238, 0.72), transparent 22rem),
    linear-gradient(135deg, #fff8fb 0%, #fffdf8 52%, #f0fffb 100%) !important;
}

body.miaolici-fallback-skin .navigation-progress {
  display: none !important;
}

body.miaolici-fallback-skin .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden {
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 126, 168, 0.12) 0 3px, transparent 4px) 0 0 / 86px 86px,
    radial-gradient(circle at 78% 18%, rgba(137, 217, 191, 0.12) 0 3px, transparent 4px) 0 0 / 92px 92px,
    transparent !important;
}

body.miaolici-fallback-skin .relative.z-10.w-full.max-w-md {
  max-width: 30rem !important;
  padding: 2.4rem 2rem;
  border: 1px solid rgba(255, 139, 176, 0.36);
  border-radius: 32px;
  background:
    url("/miaolici-assets/dashboard/28_cat_with_yarn_empty_state_transparent.png") right 1.1rem bottom 1rem / 132px auto no-repeat,
    rgba(255, 255, 255, 0.84);
  box-shadow: 0 24px 58px rgba(235, 119, 154, 0.16);
  backdrop-filter: blur(18px);
}

body.miaolici-fallback-skin h1 {
  color: var(--mk-ink) !important;
  font-weight: 1000 !important;
}

body.miaolici-fallback-skin p {
  color: var(--mk-muted) !important;
}

body.miaolici-fallback-skin .btn,
body.miaolici-fallback-skin button,
body.miaolici-fallback-skin a {
  border-radius: 999px !important;
}

body.miaolici-fallback-skin .btn-primary,
body.miaolici-fallback-skin a[href*="dashboard"] {
  background: linear-gradient(135deg, #ff8db5, #f35f91) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(243, 95, 145, 0.22) !important;
}

@media (max-width: 1023px) {
  body.miaolici-dashboard-skin {
    min-width: 0;
  }

  body.miaolici-dashboard-skin [class*="lg:ml-64"] {
    margin-left: 0 !important;
  }

  body.miaolici-dashboard-skin main > .space-y-6 > .grid.grid-cols-2.gap-4.lg\:grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.miaolici-dashboard-skin .mk-chart-grid {
    grid-template-columns: 1fr !important;
  }
}