* {
        	margin: 0;
        	padding: 0;
        	box-sizing: border-box;
        	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        	-webkit-tap-highlight-color: transparent;
        	text-decoration: none;
        }

        html,
        body {
        	width: 100%;
        	overflow-x: hidden;
        	background-color: #f4f5f7;
        }

        body {
        	max-width: 480px;
        	margin: 0 auto;
        	min-height: 100vh;
        	padding-bottom: 80px;
        }

        /*顶部logo*/
        .top-logo-bar {
        	background: #ffffff;
        	padding: 12px 16px;
        }

        .top-logo-bar img {
        	height: 40px;
        	width: auto;
        }

        /*用户信息卡片*/
        .user-card {
        	background: #ffffff;
        	padding: 16px;
        	display: flex;
        	gap: 14px;
        	align-items: flex-start;
        }

        .avatar {
        	width: 72px;
        	height: 72px;
        	border-radius: 50%;
        	overflow: hidden;
        	flex-shrink: 0;
        }

        .avatar img {
        	width: 100%;
        	height: 100%;
        	object-fit: cover;
        }

        .user-info-wrap {
        	flex: 1;
        }

        .phone-text {
        	font-size: 22px;
        	font-weight: 600;
        	color: #222;
        }

        .invite-code {
        	font-size: 15px;
        	color: #ffffff;
        	margin: 4px 0;
        }

        .credit-row {
        	display: flex;
        	align-items: center;
        	gap: 8px;
        	font-size: 15px;
        	color: #444;
        }

        .credit-bar {
        	flex: 1;
        	height: 10px;
        	background: #ddd;
        	border-radius: 99px;
        	overflow: hidden;
        	max-width: 140px;
        }

        .credit-fill {
        	width: 100%;
        	height: 100%;
        	background: #7b61ff;
        }

        .refresh-icon {
        	width: 44px;
        	height: 44px;
        	border-radius: 50%;
        	border: 1px solid #ddd;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	flex-shrink: 0;
        }

        .refresh-icon img {
        	width: 20px;
        	height: 20px;
        }

        /*余额卡片*/
        .balance-card {
        	margin: 12px 16px;
        	background: #fff;
        	border-radius: 14px;
        	padding: 20px 16px;
        	display: flex;
        }

        .balance-item {
        	flex: 1;
        	text-align: center;
        }

        .balance-label {
        	font-size: 15px;
        	color: #ffffff;
        	margin-bottom: 6px;
        }

        .balance-val {
        	font-size: 16px;
        	color: #7b61ff;
        	font-weight: 600;
        }

        /*菜单列表*/
        .menu-wrap {
        	margin: 0 16px;
        	background: #fff;
        	border-radius: 14px;
        	overflow: hidden;
        }

        .menu-item {
        	display: flex;
        	align-items: center;
        	padding: 16px;
        	border-bottom: 1px solid #eeeeee;
        	gap: 12px;
        }

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

        .menu-icon {
        	width: 28px;
        	height: 28px;
        	flex-shrink: 0;
        }

        .menu-icon img {
        	width: 100%;
        	height: 100%;
        	object-fit: contain;
        }

        .menu-name {
        	flex: 1;
        	font-size: 16px;
        	color: #222;
        }

        .menu-arrow {
        	width: 16px;
        	height: 16px;
        }

        .menu-arrow img {
        	width: 100%;
        	height: 100%;
        }

        /*退出按钮*/
        .logout-wrap {
        	margin: 16px;
        }

        .logout-btn {
        	width: 100%;
        	border: none;
        	background: #ffffff;
        	border-radius: 14px;
        	padding: 16px;
        	font-size: 18px;
        	font-weight: 600;
        	display: block;
        	text-align: center;
        	color: #434343;
        }

        /*底部导航*/
        .bottom-nav {
        	position: fixed;
        	left: 50%;
        	transform: translateX(-50%);
        	max-width: 480px;
        	width: 100%;
        	bottom: 0;
        	background: #ffffff;
        	display: flex;
        	padding: 8px 0;
        	padding-bottom: max(8px, env(safe-area-inset-bottom));
        	border-top: 1px solid #eee;
        }

        .nav-item {
        	flex: 1;
        	text-align: center;
        	font-size: 12px;
        	color: #888;
        }

        .nav-item.active {
        	color: #6f5ce0;
        }

        .nav-icon {
        	width: 24px;
        	height: 24px;
        	margin: 0 auto 4px;
        	position: relative;
        }

        .nav-icon img {
        	width: 100%;
        	height: 100%;
        	object-fit: contain;
        }

        .badge {
        	position: absolute;
        	top: -4px;
        	right: -4px;
        	background: #f5222d;
        	color: #fff;
        	font-size: 11px;
        	border-radius: 10px;
        	padding: 1px 6px;
        }

        /*tab标签*/
        .order-tabs {
        	display: flex;
        	background: #fff;
        	padding: 0 12px;
        }

        .tab-item {
        	padding: 14px 12px;
        	font-size: 16px;
        	color: #444;
        	position: relative;
        }

        .tab-item.active {
        	color: #6b57e8;
        }

        .tab-item.active::after {
        	content: "";
        	position: absolute;
        	bottom: 0;
        	left: 12px;
        	right: 12px;
        	height: 3px;
        	background: #6b57e8;
        	border-radius: 2px;
        }

        /*订单卡片*/
        .order-card {
        	margin: 12px 16px;
        	background: #fff;
        	border-radius: 12px;
        	padding: 16px;
        }

        .order-head {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	margin-bottom: 14px;
        }

        .order-no {
        	    font-size: 14px;
        	color: #222;
        }

        .order-tag {
        	font-size: 14px;
        	color: #ffb32c;
        	font-weight: 500;
        }

        /*商品信息*/
        .goods-row {
        	display: flex;
        	gap: 14px;
        	margin-bottom: 14px;
        }

        .goods-img {
        	width: 110px;
        	height: 110px;
        	border-radius: 8px;
        	overflow: hidden;
        	flex-shrink: 0;
        }

        .goods-img img {
        	width: 100%;
        	height: 100%;
        	object-fit: cover;
        }

        .goods-info {
        	flex: 1;
        }

        .goods-title {
        	font-size: 14px;

        	color: #222;
        	line-height: 1.4;
        	margin-bottom: 8px;
        }

        .goods-type {
        	font-size: 15px;
        	color: #777;
        	margin-bottom: 8px;
        }

        .goods-price {
        	font-size: 15px;
        	color: #777;
        }

        /*付款信息*/
        .pay-text {
        	text-align: center;
        	font-size: 14px;

        	color: #333;
        	margin: 18px 0;
        }

        /*按钮组*/
        .btn-group {
        	display: flex;
        	gap: 12px;
        }

        .btn {
        	flex: 1;
        	padding: 10px 0;
        	border-radius: 24px;
        	font-size: 16px;
        	border: 1px solid #ccc;
        	background: #fff;
        	display: block;
        	text-align: center;
        	color: #000;
        }

        .btn.purple {
        	background: #7b61ff;
        	color: #fff;
        	border: none;
        }

        /*无更多数据*/
        .no-more {
        	text-align: center;
        	margin-top: 40px;
        	font-size: 16px;
        	color: #999;
        }

        /*头部标题*/
        .page-header {
        	display: flex;
        	align-items: center;
        	height: 56px;
        	background: #ffffff;
        	position: sticky;
        	top: 0;
        	z-index: 99;
        }

        .back-arrow {
        	width: 48px;
        	height: 100%;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 30px;
        	color: #222;
        	text-decoration: none;
        }

        .page-title {
        	flex: 1;
        	text-align: center;
        	font-size: 22px;
        	font-weight: 600;
        	color: #111;
        	/* padding-right: 48px; */
        }

        /*状态标签*/
        .status-wrap {
        	background: #fff;
        	padding: 16px;
        	text-align: center;
        }

        .status-text {
        	font-size: 24px;
        	color: #ffb32c;
        	font-weight: 500;
        }

        /*用户信息卡片*/
        .user-info-card {
        	background: #fff;
        	margin: 12px 16px;
        	border-radius: 12px;
        	padding: 16px;
        }

        .user-phone {
        	font-size: 20px;
        	color: #222;
        	margin-bottom: 8px;
        }

        .user-country {
        	font-size: 16px;
        	color: #777;
        }

        /*商品卡片*/
        .goods-card {
        	background: #fff;
        	margin: 0 16px 12px;
        	border-radius: 12px;
        	padding: 16px;
        }

        .goods-row {
        	display: flex;
        	gap: 14px;
        }

        .goods-img {
        	width: 110px;
        	height: 110px;
        	border-radius: 8px;
        	overflow: hidden;
        	flex-shrink: 0;
        }

        .goods-img img {
        	width: 100%;
        	height: 100%;
        	object-fit: cover;
        }

        .goods-info {
        	flex: 1;
        }

        .goods-title {
        	font-size: 16px;
        	color: #222;
        	line-height: 1.4;
        	margin-bottom: 8px;
        }

        .goods-type {
        	font-size: 15px;
        	color: #777;
        	margin-bottom: 8px;
        }

        .goods-price {
        	font-size: 15px;
        	color: #777;
        }

        /*订单信息卡片*/
        .order-info-card {
        	background: #fff;
        	margin: 0 16px 12px;
        	border-radius: 12px;
        	padding: 16px;
        }

        .info-row {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	margin-bottom: 14px;
        }

        .info-row:last-child {
        	margin-bottom: 0;
        }

        .info-label {
            font-size: 14px;
        	color: #888;
        }

        .info-value {
        	font-size: 16px;
        	color: #222;
        }

        .tag-received {
        	border: 1px solid #cccccc;
        	border-radius: 20px;
        	padding: 4px 14px;
        	font-size: 15px;
        }

        /*金额卡片*/
        .amount-card {
        	background: #fff;
        	margin: 0 16px 12px;
        	border-radius: 12px;
        	padding: 20px 16px;
        }

        .amount-row {
        	display: flex;
        	justify-content: space-between;
        	margin-bottom: 16px;
        }

        .amount-row:last-child {
        	margin-bottom: 0;
        }

        .pay-red {
        	color: #e62424;
        	font-size: 18px;
        	font-weight: 500;
        }

        /*底部按钮固定*/
        .bottom-btn-wrap {
        	position: fixed;
        	left: 50%;
        	transform: translateX(-50%);
        	max-width: 480px;
        	width: 100%;
        	bottom: 0;
        	/* background: #fff; */
        	display: flex;
        	gap: 12px;
        	padding: 14px 16px;
        	padding-bottom: max(14px, env(safe-area-inset-bottom));
        }

        .btn {
        	    flex: 1;
        	    padding: 9px 0;
        	    border-radius: 26px;
        	    font-size: 14px;
        }

        .btn-cancel {
        	border: 1px solid #cccccc;
        	background: #ffffff;
        }

        .btn-pay {
        	background: #7b61ff;
        	color: #fff;
        	border: none;
        }

        .container {
        	padding: 20px 16px;
        }

        .main-title {
        	font-size: 20px;
        	font-weight: 700;
        	color: #111;
        	margin-bottom: 10px;
        }

        .desc-text {
        	font-size: 14px;
        	color: #888;
        	margin-bottom: 24px;
        }


        /*邀请码紫色卡片*/
        .code-card {
        	background: #7b61ff;
        	border-radius: 20px;
        	padding: 36px 20px;
        	text-align: center;
        	color: #fff;
        	margin-bottom: 32px;
        }

        .code-card .label {
        	    font-size: 16px;
        	margin-bottom: 16px;
        }

        .code-card .invite-code {
        	font-size: 40px;
        	font-weight: bold;
        	margin-bottom: 24px;
        }

        .btn-copy {
        	background: rgba(255, 255, 255, 0.25);
        	border: none;
        	color: #fff;
        	font-size: 16px;
        	padding: 14px 40px;
        	border-radius: 32px;
        }

        /*步骤说明*/
        .step-wrap {
        	margin-bottom: 40px;
        }

        .step-item {
        	font-size: 16px;
        	color: #555;
        	margin-bottom: 12px;
        }

        /*跳转按钮*/
        .btn-wallet {
        	width: 100%;
        	height: 50px;
        	border-radius: 32px;
        	border: none;
        	background: linear-gradient(90deg, #7b61ff, #a089f2);
        	color: #fff;
        	font-size: 16px;
        	display: block;
        	text-align: center;
        	line-height: 50px;
        }

        /*toast提示*/
        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 12px 24px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        /*钱包紫色卡片*/
    .wallet-card {
        margin: 16px;
        background: #7b61ff;
        border-radius: 20px;
        padding: 16px 12px;
        color: #fff;
    }

        .balance-top {
        	display: flex;
        	justify-content: space-between;
        	align-items: flex-start;
        	margin-bottom: 32px;
        }

        .balance-label {
        	font-size: 14px;
        	opacity: 0.9;
        }

        .balance-num {
        	font-size: 20px;
        	font-weight: bold;
        	margin-top: 8px;
        }

        .btn-withdraw {
        	background: rgba(255, 255, 255, 0.25);
        	border: none;
        	color: #fff;
        	font-size: 14px;
        	padding: 12px 26px;
        	border-radius: 30px;
        }

        /*三栏数据*/
        .data-row {
        	display: flex;
        	justify-content: space-between;
        	text-align: center;
        }

        .data-item .num {
        	font-size: 18px;
        	font-weight: 600;
        	margin-bottom: 6px;
        }

        .data-item .text {
        	font-size: 12px;
        	opacity: 0.85;
        }

        /*功能按钮组*/
        .btn-group {
        	display: flex;
        	gap: 12px;
        	padding: 0 16px;
        	margin-bottom: 24px;
        }

        .func-btn {
        	flex: 1;
        	padding: 12px 6px;
        	border-radius: 30px;
        	font-size: 14px;
        	border: 2px solid #7b61ff;
        	text-align: center;
        }

        .func-btn.purple-solid {
        	background: #7b61ff;
        	color: #fff;
        }

        .func-btn.purple-outline {
        	background: #ffffff;
        	color: #7b61ff;
        }

        /*交易历史标题*/
        .history-title {
        	padding: 0 16px;
        	font-size: 16px;
        	font-weight: 600;
        	color: #111;
        	margin-bottom: 20px;
        }

        /*空状态*/
        .empty-wrap {
        	text-align: center;
        	padding: 40px 20px;
        }

        .empty-icon {
        	font-size: 90px;
        	color: #cccccc;
        	margin-bottom: 16px;
        }

        .empty-text {
        	font-size: 20px;
        	color: #888;
        }

        /*提现弹窗*/
        .mask {
        	position: fixed;
        	top: 0;
        	left: 0;
        	width: 100%;
        	height: 100%;
        	background: rgba(0, 0, 0, 0.5);
        	z-index: 99;
        	display: none;
        }

        .withdraw-popup {
        	position: fixed;
        	bottom: 0;
        	left: 50%;
        	transform: translateX(-50%);
        	max-width: 480px;
        	width: 100%;
        	background: #fff;
        	border-radius: 20px 20px 0 0;
        	padding: 24px 20px;
        	z-index: 100;
        	display: none;
        }

        .pop-title {
        	font-size: 22px;
        	font-weight: 600;
        	margin-bottom: 20px;
        	text-align: center;
        }

        .input-item {
        	margin-bottom: 18px;
        }

        .input-item label {
        	display: block;
        	font-size: 16px;
        	margin-bottom: 8px;
        }

        .input-item input {
        	width: 100%;
        	height: 48px;
        	border: 1px solid #ccc;
        	border-radius: 10px;
        	padding: 0 14px;
        	font-size: 17px;
        }

        .pop-btn-wrap {
        	display: flex;
        	gap: 14px;
        	margin-top: 24px;
        }

        .pop-cancel {
        	flex: 1;
        	height: 50px;
        	border-radius: 30px;
        	/* 	border: 1px solid #7b61ff; */
        	color: #7b61ff;
        	background: #fff;
        	font-size: 17px;
        }

        .pop-submit {
        	flex: 1;
        	height: 50px;
        	border-radius: 30px;
        	border: none;
        	background: #7b61ff;
        	color: #fff;
        	font-size: 17px;
        }

        /*toast提示*/
        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 12px 24px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        .container {
        	padding: 20px 16px;
        }

        .tab-wrap {
        	display: flex;
        	gap: 12px;
        	/* 	margin-bottom: 24px; */
        }

        .tab-item {
        	flex: 1;
        	height: 56px;
        	border-radius: 12px;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 20px;
        	cursor: pointer;
        }

        .tab-item.active {
        	/* 	background: #7b54e8; */
        	color: #fff;
        }

        .tab-item.normal {
        	/*  	border: 2px solid #7b54e8;
        	color: #7b54e8; */
        	background: #fff;
        }

        .form-group {
        	margin-bottom: 20px;
        }

        .form-label {
        	font-size: 20px;
        	color: #222;
        	margin-bottom: 10px;
        	display: block;
        }

        .form-input {
        	width: 100%;
        	height: 58px;
        	background: #ffffff;
        	border: 1px solid #e5e5e7;
        	border-radius: 12px;
        	padding: 0 16px;
        	font-size: 20px;
        	color: #222;
        }

        .form-input::placeholder {
        	color: #aaaaaa;
        }

        .btn-submit {
        	width: 100%;
        	height: 60px;
        	border-radius: 12px;
        	background: #7b54e8;
        	color: #ffffff;
        	border: none;
        	font-size: 22px;
        	margin: 12px 0;
        }

        .btn-cancel {
        	width: 100%;
        	height: 50px;
        	border-radius: 12px;
        	background: #ffffff;
        	color: #444444;
        	border: 1px solid #ddd;
        	font-size: 16px;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        	font-size: 20px;
        }

        .panel-bank,
        .panel-crypto {
        	display: none;
        }

        .panel-bank.show,
        .panel-crypto.show {
        	display: block;
        }

        .info-card {
        	background: #ffffff;
        	border-radius: 16px;
        	overflow: hidden;
        	margin-bottom: 40px;
        }

        .info-item {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	padding: 20px 0px;
        	border-bottom: 1px solid #eeeeee;
        	font-size: 16px;
        	color: #222;
        }

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

        .item-right {
        	display: flex;
        	align-items: center;
        	color: #888888;
        	gap: 6px;
        	font-size: 16px;
        }

        .arrow {
        	font-size: 20px;
        	color: #bbbbbb;
        }

        .btn-logout {
        	width: 100%;
        	height: 64px;
        	border-radius: 32px;
        	border: 1px solid #dddddd;
        	background: #ffffff;
        	font-size: 16px;
        	color: #333333;
        }

        .mask {
        	position: fixed;
        	top: 0;
        	left: 0;
        	width: 100%;
        	height: 100%;
        	background: rgba(0, 0, 0, 0.55);
        	z-index: 100;
        	display: none;
        }

        .popup-bottom {
        	position: fixed;
        	bottom: 0;
        	left: 50%;
        	transform: translateX(-50%);
        	width: 100%;
        	max-width: 480px;
        	background: #ffffff;
        	border-radius: 20px 20px 0 0;
        	padding: 24px 20px 30px;
        	z-index: 101;
        	display: none;
        }

        .popup-header {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	margin-bottom: 24px;
        }

        .pop-cancel {
        	font-size: 20px;
        	color: #999999;
        }

        .pop-title {
        	font-size: 22px;
        	font-weight: 600;
        	color: #111111;
        }

        .pop-confirm {
        	font-size: 20px;
        	color: #7b61ff;
        }

        .popup-input {
        	width: 100%;
        	height: 56px;
        	background: #f4f4f6;
        	border: none;
        	border-radius: 12px;
        	padding: 0 16px;
        	font-size: 18px;
        	color: #222222;
        	margin-bottom: 16px;
        }

        .popup-input::placeholder {
        	color: #999999;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #ffffff;
        	padding: 12px 24px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        	font-size: 20px;
        }

        /*搜索主体区域*/
        .search-wrap {
        	padding: 60px 24px;
        }

        .search-title {
        	text-align: center;
        	font-size: 34px;
        	font-weight: 600;
        	color: #222;
        	margin-bottom: 36px;
        }

        .search-input {
        	width: 100%;
        	height: 60px;
        	border-radius: 16px;
        	border: 1px solid #e8e8e8;
        	padding: 0 20px;
        	font-size: 18px;
        	background: #fff;
        	outline: none;
        }

        .search-input::placeholder {
        	color: #bbbbbb;
        }

        .search-btn {
           width: 100%;
           height: 54px;
           border-radius: 32px;
           background: #7b61ff;
           color: #ffffff;
           border: none;
           font-size: 16px;
           font-weight: 600;
           margin-top: 28px;
        }

        /*一级tab*/
        .tab-top-wrap {
        	display: flex;
        	background: #fff;
        }

        .tab-top-item {
        	flex: 1;
        	text-align: center;
        	padding: 16px 0;
        	font-size: 20px;
        	color: #999;
        	position: relative;
        }

        .tab-top-item.active {
        	color: #7b61ff;
        }

        .tab-top-item.active::after {
        	content: "";
        	position: absolute;
        	bottom: 0;
        	left: 20%;
        	width: 60%;
        	height: 3px;
        	background: #7b61ff;
        }

        .container {
        	padding: 20px 16px;
        }

        /*状态按钮组*/
        .status-tab-wrap {
        	display: flex;
        	gap: 12px;
        	    margin-bottom: 18px;
        }

        .status-btn {
        	flex: 1;
        	height: 46px;
        	border-radius: 12px;
        	font-size: 16px;
        }

        .status-btn.pending {
        	background: #7b61ff;
        	color: #fff;
        	border: none;
        }

        .status-btn.normal {
        	background: #ffffff;
        	color: #7b61ff;
        	border: 2px solid #7b61ff;
        }

        /*空状态*/
        .empty-wrap {
        	text-align: center;
        }

        .empty-text {
        	font-size: 20px;
        	color: #999;
        }

        /*toast*/
        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 12px 24px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        /*tab切换*/
        .tab-wrap {
        	display: flex;
        	background: #fff;
        }

        .tab-item {
        	flex: 1;
        	text-align: center;
        	padding: 16px 0;
        	font-size: 16px;
        	color: #999;
        	position: relative;
        }

        .tab-item.active {
        	color: #7b61ff;
        }

        .tab-item.active::after {
        	content: "";
        	position: absolute;
        	bottom: 0;
        	left: 20%;
        	width: 60%;
        	height: 3px;
        	background: #7b61ff;
        }

        .container {
        	padding: 20px 16px;
        }

        /*余额卡片*/
        .balance-card {
        	/* 	background: #7b61ff; */
        	    border-radius: 16px;
        	    padding: 15px 5px;
        	    color: #fff;
        	    margin-bottom: 28px
        }

        .balance-card .label {
        	font-size: 16px;
        	margin-bottom: 10px;
        }

        .balance-card .num {
        	font-size: 40px;
        	font-weight: bold;
        }

        /*表单区域*/
        .form-item {
        	margin-bottom: 22px;
        }

        .form-label {
        	font-size: 16px;
        	color: #222;
        	margin-bottom: 12px;
        }

        .tip-text {
        	font-size: 17px;
        	color: #888;
        	margin-bottom: 12px;
        }

        .tip-text a {
        	color: #7b61ff;
        	text-decoration: none;
        }

        .input-row {
        	display: flex;
        	gap: 10px;
        	align-items: center;
        }

        .input-row input {
        	flex: 1;
        	height: 54px;
        	border: 1px solid #e5e7eb;
        	border-radius: 10px;
        	padding: 0 14px;
        	font-size: 18px;
        	background: #e8f0fe;
        }

        .btn-all {
        	background: #7b61ff;
        	color: #fff;
        	border: none;
        	border-radius: 8px;
        	padding: 0 22px;
        	height: 54px;
        	font-size: 16px;
        }

        .form-item input {
        	width: 100%;
        	height: 54px;
        	border: 1px solid #e5e7eb;
        	border-radius: 10px;
        	padding: 0 14px;
        	font-size: 18px;
        	background: #e8f0fe;
        }

        .btn-submit {
        	width: 100%;
        	height: 50px;
        	border-radius: 14px;
        	border: none;
        	background: #7b61ff;
        	color: #fff;
        	font-size: 16px;

        	margin-top: 10px;
        }

        /*toast*/
        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 12px 24px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        /*轮播广告banner*/
        .banner-wrap {
        	margin: 12px 16px;
        	border-radius: 16px;
        	overflow: hidden;
        	position: relative;
        }

        .banner-slide-box {
        	display: flex;
        	width: 100%;
        	transition: transform 0.5s ease;
        }

        .banner-item {
        	flex-shrink: 0;
        	width: 100%;
        }

        .banner-item img {
        	width: 100%;
        	display: block;
        }

        /*轮播圆点指示器*/
        .banner-dots {
        	position: absolute;
        	bottom: 10px;
        	left: 0;
        	width: 100%;
        	display: flex;
        	justify-content: center;
        	gap: 8px;
        }

        .dot {
        	width: 8px;
        	height: 8px;
        	border-radius: 50%;
        	background: rgba(255, 255, 255, 0.4);
        }

        .dot.active {
        	background: #ffffff;
        }

        /*产品列表标题栏*/
        .product-title-bar {
        	display: flex;
        	align-items: center;
        	justify-content: space-between;
        	padding: 0 16px 12px;
        }

        .title-left {
        	display: flex;
        	align-items: center;
        	gap: 8px;
        }

        .blue-line {
        	width: 6px;
        	height: 24px;
        	background: #7b61ff;
        	border-radius: 3px;
        }

        .title-text {
        	font-size: 24px;
        	font-weight: 600;
        	color: #222;
        }

        .arrow-right {
        	font-size: 22px;
        	color: #999;
        }

        /*商品网格布局*/
        .product-grid {
        	padding: 0 12px;
        	display: grid;
        	grid-template-columns: 1fr 1fr;
        	gap: 14px;
        }

        .product-item {
        	background: #ffffff;
        	border-radius: 14px;
        	overflow: hidden;
        }

        .product-img-box {
        	height: 220px;
        	background: #f8f8f8;
        }

        .product-img-box img {
        	width: 100%;
        }

        .product-info {
        	padding: 12px;
        }

        .product-name {
        	font-size: 17px;
        	color: #222;
        	line-height: 1.4;
        	margin-bottom: 8px;
        	overflow: hidden;
        	text-overflow: ellipsis;
        	white-space: nowrap;
        }

        .product-price {
        	font-size: 15px;
        	color: #ed4b60;
        }

        .empty-wrap {
        	flex: 1;
        	/* display: flex; */
        	align-items: center;
        	justify-content: center;
        }

        .empty-text {
        	font-size: 22px;
        	color: #999999;
        }

        .btn-add-account {
        	
        	    height: 50px;
        	    border-radius: 12px;
        	    background: #7b54e8;
        	    color: #ffffff;
        	    border: none;
        	    font-size: 16px;
        	    display: block;
        	    text-align: center;
        	    line-height: 50px;
        }

        .lang-list-wrap {
        	background: #ffffff;
        }

        .lang-item {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	padding: 22px 20px;
        	border-bottom: 1px solid #eeeeee;
        	font-size: 16px;
        	color: #111111;
        	cursor: pointer;
        }

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

        .check-icon {
        	font-size: 26px;
        	color: #007bff;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        	font-size: 20px;
        }

        .address-item {
        	display: flex;
        	justify-content: space-between;
        	align-items: flex-start;
        	padding: 24px 20px;
        	border-bottom: 1px solid #eeeeee;
        }

        .address-text {
        	font-size: 16px;
        	color: #111111;
        	line-height: 1.6;
        }

        .edit-icon-wrap {
        	font-size: 24px;
        	color: #d4b866;
        	cursor: pointer;
        }

        .bottom-btn-wrap {
        	position: fixed;
        	left: 50%;
        	transform: translateX(-50%);
        	bottom: 18px;
        	width: 100%;
        	max-width: 480px;
        	padding: 0 24px;
        }

        .btn-add-address {
        	width: 100%;
        	height: 50px;
        	border-radius: 999px;
        	border: none;
        	background: linear-gradient(90deg, #6b48d8, #a288ed);
        	color: #ffffff;
        	font-size: 16px;
        	font-weight: 600;
        	box-shadow: 0 4px 14px rgba(107, 72, 216, 0.25);
        	text-align: center;
        	display: block;
        	line-height: 50px;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        	font-size: 20px;
        }


        .logo-area {
        	text-align: center;
        	margin-bottom: 20px;
        }

        .logo-text {
        	font-weight: bold;
        	color: #c46020;
        }

        .welcome-tip {
        	text-align: center;
        	color: #999999;
        	margin-bottom: 48px;
        }

        .form-item {
        	margin-bottom: 32px;
        	position: relative;
        }

        .form-label {
        	color: #111;
        	display: block;
        	margin-bottom: 10px;
        }

        .form-input {
        	width: 100%;
        	padding: 14px 12px;
        	padding-right: 50px;
        	border: none;
        	border-bottom: 1px solid #ddd;
        	outline: none;
        	background: #f0f6ff;
        	font-size: inherit;
        }

        .input-icon {
        	position: absolute;
        	right: 12px;
        	bottom: 14px;
        	font-size: 24px;
        	color: #888;
        	cursor: pointer;
        	user-select: none;
        }

        .checkbox-row {
        	display: flex;
        	align-items: flex-start;
        	gap: 12px;
        	margin: 36px 0 20px;
        }

        .custom-check {
        	width: 28px;
        	height: 28px;
        	border-radius: 50%;
        	background: #6b48d8;
        	color: #fff;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	flex-shrink: 0;
        	margin-top: 2px;
        }

        .check-text {
        	color: #777777;
        	line-height: 1.45;
        }

        .link-text {
        	color: #6b48d8;
        	text-decoration: underline;
        	cursor: pointer;
        }

        .btn-register {
        	width: 100%;
        	height: 50px;
        	border-radius: 999px;
        	border: none;
        	background: linear-gradient(90deg, #6b48d8, #a288ed);
        	color: #ffffff;
        	font-weight: 600;
        	box-shadow: 0 4px 14px rgba(107, 72, 216, 0.25);
        	font-size: inherit;
        }

        .bottom-link {
        	text-align: center;
        	margin-top: 44px;
        	color: #777777;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        .lang-select-wrap {
        	display: flex;
        	justify-content: flex-end;
        	position: relative;
        }

        .lang-btn {
        	display: flex;
        	align-items: center;
        	gap: 6px;
        	border: 1px solid #e5e5e5;
        	border-radius: 999px;
        	padding: 8px 14px;
        	cursor: pointer;
        	background: #fff;
        }

        .lang-dropdown {
        	position: absolute;
        	top: 52px;
        	right: 0;
        	width: 260px;
        	background: #ffffff;
        	border-radius: 12px;
        	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
        	display: none;
        	z-index: 100;
        }

        .lang-dropdown.show {
        	display: block;
        }

        .lang-item {
        	padding: 16px 20px;
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	cursor: pointer;
        }

        .lang-item.active {
        	color: #6b48d8;
        }

        .logo-area {
        	text-align: center;
        	margin: 24px 0 20px;
        }

        .logo-text {
        	font-weight: bold;
        	color: #c46020;
        	width: 150px;
        	margin: auto;
        }

        .logo-text img {
        	width: 100%;
        }

        .welcome-tip {
        	text-align: center;
        	color: #999999;
        	margin-bottom: 18px;
        }

        .form-item {
        	margin-bottom: 8px;
        }

        .form-label {
        	color: #111;
        	display: block;
        	margin-bottom: 10px;
        }

        .form-input {
        	width: 100%;
        	padding: 14px 12px;
        	border: none;
        	border-bottom: 1px solid #ddd;
        	outline: none;
        	background: #f0f6ff;
        	font-size: inherit;
        }

        .checkbox-row {
        	display: flex;
        	align-items: flex-start;
        	gap: 12px;
        	margin: 24px 0;
        }

        .custom-check {
        	width: 20px;
        	height: 20px;
        	border-radius: 50%;
        	background: #6b48d8;
        	color: #fff;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	flex-shrink: 0;
        	margin-top: 2px;
        }

        .check-text {
        	color: #777777;
        	line-height: 1.45;
        }

        .btn-login {
        	width: 100%;
        	height: 50px;
        	border-radius: 999px;
        	border: none;
        	background: linear-gradient(90deg, #6b48d8, #a288ed);
        	color: #ffffff;
        	font-weight: 600;
        	box-shadow: 0 4px 14px rgba(107, 72, 216, 0.25);
        	font-size: inherit;
        }

        .register-txt {
        	text-align: center;
        	margin-top: 20px;
        	color: #666666;
        	cursor: pointer;
			    display: block;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        /* 固定顶部头部 */
        .page-header {
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	position: relative;
        	z-index: 99;
        	padding: 16px 20px;
        	border-bottom: 1px solid #eee;
        	background: #fff;
        	flex-shrink: 0;
        }

        .back-arrow {
        	position: absolute;
        	left: 0px;
        	font-size: 26px;
        	text-decoration: none;
        	color: #111;
        }

        .page-title {
        	font-size: 16px;
        	font-weight: 600;
        	color: #111;
        }

        /* 滚动容器，只中间商品区域滚动 */
        .scroll-container {
        	flex: 1;
        	overflow-y: auto;
        	-webkit-overflow-scrolling: touch;
        	height: 0;
        }

        /*商品网格*/
        .product-wrap {
        	padding: 16px;
        	display: grid;
        	grid-template-columns: 1fr 1fr;
        	gap: 14px;
        }

        .product-item {
        	background: #f7f7f7;
        	border-radius: 12px;
        	overflow: hidden;
        }

        .product-img {
        	width: 100%;
        	aspect-ratio: 1 / 1;
        	object-fit: cover;
        	background: #f1f1f1;
        }

        .product-info {
        	padding: 12px;
        }

        .product-name {
        	color: #222;
        	margin-bottom: 8px;
        	line-height: 1.3;
        }

        .product-price {
        	color: #ff2222;
        	font-weight: 600;
        }

        /* 底部固定分页栏 */
        .pagination {
        	flex-shrink: 0;
        	display: flex;
        	align-items: center;
        	justify-content: space-between;
        	padding: 20px 16px;
        	border-top: 1px solid #eee;
        	background: #fff;
        }

        .page-btn {
        	width: 140px;
        	height: 40px;
        	border-radius: 999px;
        	border: none;
        	background: #eeeeee;
        	font-size: 16px;
        	cursor: pointer;
        }

        .page-btn:disabled {
        	color: #bbbbbb;
        	cursor: not-allowed;
        }

        .page-num {
        	    font-size: 14px;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        /*图片预览区域*/
        .product-img-area {
        	background: #fff;
        	position: relative;
        }

        .page-num-tag {
        	position: absolute;
        	right: 16px;
        	top: 16px;
        	background: #888888;
        	color: #fff;
        	font-size: 14px;
        	padding: 4px 10px;
        	border-radius: 12px;
        }

        /*商品基础信息卡片*/
        .info-card {
        	/* margin:12px 16px; */
        	background: #ffffff;
        	border-radius: 16px;
        	padding: 20px 16px;
        }

        .product-title {
        	font-size: 20px;
        	line-height: 1.4;
        	color: #111;
        	margin-bottom: 12px;
        }

        .price-text {
        	font-size: 28px;
        	color: #e62424;
        	font-weight: bold;
        	margin-bottom: 16px;
        }

        .stat-row {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        }

        .stat-text {
        	font-size: 16px;
        	color: #888;
        }

        .icon-group {
        	display: flex;
        	gap: 24px;
        	font-size: 24px;
        	color: #999;
        }

        /*详情标题*/
        .detail-title-bar {
        	display: flex;
        	align-items: center;
        	gap: 8px;
        	padding: 0 16px 12px;
        }

        .blue-line {
        	width: 6px;
        	height: 24px;
        	background: #7b61ff;
        	border-radius: 3px;
        }

        .detail-title {
        	font-size: 24px;
        	font-weight: 600;
        	color: #222;
        }

        /*详情大图*/
        .detail-img-wrap {
        	padding: 0 12px;
        }

        .detail-img-wrap img {
        	width: 100%;
        	border-radius: 12px;
        }

        /*底部固定购买栏*/
        .bottom-buy-bar {
        	position: fixed;
        	left: 50%;
        	transform: translateX(-50%);
        	max-width: 480px;
        	width: 100%;
        	bottom: 0;
        	background: #ffffff;
        	display: flex;
        	align-items: center;
        	gap: 12px;
        	padding: 12px 16px;
        	padding-bottom: max(12px, env(safe-area-inset-bottom));
        	border-top: 1px solid #eee;
        }

        .cart-icon {
        	font-size: 28px;
        }

        .buy-now-btn {
        	flex: 1;
        	height: 54px;
        	border-radius: 30px;
        	background: #e62424;
        	color: #fff;
        	border: none;
        	font-size: 20px;
        	font-weight: 600;
        }

        /*弹出层遮罩*/
        .mask-layer {
        	position: fixed;
        	top: 0;
        	left: 0;
        	width: 100%;
        	height: 100%;
        	background: rgba(0, 0, 0, 0.55);
        	z-index: 99;
        	display: none;
        }

        /*规格弹窗*/
        .spec-popup {
        	position: fixed;
        	bottom: 0;
        	left: 50%;
        	transform: translateX(-50%);
        	max-width: 480px;
        	width: 100%;
        	background: #fff;
        	border-radius: 20px 20px 0 0;
        	padding: 22px 20px;
        	z-index: 100;
        	display: none;
        }

        .popup-head {
        	display: flex;
        	gap: 14px;
        	margin-bottom: 20px;
        }

        .pop-img-box {
        	width: 110px;
        	height: 110px;
        	background: #f4f4f4;
        	border-radius: 12px;
        }

        .pop-info {
        	flex: 1;
        }

        .pop-title {
        	font-size: 17px;
        	line-height: 1.4;
        	margin-bottom: 8px;
        }

        .pop-price {
        	font-size: 24px;
        	color: #e62424;
        	font-weight: bold;
        }

        .spec-label {
        	font-size: 18px;
        	margin: 20px 0 12px;
        }

        .type-btn {
        	border: 2px solid #e62424;
        	color: #e62424;
        	background: #fff;
        	font-size: 18px;
        	padding: 8px 22px;
        	border-radius: 8px;
        }

        .qty-row {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	margin: 24px 0 30px;
        }

        .qty-wrap {
        	display: flex;
        	align-items: center;
        	gap: 18px;
        	font-size: 22px;
        }

        .qty-btn {
        	width: 36px;
        	height: 36px;
        	border-radius: 50%;
        	border: none;
        	font-size: 20px;
        }

        .minus {
        	background: #cccccc;
        	color: #fff;
        }

        .plus {
        	background: #7b61ff;
        	color: #fff;
        }

        .pop-btn-row {
        	display: flex;
        	gap: 14px;
        }

        .pop-addcart {
        	flex: 1;
        	height: 52px;
        	border-radius: 30px;
        	border: 2px solid #e62424;
        	color: #e62424;
        	background: #fff;
        	font-size: 19px;
        }

        .pop-buynow {
        	flex: 1;
        	height: 52px;
        	border-radius: 30px;
        	border: none;
        	color: #fff;
        	background: #e62424;
        	font-size: 19px;
        }

        .product-img-area img {
        	width: 100%;
        }

        /*顶部导航*/
        .page-top-bar {
        	display: flex;
        	align-items: center;
        	justify-content: space-between;
        	padding: 14px 16px;
        	background: #fff;
        }

        .top-left {
        	display: flex;
        	gap: 14px;
        	align-items: center;
        }

        .back-btn,
        .menu-btn {
        	width: 36px;
        	height: 36px;
        	border-radius: 50%;
        	background: #f1f1f3;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 18px;
        }

        .top-tab-wrap {
        	display: flex;
        	gap: 40px;
        }

        .top-tab {
        	font-size: 22px;
        	color: #666;
        	position: relative;
        }

        .top-tab.active {
        	color: #222;
        }

        .top-tab.active::after {
        	content: "";
        	position: absolute;
        	bottom: -6px;
        	left: 0;
        	width: 100%;
        	height: 3px;
        	background: #7b61ff;
        }

        .empty-icon img {
        	width: 100px;
        }

        /* 打勾图标 */
        .check-circle {
        	width: 26px;
        	height: 26px;
        	border-radius: 50%;
        	border: 1.5px solid #cccccc;
        	background: #ffffff;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 15px;
        	color: #ffffff;
        	flex-shrink: 0;
        	margin-top: 12px;
        	transition: all 0.15s ease-in-out;
        }

        .check-circle.checked {
        	background: #dd2222;
        	border-color: #dd2222;
        }

        .check-circle.checked::after {
        	content: "✓";
        	color: #ffffff;
        	font-weight: 700;
        }

        .img-placeholder {
        	width: 120px;
        	height: 120px;
        	background: #f3f3f4;
        	border-radius: 12px;
        	flex-shrink: 0;
        }

        .item-text-wrap {
        	flex: 1;
        }

        .item-name {
        	font-size: 16px;
        	color: #1a2436;
        	margin-bottom: 12px;
        	line-height: 1.35;
        }

        .item-price {
        	font-size: 18px;
        	color: #dd2222;
        	font-weight: 600;
        }

        .edit-bottom-bar {
        	position: fixed;
        	left: 50%;
        	transform: translateX(-50%);
        	bottom: 0;
        	width: 100%;
        	max-width: 480px;
        	background: #ffffff;
        	padding: 16px 20px;
        	display: none;
        	align-items: center;
        	gap: 16px;
        	border-top: 1px solid #eee;
        }

        .edit-bottom-bar.show {
        	display: flex;
        }

        .select-all-wrap {
        	display: flex;
        	align-items: center;
        	gap: 10px;
        	    font-size: 16px;
        }

        .btn-remove-fav {
        	flex: 1;
        	height: 56px;
        	border-radius: 999px;
        	background: #dd2222;
        	color: #fff;
        	border: none;
        	font-size: 16px;
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        	font-size: 20px;
        }

        .page-header {
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	position: relative;
        	height: 64px;
        	background: #ffffff;
        }

        .back-arrow {
        	position: absolute;
        	left: 16px;
        	font-size: 24px;
        	color: #111;
        	text-decoration: none;
        }

        .header-right {
        	position: absolute;
        	right: 20px;
        	font-size: 20px;
        	color: #dd2222;
        	cursor: pointer;
        }

        .top-info-bar {
        	display: flex;
        	justify-content: space-between;
        	padding: 16px 20px;
        	background: #f7f7f8;
        }

        .item-count {
        	font-size: 20px;
        	color: #111;
        }

        .item-count strong {
        	color: #dd2222;
        }

        /* 	.container {
		    padding: 0 16px 120px;
		} */
        .fav-item {
        	background: #ffffff;
        	border-radius: 16px;
        	padding: 16px;
        	margin-bottom: 14px;
        	display: flex;
        	gap: 14px;
        	align-items: flex-start;
        }

        .img-placeholder img {
        	width: 100%;
        }

        /*滚动内容区域*/
        .scroll-container {
        	flex: 1;
        	overflow-y: auto;
        	-webkit-overflow-scrolling: touch;
        	height: auto;
        	padding: 16px;
        }

        /*查询输入区域*/
        .search-row {
        	display: flex;
        	gap: 12px;
        	align-items: center;
        	margin-bottom: 20px;
        }

        .track-input {
        	flex: 1;
        	height: 52px;
        	border-radius: 999px;
        	border: none;
        	background: #eeeeee;
        	padding: 0 20px;
        	    font-size: 14px;
        	outline: none;
        }

        .query-btn {
        	height: 52px;
        	padding: 0 26px;
        	border-radius: 999px;
        	border: none;
        	background: #7358e0;
        	color: #fff;
        	font-size: 14px;
        	cursor: pointer;
        	white-space: nowrap;
        }

        /*物流结果容器*/
        .logistics-result {}

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        }

        .form-item {
        	display: flex;
        	align-items: center;
        	    padding: 10px 10px
        	border-bottom: 1px solid #eeeeee;
        }

        .form-label {
        	width: 80px;
        	font-size: 16px;
        	color: #111;
        }

        .form-input {
        	flex: 1;
        	border: none;
        	outline: none;
        	font-size: 16px;
        	color: #11;
        }

        .form-input::placeholder {
        	color: #bbbbbb;
        }

        .switch-row {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	padding: 24px 20px;
        	background: #f6f6f6;
        }

        .switch-label {
        	font-size: 16px;
        	color: #111;
        }

        .toggle-switch {
        	width: 60px;
        	height: 34px;
        	background: #cccccc;
        	border-radius: 34px;
        	position: relative;
        	cursor: pointer;
        	transition: 0.25s;
        }

        .toggle-switch.on {
        	background: #6b48d8;
        }

        .toggle-switch::after {
        	content: "";
        	position: absolute;
        	width: 28px;
        	height: 28px;
        	background: #fff;
        	border-radius: 50%;
        	top: 3px;
        	left: 3px;
        	transition: 0.25s;
        }

        .toggle-switch.on::after {
        	transform: translateX(26px);
        }

        .bottom-btn-wrap {
        	position: fixed;
        	left: 50%;
        	transform: translateX(-50%);
        	bottom: 40px;
        	width: 100%;
        	max-width: 480px;
        	padding: 0 24px;
        }

        .btn-save {
        	width: 100%;
        	height: 64px;
        	border-radius: 999px;
        	border: none;
        	background: linear-gradient(90deg, #6b48d8, #a288ed);
        	color: #ffffff;
        	font-size: 16px;

        	font-weight: 600;
        	box-shadow: 0 4px 14px rgba(107, 72, 216, 0.25);
        }

        .toast {
        	position: fixed;
        	left: 50%;
        	top: 50%;
        	transform: translate(-50%, -50%);
        	background: rgba(0, 0, 0, 0.65);
        	color: #fff;
        	padding: 14px 26px;
        	border-radius: 8px;
        	z-index: 200;
        	display: none;
        	font-size: 20px;
        }
		.trade-item{
		            background:#fff;
		            border-radius:10px;
		            padding:14px;
		            margin-bottom:10px;
		            display:flex;
		            justify-content:space-between;
		            align-items:center;
		        }
		        .trade-left .trade-type{
		            font-size:16px;
		            color:#111;
		            margin-bottom:4px;
		        }
		        .trade-left .trade-time{
		            font-size:13px;
		            color:#888;
		        }
		        .trade-right.income{
		            color:#00b42a;
		            font-size:17px;
		            font-weight:600;
		        }
		        .trade-right.expense{
		            color:#f53f3f;
		            font-size:17px;
		            font-weight:600;
		        }
		        .empty-wrap{
		            text-align:center;
		            padding:40px 0;
		            display:none;
		        }
		        .empty-icon img{
		            width:80px;
		        }
		        .empty-text{
		            color:#999;
		            margin-top:10px;
		        }
				
				.trade-list{margin: 16px;}