.quick-box { display: none !important; }
.customer-service { position: fixed; right: 12px; top: 50%; transform: translateY(-50%); z-index: 10000; font-family: "Microsoft YaHei", sans-serif; }
.service-toggle { display: grid; place-items: center; width: 62px; height: 62px; padding: 10px; border: 0; border-radius: 8px; background: #115da5; color: #fff; cursor: pointer; box-shadow: 0 4px 16px #0002; }
.service-toggle svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.service-panel { width: 300px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 8px; background: #f6f6f6; box-shadow: 0 6px 28px #0003; }
.service-panel[hidden], .service-toggle[hidden] { display: none; }
.service-panel header { display: flex; align-items: center; justify-content: space-between; padding: 18px 15px; background: #115da5; color: white; font-size: 20px; }
.service-close { border: 0; background: transparent; color: #fff; font-size: 28px; cursor: pointer; }
.service-contacts { padding: 0 14px 14px; }
.service-contacts p { margin: 0; padding: 10px 0; border-bottom: 1px solid #e7e7e7; font-size: 15px; color: #555; text-align: center; }
.service-contacts a { color: #555; }
.service-contacts a:hover { color: #115da5; }
.service-qr { display: block; width: 140px; height: auto; margin: 12px auto 0; }
.service-inquiry { display: block; padding: 12px; text-align: center; background: #115da5; color: #fff !important; font-size: 18px; }
.product-contact { padding: 30px 0 50px; }
.product-contact h2 { margin: 0 0 40px; padding: 14px; border-radius: 48px; background: #115da5; color: #fff; text-align: center; font-size: 30px; font-weight: 400; }
.product-contact h2 small { display: block; font-size: 13px; letter-spacing: 1px; color: #fff; }
.product-contact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.product-contact-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; min-height: 220px; padding: 24px 16px; border: 0; border-radius: 8px; background: #f4f4f4; color: #20232f; text-align: center; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; cursor: pointer; }
.product-contact-card:hover { background: #eaf2fb; color: #115da5; }
.product-contact-card svg { width: 58px; height: 58px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media(max-width:767px) { .customer-service { right: 8px; } .service-toggle { width: 50px; height: 50px; } .product-contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .product-contact-card { min-height: 180px; padding: 16px 10px; font-size: 14px; } .product-contact h2 { margin-bottom: 20px; } }