@layer utility {
  /* 基础 display */
  .display-inline {
    display: inline;
  }

  .display-block {
    display: block;
  }

  .display-inline-block {
    display: inline-block;
  }

  .display-flow-root {
    display: flow-root;
  }

  .display-contents {
    display: contents;
  }

  .display-none {
    display: none;
  }

  /* Flex */
  .display-flex {
    display: flex;
  }

  .display-inline-flex {
    display: inline-flex;
  }

  /* Grid */
  .display-grid {
    display: grid;
  }

  .display-inline-grid {
    display: inline-grid;
  }

  /* Table */
  .display-table {
    display: table;
  }

  .display-inline-table {
    display: inline-table;
  }

  .display-table-caption {
    display: table-caption;
  }

  .display-table-cell {
    display: table-cell;
  }

  .display-table-column {
    display: table-column;
  }

  .display-table-column-group {
    display: table-column-group;
  }

  .display-table-footer-group {
    display: table-footer-group;
  }

  .display-table-header-group {
    display: table-header-group;
  }

  .display-table-row-group {
    display: table-row-group;
  }

  .display-table-row {
    display: table-row;
  }

  /* List */
  .display-list-item {
    display: list-item;
  }
}