@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--pink-light: #FFE4EC;--pink-main: #FFB6C1;--pink-dark: #FF69B4;--blue-light: #E0F4FF;--blue-main: #87CEEB;--blue-accent: #7CB9E8;--mint: #98FB98;--peach: #FFDAB9;--lavender: #E6E6FA;--cream: #FFFAF0;--yellow-soft: #FFF9C4;--chalkboard: #3D5A45;--chalkboard-light: #5A7D65;--wood: #DEB887;--wood-dark: #A0522D;--text-dark: #4A4A4A;--text-light: #FFFFFF;--text-pink: #D4678C;--pixel-border: 3px solid #5A4A6A;--pixel-shadow: 3px 3px 0px rgba(90, 74, 106, .4);--font-pixel: "Press Start 2P", cursive;--font-main: "Noto Sans TC", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-main);background:linear-gradient(180deg,var(--pink-light) 0%,var(--blue-light) 50%,var(--lavender) 100%);color:var(--text-dark);height:100vh;overflow:hidden}#app{width:100%;min-height:100vh}.pixel-btn{font-family:var(--font-main);font-size:14px;font-weight:500;padding:var(--space-sm) var(--space-md);border:var(--pixel-border);border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative;background:linear-gradient(180deg,var(--pink-main) 0%,var(--pink-dark) 100%);color:var(--text-light);box-shadow:var(--pixel-shadow)}.pixel-btn:before{content:"";position:absolute;inset:2px 50% 50% 2px;background:#ffffff4d;border-radius:4px 0 0}.pixel-btn:active{transform:translate(2px,2px);box-shadow:none}.pixel-btn--secondary{background:linear-gradient(180deg,var(--blue-main) 0%,var(--blue-accent) 100%)}.pixel-btn--small{font-size:12px;padding:var(--space-xs) var(--space-sm)}.pixel-btn:disabled{opacity:.5;cursor:not-allowed}.bubble{background:var(--cream);border:var(--pixel-border);border-radius:16px;padding:var(--space-md);position:relative;box-shadow:var(--pixel-shadow)}.bubble:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--cream)}.bubble:before{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #5A4A6A}.blackboard{background:linear-gradient(135deg,var(--chalkboard) 0%,var(--chalkboard-light) 100%);border:8px solid var(--wood);border-radius:12px;padding:var(--space-lg);color:var(--text-light);position:relative;box-shadow:inset 0 0 20px #0000004d,var(--pixel-shadow)}.blackboard:before{content:"";position:absolute;bottom:-16px;left:10%;right:10%;height:8px;background:var(--wood-dark);border-radius:0 0 4px 4px}.lesson-card{background:var(--cream);border:var(--pixel-border);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm)}.lesson-card:active{transform:scale(.98)}.lesson-card.active{background:linear-gradient(135deg,var(--pink-light) 0%,var(--blue-light) 100%);border-color:var(--pink-dark)}.lesson-card.completed{background:linear-gradient(135deg,var(--mint) 0%,var(--blue-light) 100%)}.lesson-card .icon{font-size:20px}.lesson-card .title{font-size:14px;font-weight:500}.code-block{background:#2d2d2d;border:2px solid #444;border-radius:8px;padding:var(--space-md);margin:var(--space-md) 0;overflow-x:auto;font-size:12px}.code-block pre{font-family:Courier New,monospace;line-height:1.5;color:#e0e0e0;margin:0;white-space:pre-wrap;word-break:break-all}.code-block .tag{color:#569cd6}.code-block .attribute{color:#9cdcfe}.code-block .string{color:#ce9178}.code-block .comment{color:#6a9955}.code-block .keyword{color:#569cd6}.code-block .function{color:#dcdcaa}.code-block .number{color:#b5cea8}.code-block .variable{color:#9cdcfe}.code-block .selector{color:#d7ba7d}.code-block .property{color:#9cdcfe}.code-block .value{color:#ce9178}.code-block .object{color:#4fc1ff}.sparkles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.sparkle{position:absolute;font-size:12px;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bounce{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tip-box{background:linear-gradient(135deg,var(--yellow-soft) 0%,var(--peach) 100%);border:2px solid #E6B800;border-radius:8px;padding:var(--space-md);margin:var(--space-md) 0;font-size:13px;color:#5d4e00}.tip-box:before{content:"💡 "}.quiz-box{background:linear-gradient(135deg,var(--lavender) 0%,var(--pink-light) 100%);border:var(--pixel-border);border-radius:12px;padding:var(--space-lg);margin:var(--space-lg) 0;text-align:center}.quiz-btn{display:block;width:100%;padding:var(--space-md);margin-top:var(--space-md);background:linear-gradient(180deg,var(--mint) 0%,#66BB6A 100%);border:var(--pixel-border);border-radius:8px;color:var(--text-dark);font-family:var(--font-main);font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--pixel-shadow)}.quiz-btn:active{transform:translate(2px,2px);box-shadow:none}.success-msg{background:linear-gradient(135deg,var(--mint) 0%,var(--blue-light) 100%);border:2px solid #4CAF50;border-radius:12px;padding:var(--space-lg);text-align:center;font-size:16px;color:#2e7d32;animation:celebrate .5s ease}@keyframes celebrate{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--pink-light)}::-webkit-scrollbar-thumb{background:var(--pink-main);border-radius:3px}.teacher[data-v-11e1b6b3]{flex-shrink:0}.teacher-wrapper[data-v-11e1b6b3]{position:relative;width:160px;height:160px;display:flex;justify-content:center;align-items:center}.teacher-img.static[data-v-11e1b6b3]{width:200px;height:200px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));animation:float-11e1b6b3 3s ease-in-out infinite}.teacher-sprite[data-v-11e1b6b3]{width:100%;height:100%;background-repeat:no-repeat;background-size:1274px 1092px;animation:sprite-play-11e1b6b3 5s steps(6) infinite}.sprite--celebrate[data-v-11e1b6b3]{background-image:url(/images/cinnamoroll_spritesheet.png);background-position-y:-480px;animation:sprite-play-11e1b6b3 1.5s steps(6) infinite}@keyframes sprite-play-11e1b6b3{0%{background-position-x:0px}to{background-position-x:-1108px}}@keyframes float-11e1b6b3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.effects[data-v-11e1b6b3]{position:absolute;inset:0;pointer-events:none}.effect[data-v-11e1b6b3]{position:absolute;font-size:16px;animation:confetti-11e1b6b3 1s ease-out infinite}.effect[data-v-11e1b6b3]:nth-child(1){left:0;animation-delay:0s}.effect[data-v-11e1b6b3]:nth-child(2){left:40%;animation-delay:.2s}.effect[data-v-11e1b6b3]:nth-child(3){right:0;animation-delay:.4s}@keyframes confetti-11e1b6b3{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-40px) rotate(180deg);opacity:0}}.nav[data-v-3e9b7f57]{display:flex;flex-direction:column;gap:var(--space-sm)}.section-header[data-v-3e9b7f57]{font-size:14px;font-weight:700;color:var(--pink-dark);margin-top:15px;margin-bottom:5px;padding-left:5px;border-left:4px solid var(--pink-main);line-height:1.2}.section-header[data-v-3e9b7f57]:first-child{margin-top:5px}.lesson-card[data-v-3e9b7f57]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--cream);border:3px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.lesson-card[data-v-3e9b7f57]:active{transform:scale(.98)}.lesson-card.active[data-v-3e9b7f57]{background:linear-gradient(135deg,var(--pink-light) 0%,var(--blue-light) 100%);border-color:var(--pink-dark)}.lesson-card.completed[data-v-3e9b7f57]{background:linear-gradient(135deg,var(--mint) 0%,var(--blue-light) 100%);border-color:#4caf50}.icon[data-v-3e9b7f57]{font-size:28px}.info[data-v-3e9b7f57]{display:flex;flex-direction:column;gap:2px}.title[data-v-3e9b7f57]{font-size:15px;font-weight:600;color:var(--text-dark)}.subtitle[data-v-3e9b7f57]{font-size:11px;color:#888}.status[data-v-3e9b7f57]{font-size:11px;color:#4caf50;font-weight:500}.lesson[data-v-fd6c57b9]{color:var(--text-light)}.step[data-v-fd6c57b9]{animation:fadeIn-fd6c57b9 .3s ease}@keyframes fadeIn-fd6c57b9{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-fd6c57b9]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-fd6c57b9]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.illustration[data-v-fd6c57b9]{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);font-size:28px;padding:var(--space-lg) 0}.wave[data-v-fd6c57b9]{color:var(--blue-main);animation:pulse-fd6c57b9 1.5s infinite}@keyframes pulse-fd6c57b9{0%,to{opacity:.5}50%{opacity:1}}.cards[data-v-fd6c57b9]{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.mini-card[data-v-fd6c57b9]{background:#ffffff1a;border-radius:12px;padding:var(--space-md);text-align:center;width:100px}.mini-card .emoji[data-v-fd6c57b9]{font-size:28px}.mini-card .name[data-v-fd6c57b9]{font-size:13px;font-weight:600;margin-top:4px}.mini-card .desc[data-v-fd6c57b9]{font-size:10px;opacity:.7}.arrow[data-v-fd6c57b9]{font-size:20px;color:var(--peach);animation:bounce-fd6c57b9 .8s infinite alternate}@keyframes bounce-fd6c57b9{0%{transform:translate(-4px)}to{transform:translate(4px)}}.flow[data-v-fd6c57b9]{display:flex;flex-direction:column;gap:var(--space-sm)}.flow-item[data-v-fd6c57b9]{display:flex;align-items:center;gap:var(--space-md);background:#ffffff14;padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:13px}.flow-item span[data-v-fd6c57b9]{width:22px;height:22px;background:var(--pink-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-dark)}.trio[data-v-fd6c57b9]{display:flex;flex-direction:column;gap:var(--space-sm)}.trio-item[data-v-fd6c57b9]{padding:var(--space-md);border-radius:10px;font-size:14px;font-weight:500}.trio-item .sub[data-v-fd6c57b9]{font-size:11px;opacity:.8;margin-top:2px}.trio-item.html[data-v-fd6c57b9]{background:#e34c2633;border-left:4px solid #E34C26}.trio-item.css[data-v-fd6c57b9]{background:#264de433;border-left:4px solid #264DE4}.trio-item.js[data-v-fd6c57b9]{background:#f7df1e33;border-left:4px solid #F7DF1E}.quiz-box[data-v-fd6c57b9]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-fd6c57b9]{font-size:15px;font-weight:600;margin-bottom:var(--space-lg);color:#ffe5b4}.options[data-v-fd6c57b9]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-fd6c57b9]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-fd6c57b9]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-fd6c57b9]:disabled{cursor:not-allowed}.option.correct[data-v-fd6c57b9]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-fd6c57b9]{background:#f443364d;border-color:#f44336}.result[data-v-fd6c57b9]{margin-top:var(--space-lg)}.success-msg[data-v-fd6c57b9]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-fd6c57b9]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-fd6c57b9]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-165703e1]{color:var(--text-light)}.step[data-v-165703e1]{animation:fadeIn-165703e1 .3s ease}@keyframes fadeIn-165703e1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-165703e1]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-165703e1]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-165703e1]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#ffe5b4}.tag-list[data-v-165703e1]{display:flex;flex-direction:column;gap:var(--space-xs)}.tag-row[data-v-165703e1]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:#ffffff14;border-radius:8px;font-size:13px}.tag-row code[data-v-165703e1]{min-width:100px;background:#e34c264d;color:#f96}.quiz-box[data-v-165703e1]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-165703e1]{font-size:15px;font-weight:600;margin-bottom:var(--space-lg);color:#ffe5b4}.options[data-v-165703e1]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-165703e1]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-165703e1]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-165703e1]:disabled{cursor:not-allowed}.option.correct[data-v-165703e1]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-165703e1]{background:#f443364d;border-color:#f44336}.result[data-v-165703e1]{margin-top:var(--space-lg)}.success-msg[data-v-165703e1]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-165703e1]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-165703e1]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-0f9f6913]{color:var(--text-light)}.step[data-v-0f9f6913]{animation:fadeIn-0f9f6913 .3s ease}@keyframes fadeIn-0f9f6913{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-0f9f6913]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-0f9f6913]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-0f9f6913]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#87ceeb;font-size:12px;margin-right:4px}.demo[data-v-0f9f6913]{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-lg) 0}.demo-item[data-v-0f9f6913]{text-align:center}.label[data-v-0f9f6913]{font-size:11px;opacity:.7;margin-bottom:var(--space-xs)}.plain[data-v-0f9f6913]{padding:var(--space-sm);background:#fff;color:#000;font-family:serif}.styled[data-v-0f9f6913]{padding:var(--space-md);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:700;box-shadow:0 4px 12px #0000004d}.selector-list[data-v-0f9f6913]{display:flex;flex-direction:column;gap:var(--space-sm)}.sel-row[data-v-0f9f6913]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:#ffffff14;border-radius:8px;font-size:13px}.sel-row code[data-v-0f9f6913]{min-width:60px;background:#264de44d;color:#87ceeb}.props[data-v-0f9f6913]{display:flex;flex-direction:column;gap:var(--space-sm)}.prop-group[data-v-0f9f6913]{padding:var(--space-sm);background:#ffffff0d;border-radius:8px}.prop-group .title[data-v-0f9f6913]{font-size:12px;margin-bottom:var(--space-xs);color:#ffe5b4}.quiz-box[data-v-0f9f6913]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-0f9f6913]{font-size:15px;font-weight:600;margin-bottom:var(--space-lg);color:#ffe5b4}.options[data-v-0f9f6913]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-0f9f6913]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-0f9f6913]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-0f9f6913]:disabled{cursor:not-allowed}.option.correct[data-v-0f9f6913]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-0f9f6913]{background:#f443364d;border-color:#f44336}.result[data-v-0f9f6913]{margin-top:var(--space-lg)}.success-msg[data-v-0f9f6913]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-0f9f6913]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.playground-box[data-v-0f9f6913]{background:#ffffff0d;border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-md)}.controls[data-v-0f9f6913]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.control-group[data-v-0f9f6913]{display:flex;flex-direction:column;gap:5px}.control-group label[data-v-0f9f6913]{font-size:12px;color:#ccc}.preview-area[data-v-0f9f6913]{height:120px;background:#0003;border-radius:8px;padding:10px;border:1px dashed rgba(255,255,255,.2);overflow:hidden}.demo-btn[data-v-0f9f6913]{background:linear-gradient(135deg,var(--pink-main),var(--purple-main));color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .1s}.code-preview[data-v-0f9f6913]{background:#0000004d;padding:15px;border-radius:8px;font-family:monospace;font-size:13px;color:#ddd}.code-preview .value[data-v-0f9f6913]{color:var(--pink-light);font-weight:700}.retry-btn[data-v-0f9f6913]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-cf6fe2eb]{color:var(--text-light)}.step[data-v-cf6fe2eb]{animation:fadeIn-cf6fe2eb .3s ease}@keyframes fadeIn-cf6fe2eb{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-cf6fe2eb]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-cf6fe2eb]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-cf6fe2eb]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.code-block[data-v-cf6fe2eb]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.features[data-v-cf6fe2eb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.feat[data-v-cf6fe2eb]{background:#ffffff14;padding:var(--space-sm);border-radius:8px;font-size:13px;text-align:center}.type-list[data-v-cf6fe2eb]{display:flex;flex-direction:column;gap:var(--space-xs)}.type-row[data-v-cf6fe2eb]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:#ffffff14;border-radius:8px;font-size:13px}.type-row code[data-v-cf6fe2eb]{min-width:70px}.quiz-box[data-v-cf6fe2eb]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-cf6fe2eb]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-cf6fe2eb]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-cf6fe2eb]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-cf6fe2eb]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-cf6fe2eb]:disabled{cursor:not-allowed}.option.correct[data-v-cf6fe2eb]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-cf6fe2eb]{background:#f443364d;border-color:#f44336}.result[data-v-cf6fe2eb]{margin-top:var(--space-lg)}.success-msg[data-v-cf6fe2eb]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-cf6fe2eb]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-cf6fe2eb]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-1b0507a2]{color:var(--text-light)}.step[data-v-1b0507a2]{animation:fadeIn-1b0507a2 .3s ease}@keyframes fadeIn-1b0507a2{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-1b0507a2]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-1b0507a2]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-1b0507a2]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.code-label[data-v-1b0507a2]{font-size:12px;color:var(--pink-light);margin-bottom:8px;font-weight:600}code[data-v-1b0507a2]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.type-list[data-v-1b0507a2]{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:20px}.type-row[data-v-1b0507a2]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:#ffffff14;border-radius:8px;font-size:13px}.type-row code[data-v-1b0507a2]{min-width:60px;color:#f7df1e}.visualization[data-v-1b0507a2]{display:flex;justify-content:center;margin:20px 0}.array-box[data-v-1b0507a2]{display:flex;gap:4px;background:#ffffff1a;padding:10px;border-radius:8px}.array-item[data-v-1b0507a2]{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--blue-dark);padding:8px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.idx[data-v-1b0507a2]{font-size:10px;color:var(--text-gray)}.val[data-v-1b0507a2]{font-size:12px;font-weight:700}.quiz-box[data-v-1b0507a2]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-1b0507a2]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-1b0507a2]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-1b0507a2]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-1b0507a2]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-1b0507a2]:disabled{cursor:not-allowed}.option.correct[data-v-1b0507a2]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-1b0507a2]{background:#f443364d;border-color:#f44336}.result[data-v-1b0507a2]{margin-top:var(--space-lg)}.success-msg[data-v-1b0507a2]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-1b0507a2]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-1b0507a2]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-4c7e1fe5]{color:var(--text-light)}.step[data-v-4c7e1fe5]{animation:fadeIn-4c7e1fe5 .3s ease}@keyframes fadeIn-4c7e1fe5{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-4c7e1fe5]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-4c7e1fe5]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-4c7e1fe5]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.traffic-light[data-v-4c7e1fe5]{background:#2c3e50;width:60px;padding:10px;border-radius:15px;display:flex;flex-direction:column;gap:10px;margin:0 auto 20px}.light[data-v-4c7e1fe5]{width:40px;height:40px;border-radius:50%;background:#ffffff1a;transition:all .3s}.light.red[data-v-4c7e1fe5]{background:#f44;box-shadow:0 0 15px #f44}.operator-list[data-v-4c7e1fe5]{display:flex;flex-direction:column;gap:8px}.op-row[data-v-4c7e1fe5]{display:flex;gap:15px;background:#ffffff14;padding:8px 12px;border-radius:8px;font-size:13px}.op-row code[data-v-4c7e1fe5]{min-width:40px;text-align:center}.interactive-box[data-v-4c7e1fe5]{background:#ffffff0d;border-radius:10px;padding:15px}.interactive-box input[data-v-4c7e1fe5]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px;border-radius:5px;width:60px;margin-left:10px}.code-result[data-v-4c7e1fe5]{margin-top:15px;background:#0000004d;padding:10px;border-radius:8px}.output[data-v-4c7e1fe5]{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.2);color:#81c784;font-weight:700}.quiz-box[data-v-4c7e1fe5]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-4c7e1fe5]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.code-snippet[data-v-4c7e1fe5]{background:#0000004d;padding:10px;border-radius:6px;margin-bottom:15px}.options[data-v-4c7e1fe5]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-4c7e1fe5]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-4c7e1fe5]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-4c7e1fe5]:disabled{cursor:not-allowed}.option.correct[data-v-4c7e1fe5]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-4c7e1fe5]{background:#f443364d;border-color:#f44336}.result[data-v-4c7e1fe5]{margin-top:var(--space-lg)}.success-msg[data-v-4c7e1fe5]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-4c7e1fe5]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.desc[data-v-4c7e1fe5]{font-size:11px;color:#aaa;margin-left:auto}.grid-box[data-v-4c7e1fe5]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.grid-item[data-v-4c7e1fe5]{background:#ffffff1a;padding:10px;border-radius:8px;text-align:center;font-size:13px}.retry-btn[data-v-4c7e1fe5]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-5e78cd57]{color:var(--text-light)}.step[data-v-5e78cd57]{animation:fadeIn-5e78cd57 .3s ease}@keyframes fadeIn-5e78cd57{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-5e78cd57]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-5e78cd57]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-5e78cd57]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.code-block[data-v-5e78cd57]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.demo-animation[data-v-5e78cd57]{text-align:center;padding:20px}.spin-item[data-v-5e78cd57]{display:inline-block;font-size:20px;animation:spin-5e78cd57 2s linear infinite}@keyframes spin-5e78cd57{to{transform:rotate(360deg)}}.interactive-box[data-v-5e78cd57]{background:#ffffff0d;border-radius:10px;padding:15px}.star-output[data-v-5e78cd57]{margin:15px 0;min-height:40px;display:flex;flex-wrap:wrap;gap:5px}.star[data-v-5e78cd57]{animation:popIn-5e78cd57 .3s cubic-bezier(.175,.885,.32,1.275) both;font-size:20px}@keyframes popIn-5e78cd57{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.code-snippet-small[data-v-5e78cd57]{font-size:12px;opacity:.8;background:#0003;padding:8px;border-radius:6px}.quiz-box[data-v-5e78cd57]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-5e78cd57]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-5e78cd57]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-5e78cd57]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-5e78cd57]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-5e78cd57]:disabled{cursor:not-allowed}.option.correct[data-v-5e78cd57]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-5e78cd57]{background:#f443364d;border-color:#f44336}.result[data-v-5e78cd57]{margin-top:var(--space-lg)}.success-msg[data-v-5e78cd57]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-5e78cd57]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-5e78cd57]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-ebcf4dc6]{color:var(--text-light)}.step[data-v-ebcf4dc6]{animation:fadeIn-ebcf4dc6 .3s ease}@keyframes fadeIn-ebcf4dc6{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-ebcf4dc6]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-ebcf4dc6]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-ebcf4dc6]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.code-block[data-v-ebcf4dc6]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.code-snippet-small[data-v-ebcf4dc6]{font-size:12px;opacity:.8;background:#0003;padding:8px;border-radius:6px;margin-bottom:10px;font-family:monospace}.quiz-box[data-v-ebcf4dc6]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-ebcf4dc6]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-ebcf4dc6]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-ebcf4dc6]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-ebcf4dc6]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-ebcf4dc6]:disabled{cursor:not-allowed}.option.correct[data-v-ebcf4dc6]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-ebcf4dc6]{background:#f443364d;border-color:#f44336}.result[data-v-ebcf4dc6]{margin-top:var(--space-lg)}.success-msg[data-v-ebcf4dc6]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-ebcf4dc6]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-ebcf4dc6]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-d83931d7]{color:var(--text-light)}.step[data-v-d83931d7]{animation:fadeIn-d83931d7 .3s ease}@keyframes fadeIn-d83931d7{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-d83931d7]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-d83931d7]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-d83931d7]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#87ceeb;font-size:12px;margin-right:4px}.tree[data-v-d83931d7]{background:#ffffff14;padding:var(--space-md);border-radius:10px;margin:var(--space-md) 0}.node[data-v-d83931d7]{display:inline-block;padding:4px 10px;background:var(--blue-accent);color:var(--text-dark);border-radius:6px;font-size:12px;margin:4px 0}.node.root[data-v-d83931d7]{background:var(--peach)}.branch[data-v-d83931d7]{margin-left:var(--space-lg);border-left:2px dashed rgba(255,255,255,.3);padding-left:var(--space-md)}.events[data-v-d83931d7]{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.events code[data-v-d83931d7]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.quiz-box[data-v-d83931d7]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-d83931d7]{font-size:15px;font-weight:600;margin-bottom:var(--space-lg);color:#ffe5b4}.options[data-v-d83931d7]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-d83931d7]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-d83931d7]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-d83931d7]:disabled{cursor:not-allowed}.option.correct[data-v-d83931d7]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-d83931d7]{background:#f443364d;border-color:#f44336}.result[data-v-d83931d7]{margin-top:var(--space-lg)}.success-msg[data-v-d83931d7]{background:linear-gradient(135deg,#4caf504d,#667eea4d);border:2px solid #4CAF50;border-radius:10px;padding:var(--space-lg);text-align:center;color:#81c784;font-size:15px;animation:celebrate-d83931d7 .5s ease}@keyframes celebrate-d83931d7{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.error-msg[data-v-d83931d7]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-d83931d7]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-f27d186d]{color:var(--text-light)}.step[data-v-f27d186d]{animation:fadeIn-f27d186d .3s ease}@keyframes fadeIn-f27d186d{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-f27d186d]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-f27d186d]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-f27d186d]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.code-label[data-v-f27d186d]{font-size:12px;color:var(--pink-light);margin-bottom:8px;font-weight:600}code[data-v-f27d186d]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.arrow-down[data-v-f27d186d]{text-align:center;color:var(--text-gray);margin:10px 0;font-size:12px}.demo-box[data-v-f27d186d]{background:#ffffff1a;padding:20px;border-radius:12px;border:1px dashed rgba(255,255,255,.3)}.demo-form[data-v-f27d186d]{display:flex;flex-direction:column;gap:15px}.form-group[data-v-f27d186d]{display:flex;flex-direction:column;gap:5px}.form-group label[data-v-f27d186d]{font-size:12px;color:#ccc}.form-group input[data-v-f27d186d]{padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:#fff;font-size:14px}.form-group input[data-v-f27d186d]:focus{outline:none;border-color:var(--pink-main)}.submit-btn[data-v-f27d186d]{padding:10px;background:var(--blue-accent);color:var(--text-dark);border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:transform .1s}.submit-btn[data-v-f27d186d]:active{transform:scale(.98)}.result-preview[data-v-f27d186d]{margin-top:20px;background:#0006;padding:15px;border-radius:8px;animation:slideDown-f27d186d .3s ease}@keyframes slideDown-f27d186d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-preview h4[data-v-f27d186d]{font-size:12px;color:#81c784;margin-bottom:5px}.result-preview pre[data-v-f27d186d]{font-family:monospace;font-size:12px;color:#e0e0e0;white-space:pre-wrap}.quiz-box[data-v-f27d186d]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-f27d186d]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-f27d186d]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-f27d186d]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-f27d186d]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-f27d186d]:disabled{cursor:not-allowed}.option.correct[data-v-f27d186d]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-f27d186d]{background:#f443364d;border-color:#f44336}.result[data-v-f27d186d]{margin-top:var(--space-lg)}.success-msg[data-v-f27d186d]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-f27d186d]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-f27d186d]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-44ab54b3]{color:var(--text-light)}.step[data-v-44ab54b3]{animation:fadeIn-44ab54b3 .3s ease}@keyframes fadeIn-44ab54b3{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-44ab54b3]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-44ab54b3]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-44ab54b3]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.code-block[data-v-44ab54b3]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.event-grid[data-v-44ab54b3]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.event-card[data-v-44ab54b3]{background:#ffffff1a;padding:15px;border-radius:10px;text-align:center;transition:transform .2s}.event-card[data-v-44ab54b3]:hover{transform:translateY(-3px);background:#ffffff26}.event-card .icon[data-v-44ab54b3]{font-size:24px;margin-bottom:5px}.event-card .name[data-v-44ab54b3]{color:#ffe5b4;font-weight:700;margin-bottom:5px}.event-card .desc[data-v-44ab54b3]{font-size:12px;opacity:.8}.demo-box[data-v-44ab54b3]{background:#ffffff0d;padding:20px;border-radius:12px;text-align:center;margin-bottom:20px;cursor:pointer}.hover-text[data-v-44ab54b3]{font-size:18px;font-weight:700;transition:color .3s}.bubble-demo[data-v-44ab54b3]{margin-top:20px;margin-bottom:20px}.grandparent[data-v-44ab54b3]{background:#e91e63;padding:20px;border-radius:10px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.grandparent.highlight[data-v-44ab54b3]{background:#ff4081;box-shadow:0 0 15px #ff4081}.parent[data-v-44ab54b3]{background:#9c27b0;padding:20px;margin-top:10px;border-radius:8px;cursor:pointer}.child[data-v-44ab54b3]{margin-top:10px;text-align:center}.child-btn[data-v-44ab54b3]{background:#2196f3;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700}.child-btn[data-v-44ab54b3]:active{transform:scale(.95)}.log-box[data-v-44ab54b3]{margin-top:15px;background:#0000004d;padding:10px;border-radius:8px;min-height:80px;font-size:13px;font-family:monospace}.log-item[data-v-44ab54b3]{margin-bottom:4px;animation:slideIn-44ab54b3 .2s}.log-placeholder[data-v-44ab54b3]{color:#ffffff4d;text-align:center;padding-top:20px}@keyframes slideIn-44ab54b3{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.quiz-box[data-v-44ab54b3]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-44ab54b3]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-44ab54b3]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-44ab54b3]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-44ab54b3]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-44ab54b3]:disabled{cursor:not-allowed}.option.correct[data-v-44ab54b3]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-44ab54b3]{background:#f443364d;border-color:#f44336}.result[data-v-44ab54b3]{margin-top:var(--space-lg)}.success-msg[data-v-44ab54b3]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-44ab54b3]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-44ab54b3]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-8064c280]{color:var(--text-light)}.step[data-v-8064c280]{animation:fadeIn-8064c280 .3s ease}@keyframes fadeIn-8064c280{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-8064c280]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-8064c280]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-8064c280]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-8064c280]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.method-list[data-v-8064c280]{display:flex;flex-direction:column;gap:10px}.method-row[data-v-8064c280]{background:#ffffff1a;padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px}.method-row code[data-v-8064c280]{color:#81c784}.dice-container[data-v-8064c280]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.dice[data-v-8064c280]{width:80px;height:80px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--text-dark);box-shadow:0 4px #ccc;cursor:pointer;transition:transform .1s}.dice[data-v-8064c280]:active{transform:translateY(4px);box-shadow:none}.dice.rolling[data-v-8064c280]{animation:shake-8064c280 .5s infinite}@keyframes shake-8064c280{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.quiz-box[data-v-8064c280]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-8064c280]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-8064c280]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-8064c280]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.option[data-v-8064c280]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option[data-v-8064c280]:disabled{cursor:not-allowed}.option.correct[data-v-8064c280]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-8064c280]{background:#f443364d;border-color:#f44336}.result[data-v-8064c280]{margin-top:var(--space-lg)}.success-msg[data-v-8064c280]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-8064c280]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-8064c280]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--pink-main);border:none;border-radius:8px;color:var(--text-light);cursor:pointer}.lesson[data-v-e02cf07a]{color:var(--text-light)}.step[data-v-e02cf07a]{animation:fadeIn-e02cf07a .3s ease}@keyframes fadeIn-e02cf07a{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-e02cf07a]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-e02cf07a]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}code[data-v-e02cf07a]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.code-block[data-v-e02cf07a]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.tools[data-v-e02cf07a]{background:#ffffff0d;padding:15px;border-radius:10px;margin-bottom:15px;display:flex;flex-direction:column;gap:10px}.tool-group[data-v-e02cf07a]{display:flex;align-items:center;gap:10px;font-size:13px}.tool-group button[data-v-e02cf07a]{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer}.tool-group button.active[data-v-e02cf07a]{background:var(--pink-main);border-color:var(--pink-main)}.display-box[data-v-e02cf07a]{min-height:100px;background:#0003;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:8px}.food-item[data-v-e02cf07a]{background:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:14px;animation:popIn-e02cf07a .3s}.food-item.fruit[data-v-e02cf07a]{border-left:4px solid #FF6B6B}.food-item.vege[data-v-e02cf07a]{border-left:4px solid #51CF66}@keyframes popIn-e02cf07a{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-box[data-v-e02cf07a]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-e02cf07a]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-e02cf07a]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-e02cf07a]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;text-align:left}.option[data-v-e02cf07a]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option.correct[data-v-e02cf07a]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-e02cf07a]{background:#f443364d;border-color:#f44336}.result[data-v-e02cf07a]{margin-top:var(--space-lg)}.success-msg[data-v-e02cf07a]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-e02cf07a]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-e02cf07a]{margin-top:10px;padding:5px 15px;background:var(--pink-main);border:none;border-radius:5px;color:#fff;cursor:pointer}.lesson[data-v-90c2044d]{color:var(--text-light)}.step[data-v-90c2044d]{animation:fadeIn-90c2044d .3s ease}@keyframes fadeIn-90c2044d{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-90c2044d]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-90c2044d]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-90c2044d]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace;font-size:12px;overflow-x:auto}.check-list[data-v-90c2044d]{list-style:none;padding:0;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.check-list li[data-v-90c2044d]{background:#ffffff1a;padding:15px;border-radius:8px;font-size:14px}.check-list a[data-v-90c2044d]{color:var(--blue-accent);text-decoration:underline}.file-tree[data-v-90c2044d]{background:#2c3e50;padding:20px;border-radius:8px;font-family:monospace;color:#ecf0f1}.file[data-v-90c2044d]{margin-bottom:5px}.indent[data-v-90c2044d]{margin-left:20px}.complete-btn[data-v-90c2044d]{width:100%;margin-top:20px;background:var(--pink-main);color:#fff;border:2px solid white;box-shadow:0 4px #0003}.complete-btn[data-v-90c2044d]:hover{transform:translateY(-2px);box-shadow:0 6px #0003}.complete-btn[data-v-90c2044d]:active{transform:translateY(2px);box-shadow:0 2px #0003}.lesson[data-v-7d9b26f8]{color:var(--text-light)}.step[data-v-7d9b26f8]{animation:fadeIn-7d9b26f8 .3s ease}@keyframes fadeIn-7d9b26f8{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-7d9b26f8]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-7d9b26f8]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-7d9b26f8]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-7d9b26f8]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.concept-box[data-v-7d9b26f8]{display:flex;flex-direction:column;gap:15px;margin-top:20px}.concept-row[data-v-7d9b26f8]{background:#ffffff1a;padding:15px;border-radius:8px;font-size:13px}.bad[data-v-7d9b26f8]{color:#ff6b6b;font-weight:700;margin-right:10px}.good[data-v-7d9b26f8]{color:#51cf66;font-weight:700;margin-right:10px}.demo-area[data-v-7d9b26f8]{margin-top:20px;display:flex;flex-direction:column;gap:15px;align-items:center}.data-display[data-v-7d9b26f8]{background:#2c3e50;padding:20px;border-radius:8px;width:100%;font-family:monospace;animation:slideUp-7d9b26f8 .3s ease}@keyframes slideUp-7d9b26f8{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.complete-btn[data-v-7d9b26f8]{margin-top:30px;background:var(--pink-main);color:#fff}.lesson[data-v-5eea92ba]{color:var(--text-light)}.step[data-v-5eea92ba]{animation:fadeIn-5eea92ba .3s ease}@keyframes fadeIn-5eea92ba{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-5eea92ba]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-5eea92ba]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-5eea92ba]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-5eea92ba]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.demo-box[data-v-5eea92ba]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px}.number[data-v-5eea92ba]{font-size:48px;font-weight:700;color:#ff6b6b;height:60px}.complete-btn[data-v-5eea92ba]{margin-top:30px;width:100%}.lesson[data-v-27ddfeb3]{color:var(--text-light)}.step[data-v-27ddfeb3]{animation:fadeIn-27ddfeb3 .3s ease}@keyframes fadeIn-27ddfeb3{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-27ddfeb3]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-27ddfeb3]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-27ddfeb3]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-27ddfeb3]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.visual[data-v-27ddfeb3]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.mold[data-v-27ddfeb3]{border:2px dashed #FFE5B4;padding:10px 20px;border-radius:8px;color:#ffe5b4}.products[data-v-27ddfeb3]{display:flex;gap:20px}.dog[data-v-27ddfeb3]{background:#ffffff1a;padding:10px;border-radius:6px}.complete-btn[data-v-27ddfeb3]{margin-top:30px;width:100%}.lesson[data-v-b7c28fd6]{color:var(--text-light)}.step[data-v-b7c28fd6]{animation:fadeIn-b7c28fd6 .3s ease}@keyframes fadeIn-b7c28fd6{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-b7c28fd6]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}.sub-title[data-v-b7c28fd6]{color:#81c784;margin-bottom:5px;font-size:14px}p[data-v-b7c28fd6]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-b7c28fd6]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.code-block.bad[data-v-b7c28fd6]{border-left:4px solid #F44336}.code-block.good[data-v-b7c28fd6]{border-left:4px solid #4CAF50}code[data-v-b7c28fd6]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.framework-grid[data-v-b7c28fd6]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}.card[data-v-b7c28fd6]{background:#ffffff1a;padding:15px 5px;border-radius:10px;text-align:center;border:2px solid transparent}.card.vue[data-v-b7c28fd6]{border-color:#42b883;background:#42b88333}.icon[data-v-b7c28fd6]{font-size:24px;margin-bottom:5px}.title[data-v-b7c28fd6]{font-weight:700;margin-bottom:5px;font-size:14px}.desc[data-v-b7c28fd6]{font-size:11px;opacity:.8;line-height:1.4}.demo-area[data-v-b7c28fd6]{text-align:center;padding:20px}.visual-concept[data-v-b7c28fd6]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.box[data-v-b7c28fd6]{background:#fff;color:#333;padding:10px 20px;border-radius:8px;font-weight:700}.complete-btn[data-v-b7c28fd6]{width:100%;margin-top:30px;background:#42b883;color:#fff}.lesson[data-v-3ce946a5]{color:var(--text-light)}.step[data-v-3ce946a5]{animation:fadeIn-3ce946a5 .3s ease}@keyframes fadeIn-3ce946a5{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-3ce946a5]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-3ce946a5]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-3ce946a5]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-3ce946a5]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.comparison[data-v-3ce946a5]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.code-box[data-v-3ce946a5]{padding:10px;border-radius:8px;font-family:monospace;position:relative}.code-box .label[data-v-3ce946a5]{font-size:10px;position:absolute;top:-8px;left:10px;background:#333;padding:2px 6px;border-radius:4px}.code-box.js[data-v-3ce946a5]{background:#f443361a;border:1px solid #F44336}.code-box.vue[data-v-3ce946a5]{background:#4caf501a;border:1px solid #4CAF50}.demo-box[data-v-3ce946a5]{background:#ffffff0d;padding:15px;border-radius:8px;text-align:center;margin-bottom:15px}.status-msg[data-v-3ce946a5]{margin-top:10px;font-weight:700;color:#ffe5b4}ul[data-v-3ce946a5]{text-align:left;padding-left:30px}.quiz-box[data-v-3ce946a5]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-3ce946a5]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-3ce946a5]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-3ce946a5]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;text-align:left}.option[data-v-3ce946a5]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option.correct[data-v-3ce946a5]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-3ce946a5]{background:#f443364d;border-color:#f44336}.result[data-v-3ce946a5]{margin-top:var(--space-lg)}.success-msg[data-v-3ce946a5]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-3ce946a5]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-3ce946a5]{margin-top:10px;padding:5px 15px;background:var(--pink-main);border:none;border-radius:5px;cursor:pointer;color:#fff}.lesson[data-v-06a5ee0c]{color:var(--text-light)}.step[data-v-06a5ee0c]{animation:fadeIn-06a5ee0c .3s ease}@keyframes fadeIn-06a5ee0c{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-06a5ee0c]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-06a5ee0c]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-06a5ee0c]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}.code-block.bad[data-v-06a5ee0c]{border-left:4px solid #F44336}.code-block.good[data-v-06a5ee0c]{border-left:4px solid #4CAF50}.label[data-v-06a5ee0c]{font-size:12px;margin-bottom:5px;opacity:.8}.demo-box[data-v-06a5ee0c]{background:#ffffff0d;padding:20px;border-radius:12px;text-align:center}input[data-v-06a5ee0c],textarea[data-v-06a5ee0c]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:6px;width:100%;margin-top:5px;font-size:14px}input[data-v-06a5ee0c]:focus,textarea[data-v-06a5ee0c]:focus{outline:none;border-color:var(--pink-main)}.preview[data-v-06a5ee0c]{margin-top:20px;font-size:18px}.highlight[data-v-06a5ee0c]{color:var(--pink-main);font-weight:700;text-decoration:underline}.form-card[data-v-06a5ee0c]{display:flex;flex-direction:column;gap:20px}.preview-card[data-v-06a5ee0c]{background:#fff;color:#333;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0003}.preview-card h4[data-v-06a5ee0c]{margin:0 0 10px;color:#666;font-size:12px;text-transform:uppercase}.avatar[data-v-06a5ee0c]{font-size:40px;margin-bottom:10px}.card-name[data-v-06a5ee0c]{font-size:20px;font-weight:700;margin-bottom:5px}.card-bio[data-v-06a5ee0c]{font-size:14px;color:#666;white-space:pre-wrap}.quiz-box[data-v-06a5ee0c]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-06a5ee0c]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-06a5ee0c]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-06a5ee0c]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;text-align:left}.option[data-v-06a5ee0c]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option.correct[data-v-06a5ee0c]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-06a5ee0c]{background:#f443364d;border-color:#f44336}.result[data-v-06a5ee0c]{margin-top:var(--space-lg)}.success-msg[data-v-06a5ee0c]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-06a5ee0c]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-06a5ee0c]{margin-top:10px;padding:5px 15px;background:var(--pink-main);border:none;border-radius:5px;cursor:pointer;color:#fff}.lesson[data-v-1c74258c]{color:var(--text-light)}.step[data-v-1c74258c]{animation:fadeIn-1c74258c .3s ease}@keyframes fadeIn-1c74258c{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-1c74258c]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-1c74258c]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-1c74258c]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-1c74258c]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.visual-tree[data-v-1c74258c]{display:flex;flex-direction:column;align-items:center;gap:10px}.node[data-v-1c74258c]{background:#fff;color:#333;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;border:2px solid #333}.node.root[data-v-1c74258c]{background:gold}.branches[data-v-1c74258c]{display:flex;gap:10px;align-items:flex-start}.node.group[data-v-1c74258c]{display:flex;flex-direction:column;gap:5px;background:#e0e0e0;align-items:center}.child-node[data-v-1c74258c]{background:#81c784;padding:2px 5px;font-size:10px;border-radius:4px}.demo-grid[data-v-1c74258c]{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.fake-component[data-v-1c74258c]{background:#fff;color:#333;padding:10px;border-radius:8px;text-align:center;width:80px;box-shadow:0 2px 5px #0003}.p-icon[data-v-1c74258c]{font-size:24px;margin-bottom:5px}.p-info[data-v-1c74258c]{margin-bottom:5px;font-size:12px}.price[data-v-1c74258c]{font-weight:700;color:#e91e63}.fake-component button[data-v-1c74258c]{background:#42b883;color:#fff;border:none;padding:2px 8px;border-radius:4px;cursor:pointer}.cart-summary[data-v-1c74258c]{text-align:center;background:#ffffff1a;padding:10px;border-radius:8px}.comm-diagram[data-v-1c74258c]{display:flex;justify-content:space-around;margin:20px 0}.comm-row[data-v-1c74258c]{display:flex;flex-direction:column;align-items:center;gap:5px}.tag[data-v-1c74258c]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.tag.parent[data-v-1c74258c]{background:gold;color:#333}.tag.child[data-v-1c74258c]{background:#81c784;color:#333}.arrow[data-v-1c74258c]{font-size:12px;color:#e0e0e0}.quiz-box[data-v-1c74258c]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-1c74258c]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-1c74258c]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-1c74258c]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;text-align:left}.option[data-v-1c74258c]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option.correct[data-v-1c74258c]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-1c74258c]{background:#f443364d;border-color:#f44336}.result[data-v-1c74258c]{margin-top:var(--space-lg)}.success-msg[data-v-1c74258c]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-1c74258c]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-1c74258c]{margin-top:10px;padding:5px 15px;background:var(--pink-main);border:none;border-radius:5px;cursor:pointer;color:#fff}.lesson[data-v-96afa8df]{color:var(--text-light)}.step[data-v-96afa8df]{animation:fadeIn-96afa8df .3s ease}@keyframes fadeIn-96afa8df{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-96afa8df]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-96afa8df]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.code-block[data-v-96afa8df]{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);font-family:monospace}code[data-v-96afa8df]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f7df1e;font-size:12px}.features[data-v-96afa8df]{display:flex;justify-content:space-around;margin:20px 0}.feat[data-v-96afa8df]{text-align:center;background:#ffffff1a;padding:15px;border-radius:10px;width:80px}.feat .icon[data-v-96afa8df]{font-size:24px;margin-bottom:5px}.feat span[data-v-96afa8df]{font-size:12px}.todo-app[data-v-96afa8df]{background:#fff;padding:20px;border-radius:12px;color:#333;max-width:350px;margin:0 auto;box-shadow:0 4px 15px #0000004d}.input-row[data-v-96afa8df]{display:flex;gap:10px;margin-bottom:20px}.input-row input[data-v-96afa8df]{flex:1;padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px}.input-row input[data-v-96afa8df]:focus{outline:none;border-color:#42b883}.add-btn[data-v-96afa8df]{background:#42b883;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700}.add-btn[data-v-96afa8df]:hover{background:#3aa876}.task-list[data-v-96afa8df]{list-style:none;padding:0;margin:0}.task-list li[data-v-96afa8df]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee;transition:all .2s}.task-list li[data-v-96afa8df]:last-child{border-bottom:none}.task-list li.done .task-text[data-v-96afa8df]{text-decoration:line-through;color:#aaa}.task-text[data-v-96afa8df]{flex:1;margin-left:10px;font-size:15px}.del-btn[data-v-96afa8df]{background:transparent;border:none;cursor:pointer;opacity:.5;transition:opacity .2s}.del-btn[data-v-96afa8df]:hover{opacity:1;transform:scale(1.1)}.empty-msg[data-v-96afa8df]{text-align:center;color:#888;padding:20px 0;font-size:14px}.checkbox-container[data-v-96afa8df]{display:block;position:relative;width:20px;height:20px;cursor:pointer}.checkbox-container input[data-v-96afa8df]{opacity:0;width:0;height:0}.checkmark[data-v-96afa8df]{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:4px}.checkbox-container:hover input~.checkmark[data-v-96afa8df]{background-color:#ccc}.checkbox-container input:checked~.checkmark[data-v-96afa8df]{background-color:#42b883}.checkmark[data-v-96afa8df]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-96afa8df]:after{display:block}.checkbox-container .checkmark[data-v-96afa8df]:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.quiz-box[data-v-96afa8df]{background:#ffffff0d;border-radius:12px;padding:var(--space-lg)}.question[data-v-96afa8df]{font-size:15px;font-weight:600;margin-bottom:var(--space-md);color:#ffe5b4}.options[data-v-96afa8df]{display:flex;flex-direction:column;gap:var(--space-sm)}.option[data-v-96afa8df]{padding:var(--space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:14px;cursor:pointer;text-align:left}.option[data-v-96afa8df]:hover:not(:disabled){background:#fff3;border-color:var(--pink-main)}.option.correct[data-v-96afa8df]{background:#4caf504d;border-color:#4caf50}.option.wrong[data-v-96afa8df]{background:#f443364d;border-color:#f44336}.result[data-v-96afa8df]{margin-top:var(--space-lg)}.success-msg[data-v-96afa8df]{background:#4caf5033;border:2px solid #4CAF50;border-radius:10px;padding:var(--space-md);text-align:center;color:#81c784}.error-msg[data-v-96afa8df]{background:#f4433633;border:2px solid #F44336;border-radius:10px;padding:var(--space-md);text-align:center;color:#ef9a9a}.retry-btn[data-v-96afa8df]{margin-top:10px;padding:5px 15px;background:var(--pink-main);border:none;border-radius:5px;cursor:pointer;color:#fff}.lesson[data-v-83fd76a6]{color:var(--text-light)}.step[data-v-83fd76a6]{animation:fadeIn-83fd76a6 .3s ease}@keyframes fadeIn-83fd76a6{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h3[data-v-83fd76a6]{font-size:17px;color:#ffe5b4;margin-bottom:var(--space-md)}p[data-v-83fd76a6]{font-size:14px;line-height:1.7;margin-bottom:var(--space-md)}.deploy-grid[data-v-83fd76a6]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.deploy-card[data-v-83fd76a6]{background:#ffffff1a;padding:15px;border-radius:10px;text-align:center}.deploy-card .icon[data-v-83fd76a6]{font-size:30px;margin-bottom:5px}.deploy-card .name[data-v-83fd76a6]{font-weight:700;margin-bottom:5px}.deploy-card .desc[data-v-83fd76a6]{font-size:12px;opacity:.8}.network-diagram[data-v-83fd76a6]{display:flex;align-items:center;justify-content:center;background:#fff;color:#333;padding:20px 10px;border-radius:10px;margin-bottom:20px}.node[data-v-83fd76a6]{display:flex;flex-direction:column;align-items:center;width:80px}.node .emoji[data-v-83fd76a6]{font-size:24px}.node .label[data-v-83fd76a6]{font-weight:700;font-size:12px}.node .sub-text[data-v-83fd76a6]{font-size:10px;color:#666;text-align:center}.conn[data-v-83fd76a6]{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 5px}.arrow-line[data-v-83fd76a6]{font-size:10px;color:#888;border-bottom:1px solid #ddd;width:100%;text-align:center;margin:2px 0}.roadmap[data-v-83fd76a6]{display:flex;flex-direction:column;gap:15px}.road-item[data-v-83fd76a6]{display:flex;background:#ffffff0d;border-radius:10px;overflow:hidden}.badge[data-v-83fd76a6]{width:50px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.badge.lvl1[data-v-83fd76a6]{background:#4caf50;color:#fff}.badge.lvl2[data-v-83fd76a6]{background:#2196f3;color:#fff}.badge.lvl3[data-v-83fd76a6]{background:#9c27b0;color:#fff}.content[data-v-83fd76a6]{padding:10px 15px}.content strong[data-v-83fd76a6]{display:block;margin-bottom:3px;color:#ffe5b4}.content p[data-v-83fd76a6]{margin:0;font-size:12px;opacity:.9}.cert-container[data-v-83fd76a6]{text-align:center;background:#ffffff1a;padding:30px;border-radius:20px;border:4px solid #FFD700;animation:popIn-83fd76a6 .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-83fd76a6{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cert-icon[data-v-83fd76a6]{font-size:60px;margin-bottom:20px}.final-msg[data-v-83fd76a6]{margin-top:30px;font-family:Courier New,monospace;opacity:.7;font-size:12px}.restart-btn[data-v-83fd76a6]{margin-top:30px;background:var(--pink-main);color:#fff}.tip-box[data-v-83fd76a6]{background:#ffffff1a;padding:15px;border-radius:8px;margin-top:20px;text-align:center;border:1px solid rgba(255,255,255,.2)}.tip-box strong[data-v-83fd76a6]{color:#ffe5b4!important;font-weight:700;background:#0000004d;padding:2px 6px;border-radius:4px}.classroom[data-v-cfcbda15]{display:flex;flex-direction:column;height:100dvh;min-height:-webkit-fill-available;max-width:480px;margin:0 auto;padding:var(--space-md);position:relative;overflow:hidden}.lesson-header[data-v-cfcbda15]{flex-shrink:0;display:flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--pink-light) 0%,var(--blue-light) 100%);border:var(--pixel-border);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-md);cursor:pointer;box-shadow:var(--pixel-shadow);z-index:10}.lesson-icon[data-v-cfcbda15]{font-size:24px}.lesson-title[data-v-cfcbda15]{flex:1;font-size:16px;font-weight:600;color:var(--text-dark)}.nav-toggle[data-v-cfcbda15]{font-size:18px;color:var(--text-pink)}.nav-overlay[data-v-cfcbda15]{position:absolute;inset:0;background:#00000080;z-index:100;display:flex;align-items:flex-end;justify-content:center}.nav-panel[data-v-cfcbda15]{background:var(--cream);border-radius:24px 24px 0 0;padding:var(--space-xl);width:100%;max-height:80%;overflow-y:auto}.content[data-v-cfcbda15]{flex:1;min-height:0;position:relative;z-index:5;margin-bottom:120px}.blackboard[data-v-cfcbda15]{height:100%;display:flex;flex-direction:column}.lesson-content[data-v-cfcbda15]{flex:1;overflow-y:auto;padding-right:var(--space-xs);padding-bottom:var(--space-md)}.teacher-section[data-v-cfcbda15]{position:absolute;bottom:80px;right:-20px;display:flex;align-items:flex-end;z-index:20;pointer-events:none}.speech-bubble[data-v-cfcbda15]{position:absolute;right:140px;bottom:100px;width:160px;font-size:12px;z-index:21;animation:float 3s ease-in-out infinite}.footer[data-v-cfcbda15]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) 0;padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,20px));background:linear-gradient(180deg,transparent 0%,var(--lavender) 30%);z-index:30}.step-dots[data-v-cfcbda15]{display:flex;gap:6px}.dot[data-v-cfcbda15]{width:8px;height:8px;border-radius:50%;background:var(--pink-light);border:2px solid var(--pink-main);transition:all .2s ease}.dot.active[data-v-cfcbda15]{background:var(--pink-dark);transform:scale(1.2)}.landing[data-v-e7fd6a04]{height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center}.content[data-v-e7fd6a04]{display:flex;flex-direction:column;align-items:center;gap:30px;animation:popIn-e7fd6a04 .8s cubic-bezier(.175,.885,.32,1.275)}.teacher-container[data-v-e7fd6a04]{transform:scale(2.2);margin-bottom:20px}.title[data-v-e7fd6a04]{font-size:32px;color:var(--text-dark);line-height:1.4;margin:0}.highlight[data-v-e7fd6a04]{color:var(--pink-main);font-size:40px;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.subtitle[data-v-e7fd6a04]{color:#666;font-size:16px;margin:0}.start-btn[data-v-e7fd6a04]{font-size:20px;padding:15px 40px;margin-top:20px;background:linear-gradient(135deg,var(--pink-main) 0%,var(--pink-dark) 100%);animation:pulse-e7fd6a04 2s infinite}@keyframes popIn-e7fd6a04{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-e7fd6a04{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.app[data-v-ea6112fb]{width:100%;min-height:100vh;position:relative;overflow:hidden}.decorations[data-v-ea6112fb]{position:fixed;inset:0;pointer-events:none;z-index:15}.cloud-wrapper[data-v-ea6112fb]{position:absolute;bottom:80px;left:-20%;animation:floatCloud-ea6112fb 25s linear infinite;pointer-events:auto;cursor:pointer}.cloud[data-v-ea6112fb]{font-size:120px;filter:brightness(10) grayscale(100%);position:relative;z-index:2;transition:transform .3s}.cloud-wrapper:hover .cloud[data-v-ea6112fb]{transform:scale(1.1)}.peek-dog[data-v-ea6112fb]{position:absolute;top:50%;left:50%;width:80px;transform:translate(-50%,-50%);z-index:1;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.peek-dog.peeking[data-v-ea6112fb]{transform:translate(-60%,-140%) rotate(-10deg)}@keyframes floatCloud-ea6112fb{0%{transform:translate(0)}to{transform:translate(120vw)}}