/* MD3 配色方案 */
			:root {
				--md-primary: #6200EE;
				--md-success: #388E3C;
				--md-warning: #F57C00;
				--md-danger: #D32F2F;
				--md-info: #1976D2;
				--md-background: #FAFAFA;
				--md-surface: #FFFFFF;
				--md-on-surface: #212121;
				--md-on-surface-variant: #757575;
				--md-outline: #E0E0E0;
				--md-shadow: rgba(0, 0, 0, 0.08);
			}

			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
				background-color: var(--md-background);
				color: var(--md-on-surface);
				line-height: 1.5;
			}

			/* Header 组件 */
			.header {
				background: var(--md-surface) !important;
				color: var(--md-on-surface) !important;
				padding: 16px;
				text-align: center;
				box-shadow: 0 1px 3px var(--md-shadow);
				position: sticky;
				top: 0;
				z-index: 100;
			}

			.header__title {
				font-size: 18px !important;
				font-weight: 500;
				color: var(--md-on-surface) !important;
				opacity: 1 !important;
			}

			/* 主容器 */
			.tab {
				background: var(--md-surface);
				padding: 16px;
				margin-bottom: 8px;
				box-shadow: 0 1px 2px var(--md-shadow);
			}

			/* 顶部操作栏 */
			.bar {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				margin-bottom: 16px;
				gap: 12px;
			}

			/* 增大一键操作在线区域 */
			.right.flexJA {
				display: flex;
				align-items: center;
				gap: 12px;
				font-size: 16px; /* 增大字体 */
				color: var(--md-on-surface);
				font-weight: 500;
			}

			/* 增大开关按钮 */
			.div-wrapper {
				position: relative;
				width: 52px; /* 增大宽度 */
				height: 32px; /* 增大高度 */
			}

			.div-input {
				position: absolute;
				width: 52px;
				height: 32px;
				background-color: var(--md-outline);
				border-radius: 32px;
				cursor: pointer;
				transition: background-color 0.2s ease;
			}

			.div-input:before {
				content: "";
				position: absolute;
				height: 24px;
				width: 24px;
				left: 4px;
				bottom: 4px;
				background-color: white;
				transition: transform 0.2s ease;
				border-radius: 50%;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
			}

			.div-input-checked {
				background-color: var(--md-primary);
			}

			.div-input-checked:before {
				transform: translateX(20px);
			}

			/* 搜索栏 */
			.search {
				background: var(--md-surface);
				border: 1px solid var(--md-outline);
				border-radius: 12px;
				padding: 0;
				margin-bottom: 16px;
				display: flex;
				align-items: center;
				transition: all 0.2s ease;
				overflow: hidden;
			}

			.search:focus-within {
				border-color: var(--md-primary);
				box-shadow: 0 0 0 2px rgba(98, 0, 238, 0.1);
			}

			.search .left {
				flex: 1;
				display: flex;
				align-items: center;
				padding: 0 16px;
				gap: 12px;
			}

			.search .icon {
				width: 20px;
				height: 20px;
				flex-shrink: 0;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.search .text {
				flex: 1;
			}

			.uni-input-input {
				width: 100%;
				height: 44px;
				border: none;
				outline: none;
				font-size: 16px;
				color: var(--md-on-surface);
				background: transparent;
				padding: 0;
			}

			.uni-input-input::placeholder {
				color: var(--md-on-surface-variant);
				font-size: 16px;
			}

			.search .btn {
				background: var(--md-primary);
				color: white;
				border: none;
				padding: 0 20px;
				height: 44px;
				font-size: 16px;
				font-weight: 500;
				cursor: pointer;
				transition: background-color 0.2s ease;
				flex-shrink: 0;
				min-width: 80px;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.search .btn:hover {
				background: #5a00d6;
			}

			.search .btn:active {
				background: #5300c7;
			}

			/* 状态菜单 */
			.menu {
				display: flex;
				gap: 8px;
				overflow-x: auto;
				padding-bottom: 4px;
			}

			.menu .item {
				padding: 10px 20px;
				border: none;
				background: none;
				color: var(--md-on-surface-variant);
				font-size: 14px;
				font-weight: 500;
				cursor: pointer;
				white-space: nowrap;
				position: relative;
				transition: all 0.2s ease;
				border-radius: 20px;
				background: rgba(0, 0, 0, 0.04);
			}

			.menu .item.check {
				color: var(--md-primary);
				background: rgba(98, 0, 238, 0.12);
			}

			.menu .item:active {
				transform: scale(0.95);
			}

			/* 加载动画 */
			.loading-overlay {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(255, 255, 255, 0.8);
				display: none;
				align-items: center;
				justify-content: center;
				z-index: 1000;
			}

			.loading-overlay.show {
				display: flex;
			}

			.loading-spinner {
				width: 40px;
				height: 40px;
				border: 3px solid rgba(98, 0, 238, 0.1);
				border-top: 3px solid var(--md-primary);
				border-radius: 50%;
				animation: spin 1s linear infinite;
			}

			@keyframes spin {
				0% { transform: rotate(0deg); }
				100% { transform: rotate(360deg); }
			}

			/* 订单列表 */
			.list {
				padding: 16px;
				padding-bottom: 80px;
				min-height: 200px;
			}

			/* 订单卡片 */
			.property {
				background: var(--md-surface);
				border-radius: 16px;
				padding: 16px;
				margin-bottom: 12px;
				box-shadow: 0 2px 8px var(--md-shadow);
				transition: all 0.2s ease;
				cursor: pointer;
			}

			.property:active {
				transform: scale(0.98);
			}

			.property .card {
				margin-bottom: 12px;
			}

			.property .bar {
				display: flex;
				align-items: center;
				gap: 12px;
				margin-bottom: 0;
				justify-content: flex-start;
			}

			.property .icon {
				width: 40px;
				height: 40px;
				border-radius: 8px;
				flex-shrink: 0;
			}

			.property .text {
				flex: 1;
				font-size: 16px;
				font-weight: 500;
				color: var(--md-on-surface);
			}

			/* 状态按钮 */
			.btn1.flexJA {
				display: inline-flex;
				padding: 6px 12px;
				border-radius: 12px;
				font-size: 12px;
				font-weight: 500;
				color: white;
				white-space: nowrap;
			}

			.btn1.primary { background: var(--md-info); }
			.btn1.warning { background: var(--md-warning); }
			.btn1.success { background: var(--md-success); }
			.btn1.danger { background: var(--md-danger); }

			/* 金额显示 */
			.balance {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 12px 0;
			}

			.balance .item {
				display: flex;
				flex-direction: column;
				gap: 4px;
			}

			.num .text2 {
				font-size: 18px;
				font-weight: 600;
				color: var(--md-primary);
			}

			.balance .text {
				font-size: 14px;
				color: var(--md-on-surface-variant);
			}

			/* 操作按钮 */
			.text.flexJA.flexFe {
				display: flex;
				gap: 12px;
				align-items: center;
			}

			.btn2, .btn3 {
				padding: 8px 16px;
				border-radius: 8px;
				font-size: 14px;
				font-weight: 500;
				cursor: pointer;
				transition: all 0.2s ease;
				border: none;
			}

			.btn2 {
				background: transparent;
				color: var(--md-danger);
				border: 1px solid var(--md-danger);
			}

			.btn2:active {
				background: rgba(211, 47, 47, 0.08);
				transform: scale(0.95);
			}

			.btn3 {
				background: transparent;
				color: var(--md-primary);
				border: 1px solid var(--md-primary);
			}

			.btn3:active {
				background: rgba(98, 0, 238, 0.08);
				transform: scale(0.95);
			}

			/* 订单内的在线操作区域 */
			.property .right.flexJA {
				display: flex;
				align-items: center;
				gap: 12px;
				font-size: 14px;
				color: var(--md-on-surface-variant);
			}

			.property .div-wrapper {
				width: 44px;
				height: 24px;
			}

			.property .div-input {
				width: 44px;
				height: 24px;
				border-radius: 24px;
			}

			.property .div-input:before {
				height: 18px;
				width: 18px;
				left: 3px;
				bottom: 3px;
			}

			.property .div-input-checked:before {
				transform: translateX(20px);
			}

			/* 修复底部详情层样式 */
			.wrap {
				display: none;
			}

			.wrap.show {
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.5);
				z-index: 1000;
			}

			.uni-popup__wrapper.bottom {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				background: var(--md-surface);
				border-radius: 24px 24px 0 0;
				padding: 24px;
				box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.16);
				max-height: 70vh; /* 限制高度，避免跑到屏幕最下面 */
				overflow-y: auto;
				transform: translateY(100%);
				transition: transform 0.3s ease;
			}

			.wrap.show .uni-popup__wrapper.bottom {
				transform: translateY(0);
			}

			/* 详情弹窗内容样式规范 */
			.popup .box {
				background: var(--md-surface);
				font-size: 14px; /* 规范字体大小 */
				line-height: 1.6;
				color: var(--md-on-surface);
			}

			/* 详情弹窗内的项目样式 */
			.detail-item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 12px 0;
				border-bottom: 1px solid var(--md-outline);
			}

			.detail-item:last-child {
				border-bottom: none;
			}

			.detail-label {
				font-size: 14px;
				color: var(--md-on-surface-variant);
				font-weight: 500;
				min-width: 80px;
			}

			.detail-value {
				font-size: 14px;
				color: var(--md-on-surface);
				text-align: right;
				flex: 1;
				margin-left: 16px;
			}

			.detail-title {
				font-size: 18px;
				font-weight: 600;
				color: var(--md-on-surface);
				text-align: center;
				margin-bottom: 20px;
				padding-bottom: 16px;
				border-bottom: 1px solid var(--md-outline);
			}

			.detail-close {
				position: absolute;
				top: 16px;
				right: 16px;
				background: none;
				border: none;
				font-size: 20px;
				color: var(--md-on-surface-variant);
				cursor: pointer;
				width: 32px;
				height: 32px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: background-color 0.2s ease;
			}

			.detail-close:hover {
				background: rgba(0, 0, 0, 0.08);
			}

			/* 底部导航保持原样 */
			.bottom-nav {
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				background: white;
				display: flex;
				justify-content: space-around;
				padding: 8px 0;
				box-shadow: 0 -2px 8px var(--md-shadow);
				z-index: 100;
			}

			.nav-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				text-decoration: none;
				color: var(--md-on-surface-variant);
				font-size: 12px;
				transition: color 0.2s ease;
			}

			.nav-item.active {
				color: var(--md-primary);
			}

			.nav-icon {
				font-size: 20px;
				margin-bottom: 2px;
			}

			.nav-label {
				font-size: 10px;
			}

			/* 空状态 */
			.uni-load-more.more {
				text-align: center;
				padding: 48px 16px;
				color: var(--md-on-surface-variant);
			}

			.uni-load-more__text {
				font-size: 14px;
			}

			/* 辅助类 */
			.flexJA { display: flex; align-items: center; }
			.flexSb { justify-content: space-between; }
			.flexFs { justify-content: flex-start; }
			.flexFe { justify-content: flex-end; }

			.quadrilateral {
				height: 1px;
				background: var(--md-outline);
				margin: 8px 0;
			}

			/* 选择框样式 */
			.select_box, .select_box1 {
				display: none;
			}







/* 底部导航栏样式 */
.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: #FFFFFF;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
    display: flex;
    z-index: 1000;
    border-top: 1px solid #E0E0E0;
}

.nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: #8A8A8F;
    position: relative;
    transition: all 0.2s ease;
}
/*核心：激活状态类名*/
.nav-item.active {
    color: #6750A4;/*激活时的文字颜色*/
}

.nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 24px;
    height: 3px;
    background-color: #6750A4;/*激活时的底部指示条*/
    border-radius: 2px;
}

.nav-icon {
    font-size: 22px;
    margin-bottom: 4px;
    transition: all 0.2s ease;
}

.nav-item.active .nav-icon {
    transform: scale(1.1);/*激活时图标放大*/
}

.nav-label {
    font-size: 12px;
    font-weight: 500;
}




/* 修复产品logo显示问题 */
uni-image.icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

uni-image.icon > div {
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* 确保产品名称和logo布局正常 */
.bar.flexJA.flexSb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bar.flexJA.flexSb .text {
    flex: 1;
    margin-left: 10px;
}

.search {
  height: 40px;
}






/* 限制搜索框高度并垂直居中 */
.search {
  height: 40px; /* 可以根据需要调整高度 */
  display: flex;
  align-items: center; /* 子元素垂直居中 */
}

/* 输入框本身填满搜索框并让文字垂直居中 */
.search input {
  flex: 1;
  height: 100%;
  line-height: 48px; /* 与搜索框高度一致，保证垂直居中 */
  font-size: 14px;
  border: none;
  outline: none;
  padding: 0 12px; /* 左右内边距 */
  box-sizing: border-box;
}

/* placeholder样式，继承输入框居中效果 */
.search input::placeholder {
  line-height: 48px; /* 与输入框一致 */
  color: #999;       /* 可根据需要调整颜色 */
  opacity: 1;        /* 保证 placeholder 可见 */
}





/* 让搜索框固定高度并居中内容 */
.search {
  height: 40px;
  display: flex;
  align-items: center; /* 垂直居中左右两边内容 */
  padding: 0 12px;
  box-sizing: border-box;
}

/* uni-input 父容器撑满高度 */
.search uni-input {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center; /* 垂直居中 input */
}

/* wrapper 撑满高度 */
.search uni-input .uni-input-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0; /* 去掉原有 padding */
}

/* 输入框本身 */
.search uni-input input.uni-input-input {
  height: 100%;
  line-height: 48px; /* 与搜索框高度一致 */
  padding: 0 8px;    /* 左右内边距 */
  box-sizing: border-box;
  font-size: 14px;
}

/* placeholder 居中 */
.search uni-input input.uni-input-input::placeholder {
  line-height: 48px; /* 同输入框高度 */
  color: #999;
  opacity: 1;
}