/* 1. 字体优化：移除谷歌引用，采用系统级原生字体栈 */
body { 
    /* 优先调用苹果 San Francisco 字体 (-apple-system) 
       其次调用标准系统字体 (system-ui) 
       针对 Windows 用户调用 Segoe UI
       针对 Linux 用户调用 Roboto
    */
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* 2. 核心卡片样式 (Apple-style Glassmorphism) */
.glass-panel {
    background: rgba(30, 41, 59, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
}

.product-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover {
    border-color: rgba(59, 130, 246, 0.4);
    transform: translateY(-4px);
    background: rgba(30, 41, 59, 0.8);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.6);
}

/* 3. 侧边栏样式 */
.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; }

/* 4. 优惠券虚线框 (增加平滑过渡) */
.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='%233b82f666' stroke-width='1.5' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    transition: all 0.2s ease;
}
.coupon-box:hover {
    background-color: rgba(59, 130, 246, 0.08);
    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='%233b82f6ff' stroke-width='1.5' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    cursor: pointer;
}

/* 5. 数字字体优化 (价格专用) */
.font-price { 
    font-family: "SF Pro Display", "SF Compact Display", system-ui, -apple-system, sans-serif;
    font-feature-settings: "tnum"; 
    font-variant-numeric: tabular-nums; 
    font-weight: 600;
    letter-spacing: -0.01em; 
}

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