:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}:root{--color-primary: #014DB2;--color-primary-light: #3B7DD8;--color-primary-lighter: #6BA3F0;--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-lightest: #E8F1FC;--color-primary-dark: #003B8C;--color-primary-darker: #002966;--color-bg: #F9F9F9;--color-bg-card: #FFFFFF;--color-bg-hover: #F3F5F8;--color-bg-elevated: #FFFFFF;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-disabled: #D1D5DB;--color-text-inverse: #FFFFFF;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-border: #E5E7EB;--color-border-light: #F0F1F3;--color-border-dark: #D1D5DB;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-logo: "Chakra Petch", "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--nav-height: 60px;--breadcrumb-height: 48px;--container-max-width: 1400px;--playlist-width: 380px;--video-aspect-ratio: 56.25%}[data-theme=dark]{--color-primary: #22D3EE;--color-primary-light: #67E8F9;--color-primary-lighter: #A5F3FC;--color-primary-50: rgba(34, 211, 238, .06);--color-primary-100: rgba(34, 211, 238, .12);--color-primary-200: rgba(34, 211, 238, .22);--color-primary-lightest: rgba(34, 211, 238, .1);--color-primary-dark: #06B6D4;--color-primary-darker: #0891B2;--brutal-yellow: #FFE600;--brutal-magenta: #FF2E88;--brutal-cyan: #00E5FF;--color-bg: #0A0A0A;--color-bg-card: #141414;--color-bg-hover: #1C1C1C;--color-bg-elevated: #1C1C1C;--color-text-primary: #FFFFFF;--color-text-secondary: #B8B8B8;--color-text-tertiary: #7A7A7A;--color-text-disabled: #3A3A3A;--color-text-inverse: #0A0A0A;--color-border: #FFFFFF;--color-border-light: #2A2A2A;--color-border-dark: #FFFFFF;--shadow-sm: 3px 3px 0 0 #FFFFFF;--shadow-md: 5px 5px 0 0 #FFFFFF;--shadow-lg: 6px 6px 0 0 #22D3EE;--shadow-xl: 8px 8px 0 0 #22D3EE;--toggle-bg: #1C1C1C;--toggle-glow: rgba(34, 211, 238, .2)}body,.navbar,.nav-search,.avatar-dropdown,.breadcrumb-bar,.hero-section,.section,.section-alt,.course-card,.course-body,.path-card,.feature-item,.feature-icon,.video-info,.tabs-section,.instructor-card,.resource-item,.danmu-bar,.playlist-card,.playlist-header,.playlist-footer,.modal-content,.login-modal-content,.footer,.toast,.hero-badge,.login-avatar-circle,.video-player,.action-btn,.comment-text-input,.tab-btn,.ctrl-btn,.purchase-banner,.login-submit-btn,.nav-login-btn,.dropdown-logout-btn,.search-btn,.danmu-send-btn,.follow-btn,.resource-btn,.comment-submit,.modal-purchase-btn,.view-all-link,.stat-item,.stat-num,.stat-label,.hero-title,.hero-desc,.section-title,.section-subtitle,.section-more,.course-title,.course-brief,.course-meta,.brief-label,.brief-text,.path-title,.path-desc,.path-courses,.feature-item h3,.feature-item p,.video-title,.video-item-title,.instructor-name,.instructor-title,.chapter-name,.breadcrumb,.breadcrumb a,.nav-link,.logo-text-stack,.dropdown-username,.dropdown-phone{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#0a0e1a,#131825,#0f1521)}[data-theme=dark] .hero-bg-shape.shape-1{background:#3b82f626}[data-theme=dark] .hero-bg-shape.shape-2{background:#8b5cf61f}[data-theme=dark] .hero-bg-shape.shape-3{background:#fbbf2414}[data-theme=dark] .hero-badge{background:#3b82f61a}[data-theme=dark] .footer{background:#060a14}[data-theme=dark] .login-avatar-circle{background:linear-gradient(135deg,#3b82f626,#3b82f60d)}[data-theme=dark] .purchase-banner{background:linear-gradient(135deg,#1a2030,#131825,#0f1521);border:1px solid var(--color-border)}[data-theme=dark] .video-player{background:linear-gradient(135deg,#0a0e1a,#0d2b4e,#1e293b)}[data-theme=dark] .nav-login-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .nav-login-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6)}[data-theme=dark] .login-submit-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .login-submit-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6)}.reveal{opacity:0;filter:blur(12px);transform:translateY(30px)}.reveal.revealed{opacity:1;filter:blur(0);transform:translateY(0);transition:opacity .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.reveal-fallback{opacity:1!important;filter:blur(0)!important;transform:translateY(0)!important;transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){.reveal,.reveal.revealed,.reveal.reveal-fallback{opacity:1;filter:none;transform:none;transition:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit;transition:all var(--transition-fast)}input{font-family:inherit;border:none;outline:none;background:none;color:inherit}img{display:block;max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-6)}.navbar{position:sticky;top:0;z-index:1000;height:var(--nav-height);background:var(--color-bg-card);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light)}.nav-container{max-width:var(--container-max-width);height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-6)}.nav-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo-icon{width:44px;height:44px}.logo-text-stack{display:flex;flex-direction:column;line-height:1;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;transform:translateY(2px);transition:text-shadow .3s ease,color .3s ease}.logo-text-main{font-size:var(--font-size-xl);font-weight:900;color:var(--color-primary);letter-spacing:1px}.logo-text-sub{font-family:Chakra Petch,sans-serif;font-size:var(--font-size-xs);font-weight:700;letter-spacing:3px;color:var(--color-primary);opacity:.9;margin-top:3px;margin-left:3px}.nav-logo:hover .logo-text-stack{text-shadow:0 0 10px rgba(34,211,238,.6)}.nav-links{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.nav-link{position:relative;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:500}.nav-link:hover{background:var(--color-primary-lightest)}.nav-link.active .char{color:var(--color-primary);font-weight:600}.nav-link:after{content:"";position:absolute;bottom:6px;left:0;right:0;width:calc(100% - var(--space-3) * 2);margin:0 auto;height:2px;border-radius:1px;background:var(--color-primary);transform:scaleX(0);transform-origin:right center;transition:transform .35s cubic-bezier(.22,1,.36,1)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left center}.nav-link.active:after{transform:scaleX(1);transform-origin:left center}.nav-link-roll{display:inline-flex;align-items:center}.char-box{display:inline-block;overflow:hidden;height:1.2em;line-height:1.2}.char-inner{display:block;transition:transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--rev-delay)}.char,.char-hover{display:block;height:1.2em;line-height:1.2}.char-hover{color:var(--color-primary)}.nav-link:hover .char-inner{transform:translateY(-1.2em);transition-delay:var(--delay)}.nav-search{flex:1;max-width:420px;display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:0 var(--space-3);height:38px;transition:all var(--transition-fast)}.nav-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #014db21a}.search-icon{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0}.search-input{flex:1;height:100%;padding:0 var(--space-2);font-size:var(--font-size-base)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;border-radius:var(--radius-full)}.search-btn:hover{background:var(--color-primary-lightest)}.nav-actions{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;margin-left:auto}.vip-icon{width:14px;height:14px}.nav-login-btn{padding:var(--space-1) var(--space-5);background:linear-gradient(135deg,#014db2,#1e6fd9);color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-login-btn:hover{background:linear-gradient(135deg,#013d92,#0e5ec8);transform:scale(1.05);box-shadow:0 2px 8px #014db259}.nav-login-btn:active{transform:scale(.97)}.nav-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;border:2px solid var(--color-border);transition:border-color var(--transition-fast)}.nav-avatar:hover{border-color:var(--color-primary)}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-avatar-wrap{position:relative}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000001f;z-index:1001;overflow:hidden}.dropdown-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.dropdown-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.dropdown-username{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-phone{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--color-border-light);margin:0}.dropdown-logout-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.dropdown-logout-btn:hover{background:var(--color-bg);color:var(--color-error)}.logout-icon{width:16px;height:16px;flex-shrink:0}.dropdown-fade-enter-active,.dropdown-fade-leave-active{transition:opacity .15s ease,transform .15s ease}.dropdown-fade-enter-from{opacity:0;transform:translateY(-6px)}.dropdown-fade-leave-to{opacity:0;transform:translateY(-4px)}.breadcrumb-bar{height:var(--breadcrumb-height);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-light)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);height:var(--breadcrumb-height);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .sep{color:var(--color-text-disabled)}.breadcrumb .current{color:var(--color-text-primary);font-weight:500}.main-content{padding-top:var(--space-5);padding-bottom:var(--space-12)}.content-wrapper{display:flex;gap:var(--space-5);align-items:flex-start}.left-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.video-player{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0a1a2e,#0d2b4e,#014db2);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md)}.video-element{width:100%;height:100%;object-fit:cover;display:block}.danmu-layer{position:absolute;top:0;left:0;right:0;bottom:44px;pointer-events:none;overflow:hidden;z-index:50}.video-player .art-danmu-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;cursor:pointer;gap:5px;padding:2px 4px}.video-player .art-danmu-btn .danmu-label{font-size:12px;font-weight:500;color:#e0e0e0;line-height:1;-webkit-user-select:none;user-select:none}.video-player .art-danmu-btn .danmu-toggle-track{display:block;width:32px;height:18px;border-radius:9px;border:2px solid #555;background:#2a2a2a;box-shadow:inset 0 1px 3px #00000080;position:relative;transition:background .25s ease,border-color .25s ease}.video-player .art-danmu-btn .danmu-toggle-thumb{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #ccc;box-shadow:0 1px 3px #0006;position:absolute;left:1px;top:1px;transition:transform .25s ease,background .25s ease,border-color .25s ease}.video-player .art-control:hover .danmu-toggle-track{border-color:#777}.video-player .art-control.active .art-danmu-btn .danmu-toggle-track{background:#014db2;border-color:#014db2}.video-player .art-control.active .art-danmu-btn .danmu-toggle-thumb{transform:translate(14px);background:#fff;border-color:#fff}.video-player .art-control.active .art-danmu-btn,.video-player .art-control.active{color:#22d3ee}.danmu-item{position:absolute;white-space:nowrap;color:#fff;font-size:18px;font-weight:600;text-shadow:0 0 4px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.6);animation:danmuMove linear forwards}.danmu-item.hidden{display:none}@keyframes danmuMove{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.play-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;opacity:.9;transition:all var(--transition-normal)}.play-center-btn svg{width:64px;height:64px}.play-center-btn:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.play-center-btn.hidden{opacity:0;pointer-events:none}.video-controls{position:absolute;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--space-2) var(--space-3) var(--space-1);opacity:0;transition:opacity var(--transition-normal)}.video-player:hover .video-controls,.video-controls.visible{opacity:1}.progress-bar{position:relative;height:4px;background:#fff3;border-radius:var(--radius-full);cursor:pointer;margin-bottom:var(--space-2);transition:height var(--transition-fast)}.progress-bar:hover{height:6px}.progress-buffered{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;border-radius:var(--radius-full);width:0%}.progress-played{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);border-radius:var(--radius-full);width:0%;transition:width .1s linear}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);left:0%;opacity:0;transition:opacity var(--transition-fast);box-shadow:0 0 6px #014db299}.progress-bar:hover .progress-thumb{opacity:1}.controls-row{display:flex;align-items:center;justify-content:space-between;height:32px}.controls-left,.controls-right{display:flex;align-items:center;gap:var(--space-1)}.ctrl-btn{display:flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 var(--space-1);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.ctrl-btn:hover{background:#ffffff26}.ctrl-btn svg{width:20px;height:20px}.time-display{font-size:var(--font-size-xs);color:#ffffffe6;font-variant-numeric:tabular-nums;margin:0 var(--space-1)}.time-sep{margin:0 var(--space-1);opacity:.6}.quality-label,.speed-label{font-size:var(--font-size-sm);font-weight:500;padding:2px var(--space-1)}.danmu-toggle{display:flex;align-items:center}.danmu-switch{display:flex;align-items:center;gap:var(--space-1)}.switch-track{display:inline-flex;align-items:center;width:28px;height:16px;background:#ffffff4d;border-radius:var(--radius-full);padding:2px;transition:background var(--transition-fast);flex-shrink:0}.switch-track.active{background:var(--color-primary)}.switch-thumb{width:12px;height:12px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:0 1px 2px #0003}.switch-track.active .switch-thumb{transform:translate(12px)}.danmu-label{font-size:var(--font-size-sm);color:#ffffffe6}.volume-wrap{display:flex;align-items:center;gap:0}.volume-slider{width:0;overflow:hidden;transition:width var(--transition-normal)}.volume-wrap:hover .volume-slider{width:60px}.volume-track{width:60px;height:4px;background:#fff3;border-radius:var(--radius-full);margin-left:var(--space-1);cursor:pointer}.volume-fill{height:100%;width:80%;background:#fff;border-radius:var(--radius-full)}.danmu-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);height:48px}.danmu-input-wrap{flex:1;display:flex;align-items:center;gap:var(--space-2)}.danmu-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-lightest);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.danmu-input{flex:1;height:100%;font-size:var(--font-size-base)}.danmu-input::placeholder{color:var(--color-text-tertiary)}.danmu-send-btn{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);flex-shrink:0}.danmu-send-btn:hover{background:var(--color-primary-dark)}.video-info{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-5)}.video-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-3)}.video-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.meta-stats{display:flex;align-items:center;gap:var(--space-4)}.stat-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-icon{width:16px;height:16px;color:var(--color-text-tertiary)}.stat-date{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.action-bar{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border-radius:var(--radius-full);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500;border:1px solid var(--color-border-light)}.action-btn:hover,.action-btn.active{background:var(--color-primary-lightest);color:var(--color-primary);border-color:var(--color-primary-lighter)}.action-icon{width:20px;height:20px}.instructor-card{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border-light)}.instructor-avatar{width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--color-primary-lightest)}.instructor-avatar img{width:100%;height:100%;object-fit:cover}.instructor-info{flex:1;min-width:0}.instructor-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.instructor-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.instructor-stats{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.instructor-stats strong{color:var(--color-text-secondary);font-weight:600}.follow-btn{padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-full);flex-shrink:0}.follow-btn:hover{background:var(--color-primary-dark)}.follow-btn.followed{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.tabs-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border-light)}.tabs-header{display:flex;align-items:center;gap:var(--space-2);border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-5)}.tab-btn{position:relative;padding:var(--space-2) var(--space-4);font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:var(--space-1)}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tab-count{font-size:var(--font-size-xs);background:var(--color-bg);color:var(--color-text-tertiary);padding:1px var(--space-2);border-radius:var(--radius-full)}.tab-btn.active .tab-count{background:var(--color-primary-lightest);color:var(--color-primary)}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);margin-top:var(--space-4)}.intro-heading:first-child{margin-top:0}.intro-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-2)}.intro-list{list-style:none;padding:0}.intro-list li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8}.intro-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.comment-input{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.comment-avatar{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0}.comment-text-input{flex:1;height:40px;padding:0 var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-base)}.comment-text-input:focus{border-color:var(--color-primary)}.comment-submit{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);flex-shrink:0}.comment-submit:hover{background:var(--color-primary-dark)}.comment-list{display:flex;flex-direction:column;gap:var(--space-5)}.comment-item{display:flex;gap:var(--space-3)}.comment-body{flex:1}.comment-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.comment-author{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.comment-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.comment-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.comment-actions{display:flex;gap:var(--space-4)}.comment-action{font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer}.comment-action:hover{color:var(--color-primary)}.resource-list{display:flex;flex-direction:column;gap:var(--space-3)}.resource-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.resource-item:hover{border-color:var(--color-primary-lighter);background:var(--color-primary-lightest)}.resource-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;color:#fff;flex-shrink:0}.resource-icon.pdf{background:#ef4444}.resource-icon.zip{background:#f59e0b}.resource-icon-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.resource-info{flex:1;min-width:0}.resource-name{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-size{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.resource-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-md);flex-shrink:0;color:#fff;background:#014db2;border:2px solid #014DB2;box-shadow:2px 2px #014db240;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.resource-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #014db259}.resource-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #014db240}.resource-btn.locked{background:var(--color-bg);color:var(--color-text-tertiary);border:1px solid var(--color-border);box-shadow:none;cursor:not-allowed}.resource-btn.locked:hover{transform:none;box-shadow:none}[data-theme=dark] .resource-btn{background:#fff;color:#0a0a0a;border-color:#fff;box-shadow:2px 2px #ffffff26}[data-theme=dark] .resource-btn:hover:not(:disabled){background:#22d3ee;border-color:#22d3ee;color:#0a0a0a;box-shadow:3px 3px #22d3ee59}[data-theme=dark] .resource-btn:active{box-shadow:1px 1px #22d3ee40}[data-theme=dark] .resource-btn.locked{background:var(--color-bg);color:var(--color-text-tertiary);border:1px solid var(--color-border);box-shadow:none}.purchase-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:linear-gradient(135deg,#014db2,#003b8c,#002966);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.purchase-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.purchase-info{position:relative;z-index:1}.purchase-title{font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:var(--space-1)}.purchase-desc{font-size:var(--font-size-sm);color:#fffc}.purchase-action{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1}.price-block{text-align:right}.price-original{font-size:var(--font-size-sm);color:#ffffff80;text-decoration:line-through;margin-right:var(--space-2)}.price-current{font-size:var(--font-size-3xl);font-weight:700;color:gold}.price-tag{display:inline-block;margin-left:var(--space-2);padding:2px var(--space-2);background:gold;color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);vertical-align:middle}.purchase-btn{padding:var(--space-3) var(--space-6);background:#fff;color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-lg);white-space:nowrap;box-shadow:0 4px 12px #0003}.purchase-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.right-column{width:var(--playlist-width);flex-shrink:0;position:sticky;top:calc(var(--nav-height) + var(--space-5))}.playlist-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - var(--nav-height) - var(--breadcrumb-height) - var(--space-8))}.playlist-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.playlist-title{display:flex;flex-direction:column;gap:2px}.playlist-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.playlist-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.playlist-sort-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);border-radius:var(--radius-md)}.playlist-sort-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.playlist-sort-btn svg{width:18px;height:18px}.playlist-body{flex:1;overflow-y:auto;padding:var(--space-2)}.playlist-body::-webkit-scrollbar{width:6px}.playlist-body::-webkit-scrollbar-track{background:transparent}.playlist-body::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}.playlist-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.chapter-group{margin-bottom:var(--space-2)}.chapter-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-bottom:2px solid var(--color-border-light);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.chapter-header:hover{background:var(--color-bg-hover)}.chapter-name-block{display:flex;align-items:center;gap:8px}.chapter-deco{width:4px;height:20px;background:var(--color-primary);flex-shrink:0}.chapter-name{font-size:15px;font-weight:700;color:var(--color-text-primary);letter-spacing:.3px}.chapter-progress{font-size:var(--font-size-xs);color:var(--color-success);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-bg-hover)}.chapter-progress.locked-text{color:var(--color-text-tertiary)}.chapter-meta{display:flex;align-items:center;gap:8px}.chapter-toggle-icon{width:14px;height:14px;color:var(--color-text-secondary);transition:transform .25s ease}.chapter-group.expanded .chapter-toggle-icon{transform:rotate(90deg)}.video-list{display:flex;flex-direction:column;gap:2px}.chapter-expand-btn{display:block;width:100%;text-align:center;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;padding:var(--space-2) 0;margin-top:var(--space-2);border-radius:var(--radius-md);background:var(--color-primary-lightest);border:1px dashed var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.chapter-expand-btn:hover{background:var(--color-primary);color:#fff}.chapter-expand-btn.collapse{background:transparent;border-style:solid;color:var(--color-text-secondary);border-color:var(--color-border-light)}.chapter-expand-btn.collapse:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.chapter-inline-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;padding:var(--space-2) 0}.video-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.video-item:hover{background:var(--color-bg-hover)}.video-item.current{background:var(--color-primary-lightest)}.video-item.locked{opacity:.55}.video-item.locked:hover{opacity:.75}.video-item-left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.video-index{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm)}.video-item.completed .video-index{background:var(--color-success);color:#fff}.video-item.completed .video-index svg{width:14px;height:14px}.video-item.current .video-index{background:var(--color-primary);color:#fff}.video-item.current .video-index svg{width:12px;height:12px}.video-item.locked .video-index{color:var(--color-text-tertiary)}.video-item.locked .video-index svg{width:16px;height:16px}.video-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.video-item-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.video-item.current .video-item-title{color:var(--color-primary);font-weight:600}.video-item-duration{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.video-playing-indicator{display:flex;align-items:flex-end;gap:2px;height:22px;flex-shrink:0;margin-left:4px}.video-playing-indicator .bar{width:3px;background:var(--color-primary);border-radius:1px;animation:sound-wave .8s ease-in-out infinite alternate;transform-origin:bottom}.video-playing-indicator .bar:nth-child(1){height:6px;animation-delay:0s}.video-playing-indicator .bar:nth-child(2){height:14px;animation-delay:.2s}.video-playing-indicator .bar:nth-child(3){height:10px;animation-delay:.4s}.video-playing-indicator .playing-text{margin-left:5px;font-size:10px;font-weight:700;color:var(--color-primary);letter-spacing:.5px;line-height:1;align-self:flex-end;padding-bottom:1px}@keyframes sound-wave{0%{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}.playlist-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);flex-shrink:0}.view-all-link{display:block;width:100%;text-align:center;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;padding:var(--space-2);border-radius:var(--radius-md);background:none;border:none;cursor:pointer}.view-all-link:hover{background:var(--color-primary-lightest)}.unlock-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.hint-icon{width:14px;height:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-normal);padding:var(--space-4)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-6);position:relative;transform:scale(.95);transition:transform var(--transition-normal);box-shadow:var(--shadow-xl)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-text-tertiary);border-radius:var(--radius-full)}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-header{text-align:center;margin-bottom:var(--space-5)}.modal-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.modal-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-body{margin-bottom:var(--space-5)}.modal-features{display:flex;flex-direction:column;gap:var(--space-3)}.modal-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--color-text-primary)}.feature-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-success);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);flex-shrink:0}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border-light)}.modal-price{display:flex;align-items:baseline;gap:var(--space-2)}.modal-purchase-btn{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-lg);white-space:nowrap}.modal-purchase-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.login-modal-content{max-width:400px}.login-modal-header{text-align:center;margin-bottom:var(--space-6)}.login-avatar-circle{width:64px;height:64px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#dbeafe);border-radius:var(--radius-full);color:var(--color-primary)}.login-avatar-circle svg{width:36px;height:36px}.login-modal-header h2{font-family:var(--font-logo);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-modal-header p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.login-form .form-field{margin-bottom:var(--space-4)}.login-form .form-field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.login-form .form-field input:not(.el-select__input){width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-page);color:var(--color-text-primary);transition:border-color var(--transition-fast);box-sizing:border-box}.login-form .form-field input:not(.el-select__input):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #014db21a}.login-submit-btn{width:100%;padding:var(--space-3) 0;font-size:var(--font-size-base);font-weight:600;color:#fff;background:linear-gradient(135deg,#014db2,#1e6fd9);border:none;border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-2);transition:all var(--transition-fast)}.login-submit-btn:hover{background:linear-gradient(135deg,#013d92,#0e5ec8);box-shadow:0 4px 12px #014db259;transform:translateY(-1px)}.login-submit-btn:active{transform:translateY(0)}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-120px);background:#1f2937f2;color:#fff;padding:var(--space-3) var(--space-6);border-radius:8px;font-size:var(--font-size-sm);font-weight:500;z-index:3000;opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000002e}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast--success{background:#10b981eb;color:#fff;box-shadow:0 8px 24px #10b98147}.toast--error{background:#ef4444eb;color:#fff;box-shadow:0 8px 24px #ef444447}@media(max-width:1280px){:root{--playlist-width: 340px}}@media(max-width:1023px){.content-wrapper{flex-direction:column}.right-column{width:100%;position:relative;top:0}.playlist-card{max-height:500px}.nav-links{display:none}:root{--playlist-width: 100%}}@media(max-width:767px){.container{padding:0 var(--space-3)}.nav-container{padding:0 var(--space-3);gap:var(--space-3)}.nav-search{display:none}.video-title{font-size:var(--font-size-xl)}.video-info{padding:var(--space-4)}.action-bar{flex-wrap:wrap;gap:var(--space-2)}.action-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.instructor-card{padding:var(--space-3)}.instructor-avatar{width:44px;height:44px}.follow-btn{padding:var(--space-2) var(--space-4)}.purchase-banner{flex-direction:column;text-align:center;padding:var(--space-4)}.purchase-action{width:100%;justify-content:center}.price-block{text-align:center}.breadcrumb-bar{display:none}.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap}.modal-content{padding:var(--space-4)}.modal-footer{flex-direction:column}.modal-purchase-btn{width:100%}}@media(max-width:479px){.video-title{font-size:var(--font-size-lg)}.action-btn span{font-size:var(--font-size-sm)}.controls-right .ctrl-btn:nth-child(n+4){display:none}.price-current{font-size:var(--font-size-2xl)}}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-lightest)}.hero-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f7ff,#fff,#f5f3ff);padding:80px 0 100px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.hero-bg-shape.shape-1{width:500px;height:500px;background:#bfdbfe;top:-150px;right:-100px}.hero-bg-shape.shape-2{width:400px;height:400px;background:#ddd6fe;bottom:-100px;left:-100px}.hero-bg-shape.shape-3{width:300px;height:300px;background:#fed7aa;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2}.hero-content{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#014db214;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-logo);font-size:48px;font-weight:700;color:var(--color-text-primary);line-height:1.2;letter-spacing:-1px;margin-bottom:var(--space-4)}.hero-desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-12)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-num{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.section{padding:64px 0}.section-alt{background:var(--color-bg)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8)}.section-header.center{justify-content:center;text-align:center}.section-title{font-family:var(--font-logo);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:6px}.section-more{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1.5px solid var(--color-primary);transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease;text-decoration:none;position:relative;overflow:hidden}.section-more:hover{background:var(--color-primary);color:#fff;text-decoration:none;transform:translateY(-1px)}.section-more .arrow-roll{position:relative;width:18px;height:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.section-more .arrow-layer{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.16,1,.3,1)}.section-more .arrow-layer svg{transition:stroke .35s ease}.section-more .arrow-layer.default{transform:translate(0)}.section-more .arrow-layer.hover{transform:translate(-100%,100%)}.section-more:hover .arrow-layer.default{transform:translate(100%,-100%)}.section-more:hover .arrow-layer.hover{transform:translate(0)}[data-theme=dark] .section-more{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .section-more:hover{background:var(--color-primary);color:var(--color-bg-card)}[data-theme=dark] .section-more:hover .arrow-layer svg{stroke:var(--color-bg-card)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.course-card{display:block;background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-normal)}.course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.course-cover{position:relative;width:100%;aspect-ratio:16 / 10;display:block;overflow:hidden;background:var(--color-bg-card)}.course-cover-img{display:block;width:100%;height:100%;object-fit:cover}.course-tag{position:absolute;top:10px;right:10px;padding:3px 10px;background:#ffffffeb;color:var(--color-primary);font-size:11px;font-weight:600;border-radius:var(--radius-sm)}.course-body{padding:var(--space-4)}.course-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.course-brief{display:flex;gap:2px;font-size:12px;line-height:1.5;margin-bottom:var(--space-3);min-height:18px}.brief-label{color:var(--color-text-secondary);flex-shrink:0}.brief-text{color:var(--color-text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-tertiary)}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.path-spotlight{margin-top:56px}.path-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-normal)}.path-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.path-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.path-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.path-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.path-courses{font-size:12px;color:var(--color-primary);font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.feature-item h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.feature-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.feature-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-primary-lightest);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.footer{background:#0f172a;color:#94a3b8;padding:32px 0 0}.footer-content{display:flex;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-6)}.footer-brand .nav-logo{color:#fff;margin-bottom:var(--space-3)}.footer-brand .logo-text-main,.footer-brand .logo-text-sub{color:#fff}.footer-desc{font-size:var(--font-size-sm);color:#64748b;max-width:240px}.footer-links{display:flex;gap:var(--space-12)}.footer-col h4{font-size:var(--font-size-sm);font-weight:600;color:#e2e8f0;margin-bottom:var(--space-3)}.footer-col a{display:block;font-size:var(--font-size-sm);color:#94a3b8;margin-bottom:6px;transition:color var(--transition-fast)}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #1E293B;padding:var(--space-3) 0;text-align:center;font-size:12px;color:#475569}.footer-bottom .beian-record{margin-top:6px;display:inline-flex;align-items:center;gap:8px}.footer-bottom .beian-record a,.footer-bottom .beian-record .beian-sep{color:#64748b;text-decoration:none;transition:color var(--transition-fast)}.footer-bottom .beian-record a:hover{color:#94a3b8}.footer-bottom .gongan-icon{width:14px;height:14px;flex-shrink:0}.courses-page{padding:32px 0 64px}.course-state-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;gap:var(--space-4)}.course-state-loading{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.loading-state{text-align:center;padding:60px 0;color:var(--color-text-tertiary);font-size:var(--font-size-lg)}.course-empty-img{width:220px;height:auto;opacity:.9;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.18))}.course-empty-img .empty-bolt{animation:empty-flash 1.4s ease-in-out infinite}.course-empty-img .empty-rays{animation:empty-flash 1.4s ease-in-out infinite .2s}.course-empty-img .empty-star{transform-origin:center;transform-box:fill-box;animation:empty-spin 7s linear infinite}.course-empty-img .empty-lid{transform-origin:center;transform-box:fill-box;animation:empty-float 3.2s ease-in-out infinite}.course-empty-img .empty-pixel{animation:empty-flash 2.4s ease-in-out infinite}@keyframes empty-flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes empty-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes empty-float{0%,to{transform:rotate(-24deg) translateY(0)}50%{transform:rotate(-16deg) translateY(-9px)}}[data-theme=dark] .course-empty-img{filter:drop-shadow(6px 6px 0 rgba(34,211,238,.35))}.course-empty-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.course-empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);opacity:.7}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-8);display:flex;align-items:center}.filter-bar{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-bottom:var(--space-8)}.filter-group{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.filter-group:last-child{margin-bottom:0}.filter-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);flex-shrink:0;min-width:70px}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-tag{padding:5px 16px;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.filter-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tag.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:transparent}.courses-grid{margin-bottom:var(--space-8)}.courses-grid.is-refreshing{opacity:.45;transition:opacity .25s ease;pointer-events:none}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.page-btn{padding:8px 14px;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.page-btn:hover:not(.disabled):not(.active){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-btn.disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:var(--color-text-tertiary);padding:0 4px}@media(max-width:1023px){.hero-title{font-size:36px}.course-grid,.path-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:var(--space-8)}.footer-links{gap:var(--space-8)}}@media(max-width:767px){.hero-section{padding:48px 0 64px}.hero-title{font-size:28px}.hero-actions{flex-direction:column;gap:var(--space-3)}.hero-stats{gap:var(--space-6)}.stat-num{font-size:var(--font-size-2xl)}.course-grid,.path-grid,.feature-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.filter-group{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-links{flex-wrap:wrap}}@media(max-width:479px){.hero-title{font-size:24px}.hero-desc{font-size:var(--font-size-base)}.btn-lg{padding:var(--space-2) var(--space-6);font-size:var(--font-size-base)}}.empty-page{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);background:var(--color-bg)}.empty-container{text-align:center;max-width:520px}.empty-icon-wrapper{margin-bottom:var(--space-6);display:flex;justify-content:center;align-items:center}.empty-illustration{width:200px;height:200px;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.18))}.empty-illustration .empty-rocket{transform-origin:center;transform-box:fill-box;animation:empty-rocket-float 3s ease-in-out infinite}.empty-illustration .empty-flame{transform-origin:top center;transform-box:fill-box;animation:empty-thrust .9s ease-in-out infinite}.empty-illustration .empty-star2{transform-origin:center;transform-box:fill-box;animation:empty-spin 7s linear infinite}.empty-illustration .empty-rays2{animation:empty-flash 1.4s ease-in-out infinite .2s}@keyframes empty-rocket-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes empty-thrust{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.72);opacity:.65}}[data-theme=dark] .empty-illustration{filter:drop-shadow(6px 6px 0 rgba(34,211,238,.35))}.empty-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.empty-desc{font-size:var(--font-size-base);color:var(--color-secondary-500);line-height:1.8;margin-bottom:var(--space-8)}.empty-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.empty-btn-primary{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#014db2,#2563eb);color:#fff;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.empty-btn-primary:hover{background:linear-gradient(135deg,#0355c4,#3575e8);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md);animation:textBounce .45s ease}@keyframes textBounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-4px) scale(1.04)}60%{transform:translateY(0) scale(.97)}80%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(-1px) scale(1)}}.empty-btn-secondary{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:#fff;color:var(--color-primary);font-size:var(--font-size-base);font-weight:500;border:1px solid var(--color-primary-200);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.empty-btn-secondary:hover{background:#014db20f;border-color:var(--color-primary)}@media(max-width:767px){.empty-title{font-size:var(--font-size-xl)}.empty-desc{font-size:var(--font-size-sm)}.empty-desc br{display:none}.empty-illustration{width:140px;height:140px}}.page-layout{display:flex;flex-direction:column;min-height:100vh}.page-layout>main{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:box-shadow .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 4px 14px #014db240;transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;border-radius:50%;background:var(--color-primary-lighter);opacity:.3;animation:floatParticle linear infinite;will-change:transform,opacity}@keyframes floatParticle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.4}50%{transform:translateY(-30px) translate(15px) scale(1.2);opacity:.25}90%{opacity:.15}to{transform:translateY(-60px) translate(30px) scale(.8);opacity:0}}.badge-star{animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}}.hero-title-accent{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-lighter));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}[data-theme=dark] .hero-title-accent{background:linear-gradient(135deg,#60a5fa,#93c5fd,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-icon{transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .45s ease,color .45s ease}.feature-item:hover .feature-icon{transform:translateY(-4px) scale(1.08);box-shadow:0 8px 24px #3b82f640}[data-theme=dark] .feature-item:hover .feature-icon{box-shadow:0 8px 24px #3b82f666}[data-theme=dark] .btn-primary{box-shadow:0 4px 14px #3b82f659}[data-theme=dark] .search-select .el-select__wrapper,[data-theme=dark] .form-select .el-select__wrapper{background-color:#131825!important;border-color:#334155!important;box-shadow:none!important}[data-theme=dark] .search-select .el-select__wrapper:hover,[data-theme=dark] .form-select .el-select__wrapper:hover{border-color:#475569!important}[data-theme=dark] .search-select .el-select__wrapper.is-focus,[data-theme=dark] .form-select .el-select__wrapper.is-focus{border-color:#3b82f6!important}[data-theme=dark] .search-select .el-select__placeholder,[data-theme=dark] .search-select .el-select__selected-item,[data-theme=dark] .form-select .el-select__placeholder,[data-theme=dark] .form-select .el-select__selected-item{color:#e2e8f0!important}[data-theme=dark] .search-select .el-select__caret,[data-theme=dark] .form-select .el-select__caret{color:#94a3b8!important}[data-theme=dark] .el-select-dropdown{background-color:#1a2030!important;border:1px solid #334155!important}[data-theme=dark] .el-select-dropdown__item{color:#e2e8f0!important}[data-theme=dark] .el-select-dropdown__item:hover{background-color:#3b82f614!important}[data-theme=dark] .el-select-dropdown__item.is-selected{color:#60a5fa!important;background-color:#3b82f61f!important;font-weight:600}[data-theme=dark] .el-select-dropdown__item.is-hovering{background-color:#3b82f60f!important}@media(max-width:767px){.hero-particles{display:none}}[data-theme=dark] body{background-color:#0a0a0a}[data-theme=dark] ::selection{background:#22d3ee;color:#0a0a0a}[data-theme=dark] ::-webkit-scrollbar{width:12px;height:12px}[data-theme=dark] ::-webkit-scrollbar-track{background:#0a0a0a;border-left:2px solid #2A2A2A}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#22d3ee;border:2px solid #0A0A0A;border-radius:0}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffe600}[data-theme=dark] .navbar{background:#0a0a0a;border-bottom:3px solid #FFFFFF;box-shadow:none}[data-theme=dark] .logo-text-main,[data-theme=dark] .logo-text-sub{color:#fff}[data-theme=dark] .logo-text-main{letter-spacing:1px}[data-theme=dark] .nav-link{color:#c8c8c8;border-radius:0;font-weight:600}[data-theme=dark] .nav-link:hover{background:transparent}[data-theme=dark] .nav-link.active .char{color:#22d3ee;font-weight:900}[data-theme=dark] .nav-link:after{background:#22d3ee;height:3px;border-radius:0}[data-theme=dark] .nav-search{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:3px 3px #22d3ee66;height:40px}[data-theme=dark] .nav-search:focus-within{border-color:#22d3ee;box-shadow:3px 3px #22d3ee}[data-theme=dark] .search-input::placeholder{color:#7a7a7a}[data-theme=dark] .search-btn{color:#22d3ee;font-weight:800;border:2px solid #22D3EE;border-radius:0;padding:2px 14px}[data-theme=dark] .search-btn:hover{background:#22d3ee;color:#0a0a0a}[data-theme=dark] .nav-login-btn{background:#22d3ee;color:#0a0a0a;font-weight:800;border-radius:0;border:2px solid #FFFFFF;box-shadow:3px 3px #fff;padding:4px 18px}[data-theme=dark] .nav-login-btn:hover{background:#ffe600;transform:translate(-1px,-1px);box-shadow:5px 5px #fff}[data-theme=dark] .nav-login-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #fff}[data-theme=dark] .avatar-dropdown{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:6px 6px #22d3ee}[data-theme=dark] .nav-avatar{border-radius:var(--radius-full);border:2px solid #FFFFFF}[data-theme=dark] .nav-avatar:hover{border-color:#e0e0e0}[data-theme=dark] .hero-section{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0a0a0a;background-size:42px 42px;border-bottom:3px solid #FFFFFF}[data-theme=dark] .hero-bg-shape{filter:none;border-radius:0;opacity:.9}[data-theme=dark] .hero-bg-shape.shape-1{background:repeating-linear-gradient(45deg,#22D3EE 0 6px,transparent 6px 12px);opacity:.18}[data-theme=dark] .hero-bg-shape.shape-2{background:repeating-linear-gradient(-45deg,#FF2E88 0 6px,transparent 6px 12px);opacity:.14}[data-theme=dark] .hero-bg-shape.shape-3{background:#ffe600;opacity:.12}[data-theme=dark] .particle{border-radius:0;background:#22d3ee;opacity:.7}[data-theme=dark] .hero-badge{background:#ffe600;color:#0a0a0a;font-weight:900;border-radius:0;border:2px solid #FFFFFF;box-shadow:4px 4px #22d3ee;padding:8px 18px;text-transform:uppercase;letter-spacing:1px}[data-theme=dark] .hero-badge .badge-star path{fill:#0a0a0a;stroke:#0a0a0a}[data-theme=dark] .hero-title{font-size:clamp(44px,6.5vw,68px);font-weight:900;letter-spacing:-2px;text-transform:uppercase;color:#fff;line-height:1.05}[data-theme=dark] .hero-title-accent{background:none;-webkit-text-fill-color:#22D3EE;color:#22d3ee;text-shadow:4px 4px 0 rgba(34,211,238,.25);-webkit-text-stroke:1px #FFFFFF}[data-theme=dark] .hero-desc{color:#b8b8b8;font-size:18px;font-weight:500}[data-theme=dark] .btn-primary{background:#22d3ee;color:#0a0a0a;font-weight:900;border-radius:0;border:2px solid #FFFFFF;box-shadow:5px 5px #fff;letter-spacing:.5px}[data-theme=dark] .btn-primary:hover,[data-theme=dark] .btn-primary:focus-visible{background:#0a0a0a;color:#22d3ee;border-color:#22d3ee;transform:translate(-2px,-2px);box-shadow:8px 8px #22d3ee}[data-theme=dark] .btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #fff}[data-theme=dark] .btn-outline{background:#0a0a0a;color:#fff;font-weight:800;border-radius:0;border:2px solid #FFFFFF;box-shadow:5px 5px #ffffff80}[data-theme=dark] .btn-outline:hover{background:#0a0a0a;color:#22d3ee;border-color:#22d3ee;transform:translate(-2px,-2px);box-shadow:8px 8px #22d3ee}[data-theme=dark] .hero-stats .stat-item{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:5px 5px #22d3ee;padding:16px 20px;min-width:140px}[data-theme=dark] .hero-stats .stat-num{font-size:32px;font-weight:900;color:#22d3ee;font-family:Courier New,monospace;letter-spacing:-1px}[data-theme=dark] .hero-stats .stat-label{color:#fff;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:11px}[data-theme=dark] .section-title{font-size:clamp(28px,4vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#fff;position:relative;padding-bottom:12px}[data-theme=dark] .section-title:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;color:#00e5ff;clip-path:inset(0 0 0 0);opacity:0;pointer-events:none;text-shadow:none;animation:glitch-ghost 2.6s infinite steps(1)}@keyframes glitch-ghost{0%,84%,to{opacity:0;transform:translate(0);clip-path:inset(0 0 0 0)}85%{opacity:.9;color:#00e5ff;transform:translate(-7px,2px) skew(-10deg);clip-path:inset(10% 0 62% 0)}86%{opacity:0}87%{opacity:.8;color:#ff2e88;transform:translate(6px,-3px) skewY(3deg);clip-path:inset(45% 0 28% 0)}88%{opacity:0}89%{opacity:.85;color:#00e5ff;transform:translate(-4px,1px);clip-path:inset(68% 0 8% 0)}90%{opacity:0}91%{opacity:.7;color:#ffe600;transform:translate(8px) skew(6deg);clip-path:inset(28% 0 52% 0)}92%{opacity:0}93%{opacity:.9;color:#ff2e88;transform:translate(-6px,-2px) skewY(-4deg);clip-path:inset(3% 0 80% 0)}94%{opacity:0}95%{opacity:.75;color:#00e5ff;transform:translate(3px,3px);clip-path:inset(55% 0 18% 0)}96%{opacity:0}97%{opacity:.6;color:#ffe600;transform:translate(-8px,1px);clip-path:inset(72% 0 12% 0)}98%{opacity:0}}[data-theme=dark] .section-title:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:6px;background:#22d3ee;box-shadow:3px 3px #fff;animation:title-bar-pulse 2.6s ease-in-out infinite}@keyframes title-bar-pulse{0%,to{opacity:1}50%{opacity:.55}}[data-theme=dark] .section-header.center .section-title:after{left:50%;transform:translate(-50%)}[data-theme=dark] .title-dot{background:#22d3ee;border:2px solid #FFFFFF;box-shadow:2px 2px #ffe600;animation:title-dot-spin 4s ease-in-out infinite;transform:skew(4deg)}@keyframes title-dot-spin{0%,to{transform:skew(-12deg) rotate(0) scale(1)}25%{transform:skew(-12deg) rotate(90deg) scale(1.08)}50%{transform:skew(-12deg) rotate(180deg) scale(1);box-shadow:2px 2px #ffe600}75%{transform:skew(-12deg) rotate(270deg) scale(1.08)}}[data-theme=dark] .section-subtitle{color:#8a8a8a;font-weight:500}[data-theme=dark] .section-more{border:2px solid #FFFFFF;border-radius:0;color:#fff;font-weight:700;background:#0a0a0a;box-shadow:4px 4px #22d3ee;padding:8px 18px}[data-theme=dark] .section-more:hover{background:#22d3ee;color:#0a0a0a;border-color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #fff}[data-theme=dark] .section-more:hover .arrow-layer svg{stroke:#0a0a0a}[data-theme=dark] .course-card{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:6px 6px #ffffff8c}[data-theme=dark] .course-card:hover{box-shadow:8px 8px #22d3ee;border-color:#22d3ee;transform:translate(-2px,-2px)}[data-theme=dark] .course-cover{border-bottom:2px solid #FFFFFF}[data-theme=dark] .course-tag{background:#ffe600;color:#0a0a0a;font-weight:800;border-radius:0;border:2px solid #FFFFFF}[data-theme=dark] .course-title{font-weight:800;color:#fff}[data-theme=dark] .path-card{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:6px 6px #ffffff8c}[data-theme=dark] .path-card:hover{box-shadow:8px 8px #ffe600;border-color:#ffe600;transform:translate(-2px,-2px)}[data-theme=dark] .path-icon{border-radius:0;border:2px solid #FFFFFF;box-shadow:3px 3px #22d3ee}[data-theme=dark] .path-title{font-weight:800;color:#fff}[data-theme=dark] .path-courses{color:#22d3ee;font-weight:800}[data-theme=dark] .feature-item{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:6px 6px #ffffff8c;padding:40px 24px}[data-theme=dark] .feature-item:hover{border-color:#22d3ee;box-shadow:8px 8px #22d3ee}[data-theme=dark] .feature-icon{background:#0a0a0a;color:#22d3ee;border:2px solid #22D3EE;border-radius:0;box-shadow:4px 4px #fff}[data-theme=dark] .feature-item h3{font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#fff}[data-theme=dark] .feature-item:hover .feature-icon{box-shadow:4px 4px #ffe600;border-color:#ffe600;transform:translateY(-4px) scale(1.06)}[data-theme=dark] .footer{background:#060606;border-top:3px solid #FFFFFF;box-shadow:none;color:#8a8a8a}[data-theme=dark] .footer-brand .logo-text-main,[data-theme=dark] .footer-brand .logo-text-sub{color:#fff}[data-theme=dark] .footer-col h4{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px}[data-theme=dark] .footer-col a:hover{color:#22d3ee}[data-theme=dark] .footer-bottom{border-top:2px solid #2A2A2A;color:#6a6a6a}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .modal-content,[data-theme=dark] .login-modal-content{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:8px 8px #22d3ee}[data-theme=dark] .modal-close{border-radius:0}[data-theme=dark] .login-avatar-circle{background:#0a0a0a;border:2px solid #22D3EE;border-radius:0;box-shadow:4px 4px #fff;color:#22d3ee}[data-theme=dark] .login-modal-header h2{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:1px}[data-theme=dark] .login-form .form-field label{color:#c8c8c8;font-weight:700}[data-theme=dark] .login-form .form-field input:not(.el-select__input){background:#0a0a0a;border:2px solid #FFFFFF;border-radius:0;color:#fff}[data-theme=dark] .login-form .form-field input:not(.el-select__input):focus{border-color:#22d3ee;box-shadow:3px 3px #22d3ee59}[data-theme=dark] .login-submit-btn{background:#22d3ee;color:#0a0a0a;font-weight:900;border-radius:0;border:2px solid #FFFFFF;box-shadow:4px 4px #fff}[data-theme=dark] .login-submit-btn:hover{background:#ffe600;box-shadow:2px 2px #fff;transform:translate(2px,2px)}[data-theme=dark] .toast{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:5px 5px #22d3ee}[data-theme=dark] .purchase-banner{background:#141414;border:2px solid #FFFFFF;border-radius:0;box-shadow:6px 6px #ffe600}[data-theme=dark] .purchase-banner:before{background:repeating-linear-gradient(45deg,rgba(34,211,238,.12) 0 8px,transparent 8px 16px);top:0;right:0;width:100%;height:100%}[data-theme=dark] .purchase-title{color:#ffe600;font-weight:900;text-transform:uppercase;letter-spacing:1px}[data-theme=dark] .purchase-desc{color:#b8b8b8}[data-theme=dark] .purchase-btn{background:#22d3ee;color:#0a0a0a;font-weight:900;border-radius:0;border:2px solid #FFFFFF;box-shadow:4px 4px #fff}[data-theme=dark] .purchase-btn:hover{background:#fff;color:#0a0a0a;transform:translate(-2px,-2px);box-shadow:6px 6px #22d3ee}[data-theme=dark] .video-player{background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#0a0a0a;background-size:36px 36px;border:2px solid #FFFFFF;border-radius:0;box-shadow:6px 6px #22d3ee}[data-theme=dark] .empty-btn-primary{background:#22d3ee;color:#0a0a0a;font-weight:900;border-radius:0;border:2px solid #FFFFFF;box-shadow:4px 4px #fff}[data-theme=dark] .empty-btn-primary:hover{background:#0a0a0a;color:#22d3ee;border-color:#22d3ee;transform:translate(-2px,-2px);box-shadow:6px 6px #22d3ee}[data-theme=dark] .search-select .el-select__wrapper,[data-theme=dark] .form-select .el-select__wrapper{background-color:#0a0a0a!important;border:2px solid #FFFFFF!important;border-radius:0!important;box-shadow:3px 3px #22d3ee59!important}[data-theme=dark] .search-select .el-select__wrapper:hover,[data-theme=dark] .form-select .el-select__wrapper:hover{border-color:#22d3ee!important}[data-theme=dark] .search-select .el-select__wrapper.is-focus,[data-theme=dark] .form-select .el-select__wrapper.is-focus{border-color:#22d3ee!important;box-shadow:3px 3px #22d3ee!important}[data-theme=dark] .search-select .el-select__placeholder,[data-theme=dark] .search-select .el-select__selected-item,[data-theme=dark] .form-select .el-select__placeholder,[data-theme=dark] .form-select .el-select__selected-item{color:#fff!important}[data-theme=dark] .search-select .el-select__caret,[data-theme=dark] .form-select .el-select__caret{color:#22d3ee!important}[data-theme=dark] .el-select-dropdown{background-color:#141414!important;border:2px solid #FFFFFF!important;border-radius:0!important;box-shadow:6px 6px #22d3ee!important}[data-theme=dark] .el-select-dropdown__item{color:#fff!important}[data-theme=dark] .el-select-dropdown__item:hover{background-color:#22d3ee!important;color:#0a0a0a!important}[data-theme=dark] .el-select-dropdown__item.is-selected{color:#22d3ee!important;background-color:#22d3ee26!important;font-weight:800}[data-theme=dark] .el-select-dropdown__item.is-hovering{background-color:#22d3ee1f!important}@media(max-width:767px){[data-theme=dark] .hero-title{font-size:34px}[data-theme=dark] .hero-stats{flex-wrap:wrap;gap:14px}[data-theme=dark] .hero-stats .stat-item{min-width:calc(50% - 7px);padding:12px 16px;box-shadow:4px 4px #22d3ee}[data-theme=dark] .hero-stats .stat-num{font-size:32px}[data-theme=dark] .section-title{font-size:26px}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-outline{box-shadow:4px 4px #fff}[data-theme=dark] .feature-item{padding:28px 20px}}.hero-bg-text{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-family:var(--font-logo);font-size:clamp(120px,20vw,240px);font-weight:900;letter-spacing:10px;text-indent:10px;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(13,71,161,.15);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}[data-theme=dark] .hero-bg-text{-webkit-text-stroke:2px rgba(34,211,238,.28)}.hero-clip{position:absolute;display:block;z-index:0;pointer-events:none}.clip-1{width:110px;height:30px;background:#bfdbfe;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);top:140px;left:5%;transform:rotate(-6deg)}.clip-2{width:80px;height:22px;background:#fed7aa;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%);bottom:180px;right:6%;transform:rotate(8deg)}.clip-3{width:60px;height:60px;background:#ddd6fe;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);top:58%;right:14%}[data-theme=dark] .hero-clip{background:#22d3ee;box-shadow:3px 3px #fff}[data-theme=dark] .clip-2{background:#ffe600}[data-theme=dark] .clip-3{background:#ff2e88;box-shadow:none}.cross{position:absolute;z-index:0;font-size:30px;font-weight:900;color:#0d47a138;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}[data-theme=dark] .cross{color:#22d3ee73}.cross-1{top:16%;right:11%}.cross-2{bottom:30%;left:7%;font-size:38px}.cross-3{top:34%;left:15%;font-size:24px}.cross-4{bottom:18%;right:20%;font-size:32px;animation:cross-spin 9s linear infinite}@keyframes cross-spin{to{transform:rotate(360deg)}}.marquee{overflow:hidden;background:#0b1e3a;border-block:2px solid #000;padding:8px 0;white-space:nowrap}.marquee-track{display:inline-flex;align-items:center;animation:marquee-scroll 30s linear infinite}.marquee-group{display:inline-flex;align-items:center}.marquee-animal{display:inline-flex;align-items:center;justify-content:center;margin:0 14px}.marquee-course{font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:Chakra Petch,Noto Sans SC,sans-serif;text-shadow:0 0 8px currentColor}.marquee-sep{color:gold;font-size:14px;margin:0 22px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-theme=dark] .marquee{background:#0b1520;border-block:3px solid #1A2A3A;box-shadow:none}[data-theme=dark] .marquee-sep{color:#22d3ee}.course-index{position:absolute;top:10px;left:10px;z-index:2;font-size:13px;font-weight:900;letter-spacing:1px;padding:4px 8px;background:#0b1e3a;color:#fff;border:2px solid #000;line-height:1}[data-theme=dark] .course-index{background:#22d3ee;color:#0a0a0a;border:2px solid #FFFFFF}.title-dot{display:inline-block;width:14px;height:14px;margin-right:10px;background:var(--color-primary);transform:skew(-12deg);vertical-align:3px}[data-theme=dark] .page-title{position:relative;font-weight:900;letter-spacing:1px;color:#fff}[data-theme=dark] .page-title:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;color:#00e5ff;clip-path:inset(0 0 0 0);opacity:0;pointer-events:none;text-shadow:none;animation:glitch-ghost 2.6s infinite steps(1)}[data-theme=dark] .empty-title{position:relative;color:#fff;font-weight:900;letter-spacing:1px}[data-theme=dark] .empty-title:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;color:#00e5ff;clip-path:inset(0 0 0 0);opacity:0;pointer-events:none;text-shadow:none;animation:glitch-ghost 2.6s infinite steps(1)}.feature-section{position:relative;overflow:hidden}.feature-section .section-bg-text{position:absolute;top:18px;right:-6px;font-size:clamp(90px,14vw,170px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(13,71,161,.1);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}[data-theme=dark] .feature-section .section-bg-text{-webkit-text-stroke:2px rgba(255,255,255,.14)}.feature-section .container{position:relative;z-index:1}@media(max-width:767px){.hero-bg-text{bottom:-10px;letter-spacing:4px}.marquee-item{font-size:13px;letter-spacing:2px}.marquee-sep{margin:0 18px}.clip-1,.clip-2,.clip-3{display:none}}.spotlight{--spot-w: 420px;--spot-h: 250px;--spot-step: 320px;position:relative;height:calc(var(--spot-h) + 72px);overflow:hidden;-webkit-user-select:none;user-select:none}.spotlight-stage{position:relative;width:100%;height:100%}.spot-card{position:absolute;left:50%;top:50%;width:var(--spot-w);height:var(--spot-h);margin-left:calc(var(--spot-w) / -2);margin-top:calc(var(--spot-h) / -2);border-radius:16px;background:repeating-linear-gradient(45deg,rgba(0,0,0,.035) 0 12px,transparent 12px 24px),#fbfbfd;border:1.5px solid rgba(0,0,0,.12);box-shadow:0 12px 32px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;transform:translate(calc(var(--off, 0) * var(--spot-step))) scale(calc(1 - var(--abs, 0) * .26));opacity:calc(1 - var(--abs, 0) * .5);filter:brightness(calc(1 - var(--abs, 0) * .1));transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s ease,filter .55s ease;pointer-events:none}.spot-card.is-center{pointer-events:auto;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640,0 20px 48px #00000024}.spot-index{position:absolute;top:16px;left:18px;font-size:13px;font-weight:800;letter-spacing:1px;color:#00000059}.spot-glyph{width:52px;height:52px;image-rendering:pixelated}.spot-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:0}.spot-cover-title{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 12px;pointer-events:none}.spot-cover-cn{font-size:24px;font-weight:800;letter-spacing:6px;text-indent:6px;color:#fff;text-shadow:0 0 14px rgba(0,229,255,.55),0 2px 0 rgba(0,0,0,.6)}.spot-cover-en{font-size:10px;font-weight:600;letter-spacing:3px;text-indent:3px;color:#9fb6c9}.spot-card.is-center .spot-cover-cn{font-size:30px;letter-spacing:8px;text-indent:8px}.spot-card.is-center:hover .spot-cover{filter:drop-shadow(0 0 18px rgba(0,229,255,.35))}.spot-coming{display:flex;flex-direction:column;align-items:center;gap:8px}.spot-coming-cn{font-size:26px;font-weight:800;letter-spacing:6px;text-indent:6px;color:#111}.spot-coming-en{font-size:11px;font-weight:600;letter-spacing:3px;text-indent:3px;color:#00000073}.spot-card.is-center .spot-glyph{width:66px;height:66px}.spot-card.is-center .spot-coming-cn{font-size:32px;letter-spacing:8px;text-indent:8px}.spot-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #1a1a1a;border-radius:12px;color:#1a1a1a;cursor:pointer;box-shadow:0 4px 14px #0000001a;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.spot-prev{left:10px}.spot-next{right:10px}.spot-nav svg{width:26px;height:26px}.spot-nav:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.spot-nav:active{transform:translateY(-50%) scale(.92)}[data-theme=dark] .spotlight{--spot-step: 340px}[data-theme=dark] .spot-card{background:repeating-linear-gradient(45deg,rgba(34,211,238,.05) 0 12px,transparent 12px 24px),#141414;border:2px solid rgba(255,255,255,.45);border-radius:14px;box-shadow:none}[data-theme=dark] .spot-card.is-center{border:3px solid #22D3EE;box-shadow:0 0 26px #22d3ee40,8px 8px #22d3ee}[data-theme=dark] .spot-index{color:#22d3ee}[data-theme=dark] .spot-coming-cn{color:#fff;text-shadow:0 0 18px rgba(34,211,238,.45)}[data-theme=dark] .spot-coming-en{color:#8a8a8a}[data-theme=dark] .spot-nav{background:#0a0a0a;border:2px solid #FFFFFF;border-radius:0;color:#fff;box-shadow:4px 4px #ffffffd9}[data-theme=dark] .spot-nav:hover{background:#22d3ee;color:#0a0a0a;border-color:#fff;box-shadow:6px 6px #fff;transform:translateY(calc(-50% - 2px)) translate(-2px)}[data-theme=dark] .spot-nav:active{transform:translateY(calc(-50% + 1px)) translate(1px)}@media(max-width:1023px){.spotlight{--spot-w: 320px;--spot-h: 200px;--spot-step: 230px}.spot-glyph{width:42px;height:42px}.spot-coming-cn{font-size:22px;letter-spacing:5px;text-indent:5px}.spot-card.is-center .spot-glyph{width:54px;height:54px}.spot-card.is-center .spot-coming-cn{font-size:26px;letter-spacing:6px;text-indent:6px}}@media(max-width:639px){.spotlight{--spot-w: min(300px, 76vw);--spot-h: 190px;--spot-step: 0px}.spot-card{opacity:0!important}.spot-card.is-center{opacity:1!important}.spot-nav{width:44px;height:44px}.spot-prev{left:2px}.spot-next{right:2px}}.spot-card.is-center{cursor:pointer;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s ease,filter .55s ease,box-shadow .35s ease,border-color .35s ease}.spot-card.is-center:hover{transform:translate(calc(var(--off, 0) * var(--spot-step))) scale(calc(1 - var(--abs, 0) * .26)) translateY(-6px);filter:brightness(1.15);box-shadow:0 0 0 3px #3b82f659,0 24px 56px #0003}.spot-card.is-center:hover .spot-glyph{animation:spot-bounce .8s ease infinite}@keyframes spot-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.08,.92)}50%{transform:translateY(0) scale(.92,1.08)}70%{transform:translateY(-5px) scale(1.04,.96)}}.spot-card.is-center:hover .spot-coming-cn{animation:spot-pulse 1.2s ease-in-out infinite}@keyframes spot-pulse{0%,to{transform:scale(1);text-shadow:0 0 8px rgba(59,130,246,.6)}50%{transform:scale(1.06);text-shadow:0 0 20px rgba(59,130,246,.9),0 0 40px rgba(59,130,246,.4)}}.spot-card.is-center:hover .spot-index{animation:spot-blink 1s steps(2,start) infinite}@keyframes spot-blink{0%,to{opacity:1}50%{opacity:.25}}[data-theme=dark] .spot-card.is-center:hover{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee,0 0 34px #22d3ee73,10px 10px #22d3ee}[data-theme=dark] .spot-card.is-center:hover .spot-coming-cn{animation:spot-pulse-dark 1.2s ease-in-out infinite}@keyframes spot-pulse-dark{0%,to{transform:scale(1);color:#fff;text-shadow:0 0 10px rgba(34,211,238,.7)}50%{transform:scale(1.06);color:#22d3ee;text-shadow:0 0 22px #22D3EE,0 0 46px rgba(34,211,238,.5)}}[data-theme=dark] .spot-card.is-center:hover .spot-index,[data-theme=dark] .spot-card.is-center:hover .spot-coming-en{color:#22d3ee}.scroll-progress{position:fixed;top:0;left:0;height:5px;background:var(--color-primary);z-index:10000;box-shadow:0 0 0 1px #fff;transition:width .1s linear;pointer-events:none}[data-theme=dark] .scroll-progress{background:#22d3ee;box-shadow:0 0 0 2px #fff,3px 3px #22d3ee59}[data-theme=light] .section-title,[data-theme=light] .page-title,[data-theme=light] .empty-title{display:inline-block;padding:.15em .7em;background:var(--color-primary);color:#fff;box-shadow:4px 4px #000c;border:none;transform:skew(-4deg);animation:title-block-pulse-light 3s cubic-bezier(.37,0,.25,1) infinite}@keyframes title-block-pulse-light{0%{transform:skew(-4deg) rotate(.5deg);box-shadow:4px 4px #000c;background:var(--color-primary)}20%{transform:skew(-4deg) rotate(-.7deg);box-shadow:7px 7px #0009;background:var(--color-primary)}40%{transform:skew(-4deg) rotate(.4deg);box-shadow:2px 2px #000000e6;background:#4a7dff}60%{transform:skew(-4deg) rotate(-.6deg);box-shadow:5px 5px #000000b3;background:var(--color-primary)}80%{transform:skew(-4deg) rotate(.7deg);box-shadow:3px 3px #000c;background:#4a7dff}to{transform:skew(-4deg) rotate(-.4deg);box-shadow:4px 4px #000c;background:var(--color-primary)}}[data-theme=light] .title-dot{border:2px solid #fff;box-shadow:2px 2px #0009;transform:skew(4deg)}[data-theme=dark] .section-title,[data-theme=dark] .page-title,[data-theme=dark] .empty-title{display:inline-block;padding:.15em .7em;background:#ff2e88;color:#fff;box-shadow:5px 5px #22d3ee;border:2px solid #000;transform:skew(-4deg);animation:title-block-pulse 3s cubic-bezier(.37,0,.25,1) infinite}@keyframes title-block-pulse{0%{transform:skew(-4deg) rotate(.5deg);box-shadow:5px 5px #22d3ee;background:#ff2e88}20%{transform:skew(-4deg) rotate(-.7deg);box-shadow:8px 8px #ffe600;background:#ff2e88}40%{transform:skew(-4deg) rotate(.4deg);box-shadow:3px 3px #ff2e88;background:#ff4a9a}60%{transform:skew(-4deg) rotate(-.6deg);box-shadow:6px 6px #00e5ff;background:#ff2e88}80%{transform:skew(-4deg) rotate(.7deg);box-shadow:4px 4px #22d3ee;background:#ff4a9a}to{transform:skew(-4deg) rotate(-.4deg);box-shadow:5px 5px #22d3ee;background:#ff2e88}}[data-theme=dark] .section-title:before,[data-theme=dark] .page-title:before,[data-theme=dark] .empty-title:before{text-shadow:0 0 4px rgba(0,0,0,.6);transform:skew(4deg)}[data-theme=dark] .section-title:after,[data-theme=dark] .page-title:after,[data-theme=dark] .empty-title:after{display:none}[data-theme=light] .hero-title-accent{display:inline-block;padding:.12em .5em;background:var(--color-primary);color:#fff;box-shadow:4px 4px #000c;border:2px solid rgba(0,0,0,.8);-webkit-text-fill-color:#fff;-webkit-background-clip:border-box;text-shadow:none}[data-theme=dark] .hero-title-accent{display:inline-block;padding:.12em .5em;background:#ff2e88;color:#fff;box-shadow:5px 5px #000;border:2px solid #000;-webkit-text-fill-color:#fff;-webkit-background-clip:border-box;text-shadow:none}[data-theme=dark] .chapter-deco{background:#22d3ee;box-shadow:0 0 6px #22d3ee73}[data-theme=dark] .chapter-name{font-weight:800;letter-spacing:.5px}[data-theme=dark] .video-playing-indicator .bar{box-shadow:0 0 4px #22d3ee80}[data-theme=dark] .video-playing-indicator .playing-text{color:#22d3ee}