/* Create page TapNow theme - floating brand and shared account shell (nav buttons, purchase chip, membership, user dropdown). */

/* Brand and shared account shell */
body.create-page .create-floating-brand {
  color: var(--tap-text) !important;
  text-shadow: none !important;
}

body.create-page .create-floating-brand::after {
  border-left-color: var(--tap-line-strong);
  color: #808080;
}

body.create-page .create-floating-brand .logo-icon {
  border: 0;
  border-radius: 5px;
  background: var(--studio-gradient) !important;
  color: #fff !important;
  box-shadow: none;
}

body.create-page .nav-user-area .nav-login-btn,
body.create-page .nav-membership-btn,
body.create-page .nav-points,
body.create-page .user-avatar-trigger {
  border-color: var(--tap-line-strong) !important;
  background-color: rgba(29, 29, 29, 0.85) !important;
  color: var(--tap-text-soft) !important;
  box-shadow: var(--tap-inset) !important;
  -webkit-backdrop-filter: blur(20px) saturate(110%) !important;
  backdrop-filter: blur(20px) saturate(110%) !important;
}

body.create-page .nav-user-area .nav-login-btn:hover,
body.create-page .nav-membership-btn:hover,
body.create-page .nav-membership-btn:focus-visible,
body.create-page .nav-points:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
  background-color: var(--tap-surface-raised) !important;
  color: var(--tap-text) !important;
  box-shadow: var(--tap-inset) !important;
}

/* 购买积分：实心白 chip（10px 圆角、hover 微灰），无气泡特效。 */
body.create-page .nav-purchase-btn {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: #17191c !important;
  font-weight: 600;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.create-page .nav-purchase-btn:hover,
body.create-page .nav-purchase-btn:focus-visible {
  border-color: transparent !important;
  background-color: #f2f4f6 !important;
  color: #000 !important;
  box-shadow: none !important;
  transform: none;
}

body.create-page .nav-purchase-btn .ui-icon,
body.create-page .nav-purchase-btn:hover .ui-icon {
  color: #17191c !important;
}

body.create-page .nav-membership-btn {
  border-color: rgba(196, 181, 253, 0.72) !important;
  background: linear-gradient(135deg, #a66cff 0%, #7257ff 52%, #5848e8 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(88,72,232,0.22) !important;
}

body.create-page .nav-membership-btn:hover,
body.create-page .nav-membership-btn:focus-visible {
  border-color: rgba(237, 233, 254, 0.82) !important;
  background: linear-gradient(135deg, #b584ff 0%, #806cff 52%, #6557ef 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(88,72,232,0.3) !important;
}

body.create-page .nav-membership-btn .ui-icon,
body.create-page .nav-membership-btn:hover .ui-icon {
  color: #fff !important;
}

body.create-page .user-dropdown {
  border: 1px solid var(--tap-line-strong) !important;
  border-radius: 12px !important;
  background: rgba(21, 21, 21, 0.95) !important;
  box-shadow: var(--tap-inset), var(--tap-float-shadow) !important;
  -webkit-backdrop-filter: blur(28px) saturate(110%) !important;
  backdrop-filter: blur(28px) saturate(110%) !important;
}

body.create-page .dropdown-header,
body.create-page .dropdown-divider {
  border-color: var(--tap-line) !important;
}

body.create-page .dropdown-points {
  border-color: var(--tap-line) !important;
  background: #1b1b1b !important;
}

body.create-page .dropdown-point-icon,
body.create-page .dropdown-points b,
body.create-page .dropdown-points-team b {
  color: var(--tap-text) !important;
}

body.create-page .point-label,
body.create-page .dropdown-header .user-tier,
body.create-page .dropdown-item,
body.create-page .dropdown-item .ui-icon {
  color: var(--tap-text-muted) !important;
}

body.create-page .dropdown-item:hover,
body.create-page .dropdown-item:focus-visible {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--tap-text) !important;
}

body.create-page .dropdown-item:hover .ui-icon,
body.create-page .dropdown-item:focus-visible .ui-icon {
  color: var(--tap-text) !important;
}