.creator-carousel{--primary:#3158ee;--primary-soft:rgba(49,88,238,0.08);--accent:#ffae24;--text:#171922;--muted:#6b7282;position:fixed;inset:0;z-index:999;min-width:320px;width:100vw;height:100vh;height:100dvh;min-height:0;overflow:hidden;color:var(--text);background:radial-gradient(circle at 88% 14%,rgba(49,88,238,.07),transparent 27%),radial-gradient(circle at 10% 88%,rgba(255,174,36,.08),transparent 24%),#fff;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;outline:none;isolation:isolate}.creator-carousel *,.creator-carousel :after,.creator-carousel :before{-webkit-box-sizing:border-box;box-sizing:border-box}.creator-carousel .background-circle{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.creator-carousel .circle-a{width:320px;height:320px;right:-155px;top:-155px;background:rgba(49,88,238,.055)}.creator-carousel .circle-b{width:210px;height:210px;left:-105px;bottom:-105px;background:rgba(255,174,36,.075)}.creator-carousel .brand-bar{position:absolute;inset:0 0 auto;z-index:20;padding:27px clamp(34px,5vw,84px)}.creator-carousel .brand{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:.08em}.creator-carousel .company-logo{display:block;width:84px;height:38px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.creator-carousel .brand-divider{width:1px;height:30px;background:#d9deed}.creator-carousel .brand-title{white-space:nowrap}.creator-carousel .brand-logo{position:relative;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#6d87ff);-webkit-box-shadow:0 9px 24px rgba(49,88,238,.22);box-shadow:0 9px 24px rgba(49,88,238,.22);-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}.creator-carousel .brand-logo:after{content:"";position:absolute;width:10px;height:10px;right:-3px;top:-3px;border:3px solid #fff;border-radius:50%;background:var(--accent)}.creator-carousel .slide{position:absolute;inset:0;z-index:2}.creator-carousel .slide-inner{width:100%;height:100%;display:grid;grid-template-columns:minmax(360px,39%) minmax(0,61%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:clamp(10px,2vw,44px);padding:clamp(96px,12vh,132px) clamp(80px,7vw,132px) clamp(68px,8vh,96px)}.creator-carousel .slide-copy{position:relative;z-index:4;max-width:570px}.creator-carousel .description,.creator-carousel .eyebrow,.creator-carousel .join-button,.creator-carousel .tags,.creator-carousel .title{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}.creator-carousel .eyebrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:22px;color:var(--primary);font-size:clamp(12px,.95vw,16px);font-weight:800;letter-spacing:.17em}.creator-carousel .eyebrow:before{content:"";width:43px;height:3px;border-radius:999px;background:var(--accent)}.creator-carousel .title{margin:0;font-size:clamp(46px,4.7vw,84px);line-height:1.08;letter-spacing:-.055em;font-weight:900}.creator-carousel .title span{color:var(--primary);font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.creator-carousel .description{max-width:540px;margin:26px 0 0;color:var(--muted);font-size:clamp(17px,1.2vw,22px);line-height:1.82}.creator-carousel .description strong{color:#f49b17;font-size:inherit;font-weight:800;line-height:inherit}.creator-carousel .tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:27px}.creator-carousel .tag{padding:9px 15px;border:1px solid rgba(49,88,238,.14);border-radius:999px;color:#4157ab;background:rgba(49,88,238,.055);font-size:14px;font-weight:700}.creator-carousel .join-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;min-width:190px;height:58px;margin-top:34px;padding:0 30px;border:0;border-radius:999px;color:#fff;background:#f49b17;-webkit-box-shadow:0 15px 36px rgba(244,155,23,.28);box-shadow:0 15px 36px rgba(244,155,23,.28);font-size:18px;font-weight:800;cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.creator-carousel .join-button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 20px 44px rgba(244,155,23,.34);box-shadow:0 20px 44px rgba(244,155,23,.34)}.creator-carousel .join-button:disabled{cursor:not-allowed;opacity:.72;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.creator-carousel .slide-visual{position:relative;z-index:2;width:100%;height:min(78vh,800px);display:grid;place-items:center;opacity:0;-webkit-transform:translateY(26px) scale(.95);transform:translateY(26px) scale(.95)}.creator-carousel .visual-backdrop{position:absolute;z-index:-1;width:82%;height:70%;right:4%;top:15%;border-radius:49% 51% 43% 57%/50% 43% 57% 50%;background:linear-gradient(145deg,rgba(49,88,238,.055),rgba(178,190,255,.13));-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.creator-carousel .slide-visual img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:drop-shadow(0 24px 34px rgba(34,49,112,.1));filter:drop-shadow(0 24px 34px rgba(34,49,112,.1))}.creator-carousel .active .slide-visual{-webkit-animation:creator-carousel-visual-in 1.15s cubic-bezier(.2,.75,.2,1) both;animation:creator-carousel-visual-in 1.15s cubic-bezier(.2,.75,.2,1) both}.creator-carousel .active .eyebrow{-webkit-animation:creator-carousel-content-in .6s ease .92s both;animation:creator-carousel-content-in .6s ease .92s both}.creator-carousel .active .title{-webkit-animation:creator-carousel-content-in .72s cubic-bezier(.18,.8,.2,1) 1.22s both;animation:creator-carousel-content-in .72s cubic-bezier(.18,.8,.2,1) 1.22s both}.creator-carousel .active .description{-webkit-animation:creator-carousel-content-in .68s ease 1.68s both;animation:creator-carousel-content-in .68s ease 1.68s both}.creator-carousel .active .tags{-webkit-animation:creator-carousel-content-in .65s ease 1.98s both;animation:creator-carousel-content-in .65s ease 1.98s both}.creator-carousel .active .join-button{-webkit-animation:creator-carousel-button-in .68s cubic-bezier(.18,.8,.2,1) 2.24s both;animation:creator-carousel-button-in .68s cubic-bezier(.18,.8,.2,1) 2.24s both}.creator-carousel .nav-button{position:absolute;top:50%;z-index:30;width:54px;height:54px;padding:0;border:1px solid rgba(49,88,238,.12);border-radius:50%;color:#33415f;background:hsla(0,0%,100%,.9);-webkit-box-shadow:0 12px 32px rgba(37,51,103,.12);box-shadow:0 12px 32px rgba(37,51,103,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:color .2s ease,transform .2s ease,box-shadow .2s ease;transition:color .2s ease,transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.creator-carousel .nav-button span{display:block;margin-top:-4px;font-size:36px;line-height:1}.creator-carousel .nav-button:hover{color:var(--primary);-webkit-transform:translateY(-50%) scale(1.06);transform:translateY(-50%) scale(1.06);-webkit-box-shadow:0 16px 38px rgba(49,88,238,.17);box-shadow:0 16px 38px rgba(49,88,238,.17)}.creator-carousel .nav-prev{left:clamp(20px,2vw,32px)}.creator-carousel .nav-next{right:clamp(20px,2vw,32px)}@-webkit-keyframes creator-carousel-visual-in{0%{opacity:0;-webkit-transform:translateY(26px) scale(.95);transform:translateY(26px) scale(.95);-webkit-filter:blur(4px);filter:blur(4px)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-filter:blur(0);filter:blur(0)}}@keyframes creator-carousel-visual-in{0%{opacity:0;-webkit-transform:translateY(26px) scale(.95);transform:translateY(26px) scale(.95);-webkit-filter:blur(4px);filter:blur(4px)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes creator-carousel-content-in{0%{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes creator-carousel-content-in{0%{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes creator-carousel-button-in{0%{opacity:0;-webkit-transform:translateY(22px) scale(.95);transform:translateY(22px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes creator-carousel-button-in{0%{opacity:0;-webkit-transform:translateY(22px) scale(.95);transform:translateY(22px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width:960px){.creator-carousel{min-height:0}.creator-carousel .brand-bar{padding:18px 24px}.creator-carousel .slide-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0;padding:72px 26px 44px}.creator-carousel .slide-copy{width:100%;max-width:none;padding:0 28px}.creator-carousel .slide-visual{width:100%;height:min(48vh,440px)}.creator-carousel .eyebrow{margin-bottom:14px}.creator-carousel .title{font-size:clamp(39px,10vw,58px)}.creator-carousel .description{margin-top:16px;font-size:16px;line-height:1.66}.creator-carousel .tags{margin-top:17px}.creator-carousel .join-button{height:52px;margin-top:21px}.creator-carousel .nav-button{width:44px;height:44px}.creator-carousel .nav-button span{font-size:30px}.creator-carousel .nav-prev{left:20px}.creator-carousel .nav-next{right:20px}}@media (max-width:560px){.creator-carousel{min-height:0}.creator-carousel .brand{font-size:14px}.creator-carousel .company-logo{width:66px;height:30px}.creator-carousel .brand-divider{height:24px}.creator-carousel .brand-logo{width:30px;height:30px}.creator-carousel .slide-inner{padding:64px 18px 30px}.creator-carousel .slide-copy{padding:0 22px}.creator-carousel .slide-visual{height:40vh;min-height:235px}.creator-carousel .title{font-size:clamp(34px,10.5vw,46px)}.creator-carousel .description{font-size:15px}.creator-carousel .tag{padding:7px 11px;font-size:12px}.creator-carousel .join-button{min-width:165px;height:48px;font-size:16px}.creator-carousel .nav-button{width:40px;height:40px}.creator-carousel .nav-button span{font-size:27px}.creator-carousel .nav-prev{left:20px}.creator-carousel .nav-next{right:20px}}@media (prefers-reduced-motion:reduce){.creator-carousel *,.creator-carousel :after,.creator-carousel :before{-webkit-animation-duration:.001ms!important;animation-duration:.001ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}.el-dialog.creator-join-guide-dialog{position:absolute;top:50%;left:50%;width:min(1120px,calc(100vw - 32px),calc(177.2vh - 318.96px))!important;max-height:calc(100vh - 32px);margin:0!important;border-radius:20px;overflow:hidden;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.el-dialog.creator-join-guide-dialog .el-dialog__body{padding:12px 20px 4px;overflow:hidden}.creator-join-guide-image{display:block;width:100%;max-height:calc(100vh - 180px);margin:0 auto;-o-object-fit:contain;object-fit:contain}.el-dialog.creator-join-guide-dialog .el-dialog__footer{padding:0 0 50px;text-align:center}.el-dialog.creator-join-guide-dialog .dialog-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-dialog.creator-join-guide-dialog .dialog-footer .el-button{min-width:200px;height:52px;border-color:#f49b17;border-radius:999px;background:#f49b17;-webkit-box-shadow:0 15px 36px rgba(244,155,23,.28);box-shadow:0 15px 36px rgba(244,155,23,.28);font-size:16px;font-weight:800}.el-dialog.creator-join-guide-dialog .dialog-footer .el-button:focus,.el-dialog.creator-join-guide-dialog .dialog-footer .el-button:hover{border-color:#ef9100;background:#ef9100}@media (max-width:560px){.el-dialog.creator-join-guide-dialog{width:min(calc(100vw - 24px),calc(177.2vh - 287.064px))!important}.el-dialog.creator-join-guide-dialog .el-dialog__header{padding-right:48px}.el-dialog.creator-join-guide-dialog .el-dialog__title{font-size:16px}.el-dialog.creator-join-guide-dialog .dialog-footer .el-button{min-width:180px;height:48px}}