:root {
      --cyan-primary: #0891b2;
      --cyan-accent: #22d3ee;
      --cyan-deep: #172554;
      --cyan-bg: #eef7f9;
      --cyan-ink: #111827;
      --cyan-muted: #64748b;
      --cyan-line: #c7d7df;
      --cyan-soft: #dff7fb;
      --cyan-row: #f8fcfd
    }

    * {
      box-sizing: border-box;
      margin: 2px;
      padding: 2px
    }

    body.cyan-shell-body {
      font-size: 14px;
      line-height: 1.5;
      color: var(--cyan-ink);
      background: var(--cyan-bg);
      font-family: Arial, "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
      min-height: 100vh;
      display: flex;
      flex-direction: column
    }

    a {
      text-decoration: none;
      color: inherit
    }

    img {
      max-width: 100%;
      height: auto
    }

    .cyan-site-header {
      background: var(--cyan-deep);
      color: #fff;
      border-bottom: 2px solid var(--cyan-accent)
    }

    .cyan-site-headwrap,
    .cyan-site-footwrap,
    .cyan-main-wrap {
      width: 100%;
      max-width: 980px;
      margin: 0 auto
    }

    .cyan-shell-body > .cyan-main-wrap {
      flex: 1 0 auto
    }

    .cyan-site-headwrap {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center
    }

    .cyan-site-brand,
    .cyan-site-footbrand {
      font-size: 18px;
      font-weight: 700
    }

    .cyan-site-nav {
      display: flex;
      justify-content: flex-start;
      overflow-x: auto
    }

    .cyan-site-link {
      font-size: 14px;
      color: #d8fbff;
      white-space: nowrap
    }

    .cyan-match-head {
      background: var(--cyan-deep);
      color: #fff;
      border-bottom: 2px solid var(--cyan-accent)
    }

    .cyan-match-title,
    .cyan-block-title {
      font-size: 18px
    }

    .cyan-match-meta {
      display: flex;
      flex-wrap: wrap;
      color: #d8fbff
    }

    .cyan-match-meta span,
    .cyan-match-meta time {
      display: inline-block
    }

    .cyan-live-status {
      color: #fff;
      font-weight: 700;
      white-space: nowrap
    }

    .cyan-live-status-wait {
      background: #6b7280
    }

    .cyan-live-status-live {
      background: #dc2626
    }

    .cyan-live-status-end {
      background: #16a34a
    }

    .cyan-duel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
      align-items: center;
      background: #fff;
      border-bottom: 1px solid var(--cyan-line);
      min-width: 0
    }

    .cyan-duel-team {
      display: flex;
      align-items: center;
      min-width: 0
    }

    .cyan-duel-away {
      justify-content: flex-end;
      text-align: right
    }

    .cyan-duel-logo {
      width: 30px;
      height: 30px;
      object-fit: contain;
      flex: 0 0 30px
    }

    .cyan-duel-name {
      font-size: 16px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      min-width: 0
    }

    .cyan-duel-score {
      text-align: center;
      color: var(--cyan-primary);
      font-weight: 700
    }

    .cyan-section {
      background: #fff;
      border-top: 3px solid var(--cyan-primary);
      border-bottom: 1px solid var(--cyan-line);
      overflow: hidden
    }

    .cyan-block-title {
      background: var(--cyan-soft);
      border-bottom: 1px solid var(--cyan-line)
    }

    .cyan-live-actions,
    #tab_mQjUhw9n {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      gap: 4px;
      width: 100%;
      overflow: hidden
    }

    .cyan-watch-btn,
    .cyan-live-actions a,
    #tab_mQjUhw9n a {
      display: block;
      flex: 1 1 0;
      min-width: 0;
      background: var(--cyan-deep);
      color: #fff;
      border: 1px solid var(--cyan-primary);
      text-align: center;
      font-weight: 700;
      font-size: 13px;
      line-height: 1.4;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .cyan-match-info {
      display: grid;
      background: #fff
    }

    .cyan-info-row {
      display: grid;
      grid-template-columns: 82px minmax(0, 1fr);
      align-items: center;
      border-bottom: 1px solid var(--cyan-line)
    }

    .cyan-info-row dt {
      color: var(--cyan-muted);
      font-weight: 700
    }

    .cyan-info-row dd {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .cyan-news-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 54px;
      border-top: 1px solid var(--cyan-line)
    }

    .cyan-news-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      min-width: 0
    }

    .cyan-news-date {
      color: var(--cyan-muted);
      white-space: nowrap
    }

    .cyan-site-footer {
      margin-top: auto;
      background: var(--cyan-deep);
      color: #d8fbff
    }

    .cyan-site-footwrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between
    }

    .cyan-site-foottext {
      font-size: 14px;
      color: #b8e7ee
    }

    @media (min-width:1024px) {

      body.cyan-shell-body,
      .cyan-site-link,
      .cyan-site-foottext {
        font-size: 16px
      }

      .cyan-site-headwrap {
        grid-template-columns: auto 1fr
      }

      .cyan-site-nav {
        justify-content: flex-end
      }

      .cyan-match-title,
      .cyan-block-title,
      .cyan-site-brand,
      .cyan-site-footbrand {
        font-size: 20px
      }

      .cyan-duel-name {
        font-size: 20px
      }

      .cyan-duel {
        grid-template-columns: 1fr 90px 1fr
      }

      .cyan-duel-logo {
        width: auto;
        height: auto;
        max-width: 34px;
        max-height: 34px
      }

      .cyan-info-row {
        grid-template-columns: 110px minmax(0, 1fr)
      }

      .cyan-live-actions,
      #tab_mQjUhw9n {
        gap: 8px
      }

      .cyan-watch-btn,
      .cyan-live-actions a,
      #tab_mQjUhw9n a {
        flex: 0 0 180px;
        font-size: 16px
      }

      .cyan-news-row {
        grid-template-columns: minmax(0, 1fr) 70px
      }
    }