body { background: #f5f3f7; font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; color: #1e1b4b; margin: 0; padding: 0; }
.gnei-header { height: 60px; background: #ffffff; border-bottom: 1px solid #e9d5ff; box-shadow: 0 2px 10px rgba(139,92,246,0.02); }
.gnei-container { position: relative; max-width: 1000px; margin: 0 auto; padding: 0 15px; }
.gnei-logo { float: left; padding: 13px 0; }
.gnei-logo img { height: 34px; display: block; border-left: 3px solid #8b5cf6; padding-left: 10px; }
.gnei-nav { float: left !important; margin: 0 0 0 30px; padding: 0; list-style: none; }
.gnei-nav-item { display: inline-block; line-height: 60px; margin-right: 20px; }
.gnei-nav-item a { color: #5c596e; text-decoration: none; font-size: 13px; font-weight: 700; transition: color 0.2s; }
.gnei-nav-item a:hover { color: #8b5cf6 !important; }
.gnei-quote { background: #ffffff; border-left: 4px solid #8b5cf6; border-radius: 6px; padding: 12px 18px; margin-bottom: 20px; font-size: 13px; color: #5c596e; line-height: 1.5; border-top: 1px solid rgba(0,0,0,0.02); border-right: 1px solid rgba(0,0,0,0.02); border-bottom: 1px solid rgba(0,0,0,0.02); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01); }
.gnei-card { border-radius: 12px; background: #ffffff; margin-bottom: 20px; overflow: hidden; border: 1px solid #e9d5ff; box-shadow: 0 4px 15px rgba(139,92,246,0.02); }
.gnei-card-header { height: 48px; line-height: 48px; background: #fbfbfa; font-weight: 700; color: #8b5cf6; font-size: 14px; padding: 0 20px; border-bottom: 1px solid #e9d5ff; letter-spacing: 0.5px; }
.gnei-table { width: 100%; border-collapse: collapse; }
.gnei-table th { color: #8b5cf6; font-weight: 700; padding: 10px 15px; border-bottom: 1px solid #e9d5ff; font-size: 13px; text-align: left; background: #fbfbfa; }
.gnei-table td { padding: 12px 15px; border-bottom: 1px solid #e9d5ff; font-size: 13px; color: #1e1b4b; }
.gnei-product-row { transition: all 0.2s; border-left: 3px solid transparent; }
.gnei-product-row:hover { background-color: #f5f0fa; border-left-color: #8b5cf6; }
.gnei-btn-buy { background: #8b5cf6; color: #ffffff !important; border: none; border-radius: 6px; padding: 6px 14px; font-size: 12px; font-weight: 700; text-decoration: none; display: inline-block; transition: all 0.2s; box-shadow: 0 2px 8px rgba(139,92,246,0.25); }
.gnei-btn-buy:hover { background: #7c3aed; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(139,92,246,0.35); }
.gnei-badge-auto { background: rgba(139,92,246,0.08); color: #8b5cf6; border-radius: 4px; border: 1px solid rgba(139,92,246,0.15); padding: 1px 6px; font-size: 11px; font-weight: 700; display: inline-block; }
.gnei-badge-manual { background: #f9fafb; color: #5c596e; border-radius: 4px; border: 1px solid #e5e7eb; padding: 1px 6px; font-size: 11px; display: inline-block; }
.gnei-product-img-box { border-radius: 8px; overflow: hidden; border: 1px solid #e9d5ff; background: #ffffff; }
.gnei-product-img-box img { width: 100%; height: auto; display: block; object-fit: contain; }
.gnei-detail-price-box { background: rgba(139,92,246,0.04); padding: 12px 18px; border-radius: 8px; border: 1px solid #e9d5ff; margin-bottom: 15px; }
.gnei-detail-price-label { color: #5c596e; font-size: 13px; font-weight: 700; }
.gnei-detail-price-val { color: #8b5cf6; font-size: 24px; font-weight: 800; }
.gnei-detail-price-ori { text-decoration: line-through; color: #9ca3af; margin-left: 8px; font-size: 12px; }
.gnei-pay-btn-grid button { background: none; border: 1px solid #e5e7eb; border-radius: 6px; padding: 8px 18px; margin: 6px; cursor: pointer; transition: all 0.2s; background: #ffffff; color: #1e1b4b; }
.gnei-pay-btn-grid button:hover { border-color: #8b5cf6; background: #fafafa; }
.gnei-pay-btn-grid img { height: 26px; max-width: 100px; object-fit: contain; }
.gnei-footer { padding: 30px 0; background: #1e1b4b; border-top: 1px solid #e9d5ff; text-align: center; margin-top: 30px; }
.gnei-footer-p { margin: 3px 0; color: #cbd5e1; font-size: 12px; }
.gnei-footer-links a { color: #f9fafb; text-decoration: none; font-size: 13px; font-weight: 700; transition: color 0.2s; }
.gnei-footer-links a:hover { color: #8b5cf6; }
.gnei-spec-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; font-size: 13px; color: #5c596e; }
.gnei-spec-item { border-bottom: 1px dashed rgba(139,92,246,0.15); padding: 5px 0; }
.layui-input { background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #1e1b4b !important; border-radius: 6px !important; }
.layui-input:focus { border-color: #8b5cf6 !important; }
.layui-form-label { background: #f9fafb !important; border: 1px solid #e5e7eb !important; color: #5c596e !important; border-radius: 6px !important; }
@media (max-width: 768px) {
    .gnei-table-pc { display: none; }
    .gnei-table-m { display: block; padding: 8px; }
    .gnei-m-card { background: #ffffff; border-radius: 10px; padding: 10px; display: flex; align-items: center; border: 1px solid #e9d5ff; margin-bottom: 10px; text-decoration: none !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01); }
    .gnei-m-img-box { width: 64px; height: 64px; border-radius: 6px; overflow: hidden; background: #f5f3f7; border: 1px solid #e9d5ff; }
    .gnei-m-img-box img { width: 100%; height: 100%; object-fit: cover; }
    .gnei-m-info { margin-left: 10px; flex-grow: 1; overflow: hidden; }
    .gnei-m-title { font-size: 13px; color: #1e1b4b; font-weight: 700; margin: 0 0 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .gnei-m-price-row { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 4px; }
    .gnei-m-price { color: #8b5cf6; font-size: 14px; font-weight: 800; }
    .gnei-m-stock { font-size: 11px; color: #9ca3af; }
}
/* 1. 默认在 PC 端强制隐藏所有手机版容器（支持任意随机前缀） */
[class*="-table-m"] {
    display: none !important;
}

/* 2. 移动端（屏幕宽度小于等于 768px）自适应转换 */
@media (max-width: 768px) {
    /* 隐藏 PC 端表格容器 */
    [class*="-table-pc"] {
        display: none !important;
    }
    /* 显示手机端卡片容器 */
    [class*="-table-m"] {
        display: block !important;
        padding: 12px !important;
    }
    /* 强行限制手机卡片内失控的大图尺寸，防止撑爆屏幕 */
    [class*="-m-img-box"] {
        width: 64px !important;
        height: 64px !important;
        overflow: hidden !important;
        display: inline-block !important;
    }
    [class*="-m-img-box"] img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}