.learn-video-player[data-v-1fe349cf]{background:#0f172a;border-radius:16px;overflow:hidden;color:#e2e8f0}.toolbar[data-v-1fe349cf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12px;background:rgba(15,23,42,.95)}.tip[data-v-1fe349cf]{opacity:.85}.resume[data-v-1fe349cf]{color:#5eead4;font-weight:700}.stage[data-v-1fe349cf]{position:relative}.player[data-v-1fe349cf]{width:100%;max-height:520px;background:#000;display:block}.fs-fab[data-v-1fe349cf]{position:absolute;right:12px;bottom:12px;z-index:5;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;color:#0f172a;background:hsla(0,0%,100%,.92);-webkit-box-shadow:0 4px 14px rgba(15,23,42,.25);box-shadow:0 4px 14px rgba(15,23,42,.25);cursor:pointer}.start-mask[data-v-1fe349cf]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;background:rgba(2,6,23,.72);text-align:center;padding:20px}.start-btn[data-v-1fe349cf]{border:0;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#5eead4,#38bdf8);cursor:pointer}.buffer-mask p[data-v-1fe349cf],.error-mask p[data-v-1fe349cf],.start-mask p[data-v-1fe349cf]{margin:0;font-size:12px;opacity:.9}.buffer-mask[data-v-1fe349cf],.error-mask[data-v-1fe349cf]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;background:rgba(2,6,23,.55);pointer-events:none}.error-mask[data-v-1fe349cf]{pointer-events:auto}.spinner[data-v-1fe349cf]{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.25);border-top-color:#5eead4;border-radius:50%;-webkit-animation:spin-data-v-1fe349cf .8s linear infinite;animation:spin-data-v-1fe349cf .8s linear infinite}@-webkit-keyframes spin-data-v-1fe349cf{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-1fe349cf{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bar[data-v-1fe349cf]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:8px 14px 12px;font-size:12px;opacity:.9}.bar[data-v-1fe349cf],.stage.is-full[data-v-1fe349cf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stage.is-full[data-v-1fe349cf]{position:fixed;inset:0;z-index:3000;width:100vw;height:100vh;height:100dvh;background:#000;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stage[data-v-1fe349cf]:-webkit-full-screen{width:100%;height:100%;background:#000}.stage[data-v-1fe349cf]:-ms-fullscreen{width:100%;height:100%;background:#000}.stage[data-v-1fe349cf]:fullscreen{width:100%;height:100%;background:#000}.stage:-webkit-full-screen .player[data-v-1fe349cf]{width:100%;height:100%;max-height:none;object-fit:contain}.stage:-ms-fullscreen .player[data-v-1fe349cf]{width:100%;height:100%;max-height:none;object-fit:contain}.stage.is-full .player[data-v-1fe349cf],.stage:fullscreen .player[data-v-1fe349cf]{width:100%;height:100%;max-height:none;-o-object-fit:contain;object-fit:contain}.fs-fab-full[data-v-1fe349cf]{right:24px;bottom:calc(24px + env(safe-area-inset-bottom));padding:10px 18px;font-size:15px;color:#fff;background:rgba(15,23,42,.72);border:1px solid hsla(0,0%,100%,.4);backdrop-filter:blur(6px)}.tutorial-detail-page[data-v-22b575d8]{min-height:100vh;background:linear-gradient(135deg,#2563eb,#14b8a6 50%,#2563eb);background-size:400% 400%;-webkit-animation:gradientFlow-data-v-22b575d8 20s ease-in-out infinite;animation:gradientFlow-data-v-22b575d8 20s ease-in-out infinite;padding:20px}@-webkit-keyframes gradientFlow-data-v-22b575d8{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientFlow-data-v-22b575d8{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.content-wrapper[data-v-22b575d8]{max-width:1400px;margin:0 auto}.back-button[data-v-22b575d8]{margin-bottom:20px}.main-content[data-v-22b575d8]{display:grid;grid-template-columns:1fr 350px;gap:30px}@media (max-width:1024px){.main-content[data-v-22b575d8]{grid-template-columns:1fr}}.tutorial-content[data-v-22b575d8]{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(37,99,235,.3);box-shadow:0 10px 40px rgba(37,99,235,.3);-webkit-animation:panelFloat-data-v-22b575d8 5s ease-in-out infinite;animation:panelFloat-data-v-22b575d8 5s ease-in-out infinite}@-webkit-keyframes panelFloat-data-v-22b575d8{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-22b575d8{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-22b575d8]{margin-bottom:40px}.chapter-meta[data-v-22b575d8]{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-22b575d8]{font-size:.9rem;color:#8c98a4;margin-left:auto}.chapter-time i[data-v-22b575d8]{margin-right:5px}.chapter-title[data-v-22b575d8]{font-size:2rem;font-weight:800;color:#1e3c72;margin:0 0 15px 0;line-height:1.3}.chapter-desc[data-v-22b575d8]{font-size:1.05rem;color:#5a6c7d;line-height:1.8;margin:0}.section-title[data-v-22b575d8]{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-22b575d8]{color:#2563eb}.video-section[data-v-22b575d8]{margin-bottom:40px}.video-player-wrapper[data-v-22b575d8]{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-22b575d8]{width:100%;height:500px;background:#000}.text-content-section[data-v-22b575d8]{margin-bottom:40px}.text-content[data-v-22b575d8]{background:hsla(0,0%,100%,.5);border-radius:12px;padding:30px;line-height:2;color:#2c3e50}.text-content[data-v-22b575d8] h1,.text-content[data-v-22b575d8] h2,.text-content[data-v-22b575d8] h3{color:#1e3c72;margin-top:1.5em;margin-bottom:.8em}.text-content[data-v-22b575d8] code{background:#f5f7fa;padding:2px 8px;border-radius:4px;color:#e91e63;font-family:Courier New,monospace}.text-content[data-v-22b575d8] pre{background:#2c3e50;color:#fff;padding:20px;border-radius:8px;overflow-x:auto}.practice-section[data-v-22b575d8]{margin-bottom:40px}.practice-desc[data-v-22b575d8]{font-size:1rem;color:#5a6c7d;margin:0 0 20px 0}.code-editor-wrapper[data-v-22b575d8]{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-22b575d8]{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-22b575d8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.code-editor[data-v-22b575d8],.code-output[data-v-22b575d8]{min-height:400px;max-height:600px;overflow-y:auto}.code-textarea[data-v-22b575d8]{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-22b575d8]:focus{outline:none}.output-error[data-v-22b575d8],.output-placeholder[data-v-22b575d8],.output-success[data-v-22b575d8]{padding:40px;text-align:center;color:#fff}.output-error i[data-v-22b575d8],.output-placeholder i[data-v-22b575d8],.output-success i[data-v-22b575d8]{font-size:3rem;margin-bottom:15px;display:block}.output-error p[data-v-22b575d8],.output-error pre[data-v-22b575d8],.output-placeholder p[data-v-22b575d8],.output-placeholder pre[data-v-22b575d8],.output-success p[data-v-22b575d8],.output-success pre[data-v-22b575d8]{margin:0;font-size:1rem;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;text-align:left}.output-error[data-v-22b575d8],.output-error i[data-v-22b575d8]{color:#ff6b6b}.output-success[data-v-22b575d8],.output-success i[data-v-22b575d8]{color:#51cf66}.action-buttons[data-v-22b575d8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:40px}@media (max-width:1024px){.sidebar[data-v-22b575d8]{display:none}}.sidebar-card[data-v-22b575d8]{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(37,99,235,.2);box-shadow:0 8px 25px rgba(37,99,235,.2);position:sticky;top:20px}.sidebar-title[data-v-22b575d8]{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-22b575d8]{max-height:calc(100vh - 200px);overflow-y:auto}.chapters-list[data-v-22b575d8]::-webkit-scrollbar{width:6px}.chapters-list[data-v-22b575d8]::-webkit-scrollbar-thumb{background:rgba(37,99,235,.3);border-radius:3px}.chapter-item[data-v-22b575d8]{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-22b575d8]:hover{background:rgba(37,99,235,.1);-webkit-transform:translateX(5px);transform:translateX(5px)}.chapter-item.active[data-v-22b575d8]{background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff}.chapter-item.active .item-order[data-v-22b575d8],.chapter-item.active .item-time[data-v-22b575d8],.chapter-item.active .item-title[data-v-22b575d8]{color:#fff}.chapter-item.completed .completed-icon[data-v-22b575d8]{color:#51cf66}.item-order[data-v-22b575d8]{font-size:.85rem;font-weight:700;color:#2563eb}.item-info[data-v-22b575d8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-title[data-v-22b575d8]{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-22b575d8]{font-size:.8rem;color:#8c98a4}.completed-icon[data-v-22b575d8]{font-size:1.2rem}