.yooco-home{--yooco-display:var(--yooco-font-display,"Fraunces", "Songti SC", "Noto Serif SC", Georgia, serif);--yooco-accent:var(--yooco-color-primary,#b6ff5c);--yooco-accent-hover:#a3ec4e;--background:var(--yooco-color-paper,#f8f9f4);--foreground:var(--yooco-color-ink,#20251f);--card:var(--yooco-color-surface,#fff);--card-foreground:var(--yooco-color-ink,#20251f);--muted:var(--yooco-color-soft,#edf2e8);--muted-foreground:var(--yooco-color-muted,#626b61);--border:var(--yooco-color-border,#dce2d8);--input:var(--yooco-color-border,#dce2d8);--ring:var(--yooco-color-focus,#355d27);--primary:var(--yooco-color-ink,#20251f);--primary-foreground:#fafafa;--destructive:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--background);min-height:100dvh;color:var(--foreground);flex-direction:column;display:flex}.yooco-shell{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:640px){.yooco-shell{padding-inline:2rem}}.yooco-hero{border-bottom:1px solid var(--border);padding-block:3.5rem 4rem;position:relative}.yooco-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--background) 94%, transparent)!important}.yooco-nav{white-space:nowrap;min-width:0}.yooco-nav a,.yooco-nav button{min-height:2.5rem}.yooco-hero-kicker{color:var(--yooco-color-ink,#20251f);letter-spacing:.08em;margin:0;font-family:Songti SC,SimSun,Noto Serif SC,serif;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500}.yooco-hero-title{color:var(--yooco-color-ink,#20251f);font-family:var(--yooco-display,"Fraunces", Georgia, serif);letter-spacing:-.04em;margin:.85rem 0 0;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:560;line-height:1.05}.yooco-hero-mark{vertical-align:baseline;width:.505em;height:0;margin-inline:4px;line-height:0;display:inline-block;position:relative}.yooco-hero-mark-letter{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.yooco-hero-mark-logo{width:.66em;height:.66em;position:absolute;bottom:-.104em;left:50%;transform:translate(-50%)}.yooco-hero-mark .eyt,.yooco-hero-mark .eyt-ball{width:100%;height:100%}.yooco-hero-mark .eyt{--fill-slab:var(--yooco-color-primary);--fill-on:var(--yooco-color-ink)}.yooco-input-wrap{position:relative}.yooco-input-card{border-color:var(--yooco-color-border,#dce2d8)!important;background:color-mix(in srgb, var(--yooco-color-surface,#fff) 92%, var(--yooco-color-paper,#f8f9f4))!important;border-radius:1.75rem!important;box-shadow:0 16px 40px #20251f14!important}.hero-morph{width:100%;height:18rem;margin-top:.6rem;position:relative;container-type:inline-size}.hero-copy{text-align:center;flex-direction:column;justify-content:center;height:18rem;display:flex}.hero-morph-label{color:var(--yooco-color-link,#355d27);letter-spacing:.15em;margin:0 0 1rem;font-size:.68rem}.hero-morph-label>span{color:#899082;margin-right:.8rem;font-family:Arial,sans-serif;font-size:.6rem}.hero-title{font-family:var(--yooco-display);letter-spacing:-.03em;color:var(--yooco-color-ink,#20251f);font-size:clamp(1.6rem,5.2cqw,3.15rem);font-weight:650;line-height:1.2}.hero-line{display:block}.hero-sub{color:var(--yooco-color-body,#485244);margin:1rem 0 0;font-size:.9rem;line-height:1.6}.hero-copy[data-style=sans-offset]{text-align:left;padding-inline:8%}.hero-copy[data-style=sans-offset] .hero-title{letter-spacing:-.055em;font-family:Arial,Microsoft YaHei,sans-serif;font-weight:900}.hero-copy[data-style=sans-offset] .hero-line:nth-child(2){padding-left:13%}.hero-copy[data-style=sans-offset] .hero-line-last{color:var(--yooco-color-link,#355d27);padding-left:22%}.hero-copy[data-style=sans-offset] .hero-sub{border-left:2px solid var(--yooco-color-link,#355d27);padding-left:.8rem}.hero-copy[data-style=bilingual-note]{text-align:left;grid-template-columns:minmax(0,1fr) minmax(6rem,21%);align-content:center;align-items:end;gap:0 1.2rem;padding-inline:6%;display:grid}.hero-copy[data-style=bilingual-note] .hero-morph-label{grid-column:1/-1}.hero-copy[data-style=bilingual-note] .hero-title{font-size:clamp(1.45rem,4.7cqw,2.8rem)}.hero-copy[data-style=bilingual-note] .hero-sub{border-top:1px solid #85917c;margin:0 0 .25rem;padding-top:.7rem;font-family:Georgia,serif;font-size:clamp(.7rem,1.8cqw,.9rem)}.hero-copy[data-style=english-serif] .hero-title{letter-spacing:-.04em;font-family:Fraunces,Georgia,serif;font-size:clamp(1.65rem,5.8cqw,3.5rem);font-weight:560}.hero-copy[data-style=english-serif] em{font-weight:400}.hero-copy[data-style=english-poster]{text-align:left;padding-inline:8%}.hero-copy[data-style=english-poster] .hero-title{letter-spacing:-.05em;font-family:Arial,sans-serif;font-size:clamp(1.5rem,5.6cqw,3.5rem);font-weight:900;line-height:1.05}.hero-copy[data-style=english-poster] em{color:var(--yooco-color-link,#355d27);font-style:normal}.hero-copy[data-style=english-poster] .hero-line-last{text-align:right;padding-right:15%}.hero-copy[data-style=bilingual-rule] .hero-title{letter-spacing:.025em;font-size:clamp(1.5rem,4.6cqw,2.8rem);font-weight:560}.hero-copy[data-style=bilingual-rule] .hero-sub{border-top:1px solid #b6beac;align-self:center;max-width:90%;padding-top:.65rem;font-family:Georgia,serif;font-size:.8rem}@media (min-width:640px){.yooco-hero{padding-block:4.5rem 5rem}}@media (max-width:639px){.yooco-shell{padding-inline:1rem}.yooco-header .yooco-shell{gap:.5rem}.yooco-nav{scrollbar-width:none;flex:1;justify-content:flex-end;overflow-x:auto}.yooco-nav::-webkit-scrollbar{display:none}.yooco-nav a,.yooco-nav button{padding-inline:.55rem;font-size:.75rem}.hero-morph,.hero-copy{height:17rem}.hero-title{font-size:clamp(1.65rem,6.4cqw,2.4rem)}.hero-copy[data-style=sans-offset]{padding-inline:0}.hero-copy[data-style=sans-offset] .hero-line-last{padding-left:14%}.hero-copy[data-style=bilingual-note]{gap:0 .8rem;padding-inline:0}.hero-copy[data-style=bilingual-note] .hero-title{font-size:clamp(1.35rem,5.3cqw,2rem)}.hero-copy[data-style=english-serif] .hero-title{font-size:clamp(1.6rem,7.2cqw,2.6rem)}.hero-copy[data-style=english-poster]{padding-inline:0}.hero-copy[data-style=english-poster] .hero-title{font-size:clamp(1.5rem,7cqw,2.6rem)}}.yooco-section{padding-block:4rem}.yooco-band{background:var(--yooco-color-soft,#edf2e8);border-block:1px solid var(--yooco-color-border,#dce2d8);padding-block:4rem}.morph{margin-top:2.5rem}.morph-label{text-align:center;letter-spacing:.14em;color:var(--yooco-accent);margin-bottom:.75rem;font-size:.75rem}.morph-stage{background-color:var(--yooco-color-ink,#20251f);background-image:linear-gradient(90deg,#0000 1.35rem,#ffffff29 1.35rem calc(1.35rem + 1px),#0000 calc(1.35rem + 1px)),repeating-linear-gradient(#0000 0 31px,#ffffff1a 31px 32px);border-radius:1rem;height:20rem;position:relative;overflow:hidden}.morph-messy,.morph-neat,.morph-canvas{position:absolute;inset:0}.morph-canvas{z-index:2;pointer-events:none;width:100%;height:100%}.morph-messy{z-index:1}.morph-neat{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex}.morph-neat-inner{width:min(78%,28rem)}.morph-phrase{white-space:nowrap;position:absolute}.morph-ch{vertical-align:top;color:#f4f4f2;line-height:1;display:inline-block}.morph-messy .is-title{font-family:var(--yooco-display);font-size:1.65rem;font-weight:650}.morph-messy .is-body,.morph-messy .is-quote{color:#d8d8d4;font-size:.95rem}.morph-messy .is-note{color:var(--yooco-color-primary,#b6ff5c);font-size:.85rem}.morph-neat .is-title{font-family:var(--yooco-display);font-size:1.7rem;font-weight:650;display:block}.morph-neat .is-body{color:#d8d8d4;margin-top:.7rem;font-size:.95rem;line-height:1.15;display:block}.morph-neat .is-quote{border-left:3px solid var(--yooco-color-primary,#b6ff5c);color:#f3f1ec;margin-top:.75rem;padding-left:.7rem;font-size:.95rem;line-height:1.15;display:block}.morph-neat .is-note{color:var(--yooco-color-primary,#b6ff5c);margin-top:.55rem;padding-left:.7rem;font-size:.85rem;line-height:1.15;display:block}.yooco-step-icon{border-radius:var(--yooco-radius-md,8px);border:1px solid var(--border);width:2.75rem;height:2.75rem;color:var(--yooco-color-link,#355d27);background:#fff;justify-content:center;align-items:center;display:inline-flex}.yooco-pricing-grid{gap:1rem;display:grid}.yooco-pricing-card{border:1px solid var(--border);border-radius:var(--yooco-radius-lg,12px);background:var(--yooco-color-surface,#fff);padding:1.75rem 1.5rem}.yooco-pricing-card.is-featured{border-color:color-mix(in srgb, var(--yooco-color-link,#355d27) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--yooco-color-primary,#b6ff5c) 38%, transparent)}@media (min-width:640px){.yooco-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}@media (prefers-reduced-motion:reduce){.yooco-home *{transition:none!important;animation:none!important}}.eyt{--bg:var(--yooco-color-paper,#f8f9f4);--fill-slab:var(--yooco-color-surface,#fff);--fill-on:var(--yooco-color-ink,#20251f);--ink:var(--yooco-color-ink,#20251f);place-items:center;width:200px;height:200px;display:grid}.eyt-ball{width:var(--eyt-size,100px);height:var(--eyt-size,100px);overflow:visible}.eyt-body{fill:var(--fill-slab,#fff)}.eyt-eye{fill:var(--fill-on,#0b0b0d)}.logo-test .eyt{width:auto;height:auto}.logo-test .eyt-body{fill:var(--ink)}.logo-test .eyt-eye{fill:var(--bg)}[data-theme=dark] .logo-test .eyt-body{fill:#2b2c30}[data-theme=dark] .logo-test .eyt-eye{fill:#fbfbfa}body:has(.ol-home){color:var(--ol-text);background:#000}.ol-home{--background:#000;--foreground:var(--ol-text);--border:var(--ol-line);--muted-foreground:var(--ol-text-dim);min-height:100dvh;color:var(--ol-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ol-sans);background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/60px 60px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/60px 60px,#000;position:relative}.ol-home:before{content:"";pointer-events:none;opacity:.15;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.ol-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;width:420px;height:420px;position:fixed}.ol-glow-a{background:#ccff002e;top:-80px;left:-60px}.ol-glow-b{background:#10b98129;bottom:10vh;right:-80px}.ol-shell{z-index:1;border:1px solid var(--ol-line);background:#0c0c0c;border-radius:2.5rem;width:min(1600px,100% - 32px);margin:16px auto;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000073}.ol-header,.ol-home main,.ol-footer{z-index:1;position:relative}.ol-header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:84px;padding:18px 28px;display:grid}.ol-nav{border:1px solid var(--ol-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border-radius:999px;justify-content:center;gap:4px;width:max-content;margin-inline:auto;padding:6px;display:flex}.ol-nav a{color:#ffffffb3;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none}.ol-nav a:hover{color:#fff;background:#ffffff0f}.ol-header-end{align-items:center;gap:12px;display:flex}.ol-status{color:var(--ol-text-dim);font-family:var(--ol-mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:10px;display:inline-flex}.ol-pulse{background:var(--ol-lime);width:6px;height:6px;box-shadow:0 0 12px var(--ol-lime);border-radius:50%;animation:1.8s ease-in-out infinite ol-pulse}.ol-login,.ol-account{color:#000;min-height:40px;font-family:var(--ol-sans);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.ol-account{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--ol-text);background:0 0;font-weight:500;overflow:hidden}.ol-hero{text-align:center;flex-direction:column;align-items:center;gap:36px;padding:48px 48px 64px;display:flex}.ol-hero-copy{width:min(100%,1200px)}.ol-kicker{color:var(--ol-lime);font-family:var(--ol-mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:11px}.ol-hero h1{color:var(--ol-text);font-family:var(--ol-sans);letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:clamp(2.8rem,5.6vw,5.4rem);font-weight:500;line-height:1}.ol-hero-line{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.2em;display:flex}.ol-hero h1 .ol-hero-accent{background:linear-gradient(100deg,#cf0 10%,#fff 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:400;display:inline}.ol-hero-panel{width:min(720px,100%);position:relative}.ol-eye{flex:none;width:.72em;height:.72em;animation:6s ease-in-out infinite ol-float;position:relative}.ol-eye .eyt,.ol-eye .eyt-ball{width:100%;height:100%}.ol-eye .eyt{--fill-slab:#cf0;--fill-on:#000;--bg:transparent}.ol-composer{border:1px solid var(--ol-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border-radius:2rem;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 20px 50px #00000047}.ol-composer textarea{resize:vertical;width:100%;min-height:180px;color:var(--ol-text);font-family:var(--ol-sans);background:#00000059;border:0;border-radius:1.25rem;outline:none;padding:16px 18px;font-size:16px;line-height:1.6}.ol-composer textarea::placeholder{color:var(--ol-text-mute)}.ol-composer textarea:focus{box-shadow:inset 0 0 0 1px #ccff0073}.ol-composer-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ol-upload,.ol-primary{min-height:48px;font-family:var(--ol-sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.ol-upload{border:1px solid var(--ol-line);color:var(--ol-text);background:0 0;padding:0 16px}.ol-upload:hover{border-color:#ccff0073}.ol-hint{min-width:8rem;color:var(--ol-text-dim);font-family:var(--ol-mono);letter-spacing:.04em;flex:1;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.ol-hint.is-error{color:#ffb4a8}.ol-primary{background:var(--ol-lime);color:#000;transition:transform .2s var(--ol-ease);border:0;margin-left:auto;padding:0 22px;box-shadow:0 0 30px #ccff004d}.ol-primary:hover:not(:disabled){transform:scale(1.05)}.ol-upload:disabled,.ol-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.ol-home .works-band{color:#ebebeb;background:0 0;border:0;border-radius:0;margin:0;padding:36px 32px 8px}.ol-home .works-head.works-head-fan{margin-bottom:.2rem}.ol-home .works-head.works-head-fan h2,.ol-home .works-more{color:#ebebeb;font-family:var(--ol-sans)}.ol-home .works-head.works-head-fan h2{letter-spacing:-.04em;font-weight:600}.ol-home .works-more{border-bottom-color:#ffffff73}.ol-home .works-fan{box-sizing:border-box;align-items:flex-start;height:calc(7.5rem + 26px);min-height:0;margin-top:.35rem;padding:26px 0 0;overflow:hidden}.ol-home .works-fan .work-card{transition:transform .25s}.ol-home .works-fan .work-cover{border-radius:1.5rem}.ol-pricing{padding:12px 48px 56px}.ol-pricing-intro{text-align:center}.ol-pricing-intro h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3rem)}.ol-pricing-intro p,.ol-pricing-note{color:var(--ol-text-dim);text-align:center}.ol-pricing-grid{gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.ol-pricing-grid li{border:1px solid var(--ol-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border-radius:2rem;padding:24px}.ol-pricing-grid li.is-featured{background:var(--ol-lime);color:#000}.ol-pricing-grid strong{letter-spacing:-.06em;margin-top:12px;font-size:2.4rem;display:block}.ol-pricing-grid span,.ol-pricing-grid p{margin:0}.ol-pricing-note{margin:12px 0 0;font-size:12px}.ol-footer{background:#000;padding:28px 48px 36px}.ol-footer-row{color:var(--ol-text-dim);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.ol-footer-link{color:#ffffff73;font-size:14px;font-weight:500;text-decoration:none}.ol-footer-link:hover{color:#ffffffb8}.ol-copy{font-family:var(--ol-mono);letter-spacing:.14em;font-size:11px}.ol-beian{text-align:center;margin:12px 0 0}.ol-beian a{color:#ffffff61;font-family:var(--ol-mono);letter-spacing:.04em;font-size:11px;text-decoration:none}.ol-beian a:hover{color:#ffffff9e}.ol-watermark{z-index:0;color:#ffffff0d;letter-spacing:-.08em;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(5rem,16vw,12rem);font-weight:700;line-height:.8;position:absolute;bottom:120px;right:4%}.ol-home :focus-visible{outline:2px solid var(--ol-lime);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:900px){.ol-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){body:has(.ol-home){height:100dvh;margin:0;overflow:hidden}.ol-home{height:100dvh;min-height:0;overflow:hidden}.ol-shell{flex-direction:column;height:calc(100dvh - 24px);margin:12px auto;display:flex}.ol-header{flex:none;min-height:64px;padding:10px 28px}.ol-home main{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.ol-hero{flex:auto;justify-content:center;gap:20px;min-height:0;padding:8px 48px 12px}.ol-kicker{margin-bottom:8px}.ol-hero h1{font-size:clamp(2.6rem,4.2vw,4.15rem)}.ol-composer{gap:10px;padding:14px}.ol-composer textarea{resize:none;height:120px;min-height:0}.ol-footer{background:0 0;flex:none;justify-content:center;padding:0 28px 8px;display:flex}.ol-footer-row{display:none}.ol-beian{margin:0}.ol-watermark{bottom:7.5rem}.ol-home .works-band{flex:none;padding:0 32px;overflow:hidden}.ol-home .works-band>.yooco-shell{width:100%;max-width:none;padding-inline:0}}@media (max-width:980px){.ol-header{grid-template-columns:1fr auto}.ol-nav{grid-column:1/-1;justify-content:flex-start;width:auto;overflow-x:auto}.ol-hero{gap:28px;padding:28px 20px 40px}.ol-hero h1{font-size:clamp(1.65rem,7.2vw,2.4rem)}.ol-home .works-band{padding:28px 12px 8px}.ol-footer,.ol-pricing{padding-inline:16px}.ol-status{display:none}}@media (max-width:700px){.ol-home .works-fan{height:calc(5rem + 12px);padding-top:12px}}@media (max-width:640px){.ol-shell{border-radius:1.5rem;width:min(1600px,100% - 12px);margin-block:8px}.ol-header{padding:14px}.ol-composer-bar{align-items:stretch}.ol-primary,.ol-upload{width:100%}.ol-hint{flex-basis:100%;order:3}.ol-footer-row{flex-wrap:wrap}}