@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body { font-family: 'Inter', -apple-system, system-ui, sans-serif; }

/* 1. 核心卡片样式 (Glassmorphism) */
.glass-panel {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.product-card {
    transition: all 0.3s ease;
}

.product-card:hover {
    border-color: rgba(59, 130, 246, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);
}

/* 2. 侧边栏样式 */
.sidebar-sticky {
    position: sticky;
    top: 5rem;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
}

/* 隐藏滚动条 */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 3. 优惠券虚线框 */
.coupon-box {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23475569FF' stroke-width='2' stroke-dasharray='8%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    transition: all 0.3s ease;
}
.coupon-box:hover {
    background-color: rgba(59, 130, 246, 0.1);
    cursor: pointer;
}

/* 4. 字体优化 */
.font-price { 
    font-family: 'SF Pro Display', system-ui, sans-serif; 
    font-feature-settings: "tnum"; 
    font-variant-numeric: tabular-nums; 
    letter-spacing: -0.02em; 
}

/* 5. 动画相关 */
@keyframes pulse-green {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}
.animate-pulse-green {
    animation: pulse-green 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}