@media (min-width: 769px) {
  /* 1. 整页基调：低饱和灰背景，内容区使用纯白以建立层级。 */
  .hl-live-page--desktop {
    padding: 20px 0 32px;
    background: #f3f6f9;
    color: #303746;
    font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  }
  .hl-live-page--desktop .hl-live-page__inner {
    max-width: 1400px;
    padding: 0 16px;
    margin: 0 auto;
  }

  /* 2. 顶部摘要：沿用已确认的紧凑标题、状态、观看人数布局。 */
  .hl-live-desktop-topbar {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 44px;
    margin: 0 0 14px;
    padding: 0 14px;
    border-radius: 3px;
    background: #fff;
    color: #8792a1;
    font-size: 13px;
  }
  .hl-live-desktop-topbar__title {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    color: #28313d;
    font-size: 16px;
    font-weight: 600;
  }
  .hl-live-desktop-topbar__type {
    flex: 0 0 auto;
  }
  .hl-live-desktop-topbar h1 {
    overflow: hidden;
    margin: 0;
    padding-left: 5px;
    color: inherit;
    font: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hl-live-desktop-topbar .hl-live-status {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid #e4e8ee;
    border-radius: 3px;
    background: #f6f7f9;
    color: #8993a3;
    font-size: 12px;
  }
  /* 顶部状态保留四种明确配色，不能被通用浅灰标签样式覆盖。 */
  .hl-live-desktop-topbar .hl-live-status--upcoming { border-color: #00a870; background: #00a870; color: #fff; }
  .hl-live-desktop-topbar .hl-live-status--living { border-color: #f53f3f; background: #f53f3f; color: #fff; }
  .hl-live-desktop-topbar .hl-live-status--replay { border-color: #2f7cf6; background: #2f7cf6; color: #fff; }
  .hl-live-desktop-topbar .hl-live-status--ended { border-color: #86909c; background: #86909c; color: #fff; }
  .hl-live-desktop-topbar .hl-live-popularity {
    flex: 0 0 auto;
  }

  /* 3. 播放与互动：左侧播放器，右侧评论，平直白底无空隙。 */
  .hl-live-desktop-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 356px;
    align-items: stretch;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #fff;
  }
  .hl-live-desktop-player {
    min-width: 0;
  }
  .hl-live-desktop-player__stage {
    background: #101114;
  }
  .hl-live-desktop-player__stage .hl-live-player {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .hl-live-desktop-player__stage .hl-live-player__video {
    object-fit: contain;
  }

  /* 播放器底部扫码区域 */
  .hl-live-desktop-player__footer {
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 0 20px;
    border-top: 1px solid #edf0f3;
    color: #8591a0;
    font-size: 13px;
  }
  .hl-live-desktop-player__qr {
    position: relative;
  }
  .hl-live-desktop-player__qr-trigger {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #e2e7ed;
    border-radius: 2px;
    background: #fff;
    cursor: default;
  }
  .hl-live-desktop-player__qr-popover {
    position: absolute;
    z-index: 220;
    bottom: 28px;
    left: 0;
    display: none;
    width: 120px;
    padding: 10px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(35, 49, 68, .14);
    text-align: center;
  }
  .hl-live-desktop-player__qr:hover .hl-live-desktop-player__qr-popover {
    display: block;
  }

  .hl-live-desktop-player__footer {
    position: relative;
    z-index: 210;
  }
  .hl-live-desktop-player__qr-popover img {
    display: block;
    width: 100px;
    height: 100px;
  }
  .hl-live-desktop-player__qr-popover em {
    display: block;
    padding-top: 7px;
    color: #687485;
    font-size: 12px;
    font-style: normal;
  }

  /* 右侧评论栏 */
  .hl-live-layout__comments {
    min-width: 320px;
    min-height: 0;
    padding: 0;
    border-left: 1px solid #edf0f3;
    background: #fff;
  }
  .hl-live-layout__comments .hl-live-comments {
    min-height: 574px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .hl-live-layout__comments .hl-live-comments__header {
    position: relative;
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0 28px;
    border-bottom: 1px solid #edf0f3;
  }
  .hl-live-layout__comments .hl-live-comments__header h2 {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    margin: 0;
    border-bottom: 2px solid #ff7b4c;
    color: #303a47;
    font-size: 16px;
    font-weight: 500;
  }
  .hl-live-layout__comments .hl-live-comments__list {
    margin: 8px 20px;
    flex: 1;
    overflow-y: auto;
  }
  .hl-live-layout__comments .hl-live-comment {
    padding: 9px 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }
  .hl-live-layout__comments .hl-live-comment img {
    order: 2;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
  }
  .hl-live-layout__comments .hl-live-comment div {
    max-width: calc(100% - 65px);
  }
  .hl-live-layout__comments .hl-live-comment strong {
    display: block;
    color: #7b8795;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
  }
  .hl-live-layout__comments .hl-live-comment p {
    display: inline-block;
    margin: 7px 0 0;
    padding: 12px 16px;
    border-radius: 10px;
    background: #dce9ff;
    color: #2e394a;
    font-size: 14px;
    line-height: 1.45;
    text-align: right;
  }
  .hl-live-layout__comments .hl-live-comments__form {
    margin: 10px 20px 20px;
  }
  .hl-live-layout__comments .hl-live-comments__form textarea {
    min-height: 50px;
    border: 1px solid #e6ebf0;
    border-radius: 3px;
    padding: 8px 10px;
    font-family: inherit;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    resize: none;
  }
  .hl-live-layout__comments .hl-live-comments__form button {
    margin-top: 8px;
    padding: 6px 16px;
    background: #ff7b4c;
    color: #fff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
  }
  .hl-live-layout__comments .hl-live-comments__form button:disabled {
    background: #e5e6eb;
    color: #a9b1bc;
    cursor: not-allowed;
  }
  .hl-live-comments__count {
    font-size: 12px;
    color: #98a3b2;
    margin-top: 4px;
    display: block;
  }
  .hl-live-comments__notice {
    font-size: 12px;
    color: #f53f3f;
    margin-top: 4px;
    display: block;
  }
  [data-hl-live-new-comments] {
    display: none;
    margin: 0 auto 8px;
    padding: 4px 12px;
    background: #ff7b4c;
    color: #fff;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
  }

  /* 4. 简介容器 */
  .hl-live-desktop-intro {
    margin-top: 20px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #fff;
  }
  .hl-live-desktop-intro > header {
    height: 72px;
    padding: 0 40px;
    border-bottom: 1px solid #edf0f3;
  }
  .hl-live-desktop-intro > header h2 {
    display: inline-flex;
    height: 72px;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-bottom: 2px solid #ff704d;
    color: #2e3846;
    font-family: inherit !important;
    font-size: 17px;
    font-weight: 600;
  }
  .hl-live-desktop-intro > header h2::before,
  .hl-live-desktop-intro > header h2::after {
    display: none !important;
    content: none !important;
  }
  .hl-live-desktop-intro__body {
    padding: 30px 40px 38px;
  }

  /* 5. 主播信息模块【严格匹配截图样式】 */
  .hl-live-desktop-anchor {
    margin: 0 0 20px;
    padding: 20px;
    border-radius: 8px;
    background: #f6f7f9;
  }
  .hl-live-desktop-anchor > h3 {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #e5e9ed !important;
    color: #545e6d !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .hl-live-desktop-anchor .hl-live-anchor {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 46px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .hl-live-desktop-anchor .hl-live-anchor__avatar {
    flex: 0 0 46px;
  }
  .hl-live-desktop-anchor .hl-live-anchor__avatar img {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
  }
  .hl-live-desktop-anchor .hl-live-anchor__content {
    min-width: 0;
  }
  .hl-live-desktop-anchor .hl-live-anchor__content h2 {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #222933;
    font-family: inherit !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hl-live-desktop-anchor .hl-live-anchor__content p {
    overflow: hidden;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #808996;
    font-size: 14px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hl-live-desktop-anchor .hl-live-anchor__content .hl-live-anchor__title {
    color: #667383 !important;
  }

  /* 6. 直播时间、活动地址区域（卡片外部纯文本，无灰色背景） */
  .hl-live-desktop-info {
    margin-top: 0;
    padding: 0;
    border: 0;
  }
  .hl-live-desktop-info dl {
    margin: 0;
    color: #707a88;
    font-size: 16px;
  }
  .hl-live-desktop-info dl div {
    display: flex;
    margin: 12px 0 0;
  }
  .hl-live-desktop-info dt {
    flex: 0 0 auto;
    color: #707a88;
    font-weight: 400;
    line-height: 1.55;
  }
  .hl-live-desktop-info dd {
    margin: 0 0 0 8px;
    color: #526073;
    line-height: 1.55;
  }
  .hl-live-desktop-info__time dt { color: #374151; font-weight: 600; }
  .hl-live-desktop-info__time dd { color: #374151; font-weight: 400; }
  .hl-live-desktop-info dl div:not(.hl-live-desktop-info__time) dt { color: #374151; font-weight: 600; }

  /* 7. 活动图文简介 */
  .hl-live-desktop-description {
    margin-top: 26px;
  }
  .hl-live-desktop-description .hl-live-description {
    margin: 0 !important;
  }
  .hl-live-desktop-description .hl-live-description h2 {
    display: none !important;
  }
  .hl-live-desktop-description .hl-live-description h2::before,
  .hl-live-desktop-description .hl-live-description h2::after {
    display: none !important;
    content: none !important;
  }
  .hl-live-desktop-description .hl-live-description p {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #596677;
    font-size: 14px;
    line-height: 1.85;
  }
  .hl-live-desktop-description .hl-live-description img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none;
    margin: 0 0 14px;
    border-radius: 0;
    object-fit: contain;
  }
  .hl-live-desktop-description .hl-live-description iframe,
  .hl-live-desktop-description .hl-live-description video {
    max-width: 100%;
  }
}