.hot-sections-card[data-v-0b6cd7af]{background-color:var(--hikari-main-content-bg-color);border-radius:var(--hikari-main-border-radius);margin-bottom:20px;padding:16px}.hot-sections-card .hot-sections-header[data-v-0b6cd7af]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hot-sections-card .hot-sections-header h3[data-v-0b6cd7af]{font-size:1.1rem;font-weight:700;margin:0}.hot-sections-card .hot-sections-header .view-all[data-v-0b6cd7af]{color:var(--hikari-main-color);font-size:.9rem}.hot-sections-card .hot-sections-header .view-all[data-v-0b6cd7af]:hover{text-decoration:underline}.hot-sections-card .hot-sections-grid[data-v-0b6cd7af]{display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.hot-sections-card .hot-sections-grid .section-item[data-v-0b6cd7af]{align-items:center;background-color:var(--hikari-main-bg-color);border-radius:var(--hikari-main-border-radius);display:flex;gap:12px;padding:12px;transition:all .2s ease;width:200px}.hot-sections-card .hot-sections-grid .section-item[data-v-0b6cd7af]:hover{opacity:.9}.hot-sections-card .hot-sections-grid .section-item .section-icon[data-v-0b6cd7af]{align-items:center;border-radius:var(--hikari-main-border-radius);color:var(--hikari-main-color);display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.hot-sections-card .hot-sections-grid .section-item .section-icon img[data-v-0b6cd7af]{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hot-sections-card .hot-sections-grid .section-item .section-info[data-v-0b6cd7af]{flex:1}.hot-sections-card .hot-sections-grid .section-item .section-info .section-name[data-v-0b6cd7af]{color:var(--hikari-main-text-color);display:-webkit-box;font-size:1rem;font-weight:700;margin-bottom:4px;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis}.hot-sections-card .hot-sections-grid .section-item .section-info .section-stats[data-v-0b6cd7af]{align-items:center;color:var(--hikari-main-sub-text-color);display:flex;font-size:.8rem}.hot-sections-card .hot-sections-grid .section-item .section-info .section-stats .separator[data-v-0b6cd7af]{margin:0 4px}.hot-sections-skeleton[data-v-ab96ceb8]{background-color:var(--hikari-main-content-bg-color);border-radius:var(--hikari-main-border-radius);margin-bottom:20px;padding:16px}.hot-sections-skeleton .hot-sections-header-skeleton[data-v-ab96ceb8]{margin-bottom:16px}.hot-sections-skeleton .hot-sections-grid-skeleton[data-v-ab96ceb8]{display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.hot-sections-skeleton .hot-sections-grid-skeleton .section-item-skeleton[data-v-ab96ceb8]{align-items:center;background-color:var(--hikari-main-bg-color);border-radius:var(--hikari-main-border-radius);display:flex;gap:12px;padding:12px;width:200px}.hot-sections-skeleton .hot-sections-grid-skeleton .section-item-skeleton .section-icon-skeleton[data-v-ab96ceb8]{flex-shrink:0}.hot-sections-skeleton .hot-sections-grid-skeleton .section-item-skeleton .section-info-skeleton[data-v-ab96ceb8]{display:flex;flex:1;flex-direction:column;gap:4px}.announcement-banner[data-v-70c99989]{align-items:center;background-color:var(--hikari-main-bg-color);border-radius:var(--hikari-main-border-radius) var(--hikari-main-border-radius) 0 0;display:flex;padding:10px 20px;width:100%}.announcement-banner .icon[data-v-70c99989]{align-items:center;color:var(--hikari-main-color);display:flex;font-size:20px;margin-right:10px}.announcement-banner .announcement-content[data-v-70c99989]{flex:1;height:24px;overflow:hidden;position:relative}.announcement-banner .announcement-content .announcement-container[data-v-70c99989]{height:100%;position:relative}.announcement-banner .announcement-content .announcement-item[data-v-70c99989]{cursor:pointer;left:0;opacity:0;overflow:hidden;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(30px);transition:all .5s ease;white-space:nowrap;width:100%}.announcement-banner .announcement-content .announcement-item.active[data-v-70c99989]{opacity:1;transform:translateY(0)}.announcement-banner .announcement-content .announcement-item[data-v-70c99989]:hover{color:var(--hikari-main-color)}.slide-fade-enter-active[data-v-70c99989],.slide-fade-leave-active[data-v-70c99989]{transition:all .5s ease}.slide-fade-enter-from[data-v-70c99989],.slide-fade-leave-to[data-v-70c99989]{opacity:0;transform:translateY(30px)}.announcement-banner-skeleton[data-v-338b54cb]{align-items:center;background-color:var(--hikari-main-bg-color);border-radius:var(--hikari-main-border-radius) var(--hikari-main-border-radius) 0 0;display:flex;padding:10px 20px;width:100%}.announcement-banner-skeleton .icon-skeleton[data-v-338b54cb]{margin-right:10px}.announcement-banner-skeleton .announcement-content-skeleton[data-v-338b54cb]{flex:1}
