.video-tutorial-page[data-v-9eac39ae]{color:#fff;background:linear-gradient(135deg,#181818 0%,#1a1a1a 100%);min-height:100vh}.page-header[data-v-9eac39ae]{background:linear-gradient(135deg,#ffb000 0%,#ffc533 100%);padding:80px 0 60px;position:relative;overflow:hidden}.page-header[data-v-9eac39ae]:before{content:"";opacity:.3;position:absolute;top:0;bottom:0;left:0;right:0}.page-header .header-content[data-v-9eac39ae]{text-align:center;z-index:1;position:relative}.page-header .page-title[data-v-9eac39ae]{color:#181818;justify-content:center;align-items:center;gap:15px;margin:0 0 20px;font-size:3.5rem;font-weight:700;display:flex}.page-header .page-title .title-icon[data-v-9eac39ae]{color:#181818;font-size:4rem}.page-header .page-subtitle[data-v-9eac39ae]{color:#181818;opacity:.9;max-width:600px;margin:0 auto;font-size:1.2rem}.video-content[data-v-9eac39ae]{padding:60px 0}@media (max-width:599px){.video-content[data-v-9eac39ae]{padding:40px 0}}.video-card[data-v-9eac39ae]{cursor:pointer;background:linear-gradient(135deg,#ffa6291a 0%,#262626e6 100%);border:1px solid #ffa62933;border-radius:16px;height:100%;min-height:200px;padding:24px;transition:all .3s;position:relative;overflow:hidden}@media (max-width:599px){.video-card[data-v-9eac39ae]{min-height:120px;padding:12px 16px}}@media (hover:hover){.video-card[data-v-9eac39ae]:hover{border-color:#ffa62966;transform:translateY(-8px);box-shadow:0 12px 32px #ffa62926}.video-card:hover .card-overlay[data-v-9eac39ae]{opacity:1}}.video-card .card-content[data-v-9eac39ae]{z-index:2;position:relative}.video-card .video-thumbnail[data-v-9eac39ae]{border-radius:8px;width:100%;height:120px;margin-bottom:16px;position:relative;overflow:hidden}.video-card .video-thumbnail .thumbnail-image[data-v-9eac39ae]{object-fit:cover;border-radius:8px;width:100%;height:100%}.video-card .video-thumbnail .play-overlay[data-v-9eac39ae]{background:#0009;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card .video-thumbnail:hover .play-overlay[data-v-9eac39ae]{background:#000c;transform:translate(-50%,-50%)scale(1.1)}.video-card .video-icon[data-v-9eac39ae]{justify-content:center;margin-bottom:8px;display:flex}.video-card .video-info[data-v-9eac39ae]{text-align:center}.video-card .video-title[data-v-9eac39ae]{color:#fff;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.4}@media (max-width:599px){.video-card .video-title[data-v-9eac39ae]{margin:0 0 6px;font-size:16px}}.video-card .video-meta[data-v-9eac39ae]{color:#ffa629cc;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.video-card .video-meta .video-platform[data-v-9eac39ae]{font-weight:500}.video-card .video-meta .external-icon[data-v-9eac39ae]{font-size:16px}.video-card .card-overlay[data-v-9eac39ae]{opacity:0;background:linear-gradient(135deg,#ffa6294d 0%,#f7c73f33 100%);border-radius:16px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.video-card .card-overlay .play-icon[data-v-9eac39ae]{color:#fff;font-size:48px}.tutorial-tips[data-v-9eac39ae]{margin-top:40px}.tutorial-tips .tips-card[data-v-9eac39ae]{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid #ffa62933;border-radius:16px}.tutorial-tips .tips-card .tips-header[data-v-9eac39ae]{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tutorial-tips .tips-card .tips-header .tips-icon[data-v-9eac39ae]{color:#ffc533;font-size:1.5rem}.tutorial-tips .tips-card .tips-header .tips-title[data-v-9eac39ae]{color:#fff;font-size:1.3rem;font-weight:600}.tutorial-tips .tips-card .tips-content p[data-v-9eac39ae]{color:#fffc;margin:8px 0;line-height:1.6}