@import url(https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.loading-container[data-v-8eae40b8]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner[data-v-8eae40b8]{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;animation:spin-8eae40b8 1s linear infinite;margin-bottom:16px}@keyframes spin-8eae40b8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-v-7a0f1157] .el-dropdown-menu{border:none;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px;min-width:160px}[data-v-7a0f1157] .el-dropdown-menu__item{padding:.75rem 1rem;font-size:.875rem;transition:background-color .2s ease}[data-v-7a0f1157] .el-dropdown-menu__item:hover{background-color:#f3f4f6}[data-v-7a0f1157] .el-dropdown-menu__item--divided{border-top:1px solid #e5e7eb;margin-top:.25rem;padding-top:.75rem}.el-avatar[data-v-7a0f1157]:hover,button[data-v-7a0f1157]:hover{opacity:.8;cursor:pointer}#navbar[data-v-7a0f1157]{transition:all .3s ease}.text-dark-gray[data-v-7a0f1157]{color:#6b7280}.text-primary[data-v-7a0f1157]{color:#3b82f6}.bg-primary[data-v-7a0f1157]{background-color:#3b82f6}.bg-primary\/90[data-v-7a0f1157]{background-color:rgba(59,130,246,.9)}.bg-accent[data-v-7a0f1157]{background-color:#10b981}.bg-accent\/90[data-v-7a0f1157]{background-color:rgba(16,185,129,.9)}.bg-primary\/10[data-v-7a0f1157]{background-color:rgba(59,130,246,.1)}.container[data-v-7a0f1157]{max-width:1280px;margin:0 auto}.space-x-1[data-v-7a0f1157]>*+*{margin-left:.25rem}.space-x-2[data-v-7a0f1157]>*+*{margin-left:.5rem}.space-x-4[data-v-7a0f1157]>*+*{margin-left:1rem}.space-x-8[data-v-7a0f1157]>*+*{margin-left:2rem}.space-y-1[data-v-7a0f1157]>*+*{margin-top:.25rem}.hidden[data-v-7a0f1157]{display:none}@media (min-width:640px){.sm\:flex[data-v-7a0f1157]{display:flex}}@media (min-width:768px){.md\:flex[data-v-7a0f1157]{display:flex}.md\:hidden[data-v-7a0f1157]{display:none}.md\:ml-10[data-v-7a0f1157]{margin-left:2.5rem}}@media (min-width:1024px){.lg\:px-8[data-v-7a0f1157]{padding-left:2rem;padding-right:2rem}}.w-4[data-v-7a0f1157]{width:1rem}.h-4[data-v-7a0f1157]{height:1rem}.w-5[data-v-7a0f1157]{width:1.25rem}.h-5[data-v-7a0f1157]{height:1.25rem}.w-6[data-v-7a0f1157]{width:1.5rem}.h-6[data-v-7a0f1157]{height:1.5rem}.mr-1[data-v-7a0f1157]{margin-right:.25rem}.mr-2[data-v-7a0f1157]{margin-right:.5rem}.mr-4[data-v-7a0f1157]{margin-right:1rem}.ml-4[data-v-7a0f1157]{margin-left:1rem}.ml-10[data-v-7a0f1157]{margin-left:2.5rem}.my-2[data-v-7a0f1157]{margin-top:.5rem;margin-bottom:.5rem}.pt-2[data-v-7a0f1157]{padding-top:.5rem}.px-4[data-v-7a0f1157]{padding-left:1rem;padding-right:1rem}.py-3[data-v-7a0f1157]{padding-top:.75rem;padding-bottom:.75rem}.px-3[data-v-7a0f1157]{padding-left:.75rem;padding-right:.75rem}.py-2[data-v-7a0f1157]{padding-top:.5rem;padding-bottom:.5rem}.p-2[data-v-7a0f1157]{padding:.5rem}.rounded-md[data-v-7a0f1157]{border-radius:.375rem}.rounded-full[data-v-7a0f1157]{border-radius:9999px}.shadow-md[data-v-7a0f1157]{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.font-medium[data-v-7a0f1157]{font-weight:500}.font-bold[data-v-7a0f1157]{font-weight:700}.text-sm[data-v-7a0f1157]{font-size:.875rem}.text-base[data-v-7a0f1157]{font-size:1rem}.text-2xl[data-v-7a0f1157]{font-size:1.5rem}.text-white[data-v-7a0f1157]{color:#fff}.text-gray-600[data-v-7a0f1157]{color:#4b5563}.text-gray-700[data-v-7a0f1157]{color:#374151}.text-gray-800[data-v-7a0f1157]{color:#1f2937}.text-red-600[data-v-7a0f1157]{color:#dc2626}.bg-white[data-v-7a0f1157]{background-color:#fff}.bg-gray-100[data-v-7a0f1157]{background-color:#f3f4f6}.bg-gray-400[data-v-7a0f1157]{background-color:#9ca3af}.transition-colors[data-v-7a0f1157]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity[data-v-7a0f1157]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all[data-v-7a0f1157]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200[data-v-7a0f1157]{transition-duration:.2s}.duration-300[data-v-7a0f1157]{transition-duration:.3s}.hover\:text-primary[data-v-7a0f1157]:hover{color:#3b82f6}.hover\:text-gray-800[data-v-7a0f1157]:hover{color:#1f2937}.hover\:bg-gray-100[data-v-7a0f1157]:hover{background-color:#f3f4f6}.hover\:opacity-80[data-v-7a0f1157]:hover{opacity:.8}.flex[data-v-7a0f1157]{display:flex}.items-center[data-v-7a0f1157]{align-items:center}.justify-between[data-v-7a0f1157]{justify-content:space-between}.justify-center[data-v-7a0f1157]{justify-content:center}.flex-shrink-0[data-v-7a0f1157]{flex-shrink:0}.block[data-v-7a0f1157]{display:block}.cursor-pointer[data-v-7a0f1157]{cursor:pointer}.fixed[data-v-7a0f1157]{position:fixed}.top-0[data-v-7a0f1157]{top:0}.left-0[data-v-7a0f1157]{left:0}.right-0[data-v-7a0f1157]{right:0}.z-50[data-v-7a0f1157]{z-index:50}.h-10[data-v-7a0f1157]{height:2.5rem}.h-16[data-v-7a0f1157]{height:4rem}.w-full[data-v-7a0f1157]{width:100%}.border-t[data-v-7a0f1157]{border-top-width:1px}.border-gray-100[data-v-7a0f1157]{border-color:#f3f4f6}.check-in-status[data-v-d7b6e4ea]{width:100%}.status-card[data-v-d7b6e4ea]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;box-shadow:0 8px 32px rgba(102,126,234,.3);transition:all .3s ease}.status-card[data-v-d7b6e4ea]:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(102,126,234,.4)}.status-header[data-v-d7b6e4ea]{display:flex;align-items:center;margin-bottom:20px}.status-icon[data-v-d7b6e4ea]{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.status-icon i[data-v-d7b6e4ea]{font-size:24px;color:#fff}.status-info[data-v-d7b6e4ea]{flex:1}.status-title[data-v-d7b6e4ea]{font-size:18px;font-weight:600;margin:0 0 4px 0}.status-desc[data-v-d7b6e4ea]{font-size:14px;opacity:.8;margin:0}.status-content[data-v-d7b6e4ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.points-display[data-v-d7b6e4ea],.points-icon[data-v-d7b6e4ea]{display:flex;align-items:center}.points-icon[data-v-d7b6e4ea]{width:40px;height:40px;background:hsla(0,0%,100%,.2);border-radius:50%;justify-content:center;margin-right:12px}.points-icon i[data-v-d7b6e4ea]{font-size:18px;color:gold}.points-info[data-v-d7b6e4ea]{display:flex;flex-direction:column}.points-value[data-v-d7b6e4ea]{font-size:24px;font-weight:700;line-height:1}.points-label[data-v-d7b6e4ea]{font-size:12px;opacity:.8}.check-in-status[data-v-d7b6e4ea]{text-align:right}.status-indicator[data-v-d7b6e4ea]{display:flex;align-items:center;font-size:14px;margin-bottom:4px}.status-indicator i[data-v-d7b6e4ea]{margin-right:8px;font-size:16px}.status-indicator.checked[data-v-d7b6e4ea]{color:#4ade80}.status-indicator[data-v-d7b6e4ea]:not(.checked){color:#fbbf24}.last-check-in[data-v-d7b6e4ea]{font-size:12px;opacity:.7}.status-actions[data-v-d7b6e4ea]{text-align:center}.check-in-btn[data-v-d7b6e4ea]{width:100%;height:44px;border-radius:22px;font-weight:600;transition:all .3s ease}.check-in-btn[data-v-d7b6e4ea]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.check-in-btn[data-v-d7b6e4ea]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.status-content[data-v-d7b6e4ea]{flex-direction:column;align-items:flex-start;gap:16px}.check-in-status[data-v-d7b6e4ea]{text-align:left}}.home-container[data-v-3ed2869a]{position:relative;min-height:100vh}.navbar-container[data-v-3ed2869a]{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;transition:all .3s ease}.navbar-visible[data-v-3ed2869a]{transform:translateY(0);opacity:1}.navbar-hidden[data-v-3ed2869a]{transform:translateY(-100%);opacity:0}.carousel-container[data-v-3ed2869a]{position:relative;height:100vh;width:100%}.fullscreen-carousel[data-v-3ed2869a]{height:100vh!important}[data-v-3ed2869a] .el-carousel__indicators{display:none}.carousel-item[data-v-3ed2869a]{position:relative;height:100vh;width:100%}.carousel-image[data-v-3ed2869a]{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.carousel-overlay[data-v-3ed2869a]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center}.carousel-content[data-v-3ed2869a]{text-align:center;color:#fff;max-width:800px;padding:0 20px}.carousel-title[data-v-3ed2869a]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInUp-3ed2869a 1s ease-out}.carousel-subtitle[data-v-3ed2869a]{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:fadeInUp-3ed2869a 1s ease-out .3s both}.carousel-actions[data-v-3ed2869a]{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInUp-3ed2869a 1s ease-out .6s both}.sign-in-btn[data-v-3ed2869a]{padding:12px 30px;font-size:1.1rem;border-radius:25px;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease}.sign-in-btn[data-v-3ed2869a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.points-animation[data-v-3ed2869a]{font-size:1.2rem;font-weight:700;color:#67c23a;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.points-fade-enter-active[data-v-3ed2869a],.points-fade-leave-active[data-v-3ed2869a]{transition:all .5s ease}.points-fade-enter-from[data-v-3ed2869a]{opacity:0;transform:translateY(20px) scale(.8)}.points-fade-leave-to[data-v-3ed2869a]{opacity:0;transform:translateY(-20px) scale(1.2)}@keyframes fadeInUp-3ed2869a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.carousel-title[data-v-3ed2869a]{font-size:2.5rem}.carousel-subtitle[data-v-3ed2869a]{font-size:1.2rem}.sign-in-btn[data-v-3ed2869a]{padding:10px 25px;font-size:1rem}}@media (max-width:480px){.carousel-title[data-v-3ed2869a]{font-size:2rem}.carousel-subtitle[data-v-3ed2869a]{font-size:1rem}.carousel-content[data-v-3ed2869a]{padding:0 15px}}.custom-indicators[data-v-3ed2869a]{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.custom-indicator[data-v-3ed2869a]{cursor:pointer;color:hsla(0,0%,100%,.4);font-size:16px;transition:all .3s ease}.custom-indicator.active[data-v-3ed2869a],.custom-indicator[data-v-3ed2869a]:hover{color:#fff;transform:scale(1.3)}.check-in-floating-card[data-v-3ed2869a]{position:fixed;bottom:30px;right:30px;width:320px;z-index:1000;animation:slideInRight-3ed2869a .6s ease-out}@keyframes slideInRight-3ed2869a{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.check-in-floating-card[data-v-3ed2869a]{width:calc(100vw - 40px);right:20px;bottom:20px}}.bg-gradient-to-br[data-v-2e0d547c]{background:linear-gradient(120deg,#a1c4fd,#c2e9fb)}.card-shadow[data-v-2e0d547c]{box-shadow:0 8px 32px rgba(102,126,234,.08)}.text-primary[data-v-2e0d547c]{color:#667eea}.bg-primary\/10[data-v-2e0d547c]{background:rgba(102,126,234,.1)}.font-inter[data-v-2e0d547c]{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.text-dark[data-v-2e0d547c]{color:#22223b}.text-gray-medium[data-v-2e0d547c]{color:#6c757d}.input-focus[data-v-2e0d547c]:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea22}.animate-float[data-v-2e0d547c]{animation:float-2e0d547c 3s ease-in-out infinite}@keyframes float-2e0d547c{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-in[data-v-2e0d547c]{animation:fadeIn-2e0d547c .8s}@keyframes fadeIn-2e0d547c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course-container[data-v-6fbcfdc6]{min-height:100vh;padding:20px;position:relative;overflow:hidden}.bg-pattern[data-v-6fbcfdc6]{position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(102,126,234,.1) 1px,transparent 0),radial-gradient(rgba(118,75,162,.1) 1px,transparent 0);background-size:50px 50px;background-position:0 0,25px 25px;z-index:0}.bg-overlay[data-v-6fbcfdc6]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.9));z-index:1}.navbar-container[data-v-6fbcfdc6]{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;transition:all .3s ease}.navbar-visible[data-v-6fbcfdc6]{transform:translateY(0);opacity:1;box-shadow:0 4px 20px rgba(0,0,0,.1)}.navbar-hidden[data-v-6fbcfdc6]{transform:translateY(-100%);opacity:0}.page-header[data-v-6fbcfdc6]{text-align:center;margin-bottom:40px;padding:30px 20px;position:relative;z-index:10;animation:fadeInDown-6fbcfdc6 1s ease-out}.header-content[data-v-6fbcfdc6]{max-width:900px;margin:0 auto;position:relative}.page-header[data-v-6fbcfdc6]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;transform:skewY(-2deg);z-index:-1;box-shadow:0 10px 30px rgba(0,0,0,.1)}.theme-tabs[data-v-6fbcfdc6]{margin-top:25px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.theme-tag[data-v-6fbcfdc6]{cursor:pointer;transition:all .3s ease;padding:6px 16px;font-size:14px}.theme-red[data-v-6fbcfdc6]{--el-tag-text-color:#e53935;--el-tag-border-color:#e53935}.theme-red.is-dark[data-v-6fbcfdc6]{--el-tag-bg-color:#e53935}.theme-gold[data-v-6fbcfdc6]{--el-tag-text-color:#fbc02d;--el-tag-border-color:#fbc02d}.theme-gold.is-dark[data-v-6fbcfdc6]{--el-tag-bg-color:#fbc02d;--el-tag-text-color:#333}.theme-green[data-v-6fbcfdc6]{--el-tag-text-color:#43a047;--el-tag-border-color:#43a047}.theme-green.is-dark[data-v-6fbcfdc6]{--el-tag-bg-color:#43a047}.reset-tag[data-v-6fbcfdc6]{--el-tag-text-color:#6c757d;--el-tag-border-color:#6c757d}.course-list[data-v-6fbcfdc6]{margin-top:20px;max-width:1400px;margin-left:auto;margin-right:auto;position:relative;z-index:10;transition:all .5s ease}.filter-animation[data-v-6fbcfdc6]{animation:filterFade-6fbcfdc6 .5s ease}@keyframes filterFade-6fbcfdc6{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.grid[data-v-6fbcfdc6]{display:grid}.grid-cols-1[data-v-6fbcfdc6]{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2[data-v-6fbcfdc6]{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3[data-v-6fbcfdc6]{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-6[data-v-6fbcfdc6]{gap:1.5rem}.course-card[data-v-6fbcfdc6]{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.03);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(30px);transition:all .6s ease-out;position:relative}.course-card.visible[data-v-6fbcfdc6]{opacity:1;transform:translateY(0)}.course-card[data-v-6fbcfdc6]:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.course-image[data-v-6fbcfdc6]{height:12rem;overflow:hidden;position:relative}.course-image img[data-v-6fbcfdc6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-6fbcfdc6]{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .3s ease}.course-card:hover .image-overlay[data-v-6fbcfdc6]{background-color:rgba(0,0,0,.2)}.image-icon[data-v-6fbcfdc6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease;background-color:hsla(0,0%,100%,.9);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.course-card:hover .image-icon[data-v-6fbcfdc6]{opacity:1}.course-content[data-v-6fbcfdc6]{padding:1.5rem}.course-content span[data-v-6fbcfdc6]{padding:4px 10px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;box-shadow:0 2px 5px rgba(0,0,0,.1)}.course-title[data-v-6fbcfdc6]{font-size:1.25rem;font-weight:700;color:#1f2937;margin-top:.75rem;margin-bottom:.75rem;transition:color .3s ease}.course-card:hover .course-title[data-v-6fbcfdc6]{color:#667eea}.course-desc[data-v-6fbcfdc6]{color:#4b5563;font-size:.875rem;line-height:1.6;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-actions[data-v-6fbcfdc6]{display:flex;gap:.75rem;margin-top:auto}[data-v-6fbcfdc6] .el-button{border-radius:8px;font-weight:500;transition:all .3s ease;flex:1;padding:8px 12px}[data-v-6fbcfdc6] .el-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-v-6fbcfdc6] .el-button--primary{background-color:#667eea;border-color:#667eea}[data-v-6fbcfdc6] .el-button--primary:hover{background-color:#5a6fde;border-color:#5a6fde}@keyframes fadeInUp-6fbcfdc6{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-3xl[data-v-6fbcfdc6]{font-size:2.25rem;line-height:2.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1)}.text-lg[data-v-6fbcfdc6]{font-size:1.125rem;line-height:1.75rem;color:#fff}.font-bold[data-v-6fbcfdc6]{font-weight:700}.opacity-90[data-v-6fbcfdc6]{opacity:.9}.mb-3[data-v-6fbcfdc6]{margin-bottom:.75rem}@media (min-width:640px){.sm\:grid-cols-2[data-v-6fbcfdc6]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-3[data-v-6fbcfdc6]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.text-3xl[data-v-6fbcfdc6]{font-size:1.8rem}.course-actions[data-v-6fbcfdc6]{flex-direction:column}.theme-tabs[data-v-6fbcfdc6]{margin-top:20px}.theme-tag[data-v-6fbcfdc6]{padding:5px 12px;font-size:13px}}@media (max-width:480px){.page-header[data-v-6fbcfdc6]{padding:20px 15px;margin-bottom:30px}.text-3xl[data-v-6fbcfdc6]{font-size:1.5rem}.text-lg[data-v-6fbcfdc6]{font-size:1rem}.course-list[data-v-6fbcfdc6]{padding:0 5px}.grid-cols-1[data-v-6fbcfdc6]{grid-template-columns:1fr}}.hidden[data-v-6fbcfdc6]{display:none}@keyframes fadeInDown-6fbcfdc6{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.course-card[data-v-6fbcfdc6]:first-child,.course-card[data-v-6fbcfdc6]:nth-child(2),.course-card[data-v-6fbcfdc6]:nth-child(3),.course-card[data-v-6fbcfdc6]:nth-child(4),.course-card[data-v-6fbcfdc6]:nth-child(5),.course-card[data-v-6fbcfdc6]:nth-child(6),.course-card[data-v-6fbcfdc6]:nth-child(7),.course-card[data-v-6fbcfdc6]:nth-child(8),.course-card[data-v-6fbcfdc6]:nth-child(9){transition-delay:.1s}.debug-output[data-v-6fbcfdc6]{color:#111!important;background:#fff!important;font-size:16px!important;padding:8px;border-radius:4px;margin-bottom:8px;word-break:break-all;z-index:9999;position:relative}.course-card[data-v-6fbcfdc6],.course-content[data-v-6fbcfdc6],.course-desc[data-v-6fbcfdc6],.course-title[data-v-6fbcfdc6]{color:#111!important;background:#fff!important;opacity:1!important}.play-circle[data-v-6fbcfdc6]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:auto}.play-circle.clickable[data-v-6fbcfdc6]{cursor:pointer;transition:box-shadow .2s}.play-circle.clickable[data-v-6fbcfdc6]:hover{box-shadow:0 0 16px 4px #e53935aa;border-radius:50%}[data-v-6fbcfdc6] .el-dialog__body{padding:0;height:95vh;min-height:95vh}.discussion-modern-bg[data-v-33736602]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 0}.discussion-topbar[data-v-33736602]{display:flex;align-items:center;justify-content:flex-end;gap:24px;max-width:900px;margin:0 auto 32px auto;background:hsla(0,0%,100%,.9);border-radius:16px;box-shadow:0 2px 16px #e0e7ef;padding:18px 32px;position:relative}.discussion-time[data-v-33736602]{position:absolute;left:32px;font-size:15px;color:#888;font-family:JetBrains Mono,Consolas,monospace}.discussion-list-modern[data-v-33736602]{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.discussion-card-modern[data-v-33736602]{border-radius:18px;box-shadow:0 4px 24px #e0e7ef;padding:28px 32px 18px 32px;background:#fff;transition:box-shadow .2s}.discussion-card-header[data-v-33736602]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.discussion-title[data-v-33736602]{font-size:20px;font-weight:600;color:#222}.discussion-user[data-v-33736602]{font-size:15px;color:#409eff;display:flex;align-items:center}.discussion-meta[data-v-33736602]{display:flex;align-items:center;gap:12px;font-size:13px;color:#aaa;margin-bottom:10px}.discussion-content[data-v-33736602]{font-size:16px;color:#333;margin-bottom:12px}.discussion-actions[data-v-33736602]{display:flex;gap:16px;margin-bottom:8px}.discussion-replies[data-v-33736602]{margin-top:10px;padding-left:18px;border-left:2px solid #eee}.reply-item-modern[data-v-33736602]{font-size:14px;color:#666;margin-bottom:4px}.reply-user[data-v-33736602]{color:#409eff;margin-right:4px}.reply-time[data-v-33736602]{color:#bbb;margin-left:8px}.pagination-bar[data-v-33736602]{margin:24px 0 0 0;text-align:center}.search-bar[data-v-33736602]{width:220px;margin-left:16px}.user-avatar-modern[data-v-33736602]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-weight:700;font-size:16px;margin-right:6px;box-shadow:0 2px 8px #e0e7ef}.post-header[data-v-33736602]{display:flex;align-items:center;justify-content:center;margin-bottom:18px;gap:16px}.avatar-large[data-v-33736602]{width:48px;height:48px;border-radius:50%;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e0e7ef}.post-title[data-v-33736602]{font-size:22px;font-weight:700;color:#333;letter-spacing:2px}.modern-dialog[data-v-33736602] .el-dialog{border-radius:20px;box-shadow:0 8px 32px #b6c6e2;background:linear-gradient(135deg,#f5f7fa,#e3e9f7)}.modern-dialog[data-v-33736602] .el-dialog__header{border-radius:18px 18px 0 0;background:#f8fafc;padding:22px 32px 10px 32px}.modern-dialog[data-v-33736602] .el-dialog__title{font-size:20px;font-weight:600;color:#222}.modern-dialog[data-v-33736602] .el-dialog__body{padding:28px 32px 10px 32px}.modern-dialog[data-v-33736602] .el-dialog__footer{background:#f8fafc;border-radius:0 0 18px 18px;padding:16px 32px 22px 32px;display:flex;gap:16px;justify-content:flex-end}.modern-input[data-v-33736602] .el-input,.modern-input[data-v-33736602] .el-input__wrapper{background:transparent;border:none;box-shadow:none;padding:0}.modern-input[data-v-33736602] .el-input__inner{border-radius:12px;border:1.5px solid #e0e7ef;font-size:16px;padding:12px 18px;background:#f8fafc;margin-bottom:18px;transition:border .2s}.modern-input[data-v-33736602] .el-input__inner:focus{border-color:#8b5cf6;background:#fff}.modern-textarea[data-v-33736602] .el-textarea__inner{border-radius:14px;border:1.5px solid #e0e7ef;font-size:15px;padding:16px 18px;background:#f8fafc;min-height:120px;margin-bottom:18px;transition:border .2s}.modern-textarea[data-v-33736602] .el-textarea__inner:focus{border-color:#3b82f6;background:#fff}.modern-cancel[data-v-33736602]{background:#e3e9f7;color:#666;border-radius:10px;border:none;font-weight:500;padding:8px 24px;transition:background .2s}.modern-cancel[data-v-33736602]:hover{background:#d1d9ec;color:#222}.modern-confirm[data-v-33736602]{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;border-radius:10px;border:none;font-weight:600;padding:8px 28px;box-shadow:0 2px 8px #e0e7ef;transition:background .2s}.modern-confirm[data-v-33736602]:hover{background:linear-gradient(90deg,#2563eb,#6366f1);color:#fff}.floating-navbar[data-v-33736602]{position:fixed;top:35%;right:0;z-index:1000;width:54px;background:hsla(0,0%,100%,.95);border-radius:18px 0 0 18px;box-shadow:0 4px 24px #b6c6e2;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .2s;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:8px 0}.floating-navbar.open[data-v-33736602]{width:160px;box-shadow:0 8px 32px #b6c6e2}.nav-btn[data-v-33736602]{width:40px;height:40px;margin:10px 0;border-radius:50%;background:linear-gradient(135deg,#f5f7fa,#e3e9f7);display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:22px;cursor:pointer;box-shadow:0 2px 8px #e0e7ef;transition:background .2s,color .2s,width .3s;position:relative}.floating-navbar.open .nav-btn[data-v-33736602]{width:120px;justify-content:flex-start;padding-left:18px;font-size:20px}.nav-btn[data-v-33736602]:hover{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff}.floating-navbar .nav-btn i[data-v-33736602]{margin-right:12px}.floating-navbar.open .nav-btn[data-v-33736602]:after{content:attr(title);color:#333;font-size:15px;margin-left:10px;opacity:1;transition:opacity .2s}.navbar-container[data-v-33736602]{position:fixed;top:0;left:0;right:0;z-index:100;height:75px;transition:opacity .3s,transform .3s;pointer-events:auto}.navbar-visible[data-v-33736602]{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-hidden[data-v-33736602]{opacity:0;pointer-events:none;transform:translateY(-30px)}.task-modern-bg[data-v-6bfa5cd1]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 0;padding-top:75px}.task-header[data-v-6bfa5cd1]{text-align:center;margin-bottom:40px}.main-title[data-v-6bfa5cd1]{font-size:36px;font-weight:700;color:#2c3e50;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-title[data-v-6bfa5cd1]{font-size:16px;color:#7f8c8d;margin:0;font-weight:400}.tab-container[data-v-6bfa5cd1]{max-width:900px;margin:0 auto 40px auto;display:flex;justify-content:center}.custom-tabs[data-v-6bfa5cd1]{display:flex;gap:10px;position:relative;background:#f8f9fa;padding:8px;border-radius:25px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tab-item[data-v-6bfa5cd1]{padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;color:#7f8c8d;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1;background:transparent;position:relative;overflow:hidden}.tab-item[data-v-6bfa5cd1]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.tab-item[data-v-6bfa5cd1]:hover:before{left:100%}.tab-item.active[data-v-6bfa5cd1]{background:#667eea;color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.2);transform:scale(1.02)}.tab-item[data-v-6bfa5cd1]:hover:not(.active){color:#333;background:transparent;transform:scale(1.01)}.tab-item[data-v-6bfa5cd1]:active{transform:scale(.98);transition:transform .1s ease}.task-grid[data-v-6bfa5cd1]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,350px);gap:24px;padding:0 20px;justify-content:center}.task-card-modern[data-v-6bfa5cd1]{background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden;height:360px;width:350px;display:flex;flex-direction:column;flex-shrink:0}.task-card-modern[data-v-6bfa5cd1]:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,.15)}.card-header-modern[data-v-6bfa5cd1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.task-icon[data-v-6bfa5cd1]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;position:relative}.icon-text[data-v-6bfa5cd1]{font-size:14px;color:#fff;line-height:1}.task-icon[data-v-6bfa5cd1]:before{content:"";position:absolute;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:50%}.icon-study[data-v-6bfa5cd1]{background:#c7d2fe}.icon-share[data-v-6bfa5cd1]{background:#fce7f3}.icon-court[data-v-6bfa5cd1]{background:#fef3c7}.icon-default[data-v-6bfa5cd1]{background:#d1fae5}.status-badge[data-v-6bfa5cd1]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.status-doing[data-v-6bfa5cd1]{background:linear-gradient(135deg,#11998e,#38ef7d)}.status-done[data-v-6bfa5cd1]{background:linear-gradient(135deg,#667eea,#764ba2)}.card-title-modern[data-v-6bfa5cd1]{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:12px;line-height:1.4;flex-shrink:0}.card-desc-modern[data-v-6bfa5cd1]{color:#7f8c8d;font-size:14px;line-height:1.6;margin-bottom:20px;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.task-meta[data-v-6bfa5cd1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.difficulty-info[data-v-6bfa5cd1]{display:flex;align-items:center;gap:8px}.meta-label[data-v-6bfa5cd1]{font-size:14px;color:#7f8c8d}.star-rating[data-v-6bfa5cd1]{display:flex;gap:2px}.star-icon[data-v-6bfa5cd1]{font-size:14px}.star-filled[data-v-6bfa5cd1]{color:#f39c12}.star-empty[data-v-6bfa5cd1]{color:#ecf0f1}.time-info[data-v-6bfa5cd1]{display:flex;align-items:center;gap:6px;font-size:14px;color:#7f8c8d}.progress-section[data-v-6bfa5cd1]{margin-bottom:20px;flex-shrink:0}.progress-bar-modern[data-v-6bfa5cd1]{width:100%;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-6bfa5cd1]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text[data-v-6bfa5cd1]{font-size:12px;color:#7f8c8d}.action-btn-modern[data-v-6bfa5cd1]{width:100%;height:44px;border-radius:22px;font-weight:600;font-size:14px;border:none;transition:all .3s ease;flex-shrink:0;margin-top:auto}.btn-continue[data-v-6bfa5cd1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-continue[data-v-6bfa5cd1]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-start[data-v-6bfa5cd1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-start[data-v-6bfa5cd1]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-view[data-v-6bfa5cd1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view[data-v-6bfa5cd1]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.more-tasks-section[data-v-6bfa5cd1]{text-align:center;margin-top:40px}.more-btn-modern[data-v-6bfa5cd1]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:12px 32px;font-weight:600;font-size:16px;color:#fff;transition:all .3s ease}.more-btn-modern[data-v-6bfa5cd1]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.3)}.floating-navbar[data-v-6bfa5cd1]{position:fixed;top:35%;right:0;z-index:1000;width:54px;background:hsla(0,0%,100%,.95);border-radius:18px 0 0 18px;box-shadow:0 4px 24px #b6c6e2;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .2s;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:8px 0}.floating-navbar.open[data-v-6bfa5cd1]{width:160px;box-shadow:0 8px 32px #b6c6e2}.nav-btn[data-v-6bfa5cd1]{width:40px;height:40px;margin:10px 0;border-radius:50%;background:linear-gradient(135deg,#f5f7fa,#e3e9f7);display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:22px;cursor:pointer;box-shadow:0 2px 8px #e0e7ef;transition:background .2s,color .2s,width .3s;position:relative}.floating-navbar.open .nav-btn[data-v-6bfa5cd1]{width:120px;justify-content:flex-start;padding-left:18px;font-size:20px}.nav-btn[data-v-6bfa5cd1]:hover{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff}.floating-navbar .nav-btn i[data-v-6bfa5cd1]{margin-right:12px}.floating-navbar.open .nav-btn[data-v-6bfa5cd1]:after{content:attr(title);color:#333;font-size:15px;margin-left:10px;opacity:1;transition:opacity .2s}.navbar-container[data-v-6bfa5cd1]{position:fixed;top:0;left:0;right:0;z-index:100;height:75px;transition:opacity .3s,transform .3s;pointer-events:auto}.navbar-visible[data-v-6bfa5cd1]{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-hidden[data-v-6bfa5cd1]{opacity:0;pointer-events:none;transform:translateY(-30px)}@media (max-width:768px){.task-grid[data-v-6bfa5cd1]{grid-template-columns:1fr;padding:0 16px}.main-title[data-v-6bfa5cd1]{font-size:28px}.task-card-modern[data-v-6bfa5cd1]{padding:20px}}@media (max-width:480px){.task-meta[data-v-6bfa5cd1]{flex-direction:column;align-items:flex-start;gap:12px}}.task-progress[data-v-6bfa5cd1]{margin-top:8px}.task-progress .el-progress-bar__outer[data-v-6bfa5cd1]{background-color:#f0f0f0;border-radius:10px;overflow:hidden}.task-progress .el-progress-bar__inner[data-v-6bfa5cd1]{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-progress .el-progress-bar__inner[data-v-6bfa5cd1]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer-6bfa5cd1 2s infinite}@keyframes shimmer-6bfa5cd1{0%{left:-100%}to{left:100%}}.task-progress .el-progress__text[data-v-6bfa5cd1]{font-size:12px;color:#666;font-weight:500;margin-left:8px}.story-library-container[data-v-3f9fa17c]{min-height:calc(100vh - 80px);padding:32px;background:#f9fafc;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.page-header[data-v-3f9fa17c]{text-align:center;margin-bottom:48px}.title[data-v-3f9fa17c]{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;position:relative;display:inline-block}.title[data-v-3f9fa17c]:after{content:"";position:absolute;left:50%;bottom:-6px;width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translateX(-50%);border-radius:3px}.subtitle[data-v-3f9fa17c]{font-size:1rem;color:#7f8c8d;opacity:.9}.search-filter[data-v-3f9fa17c]{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;width:100%;max-width:800px;text-align:center}.search-input[data-v-3f9fa17c]{width:100%;font-size:1rem;border-radius:24px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.03);transition:box-shadow .3s}[data-v-3f9fa17c] .el-input__wrapper{border-radius:8px!important;border:1px solid #e0e7ef!important;background:#fff!important;box-shadow:none!important;transition:border .2s}[data-v-3f9fa17c] .el-input__wrapper.is-focus{border:1.5px solid #8b5cf6!important;box-shadow:0 2px 8px #e0e7ef}.search-btn[data-v-3f9fa17c]{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;transition:all .3s}.search-btn[data-v-3f9fa17c]:hover{background:linear-gradient(90deg,#5a6fde,#6c4298);box-shadow:0 4px 16px rgba(102,126,234,.2)}.keyword-group[data-v-3f9fa17c]{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;justify-content:center}.keyword-tag[data-v-3f9fa17c]{border-radius:16px;font-size:.95rem;padding:6px 16px;cursor:pointer;transition:all .2s;font-weight:500}.keyword-tag[data-v-3f9fa17c]:hover{filter:brightness(.95) contrast(1.1);box-shadow:0 2px 8px rgba(0,0,0,.07)}.keyword-tag.el-tag--primary.el-tag--dark[data-v-3f9fa17c],.keyword-tag.selected[data-v-3f9fa17c]{background:linear-gradient(90deg,#764ba2,#667eea)!important;color:#fff!important;border:1.5px solid #764ba2!important;box-shadow:0 2px 12px rgba(102,126,234,.1)}.reset-tag[data-v-3f9fa17c]{background:#f3f4f6!important;color:#764ba2!important;border:1px solid #e5e7eb!important}.story-grid[data-v-3f9fa17c]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;width:100%;justify-content:center;margin:0 auto}.story-card[data-v-3f9fa17c]{border:none;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.03);transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:350px;margin:0 auto;justify-self:center}.story-card[data-v-3f9fa17c]:hover{box-shadow:0 8px 24px rgba(0,0,0,.05);transform:translateY(-4px)}.card-media[data-v-3f9fa17c]{width:100%;height:200px;background-size:cover;background-position:50%;border-radius:12px 12px 0 0}.card-content[data-v-3f9fa17c]{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.card-header[data-v-3f9fa17c]{margin-bottom:12px}.meta[data-v-3f9fa17c]{font-size:.95rem;margin-right:2px;letter-spacing:1px}.meta-date[data-v-3f9fa17c]{font-size:.92rem;color:#95a5a6}.story-title[data-v-3f9fa17c]{font-size:1.1rem;font-weight:600;color:#2c3e50;line-height:1.4;margin:8px 0;min-height:2.8em;-webkit-line-clamp:2}.story-brief[data-v-3f9fa17c],.story-title[data-v-3f9fa17c]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.story-brief[data-v-3f9fa17c]{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:16px;-webkit-line-clamp:3;flex:1;min-height:4.8em}.read-btn[data-v-3f9fa17c]{color:#667eea;font-weight:500;transition:color .3s;align-self:flex-start}.read-btn[data-v-3f9fa17c]:hover{color:#5a6fde}.add-story-btn[data-v-3f9fa17c]{display:block;margin:40px auto 0;border-radius:24px;padding:10px 32px;font-weight:500;background:linear-gradient(90deg,#667eea,#764ba2);border:none;color:#fff;transition:box-shadow .3s}.add-story-btn[data-v-3f9fa17c]:hover{box-shadow:0 6px 18px rgba(102,126,234,.2)}.story-pagination-bar[data-v-3f9fa17c]{display:flex;align-items:center;justify-content:center;margin:32px 0 0 0;width:100%;max-width:800px}.story-pagination[data-v-3f9fa17c]{--el-pagination-bg-color:#f8fafc;--el-pagination-hover-color:#764ba2;--el-pagination-active-bg-color:#764ba2;--el-pagination-active-color:#fff}.navbar-container[data-v-3f9fa17c]{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;transition:all .3s ease}.navbar-visible[data-v-3f9fa17c]{transform:translateY(0);opacity:1;box-shadow:0 2px 12px rgba(0,0,0,.02)}.navbar-hidden[data-v-3f9fa17c]{transform:translateY(-100%);opacity:0}@media (max-width:1200px){.loading-container[data-v-3f9fa17c],.story-grid[data-v-3f9fa17c]{grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px}}@media (max-width:768px){.story-library-container[data-v-3f9fa17c]{padding:24px}.search-filter[data-v-3f9fa17c]{max-width:100%}.story-grid[data-v-3f9fa17c]{grid-template-columns:1fr;gap:20px;max-width:400px}.story-card[data-v-3f9fa17c]{max-width:100%}.loading-container[data-v-3f9fa17c]{grid-template-columns:1fr;gap:20px;max-width:400px}}.story-meta-tag[data-v-3f9fa17c]{margin-right:6px;font-size:.95rem;padding:4px 14px;border-radius:16px;vertical-align:middle;box-shadow:0 2px 8px rgba(0,0,0,.05)}.loading-container[data-v-3f9fa17c]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;width:100%;justify-content:center;margin:0 auto}.loading-container .el-skeleton[data-v-3f9fa17c]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.03)}.empty-container[data-v-3f9fa17c]{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px;width:100%;max-width:1200px;box-shadow:0 4px 16px rgba(0,0,0,.03)}@media (max-width:1200px){.loading-container[data-v-3f9fa17c]{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.loading-container[data-v-3f9fa17c]{grid-template-columns:1fr;gap:20px}}.video-container[data-v-1eb9116a]{padding:20px;background-color:#f5f5f5;min-height:100vh;margin-top:60px}.page-header[data-v-1eb9116a]{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px}.page-header h2[data-v-1eb9116a]{margin:0 0 10px 0;font-size:28px;font-weight:700}.page-header p[data-v-1eb9116a]{margin:0;font-size:16px;opacity:.9}.video-list[data-v-1eb9116a]{margin-bottom:30px}.video-card[data-v-1eb9116a]{margin-bottom:20px;transition:transform .3s ease;border-radius:10px;overflow:hidden;min-height:300px}.video-card[data-v-1eb9116a]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.video-player[data-v-1eb9116a]{position:relative;background:#000;border-radius:8px 8px 0 0;overflow:hidden}.video-element[data-v-1eb9116a]{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.video-info[data-v-1eb9116a]{padding:20px}.video-title[data-v-1eb9116a]{margin:0 0 10px 0;font-size:18px;font-weight:700;color:#333}.video-desc[data-v-1eb9116a]{margin:0 0 15px 0;color:#666;line-height:1.5;font-size:14px}.video-history[data-v-1eb9116a]{margin-bottom:15px;display:flex;gap:10px;flex-wrap:wrap}.video-actions[data-v-1eb9116a]{display:flex;gap:10px}.video-actions .el-button[data-v-1eb9116a]{flex:1}.upload-section[data-v-1eb9116a]{text-align:center;margin-top:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.upload-btn[data-v-1eb9116a]{padding:12px 24px;font-size:16px}@media (max-width:768px){.el-col[data-v-1eb9116a]{width:100%!important}.video-actions[data-v-1eb9116a]{flex-direction:column}.video-actions .el-button[data-v-1eb9116a]{width:100%}.video-history[data-v-1eb9116a]{flex-direction:column}}.navbar-container[data-v-1eb9116a]{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;transition:all .3s ease}.navbar-visible[data-v-1eb9116a]{transform:translateY(0);opacity:1;box-shadow:0 2px 12px rgba(0,0,0,.02)}.navbar-hidden[data-v-1eb9116a]{transform:translateY(-100%);opacity:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease-in-out}.card-shadow{box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.03)}:root{--primary:#4361ee;--primary-light:rgba(67,97,238,.1);--primary-80:rgba(67,97,238,.8);--primary-50:rgba(67,97,238,.5);--primary-20:rgba(67,97,238,.2);--gray-light:#e9ecef;--gray-medium:#6c757d;--light:#f8f9fa;--dark:#212529}.font-inter{font-family:Inter,sans-serif}.text-primary{color:var(--primary)}.bg-primary{background-color:var(--primary)}.bg-primary\/10{background-color:var(--primary-light)}.bg-primary\/90{background-color:var(--primary-80)}.bg-primary\/50{background-color:var(--primary-50)}.bg-primary\/20{background-color:var(--primary-20)}.border-gray-light{border-color:var(--gray-light)}.text-gray-medium{color:var(--gray-medium)}.bg-light{background-color:var(--light)}.text-dark{color:var(--dark)}.input-focus{@apply focus:ring-2 focus:ring-primary/50 focus:border-primary transition duration-200}.debug-container[data-v-2c48cd77]{padding:20px;max-width:1200px;margin:0 auto}.card-header[data-v-2c48cd77]{display:flex;justify-content:space-between;align-items:center}.card-header h2[data-v-2c48cd77]{margin:0;color:#333}.api-response[data-v-2c48cd77],.logs-section[data-v-2c48cd77],.test-actions[data-v-2c48cd77],.user-status[data-v-2c48cd77]{margin-bottom:30px}.api-response h3[data-v-2c48cd77],.logs-section h3[data-v-2c48cd77],.test-actions h3[data-v-2c48cd77],.user-status h3[data-v-2c48cd77]{margin-bottom:15px;color:#333;border-bottom:2px solid #eee;padding-bottom:10px}.logs-container[data-v-2c48cd77]{max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:4px;padding:10px;background:#f9f9f9}.log-item[data-v-2c48cd77]{display:flex;align-items:center;margin-bottom:8px;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.log-item.info[data-v-2c48cd77]{background:#e3f2fd;color:#1976d2}.log-item.success[data-v-2c48cd77]{background:#e8f5e8;color:#2e7d32}.log-item.warning[data-v-2c48cd77]{background:#fff3e0;color:#f57c00}.log-item.error[data-v-2c48cd77]{background:#ffebee;color:#d32f2f}.log-time[data-v-2c48cd77]{margin-right:10px;font-weight:700}.log-type[data-v-2c48cd77]{margin-right:10px;min-width:60px}.log-message[data-v-2c48cd77]{flex:1;word-break:break-all}.api-response pre[data-v-2c48cd77]{background:#f5f5f5;padding:15px;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.4}