/* 账户、交易与文档页体验层：不改变页面结构或业务状态。 */
body.page-shop .cyber-grid,
body.page-shop .neon-glow,
body.page-data-service .cyber-grid,
body.page-data-service .neon-glow {
  opacity: 0.34;
}

body.page-shop .shop-hero,
body.page-profile .profile-panel,
body.page-data-service .doc-content-area,
body.page-faq .doc-sidebar-nav,
body.page-faq .intro-box,
body.page-user-guide .doc-sidebar-nav,
body.page-user-guide .intro-box {
  animation: xt-rise-in var(--motion-slow) var(--ease-emphasized) both;
}

body.page-shop .shop-service-item,
body.page-shop .shop-package,
body.page-shop .shop-checkout-card,
body.page-profile .profile-panel,
body.page-data-service .doc-sidebar-nav,
body.page-data-service .jcdata-api-doc-body,
body.page-faq .doc-faq-item,
body.page-faq .doc-step,
body.page-user-guide .doc-faq-item,
body.page-user-guide .doc-step {
  border-radius: var(--radius-md, 0.75rem);
  transition: transform var(--motion-normal) var(--ease-emphasized), border-color var(--motion-normal) var(--ease-standard), background var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard);
}

body.page-shop .shop-service-item:hover,
body.page-shop .shop-package:hover,
body.page-profile .profile-panel:hover,
body.page-faq .doc-faq-item:hover,
body.page-faq .doc-step:hover,
body.page-user-guide .doc-faq-item:hover,
body.page-user-guide .doc-step:hover {
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-md);
}

body.page-shop .shop-service-item:hover,
body.page-shop .shop-package:hover,
body.page-faq .doc-step:hover,
body.page-user-guide .doc-step:hover {
  transform: translateY(-2px);
}

body.page-data-service .doc-content-area {
  min-width: 0;
}

body.page-data-service .jcdata-api-doc-loading,
body.page-data-service .jcdata-api-doc-body > * {
  animation: xt-fade-in var(--motion-normal) var(--ease-standard) both;
}

.auth-standalone-page .auth-card {
  border-radius: var(--radius-xl, 1.25rem);
  animation: xt-rise-in var(--motion-slow) var(--ease-emphasized) both;
}

.auth-standalone-page .auth-mode-tab,
.auth-standalone-page .auth-email-subtab,
.auth-standalone-page .auth-btn-code,
.auth-standalone-page .auth-btn-primary {
  transition: transform var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);
}

.auth-standalone-page .auth-btn-primary:hover,
.auth-standalone-page .auth-btn-code:hover { transform: translateY(-1px); }
.auth-standalone-page .auth-btn-primary:active,
.auth-standalone-page .auth-btn-code:active { transform: translateY(0) scale(0.985); }
.auth-standalone-page input:focus-visible { outline: none; box-shadow: var(--focus-ring); }

@media (max-width: 767px) {
  body.page-shop .shop-service-item:hover,
  body.page-shop .shop-package:hover,
  body.page-faq .doc-step:hover,
  body.page-user-guide .doc-step:hover { transform: none; }

  body.page-shop .neon-glow,
  body.page-data-service .neon-glow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-shop .shop-hero,
  body.page-profile .profile-panel,
  body.page-data-service .doc-content-area,
  body.page-faq .doc-sidebar-nav,
  body.page-faq .intro-box,
  body.page-user-guide .doc-sidebar-nav,
  body.page-user-guide .intro-box,
  body.page-data-service .jcdata-api-doc-loading,
  body.page-data-service .jcdata-api-doc-body > *,
  .auth-standalone-page .auth-card { animation: none !important; }
}