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

    .stats-row {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 12px;
      color: #b4b4b4;
      margin-bottom: 4px;
    }

    .stats-row.bottom {
      margin-top: -4px;
    }

    .stat {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .s-icon {
      opacity: 0.5;
    }

    .s-emoji {
      width: 12px;
      height: 12px;
    }

    .bar {
      width: 65px;
      height: 4px;
      background: #2a2a2a;
      border-radius: 4px;
      overflow: hidden;
      margin-left: 4px;
    }

    .bar-red {
      width: 60%;
      height: 100%;
      background: #e25a3e;
    }

    .mc {
      margin-left: auto;
      color: #e0e0e0;
    }

    .vol {
      color: #e0e0e0;
    }

    .green {
      color: #2ecc71;
    }

    .token-card {
      display: flex;
      justify-content: space-between;
      align-items: center;

      background: transparent !important;
      padding: 14px;
      border-radius: 14px;
      border: none !important;
      margin-bottom: 12px;

      backdrop-filter: none !important;
      box-shadow: none !important;
    }

    .token-left {
      display: flex;
      align-items: center;
      gap: 14px;
      background: transparent !important;
    }

    .token-img-box {
      width: 58px;
      height: 58px;
      border-radius: 14px;
      overflow: hidden;

      background: transparent !important;
    }

    .token-img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: transparent !important;
    }

    .token-text {
      display: flex;
      flex-direction: column;
      gap: 6px;
      background: transparent !important;
    }

    .token-title {
      display: flex;
      flex-direction: column;
      line-height: 14px;
      background: transparent !important;
    }

    .token-symbol {
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      background: transparent !important;
    }

    .token-name {
      font-size: 12px;
      color: #888;
      background: transparent !important;
    }

    .buy-btn {
      border: none;
      background: #5c3bff !important;
      padding: 6px 10px;
      border-radius: 6px;
      font-size: 13px;
      cursor: pointer;
    }

    .token-right {
      text-align: right;
      display: flex;
      flex-direction: column;
      gap: 6px;
      background: transparent !important;
    }

    .token-time {
      color: #888;
      font-size: 12px;
      background: transparent !important;
    }

    .token-links a {
      margin-left: 8px;
      text-decoration: none;
      font-size: 18px;
      background: transparent !important;
    }

    .token-holders {
      color: #999;
      font-size: 13px;
      background: transparent !important;
    }


    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      background: #0f0f14;
      color: #ffffff;
      overflow-x: hidden;
    }

    .animated-bg {
      pointer-events: none;
      position: fixed;
      inset: -25vh;
      z-index: 0;
      animation: bgMove 30s linear infinite alternate;
    }

    @keyframes bgMove {
      from {
        transform: translate3d(-3%, -2%, 0) scale(1.03);
      }

      to {
        transform: translate3d(3%, 2%, 0) scale(1.03);
      }
    }

    .bg-gradient {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(65% 75% at 82% 60%, hsl(260 35% 25% / 0.3), transparent 75%),
        radial-gradient(70% 80% at 18% 40%, hsl(0 0% 20% / 0.06), transparent 70%),
        linear-gradient(180deg, hsl(240 15% 8%), hsl(240 15% 5%));
    }

    .bg-vignette {
      position: absolute;
      inset: 0;
      background: radial-gradient(130% 110% at 50% 50%, transparent 70%, hsl(240 20% 3% / 0.85));
    }

    .container {
      position: relative;
      z-index: 1;
      margin: 0 8px;
    }

    .top-nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      height: 56px;
      padding: 8px;
      margin: 0 8px;
    }

    .nav-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      gap: 16px;
      margin: 0 auto;
    }

    .nav-left {
      display: flex;
      align-items: center;
      gap: 16px;
      flex: 1;
      min-width: 0;
    }

    .logo {
      display: flex;
      cursor: pointer;
    }

    .logo svg {
      width: 24px;
      height: 24px;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .nav-link {
      color: #999999;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
      transition: color 0.2s;
    }

    .nav-link:hover {
      color: #ffffff;
    }

    .search-container {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
    }

    .search-box {
      display: flex;
      align-items: center;
      background: rgba(255, 255, 255, 0.06);
      border-radius: 14px;
      height: 38px;
      padding-left: 12px;
      position: relative;
    }

    .search-box::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
      pointer-events: none;
    }

    .search-box:hover {
      background: rgba(255, 255, 255, 0.1);
    }

    .search-icon {
      width: 18px;
      height: 18px;
      color: #999999;
    }

    .search-input {
      background: transparent;
      border: none;
      outline: none;
      color: #999999;
      font-size: 13px;
      padding: 0 40px 0 10px;
      width: 30vw;
      min-width: 100px;
    }

    .search-shortcut {
      position: absolute;
      right: 12px;
      color: #999999;
      font-size: 12px;
    }

    .nav-right {
      display: flex;
      align-items: center;
      gap: 8px;
      flex: 1;
      justify-content: flex-end;
      min-width: 0;
    }

    .quick-buy {
      display: flex;
      align-items: center;
      gap: 4px;
      background: rgba(255, 255, 255, 0.06);
      border-radius: 12px;
      padding: 0 0 0 12px;
      height: 38px;
      font-size: 14px;
    }

    .quick-buy::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
      pointer-events: none;
    }

    .quick-buy-input {
      background: transparent;
      border: none;
      outline: none;
      color: #ffffff;
      width: 80px;
      padding: 8px 42px 8px 0;
      font-size: 14px;
    }

    .preset-buttons {
      display: flex;
      align-items: center;
      background: rgba(255, 255, 255, 0.06);
      border-radius: 12px;
      height: 38px;
      padding: 2px;
      gap: 0;
    }

    .preset-btn {
      background: rgba(255, 255, 255, 0.06);
      border: none;
      color: #999999;
      font-weight: 600;
      font-size: 13px;
      cursor: pointer;
      padding: 12px;
      height: 34px;
      width: 34px;
      border-radius: 10px;
      transition: all 0.2s;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .preset-btn:hover,
    .preset-btn.active {
      background: rgba(255, 255, 255, 0.1);
      color: #ffffff;
    }

    .connect-btn {
      background: #AB9FF2;
      color: #000000;
      border: none;
      border-radius: 12px;
      padding: 8px 12px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      height: 38px;
      min-width: 62px;
      justify-content: center;
      transition: filter 0.2s;
    }

    .connect-btn:hover {
      filter: brightness(1.1);
    }

    .main-content {
      margin-top: 58px;
      display: flex;
      justify-content: center;
      width: 100%;
      gap: 8px;
    }

    .table-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: calc(100vh - 96px);
      border-radius: 8px;
      gap: 1px;
    }

    .table-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: rgba(255, 255, 255, 0.06);
      border-radius: 8px 8px 0 0;
      padding: 0 10px 0 16px;
      height: 45px;
      position: relative;
    }

    .table-header::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.06),
        inset -1px 0 0 0 rgba(255, 255, 255, 0.06),
        inset 1px 0 0 0 rgba(255, 255, 255, 0.06);
      pointer-events: none;
    }

    .table-header h2 {
      font-size: 14px;
      font-weight: 600;
      color: #ffffff;
    }

    .table-body {
      background: rgba(255, 255, 255, 0.06);
      border-radius: 0 0 8px 8px;
      height: 100%;
      position: relative;
      overflow: hidden;

    }

    .table-body::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      box-shadow:
        inset -1px 0 0 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 0 rgba(255, 255, 255, 0.06),
        inset 1px 0 0 0 rgba(255, 255, 255, 0.06);
      pointer-events: none;
    }

    .empty-state {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      color: #666666;
      font-size: 14px;
    }

    .menu-btn {
      background: transparent;
      border: none;
      color: #ffffff;
      cursor: pointer;
      padding: 8px 6px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px;
      transition: background 0.2s;
    }

    .menu-btn:hover {
      background: rgba(255, 255, 255, 0.05);
    }

    .bottom-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 40px;
      background-color: transparent;
      z-index: 105;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 8px;
    }

    .bottom-links {
      display: flex;
      gap: 16px;
    }

    .bottom-link {
      color: #777777;
      text-decoration: none;
      font-size: 13px;
      cursor: pointer;
      transition: color 0.2s;
    }

    .bottom-link:hover {
      color: #ffffff;
    }

    .bottom-icons {
      display: flex;
      gap: 16px;
      align-items: center;
    }

    .icon-btn {
      background: transparent;
      border: none;
      color: #777777;
      cursor: pointer;
      padding: 0;
      display: flex;
      transition: color 0.2s;
    }

    .icon-btn:hover {
      color: #ffffff;
    }

    @media (max-width: 1248px) {
      .nav-links {
        display: none;
      }

      .search-container {
        display: none;
      }

      .table-container {
        height: calc(100vh - 136px);
      }
    }

    @media (max-width: 600px) {
      .container {
        width: 100vw;
        margin: 0;
      }

      .quick-buy {
        display: none;
      }

      .preset-buttons {
        display: none;
      }
    }