message: feat(md-enhance): improve details container
diff: margin: 1.6em 0;
  padding: 1.6em;
  - border-radius: 0.25rem;
  + border-radius: 0.5rem;
  background: var(--detail-bg-color);
  color: var(--detail-text-color);
  + transition: all var(--transform-transition);
  +
  h4 {
  margin-top: 0;
  }
  }
  summary {
  + position: relative;
  + padding-left: 1.5rem;
  outline: none;
  cursor: pointer;
  +
  + &::-webkit-details-marker,
  + &::marker {
  + display: none;
  + color: transparent;
  + }
  +
  + &::before,
  + &::after {
  + content: " ";
  +
  + position: absolute;
  + top: calc(50% - 0.75rem);
  + left: 0;
  +
  + width: 1.5rem;
  + height: 1.5rem;
  + }
  +
  + &::before {
  + border-radius: 50%;
  + background: var(--grey12);
  + transition: all var(--transform-transition);
  + }
  +
  + &::after {
  + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  + line-height: normal;
  + transition: all var(--transform-transition);
  + transform: rotate(90deg);
  +
  + #{hope-config.$dark-selector} & {
  + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  + }
  + }
  }
  &[open] summary {
  margin-bottom: 0.5em;
  +
  + &::after {
  + transform: rotate(180deg);
  + }
  }
  }
  