.video-card[data-v-085d5873]{background-color:#f6f3ea;border-radius:4px;overflow:hidden;border:1px solid #D9D3C7;border-left:3px solid #D93535;transition:transform .2s,box-shadow .2s;position:relative}.dark .video-card[data-v-085d5873]{background-color:#171a21;border-color:#e8e6df29}.video-card[data-v-085d5873]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-main[data-v-085d5873]{display:block;text-decoration:none;color:inherit}.thumbnail[data-v-085d5873]{position:relative;aspect-ratio:16 / 9;overflow:hidden}.thumbnail img[data-v-085d5873]{filter:grayscale(15%);transition:filter .3s}.video-card:hover .thumbnail img[data-v-085d5873]{filter:grayscale(0%)}.duration[data-v-085d5873]{position:absolute;bottom:8px;right:8px;background-color:#000c;color:#fff;padding:2px 6px;border-radius:2px;font-size:11px;font-family:JetBrains Mono,ui-monospace,monospace;z-index:1}.video-info[data-v-085d5873]{padding:12px;background-color:#f6f3ea}.dark .video-info[data-v-085d5873]{background-color:#0f1115}.video-title[data-v-085d5873]{font-size:15px;font-family:"Noto Serif SC",ui-serif,serif;font-weight:600;color:#141414;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .video-title[data-v-085d5873]{color:#e8e6df}.video-meta[data-v-085d5873]{display:flex;justify-content:space-between;gap:8px;color:#5b5b5b;font-size:12px;font-family:JetBrains Mono,ui-monospace,monospace;margin-bottom:8px}.dark .video-meta[data-v-085d5873]{color:#e8e3d999}.video-tags[data-v-085d5873]{display:flex;flex-wrap:wrap;gap:4px}.video-tags span[data-v-085d5873]{font-size:10px;font-family:JetBrains Mono,ui-monospace,monospace;color:#141414;background-color:#ffe75a;padding:2px 6px;border-radius:2px}.bilibili-link[data-v-085d5873]{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#ffe75a;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#141414;transition:all .2s;z-index:2}.bilibili-link[data-v-085d5873]:hover{background-color:#d93535;color:#fff}@media (max-width: 420px){.video-meta[data-v-085d5873]{flex-direction:column;align-items:flex-start}.bilibili-link[data-v-085d5873]{width:32px;height:32px}}.btn-primary[data-v-303871ed]{border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3498DB var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 152 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #2980B9 var(--tw-gradient-to-position);padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-primary[data-v-303871ed]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-secondary[data-v-303871ed]{border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #FF7E29 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 126 41 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #F05E23 var(--tw-gradient-to-position);padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-secondary[data-v-303871ed]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter-btn[data-v-303871ed]{display:inline-flex;min-height:40px;align-items:center;border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.filter-btn[data-v-303871ed]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter-btn.active[data-v-303871ed]{--tw-bg-opacity: 1;background-color:rgb(52 152 219 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter-btn.active[data-v-303871ed]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 126 41 / var(--tw-bg-opacity, 1))}.filter-btn[data-v-303871ed]:not(.active){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.filter-btn[data-v-303871ed]:not(.active):hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.filter-btn[data-v-303871ed]:not(.active):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.filter-btn[data-v-303871ed]:not(.active):hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.sort-dropdown[data-v-303871ed]{min-width:10rem}.dropdown-button[data-v-303871ed]{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem .5rem .375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown-button[data-v-303871ed]:hover{--tw-border-opacity: 1;border-color:rgb(52 152 219 / var(--tw-border-opacity, 1))}.dropdown-button[data-v-303871ed]:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(52 152 219 / var(--tw-ring-opacity, 1))}.dropdown-button[data-v-303871ed]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dropdown-button[data-v-303871ed]:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 126 41 / var(--tw-border-opacity, 1))}.dropdown-button[data-v-303871ed]:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 126 41 / var(--tw-ring-opacity, 1))}.dropdown-panel[data-v-303871ed]{position:absolute;z-index:20;margin-top:.25rem;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dropdown-panel[data-v-303871ed]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dropdown-panel[data-v-303871ed]{right:0}.dropdown-option[data-v-303871ed]{display:flex;cursor:pointer;align-items:center;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown-option[data-v-303871ed]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.dropdown-option[data-v-303871ed]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dropdown-option[data-v-303871ed]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dropdown-option.selected[data-v-303871ed]{--tw-bg-opacity: 1;background-color:rgb(52 152 219 / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dropdown-option.selected[data-v-303871ed]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 126 41 / var(--tw-bg-opacity, 1))}.dropdown-option.selected[data-v-303871ed]:hover{--tw-bg-opacity: .9}.dropdown-option.selected[data-v-303871ed]:hover:is(.dark *){--tw-bg-opacity: .9}.dropdown-fade-enter-active[data-v-303871ed],.dropdown-fade-leave-active[data-v-303871ed]{transition:opacity .15s ease,transform .15s ease}.dropdown-fade-enter-from[data-v-303871ed],.dropdown-fade-leave-to[data-v-303871ed]{opacity:0;transform:translateY(-5px)}.video-card-container[data-v-303871ed]{animation:fadeIn-303871ed .5s ease forwards;opacity:0}@media (max-width: 640px){.sort-dropdown[data-v-303871ed]{min-width:0;width:100%}.dropdown-panel[data-v-303871ed]{max-height:min(16rem,60vh);overflow-y:auto}}@keyframes fadeIn-303871ed{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.seo-heading[data-v-303871ed]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.seo-content[data-v-303871ed]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.seo-video-section[data-v-303871ed],.seo-core-content[data-v-303871ed],.seo-category-content[data-v-303871ed],.seo-technical-content[data-v-303871ed],.seo-guide-content[data-v-303871ed],.seo-keywords-content[data-v-303871ed],.seo-faq-content[data-v-303871ed],.seo-longtail-content[data-v-303871ed],.seo-concepts-content[data-v-303871ed],.seo-stats-content[data-v-303871ed],.seo-education-content[data-v-303871ed],.seo-technical-features[data-v-303871ed],.seo-breadcrumb[data-v-303871ed],.seo-structured-data[data-v-303871ed],.seo-keyword-section[data-v-303871ed],.seo-longtail-section[data-v-303871ed],.seo-term[data-v-303871ed]{display:none}.seo-heading[data-v-303871ed],.seo-text[data-v-303871ed],.seo-keyword[data-v-303871ed],.seo-longtail-link[data-v-303871ed],.seo-content h2[data-v-303871ed],.seo-content h3[data-v-303871ed],.seo-content h4[data-v-303871ed],.seo-content p[data-v-303871ed],.seo-content span[data-v-303871ed],.seo-content a[data-v-303871ed],.seo-content div[data-v-303871ed]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;white-space:nowrap}