@charset "UTF-8";
.detail-content {
  padding: 2rem; }
  .detail-content .content-group {
    font-size: 1rem;
    color: #2D3238;
    line-height: 1.7;
    margin-bottom: 2rem; }
    .detail-content .content-group h2 {
      font-size: 2rem;
      margin-bottom: 1rem; }
    .detail-content .content-group .content-item {
      margin-bottom: 1.5rem; }
      .detail-content .content-group .content-item h4 {
        font-size: 1.5rem;
        margin-bottom: 1rem; }
      .detail-content .content-group .content-item .content-text {
        padding-left: 2rem; }
    .detail-content .content-group pre.wrap-text {
      font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, "Microsoft YaHei", "微软雅黑", sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
      background-color: transparent;
      border: none;
      font-size: 14px;
      word-break: break-all;
      white-space: pre-line; }
    .detail-content .content-group .sample-link {
      margin: 0;
      padding: 0 0 0 1.5rem; }
      .detail-content .content-group .sample-link li {
        list-style: decimal; }
    .detail-content .content-group .role-name {
      color: #979FA8;
      width: 100px;
      display: inline-block; }

@media only screen and (max-width: 768px) {
  .detail-content {
    padding: 1rem; }
    .detail-content .content-group .content-item .content-text {
      padding-left: 1rem; } }