.study-center-body[data-v-7fdce24a]{background:#000000b3;border-radius:12px;margin:20px auto;max-width:1200px;min-height:calc(100vh - 40px);overflow:hidden;padding:0}.learning-header[data-v-7fdce24a]{padding:30px 20px 20px;position:relative}.header-decoration[data-v-7fdce24a]{display:flex;height:6px;left:0;position:absolute;right:0;top:0}.color-stripe[data-v-7fdce24a]{flex:1;height:100%;transition:all .3s ease}.header-decoration:hover .color-stripe[data-v-7fdce24a]{filter:brightness(1.1)}.learning-title[data-v-7fdce24a]{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-align:center}.learning-subtitle[data-v-7fdce24a]{color:#6b7280;font-size:1.1rem;margin:0 0 20px;text-align:center}.category-tags[data-v-7fdce24a]{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.tag[data-v-7fdce24a]{background-color:#f0f7f7;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.9rem;padding:6px 18px;transition:all .2s ease}.tag.active[data-v-7fdce24a]{box-shadow:0 2px 8px #45b7d14d}.tag[data-v-7fdce24a]:hover:not(.active){background-color:#e6f4f5;color:#2d3047}.article-list[data-v-7fdce24a]{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;padding:30px 20px}.article-card[data-v-7fdce24a]{border-radius:10px;box-shadow:0 3px 12px #0000001a;cursor:pointer;display:flex;height:100%;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-card[data-v-7fdce24a]:hover{box-shadow:0 12px 20px #00000014;transform:translateY(-5px)}.card-color-indicator[data-v-7fdce24a]{flex-shrink:0;width:6px}.card-content[data-v-7fdce24a]{display:flex;flex:1;flex-direction:column;padding:15px}.article-title[data-v-7fdce24a]{color:#fff;display:-webkit-box;font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:10px;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.article-card:hover .article-title[data-v-7fdce24a]{color:#45b7d1}.article-excerpt[data-v-7fdce24a]{color:#fff;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;overflow:hidden}.article-category[data-v-7fdce24a]{align-self:flex-start;background-color:#f0f7f7;border-radius:4px;color:#4a5568;font-size:.8rem;margin-top:10px;padding:3px 10px}.card-arrow[data-v-7fdce24a]{align-items:center;display:flex;opacity:.7;padding-right:15px;transition:opacity .3s}.article-card:hover .card-arrow[data-v-7fdce24a]{opacity:1}.empty-state[data-v-7fdce24a]{align-items:center;color:#9ca3af;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.empty-color-wheel[data-v-7fdce24a]{border-radius:50%;height:100px;margin-bottom:20px;overflow:hidden;position:relative;width:100px}.color-segment[data-v-7fdce24a]{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,50% 100%);height:100%;position:absolute;transform-origin:center;width:100%}@media (max-width:768px){.study-center-body[data-v-7fdce24a]{margin:10px;min-height:calc(100vh - 20px)}.learning-title[data-v-7fdce24a]{font-size:1.8rem}.article-list[data-v-7fdce24a]{gap:15px;grid-template-columns:1fr;padding:20px 15px}.category-tags[data-v-7fdce24a]{padding:0 15px 15px}.tag[data-v-7fdce24a]{font-size:.85rem;padding:5px 12px}}.article-visible-title[data-v-7fdce24a]{color:#fff;display:-webkit-box;font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:10px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.article-card:hover .article-visible-title[data-v-7fdce24a]{color:#45b7d1}.tag[data-v-7fdce24a]{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.tag.active[data-v-7fdce24a]{background-color:#45b7d1;box-shadow:0 3px 10px #45b7d166;color:#fff}