@font-face {
      font-family: "yiyingbao";
      src: url("https://img.bjyyb.net/ttf/iconfont.ttf?v=1.5") format("truetype");
      font-display: swap;
    }

    * {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      min-width: 320px;
      background: #fff;
    }

    .pdl {
      --pdl-accent: rgb(0, 163, 245);
      --pdl-border: rgb(221, 221, 221);
      --pdl-muted: rgb(153, 153, 153);
      width: 100%;
      margin: var(--margin_tb, 0rem) 0;
      background-color: var(--setting-background-color, #fff);
      background-image: var(--setting-background-image, none);
      background-position: var(--setting-background-position, center);
      background-size: var(--setting-background-size, cover);
      background-repeat: no-repeat;
      color: rgb(51, 51, 51);
      font-family: "Times New Roman", Times, serif;
    }

    .pdl__inner {
      width: 100%;
      max-width: var(--custom-content-max-width, var(--contentMaxWidth, 100%));
      margin: 0 auto;
      padding: var(--padding_tb, 0rem) var(--padding_lr, var(--contentPadding, 33px));
    }

    .pdl__records {
      width: 100%;
    }

    .pdl__item {
      display: flex;
      width: 100%;
      min-height: 171px;
      padding: 30px 0;
      border-top: 1px solid var(--pdl-border);
      background: var(--setting-background-color, #ffffff);
    }

    .pdl__content {
      display: flex;
      flex: 1 1 auto;
      min-width: 0;
      min-height: 110px;
    }

    .pdl__date-cell {
      position: relative;
      flex: 0 0 100px;
      width: 100px;
      min-height: 110px;
    }

    .pdl__date {
      display: block;
      width: 100px;
      min-height: 34px;
      color: var(--setting-color, var(--pdl-muted));
      font-family: var(--setting-font-family, inherit);
      font-size: var(--setting-font-size, 24px);
      font-weight: var(--setting-font-weight, 400);
      font-style: var(--setting-font-style, normal);
      text-decoration: var(--setting-text-decoration, none);
      line-height: 1.4;
    }

    .pdl__action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 28px;
      margin-top: 32px;
      color: var(--setting-color, rgb(112, 112, 112));
      background: transparent;
      border: 1px solid transparent;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    }

    .pdl__icon {
      display: block;
      width: 14px;
      height: 14px;
      color: inherit;
      font-family: "yiyingbao";
      font-size: var(--setting-font-size, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 1;
    }

    .pdl__body {
      position: relative;
      flex: 1 1 auto;
      min-width: 0;
      min-height: 110px;
      padding: 0 30px 0 60px;
      transition: padding-left 0.5s ease;
    }

    .pdl__body::before {
      position: absolute;
      top: 16px;
      left: 0;
      width: 40px;
      height: 1px;
      background: rgb(170, 170, 170);
      content: "";
      transition: width 0.5s ease;
    }

    .pdl__title {
      display: block;
      width: 100%;
      min-height: 17.5px;
      margin-bottom: 10px;
      overflow: hidden;
      color: var(--setting-color, rgb(51, 51, 51));
      font-family: var(--setting-font-family, inherit);
      font-size: var(--setting-font-size, 16px);
      font-weight: var(--setting-font-weight, 500);
      font-style: var(--setting-font-style, normal);
      line-height: 1.1;
      text-decoration: var(--setting-text-decoration, none);
      white-space: nowrap;
      transition: color 0.5s ease;
    }

    .pdl__summary {
      width: 100%;
      min-height: 48px;
      margin: 0;
      overflow: hidden;
      color: var(--setting-color, var(--pdl-muted));
      font-family: var(--setting-font-family, inherit);
      font-size: var(--setting-font-size, 14px);
      font-weight: var(--setting-font-weight, 400);
      font-style: var(--setting-font-style, normal);
      text-decoration: var(--setting-text-decoration, none);
      line-height: 1.7;
    }

    .pdl__media {
      flex: 0 0 165px;
      width: 165px;
      height: auto;
    }

    .pdl__media-link {
      display: block;
      width: 100%;
      aspect-ratio: var(--setting-image-ratio, 3 / 2);
      overflow: hidden;
      border-radius: var(--setting-image-shape, 0%);
    }

    .pdl__image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: var(--setting-image-fit, cover);
      object-position: 50% 50%;
    }

    .pdl .pdl__pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      max-width: 100%;
      gap: 8px;
    }

    .pdl .pdl__pagination[hidden] {
      display: none;
    }

    .pdl .pdl__pagination-item {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 34px;
      height: 34px;
      padding: 0 8px;
      border: 1px solid #efefef;
      background: #fff;
      color: #4b4b4b;
      font-size: 14px;
      line-height: 2.3;
      text-align: center;
      text-decoration: none;
    }

    .pdl .pdl__pagination-item:is(a, button) {
      cursor: pointer;
    }

    .pdl .pdl__pagination-item[aria-current="page"],
    .pdl .pdl__pagination-item.is-active {
      border-color: var(--pagination-active-background-color, var(--themeColor1, #00a3f5));
      background: var(--pagination-active-background-color, var(--themeColor1, #00a3f5));
      color: #fff;
    }

    .pdl .pdl__pagination-item:is(a, button):not([aria-current="page"]):not(.is-active):not([aria-disabled="true"]):not(:disabled):hover {
      border-color: var(--pagination-hover-background-color, var(--themeColor1, #00a3f5));
      background: var(--pagination-hover-background-color, var(--themeColor1, #00a3f5));
      color: #fff;
    }

    .pdl .pdl__pagination-item.is-ellipsis {
      border-color: transparent;
      background: transparent;
    }

    .pdl .pdl__pagination-item:is(:disabled, [aria-disabled="true"], .is-disabled) {
      cursor: not-allowed;
      opacity: .4;
      pointer-events: none;
    }

    .pdl__item:focus-within .pdl__body {
      padding-left: 80px;
    }

    .pdl__item:focus-within .pdl__body::before {
      width: 60px;
    }

    .pdl__item:focus-within .pdl__title {
      color: var(--setting-hover-color);
    }

    .pdl__item:focus-within .pdl__action {
      color: #fff;
      background-color: var(--setting-background-color, var(--pdl-accent));
      border-color: var(--setting-background-color, var(--pdl-accent));
    }

    @media (hover: hover) and (pointer: fine) {
      .pdl__item:hover .pdl__body {
        padding-left: 80px;
      }

      .pdl__item:hover .pdl__body::before {
        width: 60px;
      }

      .pdl__item:hover .pdl__title {
        color: var(--setting-hover-color);
      }

      .pdl__item:hover .pdl__action {
        color: #fff;
        background-color: var(--setting-background-color, var(--pdl-accent));
        border-color: var(--setting-background-color, var(--pdl-accent));
      }
    }

    @media (max-width: 799px) {
      .pdl__inner {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
      }

      .pdl__item {
        flex-direction: column-reverse;
        height: auto;
        min-height: 390.594px;
        padding: 30px 0 5.594px;
      }

      .pdl__content {
        flex: 1 1 auto;
        width: 100%;
        min-height: 110px;
        margin-top: 20px;
      }

      .pdl__body,
      .pdl__item:hover .pdl__body,
      .pdl__item:focus-within .pdl__body {
        min-height: 110px;
        padding: 10px 0 0;
        transition: none;
      }

      .pdl__body::before {
        display: none;
      }

      .pdl__media {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
      }

      .pdl__date,
      .pdl__title,
      .pdl__summary {
        font-size: var(--setting-mobile-font-size, var(--setting-font-size));
      }

      .pdl__item:focus-within .pdl__title,
      .pdl__title:hover,
      .pdl__title:focus-visible,
      .pdl__title:active {
        color: var(--setting-hover-color);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .pdl__body,
      .pdl__body::before,
      .pdl__title,
      .pdl__action {
        transition-duration: 0.001ms;
      }
    }