:root {
  --rs-ink: #17213d;
  --rs-muted: #69738d;
  --rs-blue: #526cf2;
  --rs-blue-dark: #3850cf;
  --rs-cyan: #65d7ff;
  --rs-violet: #a68cff;
  --rs-pink: #ff9dcc;
  --rs-glass: rgba(255, 255, 255, 0.56);
  --rs-glass-strong: rgba(255, 255, 255, 0.78);
  --rs-border: rgba(255, 255, 255, 0.82);
  --rs-shadow: 0 22px 65px rgba(59, 76, 143, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --rs-radius: 28px;
}

html { background: #eef5ff; }

body {
  color: var(--rs-ink);
  background:
    radial-gradient(circle at 10% 5%, rgba(101, 215, 255, 0.58), transparent 32%),
    radial-gradient(circle at 92% 9%, rgba(166, 140, 255, 0.46), transparent 34%),
    radial-gradient(circle at 82% 92%, rgba(255, 157, 204, 0.34), transparent 36%),
    linear-gradient(145deg, #eef8ff 0%, #f7f5ff 48%, #fff5fa 100%);
  background-attachment: fixed;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 12px;
  border: 1px solid rgba(255, 255, 255, 0.66);
  border-radius: 36px;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.layui-container#mescroll { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; }

.admin-login-background {
  box-sizing: border-box;
  width: min(440px, calc(100% - 32px));
  min-height: auto;
  margin: max(34px, env(safe-area-inset-top)) auto;
  padding: 30px 30px 24px;
  border: 1px solid var(--rs-border);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.38));
  box-shadow: var(--rs-shadow);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
}

.login-form .logo-title { margin-bottom: 26px; }
.icon-cp {
  width: 184px;
  height: 56px;
  margin: 4px auto 16px;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 999px;
  box-shadow: 0 16px 35px rgba(70, 86, 170, .22), inset 0 1px 0 #fff;
}
.login-form .logo-title h1 { color: var(--rs-ink) !important; font-weight: 760; letter-spacing: -.02em; }
.login-subtitle { margin: -15px 0 23px; color: var(--rs-muted); text-align: center; line-height: 1.65; }
.login-form .input {
  height: 54px;
  margin-bottom: 12px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 18px;
  background: rgba(255,255,255,.56);
  box-shadow: inset 0 1px 0 #fff, 0 10px 24px rgba(70,86,150,.08);
}
.login-form .layui-form-item input { height: 54px; color: var(--rs-ink); }
.login-form .layui-form-item .icon { top: 16px; opacity: .72; }
.login-form div.login {
  height: 50px;
  margin: 18px auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 999px;
  background: linear-gradient(155deg, #718aff 0%, var(--rs-blue) 48%, var(--rs-blue-dark) 100%);
  box-shadow: 0 15px 34px rgba(65,83,200,.28), inset 0 1px 0 rgba(255,255,255,.7);
}
.login-form div.login button { height: 50px; line-height: 50px; font-weight: 700; }
.login-form .input div.captcha { top: 8px; border-radius: 999px; background: linear-gradient(145deg, #718aff, #4059dc); }
div.footer { width: 100%; }
div.footer div { color: #607091; }
div.footer div:hover { color: var(--rs-blue); }

.platform-entry {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.72);
}
.platform-entry h2 { margin: 0 0 5px; font-size: 16px; color: var(--rs-ink); text-align: center; }
.platform-entry > p { margin: 0 0 14px; color: var(--rs-muted); font-size: 12px; text-align: center; }
.platform-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.platform-link {
  display: flex;
  min-height: 64px;
  padding: 10px 6px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 18px;
  color: var(--rs-ink);
  background: rgba(255,255,255,.48);
  box-shadow: inset 0 1px 0 #fff, 0 10px 22px rgba(67,82,150,.08);
  transition: transform .2s ease, background .2s ease;
}
.platform-link:hover { transform: translateY(-2px); background: rgba(255,255,255,.72); }
.platform-link strong { font-size: 14px; }
.platform-link span { margin-top: 2px; color: var(--rs-muted); font-size: 10px; }
.outline-note {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(156,188,255,.7);
  border-radius: 15px;
  color: #44527d;
  background: rgba(234,243,255,.68);
  font-size: 12px;
  line-height: 1.55;
}
.seo-mini-links { margin-top: 13px; text-align: center; font-size: 12px; color: var(--rs-muted); }
.seo-mini-links a { color: #405bd7; }

.index-header, .layui-header.header {
  background: rgba(255,255,255,.38) !important;
  border-bottom: 1px solid rgba(255,255,255,.78);
  box-shadow: 0 12px 30px rgba(55,75,137,.10);
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}
.index-header .logo, .index-header .header-notice { color: var(--rs-ink) !important; }
.index-header .logo span { font-size: 17px; }
.layui-header div.logo { width: 124px !important; overflow: visible; }
.header-brand-logo { display: block; width: 120px; height: 36px; margin-top: 7px; object-fit: contain; border: 1px solid rgba(255,255,255,.82); border-radius: 999px; box-shadow: 0 8px 20px rgba(60,79,180,.16); }
.footer {
  background: rgba(255,255,255,.54) !important;
  border-top: 1px solid rgba(255,255,255,.84);
  box-shadow: 0 -12px 32px rgba(57,73,135,.10);
  backdrop-filter: blur(25px) saturate(145%);
  -webkit-backdrop-filter: blur(25px) saturate(145%);
}
.footer .layui-nav { background: transparent !important; }
.footer .layui-nav-item i { color: #6d7892; }
.footer .layui-nav-item.layui-this i { color: var(--rs-blue); }
.layui-body, .layuimini-content-page { background: transparent !important; }

.layuimini-container, .layuimini-main-home, .layuimini-main-user, .layuimini-main-buy,
.layuimini-main-route, .layuimini-main-contact, .layuimini-main-feedback,
.layuimini-main-feedback-list, .layuimini-main-update-password {
  background: transparent !important;
}
.layuimini-main-home > div, .layuimini-main-user > div, .layuimini-main-buy > div,
.layuimini-main-route > div:not(.show), .layuimini-main-contact .body,
.layuimini-main-feedback .body, .layuimini-main-feedback-list .top,
.layuimini-main-update-password .body {
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,255,255,.34)) !important;
  box-shadow: 0 16px 42px rgba(54,75,140,.11), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}
.layuimini-main-feedback > div.title, .layuimini-main-feedback-list > div.title,
.layuimini-main-contact > div.title, .layuimini-main-update-password > div.title {
  color: var(--rs-ink) !important;
  background: rgba(255,255,255,.34) !important;
  border-bottom: 1px solid rgba(255,255,255,.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.layuimini-main-feedback .body { padding: 20px; box-sizing: border-box; }
.feedback-select-wrap { position: relative; margin-top: 10px; }
.feedback-select-wrap::after { content: "⌄"; position: absolute; right: 16px; top: 12px; color: #5062a8; pointer-events: none; font-size: 20px; }
.feedback-select {
  width: 100%; height: 48px; padding: 0 44px 0 15px;
  appearance: none; -webkit-appearance: none;
  border: 1px solid rgba(255,255,255,.92); border-radius: 16px;
  color: var(--rs-ink); background: rgba(255,255,255,.66);
  box-shadow: inset 0 1px 0 #fff, 0 9px 22px rgba(55,76,140,.08);
  outline: none;
}
.layuimini-main-feedback .body .content { margin-top: 18px; }
.layuimini-main-feedback .body .content .content2 textarea {
  padding: 13px 14px; border: 1px solid rgba(255,255,255,.92); border-radius: 16px;
  background: rgba(255,255,255,.58); box-shadow: inset 0 1px 0 #fff;
}
.layuimini-main-feedback .body .post, .layuimini-main-route .show .copy {
  border-radius: 999px !important; background: linear-gradient(155deg,#718aff,#526cf2 48%,#3850cf) !important;
  box-shadow: 0 14px 32px rgba(65,83,200,.25), inset 0 1px 0 rgba(255,255,255,.68);
}

@media (min-width: 700px) {
  .admin-login-background { margin-top: 6vh; }
  .layui-container#mescroll { overflow: auto; }
}
@media (max-width: 480px) {
  body::before { inset: 6px; border-radius: 28px; }
  .admin-login-background { width: calc(100vw - 20px); margin-top: max(12px, env(safe-area-inset-top)); padding: 22px 18px 20px; border-radius: 28px; }
  .platform-links { gap: 7px; }
  .platform-link { border-radius: 15px; }
  .layuimini-main-feedback .body { width: calc(100% - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}