/* 全站技术顾问入口：独立组件，不干预原页面结构与业务样式。 */
/* 公共模板的 perspective 会让 fixed 元素跟随文档；客服组件关闭该透视，保持相对浏览器视口固定。 */
body:has(.customer-service) { perspective: none !important; transform: none !important; }
.customer-service { color: #10271c; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; position: relative; z-index: 1250; }.customer-service__launcher { align-items: center; background: #153e27; border: 0; border-radius: 999px; bottom: 28px; box-shadow: 0 14px 35px rgba(11, 48, 27, .24); color: #fff; cursor: pointer; display: flex; font: inherit; font-size: 13px; font-weight: 800; gap: 9px; padding: 13px 17px 13px 14px; position: fixed !important; right: 28px; transition: transform .22s ease, background .22s ease; z-index: 1251; }.customer-service__launcher:hover { background: #28713a; transform: translateY(-3px); }.customer-service__launcher > i { align-items: center; background: #d7ef8d; border-radius: 50%; color: #163e27; display: inline-flex; font-size: 17px; height: 29px; justify-content: center; width: 29px; }.customer-service__launcher b { background: #bfe678; border: 2px solid #153e27; border-radius: 50%; height: 9px; position: absolute; right: 13px; top: 9px; width: 9px; }
.customer-service__backdrop { background: rgba(4, 24, 14, .24); inset: 0; opacity: 0; position: fixed !important; transition: opacity .25s ease; z-index: 1252; }.customer-service.is-open .customer-service__backdrop { opacity: 1; }.customer-service__panel { background: #f6f8f0; border: 1px solid rgba(16, 39, 28, .16); border-radius: 22px; bottom: 27px; box-shadow: 0 25px 65px rgba(6, 32, 17, .26); opacity: 0; padding: 23px; pointer-events: none; position: fixed !important; right: 27px; transform: translateY(18px) scale(.97); transition: opacity .24s ease, transform .24s ease; width: min(340px, calc(100vw - 40px)); z-index: 1253; }.customer-service.is-open .customer-service__panel { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }.customer-service__header { align-items: flex-start; display: flex; justify-content: space-between; }.customer-service__status { align-items: center; color: #397447; display: flex; font-size: 11px; font-weight: 800; gap: 6px; letter-spacing: .04em; }.customer-service__status i { background: #80ba55; border-radius: 50%; box-shadow: 0 0 0 4px rgba(128,186,85,.16); height: 7px; width: 7px; }.customer-service h2 { font-size: 31px; letter-spacing: -.075em; line-height: .95; margin: 13px 0 0; }.customer-service__close { align-items: center; background: #e4ecdb; border: 0; border-radius: 50%; color: #244e30; cursor: pointer; display: flex; height: 32px; justify-content: center; width: 32px; }.customer-service__close i { font-size: 15px; }.customer-service__intro { color: rgba(16,39,28,.7); font-size: 13px; line-height: 1.6; margin: 19px 0; }.customer-service__qq { background: #e2efd6; border-radius: 14px; padding: 15px; }.customer-service__qq > span { color: #42764d; display: block; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.customer-service__qq strong { display: block; font-family: Georgia, serif; font-size: 29px; letter-spacing: .015em; line-height: 1; margin: 8px 0 13px; }.customer-service__qq button { background: transparent; border: 0; color: #1d6033; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; padding: 0; }.customer-service__qq button i { margin-right: 5px; }.customer-service__primary { align-items: center; background: #153e27; border-radius: 11px; color: #fff; display: flex; font-size: 13px; font-weight: 800; justify-content: space-between; margin-top: 12px; padding: 14px 15px; text-decoration: none; }.customer-service__primary i { font-size: 16px; }.customer-service__topics { border-top: 1px solid rgba(16,39,28,.14); margin-top: 18px; padding-top: 5px; }.customer-service__topics a { align-items: center; border-bottom: 1px solid rgba(16,39,28,.11); color: #244e30; display: flex; font-size: 12px; font-weight: 700; justify-content: space-between; padding: 10px 0; text-decoration: none; }.customer-service__topics i { font-size: 12px; }.customer-service__note { color: rgba(16,39,28,.53); font-size: 10px; line-height: 1.45; margin: 14px 0 0; }
@media (max-width: 767px), (pointer: coarse) { .customer-service { z-index: 1300; }.customer-service__launcher { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); right: 14px; z-index: 1301; }.customer-service__launcher span { display: none; }.customer-service__launcher > i { height: 43px; width: 43px; }.customer-service__launcher b { right: 4px; top: 4px; }.customer-service__backdrop { z-index: 1302; }.customer-service__panel { border-radius: 22px 22px 16px 16px; bottom: calc(82px + env(safe-area-inset-bottom, 0px)); left: 10px; right: 10px; transform: translateY(18px); width: auto; z-index: 1303; }.customer-service.is-open .customer-service__panel { transform: translateY(0); }.customer-service h2 { font-size: 29px; } }
@media (prefers-reduced-motion: reduce) { .customer-service__launcher, .customer-service__backdrop, .customer-service__panel { transition: none; } }