:root{--brand-blue: #0074FF;--brand-blue-dark: #0056CC;--brand-blue-light: #4DA6FF;--brand-blue-lighter: #99CCFF;--brand-blue-lightest: #cbe7ff;--success-color: #28a745;--success-color-light: #34ce57;--success-color-dark: #218838;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-inverse: #FFFFFF;--border-light: rgba(0, 116, 255, .1);--border-medium: rgba(0, 116, 255, .2);--border-strong: rgba(0, 116, 255, .3);--shadow-subtle: 0 2px 8px rgba(0, 116, 255, .08);--shadow-medium: 0 4px 16px rgba(0, 116, 255, .12);--shadow-elevated: 0 8px 32px rgba(0, 116, 255, .16);--hover-glow: inset 0 0 8px rgba(0, 116, 255, .2);--active-glow: inset 0 0 12px rgba(0, 116, 255, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--text-xs: 12px;--text-sm: 14px;--text-base: .875rem;--text-lg: .975rem;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--card-bg: var(--bg-primary);--card-border: var(--border-light);--card-radius: var(--radius-md);--card-shadow: var(--shadow-subtle);--card-padding: var(--space-lg);--module-gap: var(--space-2xl);--inner-gap: var(--space-md)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0A0A0A;--bg-secondary: #1A1A1A;--bg-tertiary: #2A2A2A;--text-primary: #F0F0F0;--text-secondary: #B0B0B0;--text-tertiary: #707070;--border-light: rgba(0, 116, 255, .15);--border-medium: rgba(0, 116, 255, .25);--border-strong: rgba(0, 116, 255, .35);--shadow-subtle: 0 2px 8px rgba(0, 116, 255, .12);--shadow-medium: 0 4px 16px rgba(0, 116, 255, .18);--shadow-elevated: 0 8px 32px rgba(0, 116, 255, .24);--card-bg: var(--bg-secondary);--success-color: #34ce57;--success-color-light: #56d679;--success-color-dark: #28a745}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);background:var(--bg-primary);transition:color var(--transition-normal),background-color var(--transition-normal);line-height:var(--line-height-normal);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans SC,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;margin:0;padding:0;overflow-y:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em}p{margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}.module-spacing{margin-bottom:var(--module-gap)}.inner-spacing{margin-bottom:var(--inner-gap)}.card{background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium);transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-blue),transparent);opacity:0;transition:opacity var(--transition-normal)}.card:hover:before{opacity:1}.linear-light-divider{height:1px;background:linear-gradient(90deg,var(--brand-blue),transparent);margin:var(--space-xl) 0;opacity:.3;border:none}.glow-hover{transition:all var(--transition-normal)}.glow-hover:hover{box-shadow:var(--hover-glow),var(--shadow-medium);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-light));color:var(--text-inverse);box-shadow:0 2px 8px #0074ff33;border:1px solid var(--border-medium)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-blue-light),var(--brand-blue));box-shadow:0 4px 16px #0074ff4d,var(--hover-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{background:var(--bg-tertiary);box-shadow:var(--hover-glow);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--brand-blue);border-color:var(--border-strong)}.btn-outline:hover{background:var(--brand-blue-lightest);box-shadow:var(--hover-glow);transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.tag-primary{background:var(--brand-blue-lightest);color:var(--brand-blue)}.tag-secondary{background:#0074ff1a !;color:var(--brand-blue);border:1px solid var(--border-light)}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-light)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));border-radius:var(--radius-full);box-shadow:0 0 8px #0074ff4d;transition:width var(--transition-slow) ease}.chart-glow{filter:drop-shadow(0 0 8px rgba(0,116,255,.2))}.page-curl{position:relative;overflow:hidden}.page-curl:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(0,116,255,.1) 50%);border-radius:0 0 0 8px;transition:all var(--transition-slow);z-index:1}.page-curl:hover:before{width:60px;height:60px;background:linear-gradient(135deg,transparent 50%,rgba(0,116,255,.2) 50%)}.blue-particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.02;background:radial-gradient(circle at 20% 30%,rgba(0,116,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,116,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,116,255,.06) 0%,transparent 50%);animation:particle-float 20s ease-in-out infinite}@keyframes particle-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-10px,-10px) scale(1.02)}66%{transform:translate(10px,10px) scale(.98)}}.digital-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.03;background-image:linear-gradient(rgba(0,116,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,116,255,.1) 1px,transparent 1px);background-size:40px 40px;animation:grid-pulse 10s ease-in-out infinite}@keyframes grid-pulse{0%,to{opacity:.03}50%{opacity:.05}}.digital-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;position:relative}.digital-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--brand-blue),transparent);opacity:.3}.serene-text{letter-spacing:.01em;line-height:var(--line-height-relaxed);text-shadow:0 1px 2px rgba(255,255,255,.8)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:calc(var(--card-radius) + 1px);background:linear-gradient(45deg,var(--brand-blue),var(--brand-blue-light),var(--brand-blue-lighter),var(--brand-blue-light));z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.glow-border:hover:before{opacity:.3;animation:border-glow 2s ease-in-out infinite}@keyframes border-glow{0%,to{opacity:.2}50%{opacity:.4}}.particle{position:absolute;width:4px;height:4px;background:var(--brand-blue);border-radius:50%;pointer-events:none;opacity:0;animation:particle-breath 3s ease-in-out infinite}@keyframes particle-breath{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.6;transform:scale(1)}}@media (max-width: 768px){.blue-particle-bg,.digital-grid-bg{opacity:.01;animation-duration:30s}.page-curl:before{width:30px;height:30px}.page-curl:hover:before{width:40px;height:40px}}@media print{.blue-particle-bg,.digital-grid-bg,.page-curl:before,.glow-border:before{display:none}body{background:#fff!important;color:#000!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}#app{width:100%;min-height:100vh;font-weight:var(--font-weight-normal);position:relative;overflow-x:hidden;overflow-y:hidden;height:100vh}.dynamic-particle-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;opacity:.02;background:radial-gradient(circle at 20% 30%,rgba(0,116,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,116,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,116,255,.1) 0%,transparent 50%);animation:particle-float 20s ease-in-out infinite alternate}.grid-dot-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;opacity:.03;background-image:radial-gradient(circle at 1px 1px,rgba(0,116,255,.3) 1px,transparent 0);background-size:40px 40px}@keyframes particle-float{0%{transform:translate(0) scale(1)}25%{transform:translate(-10px,10px) scale(1.02)}50%{transform:translate(10px,-5px) scale(.98)}75%{transform:translate(-5px,-10px) scale(1.01)}to{transform:translate(5px,5px) scale(1)}}@keyframes breath-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.breath-loader{width:60px;height:60px;position:relative}.breath-loader:before,.breath-loader:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,var(--brand-blue-light) 0%,transparent 70%);animation:breath-glow 2s ease-in-out infinite}.breath-loader:after{animation-delay:1s;background:radial-gradient(circle,var(--brand-blue) 0%,transparent 70%)}.gentle-curve-transition{animation:gentle-curve .6s ease-out}@keyframes gentle-curve{0%{transform:perspective(1000px) rotateX(0) rotateY(0);opacity:0}50%{transform:perspective(1000px) rotateX(2deg) rotateY(1deg);opacity:1}to{transform:perspective(1000px) rotateX(0) rotateY(0);opacity:1}}a{text-decoration:none;color:var(--brand-blue);transition:all var(--transition-fast);position:relative;font-weight:var(--font-weight-medium)}a:hover{color:var(--brand-blue-light)}a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--brand-blue),transparent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}a:hover:after{transform:scaleX(1)}.container{width:100%;margin:0 auto;padding:0 var(--space-lg)}.spacious-container{width:100%;max-width:1200px;margin:0 auto}.module-spacing-xl{margin-bottom:var(--space-3xl)}.module-spacing-2xl{margin-bottom:var(--space-4xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.digital-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.glow-text{text-shadow:0 0 8px rgba(0,116,255,.3)}.serene-text{line-height:var(--line-height-relaxed);letter-spacing:.01em}@media (max-width: 768px){.container{padding:0 var(--space-md)}.spacious-container{padding:0 var(--space-lg)}.flex-col-mobile{flex-direction:column}.text-center-mobile{text-align:center}.mobile-spacing{margin-bottom:var(--space-xl)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ddd,#ddd);border-radius:var(--radius-full);transition:all var(--transition-normal);border:1px solid var(--border-light)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ddd,#ddd);box-shadow:0 0 8px #0074ff4d}.digital-grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;opacity:.02;background-image:linear-gradient(rgba(0,116,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,116,255,.1) 1px,transparent 1px);background-size:40px 40px;animation:grid-pulse 20s linear infinite}@keyframes grid-pulse{0%,to{opacity:.02}50%{opacity:.05}}.blue-particle-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(0,116,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,116,255,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,116,255,.03) 0%,transparent 50%);animation:particle-drift 30s ease-in-out infinite alternate}@keyframes particle-drift{0%{transform:translate(0) scale(1);opacity:.02}33%{transform:translate(-15px,10px) scale(1.03);opacity:.04}66%{transform:translate(10px,-8px) scale(.97);opacity:.03}to{transform:translate(5px,5px) scale(1);opacity:.02}}.glow-border{position:relative;border:1px solid transparent;background-clip:padding-box}.glow-border:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,var(--brand-blue),transparent,var(--brand-blue-light));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.glow-border:hover:before{opacity:.3}.chart-container{position:relative;overflow:hidden;border-radius:var(--card-radius)}.chart-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,116,255,.05),transparent);pointer-events:none;z-index:1}.enhanced-progress{height:12px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative;border:1px solid var(--border-light)}.enhanced-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-elevated{background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--shadow-medium);padding:var(--space-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.card-elevated:hover{box-shadow:var(--shadow-elevated);border-color:var(--border-medium);transform:translateY(-4px)}.card-elevated:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));opacity:0;transition:opacity var(--transition-normal)}.card-elevated:hover:before{opacity:1}.data-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-radius:var(--card-radius);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.data-card:hover{box-shadow:var(--shadow-medium),var(--hover-glow);border-color:var(--border-medium);transform:translateY(-2px)}.data-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(0,116,255,.03) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.data-card:hover:after{opacity:1}.btn-glow{position:relative;overflow:hidden;z-index:1}.btn-glow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);transform:translate(-100%);transition:transform var(--transition-normal);z-index:-1}.btn-glow:hover:before{transform:translate(100%)}.serene-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-light) 20%,var(--border-light) 80%,transparent 100%);margin:var(--space-xl) 0;position:relative}.serene-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:radial-gradient(circle,var(--brand-blue-lightest) 0%,transparent 70%);opacity:.3}.digital-progress{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative;border:1px solid var(--border-light)}.digital-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light),var(--brand-blue));border-radius:var(--radius-full);position:relative;transition:width var(--transition-slow) cubic-bezier(.4,0,.2,1)}.digital-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:digital-shine 2s ease-in-out infinite}@keyframes digital-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.breath-notification{animation:breath-notify 3s ease-in-out infinite;border:1px solid var(--border-medium);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}@keyframes breath-notify{0%,to{box-shadow:0 0 #0074ff1a}50%{box-shadow:0 0 20px #0074ff4d}}.serene-input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-normal);outline:none;font-family:inherit}.serene-input:focus{border-color:var(--border-medium);box-shadow:0 0 0 3px #0074ff1a;background:var(--bg-secondary)}.serene-input::placeholder{color:var(--text-tertiary);font-style:italic}.cyber-chart{position:relative;overflow:hidden;border-radius:var(--card-radius);border:1px solid var(--border-light);background:var(--card-bg)}.cyber-chart:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,116,255,.02) 0%,transparent 50%,rgba(0,116,255,.02) 100%);pointer-events:none;z-index:1}.cyber-chart-grid{stroke:var(--border-light);stroke-width:1;stroke-dasharray:2,2}.cyber-chart-line{stroke:var(--brand-blue);stroke-width:3;fill:none;filter:drop-shadow(0 0 8px rgba(0,116,255,.3))}.serene-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-lg)}.serene-loading-dots{display:flex;gap:var(--space-sm)}.serene-loading-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-blue);animation:serene-dot-bounce 1.4s ease-in-out infinite}.serene-loading-dot:nth-child(2){animation-delay:.2s}.serene-loading-dot:nth-child(3){animation-delay:.4s}@keyframes serene-dot-bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.card-elevated,.data-card{padding:var(--space-lg)}.serene-divider{margin:var(--space-lg) 0}.serene-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.digital-progress{height:6px}}@media (prefers-color-scheme: dark){.card-elevated,.data-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.serene-input{background:var(--bg-tertiary);border-color:var(--border-medium)}.serene-input:focus{background:var(--bg-secondary)}.cyber-chart{background:var(--bg-tertiary)}.digital-progress-fill{background:linear-gradient(90deg,var(--brand-blue-light),var(--brand-blue),var(--brand-blue-light))}}@media print{.card-elevated,.data-card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.serene-divider,.digital-progress:after,.btn-glow:before{display:none}.cyber-chart{border:1px solid #ccc!important;background:#fff!important}}.shared-worker-panel[data-v-a8a9f3d6]{position:fixed;bottom:20px;left:20px;width:350px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-medium);z-index:999;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.panel-header[data-v-a8a9f3d6]{padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.panel-header h3[data-v-a8a9f3d6]{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.connection-status[data-v-a8a9f3d6]{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.connection-status.disconnected[data-v-a8a9f3d6]{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.connection-status.connecting[data-v-a8a9f3d6]{background:#f1c40f1a;color:#f1c40f;border:1px solid rgba(241,196,15,.2)}.connection-status.connected[data-v-a8a9f3d6]{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.connection-status.logged-in[data-v-a8a9f3d6]{background:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.panel-body[data-v-a8a9f3d6]{padding:16px}.button-group[data-v-a8a9f3d6]{display:flex;gap:8px;margin-bottom:16px}.test-button[data-v-a8a9f3d6]{flex:1;padding:8px 12px;background:var(--brand-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.test-button[data-v-a8a9f3d6]:hover:not(:disabled){background:var(--brand-blue-dark);transform:translateY(-1px)}.test-button[data-v-a8a9f3d6]:active:not(:disabled){transform:translateY(0)}.test-button[data-v-a8a9f3d6]:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.disconnect-button[data-v-a8a9f3d6]{background:#e74c3c}.disconnect-button[data-v-a8a9f3d6]:hover:not(:disabled){background:#c0392b}.messages-container[data-v-a8a9f3d6]{background:var(--bg-secondary);border-radius:8px;padding:12px;border:1px solid var(--border-light)}.last-message[data-v-a8a9f3d6]{font-size:12px;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.last-message[data-v-a8a9f3d6]:before{content:"📢 "}.messages-list[data-v-a8a9f3d6]{max-height:200px;overflow-y:auto;font-size:11px}.message-item[data-v-a8a9f3d6]{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:8px}.message-item[data-v-a8a9f3d6]:last-child{border-bottom:none}.timestamp[data-v-a8a9f3d6]{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.text[data-v-a8a9f3d6]{color:var(--text-secondary);flex:1;word-break:break-word}.empty-messages[data-v-a8a9f3d6]{text-align:center;color:var(--text-tertiary);font-size:12px;padding:12px 0;font-style:italic}.messages-list[data-v-a8a9f3d6]::-webkit-scrollbar{width:6px}.messages-list[data-v-a8a9f3d6]::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.messages-list[data-v-a8a9f3d6]::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.messages-list[data-v-a8a9f3d6]::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.toast-container[data-v-fa5ec871]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:10px;width:auto;max-width:90%}.toast[data-v-fa5ec871]{display:flex;align-items:flex-start;padding:16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;border-left:4px solid #0074ff;cursor:pointer;transition:all .3s ease;animation:toast-slide-in-fa5ec871 .3s ease-out;min-width:300px;max-width:400px;width:100%}.toast[data-v-fa5ec871]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.toast-success[data-v-fa5ec871]{border-left-color:#28a745;background:linear-gradient(135deg,#f8fff9,#e8f5e9)}.toast-error[data-v-fa5ec871]{border-left-color:#dc3545;background:linear-gradient(135deg,#fff8f8,#ffeaea)}.toast-warning[data-v-fa5ec871]{border-left-color:#ffc107;background:linear-gradient(135deg,#fffdf5,#fff8e1)}.toast-info[data-v-fa5ec871]{border-left-color:#17a2b8;background:linear-gradient(135deg,#f5fdff,#e1f5fe)}.toast-icon[data-v-fa5ec871]{font-size:20px;margin-right:12px;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0074ff1a;color:#0074ff}.toast-success .toast-icon[data-v-fa5ec871]{background:#28a7451a;color:#28a745}.toast-error .toast-icon[data-v-fa5ec871]{background:#dc35451a;color:#dc3545}.toast-warning .toast-icon[data-v-fa5ec871]{background:#ffc1071a;color:#ffc107}.toast-info .toast-icon[data-v-fa5ec871]{background:#17a2b81a;color:#17a2b8}.toast-content[data-v-fa5ec871]{flex:1;min-width:0}.toast-title[data-v-fa5ec871]{font-weight:600;font-size:14px;margin-bottom:4px;color:#333}.toast-message[data-v-fa5ec871]{font-size:13px;line-height:1.4;color:#666}.toast-close[data-v-fa5ec871]{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;margin-left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:all .2s ease}.toast-close[data-v-fa5ec871]:hover{background:#0000000d;color:#333}.toast-enter-active[data-v-fa5ec871],.toast-leave-active[data-v-fa5ec871]{transition:all .3s ease}.toast-enter-from[data-v-fa5ec871]{opacity:0;transform:translateY(-100%)}.toast-enter-to[data-v-fa5ec871]{opacity:1;transform:translateY(0)}.toast-leave-to[data-v-fa5ec871]{opacity:0;transform:translateY(-100%)}.toast-move[data-v-fa5ec871]{transition:transform .3s ease}@keyframes toast-slide-in-fa5ec871{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header[data-v-1eeef80d]{width:100%;height:70px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:relative}.header .container[data-v-1eeef80d]{height:100%;padding:0 var(--space-lg)}.logo[data-v-1eeef80d]{display:flex;align-items:center}.logo-text img[data-v-1eeef80d]{height:50px}.header-right[data-v-1eeef80d]{display:flex;align-items:center;gap:var(--space-md)}.class-info[data-v-1eeef80d]{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:all .2s ease;height:100%;padding:0 var(--space-sm);height:40px}.class-info[data-v-1eeef80d]:hover{background:var(--bg-secondary)}.class-icon[data-v-1eeef80d]{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-base);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase}.class-details[data-v-1eeef80d]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-around;height:100%}.class-name[data-v-1eeef80d]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.course-title[data-v-1eeef80d]{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--brand-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.class-stats[data-v-1eeef80d]{display:flex;gap:6px;font-size:11px;color:var(--text-secondary);height:100%;align-items:center}.stat-item[data-v-1eeef80d]{display:flex;align-items:center;gap:4px;white-space:nowrap}.stat-icon[data-v-1eeef80d] svg{width:12px;height:12px;color:var(--text-tertiary)}.stat-value[data-v-1eeef80d]{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stat-label[data-v-1eeef80d]{color:var(--text-tertiary)}.class-switch-icon[data-v-1eeef80d]{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--space-xs)}.class-switch-icon[data-v-1eeef80d] svg{width:16px;height:16px;color:var(--text-tertiary);transition:transform .2s ease}.class-info:hover .class-switch-icon[data-v-1eeef80d] svg{color:var(--brand-blue);transform:translate(2px)}.user-info[data-v-1eeef80d]{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:all .2s ease;height:100%;padding:0 var(--space-sm)}.user-info[data-v-1eeef80d]:hover{background:var(--bg-secondary)}.avatar[data-v-1eeef80d]{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar[data-v-1eeef80d] svg{width:18px;height:18px;color:var(--brand-blue)}.user-name[data-v-1eeef80d]{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);white-space:nowrap}.user-info[data-v-1eeef80d]{position:relative}.user-menu-dropdown[data-v-1eeef80d]{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001f;border:1px solid var(--border-light);z-index:1000;overflow:hidden;animation:fadeIn-1eeef80d .2s ease}@keyframes fadeIn-1eeef80d{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-item[data-v-1eeef80d]{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-light)}.user-menu-item[data-v-1eeef80d]:last-child{border-bottom:none}.user-menu-item[data-v-1eeef80d]:hover{background:var(--bg-secondary)}.menu-item-icon[data-v-1eeef80d]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary)}.menu-item-icon[data-v-1eeef80d] svg{width:16px;height:16px}.menu-item-text[data-v-1eeef80d]{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.modal-overlay[data-v-1eeef80d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-1eeef80d .2s ease}.change-password-modal[data-v-1eeef80d]{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideUp-1eeef80d .3s ease}@keyframes slideUp-1eeef80d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-1eeef80d]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-title[data-v-1eeef80d]{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close[data-v-1eeef80d]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.modal-close[data-v-1eeef80d]:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-close[data-v-1eeef80d] svg{width:18px;height:18px}.modal-body[data-v-1eeef80d]{padding:24px}.form-group[data-v-1eeef80d]{margin-bottom:20px}.form-label[data-v-1eeef80d]{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:8px}.form-input[data-v-1eeef80d]{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease;box-sizing:border-box}.form-input[data-v-1eeef80d]:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #2196f31a}.form-input-error[data-v-1eeef80d]{border-color:#f44336}.form-input-error[data-v-1eeef80d]:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.form-error[data-v-1eeef80d]{font-size:var(--text-xs);color:#f44336;margin-top:4px}.form-actions[data-v-1eeef80d]{display:flex;gap:12px;margin-top:24px}.btn[data-v-1eeef80d]{flex:1;padding:10px 16px;border-radius:6px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all .2s ease;text-align:center}.btn-secondary[data-v-1eeef80d]{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary[data-v-1eeef80d]:hover{background:var(--bg-tertiary)}.btn-primary[data-v-1eeef80d]{background:var(--brand-blue);color:#fff}.btn-primary[data-v-1eeef80d]:hover{background:#1976d2}.btn-primary[data-v-1eeef80d]:disabled{background:#bdbdbd;cursor:not-allowed}@media (max-width: 768px){.header .container[data-v-1eeef80d]{padding:0 var(--space-md)}.class-info[data-v-1eeef80d]{padding:0 8px;gap:8px}.class-icon[data-v-1eeef80d]{width:28px;height:28px;font-size:14px}.class-name[data-v-1eeef80d]{font-size:12px}.course-title[data-v-1eeef80d]{font-size:11px}.class-stats[data-v-1eeef80d]{font-size:10px;gap:4px}.stat-icon[data-v-1eeef80d] svg{width:10px;height:10px}.class-switch-icon[data-v-1eeef80d] svg{width:14px;height:14px}.user-info[data-v-1eeef80d]{padding:0 8px;gap:8px}.avatar[data-v-1eeef80d]{width:28px;height:28px}.avatar[data-v-1eeef80d] svg{width:16px;height:16px}.user-name[data-v-1eeef80d]{font-size:12px}}@media (max-width: 640px){.class-info[data-v-1eeef80d]{min-width:auto}.class-name[data-v-1eeef80d]{font-size:11px}.course-title[data-v-1eeef80d]{font-size:10px}.class-stats[data-v-1eeef80d]{font-size:9px}.user-name[data-v-1eeef80d]{display:none}}@media (max-width: 480px){.class-stats[data-v-1eeef80d],.course-title[data-v-1eeef80d]{display:none}}.main-content[data-v-bb644565]{flex:1;display:flex;min-height:calc(100vh - 70px);position:relative}.sidebar[data-v-bb644565]{width:280px;background:var(--bg-primary);border-right:1px solid var(--border-light);padding:var(--space-xl) 0;position:relative;z-index:1}.sidebar[data-v-bb644565]:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--brand-blue),transparent);opacity:.3}.menu[data-v-bb644565]{display:flex;flex-direction:column;gap:12px;padding:0 var(--space-lg)}.menu-item[data-v-bb644565]{display:flex;align-items:center;gap:var(--space-md);padding:4px 8px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.menu-item[data-v-bb644565]:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-light);transform:translate(4px);box-shadow:var(--shadow-subtle)}.menu-item.active[data-v-bb644565]{background:var(--brand-blue-lightest);color:#333;box-shadow:var(--shadow-subtle)}.menu-item.active[data-v-bb644565]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.menu-item .ot[data-v-bb644565]{font-size:20px;transition:transform var(--transition-normal);font-weight:500}.menu-item:hover .ot[data-v-bb644565]{transform:scale(1.1)}.menu-text[data-v-bb644565]{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.content-area[data-v-bb644565]{flex:1;padding:var(--space-xl);background:var(--bg-secondary);position:relative;height:calc(100vh - 70px);overflow-y:scroll}.content-area[data-v-bb644565]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(0,116,255,.02) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,116,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.content-card[data-v-bb644565]{position:relative;z-index:1;background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:var(--card-padding);min-height:100%;transition:all var(--transition-normal)}.content-card[data-v-bb644565]:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}@media (max-width: 1024px){.stats[data-v-bb644565]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content[data-v-bb644565]{flex-direction:column;width:100%;margin:20px auto}.sidebar[data-v-bb644565]{width:100%;border-right:none;border-bottom:2px solid rgba(0,100,255,.3)}.menu[data-v-bb644565]{flex-direction:row;overflow-x:auto;padding:10px}.menu-item[data-v-bb644565]{flex-direction:column;gap:5px;padding:10px 15px;min-width:80px}.menu-text[data-v-bb644565]{font-size:12px}.action-buttons[data-v-bb644565]{flex-direction:column}.stats[data-v-bb644565]{grid-template-columns:1fr}.content-area[data-v-bb644565]{padding:20px}.current-class-info[data-v-bb644565]{padding:6px 12px;margin-right:var(--space-sm)}.class-name[data-v-bb644565]{font-size:var(--text-xs)}.class-stats[data-v-bb644565]{font-size:10px}.modal-content[data-v-bb644565]{width:95%}}.class-selection-page[data-v-5ea4350e]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:var(--space-xl);position:relative;min-height:100vh}.blue-particle-bg[data-v-5ea4350e],.digital-grid-bg[data-v-5ea4350e]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.blue-particle-bg[data-v-5ea4350e]{opacity:.02;background:radial-gradient(circle at 20% 30%,rgba(0,116,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,116,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,116,255,.06) 0%,transparent 50%);animation:particle-float-5ea4350e 20s ease-in-out infinite}.digital-grid-bg[data-v-5ea4350e]{opacity:.03;background-image:linear-gradient(rgba(0,116,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,116,255,.1) 1px,transparent 1px);background-size:40px 40px;animation:grid-pulse-5ea4350e 10s ease-in-out infinite}@keyframes particle-float-5ea4350e{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-10px,-10px) scale(1.02)}66%{transform:translate(10px,10px) scale(.98)}}@keyframes grid-pulse-5ea4350e{0%,to{opacity:.03}50%{opacity:.05}}.page-header[data-v-5ea4350e]{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-xl);position:relative;z-index:1}.page-header h1[data-v-5ea4350e]{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description[data-v-5ea4350e]{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.page-content[data-v-5ea4350e]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.class-grid[data-v-5ea4350e]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.class-card[data-v-5ea4350e]{background:var(--card-bg);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-subtle);width:350px;min-width:350px;max-width:350px}.class-card[data-v-5ea4350e]:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:var(--border-medium)}.class-card.current-class[data-v-5ea4350e]{border-color:var(--brand-blue);background:linear-gradient(135deg,#0074ff0d,#0074ff05);position:relative}.class-card.current-class[data-v-5ea4350e]:before{content:"✓ 当前班级";position:absolute;top:var(--space-md);right:var(--space-md);background:var(--brand-blue);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);z-index:1}.class-card-header[data-v-5ea4350e]{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.class-icon[data-v-5ea4350e]{width:50px;height:50px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);border:1px solid var(--border-light)}.class-title[data-v-5ea4350e]{flex:1}.class-title h3[data-v-5ea4350e]{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.class-tag[data-v-5ea4350e]{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-inverse)}.class-stats-grid[data-v-5ea4350e]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-box[data-v-5ea4350e]{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;border:1px solid var(--border-light);transition:all var(--transition-normal)}.stat-box[data-v-5ea4350e]:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-subtle)}.stat-label[data-v-5ea4350e]{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.stat-icon[data-v-5ea4350e]{display:inline-flex;align-items:center;justify-content:center}.stat-icon .icon[data-v-5ea4350e]{width:14px;height:14px;color:var(--text-secondary)}.stat-value[data-v-5ea4350e]{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-unit[data-v-5ea4350e]{font-size:var(--text-xs);color:var(--text-tertiary)}.class-details[data-v-5ea4350e]{margin-bottom:var(--space-lg)}.detail-item[data-v-5ea4350e]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.detail-icon[data-v-5ea4350e]{display:inline-flex;align-items:center;justify-content:center}.detail-icon .icon[data-v-5ea4350e]{width:16px;height:16px;color:var(--text-secondary)}.detail-text[data-v-5ea4350e]{flex:1}.class-progress[data-v-5ea4350e]{margin-bottom:var(--space-lg)}.progress-header[data-v-5ea4350e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.progress-icon[data-v-5ea4350e]{display:inline-flex;align-items:center;justify-content:center;margin-right:var(--space-xs)}.progress-icon .icon[data-v-5ea4350e]{width:14px;height:14px;color:var(--text-secondary)}.progress-bar[data-v-5ea4350e]{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-light)}.progress-fill[data-v-5ea4350e]{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow) ease;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));box-shadow:0 0 8px #0074ff4d}.select-btn[data-v-5ea4350e]{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.select-btn[data-v-5ea4350e]:hover{background:var(--bg-tertiary);border-color:var(--brand-blue);color:var(--brand-blue)}.page-footer[data-v-5ea4350e]{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) 0;border-top:1px solid var(--border-light);position:relative;z-index:1}.btn-secondary[data-v-5ea4350e],.btn-primary[data-v-5ea4350e]{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);border:none}.btn-secondary[data-v-5ea4350e]{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-medium)}.btn-secondary[data-v-5ea4350e]:hover{background:var(--bg-tertiary);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-subtle)}.btn-primary[data-v-5ea4350e]{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-light));color:var(--text-inverse);box-shadow:0 2px 8px #0074ff33;border:1px solid var(--border-medium)}.btn-primary[data-v-5ea4350e]:hover{background:linear-gradient(135deg,var(--brand-blue-light),var(--brand-blue));box-shadow:0 4px 16px #0074ff4d;transform:translateY(-2px)}@media (max-width: 1100px){.page-content[data-v-5ea4350e]{max-width:900px}}@media (max-width: 768px){.class-selection-page[data-v-5ea4350e]{padding:var(--space-lg)}.page-header[data-v-5ea4350e]{padding:var(--space-lg);margin-bottom:var(--space-xl)}.page-header h1[data-v-5ea4350e]{font-size:var(--text-3xl)}.class-grid[data-v-5ea4350e]{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.class-card[data-v-5ea4350e]{width:100%;min-width:100%;max-width:100%;padding:var(--space-lg)}.class-stats-grid[data-v-5ea4350e]{grid-template-columns:repeat(2,1fr)}.page-footer[data-v-5ea4350e]{flex-direction:column;gap:var(--space-md);padding:var(--space-lg) 0}.btn-secondary[data-v-5ea4350e],.btn-primary[data-v-5ea4350e]{width:100%}}@media (max-width: 480px){.page-header h1[data-v-5ea4350e]{font-size:var(--text-2xl)}.page-description[data-v-5ea4350e]{font-size:var(--text-sm)}.class-stats-grid[data-v-5ea4350e]{grid-template-columns:1fr}.class-card-header[data-v-5ea4350e]{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.class-icon[data-v-5ea4350e]{width:40px;height:40px;font-size:var(--text-lg)}.class-title h3[data-v-5ea4350e]{font-size:var(--text-base)}.stat-value[data-v-5ea4350e]{font-size:var(--text-lg)}}.layout[data-v-f5f4037c]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.mask-layer[data-v-f5f4037c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn-f5f4037c .3s ease}@keyframes fadeIn-f5f4037c{0%{opacity:0}to{opacity:1}}.class-drawer[data-v-f5f4037c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-height:90vh;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;z-index:1000;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;opacity:0;visibility:hidden;border:1px solid var(--border-light)}.class-drawer.drawer-open[data-v-f5f4037c]{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}h1[data-v-f5f4037c]{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);position:relative;padding-bottom:var(--space-md)}h1[data-v-f5f4037c]:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--brand-blue),transparent);border-radius:var(--radius-full)}.welcome-text[data-v-f5f4037c]{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:var(--line-height-relaxed);max-width:800px}.stats[data-v-f5f4037c]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin:var(--space-2xl) 0}.stat-item[data-v-f5f4037c]{background:var(--card-bg);padding:var(--space-xl);border-radius:var(--card-radius);text-align:center;border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-item[data-v-f5f4037c]:hover{border-color:var(--border-medium);box-shadow:var(--shadow-medium),var(--hover-glow);transform:translateY(-4px)}.stat-item[data-v-f5f4037c]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));opacity:0;transition:opacity var(--transition-normal)}.stat-item[data-v-f5f4037c]:hover:before{opacity:1}.stat-value[data-v-f5f4037c]{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--brand-blue);margin-bottom:var(--space-xs);line-height:var(--line-height-tight)}.stat-label[data-v-f5f4037c]{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.quick-actions[data-v-f5f4037c]{margin:var(--space-2xl) 0;padding:var(--space-xl);background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.quick-actions[data-v-f5f4037c]:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}.quick-actions h2[data-v-f5f4037c]{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-sm)}.quick-actions h2[data-v-f5f4037c]:before{content:"⚡";font-size:var(--text-lg)}.action-buttons[data-v-f5f4037c]{display:flex;gap:var(--space-md);flex-wrap:wrap}button[data-v-f5f4037c]{font-family:inherit;letter-spacing:normal}.recent-activity[data-v-f5f4037c]{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.recent-activity[data-v-f5f4037c]:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}.recent-activity h2[data-v-f5f4037c]{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-sm)}.recent-activity h2[data-v-f5f4037c]:before{content:"📋";font-size:var(--text-lg)}.recent-activity ul[data-v-f5f4037c]{list-style-type:none;padding:0}.recent-activity li[data-v-f5f4037c]{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-sm)}.recent-activity li[data-v-f5f4037c]:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translate(4px);color:var(--text-primary)}.recent-activity li[data-v-f5f4037c]:before{content:"•";color:var(--brand-blue);font-size:var(--text-lg);line-height:1}.recent-activity li[data-v-f5f4037c]:last-child{border-bottom:none}@media (max-width: 1024px){.stats[data-v-f5f4037c]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats[data-v-f5f4037c]{grid-template-columns:1fr}}.ppt4-container[data-v-07c30d01]{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.fullscreen-layout[data-v-07c30d01]{display:flex;width:100%;flex:1;min-height:0;gap:0}.media-section[data-v-07c30d01]{flex:5;background:#f8f9fa;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:2px solid #e9ecef}.media-content[data-v-07c30d01]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.image-container[data-v-07c30d01],.video-container[data-v-07c30d01],.placeholder-container[data-v-07c30d01]{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d,inset 0 1px #fffc;background:#fff;border:1px solid #e9ecef}.media-image[data-v-07c30d01],.media-video[data-v-07c30d01]{width:100%;height:100%;object-fit:contain;background:#f8f9fa}.placeholder-container[data-v-07c30d01]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.placeholder-content[data-v-07c30d01]{text-align:center;color:#6c757d}.placeholder-icon[data-v-07c30d01]{width:80px;height:80px;margin-bottom:20px;color:#ffffff4d}.media-badge[data-v-07c30d01]{position:absolute;top:15px;right:15px;background:#ffffffe6;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;color:#495057;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a}.media-badge .icon[data-v-07c30d01]{width:16px;height:16px}.media-controls[data-v-07c30d01]{padding:20px;display:flex;justify-content:center;gap:15px;background:#f8f9fae6;border-top:1px solid #e9ecef}.btn-control[data-v-07c30d01]{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4cc9f04d}.btn-control[data-v-07c30d01]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066}.btn-control .icon[data-v-07c30d01]{width:18px;height:18px}.steps-section[data-v-07c30d01]{flex:2;background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:20px;border-left:1px solid #e9ecef;position:relative}.lesson-header-simple[data-v-07c30d01]{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;position:relative;z-index:1111;cursor:pointer;transition:all .3s ease}.lesson-header-simple[data-v-07c30d01]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.lesson-title-hover[data-v-07c30d01]{display:flex;justify-content:space-between;align-items:center}.lesson-title-simple[data-v-07c30d01]{font-size:24px;font-weight:700;color:#212529;margin:0;flex:1;line-height:1.3}.hover-hint[data-v-07c30d01]{font-size:13px;color:#6c757d;background:#fffc;padding:6px 12px;border-radius:20px;border:1px solid #dee2e6;transition:all .3s ease}.lesson-header-simple:hover .hover-hint[data-v-07c30d01]{background:#4cc9f0;color:#fff;border-color:#4cc9f0}.lesson-details-hover[data-v-07c30d01]{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:20px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 12px 48px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.lesson-header-simple:hover .lesson-details-hover[data-v-07c30d01]{opacity:1;visibility:visible;transform:translateY(0)}.lesson-type-simple[data-v-07c30d01]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4cc9f01a;color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);margin-bottom:20px;width:fit-content}.lesson-type-simple .icon[data-v-07c30d01]{width:16px;height:16px}.lesson-description-hover[data-v-07c30d01]{margin-bottom:20px}.lesson-description-hover h3[data-v-07c30d01]{font-size:16px;color:#495057;margin:0 0 10px;font-weight:600}.lesson-description-hover p[data-v-07c30d01]{margin:0;color:#6c757d;line-height:1.6;font-size:14px}.lesson-knowledge-hover[data-v-07c30d01]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.lesson-knowledge-hover h3[data-v-07c30d01]{font-size:16px;color:#495057;margin:0 0 15px;font-weight:600;display:flex;align-items:center;gap:8px}.lesson-knowledge-hover .icon[data-v-07c30d01]{width:18px;height:18px;color:#ffb800}.knowledge-tags-hover[data-v-07c30d01]{display:flex;flex-wrap:wrap;gap:8px}.knowledge-tag-container[data-v-07c30d01]{position:relative;display:inline-block}.knowledge-tag-hover[data-v-07c30d01]{padding:6px 12px;background:#ffb8001a;color:#ffb800;border-radius:16px;font-size:13px;font-weight:500;border:1px solid rgba(255,184,0,.2);cursor:pointer;transition:all .2s ease}.knowledge-tag-hover[data-v-07c30d01]:hover{background:#ffb80033;transform:translateY(-2px);box-shadow:0 4px 8px #ffb80033}.knowledge-content-box[data-v-07c30d01]{position:absolute;top:100%;left:0;margin-top:8px;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e9ecef;z-index:1001;animation:fadeIn-07c30d01 .2s ease}@keyframes fadeIn-07c30d01{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.knowledge-content-header[data-v-07c30d01]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-bottom:1px solid #ffd54f;border-radius:12px 12px 0 0}.knowledge-content-header h4[data-v-07c30d01]{margin:0;font-size:16px;font-weight:600;color:#ff8f00}.close-btn[data-v-07c30d01]{background:none;border:none;font-size:20px;color:#ff8f00;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-07c30d01]:hover{background:#ff8f001a}.knowledge-content-body[data-v-07c30d01]{padding:16px;font-size:14px;line-height:1.6;color:#5d4037;max-height:200px;overflow-y:auto}.knowledge-content-body[data-v-07c30d01]::-webkit-scrollbar{width:6px}.knowledge-content-body[data-v-07c30d01]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.knowledge-content-body[data-v-07c30d01]::-webkit-scrollbar-thumb{background:#ffb8004d;border-radius:3px}.steps-container[data-v-07c30d01]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:20px;box-shadow:0 2px 12px #0000000d}.steps-header[data-v-07c30d01]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef;position:relative}.steps-header[data-v-07c30d01]:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:2px}.steps-header h2[data-v-07c30d01]{font-size:22px;color:#212529;margin:0;display:flex;align-items:center;gap:10px;font-weight:600}.steps-header .icon[data-v-07c30d01]{width:22px;height:22px;color:#4cc9f0}.steps-counter[data-v-07c30d01]{padding:8px 16px;background:linear-gradient(135deg,#4cc9f01a,#4361ee0d);color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);display:flex;align-items:center;gap:6px}.steps-list[data-v-07c30d01]{flex:1;overflow-y:auto;padding-right:8px}.steps-list[data-v-07c30d01]::-webkit-scrollbar{width:6px}.steps-list[data-v-07c30d01]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.steps-list[data-v-07c30d01]::-webkit-scrollbar-thumb{background:#4cc9f04d;border-radius:3px}.children-steps[data-v-07c30d01]{margin-left:40px;margin-bottom:12px;border-left:2px solid rgba(76,201,240,.2);padding-left:15px}.child-step-item[data-v-07c30d01]{display:flex;align-items:flex-start;padding:12px;margin-bottom:8px;background:#f0f2f5cc;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px dashed rgba(108,117,125,.3);position:relative}.child-step-item[data-v-07c30d01]:hover{background:#e9ecefe6;transform:translate(3px);border-color:#4cc9f066;border-style:solid}.child-step-item.active[data-v-07c30d01]{background:#ffc1071a;border-color:#ffc10766;border-style:solid;box-shadow:0 0 12px #ffc10726}.child-step-item.hidden[data-v-07c30d01]{background:#ff3b3014;border-color:#ff3b304d;border-style:dashed}.child-step-number[data-v-07c30d01]{margin-right:12px;position:relative}.child-number-circle[data-v-07c30d01]{width:24px;height:24px;background-color:#ff8f00;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;box-shadow:0 1px 4px #ffc1074d}.child-step-item.hidden .child-number-circle[data-v-07c30d01]{background:linear-gradient(135deg,#ff3b30e6,#dc3545e6)}.child-step-content[data-v-07c30d01]{flex:1}.child-step-title[data-v-07c30d01]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.child-step-title h4[data-v-07c30d01]{font-size:14px;color:#495057;margin:0;font-weight:600}.child-step-description[data-v-07c30d01]{color:#868e96;margin:0 0 6px;font-size:12px;line-height:1.4;font-style:italic}.child-step-questions[data-v-07c30d01]{margin-top:8px;padding:8px;background:#f8f9facc;border-radius:6px;border-left:2px solid #ffb800}.child-step-questions .questions-header[data-v-07c30d01]{font-size:12px;color:#ffb800;font-weight:500;margin-bottom:4px}.child-step-questions .questions-list[data-v-07c30d01]{margin:0;padding-left:16px}.child-step-questions .questions-list li[data-v-07c30d01]{color:#6c757d;font-size:11px;margin-bottom:2px;line-height:1.3}.child-step-status[data-v-07c30d01]{margin-left:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.child-step-status .status-current[data-v-07c30d01]{color:#ffc107;font-size:16px;animation:pulse-07c30d01 2s infinite}.child-step-status .status-pending[data-v-07c30d01]{color:#6c757d66;font-size:16px}.step-item[data-v-07c30d01]{display:flex;align-items:flex-start;padding:16px;margin-bottom:12px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;position:relative}.step-item[data-v-07c30d01]:hover{background:#e9ecef;transform:translate(5px)}.step-item.active[data-v-07c30d01]{background:#4cc9f01a;border-color:#4cc9f04d;box-shadow:0 0 20px #4cc9f01a}.step-item.hidden[data-v-07c30d01]{background:#ff3b300d;border-color:#ff3b3033}.step-item.completed[data-v-07c30d01]{opacity:.7}.step-item.parent-step[data-v-07c30d01]{border-left:3px solid #4cc9f0}.step-item.parent-step .parent-badge[data-v-07c30d01]{padding:3px 8px;background:#4cc9f01a;color:#4cc9f0;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.step-item.parent-step .parent-badge .icon[data-v-07c30d01]{width:14px;height:14px;transition:transform .3s ease}.step-item.parent-step .parent-badge .icon.expanded[data-v-07c30d01]{transform:rotate(180deg)}.step-number[data-v-07c30d01]{margin-right:15px;position:relative}.number-circle[data-v-07c30d01]{width:32px;height:32px;background-color:#5874fe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 6px #4cc9f033}.step-item.hidden .number-circle[data-v-07c30d01]{background:linear-gradient(135deg,#ff3b30,#ff9500)}.hidden-indicator[data-v-07c30d01]{position:absolute;top:-5px;right:-5px;background:#ff3b30;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hidden-indicator .icon[data-v-07c30d01]{width:12px;height:12px;color:#fff}.step-content[data-v-07c30d01]{flex:1}.step-title[data-v-07c30d01]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-title h3[data-v-07c30d01]{font-size:16px;color:#212529;margin:0;font-weight:600}.hidden-badge[data-v-07c30d01]{padding:3px 8px;background:#ff3b301a;color:#ff3b30;border-radius:12px;font-size:12px;font-weight:500}.media-type-badge[data-v-07c30d01]{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;border:1px solid transparent}.media-type-badge .icon[data-v-07c30d01]{width:12px;height:12px}.image-badge[data-v-07c30d01]{background:#4cc9f01a;color:#4cc9f0;border-color:#4cc9f033}.video-badge[data-v-07c30d01]{background:#ff3b301a;color:#ff3b30;border-color:#ff3b3033}.step-description[data-v-07c30d01]{color:#6c757d;margin:0 0 8px;font-size:13px;line-height:1.4}.step-questions[data-v-07c30d01]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:8px;border-left:3px solid #ffb800}.questions-header[data-v-07c30d01]{font-size:14px;color:#ffb800;font-weight:500;margin-bottom:5px}.questions-list[data-v-07c30d01]{margin:0;padding-left:20px}.questions-list li[data-v-07c30d01]{color:#6c757d;font-size:13px;margin-bottom:3px;line-height:1.4}.step-status[data-v-07c30d01]{margin-left:15px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.status-completed[data-v-07c30d01]{color:#4cd964;font-size:20px}.status-current[data-v-07c30d01]{color:#4cc9f0;font-size:20px;animation:pulse-07c30d01 2s infinite}.status-pending[data-v-07c30d01]{color:#0003;font-size:20px}@keyframes pulse-07c30d01{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.steps-controls[data-v-07c30d01]{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.steps-controls[data-v-07c30d01]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.btn-nav[data-v-07c30d01]{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px;min-width:90px;justify-content:center}.btn-prev[data-v-07c30d01]{background:linear-gradient(135deg,#fff,#f8f9fa);color:#495057;border:1px solid #dee2e6;box-shadow:0 2px 6px #0000000d}.btn-prev[data-v-07c30d01]:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4cc9f0}.btn-next[data-v-07c30d01]{background:linear-gradient(135deg,#4cc9f0,#4361ee);color:#fff;box-shadow:0 2px 6px #4cc9f033}.btn-next[data-v-07c30d01]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f04d;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.btn-nav[data-v-07c30d01]:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-nav .icon[data-v-07c30d01]{width:18px;height:18px}.progress-container[data-v-07c30d01]{flex:1;display:flex;flex-direction:column;gap:8px}.progress-bar[data-v-07c30d01]{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.progress-fill[data-v-07c30d01]{height:100%;border-radius:4px;transition:width .3s ease;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.progress-text[data-v-07c30d01]{text-align:center;color:#495057;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.progress-text[data-v-07c30d01]:before{font-size:12px}.shortcut-hints[data-v-07c30d01]{display:flex;gap:20px;padding:12px 24px;background:#ffffffe6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);z-index:10}.hint-item[data-v-07c30d01]{display:flex;align-items:center;gap:8px;font-size:14px;color:#000000b3}.hint-item kbd[data-v-07c30d01]{background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:6px;padding:4px 8px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#000;min-width:24px;text-align:center}@media (max-width: 1200px){.lesson-title[data-v-07c30d01]{font-size:28px}.step-item[data-v-07c30d01]{padding:15px}.btn-nav[data-v-07c30d01]{padding:10px 20px}.lesson-knowledge[data-v-07c30d01]{flex-direction:column;align-items:flex-start;gap:10px}.knowledge-tags[data-v-07c30d01]{width:100%}}@media (max-width: 768px){.fullscreen-layout[data-v-07c30d01]{flex-direction:column}.media-section[data-v-07c30d01]{height:40%;flex:none}.steps-section[data-v-07c30d01]{height:60%;flex:none;padding:20px;overflow-y:auto}.lesson-header[data-v-07c30d01]{margin-bottom:20px;padding-bottom:15px}.lesson-title-section[data-v-07c30d01]{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.lesson-title[data-v-07c30d01]{font-size:22px;margin-bottom:5px}.lesson-meta[data-v-07c30d01]{width:100%;justify-content:flex-start}.lesson-description[data-v-07c30d01]{padding:12px;margin:10px 0}.lesson-description p[data-v-07c30d01]{font-size:14px}.lesson-knowledge[data-v-07c30d01]{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}.knowledge-tags[data-v-07c30d01]{width:100%}.knowledge-tag[data-v-07c30d01]{font-size:12px;padding:4px 10px}.steps-header h2[data-v-07c30d01]{font-size:18px}.steps-container[data-v-07c30d01]{flex:1;min-height:300px}.steps-list[data-v-07c30d01]{max-height:none}}@media (max-width: 480px){.steps-section[data-v-07c30d01]{padding:15px}.lesson-title[data-v-07c30d01]{font-size:20px}.steps-header[data-v-07c30d01]{flex-direction:column;align-items:flex-start;gap:10px}.steps-header h2[data-v-07c30d01]{font-size:16px}.steps-counter[data-v-07c30d01]{align-self:flex-start}.step-item[data-v-07c30d01]{padding:12px;margin-bottom:10px}.number-circle[data-v-07c30d01]{width:32px;height:32px;font-size:14px}.step-title h3[data-v-07c30d01]{font-size:16px}.step-description[data-v-07c30d01]{font-size:13px}.steps-list[data-v-07c30d01]{max-height:calc(100vh - 320px)}.knowledge-tags[data-v-07c30d01]{flex-direction:column;align-items:flex-start}.knowledge-tag[data-v-07c30d01]{width:100%;text-align:center}}.knowledge-summary-mobile[data-v-07c30d01]{display:none;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;border-left:4px solid #ffb800;box-shadow:0 4px 12px #ffb8001a}.knowledge-summary-header[data-v-07c30d01]{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,184,0,.3)}.knowledge-summary-header h3[data-v-07c30d01]{font-size:18px;color:#ff8f00;margin:0;font-weight:600}.knowledge-summary-header .icon[data-v-07c30d01]{width:20px;height:20px;color:#ff8f00}.knowledge-summary-content[data-v-07c30d01]{display:flex;flex-direction:column;gap:10px}.knowledge-point-item[data-v-07c30d01]{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:#fffc;border-radius:8px;border:1px solid rgba(255,184,0,.2)}.point-index[data-v-07c30d01]{width:24px;height:24px;background:linear-gradient(135deg,#ffb800,#ff8f00);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.point-content[data-v-07c30d01]{flex:1;color:#5d4037;font-size:14px;line-height:1.4}@media (max-width: 768px){.knowledge-summary-mobile[data-v-07c30d01]{display:block}.lesson-knowledge[data-v-07c30d01]{display:none}}.custom-video-controls[data-v-07c30d01]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:25px 20px 20px;z-index:10;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-container:hover .custom-video-controls[data-v-07c30d01]{opacity:1}.custom-progress-bar[data-v-07c30d01]{position:relative;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:15px;cursor:pointer;overflow:visible;box-shadow:inset 0 1px 2px #0000001a}.custom-progress-background[data-v-07c30d01]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.5}.custom-progress-background .tv-icon[data-v-07c30d01]{width:16px;height:16px;opacity:.6}.custom-progress-fill[data-v-07c30d01]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:3px;transition:width .1s linear;box-shadow:0 0 8px #4cc9f04d}.custom-progress-thumb[data-v-07c30d01]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;opacity:0;transition:all .2s ease;cursor:grab;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-progress-thumb .tv-thumb-icon[data-v-07c30d01]{width:16px;height:16px}.custom-progress-thumb[data-v-07c30d01]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.custom-progress-bar:hover .custom-progress-thumb[data-v-07c30d01]{opacity:1}.custom-controls-buttons[data-v-07c30d01]{display:flex;align-items:center;justify-content:space-between;gap:15px}.custom-control-btn[data-v-07c30d01]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px}.custom-control-btn[data-v-07c30d01]:hover{background:#ffffff1a;transform:scale(1.1)}.custom-control-btn[data-v-07c30d01]:active{transform:scale(.95)}.play-pause-btn[data-v-07c30d01]{background:linear-gradient(135deg,#4cc9f0,#4361ee);width:36px;height:36px;box-shadow:0 4px 12px #4cc9f066;border:2px solid rgba(255,255,255,.8)}.play-pause-btn[data-v-07c30d01]:hover{background:linear-gradient(135deg,#3ab8e0,#3550d9);transform:scale(1.1);box-shadow:0 6px 16px #4cc9f099}.play-pause-btn[data-v-07c30d01]:active{transform:scale(.95)}.play-pause-icon-container[data-v-07c30d01]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.play-icon[data-v-07c30d01],.pause-icon[data-v-07c30d01]{width:18px;height:18px;color:#fff}.time-display[data-v-07c30d01]{color:#fff;font-size:14px;font-weight:500;font-family:Monaco,Consolas,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:100px;text-align:center}.volume-control[data-v-07c30d01]{display:flex;align-items:center;gap:8px}.volume-btn[data-v-07c30d01]{width:36px;height:36px}.volume-mute-icon[data-v-07c30d01],.volume-up-icon[data-v-07c30d01]{width:20px;height:20px}.volume-slider[data-v-07c30d01]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;opacity:0;transition:opacity .3s ease,width .3s ease}.volume-control:hover .volume-slider[data-v-07c30d01]{opacity:1;width:100px}.volume-slider[data-v-07c30d01]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.volume-slider[data-v-07c30d01]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.fullscreen-btn[data-v-07c30d01]{width:36px;height:36px}.fullscreen-icon[data-v-07c30d01]{width:20px;height:20px}.media-video[data-v-07c30d01]{width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px;box-shadow:0 8px 32px #0003}.video-container[data-v-07c30d01]{position:relative;overflow:hidden;border-radius:8px}.ppt-container[data-v-36f70bfe]{min-height:100vh;padding:var(--space-lg);background:var(--bg-primary);position:relative;overflow:scroll;height:100vh}.ppt-main[data-v-36f70bfe]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.ppt-header[data-v-36f70bfe]{margin-bottom:var(--space-lg);padding:var(--space-lg)}.header-content[data-v-36f70bfe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.header-content h1[data-v-36f70bfe]{font-size:var(--text-2xl);margin:0;color:var(--brand-blue)}.slide-info[data-v-36f70bfe]{display:flex;gap:var(--space-sm)}.progress-container[data-v-36f70bfe]{margin-top:var(--space-md)}.progress-labels[data-v-36f70bfe]{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary)}.ppt-info-container[data-v-36f70bfe]{margin-bottom:var(--space-lg);padding:var(--space-2xl)}.ppt-info-title[data-v-36f70bfe]{font-size:var(--text-2xl);color:var(--brand-blue);margin-bottom:var(--space-xl);text-align:center;border-bottom:2px solid var(--border-light);padding-bottom:var(--space-md)}.ppt-url-section[data-v-36f70bfe]{margin-bottom:var(--space-xl)}.url-display[data-v-36f70bfe]{margin-bottom:var(--space-lg)}.url-display label[data-v-36f70bfe]{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.url-box[data-v-36f70bfe]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-medium)}.url-box code[data-v-36f70bfe]{flex:1;font-family:Monaco,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.preview-options[data-v-36f70bfe]{margin-top:var(--space-xl)}.preview-options h3[data-v-36f70bfe]{margin-bottom:var(--space-lg);color:var(--text-primary)}.options-grid[data-v-36f70bfe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.option-card[data-v-36f70bfe]{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.option-card[data-v-36f70bfe]:hover{background:var(--bg-tertiary);border-color:var(--brand-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0074ff1a}.option-icon[data-v-36f70bfe]{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.option-title[data-v-36f70bfe]{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--brand-blue);margin-bottom:var(--space-sm)}.option-desc[data-v-36f70bfe]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.embedded-preview-section[data-v-36f70bfe]{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-light)}.preview-header[data-v-36f70bfe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.preview-header h3[data-v-36f70bfe]{margin:0;color:var(--text-primary)}.preview-controls[data-v-36f70bfe]{display:flex;align-items:center;gap:var(--space-lg)}.slide-counter[data-v-36f70bfe]{font-weight:var(--font-weight-medium);color:var(--brand-blue)}.preview-methods[data-v-36f70bfe]{margin-top:var(--space-lg)}.method-tabs[data-v-36f70bfe]{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-sm)}.method-tab[data-v-36f70bfe]{padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-secondary);transition:all var(--transition-fast)}.method-tab[data-v-36f70bfe]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.method-tab.active[data-v-36f70bfe]{background:var(--brand-blue);color:#fff}.method-tab.active .tab-icon[data-v-36f70bfe]{color:#fff}.tab-icon[data-v-36f70bfe]{font-size:var(--text-lg)}.tab-text[data-v-36f70bfe]{font-weight:var(--font-weight-medium)}.iframe-preview-container[data-v-36f70bfe]{margin-top:var(--space-lg)}.iframe-wrapper[data-v-36f70bfe]{position:relative;overflow:hidden;border-radius:var(--radius-md)}.ppt-iframe[data-v-36f70bfe]{width:100%;height:700px;border:none;background:#fff}.iframe-loading[data-v-36f70bfe]{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.loading-spinner[data-v-36f70bfe]{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--brand-blue);border-radius:50%;animation:spin-36f70bfe 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin-36f70bfe{to{transform:rotate(360deg)}}.iframe-notes[data-v-36f70bfe]{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.iframe-notes p[data-v-36f70bfe]{margin-bottom:var(--space-sm);color:var(--text-primary)}.iframe-notes ul[data-v-36f70bfe]{margin-left:var(--space-xl);margin-top:var(--space-sm)}.iframe-notes li[data-v-36f70bfe]{margin-bottom:var(--space-xs);color:var(--text-secondary)}.parsed-preview-container[data-v-36f70bfe]{margin-top:var(--space-lg)}.slide-preview-container[data-v-36f70bfe]{display:flex;gap:var(--space-lg)}.slide-navigation-panel[data-v-36f70bfe]{flex:1;padding:var(--space-lg);max-height:600px;overflow-y:auto}.nav-header[data-v-36f70bfe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.nav-header h4[data-v-36f70bfe]{margin:0;color:var(--brand-blue)}.slide-count[data-v-36f70bfe]{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.slide-thumbnails-preview[data-v-36f70bfe]{display:flex;flex-direction:column;gap:var(--space-sm)}.thumbnail-preview[data-v-36f70bfe]{display:flex;align-items:center;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-sm)}.thumbnail-preview[data-v-36f70bfe]:hover{background:var(--bg-tertiary);border-color:var(--brand-blue);transform:translate(4px)}.thumbnail-preview.active[data-v-36f70bfe]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.thumbnail-preview.active .thumbnail-number[data-v-36f70bfe]{background:#fff;color:var(--brand-blue)}.thumbnail-preview.active .thumbnail-type[data-v-36f70bfe]{background:#fff3;color:#fff}.thumbnail-number[data-v-36f70bfe]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex-shrink:0}.thumbnail-content[data-v-36f70bfe]{flex:1;min-width:0}.thumbnail-title[data-v-36f70bfe]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-type[data-v-36f70bfe]{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);display:inline-block}.slide-main-content[data-v-36f70bfe]{flex:3;display:flex;flex-direction:column;gap:var(--space-lg)}.slide-presentation[data-v-36f70bfe]{padding:var(--space-2xl);min-height:500px;display:flex;flex-direction:column}.slide-header[data-v-36f70bfe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.slide-number[data-v-36f70bfe]{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.slide-type-tag[data-v-36f70bfe]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.slide-type-tag.text[data-v-36f70bfe]{background:var(--brand-blue);color:#fff}.slide-type-tag.image[data-v-36f70bfe]{background:var(--brand-green);color:#fff}.slide-type-tag.bullet[data-v-36f70bfe]{background:var(--brand-purple);color:#fff}.slide-preview-content[data-v-36f70bfe]{flex:1;display:flex;flex-direction:column}.slide-title[data-v-36f70bfe]{font-size:var(--text-2xl);color:var(--brand-blue);margin-bottom:var(--space-xl);text-align:center;line-height:1.3}.slide-content[data-v-36f70bfe]{flex:1;margin:var(--space-xl) 0}.text-content[data-v-36f70bfe]{max-width:800px;margin:0 auto}.paragraph[data-v-36f70bfe]{font-size:var(--text-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-tertiary)}.paragraph.highlight[data-v-36f70bfe]{background:linear-gradient(135deg,var(--brand-blue-light),var(--brand-blue));color:#fff;font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.image-content[data-v-36f70bfe]{text-align:center}.image-frame[data-v-36f70bfe]{width:100%;height:300px;background:linear-gradient(135deg,var(--bg-tertiary),var(--border-light));border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-lg);border:3px dashed var(--border-medium)}.image-icon[data-v-36f70bfe]{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.image-text[data-v-36f70bfe]{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.image-description[data-v-36f70bfe]{max-width:600px;margin:0 auto;text-align:left;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.image-description p[data-v-36f70bfe]{margin-bottom:var(--space-sm);color:var(--text-secondary)}.bullet-content[data-v-36f70bfe]{max-width:800px;margin:0 auto}.bullet-content ul[data-v-36f70bfe]{list-style:none;padding:0}.bullet-content li[data-v-36f70bfe]{display:flex;align-items:flex-start;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:4px solid var(--brand-blue)}.bullet-icon[data-v-36f70bfe]{font-size:var(--text-xl);color:var(--brand-blue);margin-right:var(--space-md);flex-shrink:0}.bullet-text[data-v-36f70bfe]{font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:var(--text-primary)}.empty-content[data-v-36f70bfe]{text-align:center;padding:var(--space-2xl)}.empty-icon[data-v-36f70bfe]{font-size:var(--text-4xl);margin-bottom:var(--space-lg);opacity:.5}.empty-content p[data-v-36f70bfe]{font-size:var(--text-lg);color:var(--text-secondary)}.slide-footer[data-v-36f70bfe]{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.slide-notes[data-v-36f70bfe]{font-size:var(--text-sm);color:var(--text-secondary);flex:1}.slide-id[data-v-36f70bfe]{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.slide-control-panel[data-v-36f70bfe]{padding:var(--space-lg)}.control-section[data-v-36f70bfe]{margin-bottom:var(--space-lg)}.control-section[data-v-36f70bfe]:last-child{margin-bottom:0}.control-section h5[data-v-36f70bfe]{margin-bottom:var(--space-md);color:var(--text-primary);font-size:var(--text-base)}.control-buttons[data-v-36f70bfe]{display:flex;gap:var(--space-md);justify-content:center}.jump-controls[data-v-36f70bfe]{display:flex;gap:var(--space-sm)}.jump-input[data-v-36f70bfe]{flex:1;padding:var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);text-align:center}.jump-input[data-v-36f70bfe]:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 2px #0074ff1a}.speed-controls[data-v-36f70bfe]{display:flex;gap:var(--space-sm)}.speed-controls .btn.active[data-v-36f70bfe]{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.parsed-data-info[data-v-36f70bfe]{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.info-card h3[data-v-36f70bfe]{color:var(--brand-blue);margin-bottom:var(--space-md)}.info-card p[data-v-36f70bfe]{margin-bottom:var(--space-sm);color:var(--text-secondary)}.ppt-controls[data-v-36f70bfe]{margin-top:var(--space-lg);padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center}.controls-left[data-v-36f70bfe],.controls-right[data-v-36f70bfe]{display:flex;gap:var(--space-md)}.controls-center[data-v-36f70bfe]{flex:1;margin:0 var(--space-xl)}.slide-thumbnails[data-v-36f70bfe]{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.thumbnail[data-v-36f70bfe]{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);min-width:60px;text-align:center}.thumbnail[data-v-36f70bfe]:hover{background:var(--bg-tertiary);border-color:var(--brand-blue)}.thumbnail.active[data-v-36f70bfe]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.thumbnail.active .thumbnail-number[data-v-36f70bfe]{background:#fff;color:var(--brand-blue)}.control-icon[data-v-36f70bfe]{margin-right:var(--space-xs)}.shortcut-hints[data-v-36f70bfe]{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.hint-item[data-v-36f70bfe]{display:flex;align-items:center;gap:var(--space-sm)}.hint-item kbd[data-v-36f70bfe]{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-medium);font-family:Monaco,Consolas,monospace;font-size:var(--text-sm)}.breath-loader[data-v-36f70bfe]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--brand-blue);animation:breath-36f70bfe 2s infinite ease-in-out;z-index:1000;opacity:.3}@keyframes breath-36f70bfe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.1}}.blue-particle-bg[data-v-36f70bfe]{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,116,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,116,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,116,255,.08) 0%,transparent 50%);z-index:0}.digital-grid-bg[data-v-36f70bfe]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,116,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,116,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0}.card[data-v-36f70bfe]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0074ff1a;border:1px solid rgba(255,255,255,.2)}.page-curl[data-v-36f70bfe]{position:relative;overflow:hidden}.page-curl[data-v-36f70bfe]:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(0,116,255,.1) 50%);border-radius:0 0 0 8px}.glow-border[data-v-36f70bfe]{position:relative}.glow-border[data-v-36f70bfe]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--brand-blue),transparent,var(--brand-blue));border-radius:calc(var(--radius-lg) + 2px);z-index:-1;opacity:0;transition:opacity var(--transition-fast)}.glow-border[data-v-36f70bfe]:hover:after{opacity:.5}.btn[data-v-36f70bfe]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid transparent;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-primary[data-v-36f70bfe]{background:var(--brand-blue);color:#fff}.btn-primary[data-v-36f70bfe]:hover{background:var(--brand-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0074ff4d}.btn-secondary[data-v-36f70bfe]{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary[data-v-36f70bfe]:hover{background:var(--border-light);transform:translateY(-2px)}.btn-outline[data-v-36f70bfe]{background:transparent;color:var(--brand-blue);border-color:var(--brand-blue)}.btn-outline[data-v-36f70bfe]:hover{background:var(--brand-blue);color:#fff}.btn-sm[data-v-36f70bfe]{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.btn[data-v-36f70bfe]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.tag[data-v-36f70bfe]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.tag-primary[data-v-36f70bfe]{background:var(--brand-blue);color:#fff}.tag-secondary[data-v-36f70bfe]{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}.progress-bar[data-v-36f70bfe]{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-36f70bfe]{height:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}@media (max-width: 768px){.ppt-container[data-v-36f70bfe]{padding:var(--space-md)}.ppt-main[data-v-36f70bfe]{max-width:100%}.header-content[data-v-36f70bfe]{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.slide-preview-container[data-v-36f70bfe]{flex-direction:column}.slide-thumbnails-preview[data-v-36f70bfe]{flex-direction:row;max-height:none;overflow-x:auto}.thumbnail-preview[data-v-36f70bfe]{min-width:120px}.ppt-controls[data-v-36f70bfe]{flex-direction:column;gap:var(--space-lg)}.controls-center[data-v-36f70bfe]{margin:var(--space-lg) 0;order:3;width:100%}.shortcut-hints[data-v-36f70bfe]{flex-wrap:wrap;gap:var(--space-md)}}.oss-upload-container[data-v-75892ee7]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;height:100vh;overflow-y:scroll}h1[data-v-75892ee7]{color:#333;border-bottom:2px solid #409eff;padding-bottom:10px;margin-bottom:30px}h2[data-v-75892ee7]{color:#555;margin-top:30px;margin-bottom:20px}h3[data-v-75892ee7]{color:#666;margin-top:25px;margin-bottom:15px}.config-section[data-v-75892ee7],.upload-section[data-v-75892ee7],.note-section[data-v-75892ee7]{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #e9ecef}.config-form[data-v-75892ee7]{display:flex;flex-direction:column;gap:15px}.form-item[data-v-75892ee7]{display:flex;flex-direction:column;gap:5px}.form-item label[data-v-75892ee7]{font-weight:500;color:#495057}.form-item input[data-v-75892ee7]{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out}.form-item input[data-v-75892ee7]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.save-config-btn[data-v-75892ee7]{align-self:flex-start;background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .15s ease-in-out}.save-config-btn[data-v-75892ee7]:hover{background:#218838}.upload-area[data-v-75892ee7]{border:2px dashed #adb5bd;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:center}.upload-area[data-v-75892ee7]:hover{border-color:#409eff;background:#f8f9ff}.upload-placeholder[data-v-75892ee7]{color:#6c757d}.hint[data-v-75892ee7]{font-size:12px;color:#adb5bd;margin-top:5px}.file-list[data-v-75892ee7]{width:100%}.file-item[data-v-75892ee7]{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#fff;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;transition:all .2s ease}.file-item[data-v-75892ee7]:hover{background:#f8f9fa;border-color:#409eff}.file-name[data-v-75892ee7]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#495057}.file-size[data-v-75892ee7]{color:#6c757d;font-size:12px;margin:0 15px}.remove-btn[data-v-75892ee7]{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-75892ee7]:hover{background:#c82333}.upload-controls[data-v-75892ee7]{display:flex;gap:10px;margin-top:20px}.upload-btn[data-v-75892ee7],.clear-btn[data-v-75892ee7]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s ease-in-out}.upload-btn[data-v-75892ee7]{background:#409eff;color:#fff}.upload-btn[data-v-75892ee7]:hover:not(:disabled){background:#337ecc}.upload-btn[data-v-75892ee7]:disabled{background:#a0cfff;cursor:not-allowed}.clear-btn[data-v-75892ee7]{background:#6c757d;color:#fff}.clear-btn[data-v-75892ee7]:hover:not(:disabled){background:#545b62}.clear-btn[data-v-75892ee7]:disabled{background:#adb5bd;cursor:not-allowed}.progress-section[data-v-75892ee7]{margin-top:20px}.progress-bar[data-v-75892ee7]{height:10px;background:#e9ecef;border-radius:5px;overflow:hidden}.progress-fill[data-v-75892ee7]{height:100%;background:linear-gradient(90deg,#409eff,#67c23a);transition:width .3s ease}.progress-text[data-v-75892ee7]{text-align:center;margin-top:5px;color:#409eff;font-weight:500}.results-section[data-v-75892ee7]{margin-top:20px}.result-item[data-v-75892ee7]{display:flex;align-items:center;padding:10px 15px;border-radius:4px;margin-bottom:8px;background:#fff;border-left:4px solid #6c757d}.result-item.success[data-v-75892ee7]{border-left-color:#28a745;background:#f8fff9}.result-item.error[data-v-75892ee7]{border-left-color:#dc3545;background:#fff8f8}.result-file[data-v-75892ee7]{flex:1;color:#495057}.result-status[data-v-75892ee7]{margin:0 15px;font-weight:500}.result-status.success[data-v-75892ee7]{color:#28a745}.result-status.error[data-v-75892ee7]{color:#dc3545}.result-url[data-v-75892ee7]{color:#409eff;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:200px}.result-error[data-v-75892ee7]{color:#dc3545;font-size:12px;margin-left:10px}.note-section ul[data-v-75892ee7]{padding-left:20px;color:#6c757d}.note-section li[data-v-75892ee7]{margin-bottom:8px;line-height:1.5}.ppt4-container[data-v-e026f3b1]{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.fullscreen-layout[data-v-e026f3b1]{display:flex;width:100%;flex:1;min-height:0;gap:0}.media-section[data-v-e026f3b1]{flex:5;background:#f8f9fa;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:2px solid #e9ecef}.media-content[data-v-e026f3b1]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.image-container[data-v-e026f3b1],.video-container[data-v-e026f3b1],.placeholder-container[data-v-e026f3b1]{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d,inset 0 1px #fffc;background:#fff;border:1px solid #e9ecef}.media-image[data-v-e026f3b1],.media-video[data-v-e026f3b1]{width:100%;height:100%;object-fit:contain;background:#f8f9fa}.placeholder-container[data-v-e026f3b1]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.placeholder-content[data-v-e026f3b1]{text-align:center;color:#6c757d}.placeholder-icon[data-v-e026f3b1]{width:80px;height:80px;margin-bottom:20px;color:#ffffff4d}.media-badge[data-v-e026f3b1]{position:absolute;top:15px;right:15px;background:#ffffffe6;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;color:#495057;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a}.media-badge .icon[data-v-e026f3b1]{width:16px;height:16px}.media-controls[data-v-e026f3b1]{padding:20px;display:flex;justify-content:center;gap:15px;background:#f8f9fae6;border-top:1px solid #e9ecef}.btn-control[data-v-e026f3b1]{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4cc9f04d}.btn-control[data-v-e026f3b1]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066}.btn-control .icon[data-v-e026f3b1]{width:18px;height:18px}.steps-section[data-v-e026f3b1]{flex:2;background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:20px;border-left:1px solid #e9ecef;position:relative}.lesson-header-simple[data-v-e026f3b1]{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;position:relative;z-index:1111;cursor:pointer;transition:all .3s ease}.lesson-header-simple[data-v-e026f3b1]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.lesson-title-hover[data-v-e026f3b1]{display:flex;justify-content:space-between;align-items:center}.lesson-title-simple[data-v-e026f3b1]{font-size:24px;font-weight:700;color:#212529;margin:0;flex:1;line-height:1.3}.hover-hint[data-v-e026f3b1]{font-size:13px;color:#6c757d;background:#fffc;padding:6px 12px;border-radius:20px;border:1px solid #dee2e6;transition:all .3s ease}.lesson-header-simple:hover .hover-hint[data-v-e026f3b1]{background:#4cc9f0;color:#fff;border-color:#4cc9f0}.lesson-details-hover[data-v-e026f3b1]{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:20px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 12px 48px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.lesson-header-simple:hover .lesson-details-hover[data-v-e026f3b1]{opacity:1;visibility:visible;transform:translateY(0)}.lesson-type-simple[data-v-e026f3b1]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4cc9f01a;color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);margin-bottom:20px;width:fit-content}.lesson-type-simple .icon[data-v-e026f3b1]{width:16px;height:16px}.lesson-description-hover[data-v-e026f3b1]{margin-bottom:20px}.lesson-description-hover h3[data-v-e026f3b1]{font-size:16px;color:#495057;margin:0 0 10px;font-weight:600}.lesson-description-hover p[data-v-e026f3b1]{margin:0;color:#6c757d;line-height:1.6;font-size:14px}.lesson-knowledge-hover[data-v-e026f3b1]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.lesson-knowledge-hover h3[data-v-e026f3b1]{font-size:16px;color:#495057;margin:0 0 15px;font-weight:600;display:flex;align-items:center;gap:8px}.lesson-knowledge-hover .icon[data-v-e026f3b1]{width:18px;height:18px;color:#ffb800}.knowledge-tags-hover[data-v-e026f3b1]{display:flex;flex-wrap:wrap;gap:8px}.knowledge-tag-container[data-v-e026f3b1]{position:relative;display:inline-block}.knowledge-tag-hover[data-v-e026f3b1]{padding:6px 12px;background:#ffb8001a;color:#ffb800;border-radius:16px;font-size:13px;font-weight:500;border:1px solid rgba(255,184,0,.2);cursor:pointer;transition:all .2s ease}.knowledge-tag-hover[data-v-e026f3b1]:hover{background:#ffb80033;transform:translateY(-2px);box-shadow:0 4px 8px #ffb80033}.knowledge-content-box[data-v-e026f3b1]{position:absolute;top:100%;left:0;margin-top:8px;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e9ecef;z-index:1001;animation:fadeIn-e026f3b1 .2s ease}@keyframes fadeIn-e026f3b1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.knowledge-content-header[data-v-e026f3b1]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-bottom:1px solid #ffd54f;border-radius:12px 12px 0 0}.knowledge-content-header h4[data-v-e026f3b1]{margin:0;font-size:16px;font-weight:600;color:#ff8f00}.close-btn[data-v-e026f3b1]{background:none;border:none;font-size:20px;color:#ff8f00;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-e026f3b1]:hover{background:#ff8f001a}.knowledge-content-body[data-v-e026f3b1]{padding:16px;font-size:14px;line-height:1.6;color:#5d4037;max-height:200px;overflow-y:auto}.knowledge-content-body[data-v-e026f3b1]::-webkit-scrollbar{width:6px}.knowledge-content-body[data-v-e026f3b1]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.knowledge-content-body[data-v-e026f3b1]::-webkit-scrollbar-thumb{background:#ffb8004d;border-radius:3px}.steps-container[data-v-e026f3b1]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:20px;box-shadow:0 2px 12px #0000000d}.steps-header[data-v-e026f3b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef;position:relative}.steps-header[data-v-e026f3b1]:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:2px}.steps-header h2[data-v-e026f3b1]{font-size:22px;color:#212529;margin:0;display:flex;align-items:center;gap:10px;font-weight:600}.steps-header .icon[data-v-e026f3b1]{width:22px;height:22px;color:#4cc9f0}.steps-counter[data-v-e026f3b1]{padding:8px 16px;background:linear-gradient(135deg,#4cc9f01a,#4361ee0d);color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);display:flex;align-items:center;gap:6px}.steps-list[data-v-e026f3b1]{flex:1;overflow-y:auto;padding-right:8px;max-height:600px}.steps-list[data-v-e026f3b1]::-webkit-scrollbar{width:6px}.steps-list[data-v-e026f3b1]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.steps-list[data-v-e026f3b1]::-webkit-scrollbar-thumb{background:#4cc9f04d;border-radius:3px}.step-item[data-v-e026f3b1]{display:flex;align-items:flex-start;padding:16px;margin-bottom:12px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;position:relative}.step-item[data-v-e026f3b1]:hover{background:#e9ecef;transform:translate(5px)}.step-item.active[data-v-e026f3b1]{background:#4cc9f01a;border-color:#4cc9f04d;box-shadow:0 0 20px #4cc9f01a}.step-item.hidden[data-v-e026f3b1]{background:#ff3b300d;border-color:#ff3b3033}.step-item.completed[data-v-e026f3b1]{opacity:.7}.step-number[data-v-e026f3b1]{margin-right:15px;position:relative}.number-circle[data-v-e026f3b1]{width:32px;height:32px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 6px #4cc9f033}.step-item.hidden .number-circle[data-v-e026f3b1]{background:linear-gradient(135deg,#ff3b30,#ff9500)}.hidden-indicator[data-v-e026f3b1]{position:absolute;top:-5px;right:-5px;background:#ff3b30;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hidden-indicator .icon[data-v-e026f3b1]{width:12px;height:12px;color:#fff}.step-content[data-v-e026f3b1]{flex:1}.step-title[data-v-e026f3b1]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-title h3[data-v-e026f3b1]{font-size:16px;color:#212529;margin:0;font-weight:600}.hidden-badge[data-v-e026f3b1]{padding:3px 8px;background:#ff3b301a;color:#ff3b30;border-radius:12px;font-size:12px;font-weight:500}.step-description[data-v-e026f3b1]{color:#6c757d;margin:0 0 8px;font-size:13px;line-height:1.4}.step-questions[data-v-e026f3b1]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:8px;border-left:3px solid #ffb800}.questions-header[data-v-e026f3b1]{font-size:14px;color:#ffb800;font-weight:500;margin-bottom:5px}.questions-list[data-v-e026f3b1]{margin:0;padding-left:20px}.questions-list li[data-v-e026f3b1]{color:#6c757d;font-size:13px;margin-bottom:3px;line-height:1.4}.step-status[data-v-e026f3b1]{margin-left:15px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.status-completed[data-v-e026f3b1]{color:#4cd964;font-size:20px}.status-current[data-v-e026f3b1]{color:#4cc9f0;font-size:20px;animation:pulse-e026f3b1 2s infinite}.status-pending[data-v-e026f3b1]{color:#0003;font-size:20px}@keyframes pulse-e026f3b1{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.steps-controls[data-v-e026f3b1]{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.steps-controls[data-v-e026f3b1]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.btn-nav[data-v-e026f3b1]{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px;min-width:90px;justify-content:center}.btn-prev[data-v-e026f3b1]{background:linear-gradient(135deg,#fff,#f8f9fa);color:#495057;border:1px solid #dee2e6;box-shadow:0 2px 6px #0000000d}.btn-prev[data-v-e026f3b1]:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4cc9f0}.btn-next[data-v-e026f3b1]{background:linear-gradient(135deg,#4cc9f0,#4361ee);color:#fff;box-shadow:0 2px 6px #4cc9f033}.btn-next[data-v-e026f3b1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f04d;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.btn-nav[data-v-e026f3b1]:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-nav .icon[data-v-e026f3b1]{width:18px;height:18px}.progress-container[data-v-e026f3b1]{flex:1;display:flex;flex-direction:column;gap:8px}.progress-bar[data-v-e026f3b1]{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.progress-fill[data-v-e026f3b1]{height:100%;border-radius:4px;transition:width .3s ease;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.progress-text[data-v-e026f3b1]{text-align:center;color:#495057;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.progress-text[data-v-e026f3b1]:before{font-size:12px}.shortcut-hints[data-v-e026f3b1]{display:flex;gap:20px;padding:12px 24px;background:#ffffffe6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);z-index:10}.hint-item[data-v-e026f3b1]{display:flex;align-items:center;gap:8px;font-size:14px;color:#000000b3}.hint-item kbd[data-v-e026f3b1]{background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:6px;padding:4px 8px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#000;min-width:24px;text-align:center}@media (max-width: 1200px){.lesson-title[data-v-e026f3b1]{font-size:28px}.step-item[data-v-e026f3b1]{padding:15px}.btn-nav[data-v-e026f3b1]{padding:10px 20px}.lesson-knowledge[data-v-e026f3b1]{flex-direction:column;align-items:flex-start;gap:10px}.knowledge-tags[data-v-e026f3b1]{width:100%}}@media (max-width: 768px){.fullscreen-layout[data-v-e026f3b1]{flex-direction:column}.media-section[data-v-e026f3b1]{height:40%;flex:none}.steps-section[data-v-e026f3b1]{height:60%;flex:none;padding:20px;overflow-y:auto}.lesson-header[data-v-e026f3b1]{margin-bottom:20px;padding-bottom:15px}.lesson-title-section[data-v-e026f3b1]{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.lesson-title[data-v-e026f3b1]{font-size:22px;margin-bottom:5px}.lesson-meta[data-v-e026f3b1]{width:100%;justify-content:flex-start}.lesson-description[data-v-e026f3b1]{padding:12px;margin:10px 0}.lesson-description p[data-v-e026f3b1]{font-size:14px}.lesson-knowledge[data-v-e026f3b1]{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}.knowledge-tags[data-v-e026f3b1]{width:100%}.knowledge-tag[data-v-e026f3b1]{font-size:12px;padding:4px 10px}.steps-header h2[data-v-e026f3b1]{font-size:18px}.steps-container[data-v-e026f3b1]{flex:1;min-height:300px}.steps-list[data-v-e026f3b1]{max-height:none}}@media (max-width: 480px){.steps-section[data-v-e026f3b1]{padding:15px}.lesson-title[data-v-e026f3b1]{font-size:20px}.steps-header[data-v-e026f3b1]{flex-direction:column;align-items:flex-start;gap:10px}.steps-header h2[data-v-e026f3b1]{font-size:16px}.steps-counter[data-v-e026f3b1]{align-self:flex-start}.step-item[data-v-e026f3b1]{padding:12px;margin-bottom:10px}.number-circle[data-v-e026f3b1]{width:32px;height:32px;font-size:14px}.step-title h3[data-v-e026f3b1]{font-size:16px}.step-description[data-v-e026f3b1]{font-size:13px}.steps-list[data-v-e026f3b1]{max-height:calc(100vh - 320px)}.knowledge-tags[data-v-e026f3b1]{flex-direction:column;align-items:flex-start}.knowledge-tag[data-v-e026f3b1]{width:100%;text-align:center}}.knowledge-summary-mobile[data-v-e026f3b1]{display:none;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;border-left:4px solid #ffb800;box-shadow:0 4px 12px #ffb8001a}.knowledge-summary-header[data-v-e026f3b1]{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,184,0,.3)}.knowledge-summary-header h3[data-v-e026f3b1]{font-size:18px;color:#ff8f00;margin:0;font-weight:600}.knowledge-summary-header .icon[data-v-e026f3b1]{width:20px;height:20px;color:#ff8f00}.knowledge-summary-content[data-v-e026f3b1]{display:flex;flex-direction:column;gap:10px}.knowledge-point-item[data-v-e026f3b1]{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:#fffc;border-radius:8px;border:1px solid rgba(255,184,0,.2)}.point-index[data-v-e026f3b1]{width:24px;height:24px;background:linear-gradient(135deg,#ffb800,#ff8f00);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.point-content[data-v-e026f3b1]{flex:1;color:#5d4037;font-size:14px;line-height:1.4}@media (max-width: 768px){.knowledge-summary-mobile[data-v-e026f3b1]{display:block}.lesson-knowledge[data-v-e026f3b1]{display:none}}.custom-video-controls[data-v-e026f3b1]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:25px 20px 20px;z-index:10;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-container:hover .custom-video-controls[data-v-e026f3b1]{opacity:1}.custom-progress-bar[data-v-e026f3b1]{position:relative;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:15px;cursor:pointer;overflow:visible;box-shadow:inset 0 1px 2px #0000001a}.custom-progress-background[data-v-e026f3b1]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.5}.custom-progress-background .tv-icon[data-v-e026f3b1]{width:16px;height:16px;opacity:.6}.custom-progress-fill[data-v-e026f3b1]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:3px;transition:width .1s linear;box-shadow:0 0 8px #4cc9f04d}.custom-progress-thumb[data-v-e026f3b1]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;opacity:0;transition:all .2s ease;cursor:grab;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-progress-thumb .tv-thumb-icon[data-v-e026f3b1]{width:16px;height:16px}.custom-progress-thumb[data-v-e026f3b1]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.custom-progress-bar:hover .custom-progress-thumb[data-v-e026f3b1]{opacity:1}.custom-controls-buttons[data-v-e026f3b1]{display:flex;align-items:center;justify-content:space-between;gap:15px}.custom-control-btn[data-v-e026f3b1]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px}.custom-control-btn[data-v-e026f3b1]:hover{background:#ffffff1a;transform:scale(1.1)}.custom-control-btn[data-v-e026f3b1]:active{transform:scale(.95)}.play-pause-btn[data-v-e026f3b1]{background:linear-gradient(135deg,#4cc9f0,#4361ee);width:36px;height:36px;box-shadow:0 4px 12px #4cc9f066;border:2px solid rgba(255,255,255,.8)}.play-pause-btn[data-v-e026f3b1]:hover{background:linear-gradient(135deg,#3ab8e0,#3550d9);transform:scale(1.1);box-shadow:0 6px 16px #4cc9f099}.play-pause-btn[data-v-e026f3b1]:active{transform:scale(.95)}.play-pause-icon-container[data-v-e026f3b1]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.play-icon[data-v-e026f3b1],.pause-icon[data-v-e026f3b1]{width:18px;height:18px;color:#fff}.time-display[data-v-e026f3b1]{color:#fff;font-size:14px;font-weight:500;font-family:Monaco,Consolas,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:100px;text-align:center}.volume-control[data-v-e026f3b1]{display:flex;align-items:center;gap:8px}.volume-btn[data-v-e026f3b1]{width:36px;height:36px}.volume-mute-icon[data-v-e026f3b1],.volume-up-icon[data-v-e026f3b1]{width:20px;height:20px}.volume-slider[data-v-e026f3b1]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;opacity:0;transition:opacity .3s ease,width .3s ease}.volume-control:hover .volume-slider[data-v-e026f3b1]{opacity:1;width:100px}.volume-slider[data-v-e026f3b1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.volume-slider[data-v-e026f3b1]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.fullscreen-btn[data-v-e026f3b1]{width:36px;height:36px}.fullscreen-icon[data-v-e026f3b1]{width:20px;height:20px}.media-video[data-v-e026f3b1]{width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px;box-shadow:0 8px 32px #0003}.video-container[data-v-e026f3b1]{position:relative;overflow:hidden;border-radius:8px}.shortcut-help-container[data-v-78a083c1]{position:relative;display:inline-block;cursor:pointer}.shortcut-help-btn[data-v-78a083c1]{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.shortcut-help-btn[data-v-78a083c1]:hover{background-color:#0000000d;color:#333}.shortcut-help-btn[data-v-78a083c1]:active{background-color:#0000001a}.help-icon[data-v-78a083c1]{width:20px;height:20px;display:block}.shortcut-help-popup[data-v-78a083c1]{position:absolute;bottom:100%;right:0;margin-bottom:10px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:280px;z-index:1000;border:1px solid #e0e0e0;overflow:hidden;animation:fadeIn-78a083c1 .2s ease}@keyframes fadeIn-78a083c1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-header[data-v-78a083c1]{display:flex;justify-content:center;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.popup-header h3[data-v-78a083c1]{margin:0;font-size:14px;font-weight:600;color:#333}.popup-content[data-v-78a083c1]{padding:16px}.shortcut-item[data-v-78a083c1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f5f5f5}.shortcut-item[data-v-78a083c1]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.key-group[data-v-78a083c1]{display:flex;align-items:center;gap:6px}.key-icon[data-v-78a083c1]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:linear-gradient(180deg,#f5f5f5,#e8e8e8);border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 1px 2px #0000001a;line-height:1}.arrow-icon[data-v-78a083c1]{width:16px;height:16px;display:block}.space-icon[data-v-78a083c1]{width:20px;height:16px;display:block}.key-text[data-v-78a083c1]{font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:12px;font-weight:600;color:#333}.key-label[data-v-78a083c1]{font-size:12px;color:#666;margin-left:4px}.shortcut-description[data-v-78a083c1]{font-size:13px;color:#333;text-align:right;flex:1;margin-left:16px}.student-feedback[data-v-27f89408]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:0;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px;margin:0 auto;display:flex;flex-direction:column;height:80vh;max-height:700px}.feedback-header[data-v-27f89408]{text-align:center;padding:24px 24px 20px;border-bottom:2px solid rgba(0,123,255,.1);flex-shrink:0;background:#fff;border-radius:16px 16px 0 0}.feedback-content[data-v-27f89408]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.feedback-title[data-v-27f89408]{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px;background:linear-gradient(135deg,#3498db,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-subtitle[data-v-27f89408]{font-size:14px;color:#7f8c8d;margin:0}.feedback-section[data-v-27f89408]{margin-bottom:28px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.feedback-section[data-v-27f89408]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.section-title[data-v-27f89408]{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 16px;display:flex;align-items:center}.section-title[data-v-27f89408]:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:2px;margin-right:8px}.option-group[data-v-27f89408]{display:flex;gap:20px;flex-wrap:wrap}.option-item[data-v-27f89408]{display:flex;align-items:center;cursor:pointer;padding:12px 20px;border-radius:10px;background:#f8f9fa;border:2px solid transparent;transition:all .3s ease;flex:1;min-width:140px}.option-item[data-v-27f89408]:hover{background:#e9ecef;transform:translateY(-2px)}.option-item[data-v-27f89408]:has(.option-input:checked){background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;box-shadow:0 4px 12px #2196f333}.option-input[data-v-27f89408]{display:none}.option-label[data-v-27f89408]{display:flex;align-items:center;gap:12px;width:100%}.option-icon[data-v-27f89408]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.mastered-icon[data-v-27f89408]{background:linear-gradient(135deg,#4caf50,#2e7d32)}.not-mastered-icon[data-v-27f89408]{background:linear-gradient(135deg,#ff9800,#f57c00)}.confusion-icon[data-v-27f89408]{background:linear-gradient(135deg,#ff5722,#d84315)}.no-confusion-icon[data-v-27f89408]{background:linear-gradient(135deg,#00bcd4,#00838f)}.option-text[data-v-27f89408]{font-size:15px;font-weight:500;color:#2c3e50;flex:1}.star-rating[data-v-27f89408]{display:flex;align-items:center;gap:24px}.stars[data-v-27f89408]{display:flex;gap:8px}.star[data-v-27f89408]{font-size:36px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.1)}.star[data-v-27f89408]:hover,.star.active[data-v-27f89408]{color:gold;transform:scale(1.2);text-shadow:0 4px 8px rgba(255,215,0,.3)}.rating-text[data-v-27f89408]{font-size:24px;font-weight:700;color:#2c3e50}.current-rating[data-v-27f89408]{color:gold;text-shadow:0 2px 4px rgba(255,215,0,.3)}.total-rating[data-v-27f89408]{color:#95a5a6}.teacher-rating[data-v-27f89408],.course-comments[data-v-27f89408]{display:flex;flex-direction:column;gap:16px}.rating-category[data-v-27f89408],.comment-category[data-v-27f89408]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;transition:background .3s ease}.rating-category[data-v-27f89408]:hover,.comment-category[data-v-27f89408]:hover{background:#e9ecef}.category-label[data-v-27f89408]{font-size:14px;font-weight:500;color:#2c3e50;min-width:80px}.category-stars[data-v-27f89408]{display:flex;gap:6px}.star.small[data-v-27f89408]{font-size:20px;color:#e0e0e0;cursor:pointer;transition:all .2s ease}.star.small[data-v-27f89408]:hover,.star.small.active[data-v-27f89408]{color:gold;transform:scale(1.1)}.difficulty-options[data-v-27f89408]{display:flex;gap:12px}.difficulty-item[data-v-27f89408]{display:flex;align-items:center;cursor:pointer;padding:6px 12px;border-radius:6px;background:#f8f9fa;border:2px solid transparent;transition:all .3s ease}.difficulty-item[data-v-27f89408]:hover{background:#e9ecef}.difficulty-item[data-v-27f89408]:has(.difficulty-input:checked){background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3}.difficulty-input[data-v-27f89408]{display:none}.difficulty-label[data-v-27f89408]{font-size:14px;font-weight:500;color:#2c3e50}.text-feedback[data-v-27f89408]{position:relative}.feedback-textarea[data-v-27f89408]{width:100%;padding:16px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#f8f9fa}.feedback-textarea[data-v-27f89408]:focus{outline:none;border-color:#2196f3;background:#fff;box-shadow:0 0 0 3px #2196f31a}.feedback-textarea[data-v-27f89408]::placeholder{color:#95a5a6}.textarea-footer[data-v-27f89408]{display:flex;justify-content:flex-end;margin-top:8px}.char-count[data-v-27f89408]{font-size:12px;color:#95a5a6}.feedback-actions[data-v-27f89408]{display:flex;gap:16px;flex-shrink:0}.submit-btn[data-v-27f89408],.cancel-btn[data-v-27f89408]{flex:1;padding:16px 24px;border-radius:10px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.submit-btn[data-v-27f89408]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 12px #2196f34d}.submit-btn[data-v-27f89408]:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.submit-btn[data-v-27f89408]:active{transform:translateY(0);box-shadow:0 2px 8px #2196f34d}.cancel-btn[data-v-27f89408]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#666;border:2px solid #e0e0e0}.cancel-btn[data-v-27f89408]:hover{background:linear-gradient(135deg,#e0e0e0,#d5d5d5);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cancel-btn[data-v-27f89408]:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.option-item.readonly[data-v-27f89408],.difficulty-item.readonly[data-v-27f89408]{cursor:default;opacity:.9}.option-item.readonly[data-v-27f89408]:hover,.difficulty-item.readonly[data-v-27f89408]:hover{transform:none;background:#f8f9fa}.option-item.readonly.selected[data-v-27f89408],.difficulty-item.readonly.selected[data-v-27f89408]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.star.readonly[data-v-27f89408]{cursor:default}.star.readonly[data-v-27f89408]:hover{transform:none;color:#e0e0e0}.star.readonly.active[data-v-27f89408]{color:gold}.star.readonly.active[data-v-27f89408]:hover{transform:none;color:gold}.feedback-text.readonly[data-v-27f89408]{padding:16px;background:#f8f9fa;border-radius:10px;border:2px solid #e9ecef;font-size:14px;line-height:1.6;color:#2c3e50;white-space:pre-wrap;word-wrap:break-word}.submitted-info[data-v-27f89408]{margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e9ecef}.submitted-time[data-v-27f89408]{display:flex;align-items:center;gap:12px;font-size:14px;color:#2c3e50}.time-icon[data-v-27f89408]{font-size:18px;color:#3498db}.time-label[data-v-27f89408]{font-weight:500;color:#7f8c8d}.time-value[data-v-27f89408]{font-weight:600;color:#2c3e50}.friendly-tip[data-v-27f89408]{margin-top:24px;padding:20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;border:2px solid #2196f3;display:flex;align-items:flex-start;gap:16px;box-shadow:0 4px 12px #2196f333}.tip-icon[data-v-27f89408]{font-size:24px;color:#2196f3;flex-shrink:0}.tip-content[data-v-27f89408]{flex:1}.tip-title[data-v-27f89408]{font-size:16px;font-weight:600;color:#1565c0;margin:0 0 8px}.tip-text[data-v-27f89408]{font-size:14px;color:#1976d2;margin:0;line-height:1.5}.submitted-feedback .feedback-section[data-v-27f89408]{background:#fafafa}.submitted-feedback .feedback-section[data-v-27f89408]:hover{transform:none;box-shadow:0 4px 12px #0000000d}.submit-btn[data-v-27f89408]:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#b0bec5,#90a4ae);box-shadow:none}.submit-btn[data-v-27f89408]:disabled:hover{transform:none;background:linear-gradient(135deg,#b0bec5,#90a4ae);box-shadow:none}.ppt4-container{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.fullscreen-layout{display:flex;width:100%;flex:1;min-height:0;gap:0}.media-section{flex:5;background:#f8f9fa;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:2px solid #e9ecef}.media-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.image-container,.video-container,.placeholder-container{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d,inset 0 1px #fffc;background:#fff;border:1px solid #e9ecef}.media-image,.media-video{width:100%;height:100%;object-fit:contain;background:#f8f9fa}.placeholder-container{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.placeholder-content{text-align:center;color:#6c757d}.placeholder-icon{width:80px;height:80px;margin-bottom:20px;color:#ffffff4d}.media-badge{position:absolute;top:15px;right:15px;background:#ffffffe6;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;color:#495057;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a}.media-badge .icon{width:16px;height:16px}.media-controls{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;border-top:1px solid #e9ecef;box-shadow:0 -2px 10px #0000000d;min-height:72px}.control-group{display:flex;align-items:center;gap:12px;flex:1}.media-control-group{justify-content:flex-start}.tools-group{justify-content:center}.actions-group{justify-content:flex-end}.btn-control{padding:10px 16px;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px;min-height:40px;box-sizing:border-box}.btn-control .icon{width:18px;height:18px;flex-shrink:0}.btn-text{white-space:nowrap}.icon-btn{background:linear-gradient(135deg,#4cc9f0,#4361ee);box-shadow:0 2px 8px #4cc9f04d;border:1px solid rgba(255,255,255,.2)}.icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f066;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.icon-btn:active{transform:translateY(0);box-shadow:0 1px 4px #4cc9f04d}.play-btn{background:linear-gradient(135deg,#4cd964,#2ecc71);box-shadow:0 2px 8px #4cd9644d}.play-btn:hover{background:linear-gradient(135deg,#3bc853,#27ae60);box-shadow:0 4px 12px #4cd96466}.feedback-btn{background:linear-gradient(135deg,#ff9500,#ff5e3a);box-shadow:0 2px 8px #ff95004d}.feedback-btn:hover{background:linear-gradient(135deg,#e68500,#e84e2a);box-shadow:0 4px 12px #ff950066}.action-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 2px 8px #9b59b64d;border:1px solid rgba(255,255,255,.2)}.action-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666;background:linear-gradient(135deg,#8e44ad,#7d3c98)}.action-btn:active:not(.disabled){transform:translateY(0);box-shadow:0 1px 4px #9b59b64d}.download-btn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d}.download-btn:hover:not(.disabled){background:linear-gradient(135deg,#2980b9,#2471a3);box-shadow:0 4px 12px #3498db66}.confirm-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 2px 8px #2ecc714d}.confirm-btn:hover{background:linear-gradient(135deg,#27ae60,#219653);box-shadow:0 4px 12px #2ecc7166}.status-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a64d;cursor:default}.completed-btn{background:linear-gradient(135deg,#4cd964,#2ecc71);box-shadow:0 2px 8px #4cd9644d}.btn-control.disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;opacity:.6;box-shadow:0 1px 4px #bdc3c733}.btn-control.disabled:hover{transform:none;box-shadow:0 1px 4px #bdc3c733;background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.shortcut-help-wrapper{display:flex;align-items:center;height:40px}.control-group:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:linear-gradient(to bottom,transparent,#e9ecef,transparent)}.control-group{position:relative}@media (max-width: 1024px){.media-controls{padding:12px 16px;flex-wrap:wrap;gap:12px}.control-group{flex:none;width:100%;justify-content:center;margin-bottom:8px}.control-group:last-child{margin-bottom:0}.control-group:not(:last-child):after{display:none}.btn-text{font-size:13px}.btn-control{padding:8px 12px;min-height:36px}}@media (max-width: 768px){.media-controls{padding:10px 12px;min-height:64px}.btn-control{padding:6px 10px;font-size:12px;min-height:32px}.btn-control .icon{width:16px;height:16px}.btn-text{font-size:12px}}@media (max-width: 480px){.media-controls{flex-direction:column;gap:8px;padding:8px}.control-group{width:100%;justify-content:space-around;margin-bottom:4px}.btn-control{flex:1;justify-content:center;max-width:120px}.btn-text{display:none}.btn-control .icon{margin-right:0}}.steps-section{flex:2;background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:20px;border-left:1px solid #e9ecef;position:relative}.lesson-header-simple{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;position:relative;z-index:1111;cursor:pointer;transition:all .3s ease;overflow:hidden}.lesson-header-simple:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.lesson-title-hover{display:flex;justify-content:space-between;align-items:center}.lesson-title-simple{font-size:24px;font-weight:700;color:#212529;margin:0;flex:1;line-height:1.3}.hover-hint{font-size:13px;color:#6c757d;background:#fffc;padding:6px 12px;border-radius:20px;border:1px solid #dee2e6;transition:all .3s ease}.lesson-header-simple:hover .hover-hint{background:#4cc9f0;color:#fff;border-color:#4cc9f0}.lesson-details-hover{position:fixed;padding:20px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 12px 48px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;will-change:transform,opacity}.lesson-details-hover.visible{opacity:1;visibility:visible;transform:translateY(0)}.completion-status-section{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#4cd9641a,#4cd9640d);border-radius:10px;border:1px solid rgba(76,217,100,.2);margin-bottom:20px;color:#4cd964}.completion-status-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.completion-status-label .icon{width:16px;height:16px}.completion-status-indicator{padding:6px 12px;background:#4cd964;color:#fff;border-radius:16px;font-size:13px;font-weight:500;box-shadow:0 2px 6px #4cd9644d}.lesson-type-simple{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4cc9f01a;color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);margin-bottom:20px;width:fit-content}.lesson-type-simple .icon{width:16px;height:16px}.lesson-description-hover{margin-bottom:20px}.lesson-description-hover h3{font-size:16px;color:#495057;margin:0 0 10px;font-weight:600}.lesson-description-hover p{margin:0;color:#6c757d;line-height:1.6;font-size:14px}.lesson-knowledge-hover{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.lesson-knowledge-hover h3{font-size:16px;color:#495057;margin:0 0 15px;font-weight:600;display:flex;align-items:center;gap:8px}.lesson-knowledge-hover .icon{width:18px;height:18px;color:#ffb800}.knowledge-tags-hover{display:flex;flex-wrap:wrap;gap:8px}.knowledge-tag-container{position:relative;display:inline-block}.knowledge-tag-hover{padding:6px 12px;background:#ffb8001a;color:#ffb800;border-radius:16px;font-size:13px;font-weight:500;border:1px solid rgba(255,184,0,.2);cursor:pointer;transition:all .2s ease}.knowledge-tag-hover:hover{background:#ffb80033;transform:translateY(-2px);box-shadow:0 4px 8px #ffb80033}.knowledge-content-box{position:absolute;top:100%;left:0;margin-top:8px;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e9ecef;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.knowledge-content-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-bottom:1px solid #ffd54f;border-radius:12px 12px 0 0}.knowledge-content-header h4{margin:0;font-size:16px;font-weight:600;color:#ff8f00}.close-btn{background:none;border:none;font-size:20px;color:#ff8f00;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#ff8f001a}.knowledge-content-body{padding:16px;font-size:14px;line-height:1.6;color:#5d4037;max-height:200px;overflow-y:auto}.knowledge-content-body::-webkit-scrollbar{width:6px}.knowledge-content-body::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.knowledge-content-body::-webkit-scrollbar-thumb{background:#ffb8004d;border-radius:3px}.steps-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:20px;box-shadow:0 2px 12px #0000000d}.steps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef;position:relative}.steps-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:2px}.steps-header h2{font-size:22px;color:#212529;margin:0;display:flex;align-items:center;gap:10px;font-weight:600}.steps-header .icon{width:22px;height:22px;color:#4cc9f0}.steps-counter{padding:8px 16px;background:linear-gradient(135deg,#4cc9f01a,#4361ee0d);color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);display:flex;align-items:center;gap:6px}.steps-list{flex:1;overflow-y:auto;padding-right:8px}.steps-list::-webkit-scrollbar{width:6px}.steps-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.steps-list::-webkit-scrollbar-thumb{background:#4cc9f04d;border-radius:3px}.children-steps{margin-left:40px;margin-bottom:12px;border-left:2px solid rgba(76,201,240,.2);padding-left:15px}.child-step-item{display:flex;align-items:flex-start;padding:12px;margin-bottom:8px;background:#f0f2f5cc;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px dashed rgba(108,117,125,.3);position:relative}.child-step-item:hover{background:#e9ecefe6;transform:translate(3px);border-color:#4cc9f066;border-style:solid}.child-step-item.active{background:#ffc1071a;border-color:#ffc10766;border-style:solid;box-shadow:0 0 12px #ffc10726}.child-step-item.hidden{background:#ff3b3014;border-color:#ff3b304d;border-style:dashed}.child-step-number{margin-right:12px;position:relative}.child-number-circle{width:24px;height:24px;background-color:#ff8f00;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;box-shadow:0 1px 4px #ffc1074d}.child-step-item.hidden .child-number-circle{background:linear-gradient(135deg,#ff3b30e6,#dc3545e6)}.child-step-content{flex:1}.child-step-title{display:flex;align-items:center;gap:8px;margin-bottom:6px}.child-step-title h4{font-size:14px;color:#495057;margin:0;font-weight:600}.child-step-description{color:#868e96;margin:0 0 6px;font-size:12px;line-height:1.4;font-style:italic}.child-step-questions{margin-top:8px;padding:8px;background:#f8f9facc;border-radius:6px;border-left:2px solid #ffb800}.child-step-questions .questions-header{font-size:12px;color:#ffb800;font-weight:500;margin-bottom:4px}.child-step-questions .questions-list{margin:0;padding-left:16px}.child-step-questions .questions-list li{color:#6c757d;font-size:11px;margin-bottom:2px;line-height:1.3}.child-step-status{margin-left:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.child-step-status .status-current{color:#ffc107;font-size:16px;animation:pulse 2s infinite}.child-step-status .status-pending{color:#6c757d66;font-size:16px}.step-item{display:flex;align-items:flex-start;padding:16px;margin-bottom:12px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;position:relative}.step-item:hover{background:#e9ecef;transform:translate(5px)}.step-item.active{background:#4cc9f01a;border-color:#4cc9f04d;box-shadow:0 0 20px #4cc9f01a}.step-item.hidden{background:#ff3b300d;border-color:#ff3b3033}.step-item.completed{opacity:.7}.step-item.parent-step{border-left:3px solid #4cc9f0}.step-item.parent-step .parent-badge{padding:3px 8px;background:#4cc9f01a;color:#4cc9f0;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.step-item.parent-step .parent-badge .icon{width:14px;height:14px;transition:transform .3s ease}.step-item.parent-step .parent-badge .icon.expanded{transform:rotate(180deg)}.step-number{margin-right:15px;position:relative}.number-circle{width:32px;height:32px;background-color:#5874fe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 6px #4cc9f033}.step-item.hidden .number-circle{background:linear-gradient(135deg,#ff3b30,#ff9500)}.hidden-indicator{position:absolute;top:-5px;right:-5px;background:#ff3b30;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hidden-indicator .icon{width:12px;height:12px;color:#fff}.step-content{flex:1}.step-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-title h3{font-size:16px;color:#212529;margin:0;font-weight:600}.hidden-badge{padding:3px 8px;background:#ff3b301a;color:#ff3b30;border-radius:12px;font-size:12px;font-weight:500}.media-type-badge{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;border:1px solid transparent}.media-type-badge .icon{width:12px;height:12px}.image-badge{background:#4cc9f01a;color:#4cc9f0;border-color:#4cc9f033}.video-badge{background:#ff3b301a;color:#ff3b30;border-color:#ff3b3033}.step-description{color:#6c757d;margin:0 0 8px;font-size:13px;line-height:1.4}.step-questions{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:8px;border-left:3px solid #ffb800}.questions-header{font-size:14px;color:#ffb800;font-weight:500;margin-bottom:5px}.questions-list{margin:0;padding-left:20px}.questions-list li{color:#6c757d;font-size:13px;margin-bottom:3px;line-height:1.4}.step-status{margin-left:15px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.status-completed{color:#4cd964;font-size:20px}.status-current{color:#4cc9f0;font-size:20px;animation:pulse 2s infinite}.status-pending{color:#0003;font-size:20px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.steps-controls{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.steps-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.btn-nav{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px;min-width:90px;justify-content:center}.btn-prev{background:linear-gradient(135deg,#fff,#f8f9fa);color:#495057;border:1px solid #dee2e6;box-shadow:0 2px 6px #0000000d}.btn-prev:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4cc9f0}.btn-next{background:linear-gradient(135deg,#4cc9f0,#4361ee);color:#fff;box-shadow:0 2px 6px #4cc9f033}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f04d;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.btn-nav:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-nav .icon{width:18px;height:18px}.progress-container{flex:1;display:flex;flex-direction:column;gap:8px}.progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.progress-text{text-align:center;color:#495057;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.progress-text:before{font-size:12px}.shortcut-hints{display:flex;gap:20px;padding:12px 24px;background:#ffffffe6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);z-index:10}.hint-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#000000b3}.hint-item kbd{background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:6px;padding:4px 8px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#000;min-width:24px;text-align:center}@media (max-width: 1200px){.lesson-title{font-size:28px}.step-item{padding:15px}.btn-nav{padding:10px 20px}.lesson-knowledge{flex-direction:column;align-items:flex-start;gap:10px}.knowledge-tags{width:100%}}@media (max-width: 768px){.fullscreen-layout{flex-direction:column}.media-section{height:40%;flex:none}.steps-section{height:60%;flex:none;padding:20px;overflow-y:auto}.lesson-header{margin-bottom:20px;padding-bottom:15px}.lesson-title-section{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.lesson-title{font-size:22px;margin-bottom:5px}.lesson-meta{width:100%;justify-content:flex-start}.lesson-description{padding:12px;margin:10px 0}.lesson-description p{font-size:14px}.lesson-knowledge{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}.knowledge-tags{width:100%}.knowledge-tag{font-size:12px;padding:4px 10px}.steps-header h2{font-size:18px}.steps-container{flex:1;min-height:300px}.steps-list{max-height:none}}@media (max-width: 480px){.steps-section{padding:15px}.lesson-title{font-size:20px}.steps-header{flex-direction:column;align-items:flex-start;gap:10px}.steps-header h2{font-size:16px}.steps-counter{align-self:flex-start}.step-item{padding:12px;margin-bottom:10px}.number-circle{width:32px;height:32px;font-size:14px}.step-title h3{font-size:16px}.step-description{font-size:13px}.steps-list{max-height:calc(100vh - 320px)}.knowledge-tags{flex-direction:column;align-items:flex-start}.knowledge-tag{width:100%;text-align:center}}.knowledge-summary-mobile{display:none;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;border-left:4px solid #ffb800;box-shadow:0 4px 12px #ffb8001a}.knowledge-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,184,0,.3)}.knowledge-summary-header h3{font-size:18px;color:#ff8f00;margin:0;font-weight:600}.knowledge-summary-header .icon{width:20px;height:20px;color:#ff8f00}.knowledge-summary-content{display:flex;flex-direction:column;gap:10px}.knowledge-point-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:#fffc;border-radius:8px;border:1px solid rgba(255,184,0,.2)}.point-index{width:24px;height:24px;background:linear-gradient(135deg,#ffb800,#ff8f00);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.point-content{flex:1;color:#5d4037;font-size:14px;line-height:1.4}@media (max-width: 768px){.knowledge-summary-mobile{display:block}.lesson-knowledge{display:none}}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:25px 20px 20px;z-index:10;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-container:hover .custom-video-controls{opacity:1}.custom-progress-bar{position:relative;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:15px;cursor:pointer;overflow:visible;box-shadow:inset 0 1px 2px #0000001a}.custom-progress-background{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.5}.custom-progress-background .tv-icon{width:16px;height:16px;opacity:.6}.custom-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:3px;transition:width .1s linear;box-shadow:0 0 8px #4cc9f04d}.custom-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;opacity:0;transition:all .2s ease;cursor:grab;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-progress-thumb .tv-thumb-icon{width:16px;height:16px}.custom-progress-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.custom-progress-bar:hover .custom-progress-thumb{opacity:1}.custom-controls-buttons{display:flex;align-items:center;justify-content:space-between;gap:15px}.custom-control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px}.custom-control-btn:hover{background:#ffffff1a;transform:scale(1.1)}.custom-control-btn:active{transform:scale(.95)}.play-pause-btn{background:linear-gradient(135deg,#4cc9f0,#4361ee);width:36px;height:36px;box-shadow:0 4px 12px #4cc9f066;border:2px solid rgba(255,255,255,.8)}.play-pause-btn:hover{background:linear-gradient(135deg,#3ab8e0,#3550d9);transform:scale(1.1);box-shadow:0 6px 16px #4cc9f099}.play-pause-btn:active{transform:scale(.95)}.play-pause-icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.play-icon,.pause-icon{width:18px;height:18px;color:#fff}.time-display{color:#fff;font-size:14px;font-weight:500;font-family:Monaco,Consolas,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:100px;text-align:center}.volume-control{display:flex;align-items:center;gap:8px}.volume-btn{width:36px;height:36px}.volume-mute-icon,.volume-up-icon{width:20px;height:20px}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;opacity:0;transition:opacity .3s ease,width .3s ease}.volume-control:hover .volume-slider{opacity:1;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.fullscreen-btn{width:36px;height:36px}.fullscreen-icon{width:20px;height:20px}.media-video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px;box-shadow:0 8px 32px #0003}.video-container{position:relative;overflow:hidden;border-radius:8px}.download-courseware-btn{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4cc9f04d;font-size:14px;min-width:100px;justify-content:center}.download-courseware-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.download-courseware-btn:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #4cc9f04d}.download-courseware-btn.disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.6;box-shadow:0 2px 8px #95a5a633}.download-courseware-btn.disabled:hover{transform:none;box-shadow:0 2px 8px #95a5a633;background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.confirm-completion-btn{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4cc9f04d;font-size:14px;min-width:100px;justify-content:center}.confirm-completion-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.confirm-completion-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4cc9f04d}.completed-text{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border-radius:8px;color:#fff;font-weight:500;font-size:14px;min-width:100px;text-align:center;box-shadow:0 4px 15px #4cc9f04d}.feedback-container{position:absolute;top:20px;right:20px;width:400px;max-height:80vh;overflow-y:auto;z-index:100;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.feedback-container::-webkit-scrollbar{width:6px}.feedback-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.feedback-container::-webkit-scrollbar-thumb{background:#4cc9f04d;border-radius:3px}.feedback-container::-webkit-scrollbar-thumb:hover{background:#4cc9f080}.media-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#4cc9f0;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:16px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.media-image,.media-video{transition:opacity .3s ease}.media-image.loaded,.media-video.loaded{opacity:1}.replay-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:15;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease;cursor:pointer;transition:all .3s ease}.replay-overlay:hover{background:#000c}.replay-overlay:hover .replay-content{transform:scale(1.05)}.replay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:transform .3s ease}.replay-icon{width:60px;height:60px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(76,201,240,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 4px 16px rgba(76,201,240,.6))}to{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(76,201,240,.3))}}.replay-text{color:#fff;font-size:18px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px;background:#4cc9f033;padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.corner-ribbon[data-v-526d3d8a]{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;z-index:10}.corner-ribbon[data-v-526d3d8a]:before{content:"";position:absolute;top:-30px;right:-30px;width:60px;height:60px;background:linear-gradient(135deg,#ff6b6b,#ff4757);transform:rotate(45deg);box-shadow:0 3px 10px #0003}.corner-ribbon[data-v-526d3d8a]:after{content:"结";position:absolute;top:6px;right:6px;color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);transform:rotate(45deg)}.lesson-header-simple[data-v-526d3d8a]{position:relative}.ppt4-container[data-v-db9477a3]{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.fullscreen-layout[data-v-db9477a3]{display:flex;width:100%;flex:1;min-height:0;gap:0}.media-section[data-v-db9477a3]{flex:5;background:#f8f9fa;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:2px solid #e9ecef}.media-content[data-v-db9477a3]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.image-container[data-v-db9477a3],.video-container[data-v-db9477a3],.placeholder-container[data-v-db9477a3]{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d,inset 0 1px #fffc;background:#fff;border:1px solid #e9ecef}.media-image[data-v-db9477a3],.media-video[data-v-db9477a3]{width:100%;height:100%;object-fit:contain;background:#f8f9fa}.placeholder-container[data-v-db9477a3]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.placeholder-content[data-v-db9477a3]{text-align:center;color:#6c757d}.placeholder-icon[data-v-db9477a3]{width:80px;height:80px;margin-bottom:20px;color:#ffffff4d}.media-badge[data-v-db9477a3]{position:absolute;top:15px;right:15px;background:#ffffffe6;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;color:#495057;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a}.media-badge .icon[data-v-db9477a3]{width:16px;height:16px}.media-controls[data-v-db9477a3]{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;border-top:1px solid #e9ecef;box-shadow:0 -2px 10px #0000000d;min-height:72px}.control-group[data-v-db9477a3]{display:flex;align-items:center;gap:12px;flex:1}.media-control-group[data-v-db9477a3]{justify-content:flex-start}.tools-group[data-v-db9477a3]{justify-content:center}.actions-group[data-v-db9477a3]{justify-content:flex-end}.btn-control[data-v-db9477a3]{padding:10px 16px;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px;min-height:40px;box-sizing:border-box}.btn-control .icon[data-v-db9477a3]{width:18px;height:18px;flex-shrink:0}.btn-text[data-v-db9477a3]{white-space:nowrap}.icon-btn[data-v-db9477a3]{background:linear-gradient(135deg,#4cc9f0,#4361ee);box-shadow:0 2px 8px #4cc9f04d;border:1px solid rgba(255,255,255,.2)}.icon-btn[data-v-db9477a3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f066;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.icon-btn[data-v-db9477a3]:active{transform:translateY(0);box-shadow:0 1px 4px #4cc9f04d}.play-btn[data-v-db9477a3]{background:linear-gradient(135deg,#4cd964,#2ecc71);box-shadow:0 2px 8px #4cd9644d}.play-btn[data-v-db9477a3]:hover{background:linear-gradient(135deg,#3bc853,#27ae60);box-shadow:0 4px 12px #4cd96466}.feedback-btn[data-v-db9477a3]{background:linear-gradient(135deg,#ff9500,#ff5e3a);box-shadow:0 2px 8px #ff95004d}.feedback-btn[data-v-db9477a3]:hover{background:linear-gradient(135deg,#e68500,#e84e2a);box-shadow:0 4px 12px #ff950066}.action-btn[data-v-db9477a3]{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 2px 8px #9b59b64d;border:1px solid rgba(255,255,255,.2)}.action-btn[data-v-db9477a3]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666;background:linear-gradient(135deg,#8e44ad,#7d3c98)}.action-btn[data-v-db9477a3]:active:not(.disabled){transform:translateY(0);box-shadow:0 1px 4px #9b59b64d}.download-btn[data-v-db9477a3]{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d}.download-btn[data-v-db9477a3]:hover:not(.disabled){background:linear-gradient(135deg,#2980b9,#2471a3);box-shadow:0 4px 12px #3498db66}.confirm-btn[data-v-db9477a3]{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 2px 8px #2ecc714d}.confirm-btn[data-v-db9477a3]:hover{background:linear-gradient(135deg,#27ae60,#219653);box-shadow:0 4px 12px #2ecc7166}.status-btn[data-v-db9477a3]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a64d;cursor:default}.completed-btn[data-v-db9477a3]{background:linear-gradient(135deg,#4cd964,#2ecc71);box-shadow:0 2px 8px #4cd9644d}.btn-control.disabled[data-v-db9477a3]{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;opacity:.6;box-shadow:0 1px 4px #bdc3c733}.btn-control.disabled[data-v-db9477a3]:hover{transform:none;box-shadow:0 1px 4px #bdc3c733;background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.shortcut-help-wrapper[data-v-db9477a3]{display:flex;align-items:center;height:40px}.control-group[data-v-db9477a3]:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:linear-gradient(to bottom,transparent,#e9ecef,transparent)}.control-group[data-v-db9477a3]{position:relative}@media (max-width: 1024px){.media-controls[data-v-db9477a3]{padding:12px 16px;flex-wrap:wrap;gap:12px}.control-group[data-v-db9477a3]{flex:none;width:100%;justify-content:center;margin-bottom:8px}.control-group[data-v-db9477a3]:last-child{margin-bottom:0}.control-group[data-v-db9477a3]:not(:last-child):after{display:none}.btn-text[data-v-db9477a3]{font-size:13px}.btn-control[data-v-db9477a3]{padding:8px 12px;min-height:36px}}@media (max-width: 768px){.media-controls[data-v-db9477a3]{padding:10px 12px;min-height:64px}.btn-control[data-v-db9477a3]{padding:6px 10px;font-size:12px;min-height:32px}.btn-control .icon[data-v-db9477a3]{width:16px;height:16px}.btn-text[data-v-db9477a3]{font-size:12px}}@media (max-width: 480px){.media-controls[data-v-db9477a3]{flex-direction:column;gap:8px;padding:8px}.control-group[data-v-db9477a3]{width:100%;justify-content:space-around;margin-bottom:4px}.btn-control[data-v-db9477a3]{flex:1;justify-content:center;max-width:120px}.btn-text[data-v-db9477a3]{display:none}.btn-control .icon[data-v-db9477a3]{margin-right:0}}.steps-section[data-v-db9477a3]{flex:2;background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:20px;border-left:1px solid #e9ecef;position:relative}.lesson-header-simple[data-v-db9477a3]{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;position:relative;z-index:1111;cursor:pointer;transition:all .3s ease;overflow:hidden}.lesson-header-simple[data-v-db9477a3]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.lesson-title-hover[data-v-db9477a3]{display:flex;justify-content:space-between;align-items:center}.lesson-title-simple[data-v-db9477a3]{font-size:24px;font-weight:700;color:#212529;margin:0;flex:1;line-height:1.3}.hover-hint[data-v-db9477a3]{font-size:13px;color:#6c757d;background:#fffc;padding:6px 12px;border-radius:20px;border:1px solid #dee2e6;transition:all .3s ease}.lesson-header-simple:hover .hover-hint[data-v-db9477a3]{background:#4cc9f0;color:#fff;border-color:#4cc9f0}.lesson-details-hover[data-v-db9477a3]{position:fixed;padding:20px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 12px 48px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;will-change:transform,opacity}.lesson-details-hover.visible[data-v-db9477a3]{opacity:1;visibility:visible;transform:translateY(0)}.completion-status-section[data-v-db9477a3]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#4cd9641a,#4cd9640d);border-radius:10px;border:1px solid rgba(76,217,100,.2);margin-bottom:20px;color:#4cd964}.completion-status-label[data-v-db9477a3]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.completion-status-label .icon[data-v-db9477a3]{width:16px;height:16px}.completion-status-indicator[data-v-db9477a3]{padding:6px 12px;background:#4cd964;color:#fff;border-radius:16px;font-size:13px;font-weight:500;box-shadow:0 2px 6px #4cd9644d}.lesson-type-simple[data-v-db9477a3]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4cc9f01a;color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);margin-bottom:20px;width:fit-content}.lesson-type-simple .icon[data-v-db9477a3]{width:16px;height:16px}.lesson-description-hover[data-v-db9477a3]{margin-bottom:20px}.lesson-description-hover h3[data-v-db9477a3]{font-size:16px;color:#495057;margin:0 0 10px;font-weight:600}.lesson-description-hover p[data-v-db9477a3]{margin:0;color:#6c757d;line-height:1.6;font-size:14px}.lesson-knowledge-hover[data-v-db9477a3]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.lesson-knowledge-hover h3[data-v-db9477a3]{font-size:16px;color:#495057;margin:0 0 15px;font-weight:600;display:flex;align-items:center;gap:8px}.lesson-knowledge-hover .icon[data-v-db9477a3]{width:18px;height:18px;color:#ffb800}.knowledge-tags-hover[data-v-db9477a3]{display:flex;flex-wrap:wrap;gap:8px}.knowledge-tag-container[data-v-db9477a3]{position:relative;display:inline-block}.knowledge-tag-hover[data-v-db9477a3]{padding:6px 12px;background:#ffb8001a;color:#ffb800;border-radius:16px;font-size:13px;font-weight:500;border:1px solid rgba(255,184,0,.2);cursor:pointer;transition:all .2s ease}.knowledge-tag-hover[data-v-db9477a3]:hover{background:#ffb80033;transform:translateY(-2px);box-shadow:0 4px 8px #ffb80033}.knowledge-content-box[data-v-db9477a3]{position:absolute;top:100%;left:0;margin-top:8px;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e9ecef;z-index:1001;animation:fadeIn-db9477a3 .2s ease}@keyframes fadeIn-db9477a3{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.knowledge-content-header[data-v-db9477a3]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-bottom:1px solid #ffd54f;border-radius:12px 12px 0 0}.knowledge-content-header h4[data-v-db9477a3]{margin:0;font-size:16px;font-weight:600;color:#ff8f00}.close-btn[data-v-db9477a3]{background:none;border:none;font-size:20px;color:#ff8f00;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-db9477a3]:hover{background:#ff8f001a}.knowledge-content-body[data-v-db9477a3]{padding:16px;font-size:14px;line-height:1.6;color:#5d4037;max-height:200px;overflow-y:auto}.knowledge-content-body[data-v-db9477a3]::-webkit-scrollbar{width:6px}.knowledge-content-body[data-v-db9477a3]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.knowledge-content-body[data-v-db9477a3]::-webkit-scrollbar-thumb{background:#ffb8004d;border-radius:3px}.steps-container[data-v-db9477a3]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:20px;box-shadow:0 2px 12px #0000000d}.steps-header[data-v-db9477a3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef;position:relative}.steps-header[data-v-db9477a3]:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:2px}.steps-header h2[data-v-db9477a3]{font-size:22px;color:#212529;margin:0;display:flex;align-items:center;gap:10px;font-weight:600}.steps-header .icon[data-v-db9477a3]{width:22px;height:22px;color:#4cc9f0}.steps-counter[data-v-db9477a3]{padding:8px 16px;background:linear-gradient(135deg,#4cc9f01a,#4361ee0d);color:#4cc9f0;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(76,201,240,.2);display:flex;align-items:center;gap:6px}.steps-list[data-v-db9477a3]{flex:1;overflow-y:auto;padding-right:8px}.steps-list[data-v-db9477a3]::-webkit-scrollbar{width:6px}.steps-list[data-v-db9477a3]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.steps-list[data-v-db9477a3]::-webkit-scrollbar-thumb{background:#4cc9f04d;border-radius:3px}.children-steps[data-v-db9477a3]{margin-left:40px;margin-bottom:12px;border-left:2px solid rgba(76,201,240,.2);padding-left:15px}.child-step-item[data-v-db9477a3]{display:flex;align-items:flex-start;padding:12px;margin-bottom:8px;background:#f0f2f5cc;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px dashed rgba(108,117,125,.3);position:relative}.child-step-item[data-v-db9477a3]:hover{background:#e9ecefe6;transform:translate(3px);border-color:#4cc9f066;border-style:solid}.child-step-item.active[data-v-db9477a3]{background:#ffc1071a;border-color:#ffc10766;border-style:solid;box-shadow:0 0 12px #ffc10726}.child-step-item.hidden[data-v-db9477a3]{background:#ff3b3014;border-color:#ff3b304d;border-style:dashed}.child-step-number[data-v-db9477a3]{margin-right:12px;position:relative}.child-number-circle[data-v-db9477a3]{width:24px;height:24px;background-color:#ff8f00;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;box-shadow:0 1px 4px #ffc1074d}.child-step-item.hidden .child-number-circle[data-v-db9477a3]{background:linear-gradient(135deg,#ff3b30e6,#dc3545e6)}.child-step-content[data-v-db9477a3]{flex:1}.child-step-title[data-v-db9477a3]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.child-step-title h4[data-v-db9477a3]{font-size:14px;color:#495057;margin:0;font-weight:600}.child-step-description[data-v-db9477a3]{color:#868e96;margin:0 0 6px;font-size:12px;line-height:1.4;font-style:italic}.child-step-questions[data-v-db9477a3]{margin-top:8px;padding:8px;background:#f8f9facc;border-radius:6px;border-left:2px solid #ffb800}.child-step-questions .questions-header[data-v-db9477a3]{font-size:12px;color:#ffb800;font-weight:500;margin-bottom:4px}.child-step-questions .questions-list[data-v-db9477a3]{margin:0;padding-left:16px}.child-step-questions .questions-list li[data-v-db9477a3]{color:#6c757d;font-size:11px;margin-bottom:2px;line-height:1.3}.child-step-status[data-v-db9477a3]{margin-left:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.child-step-status .status-current[data-v-db9477a3]{color:#ffc107;font-size:16px;animation:pulse-db9477a3 2s infinite}.child-step-status .status-pending[data-v-db9477a3]{color:#6c757d66;font-size:16px}.step-item[data-v-db9477a3]{display:flex;align-items:flex-start;padding:16px;margin-bottom:12px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;position:relative}.step-item[data-v-db9477a3]:hover{background:#e9ecef;transform:translate(5px)}.step-item.active[data-v-db9477a3]{background:#4cc9f01a;border-color:#4cc9f04d;box-shadow:0 0 20px #4cc9f01a}.step-item.hidden[data-v-db9477a3]{background:#ff3b300d;border-color:#ff3b3033}.step-item.completed[data-v-db9477a3]{opacity:.7}.step-item.parent-step[data-v-db9477a3]{border-left:3px solid #4cc9f0}.step-item.parent-step .parent-badge[data-v-db9477a3]{padding:3px 8px;background:#4cc9f01a;color:#4cc9f0;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.step-item.parent-step .parent-badge .icon[data-v-db9477a3]{width:14px;height:14px;transition:transform .3s ease}.step-item.parent-step .parent-badge .icon.expanded[data-v-db9477a3]{transform:rotate(180deg)}.step-number[data-v-db9477a3]{margin-right:15px;position:relative}.number-circle[data-v-db9477a3]{width:32px;height:32px;background-color:#5874fe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 6px #4cc9f033}.step-item.hidden .number-circle[data-v-db9477a3]{background:linear-gradient(135deg,#ff3b30,#ff9500)}.hidden-indicator[data-v-db9477a3]{position:absolute;top:-5px;right:-5px;background:#ff3b30;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hidden-indicator .icon[data-v-db9477a3]{width:12px;height:12px;color:#fff}.step-content[data-v-db9477a3]{flex:1}.step-title[data-v-db9477a3]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-title h3[data-v-db9477a3]{font-size:16px;color:#212529;margin:0;font-weight:600}.hidden-badge[data-v-db9477a3]{padding:3px 8px;background:#ff3b301a;color:#ff3b30;border-radius:12px;font-size:12px;font-weight:500}.media-type-badge[data-v-db9477a3]{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;border:1px solid transparent}.media-type-badge .icon[data-v-db9477a3]{width:12px;height:12px}.image-badge[data-v-db9477a3]{background:#4cc9f01a;color:#4cc9f0;border-color:#4cc9f033}.video-badge[data-v-db9477a3]{background:#ff3b301a;color:#ff3b30;border-color:#ff3b3033}.step-description[data-v-db9477a3]{color:#6c757d;margin:0 0 8px;font-size:13px;line-height:1.4}.step-questions[data-v-db9477a3]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:8px;border-left:3px solid #ffb800}.questions-header[data-v-db9477a3]{font-size:14px;color:#ffb800;font-weight:500;margin-bottom:5px}.questions-list[data-v-db9477a3]{margin:0;padding-left:20px}.questions-list li[data-v-db9477a3]{color:#6c757d;font-size:13px;margin-bottom:3px;line-height:1.4}.step-status[data-v-db9477a3]{margin-left:15px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.status-completed[data-v-db9477a3]{color:#4cd964;font-size:20px}.status-current[data-v-db9477a3]{color:#4cc9f0;font-size:20px;animation:pulse-db9477a3 2s infinite}.status-pending[data-v-db9477a3]{color:#0003;font-size:20px}@keyframes pulse-db9477a3{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.steps-controls[data-v-db9477a3]{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:1px solid #dee2e6;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.steps-controls[data-v-db9477a3]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.btn-nav[data-v-db9477a3]{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:14px;min-width:90px;justify-content:center}.btn-prev[data-v-db9477a3]{background:linear-gradient(135deg,#fff,#f8f9fa);color:#495057;border:1px solid #dee2e6;box-shadow:0 2px 6px #0000000d}.btn-prev[data-v-db9477a3]:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4cc9f0}.btn-next[data-v-db9477a3]{background:linear-gradient(135deg,#4cc9f0,#4361ee);color:#fff;box-shadow:0 2px 6px #4cc9f033}.btn-next[data-v-db9477a3]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4cc9f04d;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.btn-nav[data-v-db9477a3]:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-nav .icon[data-v-db9477a3]{width:18px;height:18px}.progress-container[data-v-db9477a3]{flex:1;display:flex;flex-direction:column;gap:8px}.progress-bar[data-v-db9477a3]{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.progress-fill[data-v-db9477a3]{height:100%;border-radius:4px;transition:width .3s ease;background:linear-gradient(90deg,#4cc9f0,#4361ee)}.progress-text[data-v-db9477a3]{text-align:center;color:#495057;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.progress-text[data-v-db9477a3]:before{font-size:12px}.shortcut-hints[data-v-db9477a3]{display:flex;gap:20px;padding:12px 24px;background:#ffffffe6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);z-index:10}.hint-item[data-v-db9477a3]{display:flex;align-items:center;gap:8px;font-size:14px;color:#000000b3}.hint-item kbd[data-v-db9477a3]{background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:6px;padding:4px 8px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#000;min-width:24px;text-align:center}@media (max-width: 1200px){.lesson-title[data-v-db9477a3]{font-size:28px}.step-item[data-v-db9477a3]{padding:15px}.btn-nav[data-v-db9477a3]{padding:10px 20px}.lesson-knowledge[data-v-db9477a3]{flex-direction:column;align-items:flex-start;gap:10px}.knowledge-tags[data-v-db9477a3]{width:100%}}@media (max-width: 768px){.fullscreen-layout[data-v-db9477a3]{flex-direction:column}.media-section[data-v-db9477a3]{height:40%;flex:none}.steps-section[data-v-db9477a3]{height:60%;flex:none;padding:20px;overflow-y:auto}.lesson-header[data-v-db9477a3]{margin-bottom:20px;padding-bottom:15px}.lesson-title-section[data-v-db9477a3]{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.lesson-title[data-v-db9477a3]{font-size:22px;margin-bottom:5px}.lesson-meta[data-v-db9477a3]{width:100%;justify-content:flex-start}.lesson-description[data-v-db9477a3]{padding:12px;margin:10px 0}.lesson-description p[data-v-db9477a3]{font-size:14px}.lesson-knowledge[data-v-db9477a3]{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}.knowledge-tags[data-v-db9477a3]{width:100%}.knowledge-tag[data-v-db9477a3]{font-size:12px;padding:4px 10px}.steps-header h2[data-v-db9477a3]{font-size:18px}.steps-container[data-v-db9477a3]{flex:1;min-height:300px}.steps-list[data-v-db9477a3]{max-height:none}}@media (max-width: 480px){.steps-section[data-v-db9477a3]{padding:15px}.lesson-title[data-v-db9477a3]{font-size:20px}.steps-header[data-v-db9477a3]{flex-direction:column;align-items:flex-start;gap:10px}.steps-header h2[data-v-db9477a3]{font-size:16px}.steps-counter[data-v-db9477a3]{align-self:flex-start}.step-item[data-v-db9477a3]{padding:12px;margin-bottom:10px}.number-circle[data-v-db9477a3]{width:32px;height:32px;font-size:14px}.step-title h3[data-v-db9477a3]{font-size:16px}.step-description[data-v-db9477a3]{font-size:13px}.steps-list[data-v-db9477a3]{max-height:calc(100vh - 320px)}.knowledge-tags[data-v-db9477a3]{flex-direction:column;align-items:flex-start}.knowledge-tag[data-v-db9477a3]{width:100%;text-align:center}}.knowledge-summary-mobile[data-v-db9477a3]{display:none;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;border-left:4px solid #ffb800;box-shadow:0 4px 12px #ffb8001a}.knowledge-summary-header[data-v-db9477a3]{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,184,0,.3)}.knowledge-summary-header h3[data-v-db9477a3]{font-size:18px;color:#ff8f00;margin:0;font-weight:600}.knowledge-summary-header .icon[data-v-db9477a3]{width:20px;height:20px;color:#ff8f00}.knowledge-summary-content[data-v-db9477a3]{display:flex;flex-direction:column;gap:10px}.knowledge-point-item[data-v-db9477a3]{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:#fffc;border-radius:8px;border:1px solid rgba(255,184,0,.2)}.point-index[data-v-db9477a3]{width:24px;height:24px;background:linear-gradient(135deg,#ffb800,#ff8f00);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.point-content[data-v-db9477a3]{flex:1;color:#5d4037;font-size:14px;line-height:1.4}@media (max-width: 768px){.knowledge-summary-mobile[data-v-db9477a3]{display:block}.lesson-knowledge[data-v-db9477a3]{display:none}}.custom-video-controls[data-v-db9477a3]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:25px 20px 20px;z-index:10;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-container:hover .custom-video-controls[data-v-db9477a3]{opacity:1}.custom-progress-bar[data-v-db9477a3]{position:relative;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:15px;cursor:pointer;overflow:visible;box-shadow:inset 0 1px 2px #0000001a}.custom-progress-background[data-v-db9477a3]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.5}.custom-progress-background .tv-icon[data-v-db9477a3]{width:16px;height:16px;opacity:.6}.custom-progress-fill[data-v-db9477a3]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:3px;transition:width .1s linear;box-shadow:0 0 8px #4cc9f04d}.custom-progress-thumb[data-v-db9477a3]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;opacity:0;transition:all .2s ease;cursor:grab;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-progress-thumb .tv-thumb-icon[data-v-db9477a3]{width:16px;height:16px}.custom-progress-thumb[data-v-db9477a3]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.custom-progress-bar:hover .custom-progress-thumb[data-v-db9477a3]{opacity:1}.custom-controls-buttons[data-v-db9477a3]{display:flex;align-items:center;justify-content:space-between;gap:15px}.custom-control-btn[data-v-db9477a3]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px}.custom-control-btn[data-v-db9477a3]:hover{background:#ffffff1a;transform:scale(1.1)}.custom-control-btn[data-v-db9477a3]:active{transform:scale(.95)}.play-pause-btn[data-v-db9477a3]{background:linear-gradient(135deg,#4cc9f0,#4361ee);width:36px;height:36px;box-shadow:0 4px 12px #4cc9f066;border:2px solid rgba(255,255,255,.8)}.play-pause-btn[data-v-db9477a3]:hover{background:linear-gradient(135deg,#3ab8e0,#3550d9);transform:scale(1.1);box-shadow:0 6px 16px #4cc9f099}.play-pause-btn[data-v-db9477a3]:active{transform:scale(.95)}.play-pause-icon-container[data-v-db9477a3]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.play-icon[data-v-db9477a3],.pause-icon[data-v-db9477a3]{width:18px;height:18px;color:#fff}.time-display[data-v-db9477a3]{color:#fff;font-size:14px;font-weight:500;font-family:Monaco,Consolas,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:100px;text-align:center}.volume-control[data-v-db9477a3]{display:flex;align-items:center;gap:8px}.volume-btn[data-v-db9477a3]{width:36px;height:36px}.volume-mute-icon[data-v-db9477a3],.volume-up-icon[data-v-db9477a3]{width:20px;height:20px}.volume-slider[data-v-db9477a3]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;opacity:0;transition:opacity .3s ease,width .3s ease}.volume-control:hover .volume-slider[data-v-db9477a3]{opacity:1;width:100px}.volume-slider[data-v-db9477a3]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.volume-slider[data-v-db9477a3]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.fullscreen-btn[data-v-db9477a3]{width:36px;height:36px}.fullscreen-icon[data-v-db9477a3]{width:20px;height:20px}.media-video[data-v-db9477a3]{width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px;box-shadow:0 8px 32px #0003}.video-container[data-v-db9477a3]{position:relative;overflow:hidden;border-radius:8px}.download-courseware-btn[data-v-db9477a3]{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4cc9f04d;font-size:14px;min-width:100px;justify-content:center}.download-courseware-btn[data-v-db9477a3]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.download-courseware-btn[data-v-db9477a3]:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #4cc9f04d}.download-courseware-btn.disabled[data-v-db9477a3]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.6;box-shadow:0 2px 8px #95a5a633}.download-courseware-btn.disabled[data-v-db9477a3]:hover{transform:none;box-shadow:0 2px 8px #95a5a633;background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.confirm-completion-btn[data-v-db9477a3]{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #4cc9f04d;font-size:14px;min-width:100px;justify-content:center}.confirm-completion-btn[data-v-db9477a3]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066;background:linear-gradient(135deg,#3ab8e0,#3550d9)}.confirm-completion-btn[data-v-db9477a3]:active{transform:translateY(0);box-shadow:0 2px 8px #4cc9f04d}.completed-text[data-v-db9477a3]{padding:10px 20px;background:linear-gradient(135deg,#4cc9f0,#4361ee);border-radius:8px;color:#fff;font-weight:500;font-size:14px;min-width:100px;text-align:center;box-shadow:0 4px 15px #4cc9f04d}.feedback-container[data-v-db9477a3]{position:absolute;top:20px;right:20px;width:400px;max-height:80vh;overflow-y:auto;z-index:100;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:slideInRight-db9477a3 .3s ease-out}@keyframes slideInRight-db9477a3{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.feedback-container[data-v-db9477a3]::-webkit-scrollbar{width:6px}.feedback-container[data-v-db9477a3]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.feedback-container[data-v-db9477a3]::-webkit-scrollbar-thumb{background:#4cc9f04d;border-radius:3px}.feedback-container[data-v-db9477a3]::-webkit-scrollbar-thumb:hover{background:#4cc9f080}.media-loading-overlay[data-v-db9477a3]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-db9477a3 .3s ease}@keyframes fadeIn-db9477a3{0%{opacity:0}to{opacity:1}}.loading-spinner[data-v-db9477a3]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#4cc9f0;animation:spin-db9477a3 1s ease-in-out infinite}@keyframes spin-db9477a3{to{transform:rotate(360deg)}}.loading-text[data-v-db9477a3]{color:#fff;font-size:16px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.media-image[data-v-db9477a3],.media-video[data-v-db9477a3]{transition:opacity .3s ease}.media-image.loaded[data-v-db9477a3],.media-video.loaded[data-v-db9477a3]{opacity:1}.replay-overlay[data-v-db9477a3]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:15;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-db9477a3 .3s ease;cursor:pointer;transition:all .3s ease}.replay-overlay[data-v-db9477a3]:hover{background:#000c}.replay-overlay:hover .replay-content[data-v-db9477a3]{transform:scale(1.05)}.replay-content[data-v-db9477a3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:transform .3s ease}.replay-icon[data-v-db9477a3]{width:60px;height:60px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));animation:pulse-glow-db9477a3 2s infinite ease-in-out}@keyframes pulse-glow-db9477a3{0%{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(76,201,240,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 4px 16px rgba(76,201,240,.6))}to{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(76,201,240,.3))}}.replay-text[data-v-db9477a3]{color:#fff;font-size:18px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.5px;background:#4cc9f033;padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.socket-test-container[data-v-ccf58010]{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.status-section[data-v-ccf58010]{margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px}.status[data-v-ccf58010]{padding:8px 12px;border-radius:4px;font-weight:700;margin-bottom:10px;display:inline-block}.status.connected[data-v-ccf58010]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.disconnected[data-v-ccf58010]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.group-info[data-v-ccf58010]{font-size:14px;color:#666}.control-section[data-v-ccf58010]{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.input-group[data-v-ccf58010]{display:flex;gap:10px;margin-bottom:15px}.input-group input[data-v-ccf58010]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.input-group input[data-v-ccf58010]:disabled{background-color:#e9ecef;cursor:not-allowed}.button-group[data-v-ccf58010]{display:flex;gap:10px}button[data-v-ccf58010]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}button[data-v-ccf58010]:disabled{opacity:.6;cursor:not-allowed}.btn-connect[data-v-ccf58010]{background-color:#28a745;color:#fff}.btn-connect[data-v-ccf58010]:hover:not(:disabled){background-color:#218838}.btn-disconnect[data-v-ccf58010]{background-color:#dc3545;color:#fff}.btn-disconnect[data-v-ccf58010]:hover:not(:disabled){background-color:#c82333}.btn-refresh[data-v-ccf58010]{background-color:#17a2b8;color:#fff}.btn-refresh[data-v-ccf58010]:hover:not(:disabled){background-color:#138496}.btn-validate[data-v-ccf58010]{background-color:#6f42c1;color:#fff}.btn-validate[data-v-ccf58010]:hover:not(:disabled){background-color:#5a32a3}.btn-check[data-v-ccf58010]{background-color:#20c997;color:#fff;padding:4px 8px;font-size:12px;border-radius:3px;border:none;cursor:pointer}.btn-check[data-v-ccf58010]:hover{background-color:#1ba87e}.btn-send[data-v-ccf58010]{background-color:#007bff;color:#fff;min-width:80px}.btn-send[data-v-ccf58010]:hover:not(:disabled){background-color:#0069d9}.message-section[data-v-ccf58010]{margin-bottom:20px}.message-input[data-v-ccf58010]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.validation-section[data-v-ccf58010],.members-section[data-v-ccf58010],.messages-section[data-v-ccf58010],.log-section[data-v-ccf58010]{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.validation-result[data-v-ccf58010]{padding:15px;border-radius:6px;margin-top:10px}.validation-result.valid[data-v-ccf58010]{background-color:#d4edda;border:1px solid #c3e6cb}.validation-result.invalid[data-v-ccf58010]{background-color:#f8d7da;border:1px solid #f5c6cb}.validation-header[data-v-ccf58010]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.validation-status[data-v-ccf58010]{font-weight:700;font-size:16px}.validation-time[data-v-ccf58010]{font-size:12px;color:#666}.validation-details[data-v-ccf58010]{font-size:14px}.validation-details div[data-v-ccf58010]{margin-bottom:5px}.validation-issues[data-v-ccf58010]{margin:10px 0 0 20px;padding:0}.validation-issues li[data-v-ccf58010]{margin-bottom:5px}h3[data-v-ccf58010]{margin-top:0;margin-bottom:15px;color:#333;border-bottom:1px solid #dee2e6;padding-bottom:8px}.members-list[data-v-ccf58010],.messages-list[data-v-ccf58010],.log-list[data-v-ccf58010]{max-height:300px;overflow-y:auto}.member-item[data-v-ccf58010]{padding:10px;margin-bottom:8px;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.member-item.current-user[data-v-ccf58010]{background-color:#e7f3ff;border-color:#b8daff}.member-name[data-v-ccf58010]{font-weight:700;color:#333}.member-id[data-v-ccf58010]{font-size:12px;color:#666}.member-status[data-v-ccf58010]{font-size:12px;padding:2px 8px;border-radius:10px;background-color:#6c757d;color:#fff}.member-status.online[data-v-ccf58010]{background-color:#28a745}.no-members[data-v-ccf58010],.no-messages[data-v-ccf58010]{text-align:center;color:#6c757d;padding:20px;font-style:italic}.message-item[data-v-ccf58010]{padding:12px;margin-bottom:10px;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.message-item.own-message[data-v-ccf58010]{background-color:#f8f9fa;border-color:#c3e6cb}.message-header[data-v-ccf58010]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px}.message-user[data-v-ccf58010]{font-weight:700;color:#007bff}.message-time[data-v-ccf58010]{color:#6c757d}.message-content[data-v-ccf58010]{font-size:14px;line-height:1.5}.log-item[data-v-ccf58010]{padding:8px;margin-bottom:5px;background-color:#fff;border-left:3px solid #6c757d;font-size:12px;font-family:monospace}.upload-container[data-v-1f675af8]{min-height:100vh;padding:var(--space-lg);background:var(--bg-primary);position:relative;overflow:scroll;height:100vh}.upload-main[data-v-1f675af8]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.upload-header[data-v-1f675af8]{margin-bottom:var(--space-lg);padding:var(--space-lg)}.header-content[data-v-1f675af8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.header-content h1[data-v-1f675af8]{font-size:var(--text-2xl);margin:0;color:var(--brand-blue)}.upload-info[data-v-1f675af8]{display:flex;gap:var(--space-sm)}.progress-container[data-v-1f675af8]{margin-top:var(--space-md)}.progress-labels[data-v-1f675af8]{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary)}.upload-config-container[data-v-1f675af8]{margin-bottom:var(--space-lg);padding:var(--space-2xl)}.config-title[data-v-1f675af8]{font-size:var(--text-2xl);color:var(--brand-blue);margin-bottom:var(--space-xl);text-align:center;border-bottom:2px solid var(--border-light);padding-bottom:var(--space-md)}.config-section[data-v-1f675af8]{display:grid;gap:var(--space-xl)}.config-item[data-v-1f675af8]{margin-bottom:var(--space-lg)}.config-item label[data-v-1f675af8]{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--text-lg)}.url-display[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-medium)}.url-display code[data-v-1f675af8]{flex:1;font-family:Monaco,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.badge[data-v-1f675af8]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.badge-success[data-v-1f675af8]{background:var(--brand-green);color:#fff}.config-desc[data-v-1f675af8]{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.input-group[data-v-1f675af8]{display:flex;gap:var(--space-sm)}.form-input[data-v-1f675af8]{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.form-input[data-v-1f675af8]:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 2px #0074ff1a}.radio-group[data-v-1f675af8]{display:flex;flex-direction:column;gap:var(--space-md)}.radio-label[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.radio-input[data-v-1f675af8]{width:18px;height:18px;cursor:pointer}.radio-text[data-v-1f675af8]{font-size:var(--text-base);color:var(--text-primary)}.slider-container[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-lg)}.slider[data-v-1f675af8]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}.slider[data-v-1f675af8]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-blue);border-radius:50%;cursor:pointer}.slider[data-v-1f675af8]::-moz-range-thumb{width:20px;height:20px;background:var(--brand-blue);border-radius:50%;cursor:pointer;border:none}.slider-value[data-v-1f675af8]{min-width:30px;text-align:center;font-weight:var(--font-weight-medium);color:var(--brand-blue)}.upload-area-container[data-v-1f675af8]{margin-bottom:var(--space-lg);padding:var(--space-2xl)}.upload-area-title[data-v-1f675af8]{font-size:var(--text-2xl);color:var(--brand-blue);margin-bottom:var(--space-xl);text-align:center;border-bottom:2px solid var(--border-light);padding-bottom:var(--space-md)}.drop-zone[data-v-1f675af8]{border:3px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xl);background:var(--bg-secondary)}.drop-zone[data-v-1f675af8]:hover{border-color:var(--brand-blue);background:var(--bg-tertiary)}.drop-zone.drag-over[data-v-1f675af8]{border-color:var(--brand-blue);background:var(--brand-blue-light);transform:scale(1.02)}.drop-zone.has-files[data-v-1f675af8]{border-color:var(--brand-green);background:var(--brand-green-light)}.drop-zone-content[data-v-1f675af8]{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.upload-icon[data-v-1f675af8]{font-size:var(--text-5xl);margin-bottom:var(--space-md)}.drop-zone-title[data-v-1f675af8]{font-size:var(--text-xl);color:var(--text-primary);margin:0}.drop-zone-desc[data-v-1f675af8]{font-size:var(--text-base);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.file-input[data-v-1f675af8]{display:none}.btn-lg[data-v-1f675af8]{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.file-list-container[data-v-1f675af8]{margin-top:var(--space-xl)}.file-list-header[data-v-1f675af8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.file-list-header h3[data-v-1f675af8]{margin:0;color:var(--text-primary);font-size:var(--text-xl)}.file-list-actions[data-v-1f675af8]{display:flex;gap:var(--space-md)}.file-list[data-v-1f675af8]{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto;padding:var(--space-sm)}.file-item[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-fast)}.file-item[data-v-1f675af8]:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.file-item.uploading[data-v-1f675af8]{border-color:var(--brand-blue);background:var(--brand-blue-light)}.file-item.success[data-v-1f675af8]{border-color:var(--brand-green);background:var(--brand-green-light)}.file-item.error[data-v-1f675af8]{border-color:var(--brand-red);background:var(--brand-red-light)}.file-icon[data-v-1f675af8]{font-size:var(--text-2xl);flex-shrink:0}.file-info[data-v-1f675af8]{flex:1;min-width:0}.file-name[data-v-1f675af8]{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs);word-break:break-all}.file-details[data-v-1f675af8]{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary)}.upload-progress[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.progress-bar-sm[data-v-1f675af8]{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill-sm[data-v-1f675af8]{height:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-text[data-v-1f675af8]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--brand-blue);min-width:40px;text-align:right}.upload-result[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.upload-result.success[data-v-1f675af8]{color:var(--brand-green)}.upload-result.error[data-v-1f675af8]{color:var(--brand-red)}.result-icon[data-v-1f675af8]{font-size:var(--text-base)}.result-link[data-v-1f675af8]{color:var(--brand-blue);text-decoration:none;margin-left:var(--space-sm)}.result-link[data-v-1f675af8]:hover{text-decoration:underline}.btn-xs[data-v-1f675af8]{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.file-actions[data-v-1f675af8]{flex-shrink:0}.btn-icon[data-v-1f675af8]{padding:var(--space-xs);background:transparent;border:none;font-size:var(--text-lg);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.btn-icon[data-v-1f675af8]:hover{opacity:1}.btn-icon[data-v-1f675af8]:disabled{opacity:.3;cursor:not-allowed}.upload-stats[data-v-1f675af8]{display:flex;justify-content:space-around;margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.stat-item[data-v-1f675af8]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-label[data-v-1f675af8]{font-size:var(--text-sm);color:var(--text-secondary)}.stat-value[data-v-1f675af8]{font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.stat-value.success[data-v-1f675af8]{color:var(--brand-green)}.stat-value.error[data-v-1f675af8]{color:var(--brand-red)}.stat-value.info[data-v-1f675af8]{color:var(--brand-blue)}.upload-tips[data-v-1f675af8]{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.upload-tips h4[data-v-1f675af8]{margin-bottom:var(--space-md);color:var(--brand-blue)}.upload-tips ul[data-v-1f675af8]{margin-left:var(--space-xl);margin-top:var(--space-sm)}.upload-tips li[data-v-1f675af8]{margin-bottom:var(--space-xs);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.shortcut-hints[data-v-1f675af8]{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.hint-item[data-v-1f675af8]{display:flex;align-items:center;gap:var(--space-sm)}.hint-item kbd[data-v-1f675af8]{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-medium);font-family:Monaco,Consolas,monospace;font-size:var(--text-sm)}.breath-loader[data-v-1f675af8]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--brand-blue);animation:breath-1f675af8 2s infinite ease-in-out;z-index:1000;opacity:.3}@keyframes breath-1f675af8{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.1}}.blue-particle-bg[data-v-1f675af8]{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,116,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,116,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,116,255,.08) 0%,transparent 50%);z-index:0}.digital-grid-bg[data-v-1f675af8]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,116,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,116,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0}.card[data-v-1f675af8]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.page-curl[data-v-1f675af8]{position:relative;overflow:hidden}.page-curl[data-v-1f675af8]:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(0,116,255,.1) 50%);border-radius:0 0 0 12px}.glow-border[data-v-1f675af8]{position:relative}.glow-border[data-v-1f675af8]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0074ff,#00d4ff,#0074ff);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.glow-border[data-v-1f675af8]:hover:after{opacity:.3}.btn[data-v-1f675af8]{padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary[data-v-1f675af8]{background:linear-gradient(135deg,#0074ff,#00d4ff);color:#fff}.btn-primary[data-v-1f675af8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0074ff4d}.btn-outline[data-v-1f675af8]{background:transparent;border:1px solid #0074ff;color:#0074ff}.btn-outline[data-v-1f675af8]:hover{background:#0074ff1a}.btn-sm[data-v-1f675af8]{padding:6px 12px;font-size:13px}.tag[data-v-1f675af8]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-primary[data-v-1f675af8]{background:#0074ff1a;color:#0074ff}.tag-secondary[data-v-1f675af8]{background:#6c757d1a;color:#6c757d}.tag-success[data-v-1f675af8]{background:#28a7451a;color:#28a745}.progress-bar[data-v-1f675af8]{height:8px;background:#0074ff1a;border-radius:4px;overflow:hidden}.progress-fill[data-v-1f675af8]{height:100%;background:linear-gradient(90deg,#0074ff,#00d4ff);border-radius:4px;transition:width .3s ease}[data-v-1f675af8]:root{--brand-blue: #0074ff;--brand-blue-light: rgba(0, 116, 255, .1);--brand-green: #28a745;--brand-green-light: rgba(40, 167, 69, .1);--brand-red: #dc3545;--brand-red-light: rgba(220, 53, 69, .1);--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f5;--text-primary: #212529;--text-secondary: #6c757d;--border-light: #dee2e6;--border-medium: #ced4da;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-5xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-weight-medium: 500;--font-weight-bold: 700;--transition-fast: .2s ease;--transition-slow: .3s ease;--line-height-relaxed: 1.6}.left-panel[data-v-bc49788b]{width:240px;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:20px;min-height:0}.new-session-section[data-v-bc49788b]{margin-bottom:24px}.new-session-btn[data-v-bc49788b]{padding:12px 16px;background:#3b82f6;color:#fff;border-radius:8px;font-size:14px;font-weight:500;text-align:center;cursor:pointer}.session-list-section[data-v-bc49788b]{flex:1;display:flex;flex-direction:column;min-height:0}.section-title[data-v-bc49788b]{font-size:14px;font-weight:600;color:#6b7280;padding:8px 0;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.session-list[data-v-bc49788b]{flex:1;overflow-y:auto;min-height:0;height:100%}.session-item[data-v-bc49788b]{padding:12px;border-radius:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.session-item[data-v-bc49788b]:hover{background:#f3f4f6}.session-item.active[data-v-bc49788b]{background:#eff6ff;border-left:3px solid #3b82f6}.session-name[data-v-bc49788b]{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time[data-v-bc49788b]{font-size:12px;color:#9ca3af}.session-list[data-v-bc49788b]::-webkit-scrollbar{width:6px}.session-list[data-v-bc49788b]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.session-list[data-v-bc49788b]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.session-list[data-v-bc49788b]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.loading-more[data-v-bc49788b],.load-more-hint[data-v-bc49788b],.no-more-data[data-v-bc49788b]{text-align:center;padding:12px;font-size:12px;color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:8px}.loading-more[data-v-bc49788b]{color:#3b82f6}.no-more-data[data-v-bc49788b]{color:#9ca3af;font-style:italic}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(./KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(./KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(./KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(./KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(./KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(./KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(./KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(./KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(./KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(./KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(./KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(./KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(./KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(./KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(./KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(./KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(./KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(./KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(./KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(./KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(./KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(./KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(./KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(./KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(./KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(./KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(./KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(./KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(./KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(./KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(./KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(./KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(./KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(./KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(./KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(./KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(./KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(./KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(./KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(./KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(./KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(./KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(./KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(./KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(./KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(./KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(./KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(./KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(./KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(./KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(./KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(./KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(./KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(./KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(./KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(./KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(./KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(./KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(./KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.33"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.message-display-section[data-v-11418911]{flex:1;padding:20px;overflow-y:auto;background:#fff}.qa-list[data-v-11418911]{display:flex;flex-direction:column;gap:24px}.qa-pair[data-v-11418911]{display:flex;flex-direction:column;gap:12px}.user-question[data-v-11418911]{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.question-header[data-v-11418911]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-label[data-v-11418911]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:14px;font-weight:600}.question-time[data-v-11418911]{font-size:12px;color:#6b7280}.question-content[data-v-11418911]{font-size:14px;line-height:1.6;color:#1f2937;white-space:pre-wrap}.ai-answer[data-v-11418911]{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.answer-header[data-v-11418911]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.answer-label[data-v-11418911]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;font-size:14px;font-weight:600}.answer-time[data-v-11418911]{font-size:12px;color:#6b7280}.answer-content[data-v-11418911]{font-size:14px;line-height:1.6;color:#1f2937}.answer-content[data-v-11418911] *{margin-top:0;margin-bottom:.75em}.answer-content[data-v-11418911] *:last-child{margin-bottom:0}.answer-content[data-v-11418911] code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.answer-content[data-v-11418911] pre{background:#1f2937;color:#f3f4f6;padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0}.answer-content[data-v-11418911] pre code{background:transparent;padding:0;color:inherit}.answer-content[data-v-11418911] a{color:#3b82f6;text-decoration:none}.answer-content[data-v-11418911] a:hover{text-decoration:underline}.answer-content[data-v-11418911] ul,.answer-content[data-v-11418911] ol{padding-left:20px;margin:8px 0}.answer-content[data-v-11418911] li{margin-bottom:4px}.answer-content[data-v-11418911] blockquote{border-left:4px solid #e5e7eb;padding-left:16px;margin:12px 0;color:#6b7280}.answer-content[data-v-11418911] table{border-collapse:collapse;width:100%;margin:12px 0}.answer-content[data-v-11418911] th,.answer-content[data-v-11418911] td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.answer-content[data-v-11418911] th{background:#f9fafb;font-weight:600}.reasoning-section[data-v-11418911]{margin-bottom:16px;padding:12px 16px;background:#fefce8;border:1px solid #fef08a;border-radius:8px;border-left:4px solid #f59e0b}.reasoning-header[data-v-11418911]{display:flex;align-items:center;margin-bottom:8px}.reasoning-label[data-v-11418911]{font-size:12px;font-weight:600;color:#d97706;text-transform:uppercase;letter-spacing:.5px}.reasoning-content[data-v-11418911]{font-size:13px;line-height:1.5;color:#4b5563}.reasoning-content[data-v-11418911] *{margin-top:0;margin-bottom:.5em}.reasoning-content[data-v-11418911] *:last-child{margin-bottom:0}.reasoning-content[data-v-11418911] code{background:#e5e7eb;padding:1px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.reasoning-content[data-v-11418911] pre{background:#1f2937;color:#f3f4f6;padding:8px;border-radius:6px;overflow-x:auto;margin:8px 0}.reasoning-content[data-v-11418911] pre code{background:transparent;padding:0;color:inherit}.ai-answer.loading[data-v-11418911]{opacity:.8}.loading-content[data-v-11418911]{min-height:40px;display:flex;align-items:center;justify-content:center}.loading-dots[data-v-11418911]{display:flex;gap:4px}.loading-dots span[data-v-11418911]{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:loading-dots-11418911 1.4s ease-in-out infinite}.loading-dots span[data-v-11418911]:nth-child(2){animation-delay:.2s}.loading-dots span[data-v-11418911]:nth-child(3){animation-delay:.4s}@keyframes loading-dots-11418911{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-6px);opacity:1}}.message-display-section[data-v-11418911]::-webkit-scrollbar{width:6px}.message-display-section[data-v-11418911]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-display-section[data-v-11418911]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.message-display-section[data-v-11418911]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.image-answer[data-v-11418911]{margin-top:12px}.image-container-1[data-v-11418911]{display:flex;flex-direction:column;align-items:center;gap:12px}.generated-image[data-v-11418911]{max-width:100%;max-height:200px;border-radius:8px}.image-caption[data-v-11418911]{font-size:14px;color:#6b7280;text-align:center;font-style:italic;padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.image-loading-container[data-v-11418911]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.image-loading-box[data-v-11418911]{width:200px;height:200px;background:linear-gradient(135deg,#ff6b6b,#ffa726,#66bb6a,#42a5f5,#ab47bc);background-size:400% 400%;border-radius:12px;animation:colorful-gradient-11418911 3s ease infinite;box-shadow:0 4px 12px #0000001a}.image-loading-text[data-v-11418911]{font-size:14px;color:#6b7280;font-weight:500;text-align:center}@keyframes colorful-gradient-11418911{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.empty-state[data-v-11418911]{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:#5b5b5b;font-size:16px;text-align:center}.empty-state-content[data-v-11418911]{font-size:28px;font-weight:700;padding:24px;max-width:380px}.image-preview-overlay[data-v-11418911]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-11418911 .2s ease}.image-preview-container[data-v-11418911]{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:scaleIn-11418911 .3s ease}.image-preview-header[data-v-11418911]{position:absolute;top:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);color:#fff;display:flex;justify-content:space-between;align-items:center;z-index:1}.image-preview-title[data-v-11418911]{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.image-preview-size[data-v-11418911]{font-size:12px;opacity:.8;background:#fff3;padding:2px 8px;border-radius:10px}.image-preview-close[data-v-11418911]{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-preview-close[data-v-11418911]:hover{background:#ffffff4d}.image-preview-content[data-v-11418911]{display:flex;align-items:center;justify-content:center;padding:60px 40px 40px;max-width:100%;max-height:calc(90vh - 100px);overflow:auto}.image-preview-img[data-v-11418911]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.image-preview-footer[data-v-11418911]{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-align:center;font-size:14px;opacity:.9}@keyframes fadeIn-11418911{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-11418911{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.image-preview-container[data-v-11418911]{max-width:95vw;max-height:95vh}.image-preview-content[data-v-11418911]{padding:50px 20px 30px}.image-preview-header[data-v-11418911]{padding:12px 16px}.image-preview-footer[data-v-11418911]{padding:12px 16px;font-size:12px}}.image-preview-modal[data-v-11418911]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-11418911 .2s ease}.modal-content[data-v-11418911]{position:relative;background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}.close-button[data-v-11418911]{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease}.close-button[data-v-11418911]:hover{background:#000000b3}.full-preview-image[data-v-11418911]{max-width:100%;max-height:70vh;display:block;margin:0 auto}.image-info[data-v-11418911]{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb}.image-name[data-v-11418911]{font-weight:600;color:#111827;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-11418911]{font-size:12px;color:#6b7280;margin-bottom:8px}.input-container[data-v-17eaec29]{display:flex;gap:12px;align-items:flex-end;flex:1 0 auto}.input-field[data-v-17eaec29]{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#f9fafb;font-family:inherit;resize:none;min-height:44px;max-height:120px;overflow-y:auto;line-height:1.5}.input-field[data-v-17eaec29]:focus{outline:none;border-color:#3b82f6;background:#fff}.input-field[data-v-17eaec29]::placeholder{color:#9ca3af}.send-btn[data-v-17eaec29]{padding:12px 24px;background:#3b82f6;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,opacity .2s;height:44px;display:flex;align-items:center;justify-content:center;min-width:80px}.send-btn[data-v-17eaec29]:hover:not(:disabled){background:#2563eb}.send-btn[data-v-17eaec29]:active:not(:disabled){background:#1d4ed8}.send-btn[data-v-17eaec29]:disabled{opacity:.6;cursor:not-allowed}.send-btn.loading[data-v-17eaec29]{background:#9ca3af;cursor:wait}.loading-spinner[data-v-17eaec29]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-17eaec29 1s ease-in-out infinite}@keyframes spin-17eaec29{to{transform:rotate(360deg)}}.input-field[data-v-17eaec29]:disabled{opacity:.7;cursor:not-allowed;background:#f3f4f6}.image-box-container[data-v-8194c547]{display:flex;align-items:flex-end;position:relative}.aspect-ratio-box[data-v-8194c547]{width:48px;height:48px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.aspect-ratio-box[data-v-8194c547]:hover{border-color:#3b82f6;background:#f0f9ff}.aspect-ratio-box.uploading[data-v-8194c547]{cursor:not-allowed;opacity:.7}.box-content[data-v-8194c547]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.box-placeholder[data-v-8194c547]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f9fafb}.placeholder-icon-1[data-v-8194c547]{font-size:12px;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.placeholder-icon-1 svg[data-v-8194c547]{width:20px;height:20px;stroke:#6b7280}.box-image[data-v-8194c547]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0f2fe;position:relative}.uploading-indicator[data-v-8194c547]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.spinner[data-v-8194c547]{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin-8194c547 1s linear infinite}.uploading-text[data-v-8194c547]{font-size:8px;font-weight:500;color:#3b82f6}.image-preview-container[data-v-8194c547]{width:100%;height:100%;position:relative;overflow:hidden}.preview-image[data-v-8194c547]{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .2s ease}.preview-image[data-v-8194c547]:hover{transform:scale(1.05)}.image-overlay[data-v-8194c547]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);padding:2px 4px;display:flex;justify-content:center}.image-preview[data-v-8194c547]{font-size:10px;font-weight:500;padding:2px 4px;background:#fffc;border-radius:3px}.image-preview.success[data-v-8194c547]{color:#059669}.image-preview.error[data-v-8194c547]{color:#dc2626}.delete-button[data-v-8194c547]{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:5}.image-preview-container:hover .delete-button[data-v-8194c547]{opacity:1}.delete-button[data-v-8194c547]:hover{background:#dc2626e6}.image-preview-modal[data-v-8194c547]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-8194c547 .2s ease}.modal-content[data-v-8194c547]{position:relative;background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;animation:slideUp-8194c547 .3s ease}.close-button[data-v-8194c547]{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease}.close-button[data-v-8194c547]:hover{background:#000000b3}.full-preview-image[data-v-8194c547]{max-width:100%;max-height:70vh;display:block;margin:0 auto}.image-info[data-v-8194c547]{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb}.image-name[data-v-8194c547]{font-weight:600;color:#111827;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-8194c547]{font-size:12px;color:#6b7280;margin-bottom:8px}.view-original[data-v-8194c547]{display:inline-block;font-size:12px;color:#3b82f6;text-decoration:none;padding:4px 8px;border:1px solid #3b82f6;border-radius:4px;transition:all .2s ease}.view-original[data-v-8194c547]:hover{background:#3b82f6;color:#fff}@keyframes spin-8194c547{to{transform:rotate(360deg)}}@keyframes fadeIn-8194c547{0%{opacity:0}to{opacity:1}}@keyframes slideUp-8194c547{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.input-section[data-v-a72711fa]{border-top:1px solid #e5e7eb;background:#fff;padding:16px 20px}.button-row[data-v-a72711fa]{margin-bottom:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button-group[data-v-a72711fa]{display:flex;gap:16px;flex-wrap:wrap}.mode-btn.icon-btn[data-v-a72711fa]{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;background:transparent;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:1px solid #e5e7eb;font-size:13px;font-weight:500;color:#4b5563}.mode-btn.icon-btn[data-v-a72711fa]:hover{background:#f9fafb;border-color:#d1d5db}.mode-btn.icon-btn.active[data-v-a72711fa]{background:#f0f9ff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 1px 2px #3b82f61a}.mode-btn.icon-btn.active[data-v-a72711fa]:hover{background:#e0f2fe;border-color:#2563eb}.icon-wrapper[data-v-a72711fa]{display:flex;align-items:center;justify-content:center}.icon-wrapper svg[data-v-a72711fa]{width:16px;height:16px;stroke-width:2}.mode-btn.icon-btn.active .icon-wrapper svg[data-v-a72711fa]{stroke:#1d4ed8}.aspect-ratio-selector[data-v-a72711fa]{position:relative}.ratio-text[data-v-a72711fa]{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;min-width:60px;justify-content:center;height:32px;box-sizing:border-box}.ratio-text[data-v-a72711fa]:hover{background:#f9fafb;border-color:#9ca3af}.arrow-icon[data-v-a72711fa]{font-size:10px;color:#6b7280;transition:transform .2s ease}.ratio-text:hover .arrow-icon[data-v-a72711fa]{color:#4b5563}.ratio-dropdown[data-v-a72711fa]{position:absolute;left:0;bottom:40px;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:80px;overflow:hidden}.ratio-option[data-v-a72711fa]{padding:8px 12px;font-size:13px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;text-align:center;border-bottom:1px solid #f3f4f6}.ratio-option[data-v-a72711fa]:last-child{border-bottom:none}.ratio-option[data-v-a72711fa]:hover{background:#f9fafb;color:#1d4ed8}.ratio-option.active[data-v-a72711fa]{background:#f0f9ff;color:#1d4ed8}.input-area[data-v-a72711fa]{display:flex;gap:12px;align-items:flex-end}.ai-chat-container[data-v-f526cdd8]{position:fixed;bottom:20px;right:20px;z-index:1000}.ai-chat-floating-box[data-v-f526cdd8]{width:900px;height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb}.ai-chat-header[data-v-f526cdd8]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.ai-chat-title[data-v-f526cdd8]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.ai-chat-actions[data-v-f526cdd8]{display:flex;gap:8px}.minimize-btn[data-v-f526cdd8],.close-btn[data-v-f526cdd8]{width:24px;height:24px;background:#e5e7eb;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer}.ai-chat-main[data-v-f526cdd8]{display:flex;flex:1;overflow:hidden}.right-panel[data-v-f526cdd8]{flex:1;display:flex;flex-direction:column;overflow:hidden}.floating-chat-button-container[data-v-88b8e811]{position:fixed;bottom:25px;right:25px;z-index:1001;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.floating-chat-button[data-v-88b8e811]{background:linear-gradient(135deg,#1e3a8a,#4a6fff);border:none;border-radius:12px;padding:8px 16px;cursor:pointer;box-shadow:0 8px 30px #4a6fff66,0 4px 15px #4a6fff4d,inset 0 1px #fff3,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible;min-width:40px;min-height:40px}.floating-chat-button.button-pulse[data-v-88b8e811]{animation:techPulse-88b8e811 3s ease-in-out infinite}@keyframes techPulse-88b8e811{0%,to{box-shadow:0 10px 40px #4a6fff66,0 6px 20px #4a6fff4d,inset 0 1px #fff3,0 0 0 1px #ffffff1a;transform:scale(1)}50%{box-shadow:0 15px 50px #4a6fff99,0 8px 30px #4a6fff80,inset 0 1px #ffffff4d,0 0 0 2px #00d4ff4d;transform:scale(1.05)}}.floating-chat-button[data-v-88b8e811]:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 20px 60px #4a6fff99,0 12px 40px #4a6fff80,inset 0 1px #ffffff4d,0 0 0 2px #00d4ff80;background:linear-gradient(135deg,#4a6fff,#1e3a8a)}.floating-chat-button[data-v-88b8e811]:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.button-icon-wrapper[data-v-88b8e811]{display:flex;align-items:center;justify-content:center;gap:12px}.icon-circle[data-v-88b8e811]{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;animation:techFloat-88b8e811 4s ease-in-out infinite}@keyframes techFloat-88b8e811{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-4px) rotate(1deg)}66%{transform:translateY(2px) rotate(-1deg)}}.main-icon[data-v-88b8e811]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:24px;height:24px}.tech-glow[data-v-88b8e811]{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#00d4ffcc,#00d4ff00 70%);border-radius:20%;animation:techGlow-88b8e811 2s ease-in-out infinite;top:-4px;right:-4px}.tech-glow-2[data-v-88b8e811]{width:8px;height:8px;animation:techGlow-88b8e811 2.5s ease-in-out infinite .5s;bottom:-3px;left:-3px;top:auto;right:auto}@keyframes techGlow-88b8e811{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.button-label[data-v-88b8e811]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.label-text[data-v-88b8e811]{font-size:14px;font-weight:700;color:#00d4ff;font-family:Arial Rounded MT Bold,Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.label-subtext[data-v-88b8e811]{font-size:10px;font-weight:500;color:#a5b4fc;font-family:Arial,sans-serif;white-space:nowrap}.click-indicator[data-v-88b8e811]{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);display:flex;gap:3px}.indicator-dot[data-v-88b8e811]{width:4px;height:4px;background:#00d4ff;border-radius:20%;animation:techBounce-88b8e811 1.2s infinite;box-shadow:0 0 3px #00d4ff}.indicator-dot[data-v-88b8e811]:nth-child(2){animation-delay:.2s}.indicator-dot[data-v-88b8e811]:nth-child(3){animation-delay:.4s}@keyframes techBounce-88b8e811{0%,to{transform:translateY(0);opacity:.7;box-shadow:0 0 3px #00d4ff}50%{transform:translateY(-4px);opacity:1;box-shadow:0 0 6px #00d4ff}}.chat-bubble[data-v-88b8e811]{background:linear-gradient(135deg,#1e293b,#334155);padding:10px 16px;border-radius:10px;box-shadow:0 8px 25px #00d4ff4d;position:relative;animation:bubbleAppear-88b8e811 .5s ease-out,bubbleFloat-88b8e811 4s ease-in-out infinite;max-width:160px;border:1px solid rgba(0,212,255,.3)}.bubble-content[data-v-88b8e811]{display:flex;align-items:center;gap:8px}.bubble-text[data-v-88b8e811]{font-size:14px;font-weight:500;color:#e2e8f0;font-family:Arial,sans-serif}.bubble-emoji[data-v-88b8e811]{font-size:16px;animation:techWiggle-88b8e811 2s ease-in-out infinite}@keyframes techWiggle-88b8e811{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.bubble-tail[data-v-88b8e811]{position:absolute;bottom:-8px;right:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #1E293B;border-bottom:none}@keyframes bubbleAppear-88b8e811{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubbleFloat-88b8e811{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.floating-chat-button-container[data-v-88b8e811]{bottom:20px;right:20px}.floating-chat-button[data-v-88b8e811]{padding:6px 12px;min-width:30px;min-height:30px}.icon-circle[data-v-88b8e811]{width:20px;height:20px}.main-icon[data-v-88b8e811]{width:16px;height:16px}.label-text[data-v-88b8e811]{font-size:12px}.label-subtext[data-v-88b8e811]{font-size:9px}.chat-bubble[data-v-88b8e811]{padding:6px 10px;max-width:120px}.bubble-text[data-v-88b8e811]{font-size:11px}.bubble-emoji[data-v-88b8e811]{font-size:12px}}@media (max-width: 480px){.button-label[data-v-88b8e811]{display:none}.floating-chat-button[data-v-88b8e811]{padding:12px}.chat-bubble[data-v-88b8e811]{display:none}}@font-face{font-family:ot;src:url(//at.alicdn.com/t/c/font_5134086_w9fmgwpqhm.woff2?t=1773302696404) format("woff2"),url(//at.alicdn.com/t/c/font_5134086_w9fmgwpqhm.woff?t=1773302696404) format("woff"),url(//at.alicdn.com/t/c/font_5134086_w9fmgwpqhm.ttf?t=1773302696404) format("truetype"),url(//at.alicdn.com/t/c/font_5134086_w9fmgwpqhm.svg?t=1773302696404#ot) format("svg")}.ot{font-family:ot!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-yijianfankui1:before{content:""}.icon-home:before{content:""}.icon-guanyu:before{content:""}.icon-_xuesheng:before{content:""}.icon-course:before{content:""}.icon-wuguan:before{content:""}.icon-jindu:before{content:""}.icon-xuexiao_xuesheng:before{content:""}.icon-yijianfankui:before{content:""}.icon-zaixianxuexi:before{content:""}.icon-kecheng:before{content:""}.icon-saishi:before{content:""}.icon-phone:before{content:""}.icon-emial2:before{content:""}.icon-customer-service:before{content:""}.icon-wechat:before{content:""}.icon-taolun:before{content:""}.icon-shizhong:before{content:""}.icon-xingzhuang:before{content:""}.icon-shalou:before{content:""}.icon-zongkechengshu:before{content:""}.icon-hot:before{content:""}.icon-zhengque:before{content:""}