/* illli CSS Library v1.0.6 */

/* 导入组件样式 */


/* 全局组件展示样式 */
.demo-block {
  margin-bottom: 30rpx;
  background-color: var(--color-white);
  border-radius: 8rpx;
  overflow: hidden;
}

.demo-title {
  font-size: 32rpx;
  font-weight: bold;
  padding: 20rpx;
  border-bottom: 1rpx solid var(--color-border);
}

.demo-content { 
  padding: 20rpx; 
}

/* 全局页面样式 */
page {
  background-color: var(--color-bg);
  color: var(--color-text);
}

/* illli CSS 主题变量 */
:root {
  /* 基础颜色 */
  --color-primary: #07C160;
  --color-danger: #FA5151;
  --color-warning: #FFC300;
  --color-info: #10AEFF;
  --color-success: #52c41a;
  
  /* 主题颜色 - 可被切换 */
  --color-dark: #333333;
  --color-light: #F7F7F7;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-border: #EEEEEE;
  --color-bg: #F7F7F7;
  --color-text: #333333;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-disabled: #CCCCCC;
  --color-divider: #EEEEEE;
  --color-mask: rgba(0, 0, 0, 0.4);
  --box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
  
  /* 字体大小 */
  --font-size-xs: 24rpx;
  --font-size-sm: 28rpx;
  --font-size-md: 32rpx;
  --font-size-lg: 36rpx;
  --font-size-xl: 40rpx;
  
  /* 圆角 */
  --radius-sm: 4rpx;
  --radius-md: 8rpx;
  --radius-lg: 16rpx;
  
  /* 间距 */
  --spacing-xs: 5rpx;
  --spacing-sm: 10rpx;
  --spacing-md: 20rpx;
  --spacing-lg: 30rpx;
  
  /* 动画变量 */
  --animation-duration-fast: 0.3s;
  --animation-duration-normal: 0.5s;
  --animation-duration-slow: 1s;
  
  /* 过渡效果 */
  --transition-timing-function: ease;
  --transition-timing-function-ease-in: ease-in;
  --transition-timing-function-ease-out: ease-out;
  --transition-timing-function-ease-in-out: ease-in-out;
}