/*
Theme Name: 2046 Shopping Website
Theme URI: https://your-domain.com
Description: A modern shopping website WordPress theme with futuristic design and complete e-commerce functionality
Version: 1.0.0
Author: Your Name
Author URI: https://your-domain.com
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shopping-theme
Tags: e-commerce, shopping, modern, tech, responsive
*/

/* 主题基本样式 */
:root {
    --primary: #00f0ff;    /* 主色调 */
    --secondary: #9d4edd;  /* 辅助色 */
    --dark: #1a1a2e;       /* 深色背景 */
    --darker: #0f0f23;     /* 更深背景 */
    --accent: #ff6b35;     /* 强调色 */
    --success: #4ade80;    /* 成功色 */
    --warning: #fbbf24;    /* 警告色 */
    --error: #f87171;      /* 错误色 */
}

/* 全局样式 */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--darker);
    color: #ffffff;
    line-height: 1.6;
}

/* 按钮样式 */
.btn-primary {
    @apply bg-primary text-darker px-6 py-3 rounded-lg font-medium transition-all duration-300 hover:bg-primary/80 hover:shadow-lg hover:shadow-primary/25;
}

.btn-secondary {
    @apply bg-transparent border border-primary text-primary px-6 py-3 rounded-lg font-medium transition-all duration-300 hover:bg-primary hover:text-darker;
}

/* 卡片样式 */
.product-card {
    @apply bg-dark/50 backdrop-blur-sm border border-gray-700 rounded-xl overflow-hidden transition-all duration-300 hover:border-primary/50 hover:shadow-lg hover:shadow-primary/10;
}

/* 文本发光效果 */
.text-glow {
    text-shadow: 0 0 20px var(--primary), 0 0 40px var(--primary);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .container {
        @apply px-4;
    }
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--darker);
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary)/80;
}