.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}


/* 完整自定义主题 */
.tippy-box[data-theme~='purple-gradient'] {
  background: linear-gradient(45deg, #ffffff, #ffffff);
/*  color: white;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3);*/
}
/* 箭头颜色也要相应修改 */
.tippy-box[data-theme~='purple-gradient'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #a4832a;
}

.tippy-box[data-theme~='purple-gradient'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #a4832a;
}
.tippy-box[data-theme~='purple-gradient'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #a4832a;
}

.tippy-box[data-theme~='purple-gradient'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #a4832a;
}

/* 内容区域样式 */
.tippy-box[data-theme~='purple-gradient'] .tippy-content {
  padding: 2px 0px 2px 2px;
  font-weight: 500;
}