:root {
            --md-primary: #6750A4;
            --md-primary-dark: #1E1B4B;
            --md-primary-light: #E8E1F8;
            --md-primary-deep: #53389E;
            --md-surface: #FFFFFF;
            --md-background: #F5F5F7;
            --md-surface-variant: #FAFAFA;
            --md-on-primary: #FFFFFF;
            --md-on-surface: #1D1B20;
            --md-on-surface-variant: #6E6E73;
            --md-outline: #E0E0E0;
            --md-shadow-1: 0 1px 4px rgba(0, 0, 0, 0.08);
            --md-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.12);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Roboto', sans-serif;
        }

        body {
            background-color: var(--md-background);
            color: var(--md-on-surface);
            line-height: 1.5;
        }

        /* 保持原有的uni-body类兼容性 */
        .uni-body.pages-transaction-index {
            background-color: var(--md-background);
        }

        /* MD3 Top App Bar - 修复返回键大小 */
        .md-app-bar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 56px;
            background-color: var(--md-primary-dark);
            color: var(--md-on-primary);
            display: flex;
            align-items: center;
            padding: 0 4px 0 12px; /* 调整左侧padding给返回键更多空间 */
            z-index: 1000;
        }

        .md-back-button {
            width: 48px; /* MD3标准最小点击区域 */
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            background: none;
            color: var(--md-on-primary);
            cursor: pointer;
            border-radius: 24px;
            transition: background-color 0.2s;
            font-size: 28px; /* 增大图标大小 */
            font-weight: 400;
            margin-right: 8px;
        }

        .md-back-button:hover {
            background-color: rgba(255, 255, 255, 0.08);
        }

        .md-back-button:active {
            background-color: rgba(255, 255, 255, 0.16);
        }

        .md-title {
            flex: 1;
            text-align: center;
            font-size: 24px;
            font-weight: 500;
            /* 不再需要负margin，因为返回键现在有固定宽度 */
        }

        /* 保持原有placeholder结构 */
        .uni-placeholder {
            height: 56px;
        }

        /* 功能入口区 - 替换原有.button区域 */
        .md-function-area {
            background-color: var(--md-background);
            padding: 16px;
            display: flex;
            gap: 8px;
        }

        .md-function-button {
            flex: 1;
            height: 48px;
            background-color: var(--md-surface);
            border: none;
            border-radius: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            cursor: pointer;
            transition: background-color 0.2s;
            font-size: 16px;
            font-weight: 500;
            color: var(--md-on-surface);
            text-decoration: none;
        }

        .md-function-button:active {
            background-color: var(--md-primary-light);
        }

        .md-badge {
            position: absolute;
            top: 8px;
            right: 16px;
            background-color: var(--md-primary);
            color: var(--md-on-primary);
            font-size: 14px;
            font-weight: 600;
            padding: 2px 6px;
            border-radius: 10px;
            min-width: 20px;
            text-align: center;
        }

        /* 币种提示横幅 - 替换原有.bar区域 */
        .md-banner {
            background-color: var(--md-surface-variant);
            padding: 12px 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            border-bottom: 1px solid var(--md-outline);
        }

        .md-currency-icon {
            width: 28px;
            height: 28px;
            background-color: var(--md-primary);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--md-on-primary);
            font-size: 14px;
            font-weight: 600;
        }

        .md-banner-content {
            flex: 1;
        }

        .md-banner-title {
            font-size: 18px;
            font-weight: 500;
            color: var(--md-on-surface);
        }

        .md-banner-subtitle {
            font-size: 14px;
            color: var(--md-on-surface-variant);
            margin-top: 2px;
        }

        /* 排序筛选栏 - 替换原有.tab区域 */
        .md-filter-bar {
            background-color: var(--md-surface);
            padding: 8px 16px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .md-segmented-buttons {
            display: flex;
            background-color: var(--md-background);
            border-radius: 24px;
            padding: 2px;
            flex: 1;
        }

        .md-segmented-button {
            flex: 1;
            height: 36px;
            border: none;
            background: none;
            border-radius: 18px;
            font-size: 14px;
            color: var(--md-on-surface-variant);
            cursor: pointer;
            transition: all 0.2s;
        }

        .md-segmented-button.active {
            background-color: var(--md-primary);
            color: var(--md-on-primary);
        }

        .md-sort-indicator {
            margin-left: 4px;
            transition: transform 0.3s;
            display: inline-flex;
        }

        .md-filter-chip {
            height: 36px;
            padding: 0 16px;
            border: 1px solid var(--md-primary);
            border-radius: 18px;
            background: none;
            color: var(--md-primary);
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s;
            white-space: nowrap;
        }

        .md-filter-chip.active {
            background-color: var(--md-primary);
            color: var(--md-on-primary);
            border-color: var(--md-primary);
        }

        /* 交易列表区 - 替换原有.list区域 */
        .md-list-container {
            padding: 16px;
        }

        .md-card {
            background-color: var(--md-surface);
            border-radius: 16px;
            padding: 16px;
            margin-bottom: 12px;
            box-shadow: var(--md-shadow-1);
            transition: box-shadow 0.2s;
        }

        .md-card:active {
            box-shadow: var(--md-shadow-2);
        }

        .md-card-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
        }

        .md-avatar {
            width: 36px;
            height: 36px;
            border-radius: 18px;
            background-size: cover;
            background-position: center;
            background-color: var(--md-background);
        }

        .md-username {
            font-size: 14px;
            font-weight: 500;
            color: var(--md-on-surface);
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .md-stats {
            font-size: 12px;
            color: var(--md-on-surface-variant);
        }

        .md-card-content {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 12px;
        }

        .md-trade-info {
            flex: 1;
        }

        .md-trade-line1 {
            font-size: 14px;
            color: var(--md-on-surface-variant);
            margin-bottom: 4px;
        }

        .md-trade-line2 {
            font-size: 16px;
            font-weight: 600;
            color: var(--md-on-surface);
        }

        .md-buy-button {
            height: 32px;
            padding: 0 16px;
            background-color: var(--md-primary);
            color: var(--md-on-primary);
            border: none;
            border-radius: 16px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.2s;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
        }

        .md-buy-button:active {
            background-color: var(--md-primary-deep);
        }

        /* 空状态 - 保持原有uni-load-more兼容性 */
        .uni-load-more {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
        }

        .uni-load-more__img {
            margin-bottom: 16px;
        }

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

        /* 加载状态 */
        .md-progress-indicator {
            height: 4px;
            background-color: var(--md-primary);
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .md-progress-indicator::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
            animation: loading 1.5s infinite;
        }

        @keyframes loading {
            0% { left: -100%; }
            100% { left: 100%; }
        }

        /* 保持原有工具类 */
        .flexJA { display: flex; align-items: center; }
        .flexSb { justify-content: space-between; }
        .flexDc { flex-direction: column; }
        .flexFs { justify-content: flex-start; }
        .flexSa { justify-content: space-around; }
        .mb16 { margin-bottom: 16px; }
        .tr { text-align: right; }