body { background: #faf9f5; font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; color: #2c2d29; margin: 0; padding: 0; }
.gabb-header { height: 60px; background: #ffffff; border-bottom: 1px solid #d2d0c8; box-shadow: 0 1px 5px rgba(0,0,0,0.01); }
.gabb-container { position: relative; max-width: 950px; margin: 0 auto; padding: 0 15px; }
.gabb-logo { float: left; padding: 13px 0; }
.gabb-logo img { height: 34px; display: block; border-left: 3px solid #1b3e2f; padding-left: 10px; }
.gabb-nav { float: left !important; margin: 0 0 0 30px; padding: 0; list-style: none; }
.gabb-nav-item { display: inline-block; line-height: 60px; margin-right: 20px; }
.gabb-nav-item a { color: #5c5a52; text-decoration: none; font-size: 13px; font-weight: 700; transition: color 0.2s; }
.gabb-nav-item a:hover { color: #1b3e2f !important; }
.gabb-quote { background: #ffffff; border-left: 4px solid #1b3e2f; border-radius: 4px; padding: 12px 18px; margin-bottom: 20px; font-size: 13px; color: #5c5a52; 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); }
.gabb-card { border-radius: 4px; background: #ffffff; margin-bottom: 20px; overflow: hidden; border: 1px dashed #d2d0c8; box-shadow: 0 4px 15px rgba(27,62,47,0.02); }
.gabb-card-header { height: 48px; line-height: 48px; background: #fbfbfa; font-weight: 700; color: #1b3e2f; font-size: 14px; padding: 0 20px; border-bottom: 1px solid #d2d0c8; letter-spacing: 0.5px; }
.gabb-table { width: 100%; border-collapse: collapse; }
.gabb-table th { color: #1b3e2f; font-weight: 700; padding: 10px 15px; border-bottom: 1px solid #d2d0c8; font-size: 13px; text-align: left; background: #fbfbfa; }
.gabb-table td { padding: 12px 15px; border-bottom: 1px dashed #d2d0c8; font-size: 13px; color: #2c2d29; }
.gabb-product-row { transition: all 0.2s; border-left: 3px solid transparent; }
.gabb-product-row:hover { background-color: #eaeae3; border-left-color: #1b3e2f; }
.gabb-btn-buy { background: #1b3e2f; color: #ffffff !important; border: none; border-radius: 4px; 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(27,62,47,0.25); }
.gabb-btn-buy:hover { background: #132d22; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(27,62,47,0.35); }
.gabb-badge-auto { background: rgba(27,62,47,0.08); color: #1b3e2f; border-radius: 4px; border: 1px solid rgba(27,62,47,0.15); padding: 1px 6px; font-size: 11px; font-weight: 700; display: inline-block; }
.gabb-badge-manual { background: #f9fafb; color: #5c5a52; border-radius: 4px; border: 1px solid #e5e7eb; padding: 1px 6px; font-size: 11px; display: inline-block; }
.gabb-product-img-box { border-radius: 4px; overflow: hidden; border: 1px solid #d2d0c8; background: #ffffff; }
.gabb-product-img-box img { width: 100%; height: auto; display: block; object-fit: contain; }
.gabb-detail-price-box { background: rgba(27,62,47,0.04); padding: 12px 18px; border-radius: 4px; border: 1px solid #d2d0c8; margin-bottom: 15px; }
.gabb-detail-price-label { color: #5c5a52; font-size: 13px; font-weight: 700; }
.gabb-detail-price-val { color: #1b3e2f; font-size: 24px; font-weight: 800; }
.gabb-detail-price-ori { text-decoration: line-through; color: #9ca3af; margin-left: 8px; font-size: 12px; }
.gabb-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: #2c2d29; }
.gabb-pay-btn-grid button:hover { border-color: #1b3e2f; background: #fafafa; }
.gabb-pay-btn-grid img { height: 26px; max-width: 100px; object-fit: contain; }
.gabb-footer { padding: 30px 0; background: #2c2d29; border-top: 1px solid #d2d0c8; text-align: center; margin-top: 30px; }
.gabb-footer-p { margin: 3px 0; color: #9ca3af; font-size: 12px; }
.gabb-footer-links a { color: #f9fafb; text-decoration: none; font-size: 13px; font-weight: 700; transition: color 0.2s; }
.gabb-footer-links a:hover { color: #1b3e2f; }
.gabb-spec-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; font-size: 13px; color: #5c5a52; }
.gabb-spec-item { border-bottom: 1px dashed rgba(27,62,47,0.15); padding: 5px 0; }
.layui-input { background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #2c2d29 !important; border-radius: 6px !important; }
.layui-input:focus { border-color: #1b3e2f !important; }
.layui-form-label { background: #f9fafb !important; border: 1px solid #e5e7eb !important; color: #5c5a52 !important; border-radius: 6px !important; }
@media (max-width: 768px) {
    .gabb-table-pc { display: none; }
    .gabb-table-m { display: block; padding: 8px; }
    .gabb-m-card { background: #ffffff; border-radius: 10px; padding: 10px; display: flex; align-items: center; border: 1px dashed #d2d0c8; margin-bottom: 10px; text-decoration: none !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01); }
    .gabb-m-img-box { width: 64px; height: 64px; border-radius: 6px; overflow: hidden; background: #faf9f5; border: 1px dashed #d2d0c8; }
    .gabb-m-img-box img { width: 100%; height: 100%; object-fit: cover; }
    .gabb-m-info { margin-left: 10px; flex-grow: 1; overflow: hidden; }
    .gabb-m-title { font-size: 13px; color: #2c2d29; font-weight: 700; margin: 0 0 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .gabb-m-price-row { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 4px; }
    .gabb-m-price { color: #1b3e2f; font-size: 14px; font-weight: 800; }
    .gabb-m-stock { font-size: 11px; color: #9ca3af; }
}