.aio-container::after {content: "";display: table;clear: both;}
.aio-aside {float: left;width: 280px;display: block;position: sticky;top: 8px;}
.aio-aside .side-nav {padding: 8px;}
.aio-aside .side-nav .item {position: relative;}
.aio-aside .side-nav .item .arrow {width: 30px;height: 30px;background: url(../images/icon/arrow-bottom.png) no-repeat center center;background-size: 14px auto;transform: rotate(270deg);cursor: pointer;margin-right: -12px;}
.aio-aside .side-nav .title {line-height: 44px;padding: 0 12px;border-radius: 4px;display: flex;align-items: center;}
.aio-aside .side-nav .title .icon {width: 24px;height: 24px;object-fit: contain;margin-right: 8px;}
.aio-aside .side-nav .label {font-size: 16px;}
.aio-aside .side-nav .label .dot {display: inline-block;vertical-align: 1px;background-color: var(--theme-color);font-size: 12px;color: #fff;border-radius: 20px;line-height: 14px;padding: 0 4px;margin-left: 10px;}
.aio-aside .side-nav .value {flex: 1;color: rgba(0, 0, 0, .4);font-size: 12px;line-height: 18px;text-align: right;padding-left: 5px;}
.aio-aside .side-nav .item-children {display: none;max-height: 308px;overflow: auto;}
.aio-aside .side-nav .item-children .title {padding-left: 44px;}
.aio-aside .side-nav .title:hover {background-color: #f7f7f7;}
.aio-aside .side-nav .item.active-nav > .title .label,
.aio-aside .side-nav .title:hover .label {color: var(--theme-color);}
.aio-aside .side-nav .item.active-nav > .title {background-color: #fff8f5;}
.aio-aside .side-nav .item[data-ai-vis="1"] .arrow {transform: rotate(0);}
.aio-aside .side-nav .item[data-ai-vis="1"] .item-children {display: block;}
.aio-aside .side-nav .title.active-dot .label::after {content: "";display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background-color: #e44d5c;margin-left: 10px;}
.aio-main {float: right;width: calc(100% - 280px);padding-left: 8px;}


.emoji-picker .emoji-item:hover {transform: scale(1.2);}