select {
  width: 100%;
  padding: 12px;
  border: 1px solid #CDD2DA;
  background: #fff;
  color: #172033;
  outline: 0;
}

select:focus {
  border-color: #F4520D;
  box-shadow: inset 3px 0 0 #F4520D;
}

.converter-box form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.converter-box form output {
  grid-column: span 1;
}

.cny-price {
  color: #F4520D;
  font-size: 24px;
}

.trend-data-note {
  color: #647084;
  font-size: 12px;
  margin: -8px 0 0;
}

.trend-empty[hidden],
.trend-chart[hidden],
.trend-labels[hidden] {
  display: none;
}

.detail-sections { padding: 0 0 66px; }
.breadcrumb { margin-bottom: 28px; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; color: #647084; font-size: 14px; font-weight: 700; }
.breadcrumb li + li::before { content: "/"; color: #AAB1BE; margin-right: 8px; }
.breadcrumb a { color: #B43B08; }
.breadcrumb a:hover, .breadcrumb a:focus-visible { color: #F4520D; text-decoration: underline; }
.brand { align-items: center; color: #172033; display: inline-flex; gap: 8px; letter-spacing: -1.5px; }
.brand:hover, .brand:focus-visible { color: #172033; }
.brand-mark { display: block; flex: 0 0 auto; height: 32px; width: 32px; }
.brand .brand-name { background: transparent; color: #172033; display: inline; font-size: 22px; font-weight: 900; height: auto; line-height: 1; margin: 0; width: auto; }
.site-footer .footer-brand, .site-footer .footer-brand:hover, .site-footer .footer-brand:focus-visible { color: #fff; }
.site-footer .footer-brand .brand-name { color: #fff; }
.coin-anchor-nav { display: flex; flex-wrap: wrap; gap: 0; margin-top: 24px; border: 1px solid #E7E9EE; border-right: 0; }
.coin-anchor-nav a { border-right: 1px solid #E7E9EE; color: #41506A; font-size: 13px; font-weight: 700; padding: 10px 14px; }
.coin-anchor-nav a:hover, .coin-anchor-nav a:focus-visible { background: #FFF1EA; color: #B43B08; }
.coin-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 0; margin-top: 12px; }
.coin-actions a, .coin-actions button { background: #fff; border: 1px solid #E7E9EE; color: #41506A; cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; margin-right: -1px; padding: 10px 14px; }
.coin-actions a:hover, .coin-actions a:focus-visible, .coin-actions button:hover, .coin-actions button:focus-visible { background: #FFF1EA; border-color: #F4520D; color: #B43B08; position: relative; z-index: 1; }
.coin-actions button[aria-pressed="true"] { background: #F4520D; border-color: #F4520D; color: #fff; }
.action-feedback { color: #14804A; font-size: 13px; font-weight: 700; margin-left: 12px; }
.coin-overview { padding-top: 18px; }
.section-copy { color: #41506A; line-height: 1.85; margin: 0 0 20px; max-width: 940px; }
.section-copy strong { color: #172033; }
.summary-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border: 1px solid #E7E9EE; border-right: 0; border-bottom: 0; }
.summary-facts > div { border-right: 1px solid #E7E9EE; border-bottom: 1px solid #E7E9EE; padding: 16px; }
.summary-facts dt { color: #647084; font-size: 12px; }
.summary-facts dd { font-size: 16px; font-weight: 800; margin: 8px 0 0; overflow-wrap: anywhere; }
.trend-copy { margin-top: 18px; }
.detail-block { border-top: 1px solid #E7E9EE; padding: 32px 0; }
.detail-block:last-child { border-bottom: 1px solid #E7E9EE; }
.detail-block header { margin-bottom: 20px; }
.detail-block h2 { margin: 0; font-size: 26px; letter-spacing: -.04em; }
.detail-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-top: 1px solid #E7E9EE; border-left: 1px solid #E7E9EE; }
.detail-facts > div { min-width: 0; padding: 18px; border-right: 1px solid #E7E9EE; border-bottom: 1px solid #E7E9EE; }
.detail-facts dt { color: #647084; font-size: 12px; }
.detail-facts dd { margin: 8px 0 0; font-size: 16px; font-weight: 800; overflow-wrap: anywhere; }
.resource-caption { color: #647084; font-size: 12px; font-weight: 700; margin: 20px 0 0; }
.tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.tag-list span { border: 1px solid #FFD0BA; background: #FFF1EA; color: #B43B08; padding: 6px 9px; font-size: 12px; font-weight: 700; }
.project-notice { border-left: 3px solid #F4520D; background: #FFF8F5; color: #647084; margin: 20px 0 0; padding: 12px 14px; line-height: 1.65; font-size: 13px; }
.network-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mono { font-family: Consolas, "SFMono-Regular", monospace; font-size: 14px !important; }
.resource-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.resource-groups > div { border: 1px solid #E7E9EE; padding: 18px; }
.resource-groups h3 { margin: 0 0 12px; font-size: 14px; }
.resource-list { margin: 0; padding: 0; list-style: none; }
.resource-list li { align-items: center; display: flex; gap: 10px; justify-content: space-between; padding: 9px 0; }
.resource-list li + li { border-top: 1px solid #E7E9EE; }
.resource-list li span { color: #41506A; flex: 1 1 auto; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.resource-list button { background: #F4520D; border: 1px solid #F4520D; box-shadow: 3px 3px 0 #172033; color: #fff; cursor: pointer; flex: 0 0 auto; font: inherit; font-size: 12px; font-weight: 800; opacity: 0; padding: 7px 11px; pointer-events: none; transform: translateX(5px); transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease; }
.resource-list li:hover button, .resource-list li:focus-within button { opacity: 1; pointer-events: auto; transform: translateX(0); }
.resource-list button:hover, .resource-list button:focus-visible { background: #B43B08; border-color: #B43B08; outline: 2px solid #F4520D; outline-offset: 2px; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #E7E9EE; border-left: 1px solid #E7E9EE; }
.guide-grid article { border-right: 1px solid #E7E9EE; border-bottom: 1px solid #E7E9EE; padding: 20px; }
.guide-grid h3 { font-size: 16px; margin: 0 0 9px; }
.guide-grid p { color: #41506A; font-size: 14px; line-height: 1.75; margin: 0; }
.faq-list { border-top: 1px solid #E7E9EE; }
.faq-list details { border-bottom: 1px solid #E7E9EE; }
.faq-list summary { cursor: pointer; font-weight: 800; list-style: none; padding: 18px 32px 18px 0; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { color: #F4520D; content: "+"; font-size: 22px; font-weight: 400; position: absolute; right: 0; top: 12px; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { color: #41506A; line-height: 1.8; margin: 0; padding: 0 0 18px; }
.trend-summary-facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; border-top: 1px solid #E7E9EE; border-left: 1px solid #E7E9EE; }
.trend-summary-facts > div { border-right: 1px solid #E7E9EE; border-bottom: 1px solid #E7E9EE; min-width: 0; padding: 17px; }
.trend-summary-facts dt { color: #647084; font-size: 12px; }
.trend-summary-facts dd { font-size: 16px; font-weight: 800; margin: 8px 0 0; overflow-wrap: anywhere; }
.trend-summary-facts dd small { color: #647084; display: block; font-size: 12px; font-weight: 600; margin-top: 6px; }
.ohlc-list { border-top: 1px solid #E7E9EE; list-style: none; margin: 0; padding: 0; }
.ohlc-list li { display: grid; grid-template-columns: 120px repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #E7E9EE; color: #41506A; font-size: 13px; gap: 12px; padding: 14px 0; }
.ohlc-list time { color: #172033; font-weight: 800; }
.editorial-grid { border-left: 1px solid #E7E9EE; border-top: 1px solid #E7E9EE; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.editorial-grid article { border-bottom: 1px solid #E7E9EE; border-right: 1px solid #E7E9EE; padding: 20px; }
.editorial-grid h3 { font-size: 16px; margin: 0 0 9px; }
.editorial-grid p, .editorial-source { color: #41506A; font-size: 14px; line-height: 1.8; margin: 0; white-space: pre-line; }
.editorial-source { border-left: 3px solid #F4520D; margin-top: 18px; padding-left: 12px; }
.compare-form { border: 1px solid #E7E9EE; display: grid; gap: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
.compare-form label { border-right: 1px solid #E7E9EE; color: #647084; display: flex; flex-direction: column; font-size: 12px; font-weight: 700; gap: 8px; padding: 14px; }
.compare-form button { background: #F4520D; border: 0; color: #fff; cursor: pointer; font-weight: 800; padding: 14px 22px; }
.compare-form button:hover, .compare-form button:focus-visible { background: #B43B08; }
.comparison-heading { border-bottom: 1px solid #E7E9EE; margin-top: 34px; padding-bottom: 18px; }
.comparison-heading h2 { margin: 0 0 8px; }
.comparison-heading p { color: #647084; margin: 0; }
.comparison-grid { border-left: 1px solid #E7E9EE; border-top: 1px solid #E7E9EE; display: grid; grid-template-columns: minmax(150px, .8fr) repeat(2, minmax(0, 1fr)); margin: 20px 0 0; }
.comparison-grid > div { border-bottom: 1px solid #E7E9EE; border-right: 1px solid #E7E9EE; padding: 16px; }
.comparison-grid dt { color: #172033; font-size: 15px; font-weight: 800; }
.comparison-grid dd { color: #647084; font-size: 13px; margin: 8px 0 0; overflow-wrap: anywhere; }
.comparison-grid a { color: #B43B08; font-weight: 800; }
.comparison-label { background: #FFF8F5; }
.favorite-list { border-top: 1px solid #E7E9EE; list-style: none; margin: 0; padding: 0; }
.favorite-list li { align-items: center; border-bottom: 1px solid #E7E9EE; display: flex; justify-content: space-between; gap: 18px; padding: 15px 0; }
.favorite-list a { color: #172033; font-weight: 800; }
.favorite-list a:hover, .favorite-list a:focus-visible { color: #B43B08; text-decoration: underline; }
.favorite-list button { background: #fff; border: 1px solid #E7E9EE; color: #647084; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; padding: 8px 10px; }
.favorite-list button:hover, .favorite-list button:focus-visible { border-color: #F4520D; color: #B43B08; }
.flash-list { border-top: 1px solid #E7E9EE; max-width: 900px; }
.flash-row { border-bottom: 1px solid #E7E9EE; padding: 22px 0; }
.flash-row > p:first-child { align-items: center; color: #647084; display: flex; font-size: 12px; font-weight: 700; gap: 10px; margin: 0; }
.flash-row > p:first-child span { background: #FFF1EA; border-left: 3px solid #F4520D; color: #B43B08; padding: 4px 7px; }
.flash-row h2, .flash-row h3 { color: #172033; font-size: 20px; line-height: 1.45; margin: 10px 0 8px; }
.flash-row h3 { font-size: 17px; }
.flash-row > h2 + p, .flash-row > h3 + p { color: #41506A; line-height: 1.75; margin: 0; overflow-wrap: anywhere; }
.flash-list.compact { max-width: none; }
.flash-list.compact .flash-row { padding: 17px 0; }
.market-pagination { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; margin-top: 28px; }
.market-columns { align-items: center; background: #FFF8F5; border-bottom: 1px solid #E7E9EE; display: grid; gap: 16px; grid-template-columns: 50px minmax(180px,2fr) 1fr 1.2fr 1.2fr 100px; padding: 12px 0; }
.market-columns span { color: #647084; font-size: 12px; font-weight: 800; }
.market-columns span:first-child { text-align: center; }
.market-columns span:last-child { text-align: right; }
.market-pagination a, .market-pagination span { align-items: center; border: 1px solid #E7E9EE; color: #41506A; display: inline-flex; font-size: 13px; font-weight: 800; justify-content: center; margin-left: -1px; min-width: 38px; padding: 10px 12px; }
.market-pagination a:hover, .market-pagination a:focus-visible { background: #FFF1EA; border-color: #F4520D; color: #B43B08; outline: 2px solid #F4520D; outline-offset: 1px; position: relative; z-index: 1; }
.market-pagination .current { background: #F4520D; border-color: #F4520D; color: #fff; }
.market-pagination span[aria-disabled="true"] { color: #AAB1BE; }
.market-pagination .ellipsis { border-color: transparent; color: #647084; min-width: 24px; padding-left: 5px; padding-right: 5px; }
.coin-converter { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 0; border: 1px solid #E7E9EE; }
.coin-converter label { border-right: 1px solid #E7E9EE; color: #647084; display: flex; flex-direction: column; font-size: 12px; font-weight: 700; gap: 8px; padding: 16px; }
.coin-converter input { padding: 10px; }
.coin-converter output { align-items: center; background: #FFF8F5; color: #172033; display: flex; font-size: 17px; font-weight: 800; padding: 16px; }
.converter-note { color: #647084; font-size: 13px; line-height: 1.7; margin: 14px 0 0; }
.contract-copy { align-items: stretch; border: 1px solid #E7E9EE; display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.contract-copy code { color: #41506A; font-family: Consolas, "SFMono-Regular", monospace; overflow-wrap: anywhere; padding: 15px; }
.copy-address { background: #F4520D; border: 0; color: #fff; cursor: pointer; font-weight: 800; padding: 14px 18px; }
.copy-address:hover, .copy-address:focus-visible { background: #B43B08; }
.copy-feedback { color: #14804A; font-size: 13px; font-weight: 700; grid-column: 1 / -1; min-height: 0; padding: 0 15px; }
.copy-feedback:not(:empty) { padding-bottom: 12px; }

@media (max-width: 760px) {
  .converter-box form {
    grid-template-columns: 1fr;
  }

  .converter-box form output {
    grid-column: 1;
  }

  .detail-facts, .network-facts, .resource-groups, .summary-facts, .guide-grid, .trend-summary-facts, .coin-converter, .editorial-grid, .compare-form, .comparison-grid { grid-template-columns: 1fr; }
  .coin-anchor-nav a { flex: 1 1 auto; text-align: center; }
  .coin-converter label { border-bottom: 1px solid #E7E9EE; border-right: 0; }
  .coin-converter output + output { border-top: 1px solid #E7E9EE; }
  .contract-copy { grid-template-columns: 1fr; }
  .compare-form label { border-bottom: 1px solid #E7E9EE; border-right: 0; }
  .ohlc-list li { grid-template-columns: 1fr 1fr; }
  .detail-block h2 { font-size: 23px; }
  .market-columns { gap: 8px; grid-template-columns: 34px minmax(130px,1fr) 1fr 72px; }
}

@media (hover: none), (pointer: coarse) {
  .resource-list button { opacity: 1; pointer-events: auto; transform: none; }
}

@media (max-width: 500px) {
  .market-pagination { margin-left: -6px; margin-right: -6px; }
  .market-pagination a, .market-pagination span { min-width: 34px; padding: 9px 8px; }
  .market-pagination .pagination-neighbor { display: none; }
  .market-pagination .ellipsis { min-width: 18px; padding-left: 3px; padding-right: 3px; }
}