/* 本地授权弹窗样式：为 auth-ui.js 使用的类名提供最小实现 */

/* 布局与定位 */
.fixed { position: fixed; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.flex-wrap { flex-wrap: wrap; }
.flex-1 { flex: 1 1 auto; }
.gap-3 { gap: 0.75rem; }
.space-x-3 > * + * { margin-left: 0.75rem; }
.z-\[1000\] { z-index: 1000; }

/* 尺寸与边距 */
.w-\[680px\] { width: 680px; }
.max-w-\[92vw\] { max-width: 92vw; }
.p-6 { padding: 1.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }

/* 颜色与背景 */
.bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.bg-white { background-color: #ffffff; }
.text-white { color: #ffffff; }
.text-gray-800 { color: #1f2937; }
.text-gray-600 { color: #4b5563; }
.text-gray-500 { color: #6b7280; }
.text-red-600 { color: #dc2626; }
.text-pink-700 { color: #be185d; }
.bg-pink-600 { background-color: #db2777; }
.bg-pink-50 { background-color: #fdf2f8; }
.hover\:bg-pink-700:hover { background-color: #be185d; }
.hover\:bg-pink-100:hover { background-color: #fce7f3; }
.hover\:bg-gray-100:hover { background-color: #f5f5f5; }

/* 边框与阴影 */
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.shadow-xl { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); }
.border { border-width: 1px; border-style: solid; }
.border-gray-200 { border-color: #e5e7eb; }
.border-pink-200 { border-color: #fbcfe8; }

/* 字体与大小 */
.font-bold { font-weight: 700; }
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }

/* 交互与过渡 */
.transition { transition: all 0.2s ease; }
.hidden { display: none; }
.focus\:outline-none:focus { outline: none; }
.focus\:ring-2:focus { box-shadow: 0 0 0 2px rgba(219, 39, 119, 0.4); }
.focus\:ring-pink-400:focus { /* ring 颜色由上方 box-shadow 设置 */ }

/* 覆盖层容器确保居中显示 */
.auth-modal-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 1000; }