.nav[data-v-df6a81d1]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-header);border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;max-width:800px;min-height:52px;padding:12px 20px;width:100%}.nav .item[data-v-df6a81d1]{background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 14px;text-decoration:none;transition:background .2s,transform .2s}.nav .item[data-v-df6a81d1]:hover{background:var(--surface-hover)}.nav .item[data-v-df6a81d1]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.nav .active[data-v-df6a81d1]{background:var(--accent-hover);color:var(--accent-color);font-weight:600}@media (prefers-reduced-motion:reduce){.item[data-v-df6a81d1]{transition:none}}.Main[data-v-a9d33525]{width:100%}.Main .article_sections[data-v-a9d33525]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%}.Main .article_sections .section[data-v-a9d33525]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-card);padding:20px}.Main .article_sections .section h2[data-v-a9d33525]{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:1.1em;gap:8px;margin-bottom:16px;padding-bottom:10px}.Main .article_sections .section h2 .section-icon[data-v-a9d33525]{font-size:18px}.Main .article_sections .section h2 .section-icon.hot[data-v-a9d33525]{color:#f0a020}.Main .article_sections .section h2 .section-icon.new[data-v-a9d33525]{color:#18a058}.Main .article_sections .section h2 .section-icon.rec[data-v-a9d33525]{color:var(--accent-color)}.Main .article_sections .section .article_list[data-v-a9d33525]{list-style-type:decimal;margin-left:20px}.Main .article_sections .section .article_list li[data-v-a9d33525]{border-bottom:1px solid var(--border-subtle)}.Main .article_sections .section .article_list li[data-v-a9d33525]:last-child{border-bottom:none}.Main .article_sections .section .article_list li .item[data-v-a9d33525]{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:10px 6px;transition:background .2s}.Main .article_sections .section .article_list li .item[data-v-a9d33525]:hover{background:var(--surface-hover)}.Main .article_sections .section .article_list li .item .title[data-v-a9d33525]{color:var(--text-primary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Main .article_sections .section .article_list li .item .tip[data-v-a9d33525]{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;gap:4px}.Main .article_sections .section .article_list li .item .icon_view[data-v-a9d33525]{color:#f0a020}.Main .hint[data-v-a9d33525]{color:var(--text-muted);font-size:12px;margin-top:16px;opacity:.8;text-align:center}@media (prefers-reduced-motion:reduce){.item[data-v-a9d33525]{transition:none}}.ArticleItems{max-height:80vh;overflow-y:auto;padding:4px 12px 16px;scrollbar-color:var(--thumb-color1) transparent;scrollbar-width:thin}.ArticleItems::-webkit-scrollbar{width:4px}.ArticleItems::-webkit-scrollbar-thumb{background-color:var(--thumb-color1);border-radius:4px}.ArticleItems::-webkit-scrollbar-track{background:transparent}.ArticleItems--flat{max-height:none;overflow:visible;padding:0 4px 8px}.ArticleItems .item{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:4px;padding:10px 14px;text-align:left;transition:background .2s,color .2s;width:100%}.ArticleItems .item:hover{background:var(--surface-hover);color:var(--text-primary)}.ArticleItems .item.active{background:var(--accent-hover);color:var(--text-primary);font-weight:500}.ArticleItems .item.active .title{color:var(--text-primary)}.ArticleItems .item.active .item-icon .el-icon{color:var(--accent-color)}.ArticleItems .item .item-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;width:14px}.ArticleItems .item .item-icon .el-icon{color:var(--text-muted);font-size:14px}.ArticleItems .item .title{flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ArticleItems .item .readcount{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:12px;gap:4px;margin-left:auto}.series-drawer .el-drawer__header{border-bottom:1px solid var(--border-subtle);margin-bottom:0;padding:20px 20px 12px}.series-drawer .el-drawer__body{padding:12px 8px 20px}.series-drawer .series-drawer-header{align-items:baseline;display:flex;gap:10px;width:100%}.series-drawer .series-drawer-header h4{color:var(--text-primary);flex:1;font-size:16px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-drawer .series-drawer-header .series-count{color:var(--text-muted);flex-shrink:0;font-size:12px}.series-drawer--mobile .el-drawer{border-radius:16px 16px 0 0}.series-drawer--mobile .el-drawer__header{padding:16px 20px 12px}.series-drawer--mobile .series-drawer-body{min-height:120px}.series-drawer--mobile .ArticleItems .item{padding:12px 16px}.series-drawer .el-scrollbar__bar{opacity:0;transition:opacity .2s}.series-drawer .el-scrollbar__bar.is-vertical,.series-drawer:hover .el-scrollbar__bar{opacity:1}.series-drawer .el-scrollbar__thumb{background-color:var(--thumb-color1);opacity:.6}.el-loading-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#141418b3!important}.el-loading-spinner .circular .path{stroke:var(--accent-color,#4ea1db)!important}.el-loading-spinner .el-loading-text{color:var(--text-muted,#888)!important}.Series[data-v-6aee6106]{width:100%}.Series .tutorial_grid[data-v-6aee6106]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding-bottom:4px;padding-top:8px;width:100%}.Series .tutorial_grid .tutorial_card[data-v-6aee6106]{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;min-height:160px;padding:20px;position:relative;transition:transform .25s,background .25s,box-shadow .25s}.Series .tutorial_grid .tutorial_card[data-v-6aee6106]:hover{background:var(--surface-hover);transform:translateY(-4px)}.Series .tutorial_grid .tutorial_card[data-v-6aee6106]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.Series .tutorial_grid .tutorial_card .card_header h3[data-v-6aee6106]{color:var(--text-primary);font-size:1.05em;margin-bottom:10px}.Series .tutorial_grid .tutorial_card .card_body[data-v-6aee6106]{flex:1;margin-bottom:12px}.Series .tutorial_grid .tutorial_card .card_body p[data-v-6aee6106]{color:var(--text-muted);display:-webkit-box;font-size:.9em;line-height:1.5;text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.Series .tutorial_grid .tutorial_card .card_footer[data-v-6aee6106]{color:var(--accent-color);font-size:12px;opacity:.85}.Series .tutorial_grid .tutorial_card .badge_view[data-v-6aee6106]{align-items:center;background:var(--accent-hover);border-radius:12px;color:var(--text-primary);display:flex;font-size:.8em;padding:4px 8px;position:absolute;right:12px;top:12px}.Series .tutorial_grid .tutorial_card .badge_view svg[data-v-6aee6106]{height:14px;margin-right:4px;width:14px;fill:currentColor}@media (prefers-reduced-motion:reduce){.tutorial_card[data-v-6aee6106]{transition:none!important}.tutorial_card[data-v-6aee6106]:hover{transform:none!important}}.Content[data-v-232d38bb]{flex:1;overflow-y:auto;width:100%}.Content[data-v-232d38bb]::-webkit-scrollbar{width:6px}.Content[data-v-232d38bb]::-webkit-scrollbar-thumb{background-color:var(--thumb-color1);border-radius:3px}.Content[data-v-232d38bb]::-webkit-scrollbar-track{background-color:transparent}.Home[data-v-eb6a8003]{align-items:center;display:flex;flex:1;flex-direction:column;max-width:1200px;padding:0 16px 24px;width:100%}