.app-bar-transition {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.app-bar-pill {
  border-radius: 50px !important;
  margin: 16px 16px;
  width: calc(100% - 32px) !important;
  transform: translateX(0);
}

.app-bar-rect {
  border-radius: 0 !important;
  margin: 0;
  width: 100% !important;
  transform: translateX(0);
}

html, body {
  overflow-y: scroll;
}

::-webkit-scrollbar {
  display: none;
}

/* 自定义样式 */
.bg-gradient-to-r {
  background: linear-gradient(90deg, rgb(var(--v-theme-primary)) 0%, rgb(var(--v-theme-secondary)) 100%);
}

.gb-primary {
  background-color: rgb(var(--v-theme-primary)) !important;
}

.v-card--rounded-lg {
  border-radius: 16px !important;
}

.v-btn--elevated {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.v-btn:hover {
  transform: translateY(-1px);
  transition: transform 0.2s ease-in-out;
}

.v-main {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.calculator-container {
  /* max-width: 1400px; */
  margin: 0 16px 16px 16px;
}

.parameter-card {
  max-width: 800px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

.result-card {
  max-width: 800px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from, .fade-leave-to {
  opacity: 0;
}

/* 确保导航栏文字完整显示 */
.v-list-item-title {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2 !important;
}

/* 导航栏项目间距优化 */
.v-navigation-drawer .v-list-item {
  padding-left: 16px !important;
  padding-right: 16px !important;
  min-height: 48px !important;
}

/* 导航栏图标和文字对齐 */
.v-navigation-drawer .v-list-item__prepend {
  margin-right: 12px !important;
}

/* 响应式导航栏标题 */
.v-navigation-drawer .v-list-item-title {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

/* 导航栏头部样式优化 */
.v-navigation-drawer .v-list-item.pa-4 .v-list-item-title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

.v-navigation-drawer .v-list-item.pa-4 .v-list-item-subtitle {
  font-size: 0.75rem !important;
  opacity: 0.7;
}

/* 响应式导航栏宽度 */
@media (max-width: 960px) {
  .drawer-transition {
    max-width: 280px !important;
  }
  
  .v-navigation-drawer .v-list-item-title {
    font-size: 0.8rem !important;
    line-height: 1.1 !important;
  }
}

@media (max-width: 600px) {
  .v-navigation-drawer .v-list-item-title {
    font-size: 0.75rem !important;
    line-height: 1.0 !important;
  }
  
  .v-navigation-drawer .v-list-item {
    min-height: 44px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}