:root {
  --bg: #fff;
  --home-bg: #f6f8fb;
  --primary-color: #fdd42e;
  --undertone-color: #fff8d1;
  --text-color: #d49f0a;
  --white-color: #fff;
  --color-text-1: #1a1a1a;
  --color-text-2: #576278;
  --color-text-3: #7c8597;
  --color-text-4: #a8b0c1;
  --color-fill-1: #f8fafd;
  --color-fill-2: #f4f7fb;
  --color-fill-3: #f0f1f8;
  --color-fill-4: #eaedf1;
  --color-fill-5: #e3e6f0;
  --green-dark: #09c274;
  --red-dark: #f43c52;
  --red-active: #f43c52;
  --market-boder: #f3f5f8;
}

html {
  font-size: 12px;
}

body {
  background: var(--home-bg);
  color: var(--color-text-1);
  min-width: 320px;
}

button {
  border: 0;
}

.dckk-mobile-menu {
  align-items: center;
  background: transparent;
  display: flex;
  justify-content: center;
}

.dckk-mobile-panel {
  background: var(--bg);
  border-top: 1px solid var(--color-fill-3);
  display: none;
  padding: 1.33rem;
}

.dckk-mobile-panel.open {
  display: block;
}

.dckk-search-mask {
  align-items: center;
  background: rgba(0, 0, 0, .55);
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 99999;
}

.dckk-search-mask[hidden] {
  display: none;
}

.dckk-search-dialog {
  background: var(--bg);
  border-radius: 1rem;
  display: flex;
  gap: .83rem;
  max-width: 58rem;
  padding: 1.33rem;
  width: calc(100vw - 2.66rem);
}

.dckk-search-dialog input {
  background: var(--color-fill-2);
  border-radius: 2.5rem;
  flex: 1;
  font-size: 1.33rem;
  height: 3.5rem;
  padding: 0 1.33rem;
}

.dckk-search-dialog button {
  background: var(--primary-color);
  border-radius: 1.75rem;
  color: #1a1a1a;
  font-size: 1.17rem;
  font-weight: 500;
  padding: 0 1.33rem;
}

.dckk-search-dialog button[type="button"] {
  background: var(--color-fill-2);
  color: var(--color-text-2);
}

.dckk-special-grid {
  display: grid;
  gap: 1.33rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dckk-special-grid .list-box {
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
  padding: 1.33rem;
}

.dckk-special-grid .news-item {
  color: var(--color-text-1);
  display: block;
  font-size: 1.33rem;
  font-weight: 600;
  margin-top: .83rem;
}

.dckk-page {
  background: var(--home-bg);
  padding: 1.33rem 0 3.33rem;
}

.dckk-container {
  margin: 0 auto;
  max-width: 143.33rem;
  padding: 0 3.33rem;
}

.dckk-page-head {
  align-items: center;
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.33rem;
  padding: 2rem 1.67rem;
}

.dckk-page-head h1 {
  color: var(--color-text-1);
  font-size: 2rem;
  font-weight: 700;
}

.dckk-page-head p {
  color: var(--color-text-3);
  font-size: 1.17rem;
  margin-top: .5rem;
}

.dckk-toolbar {
  align-items: center;
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
  display: flex;
  gap: 1rem;
  margin-bottom: 1.33rem;
  padding: 1.33rem;
}

.dckk-toolbar input,
.dckk-toolbar select {
  background: var(--color-fill-2);
  border-radius: 2.5rem;
  color: var(--color-text-1);
  font-size: 1.17rem;
  height: 3.5rem;
  padding: 0 1.33rem;
}

.dckk-toolbar input {
  flex: 1;
}

.dckk-toolbar button,
.dckk-btn {
  background: var(--primary-color);
  border-radius: 1.75rem;
  color: #1a1a1a;
  font-size: 1.17rem;
  font-weight: 600;
  height: 3.5rem;
  padding: 0 1.5rem;
}

.dckk-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .67rem;
  margin-bottom: 1.33rem;
}

.dckk-tabs a {
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 999px;
  color: var(--color-text-2);
  font-size: 1.17rem;
  font-weight: 500;
  padding: .83rem 1.33rem;
}

.dckk-tabs a.active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--color-text-1);
}

.dckk-grid {
  display: grid;
  gap: 1.33rem;
  grid-template-columns: minmax(0, 1fr) 34.67rem;
}

.dckk-card {
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
}

.dckk-news-list {
  display: flex;
  flex-direction: column;
}

.dckk-news-item {
  border-bottom: 1px solid var(--color-fill-3);
  display: flex;
  gap: 1.33rem;
  padding: 1.67rem;
}

.dckk-news-item:last-child {
  border-bottom: 0;
}

.dckk-news-item img {
  border-radius: .67rem;
  flex: 0 0 18rem;
  height: 11rem;
  object-fit: cover;
  width: 18rem;
}

.dckk-news-item h2,
.dckk-news-item h3 {
  color: var(--color-text-1);
  font-family: Family, Inter, sans-serif;
  font-size: 1.67rem;
  font-weight: 700;
  line-height: 1.35;
}

.dckk-news-item p {
  color: var(--color-text-2);
  font-size: 1.17rem;
  margin-top: .83rem;
}

.dckk-news-item small,
.dckk-meta {
  color: var(--color-text-3);
  display: block;
  font-size: 1rem;
  margin-top: 1rem;
}

.dckk-tag {
  background: var(--undertone-color);
  border-radius: .33rem;
  color: var(--text-color);
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: .67rem;
  padding: .25rem .5rem;
}

.dckk-side {
  display: flex;
  flex-direction: column;
  gap: 1.33rem;
}

.dckk-side-title {
  align-items: center;
  border-bottom: 1px solid var(--color-fill-3);
  color: var(--color-text-1);
  display: flex;
  font-size: 1.67rem;
  font-weight: 700;
  height: 5rem;
  justify-content: space-between;
  padding: 0 1.33rem;
}

.dckk-rank-list {
  display: flex;
  flex-direction: column;
  padding: .67rem 1.33rem 1.33rem;
}

.dckk-rank-list a {
  align-items: center;
  border-bottom: 1px solid var(--color-fill-3);
  display: flex;
  gap: .83rem;
  padding: 1rem 0;
}

.dckk-rank-list a:last-child {
  border-bottom: 0;
}

.dckk-rank-list span {
  align-items: center;
  background: var(--color-fill-2);
  border-radius: 50%;
  color: var(--color-text-2);
  display: flex;
  flex: 0 0 2.33rem;
  font-weight: 700;
  height: 2.33rem;
  justify-content: center;
  width: 2.33rem;
}

.dckk-rank-list strong {
  color: var(--color-text-1);
  flex: 1;
  font-size: 1.17rem;
  line-height: 1.4;
}

.dckk-table-wrap {
  overflow-x: auto;
}

.dckk-table {
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
}

.dckk-table table {
  width: 100%;
}

.dckk-table th {
  background: var(--color-fill-2);
  color: var(--color-text-3);
  font-size: 1.17rem;
  font-weight: 600;
  padding: 1.17rem;
  text-align: left;
}

.dckk-table td {
  border-top: 1px solid var(--color-fill-3);
  color: var(--color-text-1);
  font-size: 1.17rem;
  padding: 1.17rem;
  white-space: nowrap;
}

.dckk-coin-cell {
  align-items: center;
  display: flex;
  gap: .83rem;
}

.dckk-coin-cell img {
  border-radius: 50%;
  height: 2.67rem;
  object-fit: cover;
  width: 2.67rem;
}

.dckk-coin-cell small {
  color: var(--color-text-3);
  display: block;
}

.up,
.positive {
  color: var(--green-dark) !important;
}

.down,
.negative {
  color: var(--red-dark) !important;
}

.dckk-flash-list {
  padding: 1.67rem;
}

.dckk-flash-item {
  display: flex;
}

.dckk-flash-line {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 1.33rem;
  position: relative;
  width: .67rem;
}

.dckk-flash-line:before {
  border-left: 1px dashed var(--color-fill-4);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
}

.dckk-flash-dot {
  background: var(--primary-color);
  border-radius: 50%;
  height: .67rem;
  position: absolute;
  top: .35rem;
  width: .67rem;
  z-index: 1;
}

.dckk-flash-body {
  border-bottom: 1px solid var(--color-fill-3);
  flex: 1;
  padding: 0 0 1.67rem;
}

.dckk-flash-item + .dckk-flash-item {
  padding-top: 1.67rem;
}

.dckk-flash-body time {
  color: var(--color-text-3);
  font-size: 1.17rem;
}

.dckk-flash-body strong {
  color: var(--color-text-1);
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: .67rem;
}

.dckk-flash-body p {
  color: var(--color-text-2);
  font-size: 1.17rem;
  margin-top: .67rem;
}

.dckk-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: .67rem;
  justify-content: center;
  margin-top: 1.67rem;
}

.dckk-pagination a {
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: .67rem;
  color: var(--color-text-2);
  font-size: 1.17rem;
  padding: .67rem 1rem;
}

.dckk-pagination a.active {
  background: var(--primary-color);
  color: var(--color-text-1);
}

.dckk-empty {
  color: var(--color-text-3);
  font-size: 1.33rem;
  padding: 3rem;
  text-align: center;
}

.dckk-empty h1 {
  color: var(--color-text-1);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: .83rem;
}

.dckk-empty pre {
  background: var(--color-fill-2);
  border-radius: .67rem;
  color: var(--red-dark);
  margin: 1.33rem auto 0;
  max-width: 72rem;
  overflow: auto;
  padding: 1rem;
  text-align: left;
}

.dckk-article {
  padding: 2.67rem;
}

.dckk-article h1 {
  color: var(--color-text-1);
  font-family: Family, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.22;
  margin-top: 1rem;
}

.dckk-breadcrumb {
  align-items: center;
  color: var(--color-text-3);
  display: flex;
  flex-wrap: wrap;
  font-size: 1.17rem;
  gap: .67rem;
}

.dckk-breadcrumb a:hover {
  color: var(--text-color);
}

.dckk-lead {
  background: var(--color-fill-2);
  border-radius: .67rem;
  color: var(--color-text-2);
  font-size: 1.33rem;
  line-height: 1.7;
  margin-top: 1.67rem;
  padding: 1.33rem;
}

.dckk-article-cover {
  border-radius: 1rem;
  margin-top: 1.67rem;
  width: 100%;
}

.dckk-prose {
  color: var(--color-text-1);
  font-size: 1.5rem;
  line-height: 1.85;
  margin-top: 2rem;
}

.dckk-prose p,
.dckk-prose ul,
.dckk-prose ol,
.dckk-prose blockquote,
.dckk-prose h2,
.dckk-prose h3 {
  margin-top: 1.33rem;
}

.dckk-prose h2 {
  font-size: 2rem;
  font-weight: 700;
}

.dckk-prose h3 {
  font-size: 1.67rem;
  font-weight: 700;
}

.dckk-prose img {
  border-radius: .67rem;
  height: auto;
  margin: 1.67rem auto;
  max-width: 100%;
}

.dckk-share {
  border-top: 1px solid var(--color-fill-3);
  display: flex;
  flex-wrap: wrap;
  gap: .83rem;
  margin-top: 2rem;
  padding-top: 1.33rem;
}

.dckk-share a {
  background: var(--color-fill-2);
  border-radius: 999px;
  color: var(--color-text-1);
  font-size: 1.17rem;
  font-weight: 600;
  padding: .67rem 1rem;
}

.dckk-article-nav {
  border-top: 1px solid var(--color-fill-3);
  display: grid;
  gap: 1.33rem;
  grid-template-columns: 1fr 1fr;
  margin-top: 1.67rem;
  padding-top: 1.33rem;
}

.dckk-article-nav div {
  background: var(--color-fill-2);
  border-radius: .67rem;
  padding: 1rem;
}

.dckk-article-nav span {
  color: var(--color-text-3);
  display: block;
  font-size: 1rem;
  margin-bottom: .5rem;
}

.dckk-article-nav a,
.dckk-article-nav strong {
  color: var(--color-text-1);
  font-size: 1.17rem;
  font-weight: 700;
}

.dckk-coin-title {
  align-items: center;
  display: flex;
  gap: 1.33rem;
}

.dckk-coin-title img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
}

.dckk-coin-title span {
  color: var(--color-text-3);
  font-size: 1.5rem;
}

.dckk-metrics {
  display: grid;
  gap: 1.33rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1.33rem;
}

.dckk-metrics div {
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
  padding: 1.67rem;
}

.dckk-metrics span {
  color: var(--color-text-3);
  display: block;
  font-size: 1.17rem;
  margin-bottom: .67rem;
}

.dckk-metrics strong {
  color: var(--color-text-1);
  font-size: 1.83rem;
  font-weight: 800;
}

.dckk-chart {
  margin-bottom: 1.33rem;
}

.dckk-sparkline {
  align-items: end;
  display: flex;
  gap: .67rem;
  height: 22rem;
  padding: 2rem;
}

.dckk-sparkline i {
  background: linear-gradient(180deg, var(--green-dark), rgba(9, 194, 116, .15));
  border-radius: .67rem .67rem 0 0;
  flex: 1;
}

.dckk-sparkline.negative i {
  background: linear-gradient(180deg, var(--red-dark), rgba(244, 60, 82, .15));
}

.dckk-coin-desc {
  padding: 1.67rem;
}

.dckk-nav-groups {
  display: flex;
  flex-direction: column;
  gap: 1.33rem;
}

.dckk-tool-grid {
  display: grid;
  gap: 1.33rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 1.33rem;
}

.dckk-tool-grid .tool-card {
  background: var(--color-fill-2);
  border-radius: 1rem;
  color: var(--color-text-1);
  gap: .83rem;
  min-height: 13rem;
}

.dckk-tool-grid .tool-card .icon img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.dckk-tool-grid .tool-card strong {
  font-size: 1.33rem;
  font-weight: 700;
}

.dckk-tool-grid .tool-card p {
  color: var(--color-text-3);
  font-size: 1rem;
  padding: 0 1rem;
  text-align: center;
}

@media (max-width: 1279px) {
  .dckk-container {
    padding: 0 .67rem;
  }

  .dckk-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .dckk-page {
    padding-top: .67rem;
  }

  .dckk-page-head {
    align-items: flex-start;
    flex-direction: column;
    padding: 1.33rem 1rem;
  }

  .dckk-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .dckk-news-item {
    padding: 1.33rem 1rem;
  }

  .dckk-news-item img {
    flex-basis: 9rem;
    height: 6rem;
    width: 9rem;
  }

  .dckk-news-item h2,
  .dckk-news-item h3 {
    font-size: 1.25rem;
  }

  .dckk-special-grid {
    grid-template-columns: 1fr;
  }

  .dckk-search-dialog {
    flex-direction: column;
  }

  .dckk-article {
    padding: 1.33rem;
  }

  .dckk-article h1 {
    font-size: 2rem;
  }

  .dckk-article-nav {
    grid-template-columns: 1fr;
  }

  .dckk-metrics,
  .dckk-tool-grid {
    grid-template-columns: 1fr;
  }
}

.dckk-calendar-arrow {
  color: var(--color-text-3);
  flex: 0 0 auto;
}

.dckk-headline-title-row {
  align-items: center;
  display: flex;
  gap: .83rem;
  min-width: 0;
}

.dckk-headline-icon {
  align-items: center;
  background: #0d111c;
  border-radius: .5rem;
  color: #fff;
  display: inline-flex;
  flex: 0 0 2.67rem;
  height: 2.67rem;
  justify-content: center;
  width: 2.67rem;
}

.dckk-headline-icon svg {
  height: 1.67rem;
  width: 1.67rem;
}

.headline-rank {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  flex: 0 0 2.17rem;
  font-size: 1.17rem;
  font-weight: 700;
  height: 2.17rem;
  justify-content: center;
  margin-right: 1rem;
  width: 2.17rem;
}

.headline-rank-1 { background: linear-gradient(180deg, #ff4057 0%, #ff8c70 100%); }
.headline-rank-2 { background: linear-gradient(180deg, #ff8f3c 0%, #ffc166 100%); }
.headline-rank-3 { background: linear-gradient(180deg, #ffbd55 0%, #ffd978 100%); }
.headline-rank-4,
.headline-rank-5 { background: linear-gradient(180deg, #b8c1cc 0%, #d8dee6 100%); }

.home-headlines .change-text {
  display: none;
}

.dckk-hot-label {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: .33rem;
}

.dckk-hot-fire {
  background: url('/_nuxt/hot.B716bm7q.png') center / contain no-repeat;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
}

.dckk-hot-terms {
  min-width: 0;
  row-gap: .25rem;
}

.home-swiper .slide-inner picture {
  display: block;
  height: 100%;
  width: 100%;
}

.dckk-market-mobile-list {
  display: none;
}

.dckk-market-card {
  align-items: center;
  background: var(--bg);
  border: 1px solid var(--color-fill-5);
  border-radius: 1rem;
  color: var(--color-text-1);
  display: grid;
  gap: .25rem .83rem;
  grid-template-columns: 2rem 3.33rem minmax(0, 1fr) auto;
  padding: 1rem;
}

.dckk-market-card img {
  border-radius: 50%;
  grid-column: 2;
  grid-row: span 2;
  height: 3.33rem;
  object-fit: cover;
  width: 3.33rem;
}

.dckk-market-rank {
  align-self: center;
  color: var(--color-text-3);
  font-size: 1.17rem;
  grid-column: 1;
  grid-row: 1 / 3;
}

.dckk-market-card strong {
  font-size: 1.25rem;
  font-weight: 700;
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
}

.dckk-market-card small {
  color: var(--color-text-3);
  display: block;
  font-size: 1rem;
  margin-top: .15rem;
}

.dckk-market-price {
  font-size: 1.17rem;
  font-weight: 600;
  grid-column: 4;
  grid-row: 1;
  justify-self: end;
  white-space: nowrap;
}

.dckk-market-card em {
  font-size: 1.17rem;
  font-style: normal;
  font-weight: 700;
  grid-column: 4;
  grid-row: 2;
  justify-self: end;
  white-space: nowrap;
}

.dckk-market-meta {
  color: var(--color-text-3);
  font-size: 1rem;
  grid-column: 3;
  grid-row: 2;
  line-height: 1.45;
  min-width: 0;
}

.scroll-market .coin-change.positive::after {
  content: " ↑";
}

.scroll-market .coin-change.negative::after {
  content: " ↓";
}

@media (min-width: 768px) {
  .dckk-hot-terms {
    flex-wrap: nowrap !important;
    overflow: hidden;
    white-space: nowrap;
  }

  .dckk-hot-terms .hot_keywords:nth-child(n+9) {
    display: none;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 12px;
  }

  body {
    overflow-x: hidden;
  }

  .nav-head {
    padding-left: .67rem;
    padding-right: .67rem;
  }

  .dckk-mobile-menu,
  .h-right [data-search-open] {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  .h-right [data-search-open] svg {
    height: 2rem;
    width: 2rem;
  }

  .dckk-mobile-panel {
    box-shadow: 0 1.33rem 2rem rgba(13, 17, 28, .08);
    display: none;
    gap: .67rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dckk-mobile-panel.open {
    display: grid;
  }

  .dckk-mobile-panel .nav-item {
    align-items: center;
    background: var(--color-fill-2);
    border-radius: .83rem;
    color: var(--color-text-1);
    display: flex;
    font-size: 1.17rem;
    font-weight: 600;
    justify-content: center;
    min-height: 3.67rem;
  }

  .dckk-mobile-panel .nav-active {
    background: var(--primary-color);
  }

  .scroll-market,
  .scroll-coin-container,
  .scroll-coin-wrapper {
    overflow: hidden;
  }

  .home-swiper .slide-inner {
    aspect-ratio: 730 / 254;
  }

  .home-swiper .slide-inner img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  .home-headlines .news_list {
    gap: .67rem;
  }

  .dckk-headline-icon {
    flex-basis: 2.5rem;
    height: 2.5rem;
    width: 2.5rem;
  }

  .headline-rank {
    flex-basis: 2rem;
    font-size: 1rem;
    height: 2rem;
    margin-right: .33rem;
    width: 2rem;
  }

  .calendar-date {
    gap: .5rem;
  }

  .dckk-calendar-arrow {
    min-height: 2.33rem;
    min-width: 2.33rem;
  }

  .dckk-page-head {
    gap: .83rem;
    margin-bottom: 1rem;
  }

  .dckk-page-head h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .dckk-tabs {
    flex-wrap: nowrap;
    margin-left: -.67rem;
    margin-right: -.67rem;
    overflow-x: auto;
    padding: 0 .67rem .25rem;
    scrollbar-width: none;
  }

  .dckk-tabs::-webkit-scrollbar {
    display: none;
  }

  .dckk-tabs a {
    flex: 0 0 auto;
    min-height: 3.67rem;
  }

  .dckk-toolbar {
    gap: .83rem;
    padding: 1rem;
  }

  .dckk-toolbar input,
  .dckk-toolbar select,
  .dckk-toolbar button {
    min-height: 44px;
    width: 100%;
  }

  .dckk-hot-label {
    margin-right: .83rem;
  }

  .dckk-hot-terms .hot_keywords {
    line-height: 1.7;
  }

  .dckk-market-grid {
    display: block;
  }

  .dckk-market-grid > .dckk-table {
    display: none;
  }

  .dckk-market-mobile-list {
    display: flex;
    flex-direction: column;
    gap: .67rem;
    margin-bottom: 1rem;
  }

  .dckk-market-card {
    grid-template-columns: 1.67rem 3.33rem minmax(0, 1fr) auto;
    padding: 1rem .83rem;
  }

  .dckk-market-card strong,
  .dckk-market-price,
  .dckk-market-card em {
    font-size: 1.17rem;
  }

  .dckk-market-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dckk-market-grid .dckk-side {
    margin-top: 1rem;
  }

  .dckk-side-title {
    height: 4.33rem;
  }

  .dckk-rank-list a {
    min-height: 4rem;
  }

  .dckk-news-item {
    align-items: flex-start;
    gap: 1rem;
    min-height: 9rem;
  }

  .dckk-news-item img {
    flex: 0 0 10rem;
    height: 7rem;
    width: 10rem;
  }

  .dckk-news-item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .dckk-flash-list {
    padding: 1.33rem 1rem;
  }

  .dckk-flash-body strong {
    font-size: 1.33rem;
    line-height: 1.45;
  }

  .dckk-flash-body p {
    line-height: 1.65;
  }
}

/* Market API 100 coins + detail chart */
.dckk-coin-detail-page .dckk-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dckk-real-chart {
  color: var(--green-dark, #09c274);
  height: 260px;
  margin-top: 1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(9,194,116,.08), rgba(9,194,116,0));
  overflow: hidden;
}
.dckk-real-chart.negative {
  color: var(--red-dark, #f43c52);
  background: linear-gradient(180deg, rgba(244,60,82,.08), rgba(244,60,82,0));
}
.dckk-real-chart svg {
  display: block;
  width: 100%;
  height: 100%;
}
.dckk-chart-range {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--color-text-3, #7c8597);
  font-size: 1rem;
  margin-top: .75rem;
}
.dckk-market-card img,
.dckk-coin-cell img,
.dckk-coin-title img,
.scroll-coin-content .coin-icon-img {
  background: #fff;
  object-fit: contain;
}
.dckk-market-card .dckk-market-meta {
  line-height: 1.45;
}
@media (max-width: 767px) {
  .dckk-coin-detail-page .dckk-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dckk-real-chart {
    height: 190px;
  }
  .dckk-chart-range {
    flex-direction: column;
    gap: .25rem;
  }
}

/* Home polish 2026-07-12: image, spacing and card refinements; original font sizes preserved */
.home-page {
  letter-spacing: -.005em;
}
.home-page .top-center,
.home-page .content-left,
.home-page .content-right,
.home-page .content-left-main,
.home-page .content-left-top {
  box-sizing: border-box;
}
.home-page .top-center {
  gap: 1.33rem !important;
}
.home-page .content-left-top,
.home-page .content-left,
.home-page .content-right {
  gap: 1.17rem !important;
}
.home-page .news_list,
.home-page .event-item,
.home-page .flash-item,
.home-page .investment-item,
.home-page .dckk-special-grid .news-item {
  line-height: 1.38 !important;
}
.home-page .home-headlines,
.home-page .home-hotnews,
.home-page .home-flash,
.home-page .investment-box,
.home-page .home-special .list-box,
.home-page .calendar-box,
.home-page .home-search,
.home-page .home-swiper,
.home-page .content-right > div,
.home-page .content-right > a {
  border-radius: 1rem !important;
  box-shadow: 0 .5rem 1.5rem rgba(15, 23, 42, .035) !important;
}
.home-page .home-hotnews {
  background: var(--bg) !important;
  border: 1px solid var(--color-fill-5) !important;
  padding: 1.33rem !important;
}
.home-page .hotNews-title {
  margin-bottom: 1.17rem !important;
  font-weight: 700 !important;
}
.home-page .news-col {
  min-width: 0 !important;
}
.home-page .col-img {
  height: auto !important;
  max-height: 13.6rem !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: .83rem !important;
  overflow: hidden !important;
  background: var(--color-fill-2) !important;
}
.home-page .col-img img {
  width: 100% !important;
  height: 100% !important;
  max-height: 13.6rem !important;
  object-fit: cover !important;
  display: block !important;
}
.home-page .col-img .img-tip {
  min-height: 4.9rem !important;
  height: auto !important;
  padding: .75rem .83rem !important;
  gap: .33rem !important;
}
.home-page .news-item {
  align-items: center !important;
  gap: .83rem !important;
  padding: 1rem 0 !important;
}
.home-page .news-item-title {
  line-height: 1.38 !important;
}
.home-page .news-item-date {
  margin-top: .5rem !important;
}
.home-page .news-item img {
  width: 8.8rem !important;
  height: 5.8rem !important;
  border-radius: .67rem !important;
  object-fit: cover !important;
  flex: 0 0 8.8rem !important;
}
.home-page .home-headlines .news_list {
  min-height: 2.45rem !important;
  padding: .25rem 0 !important;
}
.home-page .headline-rank {
  transform: scale(.96);
  transform-origin: center;
}
.home-page .home-ad1 img,
.home-page .home-ad2 img,
.home-page .home-swiper img {
  width: 100% !important;
  max-height: 11.5rem !important;
  object-fit: contain !important;
  background: var(--bg) !important;
}
.home-page .home-live {
  max-height: 12rem !important;
  object-fit: cover !important;
}
.home-page .important-flash .flash-item {
  padding: .83rem 0 !important;
}
.home-page .important-flash .flash-content [class*="text-"] {
  line-height: 1.35 !important;
}
.home-page .investment-box {
  padding: 1.25rem !important;
}
.home-page .investment-title {
  margin-bottom: 1rem !important;
}
.home-page .investment-item {
  line-height: 1.38 !important;
}
.home-page .dckk-special-grid .list-box {
  padding: 1.1rem !important;
}
.home-page .dckk-special-grid .news-item {
  margin-top: .65rem !important;
}
@media (max-width: 1279px) {
  .home-page .col-img {
    max-height: 12rem !important;
  }
  .home-page .col-img img {
    max-height: 12rem !important;
  }
}
@media (max-width: 767px) {
  .home-page .top-center,
  .home-page .content-left,
  .home-page .content-right,
  .home-page .content-left-top {
    gap: .75rem !important;
  }
  .home-page .home-hotnews {
    padding: .9rem !important;
  }
  .home-page .col-img {
    max-height: 10.8rem !important;
    aspect-ratio: 16 / 9 !important;
  }
  .home-page .col-img img {
    max-height: 10.8rem !important;
  }
  .home-page .col-img .img-tip {
    min-height: 4.2rem !important;
    padding: .58rem .67rem !important;
  }
  .home-page .news-item {
    padding: .83rem 0 !important;
  }
  .home-page .news-item-title {
    line-height: 1.35 !important;
  }
  .home-page .news-item img {
    width: 7.5rem !important;
    height: 5rem !important;
    flex-basis: 7.5rem !important;
  }
  .home-page .home-ad1 img,
  .home-page .home-ad2 img,
  .home-page .home-swiper img {
    max-height: 8.5rem !important;
  }
  .home-page .dckk-special-grid {
    gap: .75rem !important;
  }
}

/* Home news/flash typography tune 2026-07-12: keep news and flash text consistent */
.home-page .home-headlines .news_list .list_text,
.home-page .home-headlines .headlines-title,
.home-page .home-hotnews .hotNews-title,
.home-page .home-hotnews .news-item-title,
.home-page .home-hotnews .tip-title,
.home-page .home-flash .flash_title,
.home-page .home-flash .flash-content,
.home-page .home-flash .flash-content div,
.home-page .important-flash .flash_title,
.home-page .important-flash .flash-content,
.home-page .important-flash .flash-content div {
  font-size: 1.26rem !important;
  line-height: 1.38 !important;
}
.home-page .home-headlines .headlines-title,
.home-page .home-hotnews .hotNews-title,
.home-page .home-flash .flash_title,
.home-page .important-flash .flash_title {
  font-size: 1.42rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}
.home-page .home-hotnews .news-item-date,
.home-page .home-hotnews .img-time,
.home-page .home-flash .flash-time,
.home-page .important-flash .flash-time,
.home-page .home-flash [class*="time"],
.home-page .important-flash [class*="time"] {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
}
.home-page .home-hotnews .tip-label,
.home-page .home-flash .label-box,
.home-page .important-flash .label-box {
  font-size: 1rem !important;
}
@media (max-width: 767px) {
  .home-page .home-headlines .news_list .list_text,
  .home-page .home-hotnews .news-item-title,
  .home-page .home-hotnews .tip-title,
  .home-page .home-flash .flash-content,
  .home-page .home-flash .flash-content div,
  .home-page .important-flash .flash-content,
  .home-page .important-flash .flash-content div {
    font-size: 1.12rem !important;
    line-height: 1.38 !important;
  }
  .home-page .home-headlines .headlines-title,
  .home-page .home-hotnews .hotNews-title,
  .home-page .home-flash .flash_title,
  .home-page .important-flash .flash_title {
    font-size: 1.26rem !important;
    line-height: 1.3 !important;
  }
  .home-page .home-hotnews .news-item-date,
  .home-page .home-hotnews .img-time,
  .home-page .home-flash .flash-time,
  .home-page .important-flash .flash-time,
  .home-page .home-flash [class*="time"],
  .home-page .important-flash [class*="time"] {
    font-size: .96rem !important;
  }
}