/* 
Azote Theme
*/

/* 认证页面样式优化 */
.auth-hero {
    position: relative;
    background: linear-gradient(135deg, rgba(var(--p), 0.1) 0%, rgba(var(--s), 0.1) 100%);
}

/* 认证页面容器定位优化 */
.auth-page-container {
    position: relative;
    top: 0;
    min-height: calc(100vh - 8rem); /* 减去顶部间距 */
}

/* 确保卡片容器一致的定位 */
.auth-card-container {
    position: relative;
}

/* 统一卡片样式优化 */
.card {
    background: rgba(var(--b1), 0.8);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(var(--bc), 0.1);
}

/* 卡片动画已移至 input.css 统一管理 */

/* 暗黑模式下的卡片优化 */
@media (prefers-color-scheme: dark) {
    .card {
        background: rgba(var(--b1), 0.9);
        border-color: rgba(var(--bc), 0.15);
    }
}

/* 确保Hero在卡片内正确显示 */
.auth-hero .auth-hero-slide {
    border-radius: inherit;
}

.auth-hero-slide {
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.auth-hero-title,
.auth-hero-subtitle,
.auth-hero-line {
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.auth-hero-line {
    transform-origin: center;
}

/* 动画已移至 input.css 统一管理 */

.auth-hero-dot:focus {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 2px;
}

/* 表单样式增强 - 动画已移至 input.css 统一管理 */

/* 按钮动画已移至 input.css 统一管理 */

/* 响应式优化 */
@media (max-width: 768px) {
    /* 移动端Hero容器强制16:9比例 */
    .md\\:hidden .auth-hero {
        aspect-ratio: 16/9 !important;
        min-height: 250px !important;
        max-height: 400px !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* 移动端背景图片适应 */
    .md\\:hidden .auth-hero .auth-hero-slide {
        height: 100% !important;
    }
    
    .md\\:hidden .auth-hero .auth-hero-slide > div:first-child {
        height: 100% !important;
        background-size: cover !important;
        background-position: center !important;
    }
    
    /* 移动端文字样式 */
    .md\\:hidden .auth-hero-title {
        font-size: 1.75rem !important;
        line-height: 1.2 !important;
    }
    
    .md\\:hidden .auth-hero-subtitle {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }
    
    /* 移动端文字定位在左上角 */
    .md\\:hidden .auth-hero-content {
        position: absolute !important;
        top: 1.5rem !important;
        left: 1.5rem !important;
        right: 1.5rem !important;
        bottom: auto !important;
        text-align: left !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* 移动端内容容器调整 */
    .md\\:hidden .auth-hero .auth-hero-container > div {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding: 0 !important;
        height: 100% !important;
    }
    
    /* 移动端装饰线条 */
    .md\\:hidden .auth-hero-line {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

@media (min-width: 769px) {
    .auth-hero {
        min-height: 600px; /* 桌面端最小高度 */
    }
}
.badge {
    gap: 0.25rem;
}
.backdrop-blur{
    backdrop-filter: blur(18px);
}

/* 动画效果 */
@keyframes pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.6;
    }
}
  
.animate-pulse {
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Badge 样式 - 动画已移至 input.css 统一管理 */
.badge {
    position: relative;
    overflow: hidden;
}

/* 视频卡片中badge元素的完整保护，避免全局样式影响 */
.card figure .badge {
    position: absolute !important;
    overflow: visible !important;
    z-index: 10 !important;
    transform: none !important;
}

/* 确保VIP和FREE标识正确显示 */
.card figure .badge.badge-warning,
.card figure .badge.badge-secondary {
    position: absolute !important;
    overflow: visible !important;
    z-index: 10 !important;
}

/* 确保时长标识在右下角正确显示 */
.card figure .badge:not(.badge-warning):not(.badge-secondary) {
    position: absolute !important;
    overflow: visible !important;
    z-index: 10 !important;
}

/* 扫光效果 - 动画已移至 input.css 统一管理 */

/* 视频卡片中的VIP/免费标识禁用扫光动画 */
.card figure .badge.badge-warning::before,
.card figure .badge.badge-secondary::before {
    display: none !important;
}

/* 通知badge保持脉冲动画 */
.badge-error {
    animation: badge-pulse 2s infinite;
}

@keyframes badge-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }
    50% {
        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0);
    }
}

/* 键盘焦点状态 - 使用Tailwind风格 */
a.badge:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3b82f6;
}

/* 禁用某些不需要动画的badge */
.badge.no-hover:hover {
    transform: none !important;
    box-shadow: none !important;
    animation: none !important;
}

.badge.no-hover::before {
    display: none;
}

/* 视频卡片中的VIP/免费标识完全禁用动画效果 */
.card figure .badge.badge-warning,
.card figure .badge.badge-secondary {
    transform: none !important;
    box-shadow: none !important;
    animation: none !important;
}

.card figure .badge.badge-warning:hover,
.card figure .badge.badge-secondary:hover {
    transform: none !important;
    box-shadow: none !important;
    animation: none !important;
}

/* 网红标签边框优化 */
.badge.border {
    border-width: 1px;
    border-style: solid;
}

/* 确保边框在不同主题下的兼容性 */
.badge.border:not([style*="border-color"]) {
    border-color: rgba(var(--color-base-content), 0.2);
}

/* 移动端样式调整 */
@media (max-width: 767px) {
    /* 移动端导航样式 */
    #mobile-nav {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 50 !important;
        display: block !important;
    }
    
    #mobile-nav a {
        transition: none !important;
    }
    
    #mobile-nav a:active {
        transform: none !important;
    }
    
    /* 确保移动端页面底部有足够空间 */
    body {
        padding-bottom: 3.5rem !important;
    }
}

/* 其他样式 */
.custom-logo {
    max-height: 52px;
    width: auto;
}

/* 导航栏按钮样式修复 */
.navbar .btn.btn-circle {
    padding: 0.25rem !important;
    height: auto !important;
    min-height: 2.75rem !important;
    width: 2.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 小型按钮样式修复 */
.btn-sm.btn-circle {
    padding: 0.25rem !important;
    height: auto !important;
    min-height: 2rem !important;
    width: 2rem !important;
}

/* 头像容器样式 */
.navbar .avatar {
    width: 2.75rem !important;
    height: 2.75rem !important;
    overflow: visible !important;
    position: relative !important;
}

.navbar .avatar .w-10 {
    width: 100% !important;
    height: 100% !important;
}

/* 通知徽章样式 */
.navbar .avatar .badge {
    position: absolute !important;
    top: -0.5rem !important;
    right: -0.5rem !important;
    z-index: 10 !important;
}

/* 图标样式 */
.btn.btn-circle i[data-lucide] {
    margin: 0 !important;
}

/* 搜索按钮样式 */
.btn-primary i[data-lucide] {
    margin-right: 0.5rem !important;
}

/* 统计卡片样式 */
.stats {
    z-index: 0 !important;
}

/* 下拉菜单样式 */
.dropdown-content {
    z-index: 999 !important;
}

/* 确保所有下拉菜单都在最上层 */
.p-2.bg-base-100.shadow-lg.rounded-box,
.p-2.bg-base-100.shadow.rounded-box,
.menu.p-2.shadow.bg-base-100.rounded-box {
    z-index: 999 !important;
}

/* 通知呼吸灯效果 */
@keyframes notification-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.notification-pulse {
    animation: notification-pulse 1.5s infinite;
    position: relative;
}

.notification-pulse::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: -1;
}

/* 隐藏滚动条样式 */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}