:root {
           --primary-color: #F0B90B;
           --primary-dark: #D19F0B;
           --secondary-color: #B7BDC6;
           --text-color: #E6E8EA;
           --bg-color: #1E2026;
           --card-bg: #2B3139;
           --border-color: #30363D;
           --success-color: #03A66D;
           --danger-color: #CF304A;
           --info-color: #0085FF;
           --warning-color: #F0B90B;
           --grab-color: #FFCC00;
           --claim-color: #03A66D;
           --tge-color: #0085FF;
           --star-color: #F0B90B;
       }

       header {
           background-color: #0B0E11;
       }

       .airdrops-table th {
           background-color: #14151A;
       }

       .points-badge {
           background-color: #2B3139;
       }

       .airdrops-table tr:hover {
           background-color: rgba(240, 185, 11, 0.05);
       }

       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
           font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
       }

       body {
           background-color: var(--bg-color);
           color: var(--text-color);
           line-height: 1.6;
       }

       .container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 20px;
       }

       header {
           background-color: var(--card-bg);
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           padding: 20px 0;
           position: relative;
       }

       .logo {
           font-size: 1.5rem;
           font-weight: 700;
           color: var(--text-color);
           text-decoration: none;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .logo img {
           height: 32px;
           margin-right: 10px;
       }

       .logo span {
           color: var(--primary-color);
       }

       .main-title {
           text-align: center;
           font-size: 2rem;
           font-weight: 700;
           margin: 30px 0;
           color: var(--text-color);
       }

       .theme-toggle {
           background: none;
           border: none;
           color: var(--primary-color);
           cursor: pointer;
           font-size: 1.2rem;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 4px;
           position: absolute;
           right: 20px;
           top: 20px;
           transition: transform 0.3s ease;
           /* 移动端触摸优化 */
           -webkit-tap-highlight-color: transparent;
           touch-action: manipulation;
       }

       .theme-toggle:hover i {
           transform: rotate(90deg);
       }

       .main {
           padding: 10px 0 1%;
       }

       .section-title {
           font-size: 1.5rem;
           font-weight: 700;
           margin: 10px 0 10px;
           display: flex;
           align-items: center;
           color: var(--secondary-color);
       }

       .section-title i {
           color: var(--primary-color);
           margin-right: 10px;
       }

       .section-desc {
           font-size: 0.9rem;
           color: #76808F;
           margin-bottom: 20px;
       }

       .airdrops-table {
           width: 100%;
           border-collapse: collapse;
           margin-bottom: 20px;
           background-color: var(--card-bg);
           box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
           border-radius: 8px;
           overflow: hidden;
           table-layout: fixed;
       }

       .airdrops-table th,
       .airdrops-table td {
           padding: 12px 16px;
           text-align: left;
           border-bottom: 1px solid var(--border-color);
           vertical-align: middle;
       }

       .airdrops-table th {
           background-color: #14151A;
           color: #76808F;
           font-weight: 600;
           font-size: 0.85rem;
           text-transform: uppercase;
       }

       .airdrops-table thead tr {
           background-color: #14151A;
           width: 100%;
       }

       .airdrops-table th:nth-child(1),
       .airdrops-table td:nth-child(1) {
           width: 30%;
           text-align: left;
       }

       .airdrops-table th:nth-child(2),
       .airdrops-table td:nth-child(2) {
           width: 15%;
           text-align: center;
       }

       .airdrops-table th:nth-child(3),
       .airdrops-table td:nth-child(3) {
           width: 20%;
           text-align: center;
       }

       .airdrops-table th:nth-child(4),
       .airdrops-table td:nth-child(4) {
           width: 30%;
           text-align: center;
       }

       .airdrops-table th:nth-child(5),
       .airdrops-table td:nth-child(5) {
           width: 10%;
           text-align: center;
       }

       .airdrops-table tr:last-child td {
           border-bottom: none;
       }

       .airdrops-table tr:hover {
           background-color: rgba(240, 185, 11, 0.05);
       }

       .token-name {
           display: flex;
           align-items: center;
       }

       .token-symbol {
           font-weight: 700;
           display: inline-block;
           margin-bottom: 4px;
       }

       .time-cell {
           display: flex;
           flex-direction: column;
           align-items: center;
           gap: 4px;
           justify-content: center;
           text-align: center;
       }

       .tge-tag {
           font-size: 0.8rem;
           color: var(--tge-color);
           font-weight: 600;
       }

       .token-type {
           display: inline-flex;
           width: 10px;
           height: 10px;
           border-radius: 50%;
           align-items: center;
           justify-content: center;
           flex-shrink: 0;
           margin-left: auto;
       }

       .token-type.grab {
           background-color: var(--grab-color);
       }

       .token-type.claim {
           background-color: var(--claim-color);
       }

       .token-fullname {
           font-size: 0.85rem;
           color: #76808F;
       }

       .points-badge {
           background-color: #2B3139;
           color: var(--text-color);
           padding: 4px 8px;
           border-radius: 4px;
           font-weight: 600;
           font-size: 0.85rem;
           display: inline-block;
       }

       .value-text {
           display: inline-block;
           font-size: 0.75em;
           margin-top: 4px;
           font-weight: normal;
       }

       .exchange-price-value {
           color: var(--primary-color);
           display: block;
       }

       .dex-price-value {
           color: var(--text-color);
           display: block;
           margin-top: 2px;
       }

       .price-container {
           display: block;
           width: 100%;
           position: relative;
       }

       .price-link {
           color: var(--primary-color) !important;
           text-decoration: none;
           transition: color 0.2s ease;
           -webkit-tap-highlight-color: transparent;
           touch-action: manipulation;
       }

       .price-link:hover {
           color: var(--primary-dark) !important;
       }

       .loading {
           text-align: center;
           padding: 40px 0;
           color: #76808F;
       }

       .spinner {
           border: 4px solid rgba(0, 0, 0, 0.1);
           width: 36px;
           height: 36px;
           border-radius: 50%;
           border-left-color: var(--primary-color);
           animation: spin 1s linear infinite;
           margin: 0 auto 20px;
       }

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

           100% {
               transform: rotate(360deg);
           }
       }

       .nav-links {
           display: flex;
           justify-content: center;
           gap: 30px;
           margin-top: 20px;
       }

       .nav-links a {
           text-decoration: none;
           color: var(--text-color);
           font-weight: 500;
           transition: color 0.3s ease;
           padding: 5px 10px;
       }

       .nav-links a:hover {
           color: var(--primary-color);
       }

       .favorite-btn {
           background: none;
           border: none;
           cursor: pointer;
           color: var(--primary-color);
           font-size: 1.2rem;
           opacity: 0.5;
           transition: opacity 0.2s ease;
           -webkit-tap-highlight-color: transparent;
           touch-action: manipulation;
       }

       .favorite-btn:hover {
           opacity: 1;
       }

       .favorite-btn.active {
           opacity: 1;
       }

       .header-links {
           display: flex;
           justify-content: center;
           gap: 20px;
           margin-top: 10px;
       }

       .header-links a {
           color: var(--secondary-color);
           text-decoration: none;
           font-size: 0.9rem;
           padding: 5px;
           transition: color 0.2s ease;
           /* 移动端触摸优化 */
           -webkit-tap-highlight-color: transparent;
           touch-action: manipulation;
       }

       .header-links a:hover {
           color: var(--primary-color);
       }

       .header-links a.active {
           color: var(--primary-color);
           font-weight: 600;
       }

       .rotating {
           animation: rotate 1s linear;
       }

       @keyframes rotate {
           from {
               transform: rotate(0deg);
           }

           to {
               transform: rotate(360deg);
           }
       }

       @media (max-width: 768px) {
           .airdrops-table-wrapper {
               margin-bottom: 10px;
           }

           .airdrops-table {
               margin-bottom: 0;
               width: 100%;
           }

           .section-title {
               margin: 20px 0 15px;
           }

           .container {
               padding: 0 15px;
           }

           .footer-content {
               flex-direction: row;
               justify-content: space-between;
               text-align: left;
           }

           .footer-left {
               margin-bottom: 0;
           }

           .footer-links {
               justify-content: flex-end;
           }

           .language-menu {
               right: 0;
               transform: none;
           }
       }

       @media (max-width: 640px) {

           .airdrops-table th,
           .airdrops-table td {
               padding: 8px 4px;
               font-size: 0.8rem;
           }

           .container {
               padding: 0 10px;
           }

           .airdrops-table th:nth-child(1),
           .airdrops-table td:nth-child(1) {
               width: 30%;
               padding-left: 8px;
           }

           .airdrops-table th:nth-child(2),
           .airdrops-table td:nth-child(2) {
               width: 15%;
           }

           .airdrops-table th:nth-child(3),
           .airdrops-table td:nth-child(3) {
               width: 20%;
           }

           .airdrops-table th:nth-child(4),
           .airdrops-table td:nth-child(4) {
               width: 30%;
               padding-right: 6px;
           }

           .airdrops-table th:nth-child(5),
           .airdrops-table td:nth-child(5) {
               width: 10%;
               text-align: center;
           }

           .token-fullname {
               font-size: 0.75rem;
           }

           .token-symbol {
               font-size: 0.9rem;
           }

           .points-badge {
               font-size: 0.75rem;
               padding: 3px 6px;
           }

           .time-cell {
               gap: 2px;
               font-size: 0.8rem;
           }

           .tge-tag {
               font-size: 0.7rem;
           }

           .value-text {
               font-size: 0.75rem;
           }

           .favorite-btn {
               font-size: 1rem;
           }
       }

       @media (max-width: 360px) {

           .airdrops-table th,
           .airdrops-table td {
               padding: 6px 2px;
               font-size: 0.75rem;
           }

           .token-fullname {
               font-size: 0.7rem;
           }

           .container {
               padding: 0 8px;
           }
       }

       /* Footer Styles */
       .footer {
           padding: 8px 0 16px;
           font-size: 0.85rem;
           color: #76808F;
           margin-top: 0;
       }

       .footer-content {
           display: flex;
           justify-content: space-between;
           align-items: center;
           flex-wrap: wrap;
           padding: 10px 0;
       }

       .footer-left {
           display: flex;
           align-items: center;
           gap: 15px;
       }

       .footer-logo {
           color: var(--primary-color);
           text-decoration: none;
           font-weight: 600;
       }

       .footer-links {
           display: flex;
           gap: 20px;
           flex-wrap: wrap;
       }

       .footer-link {
           color: var(--text-color);
           text-decoration: none;
           display: flex;
           align-items: center;
           gap: 5px;
           transition: color 0.2s;
       }

       .footer-link:hover {
           color: var(--primary-color);
       }

       .language-dropdown {
           position: relative;
       }

       .language-menu {
           display: none;
           position: absolute;
           bottom: 100%;
           right: 0;
           background-color: var(--bg-color);
           border: 1px solid var(--border-color);
           border-radius: 4px;
           padding: 10px 0;
           min-width: 120px;
           box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
           z-index: 100;
           margin-bottom: 5px;
       }

       .language-dropdown:hover .language-menu {
           display: block;
       }

       .language-option {
           display: block;
           padding: 5px 15px;
           text-decoration: none;
           color: var(--text-color);
           transition: background-color 0.2s;
       }

       .language-option:hover {
           background-color: var(--hover-bg-color, rgba(255, 255, 255, 0.1));
           color: var(--primary-color);
       }

       /* Language notification */
       .language-notification {
           position: fixed;
           bottom: 20px;
           left: 50%;
           transform: translateX(-50%);
           background-color: var(--card-bg);
           border: 1px solid var(--border-color);
           border-radius: 8px;
           padding: 15px;
           box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
           z-index: 1000;
           display: flex;
           flex-direction: column;
           max-width: 350px;
           width: 90%;
           opacity: 0;
           transition: opacity 0.3s, transform 0.3s;
           pointer-events: none;
       }

       .language-notification.show {
           opacity: 1;
           transform: translateX(-50%) translateY(0);
           pointer-events: auto;
       }

       .notification-message {
           margin-bottom: 15px;
           text-align: center;
       }

       .notification-actions {
           display: flex;
           justify-content: center;
           gap: 10px;
       }

       .notification-btn {
           padding: 8px 16px;
           border-radius: 4px;
           border: none;
           cursor: pointer;
           font-weight: 600;
           transition: background-color 0.2s;
       }

       .notification-btn-primary {
           background-color: var(--primary-color);
           color: #000;
       }

       .notification-btn-primary:hover {
           background-color: var(--primary-dark);
       }

       .notification-btn-secondary {
           background-color: var(--card-bg);
           color: var(--text-color);
           border: 1px solid var(--border-color);
       }

       .notification-btn-secondary:hover {
           background-color: rgba(255, 255, 255, 0.1);
       }

       /* Token link and contract icon styles */
       .token-link {
           color: var(--text-color);
           text-decoration: none;
           transition: color 0.2s;
       }

       .token-link:hover {
           color: #f0f0f0 !important;
       }

       .contract-icon {
           font-size: 12px;
           margin-left: 4px;
           opacity: 0.8;
           vertical-align: middle;
       }

       .adBox {
           text-align: center;
           border: 1px solid #888;
           display: flex;
           justify-content: center;
           align-items: center;
           padding-top: 20px;
           padding-bottom: 6px;
           position: relative;
       }

       .adBox::before {
           content: "Advertisement";
           position: absolute;
           top: 0;
           left: 50%;
           transform: translateX(-50%);
           font-size: 10px;
           color: #888;
       }