.cannlab-home[data-v-db512d54]{--cann-title-color:var(--theme-text);--cann-desc-color:var(--theme-placeholder);--cann-surface:var(--theme-default-bg);--cann-surface-muted:var(--theme-btn-default);--cann-border:var(--theme-dividing-line);--cann-border-strong:var(--theme-dividing-line);--cann-primary-bg:var(--theme-btn-primary);--cann-primary-bg-hover:var(--theme-btn-primary-hover);--cann-primary-text:var(--theme-light-text);--cann-success-bg:var(--theme-success-bg);color:var(--cann-title-color);font-family:HarmonyOS Sans SC,HarmonyOS Sans,PingFang SC,sans-serif;max-width:1304px;width:100%}.hero-card[data-v-db512d54],.steps-card[data-v-db512d54]{border:1px solid var(--cann-border);border-radius:8px;overflow:hidden;position:relative}.hero-card[data-v-db512d54]{min-height:248px}.hero-bg[data-v-db512d54],.steps-bg[data-v-db512d54]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.steps-bg-fade-enter-active[data-v-db512d54]{animation:steps-bg-fade-in-db512d54 .65s ease-in-out both}.steps-bg-fade-leave-active[data-v-db512d54]{opacity:0}.hero-bg[data-v-db512d54]{-o-object-position:left center;object-position:left center}.hero-copy[data-v-db512d54]{padding:32px;position:relative;width:780px;z-index:1}.hero-copy h1[data-v-db512d54]{font-size:20px;font-weight:700;line-height:28px;margin:16px 0 12px}.hero-copy p[data-v-db512d54]{color:var(--cann-desc-color);font-size:14px;line-height:22px;margin:0}.hero-badge[data-v-db512d54]{align-items:center;background:color-mix(in srgb,var(--cann-surface) 70%,transparent);border:1px solid var(--cann-border-strong);border-radius:4px;display:inline-flex;font-size:12px;height:24px;line-height:20px;padding:0 12px}.hero-actions[data-v-db512d54]{display:flex;gap:16px;margin-top:28px}.black-btn[data-v-db512d54],.create-btn[data-v-db512d54],.outline-btn[data-v-db512d54]{border-radius:4px;font-size:14px;height:32px;min-width:88px;padding-left:16px!important;padding-right:16px!important}.black-btn[data-v-db512d54]{background:var(--cann-primary-bg)!important;border-color:var(--theme-dividing-line)!important;color:var(--cann-primary-text)!important}.create-btn[data-v-db512d54],.outline-btn[data-v-db512d54]{background:var(--cann-surface)!important;border-color:var(--cann-border-strong)!important;color:var(--cann-title-color)!important}.outline-btn[data-v-db512d54]{border:1px solid var(--cann-border-strong)!important;box-shadow:none!important;outline:0!important}.section[data-v-db512d54]{margin-top:32px}.section h2[data-v-db512d54]{font-size:20px;font-weight:700;line-height:28px;margin:0 0 16px}.choice-grid[data-v-db512d54],.env-grid[data-v-db512d54]{display:grid;gap:16px;grid-template-columns:repeat(var(--env-grid-cols,4),minmax(0,1fr))}.choice-card[data-v-db512d54],.env-card[data-v-db512d54],.feature-card[data-v-db512d54]{background:var(--theme-home-card-bg);border:1px solid var(--cann-border)}.choice-card[data-v-db512d54]{border-radius:8px;min-width:0;padding:24px}.choice-card h3[data-v-db512d54]{font-size:16px;font-weight:600;line-height:24px;margin:24px 0 8px}.choice-card p[data-v-db512d54]{color:var(--cann-desc-color);display:-webkit-box;font-size:14px;line-height:22px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all}.choice-icon[data-v-db512d54]{height:40px;width:40px}.feature-grid[data-v-db512d54]{background:var(--theme-home-card-bg);border:1px solid var(--cann-border);border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.feature-card[data-v-db512d54]{border-width:0 0 1px 1px;min-height:132px;padding:28px 24px 0;position:relative}.feature-card p[data-v-db512d54]{color:var(--cann-desc-color);font-size:14px;line-height:22px;margin:12px 0 0}.feature-large[data-v-db512d54]{background:var(--theme-home-card-bg);border-left:0;grid-row:span 2;min-height:264px;padding-top:28px}.feature-head[data-v-db512d54]{align-items:center;display:flex;gap:16px}.feature-head img[data-v-db512d54]{height:32px;width:32px}.feature-head h3[data-v-db512d54]{font-size:16px;font-weight:600;line-height:24px;margin:0}.feature-illus[data-v-db512d54]{bottom:0;display:block;left:0;margin:58px auto 0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}.steps-card[data-v-db512d54]{height:306px}.steps-list[data-v-db512d54]{padding:32px 0 0 32px;position:relative;width:60%}.step-item[data-v-db512d54]{cursor:pointer;display:flex;gap:28px;max-height:58px;position:relative;transition:max-height .4s ease-in-out}.step-item[data-v-db512d54]:focus-visible{outline:2px solid var(--cann-title-color);outline-offset:4px}.step-item .step-description-box[data-v-db512d54]{margin-bottom:32px;max-height:0;opacity:0;transform:translateY(32px);transition:opacity .3s linear,max-height .4s ease-in-out,transform .4s ease-in-out .2s}.step-item.active .step-description-box[data-v-db512d54]{max-height:200px;opacity:0;transition:none}.step-item.active .step-line-solid[data-v-db512d54]{height:100%;transition:none}.step-item.current .step-description-box[data-v-db512d54]{max-height:200px;opacity:1;transform:translateY(0);transition:opacity .3s linear .3s,max-height .4s ease-in-out,transform .4s ease-in-out .2s}.step-item.current .step-line-solid[data-v-db512d54]{animation:step-line-fill-db512d54 10s ease-in-out 1s both;height:100%}.step-item .step-line-dash[data-v-db512d54]{background-color:var(--cann-surface-muted);background-image:linear-gradient(to bottom,var(--cann-border-strong) 2px,transparent 2px);background-size:1px 6px;bottom:1px;left:12px;position:absolute;top:28px;width:1px;z-index:1}.step-item .step-line-solid[data-v-db512d54]{background-color:var(--cann-title-color);height:0;left:12px;position:absolute;top:24px;width:1px;z-index:2}.step-item h3[data-v-db512d54]{font-size:18px;font-weight:500;line-height:26px;margin:0}.step-item p[data-v-db512d54]{color:var(--cann-desc-color);font-size:14px;line-height:22px;margin:8px 0 12px}.step-item.current[data-v-db512d54]{max-height:158px}.step-item.current h3[data-v-db512d54]{font-weight:700}.step-content[data-v-db512d54]{flex:1}.step-dot[data-v-db512d54]{border:1px solid var(--theme-dividing-line);border-radius:50%;flex:0 0 24px;font:700 12px/22px Arial,sans-serif;height:24px;position:relative;text-align:center;width:24px;z-index:3}.step-dot span[data-v-db512d54]{background:var(--cann-primary-bg);color:var(--cann-primary-text);z-index:4}.step-dot span[data-v-db512d54],.step-dot[data-v-db512d54]:before{border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.step-dot[data-v-db512d54]:before{background:color-mix(in srgb,var(--cann-title-color) 10%,transparent);content:"";opacity:0;transform:scale(1);transition:transform .4s ease-in-out .2s,opacity .3s linear .3s}.step-item.current .step-dot[data-v-db512d54]{background:var(--cann-title-color);color:var(--cann-primary-text)}.step-item.current .step-dot[data-v-db512d54]:before{opacity:1;transform:scale(1.5);transition:transform .4s ease-in-out .2s,opacity .3s linear .3s}@keyframes step-line-fill-db512d54{0%{height:0}to{height:100%}}@keyframes steps-bg-fade-in-db512d54{0%{opacity:0}to{opacity:1}}.env-card[data-v-db512d54]{align-items:center;border-radius:8px;display:flex;gap:12px;height:96px;padding:24px}.env-card h3[data-v-db512d54]{font-size:16px;font-weight:600;line-height:24px;margin:0 0 4px}.env-card p[data-v-db512d54]{color:var(--cann-desc-color);font-size:14px;line-height:22px;margin:0}.env-icon[data-v-db512d54]{height:48px;width:48px}@media screen and (max-width:1100px){.hero-copy[data-v-db512d54]{width:68%}.choice-grid[data-v-db512d54],.env-grid[data-v-db512d54]{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid[data-v-db512d54]{grid-template-columns:1fr}}@media screen and (max-width:760px){.hero-card[data-v-db512d54],.steps-card[data-v-db512d54]{height:auto;min-height:248px}.hero-bg[data-v-db512d54]{-o-object-position:center;object-position:center}.hero-copy[data-v-db512d54]{padding:24px;width:auto}.choice-grid[data-v-db512d54],.env-grid[data-v-db512d54]{grid-template-columns:1fr}}@media screen and (max-width:700px){.steps-list[data-v-db512d54]{box-sizing:border-box;width:100%}}