/* TextPressure 组件样式 */
.text-pressure-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.text-pressure-title {
  font-family: 'Compressa VF', 'Inter var', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  user-select: none;
  transition: font-variation-settings 0.1s ease-out, 
              font-size 0.1s ease-out,
              opacity 0.1s ease-out;
}

.text-pressure-title span {
  transition: font-variation-settings 0.15s ease-out, 
              opacity 0.15s ease-out;
}

/* 为不支持可变字体的浏览器提供后备方案 */
@supports not (font-variation-settings: normal) {
  .text-pressure-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
}

/* 弹性布局 */
.flex {
  display: flex;
  justify-content: space-between;
}

/* 描边效果 */
.stroke span {
  position: relative;
}

.stroke span::after {
  content: attr(data-char);
  position: absolute;
  left: 0;
  top: 0;
  color: transparent;
  z-index: -1;
  -webkit-text-stroke-width: 3px;
}