.tutorial-index-page[data-v-2553730c]{min-height:calc(100vh - 64px);background:#f5f7fb;color:#111827}.tutorial-hero[data-v-2553730c]{position:relative;overflow:hidden;min-height:386px;display:grid;place-items:center;background:#eef5ff;text-align:center}.tutorial-hero[data-v-2553730c]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:.08;filter:saturate(1.2) blur(1px)}.tutorial-hero-inner[data-v-2553730c]{position:relative;z-index:1;width:min(1040px,calc(100% - 40px));padding:34px 0 44px}.breadcrumbs[data-v-2553730c]{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:34px;color:#1118279e;font-size:14px}.breadcrumbs a[data-v-2553730c]{color:#0b7cff;text-decoration:none}.tutorial-hero h1[data-v-2553730c]{margin:0;font-size:42px;line-height:1.25;letter-spacing:0;color:#101828}.tutorial-hero p[data-v-2553730c]{max-width:760px;margin:24px auto 0;color:#1f2937;font-size:20px;line-height:1.7}.hero-action[data-v-2553730c]{display:inline-flex;align-items:center;justify-content:center;min-width:216px;height:58px;margin-top:36px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#00d8e8,#4f83ff);text-decoration:none;font-size:18px;font-weight:700}.tutorial-main[data-v-2553730c]{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:36px 0 70px}.tutorial-toolbar[data-v-2553730c]{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.tutorial-toolbar h2[data-v-2553730c],.topic-cloud h2[data-v-2553730c]{margin:0;font-size:26px;line-height:1.35;letter-spacing:0}.tutorial-toolbar p[data-v-2553730c]{margin:6px 0 0;color:#667085;font-size:14px}.tutorial-search[data-v-2553730c]{position:relative;width:min(320px,100%)}.tutorial-search span[data-v-2553730c]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tutorial-search input[data-v-2553730c]{width:100%;height:46px;padding:0 18px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#111827;font-size:15px;outline:none}.tutorial-search input[data-v-2553730c]:focus{border-color:#4f83ff;box-shadow:0 0 0 3px #4f83ff24}.topic-nav[data-v-2553730c]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.topic-nav button[data-v-2553730c],.topic-cloud button[data-v-2553730c]{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #d9e1ee;background:#fff;color:#344054;cursor:pointer;font-size:14px}.topic-nav button.active[data-v-2553730c],.topic-nav button[data-v-2553730c]:hover,.topic-cloud button[data-v-2553730c]:hover{border-color:#4f83ff;color:#0b7cff}.post-grid[data-v-2553730c]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card[data-v-2553730c]{display:block;min-width:0;overflow:hidden;border-radius:8px;background:#fff;text-decoration:none;color:#111827;box-shadow:0 10px 28px #10182814;transition:transform .2s ease,box-shadow .2s ease}.post-card[data-v-2553730c]:hover{transform:translateY(-3px);box-shadow:0 16px 34px #1018281f}.post-thumb[data-v-2553730c]{position:relative;display:grid;place-items:center;height:178px;background:radial-gradient(circle at 20% 20%,#ffffffd1,#fff0 40%),linear-gradient(135deg,#dff7ff,#edf2ff)}.post-thumb[data-v-2553730c]:before{content:"";position:absolute;width:72%;height:112px;border-radius:8px;background:linear-gradient(90deg,#4f83ff2e,#4f83ff0a),#ffffffc7;box-shadow:0 16px 28px #1018281f}.post-thumb--product[data-v-2553730c]{background:linear-gradient(135deg,#f5efe6,#e7f4ff)}.post-thumb--model[data-v-2553730c]{background:linear-gradient(135deg,#f3e8ff,#e0f2fe)}.post-thumb--edit[data-v-2553730c],.post-thumb--outpainting[data-v-2553730c]{background:linear-gradient(135deg,#e0f2fe,#e9fdf3)}.post-thumb--batch[data-v-2553730c]{background:linear-gradient(135deg,#eff6ff,#fdf4ff)}.post-thumb img[data-v-2553730c]{position:relative;z-index:1;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(16,24,40,.18))}.post-thumb--screenshot[data-v-2553730c]:before{display:none}.post-thumb--screenshot img[data-v-2553730c]{width:100%;height:100%;padding:10px;box-sizing:border-box;object-fit:contain;filter:none}.post-thumb span[data-v-2553730c]{position:absolute;z-index:2;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:#ffffffd1;color:#0b60d1;font-size:12px;font-weight:700}.post-body[data-v-2553730c]{padding:18px 18px 20px}.post-meta[data-v-2553730c]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#667085;font-size:12px}.post-body h3[data-v-2553730c]{margin:0;min-height:58px;font-size:19px;line-height:1.55;letter-spacing:0;color:#111827}.post-body p[data-v-2553730c]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 0;color:#667085;font-size:14px;line-height:1.75}.empty-state[data-v-2553730c]{padding:42px 20px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 10px 28px #10182814}.empty-state h3[data-v-2553730c]{margin:0 0 8px;font-size:20px}.empty-state p[data-v-2553730c]{margin:0;color:#667085}.topic-cloud[data-v-2553730c]{margin-top:54px;padding-top:32px;border-top:1px solid #e4e7ec}.topic-cloud-list[data-v-2553730c]{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@media (max-width: 900px){.post-grid[data-v-2553730c]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.tutorial-hero[data-v-2553730c]{min-height:360px}.tutorial-hero-inner[data-v-2553730c],.tutorial-main[data-v-2553730c]{width:min(100% - 32px,1040px)}.breadcrumbs[data-v-2553730c]{justify-content:flex-start;margin-bottom:28px}.tutorial-hero[data-v-2553730c]{text-align:left}.tutorial-hero h1[data-v-2553730c]{font-size:34px}.tutorial-hero p[data-v-2553730c]{margin-left:0;font-size:17px}.hero-action[data-v-2553730c]{min-width:188px}.tutorial-toolbar[data-v-2553730c]{display:block}.tutorial-search[data-v-2553730c]{width:100%;margin-top:16px}.post-grid[data-v-2553730c]{grid-template-columns:1fr}}