.text-scroll-container[data-v-653194a2]{width:100%;height:var(--v1d032484);position:relative;overflow:hidden}.scroll-list[data-v-653194a2]{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%}.scroll-item[data-v-653194a2]{width:100%;display:flex;justify-content:center;align-items:center;transition:opacity .5s;opacity:.4}.scroll-item.active[data-v-653194a2]{opacity:1}.scroll-item.is-clickable[data-v-653194a2]{cursor:pointer}.scroll-item .item-content[data-v-653194a2]{color:#fdfdfd;font-size:.729rem;font-weight:400;padding:0 .521rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){.scroll-item .item-content[data-v-653194a2]{font-size:12px}}.flow-button[data-v-9d72f6b5]{position:relative;display:flex;align-items:center;gap:.25rem;overflow:hidden;background-color:#8b5cf5;padding:.75rem 2rem;font-size:.875rem;color:#fff;cursor:pointer;transition:all .6s cubic-bezier(.23,1,.32,1);border-radius:4.688rem;width:17.708rem;justify-content:center;outline:none;border:none}.flow-button[data-v-9d72f6b5]:hover{color:#000;border-radius:.625rem}.flow-button:hover .arrow-left[data-v-9d72f6b5]{left:1rem;stroke:#fff}.flow-button:hover .text[data-v-9d72f6b5]{transform:translate(.75rem)}.flow-button:hover .circle-bg[data-v-9d72f6b5]{width:18.75rem;height:18.75rem;opacity:1}.flow-button:hover .arrow-right[data-v-9d72f6b5]{right:-25%;stroke:#fff}.flow-button[data-v-9d72f6b5]:active{transform:scale(.95)}.flow-button .icon[data-v-9d72f6b5]{position:absolute;width:1rem;height:1rem;stroke:#111;fill:none;z-index:9;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.flow-button .arrow-left[data-v-9d72f6b5]{left:-25%}.flow-button .arrow-right[data-v-9d72f6b5]{right:1rem}.flow-button .text[data-v-9d72f6b5]{position:relative;z-index:1;font-size:.833rem;transition:all .8s ease-out}.flow-button .circle-bg[data-v-9d72f6b5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background-color:#d6e86e;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:768px){.flow-button[data-v-9d72f6b5]{width:80%}}.welcome-container[data-v-50f007cf]{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s ease;position:relative}@keyframes bounceDown-50f007cf{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.more[data-v-50f007cf]{position:absolute;bottom:clamp(.833rem,3vw,1.25rem);color:#b4b4b6;font-size:clamp(.625rem,1.2vw,.729rem);display:flex;align-items:center;gap:.208rem;font-family:MiSans-Medium}.more .scroll-down-icon[data-v-50f007cf]{width:.625rem;height:.625rem;animation:bounceDown-50f007cf 1.5s infinite}.input-view[data-v-50f007cf]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.833rem,3vw,1.25rem);min-height:calc(100vh - 3.646rem);position:relative;z-index:9999;transition:all .3s;pointer-events:none;transform:translateY(-3.646rem);padding:clamp(1.667rem,6vw,3.75rem) clamp(1.042rem,5vw,2.917rem) clamp(5rem,8vw,6.25rem);box-sizing:border-box}.input-view[data-v-50f007cf]:after{content:"";background:#17171799;backdrop-filter:blur(1.563rem);height:4.167rem;position:absolute;bottom:-4.167rem;width:100%;opacity:0;transition:all .3s}.input-view .container[data-v-50f007cf]{transform:translateY(1.042rem);min-height:var(--v50dd629a);height:auto;width:min(100%,72.917rem);display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .3s;position:relative}.input-view .container .footer-text[data-v-50f007cf]{color:#fff;font-size:clamp(.625rem,1.2vw,.729rem);font-style:normal;font-weight:400;line-height:1.9;text-align:center;position:absolute;top:calc(var(--v50dd629a) + 4.167rem);transition:all .3s;width:min(100%,45.833rem);padding:0 .833rem;box-sizing:border-box}.input-view .panel[data-v-50f007cf]{display:flex;align-items:center;flex-direction:column;width:min(100%,72.917rem);transition:transform .3s ease}.input-view .panel .panel-container[data-v-50f007cf]{overflow:hidden;position:relative;display:flex;align-items:center;flex-direction:column;width:100%;max-width:18.75rem;z-index:10;transition:max-width .38s cubic-bezier(.22,1,.36,1);will-change:max-width;contain:layout paint}.input-view .panel .panel-container .flow-button[data-v-50f007cf]{position:absolute;z-index:10;pointer-events:auto;opacity:1;transform:scale(1);transition:opacity .1s ease-in-out}.input-view .welcome-text[data-v-50f007cf]{margin:0;min-height:3.646rem;display:flex;align-items:flex-start;justify-content:center;color:#fff;gap:.417rem;z-index:1;width:min(100%,50rem);text-align:center;font-size:clamp(1.667rem,5vw,2.5rem);line-height:1.2;transition:all .3s}.input-view .welcome-text span[data-v-50f007cf]{display:inline-block;font-weight:600}.input-view[data-v-50f007cf] .input-view-input{display:flex;transition:all .3s ease;border-radius:1.25rem 1.25rem 0;width:100%;border-radius:4.688rem;height:2.604rem;overflow:hidden;opacity:0;padding:0;pointer-events:none;transform:translateY(.521rem) scale(.98);transform-origin:top center;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),border-radius .38s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}#app .input-view[data-v-50f007cf] .input-view-input .chat-placeholder-wrap,.input-view[data-v-50f007cf] .input-view-input .el-editor-sender-chat-room,.input-view[data-v-50f007cf] .input-view-input .chat-grid-wrap{transition:all .3s ease}#app .input-view[data-v-50f007cf] .input-view-input .el-editor-sender-wrap{background:transparent;box-shadow:none}#app .input-view[data-v-50f007cf] .input-view-input .el-editor-sender-content{padding:.208rem}.input-view .carousel[data-v-50f007cf]{display:grid;grid-template-rows:1fr;justify-items:center;gap:clamp(1.042rem,4vw,3.333rem);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),max-height .38s cubic-bezier(.22,1,.36,1),margin-top .38s cubic-bezier(.22,1,.36,1);opacity:0;margin-top:0;width:min(100%,62.5rem);max-height:0;overflow:hidden;pointer-events:none;transform:translateY(.938rem);will-change:opacity,transform,max-height}.input-view .carousel .carousel-col[data-v-50f007cf]{min-height:0;width:100%}.input-view .recent-skills[data-v-50f007cf]{width:min(100%,72.917rem);opacity:0;max-height:0;overflow:hidden;pointer-events:none;transform:translateY(.938rem);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),max-height .38s cubic-bezier(.22,1,.36,1),margin-top .38s cubic-bezier(.22,1,.36,1)}.input-view .recent-skills h2[data-v-50f007cf]{color:#f1f3f8;font-size:.938rem;margin:0 0 .417rem;font-weight:500}.input-view .recent-skills .skill-list[data-v-50f007cf]{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:9.896rem;gap:.833rem}.input-view .recent-skills .skill-list[data-v-50f007cf] .card-image{height:8.333rem}.input-view.is-active[data-v-50f007cf]{background:#17171799;backdrop-filter:blur(1.563rem);pointer-events:auto}.input-view.is-active[data-v-50f007cf]:after{opacity:1}.input-view.is-active[data-v-50f007cf] .input-view-input{opacity:1;height:unset;min-height:7.5rem;border-radius:.833rem .833rem 0;pointer-events:auto;transform:translateY(0) scale(1)}.input-view.is-active .carousel[data-v-50f007cf]{opacity:1;transform:translateY(0);max-height:18.75rem;margin-top:clamp(1.042rem,3vw,1.563rem);pointer-events:auto}.input-view.is-active .recent-skills[data-v-50f007cf]{opacity:1;transform:translateY(0);max-height:13.542rem;pointer-events:auto}.input-view.is-active .zoom[data-v-50f007cf]{width:fit-content}.input-view.is-active .footer-text[data-v-50f007cf]{opacity:0}.input-view.is-active .panel-container[data-v-50f007cf]{max-width:62.5rem}.input-view.is-active .panel[data-v-50f007cf]{transform:translateY(1.563rem)}.input-view.is-active .panel .panel-container .flow-button[data-v-50f007cf]{pointer-events:none;opacity:0;transform:scale(2)}.input-view .create-input-footer[data-v-50f007cf]{display:flex;align-items:center;gap:.625rem;width:100%;flex-wrap:wrap}.input-view .create-input-footer .selected-skill-card[data-v-50f007cf]{overflow:hidden;border-radius:.417rem;border:.615px solid rgba(255,255,255,.05);background:#8b5cf526;display:flex;align-items:center;justify-content:center;height:1.667rem;padding:0 .625rem;gap:.313rem}.input-view .create-input-footer .selected-skill-card__name[data-v-50f007cf]{color:#8b5cf5;font-size:.729rem;line-height:.833rem}.input-view .create-input-footer .selected-skill-card__close[data-v-50f007cf]{width:1.042rem;height:1.042rem;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-view .create-input-footer .selected-skill-card__close i[data-v-50f007cf]{color:#8b5cf5;font-size:1.042rem}#app .input-view .create-input-footer[data-v-50f007cf] .el-button.create{margin-left:auto}@media screen and (max-width:1280px){.input-view .container .footer-text[data-v-50f007cf]{position:static;margin-top:28px}}@media screen and (max-width:1024px){.input-view[data-v-50f007cf]{padding-top:40px;padding-bottom:56px}.input-view .container[data-v-50f007cf]{height:auto;min-height:min(72vh,var(--v50dd629a));justify-content:center;gap:28px}.input-view .welcome-text[data-v-50f007cf]{min-height:auto}.input-view.is-active .container[data-v-50f007cf]{height:auto}.input-view .recent-skills .skill-list[data-v-50f007cf]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:1024px){.welcome-container[data-v-50f007cf]{min-height:auto;transform:translateY(0)}.more[data-v-50f007cf]{display:none}.input-view[data-v-50f007cf]{transform:none;min-height:61svh;padding:28px 16px 22px;justify-content:center;pointer-events:auto}.input-view[data-v-50f007cf]:after{display:none}.input-view .container[data-v-50f007cf]{height:auto;min-height:auto;justify-content:center;gap:18px}.input-view .container .footer-text[data-v-50f007cf]{position:static;margin-top:8px;font-size:12px;line-height:1.8;padding:0}.input-view .panel[data-v-50f007cf],.input-view .panel .panel-container[data-v-50f007cf]{width:100%}.input-view .welcome-text[data-v-50f007cf]{font-size:clamp(24px,8vw,32px);min-height:auto}.input-view .carousel[data-v-50f007cf]{flex-direction:column;gap:16px;width:100%}.input-view .carousel .carousel-col[data-v-50f007cf]{width:100%}.input-view[data-v-50f007cf] .input-view-input{width:100%!important;max-width:none;transform:translateY(0) scale(1)}.input-view.is-active[data-v-50f007cf]{background:transparent;backdrop-filter:none}.input-view.is-active[data-v-50f007cf] .input-view-input,.input-view.is-active .panel-container[data-v-50f007cf]{width:100%}.input-view.is-active .container[data-v-50f007cf]{gap:20px;height:auto}}@media screen and (max-width:768px){.input-view .recent-skills .skill-list[data-v-50f007cf]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:168px}}