.tutorials-page[data-v-3a4b62d4]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:400% 400%;-webkit-animation:gradientFlow-data-v-3a4b62d4 20s ease-in-out infinite;animation:gradientFlow-data-v-3a4b62d4 20s ease-in-out infinite;padding:20px}@-webkit-keyframes gradientFlow-data-v-3a4b62d4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientFlow-data-v-3a4b62d4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.page-header[data-v-3a4b62d4]{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:40px;margin-bottom:30px;-webkit-box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:0 10px 30px rgba(102,126,234,.3);-webkit-animation:panelFloat-data-v-3a4b62d4 5s ease-in-out infinite;animation:panelFloat-data-v-3a4b62d4 5s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-3a4b62d4{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-8px) translateZ(10px);transform:translateY(-8px) translateZ(10px)}}@keyframes panelFloat-data-v-3a4b62d4{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-8px) translateZ(10px);transform:translateY(-8px) translateZ(10px)}}.header-content[data-v-3a4b62d4]{text-align:center}.page-title[data-v-3a4b62d4]{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,gold,#ffc107,#ff9800);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px 0;-webkit-animation:titleShine-data-v-3a4b62d4 4s ease-in-out infinite;animation:titleShine-data-v-3a4b62d4 4s ease-in-out infinite}.page-title i[data-v-3a4b62d4]{margin-right:15px;font-size:2.2rem}@-webkit-keyframes titleShine-data-v-3a4b62d4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes titleShine-data-v-3a4b62d4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.page-subtitle[data-v-3a4b62d4]{font-size:1.1rem;color:hsla(0,0%,100%,.9);margin:0}.language-tabs[data-v-3a4b62d4]{margin-bottom:30px}.tabs-container[data-v-3a4b62d4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;overflow-x:auto;padding:5px}.tabs-container[data-v-3a4b62d4]::-webkit-scrollbar{height:6px}.tabs-container[data-v-3a4b62d4]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.language-tab[data-v-3a4b62d4]{-ms-flex-negative:0;flex-shrink:0;background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));backdrop-filter:blur(15px) saturate(150%);border-radius:16px;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1);border:2px solid transparent}.language-tab[data-v-3a4b62d4]:hover{-webkit-transform:translateY(-4px) translateZ(15px) scale(1.03);transform:translateY(-4px) translateZ(15px) scale(1.03);background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.15));-webkit-box-shadow:0 8px 25px rgba(102,126,234,.4);box-shadow:0 8px 25px rgba(102,126,234,.4)}.language-tab.active[data-v-3a4b62d4]{background:linear-gradient(135deg,gold,#ffc107,#ff9800);border-color:hsla(0,0%,100%,.5);-webkit-transform:translateY(-4px) translateZ(15px) scale(1.05);transform:translateY(-4px) translateZ(15px) scale(1.05);-webkit-box-shadow:0 10px 30px rgba(255,215,0,.5);box-shadow:0 10px 30px rgba(255,215,0,.5)}.tab-icon[data-v-3a4b62d4]{font-size:2rem;line-height:1}.tab-info .tab-name[data-v-3a4b62d4]{font-size:1rem;font-weight:700;color:hsla(0,0%,100%,.95);margin-bottom:2px}.tab-info .tab-count[data-v-3a4b62d4]{font-size:.85rem;color:hsla(0,0%,100%,.7)}.filter-bar[data-v-3a4b62d4]{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));backdrop-filter:blur(15px) saturate(150%);border-radius:16px;padding:20px;margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.search-input[data-v-3a4b62d4]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:250px}.search-input[data-v-3a4b62d4] .el-input__inner{background:hsla(0,0%,100%,.95);border:2px solid rgba(102,126,234,.3);border-radius:12px;height:42px;font-size:.95rem}.search-input[data-v-3a4b62d4] .el-input__inner:focus{border-color:gold;-webkit-box-shadow:0 0 0 4px rgba(255,215,0,.15);box-shadow:0 0 0 4px rgba(255,215,0,.15)}.filter-buttons[data-v-3a4b62d4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-buttons .ml-10[data-v-3a4b62d4]{margin-left:10px}.tutorials-list[data-v-3a4b62d4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:30px}.tutorial-card[data-v-3a4b62d4]{background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95),hsla(0,0%,100%,.92));backdrop-filter:blur(20px) saturate(140%);border-radius:18px;padding:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1);border:2px solid hsla(0,0%,100%,.4);-webkit-box-shadow:0 4px 15px rgba(102,126,234,.15);box-shadow:0 4px 15px rgba(102,126,234,.15);overflow:hidden;position:relative;-webkit-animation:cardFloatIn-data-v-3a4b62d4 .6s cubic-bezier(.16,1,.3,1);animation:cardFloatIn-data-v-3a4b62d4 .6s cubic-bezier(.16,1,.3,1)}.tutorial-card[data-v-3a4b62d4]:hover{-webkit-transform:translateY(-8px) translateZ(20px) scale(1.02);transform:translateY(-8px) translateZ(20px) scale(1.02);-webkit-box-shadow:0 12px 40px rgba(102,126,234,.35);box-shadow:0 12px 40px rgba(102,126,234,.35);border-color:gold}@-webkit-keyframes cardFloatIn-data-v-3a4b62d4{0%{opacity:0;-webkit-transform:translateY(30px) rotateX(-10deg);transform:translateY(30px) rotateX(-10deg)}to{opacity:1;-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0)}}@keyframes cardFloatIn-data-v-3a4b62d4{0%{opacity:0;-webkit-transform:translateY(30px) rotateX(-10deg);transform:translateY(30px) rotateX(-10deg)}to{opacity:1;-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0)}}.card-header[data-v-3a4b62d4]{background:linear-gradient(135deg,#667eea,#764ba2);padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.chapter-order[data-v-3a4b62d4]{font-size:1.1rem;font-weight:800;color:gold;margin-right:auto}.video-tag[data-v-3a4b62d4]{font-weight:600}.card-body[data-v-3a4b62d4]{padding:20px}.chapter-title[data-v-3a4b62d4]{font-size:1.15rem;font-weight:700;color:#1e3c72;margin:0 0 10px 0;line-height:1.4}.chapter-desc[data-v-3a4b62d4],.chapter-title[data-v-3a4b62d4]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-desc[data-v-3a4b62d4]{font-size:.9rem;color:#5a6c7d;line-height:1.6;margin:0 0 15px 0}.video-info[data-v-3a4b62d4]{background:linear-gradient(135deg,rgba(255,77,79,.1),hsla(0,100%,71%,.1));border-left:4px solid #ff4d4f;padding:10px 15px;border-radius:8px;font-size:.85rem;color:#ff4d4f;margin-bottom:15px}.video-info i[data-v-3a4b62d4]{margin-right:8px}.card-footer[data-v-3a4b62d4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-footer[data-v-3a4b62d4],.time-info[data-v-3a4b62d4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-info[data-v-3a4b62d4]{font-size:.85rem;color:#8c98a4;gap:5px}.time-info i[data-v-3a4b62d4]{font-size:1rem}.progress-bar[data-v-3a4b62d4]{padding:0 20px 15px}.empty-state[data-v-3a4b62d4]{text-align:center;padding:80px 20px;grid-column:1/-1;color:hsla(0,0%,100%,.8)}.empty-state i[data-v-3a4b62d4]{font-size:5rem;margin-bottom:20px;opacity:.5}.empty-state p[data-v-3a4b62d4]{font-size:1.2rem;margin:0}.load-more[data-v-3a4b62d4]{text-align:center;padding:30px 0}