.background-image-index[data-v-466bd7ef]{position:absolute;top:0;left:0;width:100%;height:400px;z-index:0}.background-image-index-error[data-v-466bd7ef]{position:absolute;top:0;left:0;width:100%;height:400px;background-color:var(--greyBg)}@-webkit-keyframes header-effect-data-v-466bd7ef{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes header-effect-data-v-466bd7ef{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.poem-container[data-v-466bd7ef]{padding:90px 0 40px;position:relative;z-index:10}.sort-container[data-v-466bd7ef]{width:70%;max-width:1200px;margin:0 auto;display:flex;gap:40px;min-height:600px}.sort-sidebar[data-v-466bd7ef]{width:200px;flex-shrink:0}.sidebar-title[data-v-466bd7ef]{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--fontColor)}.sort-list[data-v-466bd7ef]{display:flex;flex-direction:column;gap:8px}.sort-item[data-v-466bd7ef]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radiusMd);background:var(--cardBackground);border:1px solid var(--borderLight);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sort-item[data-v-466bd7ef]:hover{background:var(--glassBackgroundHover);box-shadow:var(--shadowSm)}.sort-item.active[data-v-466bd7ef]{background:var(--themeBackground);color:var(--white);border-color:var(--themeBackground)}.sort-icon[data-v-466bd7ef]{width:32px;height:32px;border-radius:var(--radiusSm);-o-object-fit:cover;object-fit:cover}.sort-item span[data-v-466bd7ef]{font-size:14px}.sort-content[data-v-466bd7ef]{flex:1;min-width:0}.sort-header[data-v-466bd7ef]{margin-bottom:24px}.sort-header h1[data-v-466bd7ef]{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--fontColor)}.sort-header p[data-v-466bd7ef]{font-size:14px;color:var(--fontColorLight);margin:0}.label-list[data-v-466bd7ef]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.article-list[data-v-466bd7ef]{display:flex;flex-direction:column;gap:16px}.article-item[data-v-466bd7ef]{display:flex;align-items:center;gap:16px;padding:16px;background:var(--cardBackground);border-radius:var(--radiusLg);border:1px solid var(--borderLight);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.article-item[data-v-466bd7ef]:hover{box-shadow:var(--shadowMd);transform:translateX(4px)}.article-cover[data-v-466bd7ef]{width:120px;height:80px;border-radius:var(--radiusMd);overflow:hidden;flex-shrink:0}.article-cover[data-v-466bd7ef] .el-image{width:100%;height:100%}.article-cover[data-v-466bd7ef] .el-image__inner{transition:all .3s}.article-item:hover .article-cover[data-v-466bd7ef] .el-image__inner{transform:scale(1.1)}.article-info[data-v-466bd7ef]{flex:1;min-width:0}.article-tag[data-v-466bd7ef]{display:inline-block;padding:2px 8px;background:var(--themeBackground);color:var(--white);border-radius:var(--radiusSm);font-size:10px;margin-bottom:8px}.article-info h3[data-v-466bd7ef]{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--fontColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-meta[data-v-466bd7ef]{display:flex;gap:16px;font-size:12px;color:var(--greyFont)}.article-count[data-v-466bd7ef]{padding:8px 12px;background:var(--greyBg);border-radius:var(--radiusSm);font-size:12px;color:var(--greyFont)}@media screen and (max-width:900px){.sort-container[data-v-466bd7ef]{width:90%;flex-direction:column}.sort-sidebar[data-v-466bd7ef]{width:100%}.sort-list[data-v-466bd7ef]{flex-direction:row;flex-wrap:wrap}.sort-item[data-v-466bd7ef]{padding:8px 12px}.article-cover[data-v-466bd7ef]{width:100px;height:70px}.article-info h3[data-v-466bd7ef]{font-size:14px}}@media screen and (max-width:600px){.article-item[data-v-466bd7ef]{flex-direction:column;align-items:flex-start}.article-cover[data-v-466bd7ef]{width:100%;height:150px}.article-count[data-v-466bd7ef]{align-self:flex-end}}.isActive[data-v-466bd7ef]{-webkit-animation:scale 1.5s ease-in-out infinite;animation:scale 1.5s ease-in-out infinite}.pagination-wrap[data-v-466bd7ef]{display:flex;justify-content:center;margin-top:var(--space10)}.pagination[data-v-466bd7ef]{padding:var(--space3) var(--space5);border:1px solid var(--borderColor);border-radius:var(--radiusFull);color:var(--fontColorLight);width:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--cardBackground)}.pagination[data-v-466bd7ef]:hover{border-color:var(--themeColor);color:var(--themeColor);box-shadow:var(--shadowMd);transform:translateY(-2px)}