/* 基础样式 */

body { 

    font-family: 'Noto Sans JP', sans-serif; 

}



/* 自定义核心样式 */

.hero-gradient { 

    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); 

}



.glass { 

    background: rgba(255, 255, 255, 0.95); 

    backdrop-filter: blur(10px); 

}



/* 弹窗交互基础样式（防止样式丢失） */

#qrModal {

    transition: opacity 0.3s ease;

}



#qrModal:not(.hidden) {

    opacity: 1;

}



#qrModal.hidden {

    opacity: 0;

    pointer-events: none;

}



/* Logo适配样式（方案A） */

#brandLogo {

    object-fit: contain;

    transition: transform 0.2s ease;

}



#brandLogo:hover {

    transform: scale(1.05);

}



/* 响应式兼容（修正后） */

@media (max-width: 768px) {

    #brandLogo {

        height: 2.5rem !important; /* 替换 h-10，h-10 对应 Tailwind 的 2.5rem */

    }

    .hero-gradient h1 {

        font-size: 2.25rem !important; /* 替换 4xl，text-4xl 对应 Tailwind 的 2.25rem */

        /* 补充：如果需要行高，可加 line-height: 2.5rem; */

    }

}