/* ============================================================
   在线客服会话 · WAP / WEB 共用样式
   WAP：全屏会话；WEB：右下角浮窗
   ============================================================ */

/* ---------- 面板容器 ---------- */
.sv-chat {
  /* 顶栏高度统一：聊天页头部与「选择订单发送」头部共用同一变量，
     WAP 切换两个页面时顶部不跳动；安全区只加在聊天头上，订单浮层不再重复计算。v20261108t */
  --svc-head-h: 54px;
  --svc-head-total: calc(var(--svc-head-h) + env(safe-area-inset-top, 0px));
  position: fixed; z-index: 141;
  display: flex; flex-direction: column;
  background: #f4f5f7;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .22s ease, transform .24s ease, visibility .24s ease;
}
.sv-chat.show { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }

/* WAP：全屏 */
body.wap .sv-chat { inset: 0; transform: translateY(100%); }
body.wap .sv-chat.show { transform: translateY(0); }

/* WEB：右下角浮窗 */
body:not(.wap) .sv-chat {
  right: 24px; bottom: 96px;
  width: 370px; height: min(560px, calc(100vh - 130px));
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 18px 50px rgba(20, 24, 32, .22);
  transform: translateY(14px) scale(.98);
}
body:not(.wap) .sv-chat.show { transform: translateY(0) scale(1); }

/* WEB 悬浮客服按钮 */
.web-fab {
  position: fixed; right: 24px; bottom: 24px; z-index: 120;
  display: flex; align-items: center; gap: 8px;
  height: 46px; padding: 0 17px; border: 0; border-radius: 999px;
  color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
  background: linear-gradient(135deg, #f0433a, #ff8a5c);
  box-shadow: 0 8px 22px rgba(240, 67, 58, .32);
  transition: transform .18s ease, box-shadow .18s ease;
}
.web-fab:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(240, 67, 58, .4); }
body:not(.wap).chat-open .web-fab { opacity: 0; pointer-events: none; }
.web-fab svg { flex: none; }

/* 新消息提示红点 */
.wap-fab.has-unread::after,
.web-fab.has-unread::after {
  content: ''; position: absolute; top: 3px; right: 3px;
  width: 9px; height: 9px; border-radius: 50%;
  background: #ffd400; border: 2px solid #fff; box-sizing: content-box;
}

/* ---------- 头部 ---------- */
.svc-head {
  display: flex; align-items: center; gap: 10px; flex: none;
  height: var(--svc-head-total); box-sizing: border-box;
  padding: env(safe-area-inset-top, 0px) 12px 0;
  background: linear-gradient(135deg, #f0433a, #ff7a52); color: #fff;
}
.svc-head .grow { flex: 1; min-width: 0; }
.svc-head b { display: block; font-size: 15px; font-weight: 600; }
.svc-head small { display: flex; align-items: center; gap: 5px; font-size: 11px; opacity: .92; margin-top: 2px; flex-wrap: nowrap; }
/* 状态行「人工客服 KF001 服务中」始终单行，不换行 / 不撑高头部 */
.svc-head small #svcState { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.svc-dot { width: 6px; height: 6px; border-radius: 50%; background: #b6ffcf; box-shadow: 0 0 0 2px rgba(255, 255, 255, .25); flex: none; }
.svc-back, .svc-help {
  border: 0; background: rgba(255, 255, 255, .18); color: #fff;
  border-radius: 8px; height: 32px; min-width: 40px; padding: 0 10px;
  font-size: 13px; line-height: 1; cursor: pointer;
}
.svc-back { font-size: 24px; padding: 0 8px; }
/* WAP：左上角返回只保留箭头图标，去掉半透明卡片底，避免头部出现多余方框 */
body.wap .svc-back {
  background: transparent; border-radius: 0; box-shadow: none;
  height: auto; min-width: 0; padding: 0 6px 0 0;
  font-size: 30px; line-height: 1;
}
.svc-avatar {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  background: rgba(255, 255, 255, .22); display: flex; align-items: center; justify-content: center;
}

/* ---------- 消息区 ---------- */
.svc-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 14px 12px 6px; }
.svc-msg { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 12px; }
.svc-msg.me { flex-direction: row-reverse; }
.svc-av {
  width: 30px; height: 30px; border-radius: 50%; flex: none;
  background: #fff; border: 1px solid #e8e9ed; color: #f0433a;
  display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600;
}
.svc-col {
  width: fit-content; max-width: 76%; min-width: 0; flex: 0 0 auto;
  display: flex; flex-direction: column;
}
.svc-msg.me .svc-col { align-items: flex-end; }
.svc-bubble {
  padding: 10px 12px; border-radius: 14px; font-size: 13.5px; line-height: 1.6;
  white-space: normal; word-break: break-word; overflow-wrap: anywhere;
  background: #fff; border: 1px solid #e8e9ed;
  color: #22262e; border-top-left-radius: 4px;
  box-shadow: 0 1px 3px rgba(20, 24, 32, .04);
}
.svc-msg.me .svc-bubble {
  background: linear-gradient(135deg, #f0433a, #ff8a5c); color: #fff; border: 0;
  border-top-left-radius: 14px; border-top-right-radius: 4px;
  box-shadow: 0 3px 10px rgba(240, 67, 58, .2);
}
.svc-t { font-size: 10px; color: #9aa0aa; margin-top: 4px; padding: 0 2px; }
.svc-msg .svc-who { font-size: 10px; color: #9aa0aa; margin: 0 2px 3px; }

/* 图片消息 */
.svc-bubble.svc-img { padding: 4px; background: #fff; }
.svc-bubble.svc-img img {
  display: block; max-width: 100%; max-height: 210px; border-radius: 10px; cursor: zoom-in;
}
.svc-msg.me .svc-bubble.svc-img { background: rgba(255, 255, 255, .18); }

/* 正在输入 */
.svc-typing { display: flex; align-items: center; gap: 4px; padding: 12px 14px; }
.svc-typing i { width: 6px; height: 6px; border-radius: 50%; background: #c9ccd2; animation: svcBlink 1.1s infinite ease-in-out; }
.svc-typing i:nth-child(2) { animation-delay: .18s; }
.svc-typing i:nth-child(3) { animation-delay: .36s; }
@keyframes svcBlink {
  0%, 60%, 100% { opacity: .35; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-3px); }
}

/* ---------- 快捷提问 ---------- */
.svc-quick {
  flex: none; display: flex; gap: 7px; overflow-x: auto; padding: 8px 12px;
  background: #f4f5f7; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.svc-quick::-webkit-scrollbar { display: none; }
.svc-chip {
  flex: none; border: 1px solid #ffd3cc; background: #fff; color: #f0433a;
  border-radius: 999px; padding: 6px 12px; font-size: 12px; white-space: nowrap; cursor: pointer;
}
.svc-chip:active { background: #fff1ef; }

/* ---------- 输入栏 ---------- */
.svc-input {
  flex: none; display: flex; gap: 8px; align-items: center;
  padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
  background: #fff; border-top: 1px solid #e8e9ed;
}
.svc-img-btn {
  flex: none; width: 38px; height: 38px; border-radius: 50%;
  background: #f2f3f5; color: #6b7280; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.svc-img-btn:active { background: #e6e8eb; }
.svc-input input[type=text] {
  flex: 1; min-width: 0; height: 38px; border: 1px solid #e8e9ed;
  border-radius: 999px; padding: 0 14px; font-size: 14px; background: #f7f8fa; outline: none;
}
.svc-input input[type=text]:focus { border-color: #f0433a; background: #fff; }
.svc-input button[type=submit] {
  flex: none; height: 38px; padding: 0 18px; border: 0; border-radius: 999px;
  background: linear-gradient(135deg, #f0433a, #ff8a5c); color: #fff;
  font-size: 14px; font-weight: 600; cursor: pointer;
}
.svc-input button[type=submit]:disabled { opacity: .55; }

/* ---------- 图片放大预览 ---------- */
.svc-viewer {
  position: fixed; inset: 0; z-index: 170;
  background: rgba(0, 0, 0, .88);
  display: flex; align-items: center; justify-content: center;
}
.svc-viewer img { max-width: 92vw; max-height: 88vh; border-radius: 6px; }

/* ---------- 小屏适配 ---------- */
@media (max-width: 420px) {
  body:not(.wap) .sv-chat { right: 10px; bottom: 82px; width: calc(100vw - 20px); }
  .web-fab { right: 14px; bottom: 16px; }
}

/* ============================================================
   27) 首页搜索后客服入口与未读消息数角标（WAP / WEB）
   ============================================================ */
body.wap .wap-header.top-brand .wap-top { align-items: center; }
.wap-svc-entry {
  position: relative; flex: 0 0 34px; width: 34px; height: 34px;
  margin-left: 1px; padding: 0; border: 0; background: transparent;
  color: #fff; display: flex; align-items: center; justify-content: center;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.wap-svc-entry:active { opacity: .65; }
.wap-svc-entry svg { width: 22px; height: 22px; }

/* 未读数字：绝对定位在图标右上角 */
.svc-unread {
  position: absolute !important; top: -4px; right: -5px;
  min-width: 16px; height: 16px; line-height: 16px; padding: 0 4px;
  border-radius: 9px; box-sizing: border-box;
  font-size: 10px; font-weight: 700; font-style: normal; text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
}
.svc-unread[hidden] { display: none !important; }
/* WAP 品牌红条：白底红字 */
.wap-svc-entry .svc-unread {
  background: #fff !important; color: #f0433a !important; top: -2px; right: -4px;
}
/* WEB 顶栏：红底白字 */
.ha-svc { border: 0; background: transparent; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.ha-svc:hover { color: var(--primary); }
.ha-svc .svc-unread {
  background: #f0433a !important; color: #fff !important; top: -8px; right: -9px;
  box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(240, 67, 58, .3);
}
/* 非工作时间 / 客服离线时头部状态点转灰 */
.svc-head.is-offline .svc-dot { background: #b9bec7; }

/* ============================================================
   28) 头像 / 工号 / 已读未读 / 订单卡片 / 提示音 / 个人中心消息提醒
   ============================================================ */

/* 头部提示音开关 */
.svc-sound {
  flex: none; border: 0; background: rgba(255, 255, 255, .18); color: #fff;
  border-radius: 8px; height: 32px; min-width: 34px; padding: 0 7px;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  position: relative;
}
.svc-sound.is-muted { opacity: .55; }
.svc-sound.is-muted::after {
  content: ''; position: absolute; width: 21px; height: 1.5px;
  background: #fff; transform: rotate(-45deg); border-radius: 2px;
}

/* 三类头像 */
.svc-av { overflow: hidden; }
.svc-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.svc-av-me { background: linear-gradient(135deg, #ffd0c8, #fff0ec); color: #c8372f; border-color: #ffd9d3; }
.svc-av-bot { background: linear-gradient(135deg, #eaf1ff, #f5f8ff); color: #4a6cc7; border-color: #dbe5f8; font-size: 14px; }
.svc-av-agent { background: linear-gradient(135deg, #fff0df, #fff8ee); color: #c8791f; border-color: #f6e0c2; }

/* 人工客服姓名 + 工号 */
.svc-msg .svc-who { display: block; font-size: 10px; color: #8b9099; margin: 0 2px 4px; }
.svc-msg.them .svc-who b { color: #c8372f; font-weight: 600; }

/* 时间 + 已读未读同排 */
.svc-meta { display: flex; align-items: center; gap: 6px; margin-top: 4px; padding: 0 2px; }
.svc-msg.me .svc-meta { flex-direction: row-reverse; }
.svc-t { margin-top: 0; }
.svc-read { font-size: 10px; color: #9aa0aa; white-space: nowrap; }
.svc-read.is-read { color: #2ba36a; }

/* 系统提示（转人工后等待人工回复） */
.svc-hint {
  display: block; width: max-content; max-width: 86%;
  text-align: center; font-size: 11px; color: #9aa0aa;
  margin: 10px auto 14px; padding: 5px 12px; border-radius: 999px;
  background: rgba(0, 0, 0, .045);
  white-space: normal; word-break: break-word; overflow-wrap: anywhere;
}

/* 订单卡片消息 */
.svc-bubble.svc-order {
  padding: 0; width: 234px; max-width: 100%; overflow: hidden;
  background: #fff; border: 1px solid #e8e9ed; border-radius: 12px;
  box-shadow: 0 2px 8px rgba(20, 24, 32, .06);
}
.svc-msg.me .svc-bubble.svc-order {
  background: #fff; color: #22262e; border: 1px solid #ffd9d3; padding: 0;
  border-top-left-radius: 12px; border-top-right-radius: 4px;
}
.svc-ord-top {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 10px; font-size: 11px; font-weight: 600; color: #c8372f;
  background: #fff4f1; border-bottom: 1px solid #ffe6e0;
}
.svc-ord-top em { font-style: normal; font-size: 11px; color: #d1782a; }
.svc-ord-main { display: flex; gap: 9px; padding: 10px; align-items: center; }
.svc-ord-main img, .svc-ord-ph {
  width: 46px; height: 46px; flex: none; border-radius: 7px;
  object-fit: cover; background: #f4f5f7;
  display: flex; align-items: center; justify-content: center; font-size: 21px;
}
.svc-ord-info { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.svc-ord-info b { font-size: 12.5px; font-weight: 600; color: #22262e;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.svc-ord-info span { font-size: 11px; color: #7b818b; }
.svc-ord-no, .svc-ord-time {
  padding: 0 10px; font-size: 10.5px; color: #8b9099;
  border-top: 1px solid #f2f3f5;
}
.svc-ord-no { padding-top: 7px; }
.svc-ord-time { padding-top: 3px; padding-bottom: 8px; border-top: 0; }

/* 输入栏订单按钮 */
.svc-order-btn {
  flex: none; width: 38px; height: 38px; border-radius: 50%;
  background: #f2f3f5; color: #6b7280; border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.svc-order-btn:active { background: #ffe9e4; color: #c8372f; }

/* 订单选择浮层（覆盖会话内容区） */
.svc-orders {
  position: absolute; left: 0; right: 0; bottom: 0; top: var(--svc-head-total); z-index: 4;
  background: #fff; display: flex; flex-direction: column;
}
.svc-orders[hidden] { display: none !important; }
/* 顶部栏与聊天页 .svc-head 等高（同为 --svc-head-h），切换时视觉对齐 */
.svc-orders-head {
  flex: none; display: flex; align-items: center; justify-content: space-between;
  height: var(--svc-head-h); box-sizing: border-box;
  padding: 0 14px; border-bottom: 1px solid #eceef1; font-size: 14px;
}
.svc-orders-head button {
  border: 0; background: #f2f3f5; color: #666; border-radius: 7px;
  padding: 5px 11px; font-size: 12px; cursor: pointer;
}
.svc-orders-list { flex: 1; overflow-y: auto; padding: 6px 10px 14px; -webkit-overflow-scrolling: touch; }
.svc-ord-empty { text-align: center; color: #9aa0aa; font-size: 13px; padding: 42px 12px; line-height: 2; }
.svc-ord-empty a { color: #c8372f; text-decoration: none; }
.svc-ord-item {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
  background: #fff; border: 1px solid #eceef1; border-radius: 10px;
  padding: 10px; margin-top: 8px; cursor: pointer;
}
.svc-ord-item:active { background: #fff6f4; border-color: #ffd9d3; }
.svc-ord-item img, .svc-ord-item .svc-ord-ph {
  width: 48px; height: 48px; flex: none; border-radius: 7px; object-fit: cover;
  background: #f4f5f7; display: flex; align-items: center; justify-content: center; font-size: 21px;
}
.svc-ord-item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.svc-ord-item-info b { font-size: 13px; color: #22262e; font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.svc-ord-item-info small { font-size: 10.5px; color: #9aa0aa; }
.svc-ord-item-info em { font-style: normal; font-size: 11.5px; color: #c8372f; }
.svc-ord-send { flex: none; font-size: 11px; color: #fff; background: #f0433a;
  border-radius: 999px; padding: 5px 10px; }

/* 个人中心：未读消息提醒条（WAP / WEB 共用） */
.svc-msg-tip {
  display: flex; align-items: center; gap: 10px; width: 100%;
  margin: 0 0 12px; padding: 11px 13px; border-radius: 10px;
  background: linear-gradient(135deg, #fff2ee, #fff8f2);
  border: 1px solid #ffd9d0; color: #b8352d; font-size: 13px;
  cursor: pointer; text-align: left; box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.svc-msg-tip[hidden] { display: none !important; }
.svc-msg-tip-ico {
  flex: none; width: 30px; height: 30px; border-radius: 50%;
  background: #f0433a; color: #fff; display: flex; align-items: center; justify-content: center;
}
.svc-msg-tip-txt { flex: 1; min-width: 0; }
.svc-msg-tip-txt b { display: block; font-size: 13px; font-weight: 600; }
.svc-msg-tip-txt small { display: block; font-size: 11px; opacity: .8; margin-top: 2px; }
.svc-msg-tip-num {
  flex: none; min-width: 20px; height: 20px; line-height: 20px; padding: 0 6px;
  border-radius: 10px; background: #f0433a; color: #fff;
  font-size: 11px; font-weight: 700; text-align: center;
}
.svc-msg-tip-num[hidden] { display: none !important; }
.svc-msg-tip-arrow { flex: none; opacity: .6; }

/* ============================================================
   Section 29 · 消息推送通知（WAP / WEB 共用，v20261108o）
   - 头部铃铛开关：开启桌面通知权限；页面内横幅作为不支持时的降级提醒
   - 横幅独立于 .sv-chat，聊天未打开时同样可见
   ============================================================ */
.svc-push.is-off { opacity: .55; }
.svc-push.is-off::after {
  content: ''; position: absolute; width: 21px; height: 1.5px;
  background: #fff; transform: rotate(-45deg); border-radius: 2px;
}
.svc-push.is-ready { background: rgba(255, 255, 255, .32); }
.svc-head .svc-sound + .svc-sound { margin-left: 6px; }

.svc-push-toast {
  position: fixed; z-index: 10020; left: 12px; right: 12px; top: 12px;
  display: flex; align-items: flex-start; gap: 10px;
  max-width: 380px; margin: 0 auto;
  padding: 12px 12px 12px 14px; border-radius: 12px;
  background: #fff; border: 1px solid #ffd9d0; border-left: 4px solid #f0433a;
  box-shadow: 0 10px 32px rgba(30, 40, 70, .18);
  animation: svcPushIn .22s ease-out;
}
.svc-push-toast[hidden] { display: none !important; }
@keyframes svcPushIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.svc-push-ico {
  flex: none; width: 30px; height: 30px; border-radius: 9px;
  background: #fff0ec; color: #f0433a;
  display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.svc-push-txt { flex: 1; min-width: 0; }
.svc-push-txt b { display: block; font-size: 13px; color: #1f2430; margin-bottom: 3px; }
.svc-push-txt small {
  display: block; font-size: 12px; color: #8b93a3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.svc-push-go {
  flex: none; border: 0; background: #f0433a; color: #fff;
  border-radius: 7px; padding: 6px 11px; font-size: 12px; font-weight: 600; cursor: pointer;
}
.svc-push-x {
  flex: none; border: 0; background: transparent; color: #b0b7c3;
  font-size: 18px; line-height: 1; cursor: pointer; padding: 2px 4px;
}
body:not(.wap) .svc-push-toast {
  left: auto; right: 18px; top: 18px; margin: 0; width: 340px; max-width: calc(100vw - 36px);
}

/* ============================================================
   Section 30 · 客户侧订单详情弹层（v20261108r）
   订单卡片可点击，弹层展示订单信息 / 商品清单 / 金额 / 地址 / 物流 / 备注
   ============================================================ */
.svc-bubble.svc-order { cursor: pointer; }
.svc-ord-more {
  border-top: 1px solid #f0f1f4; margin-top: 2px; padding: 8px 10px;
  font-size: 11.5px; color: #c8372f; text-align: center; font-weight: 600;
}
.svc-bubble.svc-order:active .svc-ord-more { background: #fff6f4; }
.svc-detail-mask {
  /* 详情弹层在 #svChat 之外（兄弟层），必须高于聊天面板 141 / 订单浮层 10020，
     否则会被会话里的订单卡片盖住，导致「看不了详情、关闭按钮点不到」。v20261108r */
  position: fixed; inset: 0; z-index: 10030; background: rgba(18,24,38,.48);
  display: flex; align-items: center; justify-content: center; padding: 14px;
}
.svc-detail-mask[hidden] { display: none !important; }
.svc-detail {
  width: 100%; max-width: 420px; max-height: 86vh; overflow-y: auto;
  background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.18);
}
.svc-detail-head {
  position: sticky; top: 0; z-index: 1; background: #fff;
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 15px; border-bottom: 1px solid #f0f1f4;
}
.svc-detail-head b { font-size: 14px; color: #1f2430; }
.svc-detail-head button {
  border: 0; background: #f2f3f5; color: #666; border-radius: 7px;
  padding: 5px 10px; font-size: 12px; cursor: pointer;
}
.svc-detail-body { padding: 6px 15px 18px; font-size: 12.5px; line-height: 1.7; }
.svc-d-sec { padding: 10px 0; border-bottom: 1px dashed #eceef2; }
.svc-d-sec:last-child { border-bottom: 0; }
.svc-d-sec h5 { margin: 0 0 8px; font-size: 12.5px; color: #22262e; font-weight: 700; }
.svc-d-row { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; }
.svc-d-row span { color: #8b93a3; flex: none; }
.svc-d-row b { color: #22262e; font-weight: 600; text-align: right; word-break: break-all; }
.svc-d-row b.svc-d-st { color: #f0433a; }
.svc-d-row b.svc-d-total { color: #f0433a; font-size: 14px; }
.svc-d-goods { display: flex; align-items: center; gap: 9px; padding: 7px 0; }
.svc-d-goods img, .svc-d-ph {
  width: 44px; height: 44px; flex: none; border-radius: 6px; object-fit: cover;
  background: #f5f6f8; display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.svc-d-goods-i { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.svc-d-goods-i b { font-size: 12.5px; color: #22262e; font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.svc-d-goods-i small { font-size: 11px; color: #9aa0aa; }
.svc-d-goods-p { flex: none; font-size: 12.5px; color: #f0433a; font-weight: 600; }
.svc-d-pre { margin: 0; white-space: pre-wrap; word-break: break-word; font: inherit; color: #555c68; }