.sk-home{--home-ink:var(--text);--home-secondary:var(--text-secondary);--home-purple:var(--brand);--home-border:var(--border);--home-paper:var(--background);--home-soft:var(--brand-soft);--home-width:1120px;position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:0 0 64px;color:var(--home-ink);background:radial-gradient(ellipse 650px 360px at 78% 0,#e0ddff99,transparent),radial-gradient(ellipse 850px 400px at 40% 14%,#eee7ff88,transparent),var(--home-paper);font:400 15px/1.65 var(--site-font)}.sk-home *{box-sizing:border-box}.sk-home :is(h1,h2,h3,p,figure,ul){margin:0}.sk-home :is(section,article,aside){margin:0;min-width:0}.sk-home :is(a,button):focus-visible{outline:2px solid var(--home-purple);outline-offset:4px}.sk-home a{color:inherit;text-decoration:none}.sk-home button{font:inherit}.sk-home-inner{width:min(calc(100% - 48px),var(--home-width));margin-inline:auto}.app-shell:has(.sk-home),.app-shell:has(.sk-home) .app-main{max-width:none;padding:0}body:has(.sk-home){background:var(--background)}.sk-home .home-section{margin-top:64px}.sk-home .home-kicker{font-size:12px;color:var(--home-purple);font-weight:650;letter-spacing:.06em}.sk-home h2{font-size:26px;line-height:1.45;font-weight:650;letter-spacing:-.02em}.sk-home h3{font-size:18px;line-height:1.5;font-weight:650}.sk-home p{line-height:1.75}.sk-home .home-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border:1px solid var(--home-border);border-radius:10px;padding:10px 18px;background:white;color:#5941ba;font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer}.sk-home .home-button:hover{border-color:#c8baf8;background:#f6f3ff;text-decoration:none}.sk-home .home-button.is-primary{background:linear-gradient(115deg,#8059ed,#6945d4);border-color:var(--home-purple);color:white;border-radius:999px}.sk-home .home-button.is-primary:hover{background:#6044d1}.sk-home .home-text-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6445d4;min-height:44px;white-space:nowrap}.sk-home .home-text-link:hover{text-decoration:underline}.sk-home-hero{position:relative;display:flex;align-items:center;min-height:330px;padding:48px 0 58px}.sk-home-hero-copy{position:relative;z-index:2;width:76%}.sk-home-tag{display:inline-block;border-radius:999px;padding:5px 16px;background:linear-gradient(100deg,#eee5ff,#dfeaff);color:#6946d5;font-size:12px;font-weight:650}.sk-home h1{font-size:40px;font-weight:700;line-height:1.4;letter-spacing:-.04em;margin:20px 0 12px}.sk-home h1 span{display:inline;color:var(--home-purple);margin-left:.2em}.sk-home-intro{max-width:38em;color:#646a7e;font-size:14px}.sk-home-art{position:absolute;right:-20px;top:0;width:530px;height:330px;z-index:0;pointer-events:none}.sk-home-hero-art{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 95%,transparent),linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 95%,transparent),linear-gradient(180deg,#000 75%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.sk-home-art figcaption{position:absolute;bottom:28px;right:22px;font-size:9px;color:#81759b}.sk-home-film{position:absolute;z-index:-1;top:215px;left:50%;transform:translateX(-50%);width:100vw;height:180px;background:url(/homepage/film-ribbon.svg) 50%/cover no-repeat;opacity:.65;pointer-events:none}.sk-home-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.sk-home-step{position:relative;display:block;min-width:0;min-height:160px;padding:20px 22px 20px 68px;border:1px solid var(--home-border);border-radius:16px;background:#ffffffbb;box-shadow:0 5px 14px #53418c08;transition:border-color .15s,transform .15s}.sk-home-step:hover{border-color:#bba9f1;transform:translateY(-2px)}.sk-home-step:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-14px;top:46%;width:13px;text-align:center;color:#c0b3e8;font-size:17px}.sk-home-step-top{display:flex;gap:10px;align-items:center;margin-bottom:4px;color:#8d7caf;font-size:17px;font-weight:650}.sk-home-step-icon{position:absolute;left:18px;top:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef1ff;color:#6878dc}.step-folder .sk-home-step-icon,.step-grid .sk-home-step-icon{background:#eee7ff;color:var(--home-purple)}.sk-home .sk-home-step h2{font-size:17px;font-weight:650;line-height:1.45;margin-right:0;margin-bottom:8px}.sk-home-step p{color:#74798b;font-size:13px;max-width:17em}.sk-home-arrow{position:absolute;display:grid;place-items:center;right:14px;top:62px;width:28px;height:28px;border-radius:50%;background:#f2effa;color:#6b6388}.sk-home-step.step-folder{background:#f2edff;border-color:#cbb9ff}.step-folder .sk-home-arrow{color:white;background:var(--home-purple)}.step-folder p{color:#7053c2}.sk-home-creation{min-height:150px;padding:24px 32px;border:1px solid var(--home-border);border-radius:16px;background:white;box-shadow:0 3px 12px #51418a04}.sk-home-creation.is-invite{display:flex;gap:26px;align-items:center;background:radial-gradient(ellipse at 10% 100%,#dfd5ff88,transparent 35%),linear-gradient(100deg,#f8f5ff,#eee8ff);border-color:#e5dcff}.sk-home-creation .creation-art{flex:none;width:156px;height:112px}.sk-home-creation .creation-copy{flex:1 1;min-width:0}.sk-home-creation .creation-copy h2{margin:5px 0 8px;font-size:24px}.sk-home-creation .creation-copy p{color:var(--home-secondary);font-size:14px;max-width:41em}.sk-home-creation .creation-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sk-home-creation .creation-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.sk-home-creation .creation-heading p{font-size:14px;color:var(--home-secondary);margin-top:6px}.sk-home-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none}.sk-home-projects li{min-width:0}.sk-home-project{display:flex;gap:14px;height:100%;padding:18px 14px;border:1px solid var(--home-border);border-radius:12px;background:#fdfcff;align-items:center}.sk-home-project:hover{border-color:#bba9f1;background:#f7f4ff}.sk-home-project-icon{width:42px;height:48px;flex:none;display:grid;place-items:center;border-radius:9px;background:#eee8fc;color:#8967dd}.sk-home-project-copy{display:grid;gap:4px;min-width:0}.sk-home-project-copy b{font-size:15px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sk-home-project-copy .project-status{font-size:11px;color:#7959c3}.sk-home-project-copy time{font-size:11px;color:#74798b}.sk-home-project>svg{flex:none;margin-left:auto;color:#8067ba}.sk-home-loading{display:flex;align-items:center;gap:24px;min-height:112px;color:var(--home-secondary);font-size:14px}.sk-home-loading .loading-block{width:74px;height:74px;border-radius:16px;flex:none;background:#f1edfa}.sk-home-loading .loading-lines{display:grid;gap:12px;flex:1 1}.sk-home-loading .loading-line{height:10px;border-radius:6px;background:#f1edfa;max-width:440px}.sk-home-loading .loading-line:last-child{max-width:300px}.sk-home-error{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:112px}.sk-home-error h2{font-size:21px}.sk-home-error p{font-size:14px;color:var(--home-secondary);margin-top:8px}.sk-home .home-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.sk-home .home-section-header p{font-size:14px;color:var(--home-secondary);margin-top:8px}.sk-home .home-section-header time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sk-home-hot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0}.sk-home-hot-card{height:100%;border:1px solid var(--home-border);border-radius:16px;overflow:hidden;background:white;min-width:0}.sk-home-hot-cover{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f0edf7}.sk-home-hot-cover :is(img,.poster-fallback){width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%;border-radius:0}.sk-home-hot-cover .poster-fallback{display:grid;place-items:center;background:#eae4f4;color:#afa0c2;font-size:36px;font-weight:650}.sk-home-hot-cover .poster-fallback:after{content:"暂无可展示封面";font-size:11px;font-weight:400;position:absolute;bottom:14px;color:#746780}.sk-home-rank{position:absolute;top:12px;left:12px;min-width:32px;height:32px;padding:0 8px;border-radius:50%;display:grid;place-items:center;background:#7954e5;color:white;font-size:13px;font-weight:700;box-shadow:0 2px 8px #0001}.sk-home-hot-body{padding:16px;display:grid;gap:9px}.sk-home-hot-card:first-child .sk-home-rank{background:#e46168}.sk-home-hot-card:nth-child(2) .sk-home-rank{background:#9a65ea}.sk-home-hot-body h3{font-size:16px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sk-home-hot-body h3 a:hover{text-decoration:underline}.sk-home .home-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#7a698d}.sk-home .home-tags span{padding:2px 6px;border-radius:4px;background:#f4f0fa}.sk-home .home-reason{font-size:12px;color:#74798b;line-height:1.75}.sk-home .home-source{font-size:11px;color:#7d738c;border-top:1px solid var(--home-border);padding-top:10px}.sk-home .home-source-note{margin-top:18px;font-size:12px;color:var(--home-secondary)}.sk-home .home-empty{border:1px dashed #dcd3ed;border-radius:16px;padding:30px;text-align:center;background:white;color:var(--home-secondary)}.sk-home .home-empty h3{color:var(--home-ink);font-size:18px;margin-bottom:8px}.sk-home .home-empty p{font-size:14px}.sk-home-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:24px}.sk-home-benefit-grid li{display:flex;gap:14px;min-width:0}.sk-home-benefit-grid li+li{border-left:1px solid var(--home-border);padding-left:20px}.sk-home-benefit-grid .benefit-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#eee7ff;color:var(--home-purple)}.sk-home-benefit-grid li:first-child .benefit-icon{color:#5686e8;background:#eaf0ff}.sk-home-benefit-grid h3{font-size:16px;margin:2px 0 8px;line-height:1.55}.sk-home-benefit-grid p{font-size:13px;color:var(--home-secondary)}.sk-home-story-cta{position:relative;display:grid;grid-template-columns:40% 1fr;align-items:center;gap:36px;border:1px solid #e9e1fb;border-radius:22px;overflow:hidden;padding:34px 42px;background:linear-gradient(115deg,#eee8ff,#f8f5ff 65%,#eee8ff);min-height:250px}.sk-home-story-cta:after{content:"";position:absolute;inset:auto -40px -80px;height:180px;background:url(/homepage/film-ribbon.svg) 50%/cover;opacity:.5;pointer-events:none}.sk-home-cta-copy{position:relative;z-index:1}.sk-home-story-cta h2{font-size:27px;margin:10px 0}.sk-home-story-cta p{font-size:14px;color:var(--home-secondary)}.sk-home-story-cta .home-button{margin-top:20px;border-radius:999px;padding-inline:24px}.sk-home-collage{position:relative;height:180px;isolation:isolate}.collage-frame{position:absolute;width:170px;height:125px;overflow:hidden;border:5px solid white;border-radius:14px;box-shadow:0 8px 18px #63518f1c;background:#c8c0dd;top:20px}.collage-frame img{position:absolute;width:300%;height:200%;max-width:none;object-fit:fill;left:-200%;top:-100%}.collage-left{left:0;transform:rotate(-18deg);z-index:0}.collage-left img{left:0;top:0}.collage-right{right:0;transform:rotate(18deg);z-index:0}.collage-right img{left:-100%;top:0}.collage-front{left:22%;top:6px;transform:rotate(-7deg);z-index:1;width:195px;height:150px}body:has(.sk-home) .site-footer{display:grid;max-width:1120px;margin:0 auto;padding:32px 0 36px;border-top:1px solid #eae7f3;gap:32px;color:#74798b;font-family:var(--site-font);font-size:13px;background:transparent}body:has(.sk-home) .site-footer h2{font-size:14px;font-weight:650;color:#1e2030}body:has(.sk-home) .site-footer .brand{font-size:18px;color:#1e2030}body:has(.sk-home) .site-footer a{color:#74798b}@media(max-width:1100px){.sk-home-creation.is-invite{gap:18px}.sk-home-creation .creation-art{width:94px}.sk-home-creation .creation-copy h2{font-size:22px}.sk-home-hero{gap:20px}.sk-home h1{font-size:40px}}@media(max-width:900px){.sk-home-steps{gap:12px}.sk-home-step{padding:18px 14px 18px 54px}.sk-home-step-icon{left:13px;width:30px;height:30px}.sk-home .sk-home-step h2{font-size:16px}.sk-home-projects{grid-template-columns:1fr}.sk-home-creation.is-invite{flex-wrap:wrap}.sk-home-creation .creation-actions{margin-left:112px}.sk-home-hot-grid{gap:14px}.sk-home-hot-body{padding:14px}.sk-home-hot-body h3{font-size:15px}.sk-home-hot-cover{aspect-ratio:3/4}.sk-home .home-section-header,.sk-home-creation .creation-heading{align-items:flex-start}.sk-home-creation .creation-heading .creation-actions{margin-left:0}.sk-home-hero{min-height:300px}.sk-home-art{width:440px;right:-20px}.sk-home-hero-copy{width:80%}.sk-home h1 span{display:block;margin-left:0}.sk-home-story-cta{padding:30px;gap:20px;grid-template-columns:35% 1fr}.collage-frame{width:125px}.collage-front{width:150px;left:12%}.sk-home h1{font-size:36px}}@media(max-width:700px){.sk-home-inner{width:calc(100% - 32px)}.sk-home{padding-bottom:40px}.sk-home .home-section{margin-top:48px}.sk-home-hero{display:flex;flex-direction:column;gap:8px;text-align:center;padding:28px 0 10px}.sk-home-hero-copy{width:100%}.sk-home-film{top:340px;height:150px}.sk-home h1{font-size:32px;margin:14px 0}.sk-home-intro{font-size:14px;max-width:30em;margin:auto}.sk-home-art{position:relative;right:auto;top:auto;width:300px;height:190px;margin:0 auto!important}.sk-home-art figcaption{bottom:12px;font-size:9px}.sk-home-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sk-home-step{min-height:174px;padding:16px;border-radius:16px}.sk-home .sk-home-step h2{font-size:16px;margin-right:0}.sk-home-step p{font-size:12px}.sk-home-arrow{right:12px;top:21px;width:25px;height:25px}.sk-home-step:not(:last-child):after{display:none}.sk-home-step-top{gap:8px;margin-bottom:12px}.sk-home-step-icon{position:static;width:32px;height:32px}.sk-home-creation{padding:22px 20px}.sk-home-creation.is-invite{gap:12px;display:grid;grid-template-columns:64px 1fr}.sk-home-creation .creation-art{width:64px;height:72px}.sk-home-creation .creation-copy h2{font-size:20px;line-height:1.55}.sk-home-creation .creation-copy p{font-size:13px}.sk-home-creation .creation-actions{grid-column:1/-1;margin:6px 0 0}.sk-home-creation .creation-actions>.home-button{width:100%}.sk-home-creation .creation-heading{flex-direction:column;gap:14px}.sk-home-creation .creation-heading .creation-actions{width:100%}.sk-home-creation .creation-heading .creation-actions>.home-button{width:auto}.sk-home h2{font-size:24px}.sk-home .home-section-header{flex-direction:column;gap:8px;margin-bottom:18px}.sk-home-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sk-home-hot-cover{aspect-ratio:4/3}.sk-home-hot-body{padding:12px;gap:8px}.sk-home-hot-body h3{font-size:14px;line-height:1.55}.sk-home .home-reason{font-size:11px}.sk-home .home-source,.sk-home .home-tags{font-size:10px}.sk-home-rank{top:8px;left:8px;height:25px;min-width:25px;font-size:11px}.sk-home-story-cta{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:24px}.sk-home-collage{height:156px;width:270px;max-width:100%;margin:0 auto}.collage-frame{width:135px;height:105px}.collage-front{width:170px;height:132px;left:18%}.sk-home-story-cta h2{font-size:23px}.sk-home .home-button{font-size:13px}.sk-home-creation .creation-copy .home-kicker{font-size:11px}.sk-home-error{flex-direction:column;align-items:flex-start}.sk-home-loading{gap:16px}.sk-home-loading .loading-block{width:48px;height:48px}body:has(.sk-home) .site-footer{margin-inline:16px;padding-block:26px;gap:24px;grid-template-columns:1fr 1fr}body:has(.sk-home) .site-footer>div:first-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.sk-home-step{transition:none}.sk-home-step:hover{transform:none}}@media(max-width:1100px){.sk-home-benefit-grid{gap:18px}.sk-home-benefit-grid li{gap:10px}.sk-home-benefit-grid li+li{padding-left:14px}.sk-home-benefit-grid h3{font-size:14px}.sk-home-benefit-grid .benefit-icon{width:36px;height:36px}.sk-home-benefit-grid p{font-size:12px}}@media(max-width:900px){.sk-home-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.sk-home-benefit-grid li+li{padding-left:0;border:0}.sk-home-benefit-grid h3{font-size:16px}}@media(max-width:480px){.sk-home-benefit-grid{grid-template-columns:1fr;gap:24px}.sk-home-benefit-grid li{gap:14px}.sk-home-benefit-grid .benefit-icon{width:42px;height:42px}.sk-home-benefit-grid p{font-size:13px}.sk-home-benefit-grid p br{display:none}}