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
33 KiB
1 lines
33 KiB
@charset "UTF-8";.charactersCreateRoleModal{position:fixed;inset:0;z-index:2}.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:#fff;border-radius:0 9px 9px 0;display:flex;flex-direction:column;min-height:0;padding:40px 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:#fff}.charactersCreateRoleModal__footer .charactersCreateRoleModal__agreement{margin-top:0}.charactersCreateRoleModal__footer .charactersCreateRoleModal__submitBtn{margin-top:8px}.charactersCreateRoleModal__close{position:absolute;top:11px;right:11px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0}.charactersCreateRoleModal__close img{width:20px;height:20px;display:block}.charactersCreateRoleModal__avatarAdd{width:100px;height:100px;margin:0 auto 5px;border-radius:100px;background:linear-gradient(136.84deg,#f0f0f0 1.51%,#d6ceef 98.49%);display:flex;align-items:center;justify-content:center}.charactersCreateRoleModal__avatarAdd .charactersCreateRoleModal__preview{width:100px;height:100px;border-radius:100px;border:none;padding:0;cursor:pointer;overflow:hidden}.charactersCreateRoleModal__avatarAdd .charactersCreateRoleModal__preview .charactersCreateRoleModal__previewImage{width:100%;height:100%;border-radius:100px;object-fit:cover;display:block}.charactersCreateRoleModal__avatarAdd .charactersCreateRoleModal__avatarAddImage{width:35px;height:35px;object-fit:contain;display:block}.charactersCreateRoleModal__avatarUpdate{width:100%;display:flex;align-items:center;justify-content:center}.charactersCreateRoleModal__avatarUpdate .charactersCreateRoleModal__avatarUpdateBtn{width:77px;height:27px;border:1px solid #E5E6EB;display:flex;align-items:center;justify-content:center;border-radius:9px;cursor:pointer;color:#666;font-family:Source Han Sans CN;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.charactersCreateRoleModal__formBody{width:100%;margin-top:24px;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:500;line-height:20px;color:#333}.charactersCreateRoleModal__fieldRow{display:flex;align-items:center;gap:10px}.charactersCreateRoleModal__nameInput{flex:1;width:0;height:27px;border:1px solid #e5e6eb;border-radius:9px;background:#fff;padding:0 14px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:18px;color:#333}.charactersCreateRoleModal__nameInput::placeholder{color:#999}.charactersCreateRoleModal__fieldBlock{margin-top:10px}.charactersCreateRoleModal__introInput{margin-top:5px;width:100%;height:82px;border:1px solid #e5e6eb;border-radius:9px;background:#fff;resize:none;padding:8px 14px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:18px;color:#333}.charactersCreateRoleModal__introInput::placeholder{color:#999}.charactersCreateRoleModal__toggleRow{margin-top:10px;padding-bottom:9px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.charactersCreateRoleModal__toggle{width:80px;height:21px;border-radius:100px;background:#efeff0;padding:4px 5px 3px;display:flex;align-items:center;justify-content:space-between;border:none;cursor:pointer}.charactersCreateRoleModal__toggle_on{flex-direction:row-reverse}.charactersCreateRoleModal__toggleText{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:12px;color:#999;width:23px;text-align:center}.charactersCreateRoleModal__toggleKnob{width:34px;height:14px;border-radius:100px;background:linear-gradient(270deg,#efeff0,#666)}.charactersCreateRoleModal__toggle_on .charactersCreateRoleModal__toggleKnob{background:linear-gradient(270deg,#efeff0,#5c3bc7)}.charactersCreateRoleModal__infoGroup{margin-top:11px}.charactersCreateRoleModal__promptBlock{position:relative;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.charactersCreateRoleModal__promptText{margin:6px 0 0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:23px;color:#666;padding-right:24px;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}.charactersCreateRoleModal__promptCopyIcon{position:absolute;bottom:10px;right:0;width:18px;height:18px;object-fit:cover;cursor:pointer}.charactersCreateRoleModal__materialsBlock{margin-top:8px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.charactersCreateRoleModal__materialsList{margin-top:9px;display:flex;align-items:center;gap:5px}.charactersCreateRoleModal__materialItem{position:relative;width:70px;height:70px;border-radius:0;overflow:hidden}.charactersCreateRoleModal__materialImage{width:100%;height:100%;object-fit:cover;display:block}.charactersCreateRoleModal__materialAdd{position:absolute;right:-10px;bottom:-8px;width:20px;height:20px;border:none;background:transparent;padding:0;cursor:pointer}.charactersCreateRoleModal__materialAdd img{width:20px;height:20px;display:block}.charactersCreateRoleModal__metaRow{height:41px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.charactersCreateRoleModal__metaLabel{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#333}.charactersCreateRoleModal__metaValue{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:23px;transform:scale(.6);transform-origin:right center;font-weight:500;line-height:20px;color:#666;white-space:nowrap}.charactersCreateRoleModal__agreement{margin-top:12px;display:flex;align-items:center;gap:5px}.charactersCreateRoleModal__agreementCheckbox{margin-top:3px;width:15px;height:15px;border:none;background:transparent;flex-shrink:0;cursor:pointer;margin-bottom:3px}.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 span,.charactersCreateRoleModal__agreementText a{color:#333;text-decoration:underline}.charactersCreateRoleModal__submitBtn{width:100%;height:37px;border:none;border-radius:9px;background:linear-gradient(90deg,#f0f0f0,#d6ceef);font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#333;cursor:pointer}.charactersCreateRoleModal__submitBtn:disabled{opacity:.7;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:28px 32px 20px}.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 1 clamp(260px,22vw,384px);min-width:0;max-width:min(384px,100%);min-height:0;align-self:stretch;padding:clamp(10px,1.4vw,15px) clamp(8px,1.1vw,12px) clamp(10px,1.4vw,16px);display:flex;flex-direction:column;background:#fff;border-radius:clamp(16px,2vw,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:15px;overflow:hidden}.charactersCreate__leftHeader{flex-shrink:0;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#f0f0f0,#d6ceef);border-radius:15px 15px 0 0}.charactersCreate__leftTitle{margin:0;padding:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#333}.charactersCreate__leftScroll{flex:1;min-height:0;overflow-y:auto;padding:clamp(12px,1.8vw,17px) clamp(12px,2vw,20px) clamp(12px,2vw,20px);scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__leftScroll::-webkit-scrollbar{display:none}.charactersCreate__styleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(64px,7vw,100px),1fr));gap:10px;justify-content:center;width:100%}.charactersCreate__styleCell{margin:0;padding:0;width:100%;aspect-ratio:1;border:none;background:transparent;cursor:pointer;border-radius:50%}.charactersCreate__styleCell.charactersCreate__styleCell_selected{border:3px solid #8A7FAE;box-sizing:border-box}.charactersCreate__styleCellInner{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.charactersCreate__styleImg{display:block;width:100%;height:100%;object-fit:cover}.charactersCreate__leftMore{flex-shrink:0;margin-top:14px;align-self:center;width:100%;max-width:329px;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;background:#fff;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:flex-start}.charactersCreate__taskPreviewTop{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;padding:0 0 7px}.charactersCreate__taskPreviewStyleCard{width:107px;height:107px;border-radius:10px;overflow:hidden}.charactersCreate__taskPreviewStyleImage{display:block;width:100%;height:100%;object-fit:cover}.charactersCreate__taskPreviewPrompt{margin:10px 0 0;width:80%;text-align:left;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:21px;color:#000;overflow-wrap:anywhere;word-break:break-word}.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)}.charactersCreate__composerTab{display:flex;align-items:center;justify-content:flex-start;width:124px;height:40px;padding:0;border:none;border-radius:64px 100px 0 0;background:linear-gradient(270deg,#d6ceef,#f0f0f0);cursor:pointer}.charactersCreate__composerTab_active{background:linear-gradient(270deg,#cbbfe9,#ece9f7)}.charactersCreate__composerTabIcon{width:18px;height:18px;object-fit:cover;flex-shrink:0;margin:0 5px 0 20px}.charactersCreate__composerTabLabel{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:normal;color:#333;width:29px}.charactersCreate__composerPanel{width:100%;margin-top:0;border:5px solid #f0f0f0;border-radius:0 clamp(16px,2vw,24px) clamp(16px,2vw,24px) 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}.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__langSwitchIcon{width:92px;height:31px;display:block;cursor:pointer}.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}.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__composerExpandBtn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:86px;height:31px;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}.charactersCreate__composerExpandBtn img{width:15px;height:15px;display:block;margin-right:5px}.charactersCreate__composerExpandBtn img:last-child{width:19px;height:19px;margin-right:0}.charactersCreate__composerExpandBtn_active{background:linear-gradient(90deg,#f0f0f0,#d6ceef);color:#5c3bc7}.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 1 clamp(248px,20vw,384px);min-width:0;max-width:min(384px,100%);min-height:0;align-self:stretch;padding:clamp(10px,1.4vw,15px) clamp(8px,1.1vw,12px) clamp(10px,1.4vw,16px);display:flex;flex-direction:column;background:#fff;border-radius:clamp(16px,2vw,24px);overflow:hidden}.charactersCreate__rightStack{display:flex;flex-direction:column;gap:clamp(8px,1.2vw,10px);flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.charactersCreate__rightStack::-webkit-scrollbar{display:none}.charactersCreate__svc{flex-shrink:0}.charactersCreate__svcBlock{position:relative;width:100%;max-width:359px;margin:0 auto;height:clamp(170px,10.5vw,188px);flex-shrink:0;background:#f9f9f9;border-radius:clamp(7px,1.5vw,9px);overflow:hidden;display:flex;flex-direction:column}.charactersCreate__svcHeader{flex-shrink:0;height:clamp(32px,5.5vw,38px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 clamp(10px,2.2vw,15px) 0 clamp(16px,2.8vw,22px);background:linear-gradient(90deg,#f0f0f0,#d6ceef);border-radius:clamp(7px,1.5vw,9px) clamp(7px,1.5vw,9px) 0 0}.charactersCreate__svcHeaderMain{display:flex;flex-direction:row;align-items:center;gap:8px}.charactersCreate__svcTitle,.charactersCreate__svcTitleOnly{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(12px,3.65cqw,14px);font-weight:500;line-height:clamp(18px,6.77cqw,26px);color:#333}.charactersCreate__hotBadge{display:inline-flex;align-items:center;justify-content:center;width:clamp(22px,6cqw,27px);height:clamp(11px,3cqw,13px);background:#333;border-radius:5px 0}.charactersCreate__hotBadgeText{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(7px,1.6cqw,8px);font-weight:700;line-height:normal;color:#fff}.charactersCreate__svcChevron{width:clamp(16px,4.5cqw,20px);height:clamp(16px,4.5cqw,20px);object-fit:cover;flex-shrink:0}.charactersCreate__svcBody{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:clamp(8px,2cqw,12px);padding:clamp(14px,4cqw,23px) clamp(12px,3.5cqw,20px) 0;flex:1;min-height:0;overflow:hidden}.charactersCreate__svcDesc{margin:0;flex:1 1 0;min-width:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(10px,3.125cqw,12px);font-weight:400;line-height:clamp(14px,4.69cqw,18px);color:#666;text-align:justify;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word}.charactersCreate__svcDescMulti{flex:1 1 0;min-width:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(10px,3.125cqw,12px);font-weight:400;line-height:clamp(14px,4.69cqw,18px);color:#666;text-align:justify;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word}.charactersCreate__svcDescLine{margin:0;line-height:inherit}.charactersCreate__svcDescLine+.charactersCreate__svcDescLine{margin-top:2px}.charactersCreate__svcFigure{flex:0 0 auto;width:clamp(72px,32cqw,114px);aspect-ratio:114/83;height:auto;border:1px solid #999999;border-radius:clamp(6px,1.8cqw,9px);overflow:hidden}.charactersCreate__svcFigure--crop{position:relative}.charactersCreate__svcImg{display:block;width:100%;height:100%;object-fit:cover;border-radius:clamp(6px,1.6cqw,8px)}.charactersCreate__svcImgCrop{position:absolute;left:-12.85%;top:-.14%;width:124.83%;height:128%;max-width:none;object-fit:cover}.charactersCreate__svcAction{flex-shrink:0;align-self:center;width:calc(100% - clamp(24px,6cqw,40px));max-width:329px;height:clamp(24px,5.5cqw,27px);margin:clamp(8px,2.5cqw,12px) auto;border:1px solid #e5e6eb;border-radius:clamp(7px,1.8cqw,9px);background:#fff;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(10px,2.4cqw,12px);font-weight:500;line-height:normal;color:#666;cursor:pointer}.charactersCreate__svc--diy{margin-bottom:0}.charactersCreate__svcBlock--diy{height:clamp(200px,12vw,216px)}.charactersCreate__svcHeader--diyCap{justify-content:center;padding:0 clamp(10px,2.5cqw,12px)}.charactersCreate__svcTitleCenter{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(12px,3.65cqw,14px);font-weight:500;line-height:clamp(18px,6.77cqw,26px);color:#333;text-align:center}.charactersCreate__diyGrid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:clamp(10px,2.8cqw,16px) clamp(12px,4cqw,24px) clamp(6px,1.5cqw,8px);gap:clamp(4px,1.5cqw,8px)}.charactersCreate__diyItem{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.8cqw,8px);width:clamp(56px,20cqw,78px);border:0;padding:0;background:transparent;cursor:pointer}.charactersCreate__diyThumb{width:clamp(56px,20cqw,78px);height:clamp(56px,20cqw,78px);border-radius:clamp(10px,3cqw,15px);background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;justify-content:center}.charactersCreate__diyThumbImg{width:clamp(32px,11cqw,45px);height:clamp(32px,11cqw,45px);object-fit:cover}.charactersCreate__diyLabel{font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(10px,2.2cqw,12px);font-weight:400;line-height:clamp(16px,4cqw,26px);color:#999}.charactersCreate__createGlobal{flex-shrink:0;width:100%;max-width:359px;height:clamp(48px,12cqw,58px);margin:clamp(10px,2.5cqw,16px) auto 0;border:none;border-radius:clamp(7px,1.8cqw,9px);background:#f0f0f0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:clamp(12px,2.8cqw,14px);font-weight:500;line-height:normal;color:#666;cursor:not-allowed}.charactersCreate__createGlobal_active{border-radius:9px;background:linear-gradient(90deg,#8a7fae,#5c3bc7);color:#fff;cursor:pointer}
|
|
|