.coding-learn-page[data-v-3b48d99c]{padding:24px 32px 48px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--zcb-page-gradient);position:relative}.coding-learn-page[data-v-3b48d99c]:before{content:"";position:fixed;top:0;left:280px;right:0;bottom:0;background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.1) 0,transparent 42%),radial-gradient(circle at 88% 12%,rgba(20,184,166,.08) 0,transparent 38%),radial-gradient(circle at 50% 88%,rgba(139,92,246,.06) 0,transparent 40%);pointer-events:none;z-index:0}.page-header[data-v-3b48d99c]{text-align:center;margin-bottom:28px;position:relative;z-index:1;background:var(--zcb-hero-gradient);border-radius:20px;padding:32px 28px;-webkit-box-shadow:0 10px 30px rgba(37,99,235,.28);box-shadow:0 10px 30px rgba(37,99,235,.28)}.today-task[data-v-3b48d99c]{position:relative;z-index:1;margin-bottom:28px;padding:22px 24px;border-radius:18px;background:#fff;border:1px solid rgba(37,99,235,.16);-webkit-box-shadow:0 8px 24px rgba(37,99,235,.08);box-shadow:0 8px 24px rgba(37,99,235,.08)}.today-task-kicker[data-v-3b48d99c]{font-size:.8rem;font-weight:700;color:#14b8a6;letter-spacing:.04em;margin-bottom:6px}.today-task h2[data-v-3b48d99c]{margin:0 0 10px;font-size:1.35rem;color:#1e3c72}.today-task p[data-v-3b48d99c]{margin:0 0 6px;color:#475569;line-height:1.55;font-size:.95rem}.today-cta[data-v-3b48d99c]{display:inline-block;margin-top:12px;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:700;text-decoration:none}.page-title[data-v-3b48d99c]{font-size:2.2rem;color:#fff;margin-bottom:10px;font-weight:800;background:none;-webkit-text-fill-color:#fff;-webkit-filter:none;filter:none;-webkit-animation:none;animation:none}@-webkit-keyframes titleFloat-data-v-3b48d99c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes titleFloat-data-v-3b48d99c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.title-icon[data-v-3b48d99c]{font-size:3rem;margin-right:15px;-webkit-filter:drop-shadow(0 4px 15px rgba(255,215,0,.6));filter:drop-shadow(0 4px 15px rgba(255,215,0,.6));-webkit-animation:iconRotate-data-v-3b48d99c 4s ease-in-out infinite;animation:iconRotate-data-v-3b48d99c 4s ease-in-out infinite}@-webkit-keyframes iconRotate-data-v-3b48d99c{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}}@keyframes iconRotate-data-v-3b48d99c{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}}.page-subtitle[data-v-3b48d99c]{font-size:1.05rem;color:hsla(0,0%,100%,.92)}.learning-paths[data-v-3b48d99c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px;position:relative;z-index:1}.learning-path-card[data-v-3b48d99c]{background:#fff;border-radius:16px;padding:28px;-webkit-box-shadow:var(--zcb-card-shadow);box-shadow:var(--zcb-card-shadow);-webkit-transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;border-top:4px solid;border:1px solid var(--zcb-border);border-top-width:4px}@-webkit-keyframes panelFloat-data-v-3b48d99c{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-10px) translateZ(20px);transform:translateY(-10px) translateZ(20px)}}@keyframes panelFloat-data-v-3b48d99c{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-10px) translateZ(20px);transform:translateY(-10px) translateZ(20px)}}.learning-path-card.scratch[data-v-3b48d99c]{border-top-color:#ff6b6b;-webkit-animation-delay:0s;animation-delay:0s}.learning-path-card.python[data-v-3b48d99c]{border-top-color:var(--zcb-primary)}.learning-path-card.c-lang[data-v-3b48d99c]{border-top-color:#43e97b;-webkit-animation-delay:.6s;animation-delay:.6s}.learning-path-card.java[data-v-3b48d99c]{border-top-color:#fb7185;-webkit-animation-delay:.9s;animation-delay:.9s}.learning-path-card.golang[data-v-3b48d99c]{border-top-color:#06b6d4;-webkit-animation-delay:1.2s;animation-delay:1.2s}.learning-path-card.arduino[data-v-3b48d99c]{border-top-color:#00979d;-webkit-animation-delay:1.5s;animation-delay:1.5s}.learning-path-card.microbit[data-v-3b48d99c]{border-top-color:#f97316;-webkit-animation-delay:1.8s;animation-delay:1.8s}.learning-path-card.mixly[data-v-3b48d99c]{border-top-color:#8b5cf6;-webkit-animation-delay:2.1s;animation-delay:2.1s}.learning-path-card.featured[data-v-3b48d99c]{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 12px 32px rgba(37,99,235,.16);box-shadow:0 12px 32px rgba(37,99,235,.16);border-color:rgba(37,99,235,.25)}.learning-path-card.featured[data-v-3b48d99c]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,215,0,.1),transparent);border-radius:20px;-webkit-animation:activeCardGlow-data-v-3b48d99c 3s ease-in-out infinite;animation:activeCardGlow-data-v-3b48d99c 3s ease-in-out infinite;pointer-events:none}@-webkit-keyframes activeCardGlow-data-v-3b48d99c{0%,to{opacity:.3}50%{opacity:.7}}@keyframes activeCardGlow-data-v-3b48d99c{0%,to{opacity:.3}50%{opacity:.7}}.learning-path-card[data-v-3b48d99c]:hover{-webkit-transform:translateY(-12px) translateZ(40px) scale(1.02);transform:translateY(-12px) translateZ(40px) scale(1.02);-webkit-box-shadow:0 20px 60px rgba(66,153,225,.5),0 0 50px rgba(255,215,0,.3),inset 0 3px 0 hsla(0,0%,100%,.5);box-shadow:0 20px 60px rgba(66,153,225,.5),0 0 50px rgba(255,215,0,.3),inset 0 3px 0 hsla(0,0%,100%,.5)}.hot-badge[data-v-3b48d99c]{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,var(--zcb-amber),#f97316);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:700;-webkit-box-shadow:0 4px 12px rgba(245,158,11,.35);box-shadow:0 4px 12px rgba(245,158,11,.35)}@-webkit-keyframes badgeShine-data-v-3b48d99c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes badgeShine-data-v-3b48d99c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@-webkit-keyframes badgePulse-data-v-3b48d99c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes badgePulse-data-v-3b48d99c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.path-header[data-v-3b48d99c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-bottom:25px}.path-icon[data-v-3b48d99c]{font-size:3.5rem;-webkit-filter:drop-shadow(0 6px 15px rgba(66,153,225,.5));filter:drop-shadow(0 6px 15px rgba(66,153,225,.5));-webkit-animation:iconFloat-data-v-3b48d99c 4s ease-in-out infinite;animation:iconFloat-data-v-3b48d99c 4s ease-in-out infinite}@-webkit-keyframes iconFloat-data-v-3b48d99c{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-8px) rotate(5deg);transform:translateY(-8px) rotate(5deg)}}@keyframes iconFloat-data-v-3b48d99c{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-8px) rotate(5deg);transform:translateY(-8px) rotate(5deg)}}.path-header h2[data-v-3b48d99c]{font-size:1.6rem;color:var(--zcb-text-primary);margin-bottom:5px;font-weight:700}.path-description[data-v-3b48d99c],.path-level[data-v-3b48d99c]{color:var(--zcb-text-secondary);font-size:.95rem}.path-description[data-v-3b48d99c]{line-height:1.6;margin-bottom:20px;padding:12px 15px;background:linear-gradient(135deg,rgba(66,153,225,.08),rgba(79,209,197,.05));border-left:3px solid rgba(66,153,225,.4);border-radius:0 8px 8px 0}.path-tags[data-v-3b48d99c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:20px}.path-tags .tag[data-v-3b48d99c]{padding:5px 12px;background:linear-gradient(135deg,rgba(66,153,225,.15),rgba(79,209,197,.1));color:var(--zcb-primary,#2563eb);border-radius:16px;font-size:.85rem;font-weight:600;border:1px solid rgba(66,153,225,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.path-tags .tag[data-v-3b48d99c]:hover{background:linear-gradient(135deg,rgba(66,153,225,.25),rgba(79,209,197,.15));border-color:rgba(66,153,225,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(66,153,225,.2);box-shadow:0 4px 12px rgba(66,153,225,.2)}.path-progress[data-v-3b48d99c]{margin-bottom:20px}.progress-bar[data-v-3b48d99c]{height:8px;background:var(--zcb-border);border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-3b48d99c]{height:100%;background:-webkit-gradient(linear,left top,right top,from(var(--zcb-primary)),to(var(--zcb-secondary)));background:linear-gradient(90deg,var(--zcb-primary),var(--zcb-secondary));border-radius:10px;-webkit-transition:width .6s ease;transition:width .6s ease}.progress-text[data-v-3b48d99c]{font-size:.9rem;color:var(--zcb-text-secondary)}.path-stats[data-v-3b48d99c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;margin-bottom:25px;padding:20px;background:var(--zcb-page-mid);border-radius:12px}.stat[data-v-3b48d99c]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.stat-label[data-v-3b48d99c]{display:block;color:var(--zcb-text-secondary);font-size:.85rem;margin-bottom:8px}.stat-value[data-v-3b48d99c]{display:block;color:var(--zcb-primary);font-size:1.5rem;font-weight:700}.continue-btn[data-v-3b48d99c]{display:block;text-align:center;padding:14px;background:-webkit-gradient(linear,left top,right top,from(var(--zcb-primary)),to(var(--zcb-secondary)));background:linear-gradient(90deg,var(--zcb-primary),var(--zcb-secondary));color:#fff;border-radius:14px;text-decoration:none;font-weight:700;-webkit-box-shadow:0 4px 16px rgba(37,99,235,.25);box-shadow:0 4px 16px rgba(37,99,235,.25);-webkit-transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s cubic-bezier(.16,1,.3,1)}.continue-btn[data-v-3b48d99c]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 24px rgba(20,184,166,.3);box-shadow:0 8px 24px rgba(20,184,166,.3);color:#fff}.quick-access[data-v-3b48d99c]{margin-top:60px;position:relative;z-index:1}.quick-grid[data-v-3b48d99c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.section-title[data-v-3b48d99c]{font-size:1.6rem;color:var(--zcb-text-primary);text-align:center;margin-bottom:32px;font-weight:800}.quick-card[data-v-3b48d99c]{background:#fff;padding:28px;border-radius:16px;text-align:center;-webkit-box-shadow:var(--zcb-card-shadow);box-shadow:var(--zcb-card-shadow);-webkit-transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s cubic-bezier(.16,1,.3,1);text-decoration:none;border:1px solid var(--zcb-border)}.quick-card[data-v-3b48d99c]:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--zcb-card-shadow-hover);box-shadow:var(--zcb-card-shadow-hover);border-color:rgba(37,99,235,.25)}.quick-icon[data-v-3b48d99c]{font-size:3rem;margin-bottom:15px;-webkit-filter:drop-shadow(0 4px 15px rgba(66,153,225,.5));filter:drop-shadow(0 4px 15px rgba(66,153,225,.5));-webkit-animation:iconPulse-data-v-3b48d99c 3s ease-in-out infinite;animation:iconPulse-data-v-3b48d99c 3s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-3b48d99c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes iconPulse-data-v-3b48d99c{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.quick-card:hover .quick-icon[data-v-3b48d99c]{-webkit-transform:scale(1.2) rotateY(15deg);transform:scale(1.2) rotateY(15deg);-webkit-filter:drop-shadow(0 6px 20px rgba(255,215,0,.7));filter:drop-shadow(0 6px 20px rgba(255,215,0,.7))}.quick-card h3[data-v-3b48d99c]{font-size:1.2rem;color:var(--zcb-text-primary);margin-bottom:10px;font-weight:700}.quick-card p[data-v-3b48d99c]{color:var(--zcb-text-secondary);font-size:.95rem}.language-details[data-v-3b48d99c]{margin-top:80px;position:relative;z-index:1}.language-detail-card[data-v-3b48d99c]{background:linear-gradient(145deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.95));backdrop-filter:blur(20px);border-radius:20px;padding:35px;margin-bottom:30px;-webkit-box-shadow:0 15px 50px rgba(66,153,225,.25),inset 0 2px 0 hsla(0,0%,100%,.4);box-shadow:0 15px 50px rgba(66,153,225,.25),inset 0 2px 0 hsla(0,0%,100%,.4);border:2px solid;-webkit-transition:all .5s cubic-bezier(.16,1,.3,1);transition:all .5s cubic-bezier(.16,1,.3,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-3b48d99c 6s ease-in-out infinite;animation:panelFloat-data-v-3b48d99c 6s ease-in-out infinite}.language-detail-card[data-v-3b48d99c]:hover{-webkit-transform:translateY(-10px) translateZ(25px);transform:translateY(-10px) translateZ(25px);-webkit-box-shadow:0 20px 60px rgba(66,153,225,.35),0 0 40px rgba(255,215,0,.25),inset 0 3px 0 hsla(0,0%,100%,.5);box-shadow:0 20px 60px rgba(66,153,225,.35),0 0 40px rgba(255,215,0,.25),inset 0 3px 0 hsla(0,0%,100%,.5)}.scratch-detail[data-v-3b48d99c]{border-color:hsla(0,100%,71%,.3);-webkit-animation-delay:0s;animation-delay:0s}.python-detail[data-v-3b48d99c]{border-color:rgba(102,126,234,.3);-webkit-animation-delay:.3s;animation-delay:.3s}.java-detail[data-v-3b48d99c]{border-color:rgba(251,113,133,.3);-webkit-animation-delay:.6s;animation-delay:.6s}.cpp-detail[data-v-3b48d99c]{border-color:rgba(67,233,123,.3);-webkit-animation-delay:.9s;animation-delay:.9s}.golang-detail[data-v-3b48d99c]{border-color:rgba(6,182,212,.3);-webkit-animation-delay:1.2s;animation-delay:1.2s}.arduino-detail[data-v-3b48d99c]{border-color:rgba(0,151,157,.3);-webkit-animation-delay:1.5s;animation-delay:1.5s}.microbit-detail[data-v-3b48d99c]{border-color:rgba(249,115,22,.3);-webkit-animation-delay:1.8s;animation-delay:1.8s}.mixly-detail[data-v-3b48d99c]{border-color:rgba(139,92,246,.3);-webkit-animation-delay:2.1s;animation-delay:2.1s}.detail-header[data-v-3b48d99c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid;-o-border-image:linear-gradient(90deg,rgba(66,153,225,.5),rgba(79,209,197,.3),transparent) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(66,153,225,.5)),color-stop(rgba(79,209,197,.3)),to(transparent)) 1;border-image:linear-gradient(90deg,rgba(66,153,225,.5),rgba(79,209,197,.3),transparent) 1}.detail-icon[data-v-3b48d99c]{font-size:3rem;-webkit-filter:drop-shadow(0 4px 15px rgba(66,153,225,.5));filter:drop-shadow(0 4px 15px rgba(66,153,225,.5));-webkit-animation:iconFloat-data-v-3b48d99c 4s ease-in-out infinite;animation:iconFloat-data-v-3b48d99c 4s ease-in-out infinite}.detail-header h3[data-v-3b48d99c]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.8rem;color:var(--zcb-primary,#2563eb);font-weight:800;margin:0;background:linear-gradient(135deg,#1e3c72,#4299e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.age-tag[data-v-3b48d99c]{padding:6px 16px;background:linear-gradient(135deg,rgba(66,153,225,.15),rgba(79,209,197,.1));color:var(--zcb-primary,#2563eb);border-radius:20px;font-size:.9rem;font-weight:700;border:2px solid rgba(66,153,225,.3);white-space:nowrap}.detail-content[data-v-3b48d99c]{display:grid;gap:25px}.detail-section[data-v-3b48d99c]{background:linear-gradient(135deg,rgba(66,153,225,.05),rgba(79,209,197,.03));padding:20px 25px;border-radius:12px;border-left:4px solid rgba(66,153,225,.4);-webkit-transition:all .3s ease;transition:all .3s ease}.detail-section[data-v-3b48d99c]:hover{background:linear-gradient(135deg,rgba(66,153,225,.08),rgba(79,209,197,.05));border-left-color:#4299e1;-webkit-transform:translateX(8px);transform:translateX(8px);-webkit-box-shadow:0 4px 15px rgba(66,153,225,.15);box-shadow:0 4px 15px rgba(66,153,225,.15)}.detail-section h4[data-v-3b48d99c]{font-size:1.15rem;color:var(--zcb-primary,#2563eb);margin-bottom:15px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.detail-section ul[data-v-3b48d99c]{list-style:none;padding:0;margin:0}.detail-section li[data-v-3b48d99c]{padding:10px 0;color:#555;line-height:1.7;position:relative;padding-left:25px;-webkit-transition:all .3s ease;transition:all .3s ease}.detail-section li[data-v-3b48d99c]:before{content:"▶";position:absolute;left:0;color:#4299e1;font-size:.8rem;-webkit-transition:all .3s ease;transition:all .3s ease}.detail-section li[data-v-3b48d99c]:hover{color:var(--zcb-primary,#2563eb);padding-left:30px}.detail-section li[data-v-3b48d99c]:hover:before{color:gold;-webkit-transform:scale(1.2);transform:scale(1.2)}.detail-section li strong[data-v-3b48d99c]{color:var(--zcb-primary,#2563eb);font-weight:700}.detail-section p[data-v-3b48d99c]{color:#555;line-height:1.8;margin:0;padding:12px 15px;background:hsla(0,0%,100%,.6);border-radius:8px;border:1px solid rgba(66,153,225,.15)}@media (max-width:1024px){.learning-paths[data-v-3b48d99c]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.quick-grid[data-v-3b48d99c]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.coding-learn-page[data-v-3b48d99c]:before,.game-map-page[data-v-3b48d99c]:before,.learning-progress-page[data-v-3b48d99c]:before{left:0}.coding-learn-page[data-v-3b48d99c]{padding:16px}.page-title[data-v-3b48d99c]{font-size:2rem}.learning-paths[data-v-3b48d99c],.quick-grid[data-v-3b48d99c]{grid-template-columns:1fr}.language-detail-card[data-v-3b48d99c]{padding:25px 20px}.detail-header h3[data-v-3b48d99c]{font-size:1.4rem}}