.content-history { margin-top: 16px; border-top: 1px solid #e8ecf5; padding-top: 13px; font-weight: 400; }
.content-history > summary { color: #5364eb; font-size: 12px; cursor: pointer; }
.history-body { padding-top: 12px; min-width: 230px; }
.history-body > p { color: #8a95ab; font-size: 11px; line-height: 1.7; }
.history-list { list-style: none; padding: 0 0 0 12px; margin: 20px 0; border-left: 2px solid #e5e9f7; }
.history-list > li { padding: 0 0 23px 12px; position: relative; overflow-wrap: anywhere; }
.history-list > li::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #8994df; left: -17px; top: 5px; }
.history-list h4 { font-size: 12px; font-weight: 600; margin: 0 0 6px; color: #4b5976; }
.history-list .history-meta { color: #8e98ac; font-size: 10px; margin: 5px 0; line-height: 1.7; }
.history-list .history-title { font-size: 12px; font-weight: 500; color: #52617c; margin: 11px 0 5px; }
.history-list .history-description { font-size: 11px; color: #8290a9; line-height: 1.7; white-space: pre-wrap; }
.history-list blockquote { margin: 11px 0; padding: 11px; background: #f4f5fc; border-radius: 7px; color: #63708c; font-size: 12px; white-space: pre-wrap; }
.history-list button { margin-top: 9px; }
.history-list a { display: inline-block; margin: 10px 0; color: #5364eb; font-size: 12px; }
.studio td .history-body { min-width: 270px; max-width: 390px; }
.review-studio .content-history button { padding: 8px 11px; background: white; border-color: #e1e6f0; color: #6b7892; font-size: 11px; }
@media (max-width:600px) { .history-body { min-width: 0; }.history-list { padding-left: 9px; }.history-list > li { padding-left: 9px; }.history-list > li::before { left: -14px; } }