/* theme.css - 酒文化主题配色（仅修改颜色，不改变布局） */

:root {
    /* 酒文化主色调 */
    --primary-red: #8B1A1A;
    --primary-dark: #5C1010;
    --primary-light: #C41E3A;
    --primary-gold: #D4AF37;
    --primary-brown: #8B4513;
    --primary-bg: #FDF8F0;
    --primary-border: #E8D5B7;
    --primary-text: #3E2723;
    --primary-muted: #A0845C;
}

/* ============================================
   全局背景色
   ============================================ */
body {
    background: var(--primary-bg);
    color: var(--primary-text);
}

/* ============================================
   头部样式
   ============================================ */
.header {
    background: linear-gradient(135deg, var(--primary-red), var(--primary-dark));
    border-bottom: 2px solid var(--primary-gold);
}

.header a:hover {
    color: var(--primary-gold);
}

/* ============================================
   侧边栏样式
   ============================================ */
.sidebar {
    background: linear-gradient(180deg, #2C1810, #1A0F0A);
}

.sidebar a {
    color: #E8D5B7;
}

.sidebar a:hover,
.sidebar a.active {
    color: var(--primary-gold);
    background: rgba(212, 175, 55, 0.15);
}

/* ============================================
   卡片样式
   ============================================ */
.card {
    border: 1px solid var(--primary-border);
    background: white;
}

.card h3 {
    color: var(--primary-red);
    border-bottom-color: var(--primary-gold);
}

/* ============================================
   统计卡片
   ============================================ */
.stat-card .stat-number {
    color: var(--primary-red);
}

/* ============================================
   积分卡片
   ============================================ */
.points-card {
    background: linear-gradient(135deg, var(--primary-red), var(--primary-dark));
}

/* ============================================
   表格样式
   ============================================ */
th {
    background: #FDF8F0;
    color: var(--primary-red);
    border-bottom: 2px solid var(--primary-gold);
}

td {
    border-bottom-color: var(--primary-border);
}

/* 积分正负颜色 */
.positive-points,
.positive {
    color: var(--primary-light);
}

.negative-points,
.negative {
    color: var(--primary-brown);
}

/* ============================================
   表单样式
   ============================================ */
.form-group label {
    color: var(--primary-red);
}

input, select, textarea {
    border-color: var(--primary-border);
}

input:focus, select:focus, textarea:focus {
    border-color: var(--primary-gold);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

/* ============================================
   按钮样式
   ============================================ */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-red), var(--primary-dark));
    color: white;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #9B2A2A, #6B1A1A);
}

.btn-warning {
    background: linear-gradient(135deg, var(--primary-gold), #B8860B);
    color: #3E2723;
}

.btn-danger {
    background: var(--primary-red);
}

/* ============================================
   商品卡片
   ============================================ */
.product-card {
    border: 1px solid var(--primary-border);
}

.product-name {
    color: var(--primary-red);
}

.product-price {
    color: var(--primary-gold);
}

.product-points {
    color: var(--primary-light);
}

.buy-btn {
    background: linear-gradient(135deg, var(--primary-red), var(--primary-dark));
}

/* ============================================
   购物车
   ============================================ */
.cart-item {
    border: 1px solid var(--primary-border);
}

.cart-item-name {
    color: var(--primary-red);
}

.cart-item-price {
    color: var(--primary-gold);
}

/* ============================================
   订单卡片
   ============================================ */
.order-card {
    border: 1px solid var(--primary-border);
}

.order-header {
    background: #FDF8F0;
    border-bottom-color: var(--primary-border);
}

/* ============================================
   登录页面
   ============================================ */
.login-container {
    background: linear-gradient(135deg, #2C1810, #1A0F0A);
}

.login-card {
    border: 1px solid var(--primary-gold);
}

.login-card h2 {
    color: var(--primary-red);
}

/* ============================================
   底部导航
   ============================================ */
.bottom-nav {
    border-top: 1px solid var(--primary-gold);
}

.nav-item.active {
    color: var(--primary-red);
    background: rgba(139, 26, 26, 0.1);
}

/* ============================================
   分页
   ============================================ */
.pagination a {
    color: var(--primary-red);
    border-color: var(--primary-border);
}

.pagination a:hover,
.pagination .current {
    background: linear-gradient(135deg, var(--primary-red), var(--primary-dark));
    color: white;
}

/* ============================================
   消息提示
   ============================================ */
.alert-success {
    background: #E8F5E9;
    color: #2E7D32;
    border-left-color: #4CAF50;
}

.alert-danger {
    background: #FFEBEE;
    color: var(--primary-red);
    border-left-color: var(--primary-red);
}

/* ============================================
   滚动条
   ============================================ */
::-webkit-scrollbar-track {
    background: #F5EDE0;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-red);
}

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