.tutorial-detail-page[data-v-8b5098e4]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:400% 400%;-webkit-animation:gradientFlow-data-v-8b5098e4 20s ease-in-out infinite;animation:gradientFlow-data-v-8b5098e4 20s ease-in-out infinite;padding:20px}@-webkit-keyframes gradientFlow-data-v-8b5098e4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientFlow-data-v-8b5098e4{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.content-wrapper[data-v-8b5098e4]{max-width:1400px;margin:0 auto}.back-button[data-v-8b5098e4]{margin-bottom:20px}.main-content[data-v-8b5098e4]{display:grid;grid-template-columns:1fr 350px;gap:30px}@media (max-width:1024px){.main-content[data-v-8b5098e4]{grid-template-columns:1fr}}.tutorial-content[data-v-8b5098e4]{background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));backdrop-filter:blur(20px) saturate(140%);border-radius:20px;padding:40px;-webkit-box-shadow:0 10px 40px rgba(102,126,234,.3);box-shadow:0 10px 40px rgba(102,126,234,.3);-webkit-animation:panelFloat-data-v-8b5098e4 5s ease-in-out infinite;animation:panelFloat-data-v-8b5098e4 5s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-8b5098e4{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-8px) translateZ(10px);transform:translateY(-8px) translateZ(10px)}}@keyframes panelFloat-data-v-8b5098e4{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-8px) translateZ(10px);transform:translateY(-8px) translateZ(10px)}}.chapter-header[data-v-8b5098e4]{margin-bottom:40px}.chapter-meta[data-v-8b5098e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:15px}.chapter-time[data-v-8b5098e4]{font-size:.9rem;color:#8c98a4;margin-left:auto}.chapter-time i[data-v-8b5098e4]{margin-right:5px}.chapter-title[data-v-8b5098e4]{font-size:2rem;font-weight:800;color:#1e3c72;margin:0 0 15px 0;line-height:1.3}.chapter-desc[data-v-8b5098e4]{font-size:1.05rem;color:#5a6c7d;line-height:1.8;margin:0}.section-title[data-v-8b5098e4]{font-size:1.5rem;font-weight:700;color:#1e3c72;margin:0 0 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.section-title i[data-v-8b5098e4]{color:#667eea}.video-section[data-v-8b5098e4]{margin-bottom:40px}.video-player-wrapper[data-v-8b5098e4]{border-radius:16px;overflow:hidden;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.bilibili-player[data-v-8b5098e4]{width:100%;height:500px;background:#000}.text-content-section[data-v-8b5098e4]{margin-bottom:40px}.text-content[data-v-8b5098e4]{background:hsla(0,0%,100%,.5);border-radius:12px;padding:30px;line-height:2;color:#2c3e50}.text-content[data-v-8b5098e4] h1,.text-content[data-v-8b5098e4] h2,.text-content[data-v-8b5098e4] h3{color:#1e3c72;margin-top:1.5em;margin-bottom:.8em}.text-content[data-v-8b5098e4] code{background:#f5f7fa;padding:2px 8px;border-radius:4px;color:#e91e63;font-family:Courier New,monospace}.text-content[data-v-8b5098e4] pre{background:#2c3e50;color:#fff;padding:20px;border-radius:8px;overflow-x:auto}.practice-section[data-v-8b5098e4]{margin-bottom:40px}.practice-desc[data-v-8b5098e4]{font-size:1rem;color:#5a6c7d;margin:0 0 20px 0}.code-editor-wrapper[data-v-8b5098e4]{background:#2c3e50;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.2);box-shadow:0 8px 25px rgba(0,0,0,.2)}.editor-toolbar[data-v-8b5098e4]{background:#34495e;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toolbar-actions[data-v-8b5098e4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.code-editor[data-v-8b5098e4],.code-output[data-v-8b5098e4]{min-height:400px;max-height:600px;overflow-y:auto}.code-textarea[data-v-8b5098e4]{width:100%;min-height:400px;background:#2c3e50;color:#fff;border:none;padding:20px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;resize:vertical}.code-textarea[data-v-8b5098e4]:focus{outline:none}.output-error[data-v-8b5098e4],.output-placeholder[data-v-8b5098e4],.output-success[data-v-8b5098e4]{padding:40px;text-align:center;color:#fff}.output-error i[data-v-8b5098e4],.output-placeholder i[data-v-8b5098e4],.output-success i[data-v-8b5098e4]{font-size:3rem;margin-bottom:15px;display:block}.output-error p[data-v-8b5098e4],.output-error pre[data-v-8b5098e4],.output-placeholder p[data-v-8b5098e4],.output-placeholder pre[data-v-8b5098e4],.output-success p[data-v-8b5098e4],.output-success pre[data-v-8b5098e4]{margin:0;font-size:1rem;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;text-align:left}.output-error[data-v-8b5098e4],.output-error i[data-v-8b5098e4]{color:#ff6b6b}.output-success[data-v-8b5098e4],.output-success i[data-v-8b5098e4]{color:#51cf66}.action-buttons[data-v-8b5098e4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:40px}@media (max-width:1024px){.sidebar[data-v-8b5098e4]{display:none}}.sidebar-card[data-v-8b5098e4]{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.92));backdrop-filter:blur(15px) saturate(140%);border-radius:16px;padding:25px;-webkit-box-shadow:0 8px 25px rgba(102,126,234,.2);box-shadow:0 8px 25px rgba(102,126,234,.2);position:sticky;top:20px}.sidebar-title[data-v-8b5098e4]{font-size:1.2rem;font-weight:700;color:#1e3c72;margin:0 0 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.chapters-list[data-v-8b5098e4]{max-height:calc(100vh - 200px);overflow-y:auto}.chapters-list[data-v-8b5098e4]::-webkit-scrollbar{width:6px}.chapters-list[data-v-8b5098e4]::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.chapter-item[data-v-8b5098e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px;border-radius:10px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:8px}.chapter-item[data-v-8b5098e4]:hover{background:rgba(102,126,234,.1);-webkit-transform:translateX(5px);transform:translateX(5px)}.chapter-item.active[data-v-8b5098e4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chapter-item.active .item-order[data-v-8b5098e4],.chapter-item.active .item-time[data-v-8b5098e4],.chapter-item.active .item-title[data-v-8b5098e4]{color:#fff}.chapter-item.completed .completed-icon[data-v-8b5098e4]{color:#51cf66}.item-order[data-v-8b5098e4]{font-size:.85rem;font-weight:700;color:#667eea}.item-info[data-v-8b5098e4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-title[data-v-8b5098e4]{font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-time[data-v-8b5098e4]{font-size:.8rem;color:#8c98a4}.completed-icon[data-v-8b5098e4]{font-size:1.2rem}