#baoku-chatshare-ad {
  container-name: baoku-chatshare;
  container-type: inline-size;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 16px 0;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
#baoku-chatshare-ad *,
#baoku-chatshare-ad *::before,
#baoku-chatshare-ad *::after { box-sizing: border-box; }
#baoku-chatshare-ad .cs-product {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  min-height: 224px;
  padding: 16px;
  border: 1px solid #6a69a13d;
  border-radius: 16px;
  color-scheme: dark;
  color: #f4f4ff;
  background: radial-gradient(ellipse at 96% 0%, #59368455, transparent 55%), radial-gradient(ellipse at 70% 28%, #2e4e914a, transparent 62%), #101321;
  box-shadow: inset 0 1px 0 #e6dcff0a;
}
#baoku-chatshare-ad .cs-product::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .18;
  background-image: radial-gradient(#c2d3ff .6px, transparent .6px);
  background-size: 18px 18px;
  mask-image: linear-gradient(90deg, transparent 38%, #000);
  pointer-events: none;
}
#baoku-chatshare-ad .cs-product::after {
  content: "";
  position: absolute;
  top: 0;
  left: 18%;
  width: 48%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #a6c5ff99, #e0a7ff99, transparent);
  pointer-events: none;
}
#baoku-chatshare-ad .cs-header { display: flex; align-items: center; gap: 8px; min-height: 24px; padding-right: 75px; }
#baoku-chatshare-ad .cs-logo { display: grid; flex: none; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: #17213b; background: linear-gradient(135deg, #e3efff, #a2b4ff 58%, #c9a3fb); font-size: 18px; font-weight: 600; line-height: 1; }
#baoku-chatshare-ad .cs-brand { color: #f4f4ff; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -.4px; }
#baoku-chatshare-ad .cs-ad { margin-left: 2px; padding: 1px 6px; border: 1px solid #aeb7d133; border-radius: 4px; color: #aab2c6; font-size: 12px; font-weight: 400; line-height: 1.5; }
#baoku-chatshare-ad .cs-hero { position: relative; z-index: 1; min-width: 0; margin-top: 11px; }
#baoku-chatshare-ad .cs-title { margin: 0; color: #f4f4ff; font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -.6px; overflow-wrap: break-word; }
#baoku-chatshare-ad .cs-spectral { display: inline; color: #c7bdff; background: linear-gradient(95deg, #a9dcff, #c4afff 60%, #f0bce1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#baoku-chatshare-ad .cs-subtitle { margin: 7px 0 0; color: #aeb7d0; font-size: 12px; font-weight: 400; line-height: 1.7; }
#baoku-chatshare-ad .cs-scene { position: absolute; top: 8px; right: 14px; z-index: 0; width: 146px; height: 100px; transform: scale(.48); transform-origin: top right; pointer-events: none; }
#baoku-chatshare-ad .cs-halo { position: absolute; inset: -8px 0; border-radius: 50%; background: radial-gradient(circle, #8b7dff40, transparent 68%); filter: blur(8px); }
#baoku-chatshare-ad .cs-ring { position: absolute; top: 30px; left: 1px; width: 145px; height: 48px; border: 1px solid #c1caffbb; border-radius: 50%; transform: rotate(-26deg); box-shadow: 0 0 5px #aebaff55, inset 0 0 4px #a387ff44; }
#baoku-chatshare-ad .cs-ring-second { top: 12px; left: 20px; width: 108px; height: 77px; border-color: #aa83f779; transform: rotate(45deg); box-shadow: 0 0 10px #ab8dff22; }
#baoku-chatshare-ad .cs-orb { position: absolute; display: grid; place-items: center; top: 20px; left: 45px; width: 62px; height: 62px; border: 1px solid #dee4ff80; border-radius: 18px; transform: rotate(-11deg); background: linear-gradient(142deg, #e6edff, #a5b4eb 22%, #6f5ac4 47%, #2e224f 68%, #99a1ed); box-shadow: inset 1px 1px 3px #ffffffaa, inset -3px -3px 7px #130b2c, 0 9px 22px #0005; }
#baoku-chatshare-ad .cs-orb span { padding-right: 2px; transform: rotate(11deg); color: #f3f1ff; font-size: 35px; font-weight: 500; line-height: 1; text-shadow: 0 2px 8px #27105299; }
#baoku-chatshare-ad .cs-sparkle { position: absolute; top: 5px; right: 9px; width: 14px; height: 14px; color: #dbc1ff; }
#baoku-chatshare-ad .cs-services { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; min-width: 0; margin-top: 14px; }
#baoku-chatshare-ad .cs-service { --cs-accent: #bacfff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 76px; padding: 10px 6px; border: 1px solid #b0bde229; border-radius: 10px; color: #ecf0ff; background: #c2d1ff07; text-align: center; text-decoration: none; transition: background-color .18s ease, border-color .18s ease; -webkit-tap-highlight-color: #aa91ff22; }
#baoku-chatshare-ad .cs-service:nth-child(2) { --cs-accent: #e1bcff; border-color: #ddb6fa2a; background: #d4b0ff08; }
#baoku-chatshare-ad .cs-service:nth-child(3) { --cs-accent: #a8e1e8; border-color: #a1dee82a; background: #a1dce507; }
#baoku-chatshare-ad .cs-service-icon { display: grid; flex: none; place-items: center; width: 18px; height: 18px; color: var(--cs-accent); }
#baoku-chatshare-ad .cs-service-icon svg { display: block; width: 18px; height: 18px; }
#baoku-chatshare-ad .cs-service-copy { display: block; min-width: 0; }
#baoku-chatshare-ad .cs-service-name { display: block; color: #edf0ff; font-size: 13px; font-weight: 500; line-height: 1.4; }
#baoku-chatshare-ad .cs-recharge-name > span { display: block; }
#baoku-chatshare-ad .cs-service-detail { display: none; margin-top: 2px; color: #a9b3ce; font-size: 12px; font-weight: 400; line-height: 1.5; }
#baoku-chatshare-ad .cs-service-arrow { display: none; flex: none; width: 15px; height: 15px; color: var(--cs-accent); }
#baoku-chatshare-ad .cs-service:focus-visible { outline: 2px solid #ddcbff; outline-offset: 3px; }
@container baoku-chatshare (min-width: 420px) {
  #baoku-chatshare-ad .cs-product { min-height: 216px; }
  #baoku-chatshare-ad .cs-title { font-size: 26px; }
  #baoku-chatshare-ad .cs-recharge-name > span { display: inline; }
  #baoku-chatshare-ad .cs-service { min-height: 68px; }
}
@container baoku-chatshare (min-width: 780px) {
  #baoku-chatshare-ad .cs-product { min-height: 194px; padding: 18px 22px; }
  #baoku-chatshare-ad .cs-header { padding-right: 0; }
  #baoku-chatshare-ad .cs-hero { margin-top: 10px; padding-right: 162px; }
  #baoku-chatshare-ad .cs-title { font-size: 28px; line-height: 1.25; }
  #baoku-chatshare-ad .cs-subtitle { margin-top: 6px; }
  #baoku-chatshare-ad .cs-scene { top: 13px; right: 28px; transform: none; }
  #baoku-chatshare-ad .cs-services { gap: 10px; margin-top: 14px; }
  #baoku-chatshare-ad .cs-service { flex-direction: row; justify-content: flex-start; gap: 10px; min-height: 58px; padding: 10px 12px; text-align: left; }
  #baoku-chatshare-ad .cs-service-icon { width: 28px; height: 28px; border: 1px solid currentColor; border-color: color-mix(in srgb, var(--cs-accent) 20%, transparent); border-radius: 8px; background: #bacfff06; }
  #baoku-chatshare-ad .cs-service-icon svg { width: 17px; height: 17px; }
  #baoku-chatshare-ad .cs-service-copy { flex: 1; }
  #baoku-chatshare-ad .cs-service-name { font-size: 14px; }
  #baoku-chatshare-ad .cs-service-detail { display: block; }
  #baoku-chatshare-ad .cs-service-arrow { display: block; }
}
@media (hover: hover) {
  #baoku-chatshare-ad .cs-service:hover { border-color: var(--cs-accent); background: #c7c2ff14; }
}
@media (prefers-reduced-motion: reduce) {
  #baoku-chatshare-ad .cs-service { transition: none; }
}