.studio-free-ai-function-cards{align-items:center;background-color:#0a1017;display:flex;flex-direction:column;padding:80px}.studio-free-ai-function-cards .function-tabs{display:flex;justify-content:center;margin-bottom:60px;width:100%}.studio-free-ai-function-cards .function-tabs .function-tabs-bd{background:#25272e;border-radius:40px;display:flex;gap:4px;justify-content:center;padding:4px}.studio-free-ai-function-cards .function-tabs .function-tabs-bd .tab-item{align-items:center;border-radius:32px;color:#f2f5ff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;padding:0 16px;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.studio-free-ai-function-cards .function-tabs .function-tabs-bd .tab-item:hover{opacity:.8}.studio-free-ai-function-cards .function-tabs .function-tabs-bd .tab-item.active{background-color:var(--bg-color-1);color:#000}.studio-free-ai-function-cards .cards-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;width:100%}.studio-free-ai-function-cards .function-card{background:linear-gradient(64.63deg,#0f1231 -13.02%,#48496a 60.7%);border-radius:12px;cursor:pointer;display:flex;flex:0 0 calc(33.33333% - 13.33333px);flex-direction:column;max-width:calc(33.33333% - 13.33333px);overflow:hidden;position:relative;transition:all .3s ease}@media (max-width:768px){.studio-free-ai-function-cards .function-card{flex:0 0 100%;max-width:100%}}.studio-free-ai-function-cards .function-card .card-header{align-items:baseline;display:flex;gap:16px;justify-content:space-between;padding:20px 20px 0}.studio-free-ai-function-cards .function-card .card-header .card-title{-webkit-text-fill-color:transparent;background:linear-gradient(89.39deg,#719cff .53%,#d5f0ff 97.59%,#7893ff 138.54%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:500;line-height:24px;margin:0;min-height:48px}.studio-free-ai-function-cards .function-card .card-header .card-arrow{color:#c5e3ff;flex-shrink:0;padding-top:2px;transition:transform .3s ease}.studio-free-ai-function-cards .function-card .card-image{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;padding:12px 20px 20px}.studio-free-ai-function-cards .function-card .card-image>img{border-radius:4px;height:230px;-o-object-fit:cover;object-fit:cover;width:100%}.studio-free-ai-function-cards .function-card:hover{box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}.studio-free-ai-function-cards .function-card.function-card-cloud-design{flex:0 0 458px;max-width:458px}html[lang=zh-CN] .studio-free-ai-function-cards .function-card .card-header{padding-bottom:8px}html[lang=zh-CN] .studio-free-ai-function-cards .function-card .card-header .card-title{min-height:24px}.studio-free-cyber-blue-banner{align-items:center;background:linear-gradient(180deg,#020f22 30%,#1c2052 50%,#4542ca);background-image:var(--bg-mask);background-repeat:no-repeat;background-size:cover;display:inline-flex!important;height:50vh;justify-content:center;min-height:640px;overflow:hidden;position:relative;width:100%}.studio-free-cyber-blue-banner .components-shadow-button .text{color:#ff4700}.studio-free-cyber-blue-banner .banner-section{height:100%;min-width:1100px;padding:40px;width:90vw}.studio-free-cyber-blue-banner .content{height:100%;position:relative}.studio-free-cyber-blue-banner .header{left:0;position:absolute;top:50%;transform:translateY(-50%);z-index:6}.studio-free-cyber-blue-banner .header-icon{background-image:var(--bg-icon);background-position:50%;background-repeat:no-repeat;background-size:contain;height:110px;width:379px}.studio-free-cyber-blue-banner .title{font-size:66px;line-height:74px;margin-top:26px}.studio-free-cyber-blue-banner .subtitle,.studio-free-cyber-blue-banner .title{background:linear-gradient(89.14deg,#719cff .74%,#d5f0ff 80.65%,#5792ff 114.36%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}.studio-free-cyber-blue-banner .subtitle{font-size:26px;line-height:38px;margin-top:15px}.studio-free-cyber-blue-banner .floating-card{overflow:hidden;position:absolute}.studio-free-cyber-blue-banner .main-card{bottom:-40px;height:100%;position:absolute;right:0;width:100%;z-index:3}.studio-free-cyber-blue-banner .small-card-1{aspect-ratio:.96/1;bottom:0;height:100%;right:0;z-index:2}.studio-free-cyber-blue-banner .small-card-1 img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.studio-free-cyber-blue-banner .search-button{align-items:center;background:linear-gradient(90deg,#fff2f4,#ebf3ff 99%);background-color:#fff;border:none;border-radius:90px;color:#0032ff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:16px;height:56px;justify-content:center;margin-top:32px;min-width:196px;padding:0 28px;transition:all .3s ease}.studio-free-cyber-blue-banner .search-button:hover{transform:translateY(-2px)}@media (max-width:768px){.studio-free-cyber-blue-banner .main-card{height:450px;right:50%;transform:translate(50%,-50%);width:300px}.studio-free-cyber-blue-banner .small-card-1,.studio-free-cyber-blue-banner .small-card-2{display:none}}.studio-free-featured-cases{align-items:center;background-color:#0a1017;display:flex;flex-direction:column;padding:80px}.studio-free-featured-cases .featured-section{padding-bottom:140px}.studio-free-featured-cases .featured-section:last-child{padding-bottom:0}.studio-free-featured-cases .featured-section-header{display:flex;gap:60px;justify-content:space-between;max-width:1200px;padding-bottom:78px}.studio-free-featured-cases .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(89.14deg,#719cff .74%,#d5f0ff 80.65%,#5792ff 114.36%);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:500;white-space:pre-line}@media (max-width:768px){.studio-free-featured-cases .section-title{font-size:28px;line-height:40px;margin-bottom:4px}}html[lang=zh-CN] .studio-free-featured-cases .section-title{min-width:46%}.studio-free-featured-cases .section-desc{color:#67727e;flex:1;font-size:16px;font-weight:400;line-height:1.8}@media (max-width:768px){.studio-free-featured-cases .section-desc{font-size:14px}}.studio-free-featured-cases .category-tabs{display:flex;justify-content:center;margin-bottom:40px}.studio-free-featured-cases .category-tabs .category-tabs-bd{background:#25272e;border-radius:20px;display:flex;gap:4px;justify-content:center;padding:4px}.studio-free-featured-cases .category-tabs .category-tabs-bd .tab{align-items:center;background:none;border:none;border-radius:20px;color:#f2f5ffb3;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:32px;padding:0 16px;transition:all .3s ease;white-space:nowrap}.studio-free-featured-cases .category-tabs .category-tabs-bd .tab.active{background-color:var(--bg-color-1);color:#000}@media (max-width:768px){.studio-free-featured-cases .category-tabs{-ms-overflow-style:none;justify-content:left;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.studio-free-featured-cases .category-tabs::-webkit-scrollbar{display:none}.studio-free-featured-cases .category-tabs .category-tabs-bd{background-color:transparent;padding-bottom:16px}.studio-free-featured-cases .category-tabs .category-tabs-bd .tab{background-color:#f4f5fa;border:1px solid transparent}.studio-free-featured-cases .category-tabs .category-tabs-bd .tab.active{background-color:var(--bg-color-1);border-color:#e1e2e9}}.studio-free-featured-cases .featured-cases-container{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.studio-free-featured-cases .featured-cases-container .gallery{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.studio-free-featured-cases .featured-cases-container .gallery-item{background-color:var(--bg-color-1);border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.studio-free-featured-cases .featured-cases-container .main-image{background-color:#f0f0f0;height:100%;padding-bottom:66%;position:relative;width:100%}.studio-free-featured-cases .featured-cases-container .main-image-img,.studio-free-featured-cases .featured-cases-container .main-image-video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:all .4s ease-in-out;width:50%;z-index:0}.studio-free-featured-cases .featured-cases-container .thumbnails{bottom:12px;display:flex;flex-direction:column;gap:6px;left:12px;position:absolute;z-index:2}@media (max-width:768px){.studio-free-featured-cases .featured-cases-container .thumbnails{bottom:6px;gap:4px;left:6px}}.studio-free-featured-cases .featured-cases-container .thumbnail-section{align-items:center;-webkit-backdrop-filter:blur(90px);backdrop-filter:blur(90px);background:rgba(0,0,0,.3);border-radius:4px;display:flex;flex-direction:column;padding:2px}@media (max-width:768px){.studio-free-featured-cases .featured-cases-container .thumbnail-section{padding:0}}.studio-free-featured-cases .featured-cases-container .label{color:#fff;font-size:12px;font-weight:400;opacity:.8}@media (max-width:768px){.studio-free-featured-cases .featured-cases-container .label{display:none;font-size:10px;transform:scale(.8)}}.studio-free-featured-cases .featured-cases-container .thumbnail{background-color:#ececec;border-bottom-left-radius:2px;border-bottom-right-radius:2px;height:50px;overflow:hidden;position:relative;width:50px}@media (max-width:768px){.studio-free-featured-cases .featured-cases-container .thumbnail{border-radius:2px;height:32px;width:32px}}.studio-free-featured-cases .featured-cases-container .thumbnail-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.studio-free-featured-cases .featured-cases-container .similar-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0000004d;border:none;border-radius:20px;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;height:28px;line-height:1;opacity:1;padding:0 12px;position:absolute;right:10px;transition:all .2s ease-in-out;visibility:visible}.studio-free-featured-cases .featured-cases-container .gallery-item:hover .similar-button{background-color:#fff;box-shadow:0 4px 12px #0000001a;color:#000;opacity:1;visibility:visible}@media (max-width:1024px){.studio-free-featured-cases .featured-cases-container .gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.studio-free-featured-cases{padding:80px 20px}}.studio-free-team-assistance-section{background:#1c1d2f;padding:120px 0;width:100%}.studio-free-team-assistance-section .teams-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:1200px}.studio-free-team-assistance-section .teams-title{-webkit-text-fill-color:transparent;background:linear-gradient(89.14deg,#719cff .74%,#d5f0ff 80.65%,#5792ff 114.36%);-webkit-background-clip:text;background-clip:text;font-size:50px;font-weight:500;text-align:center}@media (max-width:768px){.studio-free-team-assistance-section .teams-title{font-size:28px;line-height:40px;margin-bottom:4px}}.studio-free-team-assistance-section .nav-buttons{display:flex;gap:12px}.studio-free-team-assistance-section .nav-btn{align-items:center;background-color:#333443;border:none;border-radius:50%;color:#85858e;cursor:pointer;display:flex;height:34px;justify-content:center;outline:none;transition:all .2s;width:34px}.studio-free-team-assistance-section .nav-btn.active{background-color:#494a58;color:#fff}.studio-free-team-assistance-section .nav-btn.active:hover{background-color:#5a5b68;color:#fff}.studio-free-team-assistance-section .nav-btn.disabled{background-color:#333443;color:#4a4b58;cursor:auto}.studio-free-team-assistance-section .cards{display:flex;overflow-x:auto;padding:20px 0}.studio-free-team-assistance-section .cards::-webkit-scrollbar{display:none}.studio-free-team-assistance-section .padding-spacer{flex-shrink:0;width:calc(50vw - 600px)}.studio-free-team-assistance-section .card{background-color:#1e293b;background-position:top;background-size:102%;border-radius:8px;cursor:pointer;flex-shrink:0;margin-left:48px;overflow:hidden;scroll-snap-align:start;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:368px}.studio-free-team-assistance-section .card:nth-child(2){margin-left:0}.studio-free-team-assistance-section .card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-6px)}.studio-free-team-assistance-section .card-image{align-items:flex-start;border-radius:8px 8px 0 0;display:flex;height:150px;justify-content:flex-end;padding:16px 20px;position:relative}.studio-free-team-assistance-section .card-tag{color:#fff;font-size:20px;font-weight:500;line-height:24px;text-align:right;white-space:pre-wrap}.studio-free-team-assistance-section .card-info{background-color:#000;border-radius:0 48px 8px 8px;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding:32px}.studio-free-team-assistance-section .card-user{align-items:center;display:flex;justify-content:end;position:relative}.studio-free-team-assistance-section .card-avatar{display:flex;flex-direction:column;gap:8px;left:0;position:absolute;text-align:center;top:-58px;width:52px}.studio-free-team-assistance-section .user-avatar{border:3px solid #1e1e1e;border-radius:50%;height:52px;-o-object-fit:cover;object-fit:cover;width:52px}.studio-free-team-assistance-section .user-name{color:#fff;flex:1;font-size:16px;line-height:1;white-space:nowrap}.studio-free-team-assistance-section .arrow-btn{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center;transition:all .2s}.studio-free-team-assistance-section .card-stats{display:flex;gap:30px}.studio-free-team-assistance-section .stat{display:flex;flex-direction:column;padding-right:8px}.studio-free-team-assistance-section .stat:first-child{flex:1}.studio-free-team-assistance-section .stat-value{color:#fff;font-size:34px;font-weight:500;line-height:1.4}.studio-free-team-assistance-section .stat-label{color:#fff;font-size:14px;line-height:1.4;margin-top:2px;white-space:nowrap}.studio-free-page[data-v-a11f5f67]{background-color:#f4f5fa;display:flex;flex-direction:column;overflow:auto}
