/* 非首屏关键 CSS，由 index.html preload 后转为 stylesheet */
      picture.webp-alt {
        display: contents;
      }
      .page {
        position: relative;
        background: var(--bg);
        /* border-radius: var(--r-page); */
        overflow: clip;
      }
      .page::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-image: radial-gradient(
          rgba(120, 150, 255, 0.05) 1px,
          transparent 1px
        );
        background-size: 26px 26px;
      }
      .page::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 70;
        pointer-events: none;
        opacity: 0.04;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
        animation: grainShift 0.9s steps(6) infinite;
      }
      @keyframes grainShift {
        from {
          background-position: 0 0;
        }
        to {
          background-position: 120px 84px;
        }
      }
      .amb {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
      }
      .amb i {
        position: absolute;
        width: 760px;
        height: 460px;
        border-radius: 50%;
        filter: blur(70px);
        will-change: transform, opacity;
      }
      .amb i:nth-child(1) {
        left: -10%;
        top: 1400px;
        background: radial-gradient(
          closest-side,
          rgba(43, 127, 255, 0.11),
          transparent 70%
        );
        animation: ambA 13s ease-in-out infinite alternate;
      }
      .amb i:nth-child(2) {
        right: -12%;
        top: 2600px;
        background: radial-gradient(
          closest-side,
          rgba(59, 125, 255, 0.09),
          transparent 70%
        );
        animation: ambB 17s ease-in-out infinite alternate-reverse;
      }
      .amb i:nth-child(3) {
        left: -12%;
        top: 4100px;
        background: radial-gradient(
          closest-side,
          rgba(43, 127, 255, 0.09),
          transparent 70%
        );
        animation: ambA 15s ease-in-out infinite alternate-reverse;
      }
      .amb i:nth-child(4) {
        right: -14%;
        top: 5600px;
        background: radial-gradient(
          closest-side,
          rgba(91, 157, 255, 0.085),
          transparent 70%
        );
        animation: ambB 19s ease-in-out infinite alternate;
      }
      .amb i:nth-child(5) {
        left: -8%;
        top: 7000px;
        background: radial-gradient(
          closest-side,
          rgba(43, 127, 255, 0.08),
          transparent 70%
        );
        animation: ambA 16s ease-in-out infinite alternate;
      }
      @keyframes ambA {
        from {
          transform: translate(0, 0) scale(1);
          opacity: 0.75;
        }
        to {
          transform: translate(130px, 60px) scale(1.22);
          opacity: 1;
        }
      }
      @keyframes ambB {
        from {
          transform: translate(0, 0) scale(1.1);
          opacity: 1;
        }
        to {
          transform: translate(-120px, 70px) scale(0.9);
          opacity: 0.7;
        }
      }
      main {
        position: relative;
        z-index: 1;
      }
      #product::before {
        content: '';
        position: absolute;
        right: -8%;
        top: -4%;
        width: 640px;
        height: 640px;
        border-radius: 50%;
        background: radial-gradient(
          closest-side,
          rgba(43, 127, 255, 0.09),
          transparent 70%
        );
        pointer-events: none;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
      .wrap {
        max-width: 1200px;
        margin: 0 auto;
      }
      .num {
        font-variant-numeric: tabular-nums;
        font-feature-settings: 'tnum';
      }
      .rev {
        opacity: 0;
        transform: translateY(16px);
        transition: opacity 0.6s cubic-bezier(0.22, 0.8, 0.32, 1),
          transform 0.6s cubic-bezier(0.22, 0.8, 0.32, 1);
      }
      .rev.in {
        opacity: 1;
        transform: none;
      }
      ::selection {
        background: rgba(43, 127, 255, 0.35);
      }
      @media (prefers-reduced-motion: reduce) {
        .rev {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }
      .btn {
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--grad);
        color: #fff;
        border-radius: var(--r-btn);
        font-weight: 450;
        border: none;
        cursor: pointer;
        white-space: nowrap;
        line-height: 140%;
        transition: transform 0.2s, box-shadow 0.2s;
      }
      .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(43, 127, 255, 0.42);
      }
      .btn-s {
        font-size: 14px;
        padding: 8px 12px;
      }
      .btn.btn-l {
        height: 52px;
        padding: 12px 0px 12px 0px;
        width: 128px;
        box-sizing: border-box;
        gap: 10px;
        opacity: 1;
        border-radius: 12px;

        background: linear-gradient(104deg, #2b7fff 0%, #5b9dff 100%);
      }
      .btn-l {
        font-size: 16px;
        padding: 12px 24px;
      }
      .btn-line {
        position: relative;
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--r-btn);
        border: none;
        color: var(--txt);
        font-weight: 450;
        background: transparent;
        line-height: 140%;
        transition: background 0.2s;
      }
      .btn-line::before {
        content: '';
        position: absolute;
        inset: 0;
        padding: 1px;
        border-radius: inherit;
        background: linear-gradient(104.03deg, #2b7fff 0%, #5b9dff 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask-composite: exclude;
        pointer-events: none;
      }
      .btn-line:hover {
        background: rgba(43, 127, 255, 0.1);
      }
      .btn-line.l {
        font-size: 20px;
        padding: 12px 0px;
        width: 128px;
        font-size: 16px;
        box-sizing: border-box;
      }
      .demo-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(43, 127, 255, 0.12);
        border: 1px solid rgba(43, 127, 255, 0.35);
        color: var(--blue-l);
        border-radius: 8px;
        font-weight: 600;
        font-size: 10px;
        padding: 3px 14px;
        cursor: default;
      }
      .card,
      .frame,
      .panel,
      .figures {
        transition: transform 0.35s cubic-bezier(0.22, 0.8, 0.32, 1),
          border-color 0.25s, box-shadow 0.35s;
      }
      .frame:hover,
      .panel:hover,
      .figures:hover {
        transform: scale(1.015);
      }
      .card {
        transition: transform 0.25s, border-color 0.25s;
        border-radius: 16px;
        border: 1px solid transparent;
        background: linear-gradient(
              rgba(255, 255, 255, 0.05),
              rgba(255, 255, 255, 0.05)
            )
            padding-box,
          /* ← 这行是内容区域的底色，随便换 */
            linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.1) 0%,
              rgba(255, 255, 255, 0) 100%
            )
            border-box;
      }
      .dpanel-wrapper-data .card-content:hover {
        background: #26282d;
      }
      .card-content:hover {
        background: linear-gradient(
              rgba(255, 255, 255, 0.05),
              rgba(255, 255, 255, 0.05)
            )
            padding-box,
          /* ← 这行是内容区域的底色，随便换 */
            linear-gradient(
              180deg,
              rgba(10, 132, 255, 0.2) 0%,
              rgba(10, 132, 255, 0.8) 100%
            )
            border-box;
      }
      .card:hover .top-content {
        background: rgba(255, 255, 255, 0.05);
        box-shadow: 0px 80px 60px -20px rgba(20, 76, 205, 1) inset,
          0px 40px 60px -8px rgba(102, 148, 255, 0.5) inset,
          0px 20px 40px -4px rgba(255, 255, 255, 0.2) inset;
      }
      .kicker {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-size: 12px;
        font-weight: 330;
        letter-spacing: 0.18em;
        line-height: 130%;
        color: rgba(91, 157, 255, 1);
      }
      .kicker::before {
        content: '';
        width: 32px;
        height: 1px;
        background: linear-gradient(
          90deg,
          rgba(91, 157, 255, 0) 0%,
          #5b9dff 100%
        );
      }
      section {
        padding: 96px 0;
        position: relative;
        overflow: hidden;
        scroll-margin-top: 96px;
      }
      .product-content {
        overflow: visible;
      }
      h2.h {
        font-size: clamp(24px, 3.4vw, 32px);
        font-weight: 520;
        letter-spacing: 0.01em;
        line-height: 130%;
        margin-top: 12px;
      }
      #community h2.h {
        white-space: nowrap;
      }
      #community h2.h br {
        display: none;
      }
      p.hs {
        font-size: 14px;
        font-weight: 330;
        line-height: 140%;
        color: rgba(255, 255, 255, 0.75);
        margin-top: 12px;
        max-width: 640px;
        word-break: normal;
        overflow-wrap: break-word;
      }
      p.hs b {
        /* color: var(--txt);
                font-weight: 600; */
      }
      p.hs a {
        color: var(--blue-l);
        font-weight: 450;
        font-size: 14px;
        display: block;
        margin-top: 10px;
      }
      .center {
        text-align: center;
      }
      .center .kicker::after {
        content: '';
        width: 32px;
        height: 1px;
        background: linear-gradient(
          90deg,
          #5b9dff 0%,
          rgba(91, 157, 255, 0) 100%
        );
      }
      .center p.hs {
        margin-left: auto;
        margin-right: auto;
      }
      header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: none;
        z-index: 100;
        width: 100%;
        height: 78px;
        background: rgba(10, 10, 12, 0.72);
        backdrop-filter: blur(18px) saturate(1.4);
        -webkit-backdrop-filter: blur(18px) saturate(1.4);
        display: flex;
        align-items: center;
        padding: 0 10px 0 22px;
        box-sizing: border-box;
        transition: background 0.35s, border-color 0.35s, box-shadow 0.35s;
      }
      header.top {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
      header::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -22px;
        transform: translateX(-50%);
        width: 100vw;
        height: 170px;
        background: linear-gradient(
          180deg,
          rgba(5, 6, 10, 0.62),
          rgba(5, 6, 10, 0.3) 52%,
          transparent
        );
        z-index: -1;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.35s;
      }
      header.top::before {
        opacity: 0;
      }
      header.top .nlinks a,
      header.top .talk {
        color: #fff;
      }
      header .nlinks a.on {
        color: #0a84ff;
        border: 1px solid #0a84ff;
        background: rgba(10, 132, 255, 0.1);
        border-radius: 4px;
      }
      header.top .lang {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.1);
        height: 38px;
      }
      /* PC：离开顶部只换背景，布局与 .top 保持一致，避免 logo 位移 */
      @media (min-width: 641px) {
        header:not(.top) {
          background: rgba(10, 10, 12, 0.45);
          border-left: none;
          border-right: none;
          box-shadow: none;
          border: none;
        }
        #feed,
        #product,
        #reward,
        #community,
        #feat {
          min-height: 100svh;
          box-sizing: border-box;
        }
        #reward,
        #community,
        #feat {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
        #feed,
        #product {
          overflow: visible;
        }
        #feed > .wrap,
        #product > .wrap,
        #reward > .wrap,
        #community > .wrap,
        #feat > .wrap {
          width: 100%;
          overflow: visible;
        }
        #feed {
          padding-top: 52px;
        }
        #product,
        #reward,
        #community,
        #feat,
        #security,
        #join {
          padding-top: 0;
        }
      }
      header .wrap {
        display: flex;
        align-items: center;
        gap: 40px;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
      }
      .brand {
        display: flex;
        align-items: center;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .brand img {
        height: 28px;
        width: auto;
        display: block;
        flex-shrink: 0;
      }
      .lang {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: transparent;
        border: 1px solid var(--line-hi);
        border-radius: 8px;
        color: var(--txt2);
        font-size: 14px;
        padding: 8px 12px;
        cursor: pointer;
        white-space: nowrap;
        transition: color 0.2s, border-color 0.2s;
      }
      .lang:hover {
        color: var(--txt);
        border-color: var(--blue);
      }
      /* 语言下拉（12 语种，选中即切） */
      .langwrap {
        position: relative;
        height: 36px;
      }
      .langmenu {
        position: fixed;
        right: 12px;
        top: 70px;
        min-width: 186px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid var(--line-hi);
        border-radius: 12px;
        padding: 12px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-6px);
        transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
        z-index: 400;
        scrollbar-width: thin;
      }
      .langmenu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
      }
      .langmenu::-webkit-scrollbar {
        width: 5px;
      }
      .langmenu::-webkit-scrollbar-thumb {
        background: var(--line-hi);
        border-radius: 99px;
      }
      .langmenu button {
        display: flex;
        align-items: center;
        gap: 9px;
        width: 100%;
        background: transparent;
        border: none;
        color: var(--txt2);
        font-size: 14px;
        text-align: left;
        padding: 8px 12px;
        border-radius: 7px;
        cursor: pointer;
        white-space: nowrap;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(10, 132, 255, 0.2);
        transition: background 0.18s, color 0.18s;
      }
      .langmenu button:hover {
        color: var(--blue-l);
      }
      .langmenu button.on {
        border: 1px solid var(--blue-l);
        color: var(--blue-l);
        font-weight: 450;
      }
      .langmenu button i {
        font-style: normal;
        font-size: 14px;
        color: var(--txt3);
        margin-left: auto;
      }
      .langmenu button i:hover {
        color: var(--blue-l);
      }
      .langmenu button.on i {
        color: var(--blue-l);
      }
      .langmenu button:not(:first-child) {
        margin-top: 8px;
      }
      .lang svg {
        width: 16px;
        height: 16px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
      }
      .nlinks {
        display: flex;
        gap: 20px;
        flex: 1;
        justify-content: center;
        min-width: 0;
      }
      .nlinks a {
        font-size: 14px;
        font-weight: 450;
        color: var(--txt2);
        padding: 4px 8px;
        border-radius: var(--r-btn);
        white-space: nowrap;
        transition: color 0.2s, background 0.2s;
      }
      /* 多语种下导航词长度不一：窄屏进一步收紧，保证顶栏一行放下 */
      @media (max-width: 1300px) {
        .nlinks a {
          font-size: 14px;
          padding: 4px 8px;
          letter-spacing: -0.005em;
        }
      }
      .nlinks a:hover {
        color: var(--txt);
      }
      .nlinks a.on {
        color: var(--txt);
      }
      .ncta {
        display: flex;
        align-items: center;
        gap: 20px;
      }
      .ncta .btn-s {
        height: 36px;
      }
      .menu-btn,
      .drawer,
      .drawer-mask {
        display: none;
      }
      .ncta .talk {
        font-size: 14px;
        color: var(--txt2);
      }
      .ncta .talk:hover {
        color: var(--txt);
      }
      .contact-float {
        position: fixed;
        right: 22px;
        bottom: 96px;
        z-index: 90;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .cf-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        cursor: pointer;
        border: none;
        background: radial-gradient(
          50% 50% at 50% 50%,
          #2b7fff 0%,
          #5b9dff 100%
        );

        box-shadow: 0px 9px 30px 0px #2b7fff66, 0px 3px 9px 0px #2b7fff1f;
        transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
      }
      .cf-item:hover {
        transform: translateY(-2px);
        filter: brightness(1.1);
        box-shadow: 0 12px 30px rgba(43, 127, 255, 0.5);
      }
      .cf-item--plain {
        cursor: default;
      }
      .cf-item svg {
        width: 20px;
        height: 20px;
        stroke: #fff;
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      @media (min-width: 641px) {
        .fcell.hov-fcell-content-wrapper:hover {
          background: #0a84ff1a;
          border: 1px solid rgba(10, 132, 255, 0.8);
        }
        .fcell.hov-fcell-content-wrapper:hover img.h5-hidden {
          display: none;
        }
        .fcell.hov-fcell-content-wrapper:hover .ic-data-content {
          border: none;
          background: transparent;
        }
        .fcell.hov-fcell-content-wrapper:hover .h5-hidden-hover {
          display: block;
          width: 52px;
          height: 52px;
        }
        .fcell.hov-fcell-content-wrapper:hover .h5-hidden-data {
          display: none;
        }
        .fcell.hov-fcell-content-wrapper:hover .fgrid-rev-content h4 {
          color: #0a84ff;
        }
      }
      .teyoupeilv-content-data {
        border: 1px solid transparent;
        background: linear-gradient(#0d0e12, #0d0e12) padding-box,
          linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.1) 0%,
              rgba(255, 255, 255, 0) 100%
            )
            border-box;
      }
      .fcell.hov-fcell-content-wrapper {
        height: 213px;
        position: relative;
        opacity: 1;
        border-radius: 8px;
        padding: 20px;
        column-span: 1;
        background: rgba(255, 255, 255, 0.05);
      }
      /* 渐变边框 */
      .fcell.hov-fcell-content-wrapper::before {
        content: '';
        position: absolute;
        inset: 0;

        /* 边框厚度 */
        padding: 1px;

        border-radius: inherit;

        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(255, 255, 255, 0) 100%
        );

        /*
         * 只显示 padding 区域，也就是 1px 边框
         * 中间区域透明，不会覆盖 card 内容
         */
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);

        -webkit-mask-composite: xor;

        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

        mask-composite: exclude;

        pointer-events: none;
      }
      .cf-item.ghost {
        background: rgba(20, 21, 26, 0.9);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 0.96px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
      }
      .cf-item.ghost svg {
        stroke: var(--blue-l);
      }
      .cf-item.ghost:hover {
        border-color: var(--blue);
        filter: none;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.5);
      }
      .dpanel.dpanel-wrapper-data {
        margin: 40px 40px 8px 40px;
      }
      .king-img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
      }
      .cf-badge {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--red);
        border: 1.5px solid #0a0a0c;
      }
      .cf-badge::after {
        content: '';
        position: absolute;
        inset: -4px;
        border-radius: 50%;
        border: 1.5px solid var(--red);
        opacity: 0.6;
        animation: pw 1.8s ease-out infinite;
      }
      .cf-item .tip {
        position: absolute;
        right: 60px;
        top: 50%;
        transform: translateY(-50%) translateX(6px);
        background: rgba(13, 14, 18, 0.95);
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 7px 12px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s, transform 0.2s;
        text-align: left;
      }
      .cf-item:hover .tip {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
      }
      .cf-item .tip b {
        display: block;
        font-size: 12px;
        color: var(--txt);
        font-weight: 600;
      }
      .cf-item .tip span {
        display: block;
        font-size: 10px;
        color: var(--txt3);
      }
      #toTop {
        display: none;
      }
      #toTop.show {
        display: flex;
      }
      @media (max-width: 640px) {
        .hstats-bg.h5-show {
          width: 100%;
          height: 100%;
        }
        .ffade-data{
          position: absolute;
        }
        .btn.openAccount {
          margin-top: 20px;
          height: 44px;
          padding-top: 12px;
          padding-bottom: 12px;
          gap: 10px;
          opacity: 1;
          border-radius: 8px;
          font-weight: 450;
          font-style: Demibold;
          font-size: 14px;
          letter-spacing: 0%;
          vertical-align: middle;

          background: linear-gradient(104.03deg, #2b7fff 0%, #5b9dff 100%);
        }
        div.fcell.hov-fcell-content-wrapper {
          display: flex;
          align-items: center;
          flex-direction: row;
          height: auto;
          gap: 20px;
          border-radius: 0;
          padding: 20px 0 20px 0;
          border-left: none;
          border-right: none;
          border-bottom: 0;
          justify-content: flex-start;
          background: transparent;
        }
        div.fcell.hov-fcell-content-wrapper::before {
          padding: 0;
          padding-top: 1px;
        }
        div.fcell.hov-fcell-content-wrapper.last-hov-fcell-content-wrapper {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        img.h5-show {
          display: block;
          width: 24px;
          height: 24px;
        }
        .content-panel img {
          padding: 0 !important;
        }
        .fcell.hov-fcell-content-wrapper .ic {
          width: 24px;
          height: 24px;
          opacity: 1;
          padding: 6px;
          border-radius: 5.54px;
          border-width: 0.75px;
          box-shadow: 0px 18.82px 14.12px -4.71px rgba(20, 76, 205, 1) inset,
            0px 9.41px 14.12px -1.88px rgba(102, 148, 255, 0.5) inset,
            0px 4.71px 9.41px -0.94px rgba(255, 255, 255, 0.2) inset;
          background: rgba(255, 255, 255, 0.05);
        }
        .fcell div.ic {
          width: 24px;
          height: 24px;
          padding: 6px;
          border-radius: 5.54px;
          border: none;
          background: transparent;
          border-width: 0.75px;
          margin-bottom: 0;
        }
        .hov-fcell-content-wrapper .fgrid-rev-content h4 {
          text-align: left;
          font-weight: 330;
          font-style: Regular;
          font-size: 14px;
          height: 20px;
          line-height: 140%;
          letter-spacing: 0%;
          margin-bottom: 4px;
        }
        .hov-fcell-content-wrapper .fgrid-rev-content p {
          text-align: left;
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          line-height: 120%;
          letter-spacing: 0%;
          color: rgba(255, 255, 255, 0.45);
        }
        .contact-float {
          right: 12px;
          bottom: 0px;
          padding-bottom: 12px;
        }
        .cf-item {
          width: 36px;
          height: 36px;
        }
        .cf-item img {
          width: 18px;
          height: 18px;
        }
        .fgrid2 .fcol {
          width: 100%;
          z-index: 11111;
        }
      }
      .hero {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100svh;
        padding: 80px 0 64px;
        overflow: hidden;
      }
      .scrolldn {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1px;
        color: #fff;
        font-size: 12px;
        font-weight: 330;
        line-height: 130%;
        letter-spacing: 0;
        text-indent: 0;
        z-index: 5;
        transition: opacity 0.2s, color 0.2s;
      }
      @media (max-width: 640px) {
        .scrolldn {
          width: 44px;
          height: 44px;
          justify-content: center;
          transform: translate(-50%, 50%);
        }
      }
      .scrolldn:hover {
        opacity: 1;
        color: var(--blue-l);
      }
      .scrolldn svg {
        margin-top: 4px;
        width: 16px;
        height: 16px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .scrolldn svg:last-child {
        animation-delay: 0.18s;
        opacity: 1;
      }
      @keyframes sdn {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(6px);
        }
      }
      .hero > .wrap {
        width: 100%;
      }
      .hero .figwrap {
        padding-top: 40px;
      }
      .hero-vid {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
        /* -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 98%);
        mask-image: linear-gradient(180deg, #000 55%, transparent 98%); */
      }
      .hero-vid video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 60% 30%;
        /* opacity: 0.6;
        filter: brightness(1.08) saturate(1.02); */
      }
      .hero-vid::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(
            90deg,
            rgba(10, 10, 12, 0.42),
            rgba(10, 10, 12, 0.08) 44%,
            transparent 66%
          ),
          linear-gradient(
            180deg,
            rgba(10, 10, 12, 0.42),
            rgba(10, 10, 12, 0.04) 32%,
            rgba(10, 10, 12, 0.12) 62%,
            rgba(10, 10, 12, 0.86) 92%,
            var(--bg) 100%
          );
      }
      .hero .wrap {
        position: relative;
        z-index: 1;
      }
      .hgrid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
      }
      .hg-l {
        max-width: none;
      }
      .pwrap {
        position: relative;
      }
      .p-head .r .btn,
      .p-head .r .btn-line {
        white-space: nowrap;
      }
      .h-tag2 {
        display: inline-flex;
        align-items: center;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.12em;
        color: #cfe3ff;
        background: rgba(43, 127, 255, 0.18);
        border: 1px solid rgba(43, 127, 255, 0.5);
        border-radius: 6px;
        padding: 3px 10px;
        white-space: nowrap;
        margin-left: 4px;
      }
      .h-tagline {
        height: 48px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        font-weight: 520;
        line-height: 150%;
        letter-spacing: 0;
        color: #fff;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(91, 157, 255, 0.5);
        border-radius: 999px;
        padding: 12px 20px;
        margin-bottom: 40px;
      }
      .hero .sub b {
        color: var(--blue-l);
      }
      .cur {
        display: inline-block;
        width: 3px;
        height: 0.92em;
        background: var(--blue-l);
        margin-left: 6px;
        vertical-align: -0.08em;
        animation: curblink 1s steps(2) infinite;
      }
      @keyframes curblink {
        50% {
          opacity: 0;
        }
      }
      .hero .og-h {
        font-size: 10px;
        padding: 10px 16px 4px;
      }
      .hero .og-row {
        padding: 4px 16px 12px;
      }
      .hero .og-t {
        font-size: 12px;
      }
      .hero .og-t .lg {
        font-size: 10px;
      }
      .hero .oc2 .opill {
        padding: 5px 10px;
      }
      .hero .oc2 .opill small {
        font-size: 10px;
      }
      .hero .oc2 .opill b {
        font-size: 12px;
      }
      @keyframes lb {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0.3;
        }
      }
      .h-line {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
      }
      .hero h1 {
        font-size: clamp(30px, 5.2vw, 52px);
        line-height: 150%;
        min-height: 1.5em;
        width: 100%;
        white-space: normal;
        text-align: center;
        color: rgba(91, 157, 255, 1);
        font-weight: 630;
        letter-spacing: 0;
        margin: 0;
        text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
      }
      .h .ch {
        display: inline-block;
        opacity: 0;
        transform: translateY(16px);
        transition: opacity 0.45s cubic-bezier(0.22, 0.8, 0.32, 1),
          transform 0.45s cubic-bezier(0.22, 0.8, 0.32, 1);
      }
      .h .ch.in {
        opacity: 1;
        transform: none;
      }
      @media (prefers-reduced-motion: reduce) {
        .h .ch {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }
      .hero .sub {
        font-size: clamp(14px, 1.6vw, 16px);
        color: #fff;
        max-width: 600px;
        margin: 40px auto 0;
        text-align: center;
        font-weight: 520;
        line-height: 150%;
      }
      .hero .sub-data-h5 {
        display: none !important;
      }
      .hero .sub b {
        white-space: nowrap;
      }
      .hz3 {
        position: relative;
        z-index: 1;
      }
      .hero .hgrid > .rev:first-child {
        position: relative;
      }
      .hero .hgrid > .rev:first-child::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -48px;
        bottom: -48px;
        transform: translateX(-50%);
        width: min(760px, 96vw);
        background: radial-gradient(
          58% 60% at 50% 50%,
          rgba(5, 6, 10, 0.55),
          transparent 78%
        );
        z-index: -1;
        pointer-events: none;
      }
      .hero .sub b {
        color: var(--txt);
        font-weight: 520;
      }
      @keyframes pw {
        0% {
          transform: scale(0.4);
          opacity: 0.7;
        }
        100% {
          transform: scale(1.5);
          opacity: 0;
        }
      }
      .hg-l {
        text-align: center;
        margin: 0 auto;
      }
      .hg-l .h-line {
        justify-content: center;
      }
      .hg-r {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
      }
      .hmarwrap {
        overflow: hidden;
        -webkit-mask-image: linear-gradient(
          90deg,
          transparent,
          #000 8%,
          #000 92%,
          transparent
        );
        mask-image: linear-gradient(
          90deg,
          transparent,
          #000 8%,
          #000 92%,
          transparent
        );
      }
      .h5-hidden-hover {
        display: none;
      }
      .hmar {
        display: flex;
        gap: 10px;
        width: max-content;
        animation: mq 52s linear infinite;
      }
      .hmarwrap:hover .hmar {
        animation-play-state: paused;
      }
      .hcap {
        display: inline-flex;
        align-items: baseline;
        gap: 7px;
        background: rgba(14, 16, 22, 0.72);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(148, 170, 255, 0.13);
        border-radius: 999px;
        padding: 7px 16px;
        white-space: nowrap;
        flex-shrink: 0;
        transition: border-color 0.25s;
      }
      .hcap:hover {
        border-color: rgba(43, 127, 255, 0.5);
      }
      .hcap b {
        font-size: 12px;
        font-weight: 700;
        color: var(--txt);
      }
      .hcap i {
        font-style: normal;
        font-size: 10px;
        color: var(--txt3);
      }
      .hstats {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        background: #07080b;
        border: 1px solid rgba(148, 170, 255, 0.2);
        border-radius: 10px;
        padding: 16px 8px 13px;
        height: 136px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 0 0 4px rgba(7, 8, 11, 0.55),
          0 18px 50px rgba(0, 0, 0, 0.5),
          inset 0 0 30px rgba(43, 127, 255, 0.07);
      }
      /* picture 只铺底，不占 grid 格子，避免把 6 项挤到下一行 */
      .hstats > picture {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        pointer-events: none;
        line-height: 0;
      }
      .hstats-bg {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        pointer-events: none;
        z-index: 0;
      }
      .hstats::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
          rgba(120, 150, 255, 0.14) 1px,
          transparent 1px
        );
        background-size: 5px 5px;
        opacity: 0.5;
        pointer-events: none;
      }
      .hstats::after {
        content: '';
        position: absolute;
        left: 8%;
        right: 8%;
        top: 0;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(111, 168, 255, 0.5),
          transparent
        );
      }
      .hstat {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 6px;
        position: relative;
        z-index: 1;
        min-width: 0;
      }
      .hstat + .hstat::before {
        content: '';
        position: absolute;
        left: 0;
        top: 18%;
        bottom: 18%;
        width: 1px;
        background: rgba(148, 170, 255, 0.14);
      }
      .hstat b {
        display: block;
        font-size: clamp(16px, 1.7vw, 32px);
        font-weight: 520;
        color: #5b9dff;
        text-shadow: 0 0 14px rgba(43, 127, 255, 0.75),
          0 0 32px rgba(43, 127, 255, 0.4);
        line-height: 150%;
        letter-spacing: 0.03em;
      }
      .hstat span {
        display: block;
        font-size: 14px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.75);
        margin-top: 12px;
        line-height: 140%;
        letter-spacing: 0;
        white-space: nowrap;
      }
      @media (max-width: 1020px) {
        .hstats {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 4px 0;
          height: 203px;
        }
        .chengjingguansai-tour-marks-h5 span[data-t].tmark em {
          left: 0;
          top: auto;
          bottom: calc(100% + 8px);
          height: auto;
        }
        .chanpinshikuang-snapclip-h5 .tour-marks.chanpinshikuang-marks-h5 .tmark em {
          left: 0;
          top: auto;
          bottom: calc(100% + 8px);
          height: auto;
        }
        .chanpinshikuang-snapclip-h5 .tour-marks.chanpinshikuang-marks-h5 .tmark[data-f='f6'] em {
          left: 0;
          top: 0px;
          bottom: auto;
        }
        .chengjingguansai-tour-marks-h5 .tmark em b,
        .chanpinshikuang-snapclip-h5 .tmark em b,
        .chanpinshikuang-marks-h5 .tmark em b,
        .h5v .tmark em b {
          font-weight: 450;
          font-style: Demibold;
          font-size: 10.5px;
          line-height: 140%;
          letter-spacing: 0%;
          text-transform: capitalize;
          font-variant-numeric-figure: lining-nums;
          font-variant-numeric-spacing: tabular-nums;
          color: rgba(10, 132, 255, 1);
        }
        .chengjingguansai-tour-marks-h5 span.tmark em,
        .chanpinshikuang-snapclip-h5 span.tmark em,
        .chanpinshikuang-marks-h5 .tmark em,
        .h5v .tmark em {
          font-weight: 330;
          font-style: Regular;
          font-size: 9px;
          line-height: 130%;
          letter-spacing: 0%;
          padding: 6px !important;
          text-transform: capitalize;
          font-variant-numeric-figure: lining-nums;
          font-variant-numeric-spacing: tabular-nums;
          color: #ffffff;
          border: 1px solid rgba(10, 132, 255, 1);
          background: linear-gradient(
              0deg,
              rgba(10, 132, 255, 0.1),
              rgba(10, 132, 255, 0.1)
            ),
            rgba(10, 10, 12, 1);
        }
        .snapclip.chanpinshikuang-snapclip-h5 {
          width: 100%;
          height: auto;
          aspect-ratio: 375 / 812;
          overflow: hidden;
        }
        span.tmark i {
          width: 18px;
          height: 18px;
          gap: 7.5px;
          angle: 0 deg;
          opacity: 1;
          border-top-left-radius: 6px;
          border-bottom-right-radius: 6px;
          font-weight: 450;
          font-style: Demibold;
          font-size: 10px;
          leading-trim: NONE;
          line-height: 140%;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .hstat span {
          margin-top: 0;
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          line-height: 140%;
          letter-spacing: 0%;
          text-align: center;
          vertical-align: middle;
        }
        .hstat + .hstat::before {
          display: none;
        }
      }
      .preview-box-pc-chanpinshikuang .blob {
        position: absolute;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        filter: blur(25px);
        /*
    让中心点作为运动点
  */
        transform: translate(-50%, -50%);

        will-change: left, top;
      }

      /* 左上开始 */
      .preview-box-pc-chanpinshikuang .blob-a {
        animation: borderOrbitA 20s linear infinite;
        width: 260px;
        height: 260px;
        background: #0a84ff66;
      }

      /* 右下相反位置 */
      .preview-box-pc-chanpinshikuang .blob-b {
        animation: borderOrbitB 20s linear infinite;
        animation-delay: -10s;
        width: 200px;
        height: 200px;
        background: #0a84ff66;
      }
      #feed {
        overflow: visible;
      }
      .preview-box-pc-chanpinshikuang {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        pointer-events: none;
        overflow: visible;
        filter: blur(100px);
        mix-blend-mode: screen;
      }
      .preview-box-pc-chanpinshikuang svg {
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible !important;
        transform: scale(1.55) !important;
        transform-origin: center center !important;
      }
      .snapwrap-content-wrapper-data {
        position: relative;
        overflow: visible;
        padding: 56px 40px;
      }
      .snapwrap-content-wrapper-data > .snapwrap.pcv {
        margin-top: 0 !important;
        /* 说明卡可溢出；圆角裁切交给内部 snapclip，避免为 playNote 撑高边框 */
        overflow: visible;
      }
      .snapwrap-content-wrapper-data > .snapwrap.pcv .snapclip {
        border-radius: 0 0 16px 16px;
        overflow: hidden;
      }
      .snapwrap-content-wrapper-data .snapwrap {
        z-index: 9;
      }
      /* 光斑 */
      .pc-chengjingguansai-wrapper-content .blob {
        position: absolute;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        filter: blur(25px);
        /*
    让中心点作为运动点
  */
        transform: translate(-50%, -50%);

        will-change: left, top;
      }

      /* 左上开始 */
      .pc-chengjingguansai-wrapper-content .blob-a {
        animation: borderOrbitA 20s linear infinite;
        width: 260px;
        height: 260px;
        background: #0a84ff66;
      }

      /* 右下相反位置 */
      .pc-chengjingguansai-wrapper-content .blob-b {
        animation: borderOrbitB 20s linear infinite;
        animation-delay: -10s;
        width: 200px;
        height: 200px;
        background: #0a84ff66;
      }
      .preview-box-pc-chengjingguansai {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        pointer-events: none;
        overflow: visible;
        filter: blur(100px);
        mix-blend-mode: screen;
      }
      .preview-box-pc-chengjingguansai svg {
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible !important;
        transform: scale(1.55) !important;
        transform-origin: center center !important;
      }
      .pc-chengjingguansai-wrapper-content {
        position: relative;
        overflow: visible;
        padding: 56px 40px;
      }
      .pc-chengjingguansai-wrapper-content > .snapwrap.pcv {
        margin-top: 0 !important;
      }
      .pc-chengjingguansai-wrapper-content .snapwrap {
        z-index: 9;
      }

      /*
  沿边框移动

  注意：
  这里坐标是边框线坐标

  preview-box:
  width 1340
  height 540

*/
      @keyframes borderOrbitA {
        /* 左上边框 */
        0% {
          left: 50px;
          top: 50px;
          background: #0a84ff66;
        }

        /* 左下 */
        25% {
          left: calc(100% - 50px);
          top: 50px;
          background: #0a84ff66;
        }

        /* 右下 */
        50% {
          left: calc(100% - 50px);
          top: calc(100% - 80px);
          background: #0a84ff66;
        }

        /* 右上 */
        75% {
          left: 50px;
          top: calc(100% - 80px);
          background: #0a84ff66;
        }

        /* 回到左上 */
        100% {
          left: 50px;
          top: 50px;
          background: #0a84ff66;
        }
      }
      @keyframes borderOrbitB {
        /* 左上边框 */
        0% {
          left: 50px;
          top: 50px;
          background: #0a84ff66;
        }

        /* 左下 */
        25% {
          left: calc(100% - 50px);
          top: 50px;
          background: #0a84ff66;
        }

        /* 右下 */
        50% {
          left: calc(100% - 50px);
          top: calc(100% - 80px);
          background: #0a84ff66;
        }

        /* 右上 */
        75% {
          left: 50px;
          top: calc(100% - 80px);
          background: #0a84ff66;
        }

        /* 回到左上 */
        100% {
          left: 50px;
          top: 50px;
          background: #0a84ff66;
        }
      }
      @media (max-width: 640px) {
        .comm-card.rev .cc-h {
          font-size: 16px;
          font-weight: 450;
          line-height: 150%;
          height: 68px;
          padding: 12px;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
        }
        .comm-card.rev .cc-h small {
          font-size: 10px;
          font-weight: 330;
          line-height: 120%;
        }
        .hstats {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          height: auto;
          gap: 12px 0;
        }
        .hstat span {
          white-space: normal;
        }
        .wrap {
          padding: 0 20px;
        }
        .wrap.teyoupeilv-data{
          padding: 0 0 0 20px;
        }
        .sub-data{
          padding-right: 20px;
        }
        .wrap.community-wrap{
          padding: 0 0 0 20px;
        }
        #comm-data{
          padding-right: 20px;
        }
        .duo.duo-content-wrapper{
          padding-right: 20px;
        }
        .duo-card .top-content {
          height: 68px;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
        }
        .duo-card .top-content .title-content {
          font-size: 16px;
          font-weight: 450;
          line-height: 150%;
        }
        .duo-card .top-content .dsub {
          font-size: 10px;
          font-weight: 330;
          line-height: 120%;
        }
        #reward > .wrap,
        #community > .wrap {
          min-width: 0;
          overflow: hidden;
        }
        /* 比 #reward > .wrap / #community > .wrap 更高优先级，避免 iOS 祖先 overflow:hidden 禁掉横向滑 */
        #reward > .wrap.teyoupeilv-data,
        #community > .wrap {
          overflow: visible;
        }
        .duo,
        #community .comm {
          display: flex;
          flex-wrap: nowrap;
          gap: 12px;
          width: 100%;
          min-width: 0;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
          scroll-snap-type: x mandatory;
          grid-template-columns: none;
        }
        #duo-content-wrapper,
        #comm-data {
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior-x: contain;
          max-width: 100%;
        }
        #duo-content-wrapper .duo-card,
        #duo-content-wrapper img,
        #comm-data .comm-card,
        #comm-data img {
          -webkit-user-drag: none;
          -webkit-touch-callout: none;
        }
        .duo::-webkit-scrollbar,
        #community .comm::-webkit-scrollbar {
          display: none;
        }
        .duo-card,
        #community .comm-card {
          flex: 0 0 75%;
          width: 75%;
          max-width: 75%;
          min-width: 0;
          box-sizing: border-box;
          scroll-snap-align: start;
        }
        .duo-card {
          height: 464px;
          border-radius: 12px;
          overflow: hidden;
        }
        .duo-card .special-odds,
        #community .popular-co-investments {
          width: 100%;
          max-width: 100%;
          height: auto;
        }
        .duo-pts.pts-data.duo-pts-data {
          display: flex;
        }
        .duo-pts.pts-data span {
          font-size: 12px;
          padding: 4px 8px;
          font-weight: 330;
          color: rgba(255, 255, 255, 0.75);
          border-radius: 4px;
        }
        .ptabs.rev {
          display: flex;
          gap: 20px;
          flex-wrap: nowrap;
          justify-content: flex-start;
          width: max-content;
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
          -ms-overflow-style: none;
          white-space: nowrap;
        }
        .ptabs .ptab {
          flex: 0 0 auto;
          white-space: nowrap;
          background: transparent;
          background-color: transparent;
          font-size: 12px;
          font-weight: 330;
          line-height: 130%;
          padding: 0 2px 4px 2px;
          height: 20px;
          border: none;
          color: rgba(255, 255, 255, 0.75);
          /* 不要 transition:all，border-image 无法插值时会先画出 currentColor 白边 */
          transition: color 0.2s;
          -webkit-tap-highlight-color: transparent;
        }
        .ptabs .ptab:hover,
        .ptabs .ptab:active {
          background: transparent;
          background-color: transparent;
          border: none;
          color: rgba(255, 255, 255, 0.75);
        }
        .ptabs .ptab.on,
        .ptabs .ptab.on:hover,
        .ptabs .ptab.on:active {
          background: transparent;
          background-color: transparent;
          color: rgba(255, 255, 255, 1);
          font-weight: 450;
          border: none;
          border-bottom: 1px solid transparent;
          border-image-source: linear-gradient(
            270deg,
            rgba(10, 132, 255, 0) 0%,
            #0a84ff 50%,
            rgba(10, 132, 255, 0) 100%
          );
          border-image-slice: 1;
        }
        p.hs {
          font-size: 12px;
        }
      }
      .snap-image {
        width: 100%;
        height: 675px;
        background-repeat: no-repeat;
        background-size: 100%;
      }
      #feat {
        overflow: visible;
      }
      #feat > .wrap {
        position: relative;
        container-type: inline-size;
      }
      .pfig {
        position: absolute;
        right: -110px;
        top: -30px;
        height: 330px;
        width: auto;
        z-index: 0;
        pointer-events: none;
        user-select: none;
        opacity: 0.65;
        transform: rotate(-10deg);
        filter: grayscale(0.25) brightness(0.98)
          drop-shadow(0 0 40px rgba(43, 127, 255, 0.32));
      }
      @media (max-width: 1180px) {
        .pfig {
          display: none;
        }
      }
      #feat .kicker,
      #feat h2.h,
      #feat p.hs {
        position: relative;
        z-index: 1;
      }
      .opill {
        background: var(--card2);
        border: 1px solid var(--line);
        border-radius: 6px;
        min-width: 60px;
        padding: 4px 8px;
        text-align: center;
        transition: all 0.15s;
      }
      .opill:hover {
        border-color: var(--blue);
      }
      .opill small {
        display: block;
        font-size: 10px;
        color: var(--txt3);
      }
      .opill b {
        font-size: 12px;
        font-weight: 700;
        color: var(--txt);
      }
      .opill.up {
        border-color: rgba(255, 77, 94, 0.5);
      }
      .opill.up b {
        color: var(--red);
      }
      .opill.down {
        border-color: rgba(22, 199, 132, 0.45);
      }
      .opill.down b {
        color: var(--green);
      }
      .hot {
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 9px 11px;
        margin-bottom: 8px;
      }
      .hot .a {
        display: flex;
        justify-content: space-between;
        color: var(--txt3);
        font-size: 10px;
        margin-bottom: 3px;
      }
      .hot .b {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
        color: var(--txt);
      }
      .hot .c {
        display: flex;
        justify-content: space-between;
        background: var(--card2);
        border-radius: 6px;
        padding: 4px 9px;
        font-size: 10px;
        color: var(--txt2);
      }
      .hot .c b {
        color: var(--txt);
        font-weight: 700;
      }
      /* 功能展示台（产品能力 tab 组件：左列功能项分组 + 右侧同位展示区） */
      .fx {
        display: grid;
        grid-template-columns: 280px 1fr;
        gap: 40px;
        margin-top: 40px;
        position: relative;
        z-index: 1;
        text-align: left;
        align-items: start;
      }
      .fxnav {
        display: flex;
        flex-direction: column;
        gap: 8px;
        max-height: calc(100cqw * 642 / 1200);
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
      }
      .fxnav::-webkit-scrollbar {
        display: none;
      }
      .fxnav > * {
        flex-shrink: 0;
      }
      .fxmore {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 280px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 0 2px;
        background: transparent;
        border: none;
        cursor: pointer;
        color: var(--txt3);
        font-size: 10px;
        letter-spacing: 0.14em;
        text-indent: 0.14em;
        z-index: 2;
        transition: opacity 0.3s, color 0.2s;
      }
      .fxmore svg {
        width: 15px;
        height: 15px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        animation: sdn 1.6s ease-in-out infinite;
      }
      .fxmore:hover {
        color: var(--blue-l);
      }
      .fxmore.off {
        opacity: 0;
        pointer-events: none;
      }
      @media (max-width: 1020px) {
        .fxmore {
          display: none;
        }
      }
      .fxgroup {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.45);
        letter-spacing: 0.14em;
        padding: 10px 14px 2px;
        white-space: nowrap;
      }
      .fxgroup:first-of-type {
        padding-top: 42px;
      }
      .fxgroup::after {
        content: '';
        flex: 1;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
      }
      .fxitem {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid transparent;
        background: transparent;
        border-radius: 10px;
        padding: 8px 12px 8px 0px;
        cursor: pointer;
        text-align: left;
        overflow: hidden;
        transition: padding-left 0.5s ease, border-color 0.5s ease,
          background-color 0.5s ease;
      }
      .fxitem:last-of-type {
        margin-bottom: 42px;
      }
      .fxitem:hover {
        background: rgba(10, 132, 255, 0.1);
        padding: 8px 12px;
        transition: padding-left 0.5s ease, border-color 0.5s ease,
          background-color 0.5s ease;
      }
      .fxitem.on {
        background: rgba(10, 132, 255, 0.1);
        border: 1px solid rgba(10, 132, 255, 1);
        padding: 8px 12px;
        border-radius: 8px;
      }
      .fxitem .fi {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: rgba(43, 127, 255, 0.1);
        border: 1px solid rgba(43, 127, 255, 0.22);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: background 0.25s;
      }
      .fxitem.on .fi {
        background: rgba(43, 127, 255, 0.2);
      }
      .fxitem .fi svg {
        width: 16px;
        height: 16px;
        stroke: var(--blue-l);
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .fxitem .ft {
        min-width: 0;
      }
      .fxitem .ft b {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 24px;
        font-size: 16px;
        font-weight: 450;
        line-height: 150%;
        color: var(--txt2);
        transition: color 0.25s;
        white-space: nowrap;
      }
      .fxitem.on .ft b {
        color: var(--txt);
      }
      .fxitem .ft small {
        font-size: 12px;
        font-weight: 330;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.75);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 4px;
      }
      .fxitem .soon {
        font-size: 10px;
        font-weight: 600;
        color: var(--blue-l);
        border: 1px solid rgba(43, 127, 255, 0.4);
        border-radius: 4px;
        padding: 0 5px;
        letter-spacing: 0.04em;
        flex-shrink: 0;
      }
      .fprog {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: transparent;
      }
      .fprog i {
        display: block;
        height: 100%;
        width: 0;
        background: var(--grad);
        border-radius: 99px;
      }
      .fx.hold .fprog i {
        animation-play-state: paused;
      }
      @keyframes fxprog {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }
      .fxstage {
        display: grid;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: var(--r-card);
        min-height: calc(100cqw * 642 / 1200);
      }
      .fxpane {
        grid-area: 1/1;
        display: none;
        flex-direction: column;
        min-width: 0;
        min-height: 0;
        height: 100%;
      }
      .fxpane.on {
        display: flex;
      }
      .fxpane .fxhead {
        background: rgba(10, 132, 255, 0.1);
        padding: 20px 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-shrink: 0;
      }
      .fxpane .fxhead h3 {
        font-size: 24px;
        font-weight: 450;
        line-height: 140%;
        margin-bottom: 4px;
        line-height: 1.35;
        height: auto;
        white-space: normal;
      }
      .fxpane .fxhead p {
        font-size: 14px;
        font-weight: 330;
        line-height: 140%;
        color: rgba(255, 255, 255, 0.75);
        line-height: 1.45;
        height: auto;
        white-space: normal;
      }
      .fxpane.on .fxhead h3 {
        animation: fxin 0.3s cubic-bezier(0.22, 0.8, 0.32, 1) both;
      }
      .fxpane.on .fxhead p {
        animation: fxin 0.3s cubic-bezier(0.22, 0.8, 0.32, 1) 0.05s both;
      }
      .fxpane.on .dpanel {
        animation: fxin 0.34s cubic-bezier(0.22, 0.8, 0.32, 1) 0.1s both;
      }
      @keyframes fxin {
        from {
          opacity: 0;
          transform: translateY(12px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      @media (min-width: 1021px) {
        .fx {
          grid-template-columns: 280px minmax(0, 1fr);
          gap: 40px;
          height: calc(100cqw * 642 / 1200);
          align-items: stretch;
        }
        .fxnav {
          max-height: none;
          height: 100%;
          overflow-x: hidden;
          overflow-y: auto;
        }
        .fxstage {
          position: relative;
          min-height: 0;
          height: 100%;
          overflow: hidden;
        }
        .fxpane {
          display: flex;
          height: 100%;
          overflow: hidden;
          position: relative;
          left: auto;
          right: auto;
          top: auto;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          z-index: 0;
          transition: opacity 0.35s ease, visibility 0.35s ease;
        }
        .fxpane.on {
          opacity: 1;
          visibility: visible;
          pointer-events: auto;
          z-index: 1;
        }
        .fxpane.on .fxhead h3,
        .fxpane.on .fxhead p,
        .fxpane.on .dpanel {
          animation: none;
        }
      }
      .duo-pts.duo-pts-data {
        display: none;
      }
      .fxpane .dpanel {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
      }
      .fxpane .ftags {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 52px;
        gap: 12px;
        flex-wrap: wrap;
      }
      .fxpane .frow {
        padding: 12px 0;
        font-size: 12px;
      }
      .fxpane .ftags span {
        font-size: 12px;
        font-weight: 330;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.75);
        border: 1px solid var(--line);
        border-radius: 4px;
        padding: 6px 8px;
        height: 28px;
        display: flex;
        align-items: center;
      }
      .dpanel {
        border-radius: 12px;
        margin: 40px 40px 0 40px;
      }
      .dpanel-img {
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.05);
      }
      .dpanel.special-feature-wrapper {
        margin: 12px 40px;
        width: auto;
      }
      .btn-s.open-account{
        border-radius: 8px;
      }
      .mtabs {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }
      .mtab {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid var(--line);
        border-radius: 6px;
        font-size: 12px;
        padding: 4px 12px;
        color: var(--txt2);
      }
      .mtab.on {
        background: rgba(43, 127, 255, 0.16);
        color: var(--blue-l);
        border-color: rgba(43, 127, 255, 0.4);
        font-weight: 600;
      }
      .mkts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 12px;
      }
      .mkt {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 10px 12px;
      }
      .mkt .t {
        font-size: 12px;
        font-weight: 700;
        color: var(--txt);
        margin-bottom: 6px;
      }
      .mline {
        display: flex;
        justify-content: space-between;
        padding: 4px 0;
        border-top: 1px solid var(--line);
        font-size: 12px;
        color: var(--txt2);
      }
      .mline b {
        font-weight: 700;
        color: var(--txt);
        transition: color 0.3s;
      }
      .mline.up b {
        color: var(--red);
      }
      .mline.down b {
        color: var(--green);
      }
      .mline .rk {
        color: var(--blue-l);
        font-weight: 700;
      }
      .mkt-more {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed var(--line-hi);
        font-size: 10px;
        color: var(--txt3);
        text-align: center;
      }
      .mkt-more b {
        color: var(--blue-l);
        font-weight: 600;
      }
      /* 辅卖点 6 卡（二级细化层） */
      .fgrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 24px;
      }
      .fcell-s {
        padding: 16px 18px;
      }
      .fcell-s h4 {
        font-size: 14px;
        margin-bottom: 3px;
      }
      .fcell-s p {
        font-size: 12px;
      }
      .fcell {
        padding: 22px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .card.fcell {
        padding: 38.5px 20px;
        border-radius: 8px;
      }
      .king-img {
        width: 100%;
        height: 100%;
        flex: 1;
        object-fit: cover;
        object-position: center top;
      }
      .hov-fcell-content-wrapper div.ic {
        border: none;
        background: transparent;
      }
      .fcell .ic {
        width: 36px;
        height: 36px;
        border-radius: 9px;
        background: rgba(43, 127, 255, 0.12);
        border: 1px solid rgba(43, 127, 255, 0.28);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
      }
      .fcell .ic svg {
        width: 18px;
        height: 18px;
        stroke: var(--blue-l);
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .fcell h4 {
        font-size: 16px;
        font-weight: 450;
        line-height: 150%;
        margin-bottom: 5px;
      }
      .fcell p {
        font-size: 12px;
        font-weight: 330;
        line-height: 150%;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        word-break: keep-all;
      }
      .ticker {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 22px 0;
        overflow: hidden;
      }
      /* .tk-glow {
        position: absolute;
        inset: 0;
        pointer-events: none;
        overflow: hidden;
      }
      .tk-glow i {
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
      }
      .tk-glow .g1 {
        width: 460px;
        height: 240px;
        left: -6%;
        top: -45%;
        background: radial-gradient(
          closest-side,
          rgba(43, 127, 255, 0.24),
          transparent 70%
        );
        animation: tg 12s ease-in-out infinite alternate;
      }
      .tk-glow .g2 {
        width: 560px;
        height: 280px;
        left: 36%;
        top: -25%;
        background: radial-gradient(
          closest-side,
          rgba(91, 157, 255, 0.17),
          transparent 70%
        );
        animation: tg 15s ease-in-out infinite alternate-reverse;
      }
      .tk-glow .g3 {
        width: 460px;
        height: 250px;
        right: -8%;
        top: -35%;
        background: radial-gradient(
          closest-side,
          rgba(43, 127, 255, 0.21),
          transparent 70%
        );
        animation: tg 10s ease-in-out infinite alternate;
      }
      @keyframes tg {
        from {
          transform: translate(0, 0) scale(1);
        }
        to {
          transform: translate(60px, 14px) scale(1.18);
        }
      } */
      .tk-in {
        display: flex;
        width: max-content;
        animation: mq 52s linear infinite;
        font-size: 14px;
        font-weight: 330;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.45);
        position: relative;
        z-index: 1;
      }
      .tk-in + .tk-in {
        margin-top: 14px;
        animation: mq2 44s linear infinite;
        font-size: 12px;
      }
      .ticker:hover .tk-in {
        animation-play-state: paused;
      }
      .tk-in span {
        white-space: nowrap;
        padding: 0 18px;
        position: relative;
        display: flex;
        align-items: center;
        gap: 4px;
        height: 24px;
        line-height: 100%;
      }
      .tk-in span::after {
        content: '·';
        position: absolute;
        right: -4px;
        color: rgba(43, 127, 255, 0.35);
      }
      .tk-in b {
        font-weight: 450;
        font-size: 16px;
        line-height: 100%;
        background: linear-gradient(
          270deg,
          rgba(91, 157, 255, 0.4) 0%,
          #5b9dff 100%
        );
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
      }
      .content-data-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 8px;
        height: 44px;
        padding: 12px 8px;
        background: rgba(38, 38, 39, 1);
      }
      .container-data {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      /* 聊天框、大赛专题 tab 在父级 overflow/圆角下会被裁掉 1px 边框 */
      .fxpane .dpanel:has(.container-data),
      .fxpane .dpanel.special-feature-wrapper {
        overflow: visible;
      }
      @media (min-width: 1021px) {
        .dpanel,
        .fxpane .dpanel,
        .fxpane .dpanel:has(.container-data),
        .fxpane .dpanel.special-feature-wrapper {
          overflow-x: hidden;
          overflow-y: auto;
          scrollbar-width: none;
          -ms-overflow-style: none;
        }
        .dpanel::-webkit-scrollbar,
        .fxpane .dpanel::-webkit-scrollbar {
          display: none;
        }
      }
      .special-feature-wrapper .content-container {
        overflow: hidden;
      }

      /* 顶部 AI 对话框 */
      .container-data .chat-box {
        background: radial-gradient(
          ellipse at center,
          #1b2636 0%,
          #11151c 100%
        );
        border: 1px solid rgba(10, 132, 255, 1);
        border-radius: 12px;
        padding: 20px 20px 9px 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-sizing: border-box;
      }

      /* AI 消息样式 */
      .container-data .ai-msg {
        align-self: flex-start;
        background: rgba(10, 132, 255, 0.1);
        border-radius: 8px;
        padding: 8px;
        max-width: 82%;
      }

      .container-data .ai-title {
        color: rgba(10, 132, 255, 1);
        font-size: 12px;
        font-weight: 450;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .h5-show {
        display: none;
      }

      .container-data .ai-text {
        color: #fff;
        font-size: 12px;
        font-weight: 330;
      }

      /* 用户消息样式 */
      .container-data .user-msg {
        align-self: flex-end;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        padding: 8px;
        color: #fff;
        font-size: 12px;
        margin: 4px 0;
      }

      /* 底部卡片网格 */
      .container-data .cards-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }

      .container-data .info-card {
        background-color: #1f2126;
        border-radius: 14px;
        padding: 12px;
        border: 1px solid #2b2e36;
      }

      .container-data .card-header {
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-bottom: 12px;
        height: 29px;
        font-weight: 330;
        font-size: 14px;
        font-weight: 330;
        color: #fff;
        border-bottom: 1px solid transparent;
        border-image-source: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0) 100%
        );
        border-image-slice: 1;
      }

      .container-data .row-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }

      .container-data .row-item {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        height: 36px;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
      }

      .container-data .row-label {
        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;
      }

      .container-data .row-value {
        color: #ffffff;
        font-weight: 600;
      }
      .content-data-top .left {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 450;
        color: #fff;
      }
      .content-data-top .left .league-icon {
        margin-right: 4px;
      }
      .content-data-top .right {
        display: flex;
        align-items: center;
      }
      .content-data-top .left .league-name {
        width: auto;
        height: 20px;
        align-items: center;
        display: flex;
        justify-content: center;
      }
      .content-data-top .right .number-data {
        width: 32px;
        height: 20px;
        display: flex;
        border-radius: 4px;
        justify-content: center;
        font-size: 14px;
        font-weight: 520;
        background: rgba(49, 49, 50, 1);
      }
      .content-data-top .right .up {
        margin-left: 4px;
      }
      .content-wrapper {
        margin-top: 8px;
        padding: 8px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        background: #262627;
        gap: 12px;
      }
      .content-wrapper .wrapper-left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 152px;
      }
      .wrapper-left .left-top {
        display: flex;
        gap: 4px;
        align-items: center;
        font-size: 10px;
        color: rgba(184, 184, 192, 1);
      }
      .league-name-content {
        font-size: 12px;
        font-weight: 330;
        color: rgba(184, 184, 192, 1);
        margin-top: 6px;
      }
      .wrapper-left .right-top {
        display: flex;
        gap: 4px;
        align-items: center;
        font-size: 10px;
        color: rgba(184, 184, 192, 1);
      }
      .team-data {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .team-data-home {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 32px;
      }

      .wrapper-right-item {
        flex: 1;
      }
      .content-data-wrapper {
        padding: 37px 40px;
      }
      .wrapper-right-item .title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        font-size: 10px;
        font-weight: 330;
        text-align: center;
        color: #b8b8c0;
      }
      @media (max-width: 640px) {
        .wrapper-right-item {
          min-width: 0;
        }
        .wrapper-right-item .title {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 24px;
          max-height: 24px;
        }
        .wrapper-right-item .title span {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          min-width: 0;
          line-height: 12px;
          text-align: center;
          word-break: break-word;
          overflow-wrap: anywhere;
        }
      }
      .info-data > div:nth-child(1) {
        font-size: 10px;
        font-weight: 330;
        color: #b8b8c0;
      }
      .info-data > div:nth-child(2) {
        font-size: 14px;
        font-weight: 450;
        color: #f5f5f7;
      }
      .info-data-last > div:nth-child(1) {
        font-size: 10px;
        font-weight: 330;
        color: #b8b8c0;
      }
      .info-data-last > div:nth-child(2) {
        font-size: 14px;
        font-weight: 450;
        color: #f5f5f7;
      }
      .info-data-last {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        height: 38px;
        flex-direction: column;
        background: linear-gradient(90deg, #1d1d1e 0%, #1d1d1e 100%);
      }
      .wrapper-right-item > .info-data-last:nth-child(3) {
        margin-top: 2px;
        margin-bottom: 2px;
      }
      .content-wrapper-right-top {
        display: flex;
        align-items: center;
        gap: 2px;
        width: 100%;
        flex: 1;
      }
      .content-wrapper-right-bottom {
        display: flex;
        align-items: center;
        margin-top: 4px;
        gap: 8px;
      }
      .content-wrapper-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #262627;
        padding-bottom: 6px;
        padding-right: 8px;
        padding-left: 8px;
      }
      .content-wrapper-bottom .player-list {
        display: flex;
        align-items: center;
        gap: 4px;
        overflow: auto;
        min-width: 0;
        flex: 1;
      }
      .content-wrapper-bottom .player-list::-webkit-scrollbar {
        display: none;
      }
      .player-list-number {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
      }
      .player-list-number-content {
        font-size: 10px;
        border-radius: 4px;
        font-weight: 330;
        padding: 2px 4px;
        border: 0.5px solid rgba(49, 49, 50, 1);
        color: #b8b8c0;
      }
      .player-list-number .to-right {
        border-radius: 4px;
        font-size: 10px;
        font-weight: 450;
        color: rgba(10, 132, 255, 1);
        background: rgba(10, 132, 255, 0.1);
      }
      .content-wrapper-bottom .player-list .item-data {
        height: 16px;
        font-size: 10px;
        font-weight: 330;
        padding: 2px 4px;
        display: flex;
        border: 0.5px solid rgba(49, 49, 50, 1);
        align-items: center;
        border-radius: 4px;
        white-space: nowrap;
      }
      .content-wrapper-right-bottom .left {
        background: rgba(255, 255, 255, 0.1);
        width: 12px;
        height: 2px;
        opacity: 1;
        border-radius: 99px;
      }
      .content-wrapper-right-bottom .right {
        background: rgba(255, 255, 255, 1);
        width: 20px;
        height: 2px;
        opacity: 1;
        border-radius: 99px;
      }
      .content-wrapper-right {
        display: flex;
        flex: 1;
        align-items: center;
        flex-direction: column;
      }
      .wrapper-right-item .info-data {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 58px;
        justify-content: center;
        border-radius: 6px;
        background: linear-gradient(90deg, #1d1d1e 0%, #1d1d1e 100%);
      }
      .wrapper-right-item .info-data:last-child {
        margin-top: 2px;
      }
      .tour-marks .tmark i {
        display: none;
      }

      .tour-marks .tmark.on i {
        display: flex;
      }
      /* Tab 导航容器 */
      .tabs-container {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        padding: 1px;
        flex-shrink: 0;
      }

      /* 每一个 Tab 项 */
      .tabs-container .tab-item {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.75);
        cursor: pointer;
        user-select: none;
        transition: all 0.2s ease;
        padding: 6px 8px;
        border-radius: 4px;
        height: 28px;
        display: flex;
        align-items: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
      }

      /* 鼠标悬停 */
      .tabs-container .tab-item:hover {
        border-color: #3d424c;
        color: #e8eaed;
      }

      /* 选中激活态样式 */
      .tabs-container .tab-item.active {
        color: rgba(10, 132, 255, 1);
        background-color: #1a2332;
      }

      /* 展示区域 */
      .content-container {
        flex: 1;
        min-height: 0;
        display: flex;
      }

      .content-panel {
        display: none;
        width: 100%;
        height: 100%;
        min-height: 0;
      }

      .content-panel.active {
        display: flex;
        align-items: stretch;
        justify-content: stretch;
      }

      .content-panel img {
        width: 100%;
        height: 100%;
        padding: 12px;
        /* object-fit: cover; */
        object-position: center top;
      }
      .p12 {
        padding: 12px;
      }
      .team-data-home-left {
        display: flex;
        align-items: center;
        gap: 4px;
        min-width: 0;
        flex: 1;
      }
      .team-data-away-left {
        display: flex;
        align-items: center;
        gap: 4px;
      }
      .team-data-away {
        display: flex;
        height: 32px;
        align-items: center;
        justify-content: space-between;
      }
      .number-data-wrapper {
        font-size: 16px;
        font-weight: 520;
        color: #0a84ff;
        flex-shrink: 0;
      }
      .team-name-data {
        font-size: 14px;
        font-weight: 380;
        color: #fff;
      }
      #manchester_city {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .content-wrapper .content-wrapper-left {
        width: 152px;
      }
      .content-wrapper .team-info-data {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: 8px;
      }
      .team-info-data .team-info-data-item {
        display: flex;
        align-items: center;
      }
      .team-info-data-item .score {
        font-size: 12px;
        font-weight: 380;
        color: #fff;
      }
      @keyframes mq {
        from {
          transform: translateX(0);
        }
        to {
          transform: translateX(-50%);
        }
      }
      @keyframes mq2 {
        from {
          transform: translateX(-50%);
        }
        to {
          transform: translateX(0);
        }
      }
      .amini {
        background: #0d0e12;
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 12px;
        font-size: 12px;
      }
      .amini.chat {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 178px;
        overflow: hidden;
      }
      /* 网格容器 */
      .dashboard {
        display: grid;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        padding: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }

      /* 通用卡片样式 */
      .dashboard .card-content {
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        padding: 20px;
        border: 1px solid #32353b;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      }

      .dashboard .card-title {
        height: 29px;
        margin-bottom: 12px;
        display: flex;
        justify-content: center;
        font-size: 14px;
        font-weight: 330;
        color: #fff;
        border-bottom: 1px solid transparent;
        border-image-source: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.4) 50% 50%,
          rgba(255, 255, 255, 0) 100%
        );
        border-image-slice: 1;
      }

      /* ---------------- 1. 主题外观 ---------------- */
      .dashboard .theme-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }

      .dashboard .theme-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        height: 36px;
        min-width: 0;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 6px;
        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.2s;
      }
      .dashboard .theme-btn .radio-circle {
        flex-shrink: 0;
      }
      .dashboard .theme-btn span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .btn-s.btn-s-data {
        font-weight: 450;
        font-style: Demibold;
        font-size: 16px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #fff;
        height: 52px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px;
        gap: 10px;
        opacity: 1;
        border-radius: 12px;
        background: linear-gradient(104.03deg, #2b7fff 0%, #5b9dff 100%);
      }
      .btn-line.btn-line-data {
        font-weight: 450;
        font-style: Demibold;
        font-size: 16px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #fff;
        height: 52px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px;
        gap: 10px;
        opacity: 1;
        border-radius: 12px;
      }
      /* 渐变边框 */
      .btn-line.btn-line-data::before {
        content: '';
        position: absolute;
        inset: 0;

        /* 边框厚度 */
        padding: 1px;

        border-radius: inherit;

        /*
         * 只显示 padding 区域，也就是 1px 边框
         * 中间区域透明，不会覆盖 card 内容
         */
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);

        -webkit-mask-composite: xor;

        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

        mask-composite: exclude;

        pointer-events: none;
      }

      /* 极光蓝 - 暗 (选中态) */
      .dashboard .theme-btn.active-blue-dark {
        background-color: #0084ff;
        color: #ffffff;
      }

      /* 单选圈内部样式 */
      .dashboard .radio-circle {
        width: 16px;
        height: 16px;
      }

      .dashboard .radio-circle.gold {
        border-color: #d4a359;
      }

      .dashboard .radio-circle.blue-light {
        border-color: #0084ff;
      }

      .dashboard .radio-circle.gold-filled {
        border: 4px solid #d4a359;
      }

      /* ---------------- 2. 我的关注 ---------------- */
      .dashboard .favorite-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }

      .dashboard .fav-item {
        position: relative;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 6px;
        height: 89px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
      }

      .dashboard .fav-item .star-icon {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
      }

      .dashboard .fav-icon {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
      }

      .dashboard .fav-icon.ucl {
        background-color: #1e3a5f;
        color: #3a86ff;
      }

      .dashboard .fav-icon.nba {
        background-color: #3d2b3d;
        color: #e63946;
      }

      .dashboard .fav-icon.epl {
        background-color: #3c1e48;
        color: #00f5d4;
      }

      .dashboard .fav-name {
        font-size: 14px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.75);
      }

      /* ---------------- 3. 盘口置顶 ---------------- */
      .dashboard .select-group {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .dashboard .select-box {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        height: 36px;
        padding: 6px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
        overflow: hidden;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
      }

      .dashboard .select-left {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        flex: 1;
        overflow: hidden;
      }

      .dashboard .select-box > img,
      .dashboard .select-left > img {
        flex-shrink: 0;
      }

      .dashboard .select-left span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .dashboard .pin-icon {
        color: #0084ff;
        font-size: 14px;
        transform: rotate(45deg);
      }

      /* ---------------- 4. 玩法搜索 ---------------- */
      .dashboard .search-wrapper {
        display: flex;
        gap: 10px;
        margin-bottom: 16px;
      }

      .dashboard .input-box {
        flex: 1;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        height: 44px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .dashboard .input-box i.search-icon {
        color: #8a8f9d;
        font-size: 16px;
      }

      .dashboard .input-box input {
        background: transparent;
        border: none;
        outline: none;
        color: #ffffff;
        font-size: 14px;
        width: 100%;
      }

      .dashboard .input-box i.close-icon {
        color: #8a8f9d;
        cursor: pointer;
        font-size: 14px;
      }

      .dashboard .search-btn {
        background-color: #0084ff;
        color: #ffffff;
        border: none;
        border-radius: 8px;
        width: 72px;
        height: 44px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
      }

      .dashboard .tags-container {
        display: flex;
        gap: 8px;
        overflow-x: hidden;
        white-space: nowrap;
      }

      .dashboard .tag {
        background-color: #2f3238;
        border: 1px solid #3d414a;
        border-radius: 4px;
        padding: 6px 10px;
        font-size: 12px;
        color: #9aa0ac;
      }
      .setting-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }
      .dpanel.setting-grid-wrapper-content {
        margin: 20px 40px;
      }
      .setting-grid-wrapper {
        display: flex;
        padding: 40px;
        border-radius: 12px;
        justify-content: center;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.05);
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* 每一个设置模块 */
      .setting-card {
        padding: 20px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 7px;
      }

      /* 标题 */
      .setting-title {
        height: 29px;
        margin-bottom: 12px;

        display: flex;
        justify-content: center;

        font-size: 14px;
        font-weight: 330;
        color: #fff;
        border-bottom: 1px solid transparent; /* 注意:颜色要写 transparent，不能省略 */
        border-image-source: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0) 100%
        );
        border-image-slice: 1; /* 关键：缺了这行很多浏览器不显示 */
      }

      /* 单个按钮 */
      .setting-grid .option {
        width: 100%;
        height: 44px;

        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.1);

        border-radius: 6px;

        border: 1px solid rgba(255, 255, 255, 0.1);

        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;

        cursor: pointer;
        user-select: none;

        transition: background 0.2s ease, border-color 0.2s ease,
          transform 0.15s ease;
      }
      .setting-grid .setting-card .option:last-child {
        margin-top: 12px;
      }
      .setting-grid .setting-card .amount-grid .option:last-child {
        margin-top: 0;
      }
      .setting-grid .option:hover {
        background: #505052;
      }

      .setting-grid .option:active {
        transform: scale(0.98);
      }
      .tour-marks .tmark[data-f='f1'] em {
        top: 122px;
        left: -4px;
      }
      .tour-marks .tmark[data-f='f2'] em {
        top: 78px;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f2'] em {
        width: max-content;
        max-width: none;
        height: 68px;
        box-sizing: border-box;
        white-space: nowrap;
      }
      .tour-marks .tmark[data-f='f3'] em {
        left: 0;
        top: -80px;
      }
      .tour-marks .tmark[data-f='f7'] em {
        left: -434px;
        top: 0px;
      }
      .tour-marks .tmark[data-f='f5'] em {
        top: 0px;
      }
      .tour-marks .tmark[data-f='f6'] em {
        left: -370px;
        top: 0;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f5'] em,
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f6'] em,
      .pcv .tmark[data-t='t1'] em,
      .pcv .tmark[data-t='t3'] em {
        left: auto;
        right: calc(100% + 12px);
        top: 0;
        bottom: auto;
        width: max-content;
        max-width: none;
        height: 68px;
        box-sizing: border-box;
        white-space: nowrap;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f7'] em {
        left: auto;
        right: calc(100% + 12px);
        top: 0;
        bottom: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: max-content;
        /* 高亮框约 20.5% 宽、贴在右侧；tip 向左展开，限制在底图内 */
        max-width: calc(360% - 16px);
        min-height: 68px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: normal;
        gap: 4px;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f7'] em b {
        display: block;
        flex-shrink: 0;
        white-space: nowrap;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f7'] em span {
        display: block;
        max-width: 100%;
        /* overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; */
      }
      .tour-marks .tmark[data-f='f4'] em {
        left: 0;
        top: -81px;
        max-width: fit-content;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f4'] em {
        left: 0;
        right: auto;
        top: auto;
        bottom: calc(100% + 12px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        height: 68px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: normal;
        gap: 4px;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f4'] em b {
        display: block;
        flex-shrink: 0;
        white-space: nowrap;
      }
      .tour-marks.chanpinshikuang-pc .tmark[data-f='f4'] em span {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .fnote.arr-lb.show {
        left: 14.5% !important;
        height: 68px;
        gap: 4px;
        opacity: 1;
        width: auto;
        border-radius: 8px;
        border-width: 1px;
        padding: 12px;
        border: 1px solid rgba(10, 132, 255, 1);
        background: linear-gradient(
            0deg,
            rgba(10, 132, 255, 0.1),
            rgba(10, 132, 255, 0.1)
          ),
          rgba(10, 10, 12, 1);
      }
      .dataNote-title-content {
        font-weight: 450;
        font-style: Demibold;
        font-size: 16px;
        letter-spacing: 0%;
        text-transform: capitalize;
        color: rgba(10, 132, 255, 1);
      }
      .dn1k-title-data {
        font-weight: 450;
        font-style: Demibold;
        font-size: 14px;
        leading-trim: NONE;
        letter-spacing: 0%;
        text-transform: capitalize;
        font-variant-numeric-figure: lining-nums;
        font-variant-numeric-spacing: tabular-nums;
        color: rgba(255, 255, 255, 1);
      }
      span[data-t='t6'].tmark em {
        top: -82px;
        left: -3px;
      }
      span[data-t='t1'].tmark em {
        left: -410px;
      }
      span[data-t='t2'].tmark em {
        top: -94px;
        left: -7px;
        angle: 0 deg;
        opacity: 1;
        gap: 4px;
        border-radius: 8px;
        border-width: 1px;
        padding: 12px;
        border: 1px solid rgba(10, 132, 255, 1);
        background: linear-gradient(
            0deg,
            rgba(10, 132, 255, 0.1),
            rgba(10, 132, 255, 0.1)
          ),
          rgba(10, 10, 12, 1);
      }
      span.tmark em {
        left: -384px;
        font-weight: 330;
        top: 2px;
        font-style: Regular;
        font-size: 12px;
        /* height: 68px; */
        opacity: 1;
        gap: 4px;
        border-radius: 8px;
        border: 1px solid rgba(10, 132, 255, 1);
        padding: 12px;
        max-width: fit-content;
        leading-trim: NONE;
        letter-spacing: 0%;
        background: linear-gradient(
            0deg,
            rgba(10, 132, 255, 0.1),
            rgba(10, 132, 255, 0.1)
          ),
          rgba(10, 10, 12, 1);
        text-transform: capitalize;
        font-variant-numeric-figure: lining-nums;
        font-variant-numeric-spacing: tabular-nums;
        box-shadow: 0px 0px 20px -8px rgba(10, 132, 255, 0.2);
      }
      div.fnote span.dn1v-title-data {
        font-weight: 330;
        font-style: Regular;
        font-size: 12px;
        leading-trim: NONE;
        letter-spacing: 0%;
        text-transform: capitalize;
        font-variant-numeric-figure: lining-nums;
        font-variant-numeric-spacing: tabular-nums;
        color: rgba(255, 255, 255, 0.45);
      }

      /* 选中状态 */
      .setting-grid .option.active {
        border-color: rgba(255, 255, 255, 0.1);
        background: linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.1)
          ),
          linear-gradient(90deg, #0a84ff 5.43%, #0a84ff 100%);

        color: #fff;
      }

      /* 上下两个按钮 */
      .setting-grid .option + .option {
      }

      /* 快捷金额 */
      .setting-grid .amount-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;

        margin-top: 8px;
      }

      .setting-grid .amount-grid .option {
        height: 36px;
      }

      /* 生效方式 */
      .setting-grid .effect-option {
        height: 78px;
        margin-top: 8px;
      }

      /* 右侧排序 */
      .setting-grid .sort-options {
        margin-top: 8px;
      }

      /* 左下 */
      .setting-grid .amount-card {
      }

      /* 右下 */
      .setting-grid .effect-card {
      }
      .bub {
        display: block;
        width: fit-content;
        max-width: 94%;
        border-radius: 9px;
        padding: 8px 11px;
        margin-bottom: 7px;
        line-height: 150%;
        font-size: 12px;
      }
      .bub.ab {
        background: rgba(43, 127, 255, 0.14);
        border: 1px solid rgba(43, 127, 255, 0.3);
        color: #d9e8ff;
      }
      .bub.us {
        background: rgba(255, 255, 255, 0.06);
        color: var(--txt2);
        margin-left: auto;
      }
      .bub .who {
        display: block;
        font-size: 10px;
        color: var(--blue-l);
        margin-bottom: 2px;
        font-weight: 700;
      }
      .dots {
        display: inline-flex;
        gap: 3px;
        padding: 4px 2px;
      }
      .dots i {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--blue-l);
        animation: db 1s ease infinite;
      }
      .dots i:nth-child(2) {
        animation-delay: 0.16s;
      }
      .dots i:nth-child(3) {
        animation-delay: 0.32s;
      }
      @keyframes db {
        0%,
        100% {
          opacity: 0.25;
          transform: translateY(0);
        }
        50% {
          opacity: 1;
          transform: translateY(-2px);
        }
      }
      .partners {
        display: flex;
        align-items: center;
        gap: 22px;
        padding: 14px 0;
        flex-wrap: wrap;
      }
      .partners .pt {
        font-size: 12px;
        color: var(--txt3);
      }
      .title-content {
        font-weight: 450;
        font-size: 24px;
        line-height: 140%;
      }
      .dsub {
        font-weight: 330;
        line-height: 140%;
        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;
        margin-top: 8px;
        text-align: center;
      }
      .top-content {
        height: 102px;
        background: rgba(10, 132, 255, 0.1);
        padding: 20px 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        justify-content: center;
      }
      /* 申请表卡内接入时间线（4 步唯一宿主） */
      .tline {
        position: relative;
        padding-left: 32px;
        text-align: left;
        margin-top: 20px;
      }
      .tline::before {
        content: '';
        position: absolute;
        left: 9px;
        top: 8px;
        bottom: 8px;
        width: 2px;
        background: linear-gradient(
          180deg,
          var(--blue),
          rgba(43, 127, 255, 0.08)
        );
      }
      .tstep {
        position: relative;
        padding: 0 0 20px 18px;
      }
      .tstep:last-child {
        padding-bottom: 0;
      }
      .tstep::before {
        content: '';
        position: absolute;
        left: -29px;
        top: 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--bg);
        border: 2.5px solid var(--blue);
      }
      .tstep .tno {
        font-size: 10px;
        font-weight: 700;
        color: var(--blue-l);
        letter-spacing: 0.08em;
      }
      .tstep h4 {
        font-size: 14px;
        font-weight: 700;
        margin: 2px 0 3px;
      }
      .tstep p {
        font-size: 12px;
        color: var(--txt2);
      }
      .applycard {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: center;
        padding: 36px;
        margin-top: 44px;
      }
      .applycard h3 {
        font-size: 24px;
        font-weight: 450;
        margin-bottom: 10px;
      }
      .applycard .al > p {
        font-size: 14px;
        color: var(--txt2);
      }
      .frow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 20px 0;
        border-top: 1px solid;
        border-image-source: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.2) 100%
        );
        border-image-slice: 1;
        font-size: 12px;
      }
      .frow:first-child {
        border-top: none;
      }
      .frow.last-frow {
        border-bottom: 1px solid;
        border-image-source: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.2) 100%
        );
        border-image-slice: 1;
      }
      .frow .fl {
        color: var(--txt3);
        white-space: nowrap;
        font-size: 14px;
        font-weight: 330;
      }
      .fchips {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: flex-end;
      }
      .fchip {
        border: 1px solid #ffffff1a;
        border-radius: 4px;
        padding: 4px 12px;
        font-size: 14px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 330;
        background: #ffffff1a;
        color: #ffffffbf;
      }
      .fchip.on {
        background: #0a84ff1a;
        border: 1px solid #0a84ff;
        color: var(--blue-l);
        font-weight: 450;
      }
      .content-b {
        display: flex;
        align-items: center;
      }
      .fval {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 3px 11px;
        font-size: 12px;
        color: var(--txt);
      }
      .lockwrap {
        position: relative;
        overflow: hidden;
        padding-bottom: 8px;
      }
      .ffade {
        filter: blur(5px);
        opacity: 0.6;
        user-select: none;
        pointer-events: none;
        mask-image: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0.8),
          rgba(0, 0, 0, 0.15) 90%
        );
        -webkit-mask-image: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0.8),
          rgba(0, 0, 0, 0.15) 90%
        );
      }
      .flock {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 4px;
        top: 44%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding: 18px;
        gap: 20px;
        border-radius: 0 0 var(--r-card) var(--r-card);
      }
      .flock .lk {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.75);
      }
      .flock .lk svg {
        width: 14px;
        height: 14px;
        stroke: var(--blue-l);
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
      }
      .spec {
        margin-top: 14px;
        padding: 8px 30px;
        max-height: 158px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.7s cubic-bezier(0.4, 0.6, 0.2, 1);
        cursor: default;
      }
      .spec:hover,
      .spec.expanded {
        max-height: none;
      }
      .spec:hover::after,
      .spec.expanded::after {
        opacity: 0;
      }
      .spec table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
      }
      .spec th {
        text-align: left;
        padding: 13px 0;
        color: rgba(255, 255, 255, 0.45);
        width: 160px;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        vertical-align: top;
        font-weight: 330;
        font-style: Regular;
        font-size: 14px;
        letter-spacing: 0%;
        vertical-align: middle;
      }
      .special-odds {
        width: 404px;
        height: 544px;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        pointer-events: none;
      }
      .spec td {
        padding: 13px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        font-weight: 380;
        font-style: Medium;
        font-size: 16px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: rgba(255, 255, 255, 1);
      }
      .spec tr:first-child th,
      .spec tr:first-child td {
        border-top: none;
      }
      .table-data tr td {
        display: flex;
        align-items: center;
        gap: 8px 12px;
        flex-wrap: wrap;
      }
      .spec td .sep {
        display: block;
        color: var(--line-hi);
        width: 1px;
        height: 24px;
        opacity: 1;
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0) 100%
        );
      }
      /* 常见问题（含收尾按钮） */
      .faq {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin-top: 44px;
        text-align: left;
      }
      .fqa {
        padding: 22px;
      }
      .fqa h4 {
        font-weight: 450;
        font-style: Demibold;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
        color: #fff;
      }
      .fqa p {
        margin-top: 12px;
        font-weight: 330;
        font-style: Regular;
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0%;
        color: rgba(255, 255, 255, 0.45);
      }
      .faq-cta {
        display: flex;
        gap: 20px;
        justify-content: center;
        margin-top: 80px;
        flex-wrap: wrap;
        height: 132px;
      }
      footer {
        background: rgba(10, 10, 12, 1);
        padding: 44px 0 20px;
        font-size: 12px;
        color: var(--txt3);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
      }
      footer .wrap {
        position: relative;
      }
      .fall {
        padding: 0;
      }
      .fgrid2 {
        display: grid;
        grid-template-columns: 1.3fr 1fr 1fr 1fr;
        gap: 40px;
        padding-bottom: 22px;
        border-bottom: 1px solid var(--line);
        position: relative;
      }
      .fgrid2::before {
        content: '';
        position: absolute;
        left: -22%;
        bottom: 46px;
        width: 344px;
        height: 344px;
        border-radius: 50%;

        background: rgba(10, 132, 255, 0.4);

        filter: blur(150px);
      }
      .fcol b {
        display: block;
        color: var(--txt);
        margin-bottom: 12px;
        font-weight: 450;
        font-style: Demibold;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
      }
      .fcol a,
      .fcol span {
        display: block;
        padding: 3px 0;
        font-weight: 330;
        font-style: Regular;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0%;
        color: rgba(255, 255, 255, 0.75);
        margin-bottom: 12px;
      }
      .fcol a:hover {
        color: var(--blue-l);
      }
      .brandcol img {
        height: 26px;
        width: auto;
        display: block;
      }
      .brandcol p {
        margin-top: 12px;
        font-weight: 330;
        font-style: Regular;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0%;
        color: rgba(255, 255, 255, 0.45);
      }
      .foot {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 14px;
        font-weight: 330;
        font-style: Regular;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0%;
        color: rgba(255, 255, 255, 0.45);
      }
      .foot b {
        font-weight: 330;
        font-style: Regular;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0%;
        color: rgba(255, 255, 255, 1);
      }
      .rev-data {
        width: 120px;
        height: 64px;
        opacity: 1;
        background: linear-gradient(
          270deg,
          rgba(10, 10, 12, 0) 0%,
          #0a0a0c 100%
        );
      }
      .ticker-rev-left {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 1;
      }
      .ticker-rev-right {
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 1;
        transform: translate(0, -50%) rotate(180deg);
      }
      .ticker-rev-right.rev-data {
        background: linear-gradient(
          270deg,
          rgba(10, 10, 12, 0) 0%,
          #0a0a0c 100%
        );
      }
      @media (max-width: 1020px) {
        .fgrid2 {
          grid-template-columns: 1fr;
          padding-bottom: 0;
        }
        .foot {
          padding-top: 20px;
        }
      }
      .toggle-icon {
        display: none;
      }
      .fgrid-rev-content h4 {
        text-align: center;
      }
      .dashboard .search-wrapper.h5-show {
        display: none;
      }
      @media (max-width: 640px) {
        .fgrid2 {
          grid-template-columns: 1fr;
          gap: 24px;
          border-bottom: none;
        }
        .table-data tbody tr:not(:first-child) th {
          padding-top: 12px;
        }
        .table-data tbody tr:not(:first-child) td {
          padding-top: 12px;
        }
        .spec table.table-data {
          border-collapse: separate;
          border-spacing: 0;
        }
        .spec .table-data th,
        .spec .table-data td {
          border-top: none;
          vertical-align: top;
        }
        .spec .table-data tbody tr:not(:first-child) th,
        .spec .table-data tbody tr:not(:first-child) td {
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        }
        /* 搜索框容器 */
        div.dashboard .search-wrapper.h5-show {
          display: flex;
          align-items: center;
          height: 36px;
          padding: 8px;
          border: 1px solid #ffffff1a;
          background: #ffffff1a;
          border-radius: 6px;
          gap: 0;
          margin-bottom: 8px;
          box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05);
        }

        /* SVG 放大镜图标 */
        .search-icon {
          width: 20px;
          height: 20px;
          stroke: #a0a0a0;
          margin-right: 4px;
        }

        /* 输入框样式 */
        .search-input {
          width: 100%;
          background: transparent;
          border: none;
          outline: none;
          color: #ffffff;
          font-size: 16px;
          /* 文本溢出显示省略号 */
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: 380;
          font-style: Medium;
          font-size: 14px;
          letter-spacing: 0%;
          text-transform: capitalize;
        }

        /* Placeholder 颜色与样式 */
        .search-input::placeholder {
          color: #e0e0e0;
          opacity: 0.9;
        }
        .dpanel.dpanel-data-wrapper-center {
          margin: 12px;
        }
        .dpanel.dpanel-data-wrapper-center-lang {
          margin: 0px;
        }
        .content-wrapper .wrapper-left {
          width: 146px;
        }
        .dpanel.setting-grid-wrapper-content {
          margin: 12px;
        }
        .setting-grid-wrapper {
          padding: 12px;
        }
        .setting-title {
          color: #ffffffbf;
          margin-bottom: 8px;
        }
        .setting-grid .option.active {
          background: #ffffff1a;
        }
        .setting-grid .option {
          background: #ffffff1a;
          min-height: 55px;
        }
        .setting-grid .effect-option {
          min-height: 118px;
        }
        .setting-grid .setting-card .option:last-child {
          margin-top: 8px;
        }
        .setting-grid {
          gap: 8px;
        }
        .setting-grid .amount-grid {
          gap: 8px;
        }
        .dpanel.dpanel-wrapper-datat {
          margin: 12px;
        }
        .dpanel .dashboard {
          background: transparent;
          padding: 0;
        }
        .container-data {
          gap: 12px;
        }
        .container-data .cards-grid {
          gap: 8px;
        }

        .dpanel.ai-fxpane {
          border-radius: 8px;
          margin: 12px;
        }
        .dashboard .card-content {
          padding: 12px;
          border-radius: 12px;
        }
        .container-data .chat-box {
          padding: 12px 12px 0 12px;
          gap: 8px;
        }
        .container-data .ai-msg {
          max-width: 100%;
        }
        .fxpane.ai-fxpane {
          height: auto;
        }
        .fxpane.ai-fxpane .fxhead {
          gap: 0;
          padding: 12px;
        }
        .container-data .row-item {
          flex-direction: column;
          height: 48px;
          gap: 0px;
          opacity: 1;
          border-radius: 4px;
          border-width: 1px;
          padding: 0px;
          background: #ffffff1a;
          border: 1px solid #ffffff1a;
          justify-content: center;
          align-items: baseline;
          padding: 0 0 0 12px;
        }
        .container-data .card-header {
          font-size: 12px;
        }
        .container-data .row-label {
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .container-data .row-value {
          font-weight: 450;
          font-style: Demibold;
          font-size: 12px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .container-data .row-list {
          display: flex;
          flex-direction: column;
          gap: 4px;
        }
        .container-data .info-card {
          padding: 8px;
          border-radius: 8px;
        }
        .container-data .user-msg {
          margin: 0;
        }
        .container-data .ai-msg:last-child {
          display: none;
        }
        .fxpane.app-h5-fxpane {
          height: auto;
        }
        .dashboard .favorite-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 8px;
        }
        div.dashboard .fav-item:last-child {
          display: flex;
        }
        .dashboard .theme-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
        }
        .dashboard .search-wrapper.h5-hidden {
          display: none;
        }
        div.dashboard .tags-container {
          flex-direction: column;
          align-items: flex-start;
        }
        .dashboard .tag[data-i18n='feat.p7tag1'],
        .dashboard .tag[data-i18n='feat.p7tag2'] {
          width: fit-content;
          max-width: 100%;
          flex: 0 0 auto;
          align-self: flex-start;
          white-space: nowrap;
          height: 24px;
          display: flex;
          align-items: center;
        }
        .dpanel.dpanel-wrapper-datat .dashboard {
          gap: 8px;
          border: none;
        }
        .dashboard .theme-btn {
          height: 23.5px;
          min-width: 0;
          overflow: hidden;
          padding-top: 8px;
          padding-bottom: 8px;
          gap: 4px;
          opacity: 1;
          border-radius: 4px;
          border-width: 1px;
          background: #ffffff1a;
          border: 1px solid #ffffff1a;
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .dashboard .theme-btn span {
          min-width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .dashboard .theme-btn.active-blue-dark {
          background: #ffffff1a;
          color: #ffffffbf;
          border: 1px solid #ffffff1a;
        }
        .dashboard .select-group {
          gap: 0;
          margin-top: 27px;
        }
        .dashboard .select-box:last-child {
          margin-top: 8px;
          margin-bottom: 19px;
        }
        .dashboard .tag {
          padding-top: 4px;
          padding-bottom: 4px;
          gap: 10px;
          angle: 0 deg;
          opacity: 1;
          border-radius: 4px;
          border-width: 1px;
          padding-right: 8px;
          padding-left: 8px;
          border: 1px solid #ffffff1a;
        }
        .dashboard .fav-item .star-icon {
          width: 16px;
          height: 16px;
        }
        .fav-icon img {
          width: 24px;
          height: 24px;
        }
        .dashboard .fav-name {
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .dashboard .fav-item {
          gap: 2px;
          height: 55px;
        }
        .dashboard .fav-icon {
          width: 24px;
          height: 24px;
        }
        .dashboard .card-title {
          margin-bottom: 8px;
        }
        .setting-card {
          padding: 12px;
          background: rgba(255, 255, 255, 0.05);
          border-radius: 8px;
        }
        .content-wrapper {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
        }
        .content-wrapper-bottom {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
        }
        .dpanel .content-data-wrapper {
          padding: 8px;
          min-width: 0;
        }
        .dpanel .content-data-wrapper img.h5-show {
          width: 44px;
          height: 44px;
          margin-right: 10px;
        }
        .content-data-wrapper .content-data-top .left .league-name {
          font-weight: 450;
          font-style: Demibold;
          font-size: 14px;
          letter-spacing: 0%;
        }
        div.content-wrapper .content-wrapper-left {
          width: 146px;
        }
        button.ld-tab {
          height: 32px;
          padding: 0;
          gap: 4px;
          angle: 0 deg;
          opacity: 1;
          border-radius: 6px;
          border-width: 1px;
          row-start: 1;
          column-start: 2;
          column-span: 1;
          row-span: 1;
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        div.ld-tabs {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 6px;
          padding: 0 12px 12px 12px;
          align-content: start;
        }
        .fxitem .fi.h5-hidden {
          display: none;
        }
        .fxitem .fprog {
          display: none;
        }
        .fxitem,
        .fxitem:hover,
        .fxitem:active {
          background: transparent;
          background-color: transparent;
          border: none;
          border-radius: 0;
          height: 20px;
          padding: 0 2px 4px;
          box-sizing: border-box;
          overflow: visible;
          -webkit-tap-highlight-color: transparent;
          transition: color 0.2s;
        }
        .fxitem.on,
        .fxitem.on:hover,
        .fxitem.on:active {
          background: transparent;
          background-color: transparent;
          border: none;
          border-bottom: 1px solid transparent;
          border-image-source: linear-gradient(
            270deg,
            rgba(10, 132, 255, 0) 0%,
            #0a84ff 50%,
            rgba(10, 132, 255, 0) 100%
          );
          border-image-slice: 1;
        }
        .fxitem.on::after {
          content: none;
        }
        .fxitem .ft b {
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          line-height: 130%;
          letter-spacing: 0%;
          color: rgba(255, 255, 255, 0.75);
        }
        .fxitem.on .ft b {
          font-weight: 450;
          color: rgba(255, 255, 255, 1);
        }
        .rev.h5-show {
          display: flex;
        }
        .brandcol {
          grid-column: 1/-1;
        }
        .fall {
          padding: 20px 0;
        }
        .content-b .toggle-icon {
          display: block;
        }
        .faq-q1-content .toggle-icon {
          display: block;
          transition: transform 0.25s ease;
        }
        /* 展开时图标旋转（默认收起是箭头朝下，展开后旋转180度朝上，可按需调整） */
        .content-b[aria-expanded='true'] .toggle-icon {
          transform: rotate(180deg);
        }
        .faq-q1-content[aria-expanded='true'] .toggle-icon {
          transform: rotate(180deg);
        }
        .faq-q1-content {
          height: auto;
          min-height: 44px;
          gap: 8px;
          opacity: 1;
          padding: 12px;
          border-radius: 8px;
          border-width: 1px;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .faq.faq-content .fqa.rev.fqa-rev-card {
          height: auto;
          padding: 0;
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.05);
          outline: none;
          border: none;
          scroll-margin-top: 60px;
        }
        .h5-hidden {
          display: none;
        }
        .play-now.h5-hidden,
        .faq-cta.h5-hidden {
          display: none;
        }
        .center.common-problem {
          padding-bottom: 40px;
        }
        .spec.rev.spec-rev {
          margin-top: 20px;
          padding: 12px 12px 4px;
          border-radius: 12px;
          background: rgba(255, 255, 255, 0.05);
          position: relative;
        }
        .spec .table-data td {
          font-weight: 380;
          font-style: Medium;
          font-size: 12px;
          letter-spacing: 0%;
          gap: 8px 12px;
          text-align: center;
          padding: 0 0 12px 0;
        }
        .applycard.applycard-rev {
          padding: 12px;
          margin-top: 20px;
          gap: 0;
        }
        .lockwrap,
        div.dpanel.lockwrap-dpanel-data {
          padding: 12px;
          height: auto;
          overflow: visible;
        }
        .btn-s.btn-s-data {
          height: 44px;
          padding-top: 12px;
          padding-right: 32px;
          padding-bottom: 12px;
          padding-left: 32px;
          gap: 10px;
          opacity: 1;
          border-radius: 8px;
          font-weight: 450;
          font-style: Demibold;
          font-size: 14px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .frow:first-child {
          border-bottom: 1px solid;
          border-image-source: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.2) 100%
          );
          border-image-slice: 1;
        }
        .btn-line.btn-line-data {
          height: 44px;
          padding-top: 12px;
          padding-right: 32px;
          padding-bottom: 12px;
          padding-left: 32px;
          gap: 10px;
          opacity: 1;
          border-radius: 8px;
          font-weight: 450;
          font-style: Demibold;
          font-size: 14px;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        div.flock {
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          bottom: auto;
          padding: 12px 0 0;
          gap: 12px;
          justify-content: flex-start;
        }
        div.flock .lk {
          flex-wrap: wrap;
          justify-content: center;
          text-align: center;
          white-space: normal;
        }
        div.dpanel.lockwrap-dpanel-data .frow {
          padding: 0 0 12px 0;
        }
        .applycard h3 {
          font-weight: 450;
          font-style: Demibold;
          font-size: 16px;
          line-height: 150%;
          letter-spacing: 0%;
          text-align: left;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .timeline-container div.timeline-title {
          font-weight: 450;
          font-style: Demibold;
          font-size: 14px;
          line-height: 140%;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        div.timeline-desc {
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          line-height: 130%;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        .fxpane .fxhead h3 {
          font-weight: 450;
          font-style: Demibold;
          font-size: 16px;
          height: 24px;
          line-height: 150%;
          letter-spacing: 0%;
          text-align: center;
          vertical-align: middle;
          margin-bottom: 0;
        }
        div.fxpane .fxhead p {
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          line-height: 120%;
          letter-spacing: 0%;
          text-align: center;
          vertical-align: middle;
        }
        .fxpane .fxhead {
          height: auto;
          flex-shrink: 0;
          gap: 8px;
          opacity: 1;
          padding: 12px;
          background: rgba(10, 132, 255, 0.1);
        }
        .fxpane.on .fxhead h3,
        .fxpane.on .fxhead p,
        .fxpane.on .dpanel {
          animation: none;
        }
        div.fxstage {
          padding: 0px;
        }
        div.fxpane {
          height: auto;
        }
        .fxpane div.ftags {
          height: auto;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          overflow-x: auto;
          scrollbar-width: none;
          flex-wrap: nowrap;
          white-space: nowrap;
          padding-left: 12px;
          padding-bottom: 12px;
        }
        .fxpane .ftags span:last-child {
          margin-right: 12px;
        }
        div.tk-in b {
          font-weight: 450;
          font-style: Regular;
          font-size: 16px;
          line-height: 1;
          letter-spacing: 0%;
          vertical-align: middle;
        }
        div.move-table-content {
          height: 56px;
          bottom: 0;
          padding-bottom: 10px;
          border-radius: 0 0 12px 12px;
        }

        /* 展开：先长高再渐显；收起时用下面未展开规则（先渐隐再收高度） */
        .content-a.expanded {
          max-height: 280px;
          opacity: 1;
          gap: 4px;
          margin-top: 12px;
          transition: max-height 0.4s ease, opacity 0.35s ease,
            margin-top 0.35s ease, gap 0.35s ease;
        }
        .fqa h4 {
          font-weight: 330;
          font-style: Regular;
          font-size: 14px;
          line-height: 140%;
          letter-spacing: 0%;
          color: rgba(255, 255, 255, 0.75);
        }
        .faq-a1-content.expanded {
          max-height: 240px;
          opacity: 1;
          padding: 0 12px 12px 12px;
          transition: opacity 0.25s ease, max-height 0.36s ease,
            padding 0.36s ease;
        }
        .brandcol p {
          font-weight: 330;
          font-style: Regular;
          font-size: 12px;
          letter-spacing: 0%;
        }
        .fcol b {
          font-weight: 450;
          font-style: Demibold;
          font-size: 12px;
          line-height: 130%;
          color: #fff;
          letter-spacing: 0%;
        }
        .content-copy {
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          line-height: 120%;
          letter-spacing: 0%;
        }
        .content-copy b {
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          line-height: 120%;
          letter-spacing: 0%;
        }
        .content-leagal {
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          line-height: 120%;
          letter-spacing: 0%;
        }
        .content-a a,
        .content-a span {
          height: 28px;
          padding-top: 8px;
          padding-bottom: 8px;
          opacity: 1;
          border-radius: 4px;
          background: rgba(255, 255, 255, 0.05);
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          letter-spacing: 0%;
          text-align: center;
          width: 77.5px;
          margin-bottom: 0px;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .content-a {
          display: flex;
          flex-wrap: wrap;
          overflow: hidden;
          max-height: 0;
          opacity: 0;
          gap: 0;
          margin-top: 0;
          transition: opacity 0.3s ease, max-height 0.35s ease,
            margin-top 0.3s ease, gap 0.3s ease;
        }
        #content-a {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        #content-a a {
          width: auto;
          min-width: 0;
          box-sizing: border-box;
        }
        #content-a.expanded {
          column-gap: 8px;
          row-gap: 8px;
        }
        p.faq-a1-content {
          display: block;
          overflow: hidden;
          max-height: 0;
          opacity: 0;
          margin-top: 0;
          padding: 0 12px;
          transition: opacity 0.25s ease, max-height 0.36s ease,
            padding 0.36s ease;
        }
        .content-a.tg a {
          width: 120px;
          white-space: nowrap;
        }
        .content-b {
          display: flex;
          height: 24.5px;
          justify-content: space-between;
          padding-bottom: 8px;
          opacity: 1;
          border-bottom-width: 0.5px;

          align-items: center;
          justify-content: space-between;
          border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
        }
      }
      .dashboard .fav-item:last-child {
        display: none;
      }
      @media (max-width: 1020px) {
        .nlinks {
          display: none;
        }
        .hgrid {
          grid-template-columns: 1fr;
          gap: 30px;
        }
        .hg-l {
          text-align: center;
        }
        .hg-l .h-line {
          justify-content: center;
        }
        .hero .sub {
          max-width: none;
          margin-left: auto;
          margin-right: auto;
        }
        .hero-cta {
          justify-content: center;
        }
        .hero-vid::after {
          /* background: rgba(0, 0, 0, 0.2); */
          /* backdrop-filter: blur(20px); */
        }
        .hero-vid video {
          object-position: 50% 30%;
        }
        .hero .sub {
          white-space: normal;
        }
        .h-tag2 {
          display: none;
        }
        .applycard {
          grid-template-columns: 1fr;
        }
        .fx {
          grid-template-columns: 1fr;
          gap: 20px;
          margin-top: 20px;
        }
        .fxnav {
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: safe center;
          width: 100%;
          min-width: 0;
          margin-left: 0;
          margin-right: 0;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          padding-bottom: 6px;
          scrollbar-width: none;
          gap: 20px;
          max-height: none;
        }
        .fxnav::-webkit-scrollbar {
          display: none;
        }
        .fxgroup {
          display: none;
        }
        .fxitem {
          flex: 0 0 auto;
          width: max-content;
          gap: 10px;
          opacity: 1;
        }
        .fxitem:last-of-type {
          margin-bottom: 0;
        }
        .fxitem .ft {
          min-width: max-content;
        }
        div.fxpane {
          height: auto;
        }
        .fxpane .fxhead {
          height: auto;
          gap: 8px;
          opacity: 1;
          padding: 12px;
          background: rgba(10, 132, 255, 0.1);
        }
        div.fxpane .fxhead p {
          font-weight: 330;
          font-style: Regular;
          font-size: 10px;
          letter-spacing: 0%;
          text-align: center;
          vertical-align: middle;
        }
        .fxpane .fxhead h3 {
          font-weight: 450;
          font-style: Demibold;
          font-size: 16px;
          height: auto;
          line-height: 1.35;
          letter-spacing: 0%;
          text-align: center;
          vertical-align: middle;
          margin-bottom: 0;
        }
        .fxpane .fxhead {
          height: auto;
          gap: 8px;
          opacity: 1;
          padding: 12px;
          background: rgba(10, 132, 255, 0.1);
        }
        .fxitem .ft small {
          display: none;
        }
        .fxstage {
          min-height: 0;
        }
        .fgrid {
          grid-template-columns: 1fr 1fr;
        }
        .faq {
          grid-template-columns: 1fr;
        }
        .faq.faq-content {
          margin-top: 0;
        }
        #faq-content-data {
          overflow-anchor: none;
        }
        .faq.faq-content .fqa.rev.fqa-rev-card {
          transition: none;
          transform: none;
        }
        .faq-q1-content {
          display: flex;
          align-items: center;
          justify-content: space-between;
          cursor: pointer;
        }
        .faq-q1-content .toggle-icon {
          display: block;
          transition: transform 0.25s ease;
        }
        .faq-q1-content[aria-expanded='true'] .toggle-icon {
          transform: rotate(180deg);
        }
        p.faq-a1-content {
          display: block;
          overflow: hidden;
          max-height: 0;
          opacity: 0;
          margin-top: 0;
          padding: 0 12px;
          transition: opacity 0.25s ease, max-height 0.36s ease,
            padding 0.36s ease;
        }
        .faq-a1-content.expanded {
          max-height: 240px;
          opacity: 1;
          padding: 0 12px 12px 12px;
          transition: opacity 0.25s ease, max-height 0.36s ease,
            padding 0.36s ease;
        }
      }
      .spec-hint-h5 {
        display: none;
      }
      @media (max-width: 640px) {
        .fgrid {
          grid-template-columns: 1fr;
          gap: 0;
        }
        .ncta .talk {
          display: none;
        }
        .card,
        .hfc,
        .dpanel,
        .amini,
        .fxstage {
          backdrop-filter: none;
          -webkit-backdrop-filter: none;
        }
        .card {
          background: rgba(19, 20, 26, 0.97);
        }
        .hfc {
          background: rgba(18, 20, 27, 0.95);
        }
        header {
          top: 0;
          left: 0;
          right: 0;
          transform: none;
          width: 100%;
          height: 46px;
          padding: 0 12px 0 12px;
          box-sizing: border-box;
          border: none;
          transition: background 0.35s, border-color 0.35s, box-shadow 0.35s;
        }
        header:not(.top) {
          background: rgba(10, 10, 12, 0.45);
          backdrop-filter: blur(18px) saturate(1.4);
          -webkit-backdrop-filter: blur(18px) saturate(1.4);
          border-color: transparent;
          box-shadow: none;
        }
        header .wrap {
          gap: 10px;
          height: 100%;
          align-items: center;
        }
        .brand img {
          height: 21px;
        }
        .ncta {
          gap: 8px;
          margin-left: auto;
          align-items: center;
        }
        header::before {
          display: none;
        }
        #security p.hs {
          display: none;
        }
        #community h2.h {
          white-space: normal;
        }
        #community h2.h br {
          display: inline;
        }
        #feed,
        #product,
        #reward,
        #community,
        #feat,
        #security,
        #join {
          padding: 40px 0;
        }
        #join {
          padding-bottom: 0;
        }
        #faq {
          padding: 20px 0 40px;
        }
        .spec {
          cursor: pointer;
        }
        .spec table {
          font-size: 14px;
        }
        .tstep p {
          font-size: 12px;
        }
        .tour-desc {
          font-size: 14px;
        }
        .hstat-h5-hide {
          display: none;
        }
        .hstats {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          height: 203px;
        }
        .hstat + .hstat::before {
          display: none;
        }
        .faq.faq-content .rev.fqa-rev-card {
          outline: none;
          border: none;
          border-radius: 8px;
          padding: 0;
          background: rgba(255, 255, 255, 0.05);
        }
        footer {
          padding: 32px 0 16px;
        }
        .kicker {
          font-size: 12px;
        }
        .hero .sub {
          font-size: 12px;
          font-weight: 380;
          line-height: 150%;
        }
        .tk-in {
          font-size: 14px;
        }
        .tk-in b,
        div.tk-in b {
          font-size: 16px;
        }
        .ldslogan {
          font-size: 14px;
        }
        .cf-item .tip span {
          font-size: 10px;
        }
        .fval {
          font-size: 12px;
        }
        .move-table-content .spec-hint-h5 {
          display: block;
        }
        .move-table-content .spec-hint-pc {
          display: none;
        }
        .faq-q1-content {
          min-height: 44px;
          cursor: pointer;
        }
        .faq-q1-content .toggle-icon {
          padding: 16px;
          margin: -16px -4px -16px 0;
          box-sizing: content-box;
        }
        .ncta .lang,
        .ncta .btn-s,
        .menu-btn {
          height: 36px;
          box-sizing: border-box;
        }
        .ncta .lang {
          font-size: 14px;
          padding: 0 12px;
          gap: 5px;
          border-radius: 6px;
          display: inline-flex;
          align-items: center;
        }
        .ncta .lang svg:last-child {
          display: none;
        }
        .ncta .btn-s {
          font-size: 14px;
          white-space: nowrap;
          display: inline-flex;
          align-items: center;
          border-radius: 6px;
        }
        .menu-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 36px;
          border-radius: 6px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background: transparent;
          color: var(--txt);
          flex-shrink: 0;
        }
        .menu-btn svg {
          stroke: currentColor;
          fill: none;
          stroke-width: 2;
          stroke-linecap: round;
        }
        .drawer {
          display: flex;
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          width: min(300px, 82vw);
          background: #161618;
          z-index: 300;
          transform: translateX(100%);
          transition: transform 0.38s cubic-bezier(0.22, 0.8, 0.32, 1);
          flex-direction: column;
          padding: 20px 22px 26px;
          border-left: 1px solid var(--line);
          box-shadow: -24px 0 60px rgba(0, 0, 0, 0.5);
          border-radius: 12px 0 0 12px;
        }
        .drawer.open {
          transform: none;
        }
        .drawer-mask {
          display: block;
          position: fixed;
          inset: 0;
          background: rgba(4, 6, 10, 0.56);
          z-index: 299;
          opacity: 0;
          visibility: hidden;
          transition: opacity 0.3s, visibility 0.3s;
        }
        .drawer-mask.open {
          opacity: 1;
          visibility: visible;
        }
        .drawer-head {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        footer {
          overflow: hidden;
        }
        .fgrid2::before {
          top: -47%;
          left: 42%;
        }
        aside.drawer.open {
          padding: 40px 20px;
        }
        nav.drawer-nav {
          gap: 20px;
          margin-top: 40px;
        }
        nav.drawer-nav a {
          height: 28.5px;
          justify-content: space-between;
          padding-bottom: 8px;
          padding-top: 0;
          padding-left: 0;
          opacity: 1;
          border-bottom-width: 0.5px;
          border-bottom: 0.5px solid #ffffff1a;
          font-weight: 330;
          font-style: Regular;
          font-size: 14px;
          letter-spacing: 0%;
          display: flex;
          align-items: end;
        }
        button.drawer-x,
        .drawer-x {
          width: 24px;
          height: 24px;
          padding: 0;
          border: none;
          border-radius: 0;
          background: transparent;
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }
        .drawer-x img {
          display: block;
          width: 24px;
          height: 24px;
        }
        .drawer-nav {
          display: flex;
          flex-direction: column;
          gap: 2px;
          margin-top: 20px;
          flex: 1;
        }
        .drawer-nav a {
          padding: 12px;
          font-size: 14px;
          color: var(--txt2);
          /* border-radius: 9px; */
        }
        .drawer-nav a:active {
          background: rgba(43, 127, 255, 0.14);
          color: var(--txt);
        }
        .hero {
          padding-top: 96px;
          min-height: 100svh;
          padding-bottom: 48px;
          justify-content: flex-end;
        }
        /* H5：16:9 盒子按高度铺满再居中裁左右。固有比用属性 + aspect-ratio，不用 svh/background */
        .hero-vid video {
          position: absolute;
          top: 0;
          left: 50%;
          height: 100%;
          width: auto;
          aspect-ratio: 16 / 9;
          transform: translateX(-50%);
          object-fit: fill;
          object-position: unset;
        }
        .kicker {
          font-size: 12px;
        }
        .hero h1 {
          font-size: 32px;
          line-height: 140%;
          min-height: 0;
          white-space: normal;
        }
        .hero .hz1 {
          order: 1;
        }
        .hero .hz3 {
          order: 2;
        }
        .hero .figwrap {
          order: 3;
          padding-top: 26px;
        }
        .hero .sub {
          margin-top: 20px;
        }
        .h-tagline {
          font-size: 12px;
          font-weight: 380;
          line-height: 150%;
          padding: 8px 12px;
          height: 34px;
          margin-bottom: 20px;
        }
        .hero .sub {
          font-size: 12px;
          font-weight: 380;
          line-height: 150%;
        }
        .hero .sub-data {
          display: none !important;
        }
        .hero .sub-data-h5 {
          display: block !important;
        }
        .hero-cta.rev {
          flex-direction: column;
          gap: 12px;
          margin-top: 40px;
        }
        .hero-cta .btn,
        .hero-cta .btn-line {
          width: 100%;
          justify-content: center;
          text-align: center;
          box-sizing: border-box;
        }
        .hero-cta .btn-line {
          height: 44px;
          font-size: 14px;
          border-radius: 8px;
        }
        .more-data {
          display: none;
        }
        .hero-cta .btn {
          border-radius: 8px;
          height: 44px;
          font-weight: 450;
          font-size: 14px;
        }
        .hero .figwrap {
          padding-top: 30px;
          margin-top: 10px;
        }
        .hstat b {
          font-weight: 520;
          font-style: Semibold;
          font-size: 16px;
          line-height: 150%;
          letter-spacing: 0%;
          text-align: center;
          vertical-align: middle;
        }
        .fxstage {
          padding: 18px;
        }
        #fx .fxpane {
          height: auto !important;
        }
        #fx .fxpane .dpanel {
          flex: 0 0 auto;
          overflow: auto;
          border-radius: 0;
        }
        #fx .fxpane .fxhead {
          display: block;
          height: auto !important;
          flex: none;
          overflow: visible;
        }
        #fx .fxpane .fxhead h3,
        #fx .fxpane .fxhead p {
          display: block;
          position: static;
          height: auto !important;
          max-height: none;
          transform: none !important;
          animation: none !important;
          white-space: normal;
        }
        #fx .fxpane .fxhead h3 {
          margin: 0 0 8px;
          line-height: 1.4;
        }
        #fx .fxpane .fxhead p {
          margin: 0;
          line-height: 1.45;
        }
        .spec {
          padding: 8px 18px;
        }
        .join.center.join-center {
          padding-bottom: 0;
        }
        .spec th {
          width: 104px;
          padding: 0 0 12px 0;
          vertical-align: baseline;
        }
        .spec:hover,
        .spec.expanded {
          max-height: none;
        }
        section {
          padding: 40px 0;
        }
        .hfeat {
          grid-template-columns: repeat(2, 1fr);
          gap: 7px;
        }
        .hfc {
          padding: 10px 6px 8px;
        }
        .hfc b {
          font-size: 12px;
        }
        .hfc span {
          font-size: 10px;
        }
      }
      .more-data{
        height: 16px;
      }
      /* 首屏按钮区 */
      .hero-cta {
        display: flex;
        gap: 20px;
        justify-content: center;
        margin-top: 40px;
        flex-wrap: wrap;
      }
      .hero-note {
        margin-top: 12px;
        font-size: 12px;
        color: #cfe3ff;
        text-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
        letter-spacing: 0.04em;
      }
      /* Z 字交错布局（优势段：左文右图 / 镜像） */
      .zrow {
        display: grid;
        grid-template-columns: 2fr 3fr;
        gap: 44px;
        align-items: center;
        text-align: left;
      }
      .zrow .z-vis {
        min-width: 0;
      }
      .zrow.flip {
        grid-template-columns: 3fr 2fr;
      }
      .zrow.flip .z-copy {
        order: 2;
      }
      .zrow.flip .z-vis {
        order: 1;
      }
      .z-pts {
        display: flex;
        flex-direction: column;
        gap: 9px;
        margin-top: 20px;
      }
      .z-pts span {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        font-size: 12px;
        color: var(--txt2);
        line-height: 155%;
      }
      .z-pts span::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--blue-l);
        flex-shrink: 0;
        margin-top: 7px;
      }
      .z-vis .duo {
        grid-template-columns: 1fr;
      }
      /* 首页动线演示（热门盘口/赛事/主播/热投榜） */
      .homefeed {
        background: #0d0e12;
        border: 1px solid var(--line);
        border-radius: var(--r-card);
        overflow: hidden;
        text-align: left;
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5);
      }
      /* 生产快照嵌入（产品窗口样式，与落地页同色系融合） */
      .snapwrap {
        position: relative;
        border: 1px solid rgba(148, 170, 255, 0.14);
        border-radius: 16px;
        overflow: hidden;
        background: #0a0a0c;
        text-align: left;
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5),
          0 0 60px rgba(43, 127, 255, 0.1);
      }
      .snapbar {
        height: 36px;
        display: flex;
        align-items: center;
        border-radius: 16px 16px 0 0;
        gap: 6px;
        padding: 9px 14px;
        background: rgba(10, 132, 255, 0.1);
        border-bottom: 1px solid var(--line);
      }
      .snapbar i {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #2c2f38;
      }
      .snapbar i:nth-child(1) {
        background: #ffffff33;
      }
      .snapbar i:nth-child(2) {
        background: #0a84ffcc;
      }
      .snapbar i:nth-child(3) {
        background: #0a84ff66;
      }
      .snapbar span {
        flex: none;
        font-size: 10px;
        color: var(--txt3);
        letter-spacing: 0.06em;
        margin-left: 5px;
        white-space: nowrap;
      }
      .sb-tags {
        display: flex;
        gap: 6px;
        margin-left: auto;
        font-style: normal;
        min-width: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
      }
      .sb-tags b {
        font-size: 10px;
        font-weight: 500;
        color: var(--blue-l);
        border: 1px solid rgba(43, 127, 255, 0.35);
        background: rgba(43, 127, 255, 0.1);
        border-radius: 5px;
        padding: 2px 8px;
        white-space: nowrap;
      }
      @media (max-width: 640px) {
        .snapbar {
          flex-wrap: wrap;
        }
        div.ncta {
          gap: 6px;
        }
        .sb-tags {
          margin-left: 0;
          width: 100%;
          justify-content: flex-start;
          padding-top: 5px;
        }
      }
      .snapclip {
        overflow: hidden;
        position: relative;
      }
      .snapclip::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        box-shadow: inset 0 0 40px rgba(10, 10, 12, 0.55);
        border-radius: 0;
      }
      .snapclip iframe {
        display: block;
        border: 0;
        transform-origin: 0 0;
        pointer-events: none;
        filter: saturate(0.96) brightness(0.98);
      }
      .tour-desc {
        max-width: 680px;
        margin: 14px auto 0;
        font-size: 14px;
        color: var(--txt2);
        min-height: 46px;
        text-align: center;
      }
      .tour-desc b {
        color: var(--blue-l);
        font-weight: 600;
      }
      .tour-marks {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 3;
      }
      .tmark {
        position: absolute;
        border: 2px solid rgba(43, 127, 255, 0);
        border-radius: 10px;
        transition: border-color 0.35s, box-shadow 0.35s, height 0.45s;
      }
      .tmark i {
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        height: 22px;
        background: var(--grad);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal;
        pointer-events: auto;
        cursor: pointer;
        transition: opacity 0.3s, transform 0.2s;
        width: 24px;
        height: 24px;
        gap: 10px;
        opacity: 1;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background: rgba(10, 132, 255, 1);
        font-weight: 450;
        font-style: Demibold;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: rgba(255, 255, 255, 1);
      }
      .tmark i:hover {
        opacity: 0.8;
        transform: scale(1.12);
      }
      .tmark.on {
        border: 2px solid rgba(10, 132, 255, 1);
        box-shadow: 0px 0px 20px 4px rgba(10, 132, 255, 0.2);
        animation: tmpulse 1.8s ease-in-out infinite;
      }
      .tmark.on i {
        opacity: 1;
      }
      .tmark em {
        position: absolute;
        left: 10px;
        top: 10px;
        max-width: min(340px, calc(100% - 20px));
        background: linear-gradient(
            0deg,
            rgba(10, 132, 255, 0.1),
            rgba(10, 132, 255, 0.1)
          ),
          rgba(10, 10, 12, 1);
        border: 1px solid rgba(10, 132, 255, 1);
        border-radius: 9px;
        padding: 8px 11px;
        font-size: 12px;
        font-weight: 330;
        line-height: 130%;
        font-style: normal;
        color: var(--txt2);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s, visibility 0.35s;
        pointer-events: none;
        z-index: 3;
        text-align: left;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
      }
      .tmark em b {
        display: block;
        color: rgba(10, 132, 255, 1);
        font-weight: 450;
        font-style: Demibold;
        font-size: 16px;
        line-height: 150%;
        leading-trim: NONE;
        letter-spacing: 0%;
        text-transform: capitalize;
        font-variant-numeric-figure: lining-nums;
        font-variant-numeric-spacing: tabular-nums;
      }
      .tmark.on em {
        opacity: 1;
        visibility: visible;
      }
      @media (min-width: 641px) {
        .tmark em {
          border-radius: 8px;
          padding: 12px;
        }
      }
      /* 槽位只占位。子级 em 写了 visibility:visible，会穿透父级 hidden 变成残影 */
      .chanpinshikuang-pc > .tmark:not(.tmark-fly),
      .chanpinshikuang-marks-h5 > .tmark:not(.tmark-fly),
      #product .pcv .tour-marks > .tmark:not(.tmark-fly),
      .chengjingguansai-tour-marks-h5 > .tmark:not(.tmark-fly) {
        visibility: hidden;
        opacity: 0;
        border-color: transparent;
        box-shadow: none;
        animation: none;
        pointer-events: none;
        transition: none;
      }
      .chanpinshikuang-pc > .tmark:not(.tmark-fly) *,
      .chanpinshikuang-marks-h5 > .tmark:not(.tmark-fly) *,
      #product .pcv .tour-marks > .tmark:not(.tmark-fly) *,
      .chengjingguansai-tour-marks-h5 > .tmark:not(.tmark-fly) * {
        visibility: hidden !important;
        opacity: 0 !important;
        transition: none !important;
        animation: none !important;
        pointer-events: none !important;
      }
      .tmark-fly {
        visibility: visible;
        z-index: 4;
        overflow: visible;
        pointer-events: none;
        will-change: transform, width, height;
        transition: none;
        opacity: 1;
      }
      .tmark-fly i {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto;
      }
      .tmark-fly > .layer {
        position: absolute;
        inset: 0;
        border: none !important;
        box-shadow: none !important;
        animation: none !important;
        pointer-events: none;
        width: auto !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        transition: none;
      }
      .tmark-fly > .layer em {
        opacity: 1 !important;
        visibility: visible !important;
      }
      .tmark-fly > .layer.from {
        opacity: 1;
      }
      .tmark-fly > .layer.to {
        opacity: 0;
      }
      .tmark-fly.swap > .layer.from {
        opacity: 0;
      }
      .tmark-fly.swap > .layer.to {
        opacity: 1;
      }
      .pcv .tmark[data-t='t4'] em {
        display: none;
      }
      .tmark.em-out em {
        top: auto;
        /* bottom: calc(100% + 10px); */
        left: 0;
        max-width: 420px;
      }
      .tmark.em-bottom em {
        top: auto;
        /* bottom: 10px; */
      }
      @keyframes tmpulse {
        50% {
          box-shadow: 0 0 0 8px rgba(43, 127, 255, 0.08),
            0 0 38px rgba(43, 127, 255, 0.5);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .tmark.on {
          animation: none;
        }
      }
      .tour-video {
        display: none;
        position: absolute;
        object-fit: cover;
        border-radius: 6px;
        z-index: 2;
        pointer-events: none;
        filter: brightness(0.96);
      }
      .fnote {
        position: absolute;
        width: min(320px, 46%);
        background: linear-gradient(
            0deg,
            rgba(10, 132, 255, 0.1),
            rgba(10, 132, 255, 0.1)
          ),
          rgba(10, 10, 12, 1);
        border: 1px solid rgba(10, 132, 255, 1);
        border-radius: 8px;
        padding: 12px;
        z-index: 4;
        box-shadow: 0 16px 44px rgba(0, 0, 0, 0.6),
          0 0 24px rgba(43, 127, 255, 0.18);
        opacity: 0;
        transform: translateY(8px);
        transition: opacity 0.35s, transform 0.35s, top 0.45s, left 0.45s;
        pointer-events: none;
        text-align: left;
      }
      .fnote.show {
        opacity: 1;
        transform: none;
      }
      .fnote h5 {
        font-size: 16px;
        font-weight: 450;
        color: rgba(10, 132, 255, 1);
        margin-bottom: 5px;
      }
      .fnote > p {
        font-size: 12px;
        color: var(--txt2);
        line-height: 160%;
      }
      .fnote .fn-item {
        padding: 6px 0;
        border-top: 1px solid var(--line);
      }
      .fnote .fn-item:first-of-type {
        border-top: none;
      }
      .fnote .fn-item b {
        display: block;
        font-size: 12px;
        color: var(--txt);
      }
      .fnote .fn-item span {
        font-size: 10px;
        color: var(--txt2);
        line-height: 155%;
        display: block;
      }
      .fnote.arr-r::after {
      }
      @media (max-width: 640px) {
        .fnote {
          display: none;
        }
        .tour-video {
          display: none;
        }
      }
      .h5v {
        display: none;
        max-width: 392px;
        margin-left: auto;
        margin-right: auto;
      }
      @media (max-width: 640px) {
        .pcv {
          display: none;
        }
        .h5v {
          display: block;
        }
        .snapwrap-content-wrapper-data,
        .pc-chengjingguansai-wrapper-content {
          padding: 0;
        }
      }
      .snapclip iframe.h5s,
      .snapclip img.h5s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: opacity 0.28s ease;
      }
      .snapclip iframe.h5s.on,
      .snapclip img.h5s.on {
        opacity: 1;
      }
      .snapclip-data-wrapper-data {
        position: relative;
        height: auto;
        transition: height 0.45s;
      }
      .snapclip-data-wrapper-data img.h5s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        object-fit: unset;
      }
      .chenjinguansai-snapclip-h5 {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
      }
      .snapclip.chenjinguansai-snapclip-h5 img,
      .snapclip.chenjinguansai-snapclip-h5 img.h5s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top center;
      }
      .hf-h {
        padding: 10px 14px 6px;
        font-size: 10px;
        color: var(--txt3);
        letter-spacing: 0.06em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
      }
      .hf-h i {
        font-style: normal;
        font-size: 10px;
        color: var(--txt3);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .hf-anchors {
        display: flex;
        gap: 8px;
        padding: 8px 14px;
        border-top: 1px solid var(--line);
        flex-wrap: wrap;
      }
      .hf-a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 4px 12px;
        font-size: 10px;
        color: var(--txt2);
      }
      .hf-a.on {
        border-color: rgba(43, 127, 255, 0.5);
        color: var(--blue-l);
      }
      .hf-a .av2 {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--grad);
        display: inline-block;
      }
      .hf-hot {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 14px;
        border-top: 1px solid var(--line);
        font-size: 12px;
        color: var(--txt2);
      }
      .hf-hot .no2 {
        width: 16px;
        height: 16px;
        border-radius: 4px;
        background: rgba(43, 127, 255, 0.16);
        color: var(--blue-l);
        font-size: 10px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .hf-hot .t2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .hf-hot b {
        margin-left: auto;
        color: var(--blue-l);
        font-weight: 600;
        font-size: 10px;
        white-space: nowrap;
      }
      @media (max-width: 1020px) {
        .zrow,
        .zrow.flip {
          grid-template-columns: 1fr;
          gap: 28px;
        }
        .preview-box-h5-chengjingguansai.h5-show {
          display: block;
        }
        .snapwrap-h5v-chengjingguansai .snapwrap {
          z-index: 9;
        }
        .snapwrap-h5v-chengjingguansai {
          position: relative;
          overflow: visible;
        }
        .preview-box-h5-chanpinshikuang.h5-show {
          display: block;
        }
        .snapwrap-h5v-chanpinshikuang-data {
          position: relative;
          overflow: visible;
        }
        .snapwrap-h5v-chanpinshikuang-data .snapwrap {
          z-index: 9;
        }
        .preview-box-h5-chanpinshikuang {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          pointer-events: none;
          overflow: visible;
          filter: blur(22px);
          mix-blend-mode: screen;
        }
        .preview-box-h5-chanpinshikuang svg {
          display: block;
          width: 100%;
          height: 100%;
          overflow: visible !important;
          transform: scale(1.2) !important;
          transform-origin: center center !important;
        }

        .preview-box-h5-chanpinshikuang .blob {
          position: absolute;
          width: 260px;
          height: 260px;
          border-radius: 50%;
          filter: blur(25px);
          /*
    让中心点作为运动点
  */
          transform: translate(-50%, -50%);

          will-change: left, top;
        }

        /* 左上开始 */
        .preview-box-h5-chanpinshikuang .blob-a {
          animation: borderOrbitA 20s linear infinite;
          width: 260px;
          height: 260px;
          background: #0a84ff66;
        }

        /* 右下相反位置 */
        .preview-box-h5-chanpinshikuang .blob-b {
          animation: borderOrbitB 20s linear infinite;
          animation-delay: -10s;
          width: 200px;
          height: 200px;
          background: #0a84ff66;
        }

        .preview-box-h5-chengjingguansai {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          pointer-events: none;
          overflow: visible;
          filter: blur(22px);
          mix-blend-mode: screen;
        }
        .preview-box-h5-chengjingguansai svg {
          display: block;
          width: 100%;
          height: 100%;
          overflow: visible !important;
          transform: scale(1.2) !important;
          transform-origin: center center !important;
        }
        .preview-box-h5-chengjingguansai .blob {
          position: absolute;
          width: 260px;
          height: 260px;
          border-radius: 50%;
          filter: blur(25px);
          /*
    让中心点作为运动点
  */
          transform: translate(-50%, -50%);

          will-change: left, top;
        }

        /* 左上开始 */
        .preview-box-h5-chengjingguansai .blob-a {
          animation: borderOrbitA 20s linear infinite;
          width: 260px;
          height: 260px;
          background: #0a84ff66;
        }

        /* 右下相反位置 */
        .preview-box-h5-chengjingguansai .blob-b {
          animation: borderOrbitB 20s linear infinite;
          animation-delay: -10s;
          width: 200px;
          height: 200px;
          background: #0a84ff66;
        }
        .snapbar {
          height: 27px;
        }
        .zrow.flip .z-copy {
          order: 1;
        }
        .zrow.flip .z-vis {
          order: 2;
        }
        .fxpane div.ftags {
          height: auto;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          overflow-x: auto;
          scrollbar-width: none;
          flex-wrap: nowrap;
          white-space: nowrap;
          padding-left: 12px;
          padding-bottom: 12px;
        }
        .ticker-rev-right.rev-data {
          width: 120px;
          height: 24px;
          opacity: 1;
        }
      }
      /* 优势段：特优赔率 + 提前结算 双演示卡 */
      .duo {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 44px;
        text-align: left;
      }
      .duo-card {
        display: flex;
        flex-direction: column;
      }
      .duo-card > h3 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 4px;
      }
      .duo-card > .dsub {
        font-size: 12px;
        color: var(--txt2);
        margin-bottom: 16px;
      }
      .boost {
        background: #161618;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0 0px;
        align-items: center;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        overflow: hidden;
      }
      .boost .bh {
        display: flex;
        justify-content: space-between;
        font-size: 10px;
        color: var(--txt3);
        margin-bottom: 8px;
      }
      .boost .bt {
        font-size: 14px;
        font-weight: 700;
        color: var(--txt);
        margin-bottom: 10px;
      }
      .boost .bx {
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 14px;
        background: linear-gradient(
          160deg,
          rgba(43, 127, 255, 0.14),
          rgba(20, 21, 26, 0.9) 65%
        );
        border: 1px solid rgba(43, 127, 255, 0.55);
        border-radius: 9px;
        padding: 16px 10px;
        box-shadow: 0 0 28px rgba(43, 127, 255, 0.18) inset,
          0 8px 24px rgba(43, 127, 255, 0.14);
      }
      .boost .old {
        font-size: 14px;
        color: var(--txt3);
        text-decoration: line-through;
      }
      .boost .new {
        font-size: 32px;
        font-weight: 800;
        color: var(--blue-l);
        text-shadow: 0 0 24px rgba(43, 127, 255, 0.55);
        animation: boostGlow 2.6s ease-in-out infinite alternate;
      }
      @keyframes boostGlow {
        from {
          text-shadow: 0 0 16px rgba(43, 127, 255, 0.4);
        }
        to {
          text-shadow: 0 0 30px rgba(111, 168, 255, 0.85);
        }
      }
      .boost .up {
        font-size: 10px;
        color: var(--green);
        font-weight: 700;
      }
      .boost .bf {
        margin-top: 20px;
        font-size: 12px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.45);
        text-align: center;
        height: 40px;
        line-height: 40px;
      }
      .cashout {
        background: #161618;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0 0px;
        align-items: center;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        overflow: hidden;
      }
      .cashout .ch {
        display: flex;
        justify-content: space-between;
        font-size: 10px;
        color: var(--txt3);
        margin-bottom: 8px;
      }
      .cashout .cb {
        font-size: 12px;
        color: var(--txt2);
        padding: 7px 0;
        border-top: 1px solid var(--line);
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .cashout .cb:first-of-type {
        border-top: none;
      }
      .cashout .cb b {
        color: var(--txt);
        font-weight: 700;
      }
      .cashout .co-btn {
        display: block;
        text-align: center;
        background: var(--grad);
        color: #fff;
        border-radius: 8px;
        padding: 10px 0;
        font-weight: 700;
        font-size: 14px;
        margin-top: 10px;
        box-shadow: 0 6px 18px rgba(43, 127, 255, 0.3);
      }
      .cashout .co-note {
        margin-top: 20px;
        font-size: 12px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.45);
        text-align: center;
        height: 40px;
        line-height: 40px;
      }
      .duo-pts {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 14px;
      }
      .duo-pts span {
        font-size: 12px;
        color: var(--txt2);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 3px 11px;
      }
      @media (max-width: 1020px) {
        .duo {
          /* grid-template-columns: 1fr; */
          overflow-x: auto;
          scrollbar-width: none;
        }
        .cashout {
          padding: 12px 12px 0 12px;
          border-bottom-right-radius: 12px;
          border-bottom-left-radius: 12px;
        }
        .cashout .co-note {
          height: 28px;
          line-height: 28px;
          margin-top: 12px;
          font-size: 10px;
        }
        .special-odds {
          width: 256px;
          height: 344px;
        }
        .boost {
          padding: 12px 12px 0 12px;
          border-bottom-right-radius: 12px;
          border-bottom-left-radius: 12px;
        }
        .boost .bf {
          height: 28px;
          line-height: 28px;
          margin-top: 12px;
          font-size: 10px;
        }
      }
      /* 数字条角注 */
      .fig-note {
        margin-top: 10px;
        text-align: center;
        font-size: 10px;
        color: var(--txt3);
      }
      /* 社区与成长三卡 */
      .comm {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 44px;
        text-align: left;
      }
      .comm-card {
        /* border-image 不支持 border-radius，圆角卡片要用双层 background */
        border: 1px solid transparent;
        background: linear-gradient(#0d0e12, #0d0e12) padding-box,
          linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.1) 0%,
              rgba(255, 255, 255, 0) 100%
            )
            border-box;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
      }
      .comm-card:hover {
        background: linear-gradient(
              rgba(255, 255, 255, 0.05),
              rgba(255, 255, 255, 0.05)
            )
            padding-box,
          /* ← 这行是内容区域的底色，随便换 */
            linear-gradient(
              180deg,
              rgba(10, 132, 255, 0.2) 0%,
              rgba(10, 132, 255, 0.8) 100%
            )
            border-box;
      }
      .comm-card:hover .cc-h {
        background: rgba(255, 255, 255, 0.05);
        box-shadow: 0px 80px 60px -20px rgba(20, 76, 205, 1) inset,
          0px 40px 60px -8px rgba(102, 148, 255, 0.5) inset,
          0px 20px 40px -4px rgba(255, 255, 255, 0.2) inset;
      }

      .comm-card .cc-tag {
        position: absolute;
        right: 10px;
        top: 12px;
        font-size: 10px;
        font-weight: 700;
        color: var(--blue-l);
        border: 1px solid rgba(43, 127, 255, 0.4);
        border-radius: 4px;
        padding: 1px 6px;
        z-index: 2;
      }
      .comm-card .cc-h {
        padding: 20px 12px;
        font-size: 24px;
        font-weight: 450;
        line-height: 140%;
        color: var(--txt);
        background: rgba(10, 132, 255, 0.1);
        display: flex;
        flex-direction: column;
        height: 102px;
        align-items: center;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
      }
      .comm-card .cc-h small {
        display: block;
        font-weight: 330;
        line-height: 140%;
        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;
      }
      .comm-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #161618;
        padding: 20px;
        overflow: hidden;
      }
      .popular-co-investments {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        pointer-events: none;
      }
      .lad-row {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 0;
        border-top: 1px solid var(--line);
      }
      .lad-row .rk {
        font-size: 12px;
        font-weight: 800;
        color: #f7b32b;
        width: 26px;
      }
      .lad-row .nm2 {
        flex: 1;
        min-width: 0;
      }
      .lad-row .nm2 b {
        display: block;
        font-size: 12px;
        color: var(--txt);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .lad-row .bdg {
        display: inline-block;
        font-size: 10px;
        color: var(--blue-l);
        border: 1px solid rgba(43, 127, 255, 0.35);
        border-radius: 3px;
        padding: 0 4px;
        margin-right: 3px;
        margin-top: 3px;
      }
      .lad-row .seg {
        text-align: right;
        font-size: 10px;
        color: var(--txt2);
      }
      .lad-row .seg b {
        display: block;
        color: #f7b32b;
        font-weight: 700;
        font-size: 10px;
      }
      .lad-my {
        display: flex;
        justify-content: space-between;
        background: var(--card2);
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 6px 10px;
        margin-top: 9px;
        font-size: 10px;
        color: var(--txt3);
      }
      .roadmap {
        display: flex;
        gap: 3px;
        margin: 8px 0;
        flex-wrap: wrap;
      }
      .roadmap i {
        width: 11px;
        height: 11px;
        border-radius: 3px;
      }
      .roadmap .w {
        background: var(--red);
      }
      .roadmap .l {
        background: rgba(255, 255, 255, 0.12);
      }
      .pp-line {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
        border-top: 1px solid var(--line);
        color: var(--txt2);
      }
      .pp-line b {
        color: var(--txt);
      }
      /* 大神排行榜 + 资料卡 */
      .rank-tabs {
        display: flex;
        background: rgba(255, 255, 255, 0.04);
        margin-bottom: 10px;
        border-radius: 9px;
        padding: 3px;
      }
      .rank-tab {
        flex: 1;
        text-align: center;
        font-size: 12px;
        color: var(--txt2);
        padding: 6px 0;
        border-radius: 7px;
        cursor: pointer;
        transition: all 0.2s;
      }
      .rank-tab.on {
        background: rgba(43, 127, 255, 0.2);
        color: var(--blue-l);
        font-weight: 600;
      }
      .rank-row {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 9px 4px;
        border-bottom: 1px solid var(--line);
        cursor: pointer;
        transition: background 0.2s;
        border-radius: 6px;
      }
      .rank-row:hover,
      .rank-row.sel {
        background: rgba(43, 127, 255, 0.07);
      }
      .rank-row:last-child {
        border-bottom: none;
      }
      .rank-row .no {
        width: 20px;
        font-size: 12px;
        font-weight: 800;
        color: #f7b32b;
        text-align: center;
      }
      .rank-row .av {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: var(--grad);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        flex-shrink: 0;
      }
      .rank-row .nm {
        flex: 1;
        font-size: 12px;
        font-weight: 600;
        color: var(--txt);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .rank-row .wr {
        font-size: 12px;
        font-weight: 700;
        color: var(--blue-l);
      }
      .rank-row .hearts {
        font-size: 10px;
        color: var(--txt3);
      }
      .index-dialog-component {
        text-align: left;
      }
      .header-area {
        display: flex;
        gap: 10px;
        align-items: center;
      }
      .header-avatar img {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        object-fit: contain;
        background: #1a1f2d;
        display: block;
      }
      .name-row {
        display: flex;
        align-items: center;
        gap: 9px;
      }
      .user-name {
        font-size: 14px;
        font-weight: 700;
      }
      .play-now {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 450;
        line-height: 140%;
        margin-top: 12px;
        cursor: pointer;
        color: #0a84ff;
      }
      .play-now:hover {
        color: #0a84ff;
        opacity: 0.5;
      }
      .arrows {
        position: relative;
        height: 20px;

        margin-left: 8px;
      }

      /* =========================
               箭头
               ========================= */

      .arrows i {
        position: absolute;

        top: 50%;
        left: 0;

        width: 7px;
        height: 7px;

        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;

        font-style: normal;

        transform: translateY(-50%) translateX(0) rotate(45deg);

        opacity: 0;
      }

      /* =========================
               默认状态
               第一个箭头显示
               ========================= */

      .arrows i:nth-child(1) {
        opacity: 1;

        transform: translateY(-50%) translateX(0) rotate(45deg);
      }

      .arrows i:nth-child(2),
      .arrows i:nth-child(3) {
        opacity: 0;
      }

      /* =========================
               Hover
               ========================= */

      /* 第一个：
               最先移动
               最终 18px
            */
      .play-now:hover .arrows i:nth-child(1) {
        animation: arrow1 0.4s ease forwards;
      }

      /* 第二个：
               0.15s 后出现
               最终 12px
            */
      .play-now:hover .arrows i:nth-child(2) {
        animation: arrow2 0.4s ease 0.15s forwards;
      }

      /* 第三个：
               0.3s 后出现
               最终 6px
            */
      .play-now:hover .arrows i:nth-child(3) {
        animation: arrow3 0.4s ease 0.3s forwards;
      }

      /* =========================
               第一个箭头动画
               0 → 18px
               ========================= */

      @keyframes arrow1 {
        0% {
          opacity: 1;

          transform: translateY(-50%) translateX(0) rotate(45deg);
        }

        100% {
          opacity: 1;

          transform: translateY(-50%) translateX(9px) rotate(45deg);
        }
      }

      /* =========================
               第二个箭头动画
               -6 → 12px
               同时渐渐显示
               ========================= */

      @keyframes arrow2 {
        0% {
          opacity: 0;

          transform: translateY(-50%) translateX(-6px) rotate(45deg);
        }

        100% {
          opacity: 0.6;

          transform: translateY(-50%) translateX(3px) rotate(45deg);
        }
      }

      /* =========================
               第三个箭头动画
               -6 → 6px
               同时渐渐显示
               ========================= */

      @keyframes arrow3 {
        0% {
          opacity: 0;

          transform: translateY(-50%) translateX(-6px) rotate(45deg);
        }

        100% {
          opacity: 0.4;
          transform: translateY(-50%) translateX(-2px) rotate(45deg);
        }
      }
      .play-now img {
        margin-left: 4px;
        width: 12px;
        height: 12px;
      }
      .follow-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: rgba(43, 127, 255, 0.14);
        border: 1px solid rgba(43, 127, 255, 0.45);
        color: var(--blue-l);
        font-size: 10px;
        border-radius: 6px;
        padding: 3px 10px;
        cursor: pointer;
      }
      .follow-btn svg {
        width: 12px;
        height: 12px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
      }
      .user-info {
        display: flex;
        gap: 8px;
        align-items: center;
        font-size: 10px;
        color: var(--txt3);
        margin-top: 4px;
      }
      .user-info .stat-num {
        color: var(--txt);
        font-weight: 700;
        margin-right: 3px;
      }
      .gd-tabs {
        display: flex;
        gap: 6px;
        margin: 12px 0 10px;
      }
      .gd-tab {
        font-size: 12px;
        color: var(--txt2);
        padding: 5px 14px;
        border-radius: 999px;
        border: 1px solid var(--line);
        cursor: pointer;
        transition: all 0.2s;
      }
      .gd-tab.on {
        color: var(--blue-l);
        border-color: rgba(43, 127, 255, 0.5);
        background: rgba(43, 127, 255, 0.1);
        font-weight: 600;
      }
      .dynamic-scroll {
        max-height: 286px;
        overflow-y: auto;
        scrollbar-width: none;
      }
      .dynamic-scroll::-webkit-scrollbar {
        display: none;
      }
      .dynamic-item {
        background: rgba(255, 255, 255, 0.028);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 9px 11px;
        margin-bottom: 8px;
        font-size: 12px;
      }
      .dynamic-item:last-child {
        margin-bottom: 0;
      }
      .dy-top {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        color: var(--txt3);
        font-size: 10px;
        margin-bottom: 4px;
      }
      .dy-wallet {
        color: #f7b32b;
        font-weight: 600;
        white-space: nowrap;
      }
      .dy-league {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .dy-teams {
        font-size: 12px;
        font-weight: 600;
        color: var(--txt);
        margin-bottom: 5px;
      }
      .dy-vs {
        color: var(--txt3);
        font-weight: 400;
        padding: 0 6px;
      }
      .dy-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
      }
      .dy-playtype {
        color: var(--txt2);
        font-size: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .nbitem-bet-item {
        display: flex;
        align-items: center;
        gap: 8px;
        background: var(--card2);
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 4px 10px;
        flex-shrink: 0;
      }
      .nbitem-bet-item .name {
        color: var(--txt2);
        font-size: 10px;
      }
      .nbitem-bet-item .radio {
        color: var(--txt2);
        font-size: 10px;
      }
      .nbitem-bet-item .ior {
        color: var(--blue-l);
        font-weight: 700;
        font-size: 12px;
      }
      /* 语言演示器 */
      .langdemo {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        min-width: 0;
        margin-top: 28px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.05);
        text-align: left;
      }
      .ld-tabs {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 12px;
        padding: 20px;
        align-content: start;
      }
      .ld-tab {
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 6px;
        padding: 8px;
        font-size: 14px;
        font-weight: 330;
        color: rgba(255, 255, 255, 0.75);
        cursor: pointer;
      }
      .ld-tab.on {
        background: rgba(10, 132, 255, 0.1);
        border-color: rgba(10, 132, 255, 1);
        color: var(--blue-l);
        font-weight: 450;
      }
      .ld-stage {
        background: #0d0e12;
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 16px;
      }
      .ld-stage .ls-nav {
        display: flex;
        gap: 10px;
        font-size: 12px;
        color: var(--txt2);
        border-bottom: 1px solid var(--line);
        padding-bottom: 9px;
        margin-bottom: 10px;
      }
      .ld-stage .ls-nav b {
        color: var(--blue-l);
      }
      .ld-row {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
        font-size: 12px;
        color: var(--txt2);
      }
      .ld-row b {
        color: var(--txt);
      }
      .ld-btn {
        display: inline-block;
        background: var(--grad);
        color: #fff;
        border-radius: 7px;
        padding: 7px 18px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 10px;
      }
      /* 风控对账表 */
      .acct {
        background: #0d0e12;
        border: 1px solid var(--line);
        border-radius: 10px;
        margin-top: 28px;
        text-align: left;
        font-size: 10px;
        overflow-x: auto;
      }
      .acct .at-h {
        display: grid;
        grid-template-columns: 1.2fr 2fr 1.4fr 0.9fr 1fr 1.6fr;
        gap: 6px;
        background: rgba(255, 255, 255, 0.03);
        padding: 8px 12px;
        color: var(--txt3);
        font-size: 10px;
        min-width: 560px;
      }
      .acct .at-r {
        display: grid;
        grid-template-columns: 1.2fr 2fr 1.4fr 0.9fr 1fr 1.6fr;
        gap: 6px;
        padding: 9px 12px;
        border-top: 1px solid var(--line);
        color: var(--txt2);
        align-items: center;
        min-width: 560px;
      }
      .acct .at-r b {
        color: var(--txt);
      }
      .acct .win {
        color: var(--red);
        font-weight: 700;
      }
      .acct .st {
        font-size: 10px;
        color: var(--green);
        border: 1px solid rgba(22, 199, 132, 0.35);
        border-radius: 4px;
        padding: 1px 5px;
        justify-self: start;
      }
      .partners img {
        height: 32px;
        width: auto;
        display: block;
        opacity: 0.62;
        filter: brightness(0) invert(1);
      }
      .partners img:hover {
        opacity: 0.95;
      }
      .partners li {
        list-style: none;
      }
      .partners ul {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
      }
      @media (max-width: 1020px) {
        .comm {
          grid-template-columns: 1fr;
        }
        .langdemo {
          grid-template-columns: minmax(0, 1fr);
          background: transparent;
          border: none;
        }
        .ld-tabs {
          flex-direction: row;
          overflow-x: auto;
          scrollbar-width: none;
        }
      }
      div.snapclip {
        width: 100%;
        height: auto;
        overflow: hidden;
      }
      .snapclip img {
        display: block;
        width: 100%;
        height: auto;
      }
      @media (max-width: 1020px) {
        div.snapclip {
          width: 100%;
        }
        .snapclip img {
          display: block;
          width: 100%;
          height: auto;
        }
        .snapclip.snapclip-data-wrapper-data {
          aspect-ratio: 375 / 812;
          overflow: hidden;
        }
        .snapclip.chenjinguansai-snapclip-h5 {
          width: 100%;
          height: auto;
          aspect-ratio: 375 / 812;
          overflow: hidden;
        }
        .snapclip.chenjinguansai-snapclip-h5 img,
        .snapclip.chenjinguansai-snapclip-h5 img.h5s {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: top center;
        }
        .comm {
          display: flex;
          overflow-x: auto;
          scrollbar-width: none;
        }
        .comm::-webkit-scrollbar {
          display: none;
        }
        .comm-card {
          flex: 0 0 262px;
        }
      }
      @media (max-width: 640px) {
        .data-p-conten{
          text-align: center;
        }
        .duo {
          display: flex;
          flex-wrap: nowrap;
          gap: 12px;
          min-width: 0;
          scroll-snap-type: x mandatory;
        }
        .duo-card {
          flex: 0 0 75%;
          width: 75%;
          max-width: 75%;
          min-width: 0;
          scroll-snap-align: start;
          border-radius: 12px;
          overflow: hidden;
        }
        .special-odds {
          width: 100%;
          max-width: 100%;
          height: auto;
        }
        .comm-card {
          flex: 0 0 75%;
          width: 75%;
          max-width: 75%;
          min-width: 0;
          scroll-snap-align: start;
        }
      }
      /* 直播与数据组件 */
      :root {
        --host: #0688f9;
        --away: #ff325b;
      }
      .ptabs {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 12px;
        position: relative;
        z-index: 9;
      }
      /* #feedTabs,
      #tourTabs {
        justify-content: center;
      } */
      .ptab {
        display: flex;
        align-items: center;
        height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        font-size: 14px;
        font-weight: 330;
        line-height: 140%;
        padding: 8px 20px;
        color: rgba(255, 255, 255, 0.75);
        cursor: pointer;
        transition: all 0.25s;
      }
      .ptab:hover {
        background: rgba(10, 132, 255, 0.1);
        color: var(--blue-l);
        border-color: transparent;
      }
      .ptab.on {
        background: rgba(10, 132, 255, 0.1);
        color: var(--blue-l);
        border-color: #0a84ff;
        font-weight: 450;
      }
      @media (max-width: 640px) {
        .ptab.pc-only {
          display: none;
        }
        /* 压过后面的 .ptab:hover / transition:all，避免点选时闪白 */
        #feedTabs .ptab,
        #feedTabs .ptab:hover,
        #feedTabs .ptab:active,
        #feedTabs .ptab.on {
          background: transparent;
          background-color: transparent;
          -webkit-tap-highlight-color: transparent;
          transition: color 0.2s;
        }
        #feed .tmark[data-f='f7'],
        #feed .h5v img.h5s[data-s='f7'] {
          display: none;
        }
      }
      .pane {
        display: none;
      }
      .pane.on {
        display: block;
        animation: pin 0.32s cubic-bezier(0.22, 0.8, 0.32, 1);
      }
      @keyframes pin {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      .livewin {
        max-width: 880px;
        margin: 26px auto 0;
        background: #0d0e12;
        border: 1px solid var(--line);
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5),
          0 0 60px rgba(43, 127, 255, 0.1);
        text-align: left;
      }
      .lw-score {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        padding: 12px 16px;
        background: rgba(17, 19, 26, 0.9);
        border-bottom: 1px solid var(--line);
        font-size: 14px;
        font-weight: 700;
        flex-wrap: wrap;
      }
      .lw-score .sc {
        font-size: 16px;
        color: var(--blue-l);
      }
      .lw-score .lv {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: var(--red);
        border-radius: 5px;
        padding: 2px 8px;
        letter-spacing: 0.06em;
      }
      .lw-score .lv i {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #fff;
        animation: lb 1.4s ease infinite;
        font-style: normal;
      }
      .lw-score .ht {
        font-size: 10px;
        color: var(--txt3);
        font-weight: 400;
      }
      .lw-stage {
        position: relative;
        height: 300px;
        background: radial-gradient(
          120% 130% at 50% 0%,
          #14532d 0%,
          #0c3d20 42%,
          #082b17 100%
        );
      }
      .lw-stage::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 150px;
        height: 150px;
        border: 2px solid rgba(255, 255, 255, 0.14);
        border-radius: 50%;
      }
      .lw-stage::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 2px;
        background: rgba(255, 255, 255, 0.12);
      }
      .lw-anim .lw-stage {
        background: #0d1524;
      }
      .lw-anim .lw-stage::before {
        border-color: rgba(111, 168, 255, 0.25);
      }
      .lw-anim .lw-stage::after {
        background: rgba(111, 168, 255, 0.2);
      }
      .lw-badges {
        position: absolute;
        left: 14px;
        bottom: 12px;
        display: flex;
        gap: 8px;
        z-index: 2;
      }
      .lw-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(10, 12, 18, 0.78);
        border: 1px solid rgba(148, 170, 255, 0.2);
        border-radius: 999px;
        font-size: 10px;
        color: #dfe6f5;
        padding: 4px 12px;
      }
      .lw-badge i {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--grad);
        font-style: normal;
      }
      .lw-ball {
        position: absolute;
        left: 30%;
        top: 38%;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
        animation: ballrun 7s ease-in-out infinite alternate;
      }
      @keyframes ballrun {
        0% {
          left: 26%;
          top: 36%;
        }
        25% {
          left: 52%;
          top: 52%;
        }
        50% {
          left: 68%;
          top: 30%;
        }
        75% {
          left: 44%;
          top: 62%;
        }
        100% {
          left: 72%;
          top: 48%;
        }
      }
      .lw-scorebig {
        height: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #0d0e12;
      }
      .lw-scorebig .t {
        font-size: 12px;
        color: var(--txt2);
      }
      .lw-scorebig .s {
        font-size: 56px;
        font-weight: 800;
        color: var(--blue-l);
        letter-spacing: 0.06em;
      }
      .lw-scorebig .m {
        font-size: 12px;
        color: var(--txt3);
      }
      .lw-facts {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 12px 16px;
        border-top: 1px solid var(--line);
        font-size: 12px;
        color: var(--txt2);
        flex-wrap: wrap;
      }
      .lw-facts b {
        color: var(--txt);
        font-weight: 700;
      }
      .lw-facts .tip {
        margin-left: auto;
        font-size: 10px;
        color: var(--txt3);
      }
      .match-data {
        max-width: 880px;
        margin: 26px auto 0;
        text-align: left;
      }
      .dtabs {
        display: flex;
        gap: 4px;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 5px;
        margin-bottom: 16px;
      }
      .dtab {
        flex: 1;
        text-align: center;
        font-size: 14px;
        color: var(--txt2);
        padding: 9px 0;
        border-radius: 9px;
        cursor: pointer;
        transition: all 0.25s;
      }
      .dtab.is-active {
        background: rgba(43, 127, 255, 0.16);
        color: var(--blue-l);
        font-weight: 700;
        box-shadow: inset 0 0 0 1px rgba(43, 127, 255, 0.45);
      }
      .dcard {
        background: #0d0e12;
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 18px;
      }
      .dcard + .dcard {
        margin-top: 12px;
      }
      .dcard .dt {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 12px;
      }
      .ft-analyze-tab {
        display: flex;
        background: rgba(255, 255, 255, 0.04);
        border-radius: 10px;
        padding: 4px;
        margin-bottom: 16px;
      }
      .ft-analyze-btn {
        flex: 1;
        text-align: center;
        font-size: 12px;
        color: var(--txt2);
        padding: 7px 0;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.25s;
      }
      .ft-analyze-btn.actived {
        background: rgba(43, 127, 255, 0.2);
        color: var(--blue-l);
        font-weight: 600;
      }
      .ft-analyze-circle {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }
      .ft-analyze-circle-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
      }
      .ft-analyze-circle-title {
        font-size: 12px;
        color: var(--txt3);
      }
      .circle-wrap {
        position: relative;
        width: 92px;
        height: 92px;
      }
      .circle-wrap svg {
        width: 92px;
        height: 92px;
        transform: rotate(-90deg);
      }
      .circle-wrap .bgc {
        fill: none;
        stroke: var(--host);
        stroke-width: 14;
      }
      .circle-wrap .prg {
        fill: none;
        stroke: var(--away);
        stroke-width: 14;
        stroke-dasharray: 239;
        stroke-dashoffset: calc(239 * (1 - var(--percent) / 100));
      }
      .circle-nums {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 12px;
        font-weight: 700;
      }
      .circle-nums .h {
        color: var(--host);
      }
      .circle-nums .a {
        color: var(--away);
      }
      .fa-b {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 14px;
        font-size: 12px;
        color: var(--txt2);
      }
      .fa-b .t {
        font-weight: 700;
        color: var(--txt);
        width: 16px;
        text-align: center;
      }
      .fa-b-center {
        flex: 1;
        text-align: center;
      }
      .fa-b-center .progress {
        display: flex;
        height: 6px;
        border-radius: 99px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.08);
        margin-top: 4px;
      }
      .fa-b-center .home {
        background: var(--host);
      }
      .fa-b-center .away {
        background: var(--away);
      }
      .fa-b-center .dark {
        width: 100%;
        background: rgba(255, 255, 255, 0.08);
      }
      .live-wrap .tabs {
        display: flex;
        background: rgba(255, 255, 255, 0.04);
        border-radius: 10px;
        padding: 4px;
        margin-bottom: 14px;
      }
      .live-wrap .ltab {
        flex: 1;
        text-align: center;
        font-size: 12px;
        color: var(--txt2);
        padding: 7px 0;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.25s;
      }
      .live-wrap .ltab.active {
        background: rgba(43, 127, 255, 0.2);
        color: var(--blue-l);
        font-weight: 600;
      }
      .text-live .item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 7px 0;
        position: relative;
      }
      .text-live .item + .item::before {
        content: '';
        position: absolute;
        left: 11px;
        top: -8px;
        height: 10px;
        width: 1px;
        background: var(--line-hi);
      }
      .svg-icon {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 12px;
        background: rgba(255, 255, 255, 0.05);
        font-style: normal;
      }
      .svg-icon.live-corner {
        background: rgba(22, 199, 132, 0.14);
      }
      .svg-icon.live-goal {
        background: rgba(43, 127, 255, 0.18);
      }
      .svg-icon.live-yellow-card {
        background: rgba(247, 179, 43, 0.16);
      }
      .svg-icon.live-whistle {
        background: rgba(255, 77, 94, 0.14);
      }
      .text-live .txt {
        font-size: 12px;
        color: var(--txt2);
        line-height: 155%;
        padding-top: 1px;
      }
      .text-live .txt b {
        color: var(--txt);
        font-weight: 600;
      }
      .text-live .foul {
        margin-left: auto;
        font-size: 10px;
        color: var(--txt3);
        border: 1px solid var(--line);
        border-radius: 4px;
        padding: 1px 7px;
        flex-shrink: 0;
        align-self: center;
      }
      .event-type {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 9px;
        font-size: 12px;
        color: var(--txt2);
      }
      .event-type .items {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .ftweather {
        display: flex;
        align-items: center;
        gap: 18px;
        background: linear-gradient(
          120deg,
          rgba(84, 98, 192, 0.5),
          rgba(56, 72, 150, 0.36)
        );
        border: 1px solid rgba(148, 170, 255, 0.25);
        border-radius: 12px;
        padding: 14px 18px;
        margin-top: 12px;
        flex-wrap: wrap;
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
      }
      .ftweather .top {
        font-size: 14px;
        font-weight: 700;
      }
      .ftweather-content {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        font-size: 12px;
        color: #dfe6f5;
      }
      .ftweather-content b {
        color: #fff;
        font-weight: 700;
      }
      .dv--nodata {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 56px 0;
        color: var(--txt3);
        font-size: 12px;
      }
      .icon-noData {
        width: 64px;
        height: 52px;
        border: 1.5px dashed var(--line-hi);
        border-radius: 10px;
        position: relative;
      }
      .icon-noData::before {
        content: '';
        position: absolute;
        left: 12px;
        top: 12px;
        right: 12px;
        height: 5px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.08);
      }
      .icon-noData::after {
        content: '';
        position: absolute;
        left: 12px;
        top: 24px;
        width: 26px;
        height: 5px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.06);
      }
      .nodata-note {
        font-size: 12px;
        color: var(--txt3);
        text-align: center;
        margin-top: 10px;
      }
      .baseBall-record-title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 12px;
      }
      .home-title-content {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 14px 0 10px;
      }
      .home-logo {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--grad);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        flex-shrink: 0;
      }
      .home-logo.a {
        background: linear-gradient(120deg, #ff325b, #c92440);
      }
      .htct-left {
        font-size: 12px;
        font-weight: 700;
      }
      .htct-right {
        margin-left: auto;
        display: flex;
        gap: 6px;
      }
      .htct-right .result {
        font-size: 10px;
        color: var(--txt2);
        border: 1px solid var(--line);
        border-radius: 5px;
        padding: 1px 8px;
      }
      .his-table {
        width: 100%;
        font-size: 12px;
      }
      .his-table-head,
      .his-table-item {
        display: grid;
        grid-template-columns: 1.2fr 1fr 1.3fr 0.8fr 1.3fr;
        gap: 4px;
        padding: 8px 2px;
        border-bottom: 1px solid var(--line);
        align-items: center;
        text-align: center;
      }
      .his-table-head {
        color: var(--txt3);
        font-size: 12px;
      }
      .his-table-item {
        color: var(--txt2);
      }
      .his-table-item:last-child {
        border-bottom: none;
      }
      .htb-team {
        color: var(--txt);
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .htb-team.not-victory {
        color: var(--txt3);
        font-weight: 400;
      }
      .htb-score {
        font-weight: 700;
      }
      .htb-score.blue-txt {
        color: var(--blue-l);
      }
      .htb-score.red-txt {
        color: var(--red);
      }
      .timeline-container {
        width: 100%;
        max-width: 420px;
        padding: 20px 0;
      }

      .timeline-container .timeline-item {
        position: relative;
        padding-left: 36px;
        padding-bottom: 20px;
      }

      .timeline-item:last-child {
        padding-bottom: 0;
      }

      /* 左侧纵向连接线 */
      .timeline-item::before {
        content: '';
        position: absolute;
        left: 8px;
        top: 18px;
        width: 1px;
        height: 100%;
        background: rgba(91, 157, 255, 1);
      }
      .applycard.applycard-rev {
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.05);
      }
      .rev.spec-rev {
        margin-top: 40px;
        padding: 40px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.05);
        position: relative;
      }
      @media (min-width: 641px) {
        .spec.spec-rev:hover::before,
        .spec.spec-rev.expanded::before,
        .spec.spec-rev.is-open::before {
          content: '';
          position: absolute;
          inset: 0;
          z-index: 2;
          padding: 1px;
          border-radius: inherit;
          pointer-events: none;
          background: linear-gradient(
            180deg,
            rgba(10, 132, 255, 0.2) 0%,
            rgba(10, 132, 255, 0.8) 100%
          );
          -webkit-mask: linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
          -webkit-mask-composite: xor;
          mask-composite: exclude;
        }
      }
      @media (min-width: 1021px) {
        .rev.fqa-rev-card:hover h4 {
          color: #0a84ff;
        }
        .rev.fqa-rev-card:hover p {
          color: rgba(255, 255, 255, 0.75);
        }
      }
      .rev.fqa-rev-card {
        height: auto;
        gap: 10px;
        opacity: 1;
        border: none;
        border-radius: 8px;
        padding: 20px;
        position: relative;
        background: rgba(255, 255, 255, 0.05);
        -webkit-tap-highlight-color: transparent;
      }
      /* 1px 上→下白渐变描边；不用 border-image，才能保住 8px 圆角 */
      .rev.fqa-rev-card::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        padding: 1px;
        border-radius: inherit;
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(255, 255, 255, 0) 100%
        );
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
      }
      @media (min-width: 1021px) {
        .rev.fqa-rev-card:hover::before {
          background: #0a84ff;
        }
      }
      .spec {
        max-height: 240px;
      }
      .spec:hover .move-table-content,
      .spec.expanded .move-table-content,
      .spec.is-open .move-table-content {
        display: none;
      }
      .spec.expanded,
      .spec.is-open {
        max-height: none;
      }
      @media (max-width: 640px) {
        .spec.spec-rev {
          transition: none;
          overflow-anchor: none;
        }
        .spec.spec-rev.expanded,
        .spec.spec-rev.is-open {
          max-height: none;
        }
        .fqa-rev-card {
          overflow-anchor: none;
        }
      }
      /* 触控没有真正 hover，避免点开后 sticky hover 收不回去 */
      @media (hover: none) {
        .spec:hover {
          max-height: 240px;
        }
        .spec:hover .move-table-content {
          display: flex;
        }
        .spec.expanded,
        .spec.is-open {
          max-height: none;
        }
        .spec.expanded .move-table-content,
        .spec.is-open .move-table-content {
          display: none;
        }
      }
      .move-table-content {
        position: absolute;
        bottom: 0;
        height: 80px;
        left: 0;
        right: 0;
        transform: none;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 6px;
        padding-bottom: 16px;
        width: 100%;
        font-weight: 330;
        font-style: Regular;
        font-size: 14px;
        letter-spacing: 0%;
        vertical-align: middle;
        pointer-events: none;
        border-radius: 0 0 12px 12px;
        background: linear-gradient(
          180deg,
          rgba(22, 23, 26, 0) 0%,
          rgba(22, 23, 26, 0.72) 42%,
          rgba(22, 23, 26, 0.96) 100%
        );
      }
      /* 最后一项的连接线采用渐变隐去 */
      .timeline-item:last-child::before {
        background: linear-gradient(
          to bottom,
          #2563eb 0%,
          rgba(37, 99, 235, 0) 100%
        );
        height: 60px;
      }
      .dpanel.lockwrap-dpanel-data {
        position: relative;
        box-sizing: border-box;
        margin: 0;
        padding: 20px 20px 0 20px;

        border-radius: 12px;

        /* Figma: #FFFFFF0D */
        background: rgba(255, 255, 255, 0.05);
      }
      /* 渐变边框 */
      .lockwrap-dpanel-data::before {
        content: '';
        position: absolute;
        inset: 0;

        /* 边框厚度 */
        padding: 1px;

        border-radius: inherit;

        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(255, 255, 255, 0) 100%
        );

        /*
         * 只显示 padding 区域，也就是 1px 边框
         * 中间区域透明，不会覆盖 card 内容
         */
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);

        -webkit-mask-composite: xor;

        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

        mask-composite: exclude;

        pointer-events: none;
      }

      /* 同心圆图标 */
      .timeline-container .timeline-node {
        position: absolute;
        left: 0;
        top: 2px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid rgba(91, 157, 255, 1);
        background: #121316;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
      }

      .timeline-node::after {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(91, 157, 255, 0.8);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }

      /* 编号与步骤名称 */
      .timeline-container .timeline-step {
        font-size: 12px;
        color: rgba(91, 157, 255, 1);
        font-weight: 450;
        margin-bottom: 8px;
        line-height: 130%;
        padding-top: 4px;
      }

      /* 标题 */
      .timeline-container .timeline-title {
        font-size: 16px;
        font-weight: 450;
        color: #fff;
        margin-bottom: 4px;
        line-height: 150%;
      }

      /* 描述文本 */
      .timeline-desc {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.45);
        line-height: 150%;
        font-weight: 330;
        display: flex;
        align-items: center;
      }

      /* 蓝色可点击链接 */
      .action-link {
        color: rgba(10, 132, 255, 1);
        text-decoration: none;
        margin-left: 6px;
        font-weight: 450;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        padding-left: 12px;
      }
      .img-content-data {
        margin-left: 4px;
      }
      .action-link:hover {
        text-decoration: underline;
      }
      .analyze-tip {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 12px;
      }
      .analyze-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 12px;
      }
      .analyze-header .jer {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      }
      .analyze-header .jer i {
        width: 14px;
        height: 14px;
        border-radius: 4px;
        font-style: normal;
      }
      .analyze-header .host i {
        background: var(--host);
      }
      .analyze-header .away i {
        background: var(--away);
      }
      .analyze-bet-item {
        background: rgba(255, 255, 255, 0.028);
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 14px;
        margin-bottom: 12px;
      }
      .analyze-bet-item:last-child {
        margin-bottom: 0;
      }
      .analyze-bet-title {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 10px;
      }
      .analyze-title {
        text-align: center;
        font-size: 10px;
        color: var(--txt3);
        margin: 8px 0 5px;
      }
      .analyze-content {
        display: flex;
        flex-direction: column;
        gap: 3px;
      }
      .analyze-pr {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: var(--txt2);
      }
      .analyze-bar {
        display: flex;
        height: 9px;
        border-radius: 99px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.06);
        gap: 2px;
      }
      .analyze-bar i {
        display: block;
        height: 100%;
        font-style: normal;
      }
      .analyze-bar .host {
        background: var(--host);
      }
      .analyze-bar .draw {
        background: var(--green);
      }
      .analyze-bar .away {
        background: var(--away);
      }
      .analyze-val {
        font-size: 12px;
        font-weight: 700;
        color: var(--txt);
      }
      .analyze-val.right {
        text-align: right;
      }
      @media (max-width: 720px) {
        .event-type {
          grid-template-columns: repeat(2, 1fr);
        }
        .dtab {
          font-size: 12px;
        }
        .lw-stage,
        .lw-scorebig {
          height: 240px;
        }
        .his-table-head,
        .his-table-item {
          font-size: 10px;
        }
        .ft-analyze-circle {
          gap: 6px;
        }
      }
      @media (max-width: 640px) {
        .dpanel-wrapper-data .h5-show,
        .dpanel-data-wrapper-center .h5-show {
          display: block;
          width: auto;
          height: auto;
        }
        div.dpanel.special-feature-wrapper {
          margin: 12px 12px;
          overflow: visible;
        }
        .special-feature-wrapper .tabs-container {
          flex-wrap: nowrap;
          justify-content: flex-start;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
          gap: 12px;
        }
        .special-feature-wrapper .tabs-container::-webkit-scrollbar {
          display: none;
        }
        div.tabs-container .tab-item {
          flex: 0 0 auto;
          white-space: nowrap;
          height: 24px;
          opacity: 1;
          gap: 10px;
          font-weight: 330;
          padding-top: 4px;
          padding-right: 8px;
          padding-bottom: 4px;
          padding-left: 8px;
          border-radius: 4px;
          background: unset;
          background-color: unset !important;
          border: 1px solid rgba(255, 255, 255, 0.1);
          /* box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); */
        }
        div.tabs-container .tab-item.active {
          /* box-shadow: inset 0 0 0 1px rgba(10, 132, 255, 1); */
          border: 1px solid rgba(10, 132, 255, 1);
        }
        div.dpanel.dpanel-wrapper-data {
          margin: 12px 12px 12px 12px;
        }
      }
      /* 手机滑动性能：关掉整页持续动画与大模糊层，逻辑不变 */
      @media (max-width: 640px) {
        html {
          scroll-behavior: auto;
        }
        .page::after {
          display: none;
        }
        .amb {
          display: none;
        }
        .preview-box-h5-chanpinshikuang,
        .preview-box-h5-chengjingguansai {
          filter: none;
          mix-blend-mode: normal;
        }
        .hmar,
        .tk-in,
        .tk-in + .tk-in {
          animation-play-state: paused;
        }
      }
      /* 摘布哨兵：必须留在文件最后。解析到这里说明整份 page.css 已生效。 */
      :root {
        --page-css-ready: 1;
      }