@media screen and (max-width: 768px) {
    body {
        padding: 10px;
    }

    .container {
        padding: 15px;
    }

    .search-box {
        padding: 15px;
        gap: 10px;
    }

    .tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
    }

    .tab-button {
        padding: 10px 16px;
        font-size: 14px;
        white-space: nowrap;
    }

    .tab-content {
        padding: 15px;
    }

    .coins-table {
        font-size: 13px;
    }

    .coins-table th,
    .coins-table td {
        padding: 10px;
    }

    /* 确保表格可以横向滚动 */
    .table-container {
        margin: 0 -15px;
        padding: 0 15px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .copy-button,
    .buy-button,
    .search-button {
        height: 22px;
        padding: 0 6px;
        line-height: 20px;
        font-size: 11px;
        min-width: 36px;
    }

    .mint-cell {
        gap: 3px;
        width: 50px;
    }

    .mint-cell .copy-button,
    .mint-cell .buy-button,
    .mint-cell .search-button {
        font-size: 10px;
        height: 22px;
        line-height: 20px;
        border-radius: 3px;
    }

    /* PumpFun 移动端样式 */
    .sort-controls {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sort-select {
        flex: 1;
        min-width: 150px;
        padding: 8px;
        font-size: 12px;
    }

    .filters {
        padding: 12px;
        margin: 10px 0;
        background: white;
        border: 1px solid #eee;
    }

    .filters-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* 搜索过滤器组移动端样式 */
    .search-filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    /* 状态选择器单独占一行 */
    #statusFilter {
        grid-column: 1 / -1;
    }

    .filter-group {
        background: #f8f9fa;
        border-radius: 6px;
        padding: 10px;
    }

    /* 市值范围过滤器组移动端样式 */
    .market-cap-filters {
        display: flex;
        gap: 8px;
        align-items: center;
        width: 100%;
    }

    .market-cap-range {
        display: flex;
        gap: 8px;
        align-items: center;
        width: 100%;
    }

    .market-cap-range input {
        flex: 1;
        min-width: 0;  /* 防止输入框溢出 */
    }

    .market-cap-range span {
        padding: 0 2px;
    }

    .filter-input::placeholder {
        font-size: 11px;
    }

    .filter-input,
    .filter-select {
        padding: 10px;
        font-size: 12px;
        height: 36px;
        box-sizing: border-box;
    }

    .filter-group label {
        font-size: 13px;
        white-space: nowrap;
        display: block;
    }

    .coin-image-cell img {
        width: 32px;
        height: 32px;
    }

    .button-group {
        display: flex;
        gap: 10px;
        width: 100%;
    }

    #searchButton,
    #findOGButton {
        flex: 1;
        height: 48px;
        font-size: 15px;
        padding: 0;
        min-width: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    /* 添加触摸反馈效果 */
    #searchButton:active,
    #findOGButton:active {
        transform: scale(0.98);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    .toast {
        font-size: 13px;
        min-width: 100px;
        padding: 8px 16px;
    }

    .price-changes {
        gap: 8px;
        margin: 0 -15px;
        padding: 8px 15px;
    }

    .price-change-item {
        padding: 2px 4px;
        min-width: 50px;
    }

    .price-change-label {
        font-size: 11px;
    }

    .price-change-value {
        font-size: 13px;
    }

    /* DexScreener 移动端样式 */
    .pair-card {
        padding: 15px;
        margin-bottom: 15px;
        border-radius: 10px;
    }

    .token-header {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .token-name {
        font-size: 16px;
    }

    .token-links {
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .token-links a {
        margin: 0;
    }

    .address-container {
        padding: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .address-text {
        font-size: 13px;
        word-break: break-all;
    }

    .stats-container {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .stats-box {
        padding: 12px;
    }

    .stats-box h5 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .stats-box p {
        font-size: 12px;
        margin: 6px 0;
    }

    .price-changes-container {
        padding: 10px;
        gap: 4px;
    }
}

@media screen and (max-width: 480px) {
    body {
        padding: 5px;
    }

    h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .search-box {
        padding: 10px;
    }

    .tab-button {
        padding: 8px 12px;
        font-size: 13px;
    }

    .copy-button,
    .buy-button,
    .search-button {
        height: 20px;
        padding: 0 4px;
        line-height: 18px;
        font-size: 10px;
        min-width: 32px;
    }

    .mint-cell {
        gap: 2px;
        width: 45px;
    }

    .mint-cell .copy-button,
    .mint-cell .buy-button,
    .mint-cell .search-button {
        font-size: 9px;
        height: 20px;
        line-height: 18px;
        border-radius: 3px;
    }

    /* PumpFun 小屏幕样式 */
    .sort-select,
    .filter-input,
    .filter-select {
        font-size: 11px;
        padding: 8px;
        border-radius: 4px;
    }

    .filter-group label {
        font-size: 12px;
    }

    .coin-image-cell img {
        width: 28px;
        height: 28px;
    }

    .status-complete,
    .status-incomplete {
        padding: 1px 4px;
        font-size: 10px;
    }

    #searchButton,
    #findOGButton {
        height: 44px;
        font-size: 14px;
        border-radius: 6px;
    }

    .button-group {
        gap: 8px;
    }

    .filters {
        padding: 8px;
        margin: 8px 0;
    }

    .filters-container {
        gap: 8px;
    }

    .search-filters {
        gap: 6px;
    }

    .filter-group {
        padding: 8px;
        background: #f8f9fa;
    }

    .market-cap-range {
        gap: 6px;
    }

    .market-cap-range span {
        padding: 0 1px;
    }

    .filter-input::placeholder {
        font-size: 10px;
    }

    .toast {
        font-size: 12px;
        min-width: 90px;
        padding: 6px 12px;
    }

    .price-changes {
        gap: 6px;
        margin: 0 -10px;
        padding: 6px 10px;
    }

    .price-change-item {
        padding: 2px 3px;
        min-width: 45px;
    }

    .price-change-label {
        font-size: 10px;
    }

    .price-change-value {
        font-size: 12px;
    }

    /* DexScreener 小屏幕样式 */
    .pair-card {
        padding: 12px;
        margin-bottom: 12px;
    }

    .token-header {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .token-name {
        font-size: 15px;
    }

    .chain-badge {
        font-size: 11px;
        padding: 1px 6px;
    }

    .token-links {
        font-size: 11px;
        gap: 4px;
    }

    .address-container {
        padding: 8px;
    }

    .address-text {
        font-size: 12px;
    }

    .stats-box {
        padding: 10px;
    }

    .stats-box h5 {
        font-size: 12px;
    }

    .stats-box p {
        font-size: 11px;
        margin: 4px 0;
    }

    .price-changes-container {
        padding: 8px;
        gap: 2px;
    }
} 