[data-v-c1a3ad8f]:root{--el-color-primary: var(--gdt-primary, #F59E0B);--el-color-primary-light-3: var(--gdt-primary-light, #FBBF24);--el-color-primary-light-5: color-mix(in srgb, var(--gdt-primary, #F59E0B) 50%, transparent);--el-color-primary-dark-2: var(--gdt-primary-dark, #D97706);--el-color-success: var(--gdt-success, #06D6A0);--el-color-warning: var(--gdt-warning, #FBBF24);--el-color-danger: var(--gdt-danger, #EF4444);--el-color-info: var(--gdt-info, #64748B);--el-bg-color: var(--gdt-bg-surface, #1C1917);--el-bg-color-page: var(--gdt-bg-dark, #1C1917);--el-bg-color-overlay: var(--gdt-bg-elevated, #292524);--el-text-color-primary: var(--gdt-text-primary, #FEF3C7);--el-text-color-regular: var(--gdt-text-secondary, #D6D3D1);--el-text-color-secondary: var(--gdt-text-secondary, #D6D3D1);--el-text-color-placeholder: var(--gdt-text-disabled, #78716C);--el-text-color-disabled: var(--gdt-text-disabled, #78716C);--el-border-color: var(--gdt-border-color, #44403C);--el-border-color-light: var(--gdt-border-color, #44403C);--el-border-color-lighter: color-mix(in srgb, var(--gdt-border-color, #44403C) 50%, transparent);--el-fill-color: var(--gdt-bg-surface, #1C1917);--el-fill-color-light: var(--gdt-bg-hover, #44403C);--el-fill-color-blank: var(--gdt-bg-base, #0C0A09);--el-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--el-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--el-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--el-radio-button-bg-color: var(--gdt-bg-surface, #1C1917);--el-radio-button-text-color: var(--gdt-text-secondary, #D6D3D1);--el-radio-button-border-color: var(--gdt-border-color, #44403C);--el-radio-button-hover-bg-color: var(--gdt-bg-hover, #44403C);--el-radio-button-hover-text-color: var(--gdt-text-primary, #FEF3C7);--el-tag-bg-color: var(--gdt-bg-surface, #1C1917);--el-tag-border-color: var(--gdt-border-color, #44403C);--el-tag-text-color: var(--gdt-text-primary, #FEF3C7);--el-select-dropdown-bg-color: var(--gdt-bg-elevated, #292524);--el-select-dropdown-border-color: var(--gdt-border-color, #44403C);--el-input-bg-color: var(--gdt-bg-base, #0C0A09);--el-input-border-color: var(--gdt-border-color, #44403C);--el-input-text-color: var(--gdt-text-primary, #FEF3C7);--el-table-bg-color: var(--gdt-bg-surface, #1C1917);--el-table-row-hover-bg-color: var(--gdt-bg-hover, #44403C);--el-table-border-color: var(--gdt-border-color, #44403C);--el-pagination-bg-color: var(--gdt-bg-surface, #1C1917);--el-pagination-border-color: var(--gdt-border-color, #44403C);--el-pagination-text-color: var(--gdt-text-secondary, #D6D3D1);--el-card-bg-color: var(--gdt-bg-surface, #1C1917);--el-card-border-color: var(--gdt-border-color, #44403C);--el-dialog-bg-color: var(--gdt-bg-elevated, #292524);--el-dialog-border-color: var(--gdt-border-color, #44403C);--el-menu-bg-color: transparent;--el-menu-hover-bg-color: var(--gdt-bg-hover, #44403C);--el-menu-active-color: var(--gdt-primary, #F59E0B);--el-menu-text-color: var(--gdt-text-secondary, #D6D3D1);--el-button-bg-color: var(--gdt-bg-surface, #1C1917);--el-button-border-color: var(--gdt-border-color, #44403C);--el-button-text-color: var(--gdt-text-secondary, #D6D3D1)}.tutorials-page[data-v-c1a3ad8f]{max-width:1200px;margin:0 auto;padding:24px}.page-hero[data-v-c1a3ad8f]{text-align:center;padding:48px 24px 32px}.page-hero h1[data-v-c1a3ad8f]{font-size:32px;font-weight:700;color:var(--gdt-text-primary);margin-bottom:12px}.page-hero p[data-v-c1a3ad8f]{font-size:16px;color:var(--gdt-text-secondary)}.category-tabs[data-v-c1a3ad8f]{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.category-tabs .tab-item[data-v-c1a3ad8f]{padding:8px 20px;border-radius:20px;cursor:pointer;font-size:14px;color:var(--gdt-text-secondary);background:var(--gdt-bg-surface);border:1px solid var(--gdt-border-color);transition:all .2s}.category-tabs .tab-item[data-v-c1a3ad8f]:hover{color:var(--gdt-primary-light);border-color:var(--gdt-primary)}.category-tabs .tab-item.active[data-v-c1a3ad8f]{color:#fff;background:var(--gdt-primary);border-color:var(--gdt-primary)}.tool-filter[data-v-c1a3ad8f]{margin-bottom:24px}.tool-filter[data-v-c1a3ad8f] .el-select{width:240px}.section-title[data-v-c1a3ad8f]{font-size:20px;font-weight:600;color:var(--gdt-text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-title[data-v-c1a3ad8f]:before{content:"";width:4px;height:20px;background:var(--gdt-primary);border-radius:2px}.pinned-section[data-v-c1a3ad8f]{margin-bottom:32px}.tutorial-grid[data-v-c1a3ad8f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.tutorial-list[data-v-c1a3ad8f]{display:flex;flex-direction:column;gap:16px}.tutorial-card[data-v-c1a3ad8f]{display:flex;gap:20px;padding:20px;background:var(--gdt-bg-surface);border:1px solid var(--gdt-border-color);border-radius:12px;cursor:pointer;transition:all .3s}.tutorial-card[data-v-c1a3ad8f]:hover{border-color:var(--gdt-primary);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.tutorial-card.pinned[data-v-c1a3ad8f]{border-color:#f59e0b4d;background:linear-gradient(135deg,var(--gdt-bg-surface),rgba(245,158,11,.03))}.tutorial-card .card-cover[data-v-c1a3ad8f]{width:200px;height:130px;flex-shrink:0;border-radius:8px;overflow:hidden}.tutorial-card .card-cover img[data-v-c1a3ad8f]{width:100%;height:100%;object-fit:cover}.tutorial-card .card-cover .cover-preset[data-v-c1a3ad8f]{width:100%;height:100%}.tutorial-card .card-body[data-v-c1a3ad8f]{flex:1;display:flex;flex-direction:column;min-width:0}.tutorial-card .card-meta[data-v-c1a3ad8f]{display:flex;gap:8px;align-items:center;margin-bottom:8px}.tutorial-card .tool-badge[data-v-c1a3ad8f]{font-size:12px;color:var(--gdt-primary-light);background:var(--gdt-active-bg);padding:2px 8px;border-radius:4px}.tutorial-card .card-title[data-v-c1a3ad8f]{font-size:16px;font-weight:600;color:var(--gdt-text-primary);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-card .card-excerpt[data-v-c1a3ad8f]{font-size:13px;color:var(--gdt-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.tutorial-card .card-footer[data-v-c1a3ad8f]{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:var(--gdt-text-disabled)}.pagination-wrap[data-v-c1a3ad8f]{display:flex;justify-content:center;margin-top:32px}.tag-guide[data-v-c1a3ad8f]{background:linear-gradient(135deg,#3b82f626,#3b82f614)!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.3)!important}.tag-advanced[data-v-c1a3ad8f]{background:linear-gradient(135deg,#8b5cf626,#8b5cf614)!important;color:#8b5cf6!important;border:1px solid rgba(139,92,246,.3)!important}.tag-workflow[data-v-c1a3ad8f]{background:linear-gradient(135deg,#10b98126,#10b98114)!important;color:#10b981!important;border:1px solid rgba(16,185,129,.3)!important}.tag-case[data-v-c1a3ad8f]{background:linear-gradient(135deg,#f59e0b26,#f59e0b14)!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.3)!important}.tag-faq[data-v-c1a3ad8f]{background:linear-gradient(135deg,#ef444426,#ef444414)!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important}