You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
42 KiB
1 lines
42 KiB
@charset "UTF-8";.charactersCreateRoleModal{position:fixed;inset:0;z-index:3333}.charactersCreateRoleModal__mask{position:absolute;inset:0;background:#97979740}.charactersCreateRoleModal__container{position:relative;margin:40px auto;width:min(1255px,100vw - 40px);height:862px;max-height:90vh;display:flex;border-radius:9px;overflow:hidden}.charactersCreateRoleModal__previewSection{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:#f9f9f9}.charactersCreateRoleModal__previewMain{flex:1 1 auto;min-height:420px;display:flex;align-items:center;justify-content:center;padding:22px 30px}.charactersCreateRoleModal__previewMainImage{width:100%;height:100%;object-fit:contain}.charactersCreateRoleModal__thumbSection{flex-shrink:0;height:135px;padding:14px 21px;background:#f0f0f0;display:flex;align-items:center;gap:15px}.charactersCreateRoleModal__thumbArrow{flex-shrink:0;width:25px;height:25px;border:1px solid #eeeeee;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.charactersCreateRoleModal__thumbArrow img{width:25px;height:25px;object-fit:contain;display:block}.charactersCreateRoleModal__thumbArrow_left img{transform:rotate(90deg)}.charactersCreateRoleModal__thumbArrow_right img{transform:rotate(-90deg)}.charactersCreateRoleModal__thumbList{flex:1;min-width:0;display:flex;align-items:center;gap:15px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.charactersCreateRoleModal__thumbList::-webkit-scrollbar{display:none}.charactersCreateRoleModal__thumbItem{position:relative;flex-shrink:0;width:106px;height:106px;border:none;border-radius:9px;background:#fff;overflow:hidden;padding:0;cursor:pointer}.charactersCreateRoleModal__thumbItem_active{box-shadow:0 0 0 1px #fff inset}.charactersCreateRoleModal__thumbImage{width:100%;height:100%;object-fit:cover;display:block}.charactersCreateRoleModal__thumbMask{width:106px;height:106px;position:absolute;inset:0;background:#0006}.charactersCreateRoleModal__formSection{position:relative;flex:0 0 481px;min-width:340px;background:#f9f9f9;border-radius:0 9px 9px 0;display:flex;flex-direction:column;min-height:0;padding:47px 56px 24px}.charactersCreateRoleModal__formScrollArea{flex:1 1 auto;min-height:0;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.charactersCreateRoleModal__formScrollArea::-webkit-scrollbar{display:none}.charactersCreateRoleModal__footer{flex-shrink:0;padding-top:8px;background:#f9f9f9;display:flex;flex-direction:column;align-items:center}.charactersCreateRoleModal__footer .charactersCreateRoleModal__agreement{margin-top:0}.charactersCreateRoleModal__footer .charactersCreateRoleModal__submitBtn{margin-top:8px}.charactersCreateRoleModal__close{position:absolute;top:16px;right:16px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0}.charactersCreateRoleModal__close img{width:20px;height:20px;display:block}.charactersCreateRoleModal__formColumn{width:100%;max-width:369px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch}.charactersCreateRoleModal__visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.charactersCreateRoleModal__avatarStack{display:flex;flex-direction:column;align-items:center;gap:10px}.charactersCreateRoleModal__avatarCircleBtn{position:relative;width:80px;height:80px;padding:0;border:none;border-radius:100px;overflow:hidden;cursor:pointer;background:transparent;flex-shrink:0}.charactersCreateRoleModal__avatarCircleBtn_empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(136.84deg,#f0f0f0 1.51%,#d6ceef 98.49%)}.charactersCreateRoleModal__avatarCircleBtn:disabled{cursor:not-allowed;opacity:.55}.charactersCreateRoleModal__avatarPreview{position:relative;width:80px;height:80px;border-radius:100px;overflow:hidden}.charactersCreateRoleModal__avatarCircleImg{width:100%;height:100%;object-fit:cover;display:block;border-radius:100px}.charactersCreateRoleModal__avatarPreview--editable:hover .charactersCreateRoleModal__avatarEditOverlay,.charactersCreateRoleModal__avatarPreview--editable .charactersCreateRoleModal__avatarEditOverlay:focus-visible{opacity:1;pointer-events:auto}.charactersCreateRoleModal__avatarEditOverlay{position:absolute;inset:0;margin:0;padding:0;border:none;border-radius:inherit;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease;background:#0003}.charactersCreateRoleModal__avatarEditOverlayIcon{width:24px;height:24px;object-fit:contain;display:block;margin:0 auto;pointer-events:none}.charactersCreateRoleModal__avatarCircleAdd{width:25px;height:25px;object-fit:contain;display:block}.charactersCreateRoleModal__requiredChip{min-width:70px;max-width:100%;height:27px;padding:0 14px;border:1px solid #e5e6eb;border-radius:9px;background:#f9f9f9;font-size:12px;font-weight:500;line-height:normal;color:#333;text-align:center}.charactersCreateRoleModal__requiredChip::placeholder{color:#999}.charactersCreateRoleModal__formBody{width:100%;margin-top:0;display:flex;flex-direction:column}.charactersCreateRoleModal__fieldLabel{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:20px;color:#333}.charactersCreateRoleModal__publicRow{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-top:24px}.charactersCreateRoleModal__publicTextToggle{border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:normal;text-align:right}.charactersCreateRoleModal__publicTextToggle_part_active{color:#333;font-weight:600}.charactersCreateRoleModal__publicTextToggle_part_muted{color:#999}.charactersCreateRoleModal__publicTextToggle_sep{color:#999;margin:0 3px}.charactersCreateRoleModal__fieldBlock{margin-top:10px}.charactersCreateRoleModal__introInput{margin-top:5px;box-sizing:border-box;width:100%;height:82px;border:1px solid #e5e6eb;border-radius:9px;background:#f9f9f9;resize:none;padding:7px 14px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:normal;color:#333}.charactersCreateRoleModal__introInput::placeholder{color:#999}.charactersCreateRoleModal__modelMetaRow{display:flex;flex-wrap:wrap;align-items:center;margin-top:12px;column-gap:4px;row-gap:4px}.charactersCreateRoleModal__modelMetaIcon{width:15px;height:15px;object-fit:contain;flex-shrink:0;display:block}.charactersCreateRoleModal__modelMetaText{display:inline-flex;align-items:center;gap:3px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:normal;color:#999}.charactersCreateRoleModal__modelMetaDivider{width:0;height:12px;border-left:1px solid #e5e6eb;margin:0 6px;flex-shrink:0}.charactersCreateRoleModal__modelMetaDetail{cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:normal;color:#999}.charactersCreateRoleModal__modelMetaDetail:hover{text-decoration:underline}.charactersCreateRoleModal__taskMetaTooltip{display:flex;flex-direction:column;gap:8px;min-width:200px}.charactersCreateRoleModal__taskMetaTooltipRow{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;line-height:18px;color:#333}.charactersCreateRoleModal__taskMetaTooltipLabel{color:#666;font-weight:500}.charactersCreateRoleModal__taskMetaTooltipValue{color:#999;font-weight:400}.charactersCreateRoleModal__materialsBlock{margin-top:24px;width:100%}.charactersCreateRoleModal__materialsList{margin-top:9px;display:flex;flex-direction:row;align-items:flex-start;gap:5px}.charactersCreateRoleModal__materialItem{position:relative;width:70px;height:70px;flex-shrink:0;overflow:hidden}.charactersCreateRoleModal__materialDim{position:absolute;inset:0;background:#0003;pointer-events:none;z-index:1}.charactersCreateRoleModal__materialImage{width:100%;height:100%;object-fit:cover;display:block}.charactersCreateRoleModal__materialEye{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;object-fit:contain;z-index:2;pointer-events:none}.charactersCreateRoleModal__agreement{margin-top:12px;display:flex;align-items:flex-start;gap:10px;width:100%;max-width:369px;box-sizing:border-box}.charactersCreateRoleModal__agreementCheckbox{margin-top:2px;width:15px;height:15px;border:none;background:transparent;flex-shrink:0;cursor:pointer;border-radius:3px;padding:0}.charactersCreateRoleModal__agreementCheckboxIcon{display:block;width:15px;height:15px;object-fit:contain}.charactersCreateRoleModal__agreementText{margin:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:22px;color:#666}.charactersCreateRoleModal__agreementText a{color:#333;text-decoration:underline;text-decoration-skip-ink:none}.charactersCreateRoleModal__submitBtn{box-sizing:border-box;width:100%;max-width:369px;margin-left:auto;margin-right:auto;display:block;height:37px;border:none;border-radius:9px;background:#f0f0f0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#666;cursor:not-allowed;padding:8px 16px;transition:background .2s ease,color .2s ease,opacity .2s ease}.charactersCreateRoleModal__submitBtn--active{background:linear-gradient(90deg,#f0f0f0,#d6ceef);color:#333;cursor:pointer}.charactersCreateRoleModal__submitBtn:disabled{opacity:1;cursor:not-allowed}@media (max-width: 1280px){.charactersCreateRoleModal__container{width:calc(100vw - 24px);margin:12px auto;min-height:calc(100vh - 24px)}.charactersCreateRoleModal__formSection{flex-basis:430px;padding:32px 32px 20px}.charactersCreateRoleModal__submitBtn{max-width:100%}.charactersCreateRoleModal__previewMain{padding:16px 20px}.charactersCreateRoleModal__thumbSection{padding:12px}}.user-guide{position:fixed;inset:0;z-index:9999;pointer-events:none}.user-guide__mask{position:absolute;inset:0;pointer-events:auto}.user-guide__mask-part{pointer-events:auto}.user-guide__highlight{pointer-events:none;z-index:1}.user-guide__card{position:absolute;width:316px;background:#fff;border-radius:9px;box-shadow:0 4px 24px #0000001f;pointer-events:auto;animation:guide-card-in .3s ease-out;z-index:10000}.user-guide__card-content{padding:20px 20px 16px}.user-guide__card-title{font-family:Source Han Sans CN,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:500;color:#333;margin-bottom:8px;line-height:1.5}.user-guide__card-body{font-family:Source Han Sans CN,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;color:#666;line-height:1.6}.user-guide__card-text{white-space:pre-wrap;word-break:break-word}.user-guide__card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px}.user-guide__footer-left{display:flex;align-items:center;gap:12px}.user-guide__step-indicator{font-family:Source Han Sans CN,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;color:#999;font-weight:500}.user-guide__skip-text{font-family:Source Han Sans CN,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;color:#999;cursor:pointer;font-weight:500;transition:color .2s ease}.user-guide__skip-text:hover{color:#666}.user-guide__footer-right{display:flex;gap:8px;align-items:center}.user-guide__btn{height:28px;padding:0 16px;border-radius:9px;font-family:Source Han Sans CN,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;outline:none}.user-guide__btn--prev{background:#f5f5f5;color:#999}.user-guide__btn--prev:hover{background:#eee}.user-guide__btn--next{background:linear-gradient(135deg,#8a7fae,#5c3bc7);color:#fff}.user-guide__btn--next:hover{background:linear-gradient(135deg,#7d71a3,#5234b3);box-shadow:0 2px 8px #5c3bc74d}.user-guide__btn--next:active{transform:translateY(1px)}@keyframes guide-card-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.user-guide__card{min-width:280px;max-width:calc(100vw - 40px);left:20px!important;right:20px;width:auto}}.charactersCreate{box-sizing:border-box;width:100%;height:100%;max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#f7f7f7}.charactersCreate *,.charactersCreate *:before,.charactersCreate *:after{box-sizing:border-box}.charactersCreate__row{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:clamp(6px,.9vw,10px);width:100%;margin:0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__row::-webkit-scrollbar{display:none}.charactersCreate__left{flex:0 0 384px;min-width:0;max-width:384px;min-height:0;align-self:stretch;padding:0 0 16px;display:flex;flex-direction:column;background:#f9f9f9;border-radius:24px 0 0 24px;box-shadow:none;overflow:hidden}.charactersCreate__leftInner{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}.charactersCreate__leftBody{flex:1;min-height:0;display:flex;flex-direction:column;background:#f9f9f9;border-radius:9px;overflow:hidden}.charactersCreate__leftDiyBanner{width:359px;height:84px;padding:18px;border-radius:9px;background:linear-gradient(90deg,#f3efff,#f9f9f9)}.charactersCreate__leftDiyBannerTitle{margin:0;width:136px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:26px;color:#333;display:flex;align-items:center}.charactersCreate__leftDiyBannerTitle span:first-child{color:#5c3bc7;margin-right:5px}.charactersCreate__leftDiyBannerDesc{margin:3px 0 0;width:136px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#666}.charactersCreate__leftScroll{flex:1;min-height:0;overflow-y:auto;padding:10px 0 0;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__leftScroll::-webkit-scrollbar{display:none}.charactersCreate__styleTabBar{display:flex;align-items:center;gap:0;overflow-x:auto;height:42px;margin-bottom:10px;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__styleTabBar::-webkit-scrollbar{display:none}.charactersCreate__styleTabBar{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 172px),transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 172px),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.charactersCreate__styleTabBar_noRightFade{-webkit-mask-image:none;mask-image:none}.charactersCreate__styleTab{flex:0 0 auto;height:42px;padding:0 15px;border:none;background:transparent;color:#999;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:26px;cursor:pointer;position:relative}.charactersCreate__styleTab_active{color:#333;font-weight:500}.charactersCreate__styleTab_active:after{content:"";position:absolute;left:50%;bottom:0;width:39px;height:3px;transform:translate(-50%);background:#5c3bc7;border-radius:2px}.charactersCreate__styleGrid{display:grid;grid-template-columns:repeat(4,85px);column-gap:6px;row-gap:6px;width:358px}@media (max-width: 1440px){.charactersCreate__left{flex:0 1 328px;width:100%;max-width:328px;min-width:0}.charactersCreate__leftInner,.charactersCreate__leftBody,.charactersCreate__leftScroll{min-width:0;width:100%;max-width:100%}.charactersCreate__leftDiyBanner{width:100%;max-width:100%;box-sizing:border-box}.charactersCreate__styleTabBar{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.charactersCreate__styleGrid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;box-sizing:border-box}.charactersCreate__styleCell{width:100%;height:auto;aspect-ratio:1/1}.charactersCreate__leftMore{width:100%;max-width:100%;box-sizing:border-box}}.charactersCreate__styleDiyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.charactersCreate__styleDiyCell{width:100%;border:1px solid #ececec;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;cursor:pointer}.charactersCreate__styleDiyCell_active{border-color:#8a7fae;box-shadow:0 0 0 1px #8a7fae33}.charactersCreate__styleDiyThumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#f7f7f7}.charactersCreate__styleDiyImg{width:100%;height:100%;display:block;object-fit:cover}.charactersCreate__styleDiyName{width:100%;text-align:center;color:#666;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charactersCreate__styleCell{margin:0;padding:0;width:85px;height:85px;background:transparent;cursor:pointer;border-radius:9px;position:relative;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(220.4deg,#f9f9f9 57.61%,#d6ceef 96.58%);background-origin:border-box,border-box;background-clip:padding-box,border-box}.charactersCreate__styleCell.charactersCreate__styleCell_selected{border:2px solid #d6ceef;box-sizing:border-box}.charactersCreate__styleCellInner{display:block;width:100%;height:100%;border-radius:9px;overflow:hidden}.charactersCreate__styleImg{display:block;width:100%;height:100%;object-fit:cover}.charactersCreate__leftMore{flex-shrink:0;margin-top:12px;align-self:center;width:358px;height:27px;border:1px solid #e5e6eb;border-radius:9px;background:#fff;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:normal;color:#666;cursor:pointer}.charactersCreate__center{flex:1 1 0%;min-width:clamp(280px,32vw,560px);min-height:0;display:flex;flex-direction:column;border-radius:clamp(14px,1.8vw,20px);overflow:hidden}.charactersCreate__empty{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,4vw,48px) clamp(16px,2.5vw,24px);gap:0;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__empty::-webkit-scrollbar{display:none}.charactersCreate__emptyIcon{width:113px;height:113px;object-fit:contain;display:block}.charactersCreate__emptyText{margin-top:0;text-align:center;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#d6ceef}.charactersCreate__emptyLine{margin:0}.charactersCreate__taskPreview{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:100px;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__taskPreview::-webkit-scrollbar{display:none}.charactersCreate__taskPreview{box-sizing:border-box}.charactersCreate__taskPreviewInner{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:100%}.charactersCreate__taskPreviewUserLane{width:100%;display:flex;justify-content:flex-end}.charactersCreate__taskPreviewUserLaneInner{display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:fit-content;max-width:min(100%,793px);min-width:0}.charactersCreate__taskPreviewUserAvatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.charactersCreate__taskPreviewAssistantLane{width:100%;display:flex;justify-content:flex-start}.charactersCreate__taskPreviewAssistantLaneInner{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:793px}.charactersCreate__taskPreviewOfficialAvatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.charactersCreate__taskPreviewTop{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;padding:0 0 7px}.charactersCreate__taskPreviewUserLaneInner .charactersCreate__taskPreviewTop{justify-content:flex-end;padding-bottom:0}.charactersCreate__taskPreviewStyleCard{width:107px;height:107px;border-radius:10px;overflow:hidden}.charactersCreate__taskPreviewStyleImage{display:block;width:100%;height:100%;object-fit:contain}.charactersCreate__taskPreviewPrompt{box-sizing:border-box;margin:0;width:100%;padding:12px 24px;border-radius:9px;background:#ededed;text-align:left;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:normal;color:#000;overflow-wrap:anywhere;word-break:break-word}.charactersCreate__taskPreviewUserLaneInner .charactersCreate__taskPreviewPrompt{align-self:stretch}.charactersCreate__taskPreviewBody{width:100%;display:flex;justify-content:flex-start}.charactersCreate__taskPreviewMainFrame{width:min(100%,724px)}.charactersCreate__taskPreviewMainFrame_pending{width:min(80%,724px);aspect-ratio:724/323;background:linear-gradient(90deg,#efefef,#e7e4f2);display:flex;align-items:center;justify-content:center}.charactersCreate__taskPreviewMainImage{display:block;width:100%;height:auto;object-fit:contain}.charactersCreate__taskPreviewPending{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.charactersCreate__taskPreviewPendingIcon{width:70px;height:70px;object-fit:contain;display:block;animation:charactersCreatePendingSpin 4.5s linear infinite}.charactersCreate__taskPreviewPendingText{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:10px;font-weight:400;line-height:10px;color:#9384c7}@keyframes charactersCreatePendingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.charactersCreate__taskPreviewActions{margin-top:8px;margin-bottom:2px;display:flex;justify-content:flex-start;gap:5px}.charactersCreate__taskPreviewActionBtn{width:91px;height:32px;border:1px solid #e5e6eb;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:14px;color:#666;cursor:pointer}.charactersCreate__taskPreviewActionIcon{width:20px;height:20px;display:block;object-fit:cover}.charactersCreate__composer{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0 clamp(10px,2vw,16px) clamp(10px,1.8vw,16px);position:relative;z-index:2222}.charactersCreate__composerPanel{width:100%;margin-top:0;border:5px solid #f0f0f0;border-radius:clamp(16px,2vw,24px);background:#fff;min-height:clamp(140px,22vw,183px);padding:clamp(12px,2vw,19px) clamp(12px,2vw,17px) clamp(12px,1.8vw,16px);display:flex;flex-direction:column;justify-content:space-between}.charactersCreate__composerRow{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:10px;border-radius:9px}.charactersCreate__composerUploadCard{width:107px;height:107px;border:none;border-radius:9px;background:linear-gradient(139deg,#f0f0f0 36.47%,#d6ceef 96.91%);padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative;box-sizing:border-box}.charactersCreate__composerUploadCard>img{width:25px;height:25px;display:block;border-radius:7px}.charactersCreate__composerUploadList{display:flex;align-items:flex-start;gap:10px;flex-shrink:0}.charactersCreate__composerUploadCard_preview{border:2px solid #d6ceef;background:transparent;cursor:default}.charactersCreate__composerUploadDeleteBtn{position:absolute;top:2px;right:2px;width:15px;height:15px;border:none;background:transparent;padding:0;display:inline-flex;cursor:pointer}.charactersCreate__composerUploadDeleteBtn img{width:100%;height:100%;object-fit:cover}.charactersCreate__composerUploadPreview{width:100%!important;height:100%!important;object-fit:cover}.charactersCreate__composerUploadAddBtn{position:absolute;right:-8px;bottom:-8px;width:30px;height:30px;border:none;background:transparent;padding:0;cursor:pointer}.charactersCreate__composerUploadAddBtn img{width:100%;height:100%;object-fit:cover}.charactersCreate__composerUploadInput{display:none}.charactersCreate__composerTextarea{width:100%;margin:0;border:none;outline:none;resize:none;background:transparent;color:#666;font-size:16px;font-weight:500;line-height:22px;align-self:center;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__composerTextarea.arco-textarea-wrapper{display:flex;align-items:center}.charactersCreate__composerRow .arco-textarea-wrapper,.charactersCreate__composerRow .arco-textarea-wrapper:hover,.charactersCreate__composerRow .arco-textarea-wrapper:focus-within,.charactersCreate__composerRow .arco-textarea-wrapper.arco-textarea-focus,.charactersCreate__composerRow .charactersCreate__composerTextarea,.charactersCreate__composerRow .charactersCreate__composerTextarea:hover,.charactersCreate__composerRow .charactersCreate__composerTextarea:focus-within{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-color:transparent!important}.charactersCreate__composerRow .arco-textarea-wrapper .arco-textarea,.charactersCreate__composerRow .arco-textarea-wrapper:hover .arco-textarea,.charactersCreate__composerRow .arco-textarea-wrapper:focus-within .arco-textarea,.charactersCreate__composerRow .charactersCreate__composerTextarea .arco-textarea,.charactersCreate__composerRow .charactersCreate__composerTextarea:hover .arco-textarea{background:transparent!important;background-color:transparent!important}.charactersCreate__composerTextarea::-webkit-scrollbar{width:0;height:0;display:none}.charactersCreate__composerTextarea .arco-textarea{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:unset}.charactersCreate__composerTextarea .arco-textarea::-webkit-scrollbar{width:0;height:0;display:none}.charactersCreate__composerTextarea::placeholder{color:#999;font-weight:500}.charactersCreate__composerTextarea .arco-textarea::placeholder{color:#999;font-weight:500}.charactersCreate__promptPlaceholder{margin:0;flex:1 1 auto;min-width:0;padding-top:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:normal;color:#c9c9c9}.charactersCreate__composerToolbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.charactersCreate__toolbarLeft{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}.charactersCreate__toolbarRight{display:flex;flex-direction:row;align-items:center;gap:9px}.charactersCreate__composerActions{display:flex;align-items:center;gap:15px;flex-shrink:0}.charactersCreate__composerResetBtn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-width:86px;height:31px;padding:0 12px;gap:5px;border:none;border-radius:9px;background:#f0f0f0;color:#666;font-size:12px;font-weight:500;line-height:12px;cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;box-sizing:border-box}.charactersCreate__composerResetBtn img{width:15px;height:15px;display:block;flex-shrink:0}.charactersCreate__pill{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:31px;border:none;background:#f0f0f0;border-radius:9px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:12px;color:#666;cursor:pointer;box-sizing:border-box}.charactersCreate__pill--spec{padding:0 10px;gap:0;max-width:290px}.charactersCreate__pill--model{padding:0 12px;gap:5px}.charactersCreate__pillText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charactersCreate__pillDivider{display:flex;align-items:center;width:1px;height:12px;margin:0 4px}.charactersCreate__pillDivider img{width:1px;height:12px;display:block}.charactersCreate__modelIcon{width:15px;height:15px;object-fit:contain;flex-shrink:0}.charactersCreate__paramDropdownTrigger,.charactersCreate__modelDropdownTrigger{display:inline-flex;z-index:2223}.charactersCreate__paramPresetItem{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charactersCreate__paramPresetDivider{width:1px;height:12px;background:#666;margin:0 10px;display:inline-block}.charactersCreate__modelDropdown{width:529px;padding:15px;border-radius:9px;background:#fff;box-shadow:0 2px 15px #3333;box-sizing:border-box}.charactersCreate__modelDropdownTitle{margin:0;color:#666;font-size:12px;font-weight:500;line-height:12px}.charactersCreate__modelDropdownList{margin-top:12px;display:flex;flex-direction:column;gap:0}.charactersCreate__modelDropdownItem{width:100%;border:none;border-radius:9px;background:#fff;padding:15px 20px;display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;box-sizing:border-box}.charactersCreate__modelDropdownItem_active{background:linear-gradient(90deg,#f9f9f9,#d6ceef)}.charactersCreate__modelDropdownItemIcon{width:26px;height:26px;margin-top:5px;display:block;object-fit:contain;flex-shrink:0}.charactersCreate__modelDropdownItemText{min-width:0;display:flex;flex-direction:column}.charactersCreate__modelDropdownItemName{color:#333;font-size:14px;font-weight:500;line-height:26px}.charactersCreate__modelDropdownItemDesc{margin-top:5px;color:#999;font-size:12px;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charactersCreate__paramDropdown{width:320px;padding:15px;border-radius:9px;background:#fff;box-shadow:0 2px 15px #3333;box-sizing:border-box;display:flex;flex-direction:column;gap:18px}.charactersCreate__paramGroup{display:flex;flex-direction:column;gap:8px}.charactersCreate__paramTitle{margin:0;color:#666;font-size:12px;font-weight:500;line-height:12px}.charactersCreate__paramOptions{display:flex;flex-wrap:wrap;gap:10px}.charactersCreate__paramOptions_ratio{width:290px;display:grid;grid-template-columns:repeat(4,65px);column-gap:10px;row-gap:10px}.charactersCreate__paramOption{min-width:65px;height:38px;border:none;border-radius:9px;padding:0 12px;background:#f9f9f9;color:#666;font-size:14px;font-weight:400;line-height:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.charactersCreate__paramOption_active{background:linear-gradient(90deg,#f0f0f0,#d6ceef);color:#333;font-weight:500}.charactersCreate__paramOption_ratio{width:65px;min-width:65px;height:65px;padding:0;display:grid;grid-template-rows:36px 15px;align-content:center;justify-items:center;row-gap:2px;font-size:12px;line-height:12px}.charactersCreate__ratioShapeSlot{width:100%;height:36px;display:inline-flex;align-items:center;justify-content:center}.charactersCreate__ratioShape{border:1px solid #666666;border-radius:2px;box-sizing:border-box;display:block}.charactersCreate__paramOption_active .charactersCreate__ratioShape{border-color:#333}.charactersCreate__ratioLabel{display:block;color:inherit;font-size:12px;font-weight:400;line-height:12px}.charactersCreate__paramOption_active .charactersCreate__ratioLabel{font-weight:500}.charactersCreate__paramRatioSizeWrap{margin-top:12px;display:flex;flex-direction:column;gap:8px}.charactersCreate__paramRatioSizeRow{display:flex;align-items:center;gap:15px}.charactersCreate__paramRatioSizeValue{width:130px;height:38px;border-radius:9px;background:#f9f9f9;color:#666;font-size:14px;font-weight:400;line-height:14px;display:inline-flex;align-items:center;justify-content:center;user-select:none;pointer-events:none}.charactersCreate__paramRatioSizeLink{width:15px;height:15px;display:block;flex-shrink:0}.charactersCreate__composerCostBtn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:104px;height:31px;border:none;border-radius:24px;background:linear-gradient(270deg,#5c3bc7,#8a7fae);color:#fff;font-size:12px;font-weight:500;line-height:12px;cursor:pointer}.charactersCreate__composerCostBtn img{width:19px;height:19px;display:block}.charactersCreate__right{container-type:inline-size;container-name:characters-create-right;flex:0 0 384px;width:384px;min-width:384px;max-width:384px;min-height:0;align-self:stretch;padding:15px 12px 16px;display:flex;flex-direction:column;align-items:center;background:#f9f9f9;border-radius:0 24px 24px 0;overflow-x:hidden;overflow-y:visible}.charactersCreate__rightStack{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__rightStack::-webkit-scrollbar{display:none}.charactersCreate__rHero{box-sizing:border-box;width:100%;max-width:359px;margin:0 0 8px;padding:18px;border:1px solid #e5e6eb;border-radius:9px;background:#fff;display:flex;flex-direction:row;align-items:center;gap:24px;text-align:left}.charactersCreate__rHero--pickPrompt{cursor:pointer}.charactersCreate__rHero--withHoverMask{position:relative;overflow:hidden;padding:0}.charactersCreate__rHeroMain{display:flex;flex-direction:row;align-items:center;gap:24px;box-sizing:border-box;min-width:0;width:100%;padding:18px;transition:opacity .28s ease,transform .28s ease}.charactersCreate__rHeroMask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;box-sizing:border-box;padding:18px;border-radius:inherit;background:linear-gradient(0deg,#ffffff2e 0% 100%),linear-gradient(-90deg,#fff,#f3efff);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1),visibility .32s;pointer-events:none}.charactersCreate__rHeroMaskInner{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.charactersCreate__rHero--withHoverMask:hover .charactersCreate__rHeroMask,.charactersCreate__rHero--withHoverMask:focus-visible .charactersCreate__rHeroMask{opacity:1;visibility:visible;transform:translateY(0)}.charactersCreate__rHero--withHoverMask:hover .charactersCreate__rHeroMain,.charactersCreate__rHero--withHoverMask:focus-visible .charactersCreate__rHeroMain{opacity:.35;transform:scale(.985)}.charactersCreate__rHeroThumb{position:relative;flex-shrink:0;width:81px;height:81px;border-radius:9px;overflow:hidden;background:#f5f5f5}.charactersCreate__rHeroThumbImg{display:block;width:100%;height:100%;object-fit:cover}.charactersCreate__rHeroTextCol{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1 1 auto;min-width:0;max-width:159px}.charactersCreate__rHeroTitle{margin:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333}.charactersCreate__rHeroDesc{margin:0;max-width:136px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#666}.charactersCreate__rightPromptGrid{display:grid;grid-template-columns:repeat(2,minmax(0,176px));column-gap:7px;row-gap:8px;width:100%;max-width:359px;margin:0;justify-content:center;box-sizing:border-box}.charactersCreate__rightPromptGridStaticRow{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,176px));column-gap:7px;row-gap:0;width:100%;justify-content:center;box-sizing:border-box}@container characters-create-right (max-width: 360px){.charactersCreate__rightPromptGrid,.charactersCreate__rightPromptGridStaticRow{grid-template-columns:repeat(2,minmax(0,1fr))}}.charactersCreate__rightPromptCard{display:flex;flex-direction:row;align-items:center;gap:24px;box-sizing:border-box;min-width:0;padding:18px;border:1px solid #e5e6eb;border-radius:9px;background:#fff;text-align:left}.charactersCreate__rightPromptCard--static{cursor:default}.charactersCreate__rightPromptCard--pickPrompt{cursor:pointer}.charactersCreate__rightPromptCard--style{position:relative;overflow:hidden;padding:0}.charactersCreate__rightPromptCardMain{display:flex;flex-direction:row;align-items:center;gap:24px;box-sizing:border-box;min-width:0;padding:18px;transition:opacity .28s ease,transform .28s ease}.charactersCreate__rightPromptCardMask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;box-sizing:border-box;padding:18px;border-radius:inherit;background:linear-gradient(0deg,#ffffff2e 0% 100%),linear-gradient(-90deg,#fff,#f3efff);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1),visibility .32s;cursor:pointer}.charactersCreate__rightPromptCard--style:hover .charactersCreate__rightPromptCardMask{opacity:1;visibility:visible;transform:translateY(0)}.charactersCreate__rightPromptCard--style:hover .charactersCreate__rightPromptCardMain{opacity:.35;transform:scale(.985)}.charactersCreate__artistServiceSlot{position:relative;min-width:0}.charactersCreate__artistServiceSlot:hover .charactersCreate__rightPromptCardMask{opacity:1;visibility:visible;transform:translateY(0)}.charactersCreate__artistServiceSlot:hover .charactersCreate__rightPromptCardMain{opacity:.35;transform:scale(.985)}.charactersCreate__artistServicePopup{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:5;box-sizing:border-box;width:min(172px,100%);padding:12px 14px 14px;border-radius:10px;background:#fff;box-shadow:0 6px 24px #0f0f0f1a,0 1px 3px #0f0f0f0f;opacity:0;visibility:hidden;transform:translate(-50%) translateY(6px);pointer-events:none;transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1),visibility .32s}.charactersCreate__artistServiceSlot:hover .charactersCreate__artistServicePopup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.charactersCreate__artistServicePopupTitle{margin:0 0 10px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:22px;color:#333;text-align:center}.charactersCreate__artistServicePopupQrWrap{width:100%;max-width:132px;margin:0 auto;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.charactersCreate__artistServicePopupQrImage{width:100%;height:100%;object-fit:contain;display:block}.charactersCreate__artistServicePopupPlaceholder{width:100%;height:100%;min-height:96px;background:#f0f0f0}.charactersCreate__rightPromptCardMaskInner{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.charactersCreate__rightPromptHoverHead{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:nowrap}.charactersCreate__rightPromptHoverChevronWrap{display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex-shrink:0;margin-left:0}.charactersCreate__rightPromptHoverChevron{width:17px;height:17px;object-fit:cover;transform:rotate(-90deg)}.charactersCreate__rightPromptHoverHint{margin:0;max-width:100%;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#666}@media (prefers-reduced-motion: reduce){.charactersCreate__rightPromptCardMain,.charactersCreate__rightPromptCardMask{transition-duration:.01ms}.charactersCreate__rightPromptCard--style:hover .charactersCreate__rightPromptCardMain,.charactersCreate__rightPromptCard--style:hover .charactersCreate__rightPromptCardMask{transform:none}.charactersCreate__rHeroMain,.charactersCreate__rHeroMask{transition-duration:.01ms}.charactersCreate__rHero--withHoverMask:hover .charactersCreate__rHeroMain,.charactersCreate__rHero--withHoverMask:focus-visible .charactersCreate__rHeroMain{transform:none}.charactersCreate__rHero--withHoverMask:hover .charactersCreate__rHeroMask,.charactersCreate__rHero--withHoverMask:focus-visible .charactersCreate__rHeroMask{transform:none}.charactersCreate__artistServicePopup{transition-duration:.01ms}.charactersCreate__artistServiceSlot:hover .charactersCreate__artistServicePopup{transform:translate(-50%) translateY(0)}.charactersCreate__artistServiceSlot:hover .charactersCreate__rightPromptCardMask,.charactersCreate__artistServiceSlot:hover .charactersCreate__rightPromptCardMain{transform:none}}.charactersCreate__rightPromptThumb{width:44px;height:44px;flex-shrink:0;border-radius:9px;overflow:hidden;background:#f5f5f5}.charactersCreate__rightPromptThumbImg{display:block;width:100%;height:100%;object-fit:cover}.charactersCreate__rightPromptText{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.charactersCreate__rightPromptName{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charactersCreate__rightPromptSub{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#666}.charactersCreate__rightPromptGrid--services{margin-bottom:10px}.charactersCreate__rightDisclaimer{display:flex;flex-direction:row;align-items:center;gap:3px;width:100%;max-width:359px;margin-top:10px}.charactersCreate__rightDisclaimerIcon{width:15px;height:15px;flex-shrink:0;border-radius:3px;opacity:.5;object-fit:cover}.charactersCreate__rightDisclaimerText{margin:0;flex:1 1 auto;min-width:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:22px;color:#666;opacity:.5}.charactersCreate__rightCtaRow{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;flex-shrink:0;width:100%;max-width:359px;height:187px;margin-top:10px}.charactersCreate__rUploadBlob{position:relative;z-index:2;box-sizing:border-box;width:111px;height:93px;flex-shrink:0;margin-top:19px;padding:0;border:0;background:transparent;cursor:pointer}.charactersCreate__rUploadBlobBg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:bottom;border-radius:9px;pointer-events:none}.charactersCreate__rCreateBlob{position:relative;z-index:1;box-sizing:border-box;width:287px;height:187px;flex-shrink:0;margin-left:-39px;padding:0;border:0;background:transparent;cursor:not-allowed;opacity:.55}.charactersCreate__rCreateBlobBg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:bottom;border-radius:9px;pointer-events:none}.charactersCreate__rCreateBlobText{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;width:100%;height:100%;padding:0 16px 64px 20px}.charactersCreate__rCreateWatermark{transform:translateY(10px);margin-right:35px;align-self:flex-end;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:32px;font-weight:700;line-height:normal;color:#ffffff80}.charactersCreate__rCreateTitle{margin-left:65px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:40px;font-weight:700;line-height:45px;color:#fff}.charactersCreate__createGlobal.charactersCreate__createGlobal_active{cursor:pointer;opacity:1}
|
|
|