PHP 对接 千帆 AppBuilder Deepseek 应用H5网页 网页嵌套小程序 API SDK
首先去 https://console.bce.baidu.com/ai_apaas/personalSpace/app 注册，自己拿key和appid
网站配置，这个很简单去后台配置一下域名就好了，然后引入自己的JS
如果想用上面的网站放到小程序里面，就需要跳过微信小程序的官方文件校验，不然小程序打开是显示没有权限的
目前来说，百度云这边是没办法把你的校验文件放到他们服务器的，这个时候就需要你自己去破，把引用的JS代码拿下来自己看
这个是拿下来的代码
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="13rjkkx" data-token-hash="lg0aro">
:where(.css-1i14ufh) a {
color: #2468f2;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0s;
-webkit-text-decoration-skip: objects;
}
:where(.css-1i14ufh) a:hover {
color: #528EFF;
}
:where(.css-1i14ufh) a:active {
color: #144BCC;
}
:where(.css-1i14ufh) a:active,
:where(.css-1i14ufh) a:hover {
text-decoration: none;
outline: 0;
}
:where(.css-1i14ufh) a:focus {
text-decoration: none;
outline: 0;
}
:where(.css-1i14ufh) a[disabled] {
color: #B8BABF;
cursor: not-allowed;
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="1gz5h4u" data-token-hash="lg0aro">
:where(.css-1i14ufh).ant-app {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
font-size: 14px;
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-app::before,
:where(.css-1i14ufh).ant-app::after {
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-app [class^="ant-app"],
:where(.css-1i14ufh).ant-app [class*=" ant-app"] {
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-app [class^="ant-app"]::before,
:where(.css-1i14ufh).ant-app [class*=" ant-app"]::before,
:where(.css-1i14ufh).ant-app [class^="ant-app"]::after,
:where(.css-1i14ufh).ant-app [class*=" ant-app"]::after {
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-app {
color: #151B26;
font-size: 14px;
line-height: 1.5714285714285714;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-1ccnsgg-antSpinMove">
@keyframes css-1ccnsgg-antSpinMove {
to {
opacity: 1;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-1ccnsgg-antRotate">
@keyframes css-1ccnsgg-antRotate {
to {
transform: rotate(405deg);
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="14flie7" data-token-hash="lg0aro">
:where(.css-1i14ufh).ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #151B26;
font-size: 14px;
line-height: 1.5714285714285714;
list-style: none;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
position: absolute;
z-index: 1070;
display: block;
width: max-content;
max-width: 250px;
visibility: visible;
--valid-offset-x: var(--arrow-offset-horizontal, var(--arrow-x));
transform-origin: var(--valid-offset-x, 50%) var(--arrow-y, 50%);
--antd-arrow-background-color: rgb(255, 255, 255);
}
:where(.css-1i14ufh).ant-tooltip-hidden {
display: none;
}
:where(.css-1i14ufh).ant-tooltip .ant-tooltip-inner {
min-width: 1em;
min-height: 32px;
padding: 8px 8px;
color: rgb(21, 27, 40);
text-align: start;
text-decoration: none;
word-wrap: break-word;
background-color: rgb(255, 255, 255);
border-radius: 6px;
box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-tooltip-placement-left .ant-tooltip-inner,
:where(.css-1i14ufh).ant-tooltip-placement-leftTop .ant-tooltip-inner,
:where(.css-1i14ufh).ant-tooltip-placement-leftBottom .ant-tooltip-inner,
:where(.css-1i14ufh).ant-tooltip-placement-right .ant-tooltip-inner,
:where(.css-1i14ufh).ant-tooltip-placement-rightTop .ant-tooltip-inner,
:where(.css-1i14ufh).ant-tooltip-placement-rightBottom .ant-tooltip-inner {
border-radius: 6px;
}
:where(.css-1i14ufh).ant-tooltip .ant-tooltip-content {
position: relative;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-blue .ant-tooltip-inner {
background-color: #1677ff;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-blue .ant-tooltip-arrow {
--antd-arrow-background-color: #1677ff;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-purple .ant-tooltip-inner {
background-color: #722ed1;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-purple .ant-tooltip-arrow {
--antd-arrow-background-color: #722ed1;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-cyan .ant-tooltip-inner {
background-color: #13c2c2;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-cyan .ant-tooltip-arrow {
--antd-arrow-background-color: #13c2c2;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-green .ant-tooltip-inner {
background-color: #52c41a;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-green .ant-tooltip-arrow {
--antd-arrow-background-color: #52c41a;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-magenta .ant-tooltip-inner {
background-color: #eb2f96;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-magenta .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-pink .ant-tooltip-inner {
background-color: #eb2f96;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-pink .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-red .ant-tooltip-inner {
background-color: #f5222d;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-red .ant-tooltip-arrow {
--antd-arrow-background-color: #f5222d;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-orange .ant-tooltip-inner {
background-color: #fa8c16;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-orange .ant-tooltip-arrow {
--antd-arrow-background-color: #fa8c16;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-yellow .ant-tooltip-inner {
background-color: #fadb14;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-yellow .ant-tooltip-arrow {
--antd-arrow-background-color: #fadb14;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-volcano .ant-tooltip-inner {
background-color: #fa541c;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-volcano .ant-tooltip-arrow {
--antd-arrow-background-color: #fa541c;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-inner {
background-color: #2f54eb;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-arrow {
--antd-arrow-background-color: #2f54eb;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-lime .ant-tooltip-inner {
background-color: #a0d911;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-lime .ant-tooltip-arrow {
--antd-arrow-background-color: #a0d911;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-gold .ant-tooltip-inner {
background-color: #faad14;
}
:where(.css-1i14ufh).ant-tooltip.ant-tooltip-gold .ant-tooltip-arrow {
--antd-arrow-background-color: #faad14;
}
:where(.css-1i14ufh).ant-tooltip-rtl {
direction: rtl;
}
:where(.css-1i14ufh).ant-tooltip .ant-tooltip-arrow {
position: absolute;
z-index: 1;
display: block;
pointer-events: none;
width: 16px;
height: 16px;
overflow: hidden;
}
:where(.css-1i14ufh).ant-tooltip .ant-tooltip-arrow::before {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 16px;
height: 8px;
background: var(--antd-arrow-background-color);
clip-path: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
content: "";
}
:where(.css-1i14ufh).ant-tooltip .ant-tooltip-arrow::after {
content: "";
position: absolute;
width: 8.970562748477143px;
height: 8.970562748477143px;
bottom: 0;
inset-inline: 0;
margin: auto;
border-radius: 0 0 2px 0;
transform: translateY(50%) rotate(-135deg);
box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
z-index: 0;
background: transparent;
}
:where(.css-1i14ufh).ant-tooltip .ant-tooltip-arrow:before {
background: var(--antd-arrow-background-color);
}
:where(.css-1i14ufh).ant-tooltip-placement-top>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-topLeft>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-topRight>.ant-tooltip-arrow {
bottom: 0;
transform: translateY(100%) rotate(180deg);
}
:where(.css-1i14ufh).ant-tooltip-placement-top>.ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
:where(.css-1i14ufh).ant-tooltip-placement-topLeft {
--arrow-offset-horizontal: 12px;
}
:where(.css-1i14ufh).ant-tooltip-placement-topLeft>.ant-tooltip-arrow {
left: 12px;
}
:where(.css-1i14ufh).ant-tooltip-placement-topRight {
--arrow-offset-horizontal: calc(100% - 12px);
}
:where(.css-1i14ufh).ant-tooltip-placement-topRight>.ant-tooltip-arrow {
right: 12px;
}
:where(.css-1i14ufh).ant-tooltip-placement-bottom>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-bottomLeft>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-bottomRight>.ant-tooltip-arrow {
top: 0;
transform: translateY(-100%);
}
:where(.css-1i14ufh).ant-tooltip-placement-bottom>.ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
:where(.css-1i14ufh).ant-tooltip-placement-bottomLeft {
--arrow-offset-horizontal: 12px;
}
:where(.css-1i14ufh).ant-tooltip-placement-bottomLeft>.ant-tooltip-arrow {
left: 12px;
}
:where(.css-1i14ufh).ant-tooltip-placement-bottomRight {
--arrow-offset-horizontal: calc(100% - 12px);
}
:where(.css-1i14ufh).ant-tooltip-placement-bottomRight>.ant-tooltip-arrow {
right: 12px;
}
:where(.css-1i14ufh).ant-tooltip-placement-left>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-leftTop>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-leftBottom>.ant-tooltip-arrow {
right: 0;
transform: translateX(100%) rotate(90deg);
}
:where(.css-1i14ufh).ant-tooltip-placement-left>.ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
:where(.css-1i14ufh).ant-tooltip-placement-leftTop>.ant-tooltip-arrow {
top: 8px;
}
:where(.css-1i14ufh).ant-tooltip-placement-leftBottom>.ant-tooltip-arrow {
bottom: 8px;
}
:where(.css-1i14ufh).ant-tooltip-placement-right>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-rightTop>.ant-tooltip-arrow,
:where(.css-1i14ufh).ant-tooltip-placement-rightBottom>.ant-tooltip-arrow {
left: 0;
transform: translateX(-100%) rotate(-90deg);
}
:where(.css-1i14ufh).ant-tooltip-placement-right>.ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
:where(.css-1i14ufh).ant-tooltip-placement-rightTop>.ant-tooltip-arrow {
top: 8px;
}
:where(.css-1i14ufh).ant-tooltip-placement-rightBottom>.ant-tooltip-arrow {
bottom: 8px;
}
:where(.css-1i14ufh).ant-tooltip-pure {
position: relative;
max-width: none;
margin: 16px;
}
:where(.css-1i14ufh).ant-zoom-big-fast-enter,
:where(.css-1i14ufh).ant-zoom-big-fast-appear {
animation-duration: 0s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1i14ufh).ant-zoom-big-fast-leave {
animation-duration: 0s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1i14ufh).ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
:where(.css-1i14ufh).ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
animation-name: css-1i14ufh-antZoomBigIn;
animation-play-state: running;
}
:where(.css-1i14ufh).ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
animation-name: css-1i14ufh-antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
:where(.css-1i14ufh).ant-zoom-big-fast-enter,
:where(.css-1i14ufh).ant-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
:where(.css-1i14ufh).ant-zoom-big-fast-enter-prepare,
:where(.css-1i14ufh).ant-zoom-big-fast-appear-prepare {
transform: none;
}
:where(.css-1i14ufh).ant-zoom-big-fast-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-1i14ufh-antZoomBigIn">
@keyframes css-1i14ufh-antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-1i14ufh-antZoomBigOut">
@keyframes css-1i14ufh-antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="181wijg" data-token-hash="lg0aro">
:where(.css-1i14ufh).ant-upload-wrapper {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
font-size: 14px;
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-upload-wrapper::before,
:where(.css-1i14ufh).ant-upload-wrapper::after {
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-upload-wrapper [class^="ant-upload"],
:where(.css-1i14ufh).ant-upload-wrapper [class*=" ant-upload"] {
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-upload-wrapper [class^="ant-upload"]::before,
:where(.css-1i14ufh).ant-upload-wrapper [class*=" ant-upload"]::before,
:where(.css-1i14ufh).ant-upload-wrapper [class^="ant-upload"]::after,
:where(.css-1i14ufh).ant-upload-wrapper [class*=" ant-upload"]::after {
box-sizing: border-box;
}
:where(.css-1i14ufh).ant-upload-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgb(92, 95, 102);
font-size: 14px;
line-height: 1.6667;
list-style: none;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload {
outline: 0;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload input[type='file'] {
cursor: pointer;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-select {
display: inline-block;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-disabled {
color: #B8BABF;
cursor: not-allowed;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag {
position: relative;
width: 100%;
height: 100%;
text-align: center;
background: rgb(255, 255, 255);
border: 1px dashed #E8E9EB;
border-radius: 4px;
cursor: pointer;
transition: border-color 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag .ant-upload {
padding: 20px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag .ant-upload-btn {
display: table;
width: 100%;
height: 100%;
outline: none;
border-radius: 4px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag .ant-upload-btn:focus-visible {
outline: 4px solid #a1caff;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag .ant-upload-drag-container {
display: table-cell;
vertical-align: middle;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag-hover:not(.ant-upload-disabled) {
border-color: rgb(36, 104, 242);
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon {
margin-bottom: 16px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon .anticon {
color: #2468f2;
font-size: 48px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag p.ant-upload-text {
margin: 0 0 4px;
color: #151B26;
font-size: 16px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag p.ant-upload-hint {
color: #84868C;
font-size: 14px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag.ant-upload-disabled p.ant-upload-drag-icon .anticon,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag.ant-upload-disabled p.ant-upload-text,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-drag.ant-upload-disabled p.ant-upload-hint {
color: #B8BABF;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item {
position: relative;
height: 66px;
padding: 8px;
border: 1px solid #E8E9EB;
border-radius: 4px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item:hover,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item:hover {
background: transparent;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item .ant-upload-list-item-thumbnail {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 48px;
height: 48px;
line-height: 60px;
text-align: center;
flex: none;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail .anticon,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail .anticon,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item .ant-upload-list-item-thumbnail .anticon {
font-size: 30px;
color: #2468f2;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail img,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail img,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item .ant-upload-list-item-thumbnail img {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-progress,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-progress,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item .ant-upload-list-item-progress {
bottom: 12px;
width: calc(100% - 24px);
margin-top: 0;
padding-inline-start: 56px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-error,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-error {
border-color: #f33e3e;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f4ff'],
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f4ff'],
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f4ff'] {
fill: rgba(0, 0, 0, 0);
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1677ff'],
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1677ff'],
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1677ff'] {
fill: #f33e3e;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-uploading,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading {
border-style: dashed;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .ant-upload-list-item-name {
margin-bottom: 12px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item::before,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item .ant-upload-list-item-thumbnail {
border-radius: 50%;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper {
display: block;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper::before {
display: table;
content: "";
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper::after,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper::after {
display: table;
clear: both;
content: "";
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
width: 102px;
height: 102px;
text-align: center;
vertical-align: top;
background-color: rgb(255, 255, 255);
border: 1px dashed #E8E9EB;
border-radius: 4px;
cursor: pointer;
transition: border-color 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select>.ant-upload,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select>.ant-upload {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select:not(.ant-upload-disabled):hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select:not(.ant-upload-disabled):hover {
border-color: #2468f2;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle {
display: flex;
flex-wrap: wrap;
}
@supports not (gap: 1px) {
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card>*,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card>*,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle>*,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle>* {
margin-block-end: 8px;
margin-inline-end: 8px;
}
}
@supports (gap: 1px) {
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle {
gap: 8px;
}
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container {
display: inline-block;
width: 102px;
height: 102px;
vertical-align: top;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card::after,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card::after,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle::after,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle::after {
display: none;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle::before {
display: none;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item {
height: 100%;
margin: 0;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item::before {
position: absolute;
z-index: 1;
width: calc(100% - 16px);
height: calc(100% - 16px);
background-color: rgba(7, 12, 20, 0.5);
opacity: 0;
transition: all 0s;
content: " ";
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item:hover::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item:hover::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-actions,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-actions,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item:hover .ant-upload-list-item-actions,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item:hover .ant-upload-list-item-actions {
opacity: 1;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions {
position: absolute;
inset-inline-start: 0;
z-index: 10;
width: 100%;
white-space: nowrap;
text-align: center;
opacity: 0;
transition: all 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-delete,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-delete {
z-index: 10;
width: 16px;
margin: 0 4px;
font-size: 16px;
cursor: pointer;
transition: all 0s;
color: #fff;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-eye:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-eye:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-download:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-download:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-delete:hover,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-delete:hover {
color: #fff;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-eye svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-eye svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-download svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-download svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-delete svg,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-actions .anticon-delete svg {
vertical-align: baseline;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-thumbnail,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-thumbnail,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-thumbnail img,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-thumbnail img {
position: static;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-name {
display: none;
text-align: center;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-file+.ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-file+.ant-upload-list-item-name {
position: absolute;
bottom: 16px;
display: block;
width: calc(100% - 16px);
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading.ant-upload-list-item,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading.ant-upload-list-item {
background-color: rgb(255, 255, 255);
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading::before,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .anticon-eye,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .anticon-download,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-delete,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-delete,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .anticon-delete,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-uploading .anticon-delete {
display: none;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-progress,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-progress,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-progress,
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-progress {
bottom: 32px;
width: calc(100% - 16px);
padding-inline-start: 0;
}
:where(.css-1i14ufh).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
border-radius: 50%;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list {
line-height: 1.6667;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list::before {
display: table;
content: "";
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list::after {
display: table;
clear: both;
content: "";
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
position: relative;
height: 23.3338px;
margin-top: 8px;
font-size: 14px;
display: flex;
align-items: center;
transition: background-color 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
background-color: #f7f7f9;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 8px;
line-height: 1.6667;
flex: auto;
transition: all 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions {
white-space: nowrap;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action {
opacity: 0;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .anticon {
color: rgb(132, 134, 140);
transition: all 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus-visible,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions.picture .ant-upload-list-item-action {
opacity: 1;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action.ant-btn {
height: 20px;
border: 0;
line-height: 1;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-icon .anticon {
color: #84868C;
font-size: 14px;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-progress {
position: absolute;
bottom: -12px;
width: 100%;
padding-inline-start: 22px;
font-size: 14px;
line-height: 0;
pointer-events: none;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-progress>div {
margin: 0;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover .ant-upload-list-item-action {
opacity: 1;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error {
color: #f33e3e;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-name,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-icon .anticon {
color: #f33e3e;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .anticon,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .anticon:hover {
color: #f33e3e;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .ant-upload-list-item-action {
opacity: 1;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-container {
transition: opacity 0s, height 0s;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-list .ant-upload-list-item-container::before {
display: table;
width: 0;
height: 0;
content: "";
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-animate-inline-appear,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-animate-inline-enter,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-animate-inline-leave {
animation-duration: 0s;
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-fill-mode: forwards;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-animate-inline-appear,
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-animate-inline-enter {
animation-name: css-1i14ufh-uploadAnimateInlineIn;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-upload-animate-inline-leave {
animation-name: css-1i14ufh-uploadAnimateInlineOut;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-enter,
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-appear {
animation-duration: 0s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-leave {
animation-duration: 0s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-enter.ant-fade-enter-active,
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-appear.ant-fade-appear-active {
animation-name: css-1i14ufh-antFadeIn;
animation-play-state: running;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-leave.ant-fade-leave-active {
animation-name: css-1i14ufh-antFadeOut;
animation-play-state: running;
pointer-events: none;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-enter,
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-appear {
opacity: 0;
animation-timing-function: linear;
}
:where(.css-1i14ufh).ant-upload-wrapper .ant-fade-leave {
animation-timing-function: linear;
}
:where(.css-1i14ufh).ant-upload-rtl {
direction: rtl;
}
:where(.css-1i14ufh).ant-upload .ant-motion-collapse-legacy {
overflow: hidden;
}
:where(.css-1i14ufh).ant-upload .ant-motion-collapse-legacy-active {
transition: height 0s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
:where(.css-1i14ufh).ant-upload .ant-motion-collapse {
overflow: hidden;
transition: height 0s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999"
data-css-hash="_effect-css-1i14ufh-uploadAnimateInlineIn">
@keyframes css-1i14ufh-uploadAnimateInlineIn {
from {
width: 0;
height: 0;
padding: 0;
opacity: 0;
margin: -4px;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999"
data-css-hash="_effect-css-1i14ufh-uploadAnimateInlineOut">
@keyframes css-1i14ufh-uploadAnimateInlineOut {
to {
width: 0;
height: 0;
padding: 0;
opacity: 0;
margin: -4px;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-1i14ufh-antFadeIn">
@keyframes css-1i14ufh-antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-1i14ufh-antFadeOut">
@keyframes css-1i14ufh-antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="1yq8xyc" data-token-hash="i6dwyi">
:where(.css-7yrlt) a {
color: #2468f2;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0s;
-webkit-text-decoration-skip: objects;
}
:where(.css-7yrlt) a:hover {
color: #528EFF;
}
:where(.css-7yrlt) a:active {
color: #144BCC;
}
:where(.css-7yrlt) a:active,
:where(.css-7yrlt) a:hover {
text-decoration: none;
outline: 0;
}
:where(.css-7yrlt) a:focus {
text-decoration: none;
outline: 0;
}
:where(.css-7yrlt) a[disabled] {
color: #B8BABF;
cursor: not-allowed;
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="9ymejs" data-token-hash="i6dwyi">
:where(.css-7yrlt).ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #151B26;
font-size: 14px;
line-height: 1.5714285714285714;
list-style: none;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
position: absolute;
z-index: 1070;
display: block;
width: max-content;
max-width: 250px;
visibility: visible;
--valid-offset-x: var(--arrow-offset-horizontal, var(--arrow-x));
transform-origin: var(--valid-offset-x, 50%) var(--arrow-y, 50%);
--antd-arrow-background-color: rgba(7, 12, 20, 0.85);
}
:where(.css-7yrlt).ant-tooltip-hidden {
display: none;
}
:where(.css-7yrlt).ant-tooltip .ant-tooltip-inner {
min-width: 1em;
min-height: 32px;
padding: 8px 8px;
color: #fff;
text-align: start;
text-decoration: none;
word-wrap: break-word;
background-color: rgba(7, 12, 20, 0.85);
border-radius: 6px;
box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
box-sizing: border-box;
}
:where(.css-7yrlt).ant-tooltip-placement-left .ant-tooltip-inner,
:where(.css-7yrlt).ant-tooltip-placement-leftTop .ant-tooltip-inner,
:where(.css-7yrlt).ant-tooltip-placement-leftBottom .ant-tooltip-inner,
:where(.css-7yrlt).ant-tooltip-placement-right .ant-tooltip-inner,
:where(.css-7yrlt).ant-tooltip-placement-rightTop .ant-tooltip-inner,
:where(.css-7yrlt).ant-tooltip-placement-rightBottom .ant-tooltip-inner {
border-radius: 6px;
}
:where(.css-7yrlt).ant-tooltip .ant-tooltip-content {
position: relative;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-blue .ant-tooltip-inner {
background-color: #1677ff;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-blue .ant-tooltip-arrow {
--antd-arrow-background-color: #1677ff;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-purple .ant-tooltip-inner {
background-color: #722ed1;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-purple .ant-tooltip-arrow {
--antd-arrow-background-color: #722ed1;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-cyan .ant-tooltip-inner {
background-color: #13c2c2;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-cyan .ant-tooltip-arrow {
--antd-arrow-background-color: #13c2c2;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-green .ant-tooltip-inner {
background-color: #52c41a;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-green .ant-tooltip-arrow {
--antd-arrow-background-color: #52c41a;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-magenta .ant-tooltip-inner {
background-color: #eb2f96;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-magenta .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-pink .ant-tooltip-inner {
background-color: #eb2f96;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-pink .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-red .ant-tooltip-inner {
background-color: #f5222d;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-red .ant-tooltip-arrow {
--antd-arrow-background-color: #f5222d;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-orange .ant-tooltip-inner {
background-color: #fa8c16;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-orange .ant-tooltip-arrow {
--antd-arrow-background-color: #fa8c16;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-yellow .ant-tooltip-inner {
background-color: #fadb14;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-yellow .ant-tooltip-arrow {
--antd-arrow-background-color: #fadb14;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-volcano .ant-tooltip-inner {
background-color: #fa541c;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-volcano .ant-tooltip-arrow {
--antd-arrow-background-color: #fa541c;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-inner {
background-color: #2f54eb;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-arrow {
--antd-arrow-background-color: #2f54eb;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-lime .ant-tooltip-inner {
background-color: #a0d911;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-lime .ant-tooltip-arrow {
--antd-arrow-background-color: #a0d911;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-gold .ant-tooltip-inner {
background-color: #faad14;
}
:where(.css-7yrlt).ant-tooltip.ant-tooltip-gold .ant-tooltip-arrow {
--antd-arrow-background-color: #faad14;
}
:where(.css-7yrlt).ant-tooltip-rtl {
direction: rtl;
}
:where(.css-7yrlt).ant-tooltip .ant-tooltip-arrow {
position: absolute;
z-index: 1;
display: block;
pointer-events: none;
width: 16px;
height: 16px;
overflow: hidden;
}
:where(.css-7yrlt).ant-tooltip .ant-tooltip-arrow::before {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 16px;
height: 8px;
background: var(--antd-arrow-background-color);
clip-path: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
content: "";
}
:where(.css-7yrlt).ant-tooltip .ant-tooltip-arrow::after {
content: "";
position: absolute;
width: 8.970562748477143px;
height: 8.970562748477143px;
bottom: 0;
inset-inline: 0;
margin: auto;
border-radius: 0 0 2px 0;
transform: translateY(50%) rotate(-135deg);
box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
z-index: 0;
background: transparent;
}
:where(.css-7yrlt).ant-tooltip .ant-tooltip-arrow:before {
background: var(--antd-arrow-background-color);
}
:where(.css-7yrlt).ant-tooltip-placement-top>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-topLeft>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-topRight>.ant-tooltip-arrow {
bottom: 0;
transform: translateY(100%) rotate(180deg);
}
:where(.css-7yrlt).ant-tooltip-placement-top>.ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
:where(.css-7yrlt).ant-tooltip-placement-topLeft {
--arrow-offset-horizontal: 12px;
}
:where(.css-7yrlt).ant-tooltip-placement-topLeft>.ant-tooltip-arrow {
left: 12px;
}
:where(.css-7yrlt).ant-tooltip-placement-topRight {
--arrow-offset-horizontal: calc(100% - 12px);
}
:where(.css-7yrlt).ant-tooltip-placement-topRight>.ant-tooltip-arrow {
right: 12px;
}
:where(.css-7yrlt).ant-tooltip-placement-bottom>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-bottomLeft>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-bottomRight>.ant-tooltip-arrow {
top: 0;
transform: translateY(-100%);
}
:where(.css-7yrlt).ant-tooltip-placement-bottom>.ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
:where(.css-7yrlt).ant-tooltip-placement-bottomLeft {
--arrow-offset-horizontal: 12px;
}
:where(.css-7yrlt).ant-tooltip-placement-bottomLeft>.ant-tooltip-arrow {
left: 12px;
}
:where(.css-7yrlt).ant-tooltip-placement-bottomRight {
--arrow-offset-horizontal: calc(100% - 12px);
}
:where(.css-7yrlt).ant-tooltip-placement-bottomRight>.ant-tooltip-arrow {
right: 12px;
}
:where(.css-7yrlt).ant-tooltip-placement-left>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-leftTop>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-leftBottom>.ant-tooltip-arrow {
right: 0;
transform: translateX(100%) rotate(90deg);
}
:where(.css-7yrlt).ant-tooltip-placement-left>.ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
:where(.css-7yrlt).ant-tooltip-placement-leftTop>.ant-tooltip-arrow {
top: 8px;
}
:where(.css-7yrlt).ant-tooltip-placement-leftBottom>.ant-tooltip-arrow {
bottom: 8px;
}
:where(.css-7yrlt).ant-tooltip-placement-right>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-rightTop>.ant-tooltip-arrow,
:where(.css-7yrlt).ant-tooltip-placement-rightBottom>.ant-tooltip-arrow {
left: 0;
transform: translateX(-100%) rotate(-90deg);
}
:where(.css-7yrlt).ant-tooltip-placement-right>.ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
:where(.css-7yrlt).ant-tooltip-placement-rightTop>.ant-tooltip-arrow {
top: 8px;
}
:where(.css-7yrlt).ant-tooltip-placement-rightBottom>.ant-tooltip-arrow {
bottom: 8px;
}
:where(.css-7yrlt).ant-tooltip-pure {
position: relative;
max-width: none;
margin: 16px;
}
:where(.css-7yrlt).ant-zoom-big-fast-enter,
:where(.css-7yrlt).ant-zoom-big-fast-appear {
animation-duration: 0s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-7yrlt).ant-zoom-big-fast-leave {
animation-duration: 0s;
animation-fill-mode: both;
animation-play-state: paused;
}
:where(.css-7yrlt).ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
:where(.css-7yrlt).ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
animation-name: css-7yrlt-antZoomBigIn;
animation-play-state: running;
}
:where(.css-7yrlt).ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
animation-name: css-7yrlt-antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
:where(.css-7yrlt).ant-zoom-big-fast-enter,
:where(.css-7yrlt).ant-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
:where(.css-7yrlt).ant-zoom-big-fast-enter-prepare,
:where(.css-7yrlt).ant-zoom-big-fast-appear-prepare {
transform: none;
}
:where(.css-7yrlt).ant-zoom-big-fast-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-7yrlt-antZoomBigIn">
@keyframes css-7yrlt-antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
</style>
<style data-rc-order="prependQueue" data-rc-priority="-999" data-css-hash="_effect-css-7yrlt-antZoomBigOut">
@keyframes css-7yrlt-antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
</style>
<style data-rc-order="prependQueue" data-css-hash="1mavc35" data-token-hash="lg0aro">
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
</style>
<style data-rc-order="prependQueue" data-css-hash="hicwak" data-token-hash="x5ba8r">
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
</style>
<style data-rc-order="prependQueue" data-css-hash="1c29zmy" data-token-hash="i6dwyi">
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon>* {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon .anticon .anticon-icon {
display: block;
}
</style>
<script type="module" crossorigin=""
src="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/polyfills-a-Cp2R2I.js">
</script>
<meta charset="utf-8">
<title>App Builder</title>
<base href="/">
<link rel="icon" type="image/x-icon"
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/favicon.ico">
<script type="module" crossorigin=""
src="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/embedFull-EzmFuCN4.js">
</script>
<link rel="modulepreload" crossorigin=""
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/amisStyle-uHdtQmWz.js">
<link rel="stylesheet" crossorigin=""
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/amisStyle-BBt9qul8.css">
<script type="module">
import.meta.url;
import("_").catch(() => 1);
(async function*() {})().next();
if (location.protocol != "file:") {
window.__vite_is_modern_browser = true
}
</script>
<script type="module">
! function() {
if (window.__vite_is_modern_browser) return;
console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");
var e = document.getElementById("vite-legacy-polyfill"),
n = document.createElement("script");
n.src = e.src, n.onload = function() {
System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))
}, document.body.appendChild(n)
}();
</script>
<link rel="modulepreload" as="script" crossorigin=""
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/index-CdZvzdOm.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/index-CYTgiqKu.js">
<link rel="stylesheet" crossorigin=""
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/index-CH2hkFd4.css">
<link rel="stylesheet" crossorigin=""
href="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/index-D6hfbnjw.css">
<style id="amis-styles"></style>
<style type="text/css">
@charset "UTF-8";
.Theme-PaddingAndMargin-title {
color: #5c5f66;
font-size: 12px;
margin-bottom: .625rem
}
.Theme-PaddingAndMargin-inner {
display: flex;
justify-content: space-between
}
.Theme-PaddingAndMargin-inner .theme-select {
width: 100%
}
.Theme-PaddingAndMargin-input {
align-items: center;
flex: 1;
flex-direction: column;
margin-left: .25rem;
min-width: 0
}
.Theme-PaddingAndMargin-input-label {
color: #5c5f66;
font-size: 12px;
text-align: center
}
.Theme-PaddingAndMargin-label {
border-radius: 4px;
cursor: pointer;
display: flex;
flex-grow: 0;
flex-shrink: 0;
height: 2rem;
overflow: hidden;
width: 2rem
}
.Theme-PaddingAndMargin-label-all {
align-items: center;
background: #f7f7f9;
display: inline-flex;
height: 2rem;
justify-content: center;
width: 2rem
}
.Theme-PaddingAndMargin-label-all:before {
border: 2px solid #5c5f66;
border-radius: 2px;
content: "";
display: block;
height: .875rem;
width: .875rem
}
.Theme-PaddingAndMargin-label-custom {
background: #f7f7f9;
border-left: 1px solid #e8e9eb;
height: 2rem;
position: relative;
width: 2rem
}
.Theme-PaddingAndMargin-label-custom>div {
height: .875rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: .875rem
}
.Theme-PaddingAndMargin-label-custom>div:after,
.Theme-PaddingAndMargin-label-custom>div:before {
background: #5c5f66;
border-radius: .0625rem;
content: "";
display: block;
height: .125rem;
position: absolute;
width: .125rem
}
.Theme-PaddingAndMargin-label-custom>div:first-child:before {
left: .1875rem;
top: 0;
width: .5rem
}
.Theme-PaddingAndMargin-label-custom>div:first-child:after {
height: .5rem;
left: 0;
top: .1875rem
}
.Theme-PaddingAndMargin-label-custom>div:last-child:before {
bottom: 0;
left: .1875rem;
width: .5rem
}
.Theme-PaddingAndMargin-label-custom>div:last-child:after {
bottom: .1875rem;
height: .5rem;
right: 0
}
.Theme-PaddingAndMargin-label-all--active:before {
border-color: #2468f2
}
.Theme-PaddingAndMargin-label-custom--active>div:after,
.Theme-PaddingAndMargin-label-custom--active>div:before {
background-color: #2468f2
}
.Theme-PaddingAndMargin-label--custom {
width: 4rem
}
.Theme-PaddingAndMargin .cxd-Form-item {
margin-bottom: 0
}
.Theme-PaddingAndMargin-custom {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjEzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiNFRUYzRkUiIHdpZHRoPSIyNTYiIGhlaWdodD0iMTMyIiByeD0iNCIvPjxwYXRoIGQ9Ik0xLjU4LjgxNCAxMjggNjYgMS41OCAxMzEuMTg2QTMuOTk0IDMuOTk0IDAgMCAxIDAgMTI4VjRDMCAyLjcuNjIgMS41NDUgMS41OC44MTRaTTI1NiA0djEyNGMwIDEuMy0uNjIgMi40NTQtMS41OCAzLjE4NUwxMjggNjYgMjU0LjQyLjgxNEMyNTUuMzggMS41NDQgMjU2IDIuNyAyNTYgNFoiIGZpbGw9IiNFM0VFRkYiLz48cGF0aCBkPSJNMjExIDIzdjg2SDQ0VjIzaDE2N1ptLTEyIDZINTZ2NzRoMTQzVjI5WiIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMTEgNTdoMzR2MThoLTM0eiIvPjwvZz48L3N2Zz4=");
height: 8.25rem;
margin: .5rem auto 0;
position: relative;
width: 16rem
}
.Theme-PaddingAndMargin-custom:after,
.Theme-PaddingAndMargin-custom:before {
color: #b8babf;
font-size: 10px;
font-weight: 400;
position: absolute;
transform: scale(.8)
}
.Theme-PaddingAndMargin-custom>div {
word-wrap: break-word;
align-items: center;
border: 1px solid transparent;
color: #5c5f66;
cursor: pointer;
display: flex;
font-size: 12px;
justify-content: center;
line-height: .8;
min-height: .875rem;
min-width: 2.5rem;
padding: .125rem;
position: absolute
}
.Theme-PaddingAndMargin-custom>div div {
transform: scale(.8);
transform-origin: left
}
.Theme-PaddingAndMargin-custom>div:hover {
border-color: #2468f2;
border-radius: .125rem;
color: #2468f2
}
.Theme-PaddingAndMargin-custom-marginTop {
left: 50%;
top: .25rem;
transform: translateX(-50%)
}
.Theme-PaddingAndMargin-custom-marginBottom {
bottom: .25rem;
left: 50%;
transform: translateX(-50%)
}
.Theme-PaddingAndMargin-custom-marginLeft {
left: .25rem;
top: 50%;
transform: translateY(-50%);
width: 2.5rem
}
.Theme-PaddingAndMargin-custom-marginRight {
right: .25rem;
top: 50%;
transform: translateY(-50%);
width: 2.5rem
}
.Theme-PaddingAndMargin-custom-paddingTop {
left: 50%;
top: 2.125rem;
transform: translateX(-50%)
}
.Theme-PaddingAndMargin-custom-paddingBottom {
bottom: 2.125rem;
left: 50%;
transform: translateX(-50%)
}
.Theme-PaddingAndMargin-custom-paddingLeft {
left: 3.75rem;
top: 50%;
transform: translateY(-50%);
width: 2.5rem
}
.Theme-PaddingAndMargin-custom-paddingRight {
right: 3.75rem;
top: 50%;
transform: translateY(-50%);
width: 2.5rem
}
.Theme-PaddingAndMargin-custom-popover {
padding: 1rem .75rem
}
.Theme-PaddingAndMargin-custom-popover .cxd-Form-item {
margin-bottom: 0
}
.Theme-PaddingAndMargin-custom--padding:after {
content: "Padding";
left: 3.5rem;
top: 1.75rem
}
.Theme-PaddingAndMargin-custom--margin:before {
content: "Margin";
left: .125rem;
top: 0
}
.Theme-Border-label {
color: #5c5f66;
font-size: 12px;
margin-bottom: .625rem
}
.Theme-Border-content {
display: flex;
justify-content: space-between
}
.Theme-Border-all {
align-items: center;
background: #f7f7f9;
border-radius: 4px;
display: inline-flex;
flex: 0 0 2rem;
height: 2rem;
justify-content: center
}
.Theme-Border-all:after {
border: 2px solid #2468f2;
content: "";
display: block;
height: .875rem;
width: .875rem
}
.Theme-Border-items {
background: #f7f7f9;
border-radius: .25rem;
height: 4.5rem;
position: relative;
width: 4.5rem
}
.Theme-Border-items .Theme-Border-item {
cursor: pointer;
height: .875rem;
position: absolute;
width: .875rem
}
.Theme-Border-items .Theme-Border-item--all {
border: 2px solid #5c5f66;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.Theme-Border-items .Theme-Border-item--right {
border: 2px solid #d4d6d9;
right: .4375rem;
top: 50%;
transform: translateY(-50%)
}
.Theme-Border-items .Theme-Border-item--right:after {
background: #5c5f66;
content: "";
display: block;
height: .875rem;
position: absolute;
right: -2px;
top: -2px;
width: 2px
}
.Theme-Border-items .Theme-Border-item--left {
border: 2px solid #d4d6d9;
left: .4375rem;
top: 50%;
transform: translateY(-50%)
}
.Theme-Border-items .Theme-Border-item--left:after {
background: #5c5f66;
content: "";
display: block;
height: .875rem;
left: -2px;
position: absolute;
top: -2px;
width: 2px
}
.Theme-Border-items .Theme-Border-item--top {
border: 2px solid #d4d6d9;
left: 50%;
top: .4375rem;
transform: translate(-50%)
}
.Theme-Border-items .Theme-Border-item--top:after {
background: #5c5f66;
content: "";
display: block;
height: 2px;
position: absolute;
right: -2px;
top: -2px;
width: .875rem
}
.Theme-Border-items .Theme-Border-item--bottom {
border: 2px solid #d4d6d9;
bottom: .4375rem;
left: 50%;
transform: translate(-50%)
}
.Theme-Border-items .Theme-Border-item--bottom:after {
background: #5c5f66;
bottom: -2px;
content: "";
display: block;
height: 2px;
position: absolute;
right: -2px;
width: .875rem
}
.Theme-Border-items .Theme-Border-item--active.Theme-Border-item--all {
border: 2px solid #2468f2
}
.Theme-Border-items .Theme-Border-item--active:after {
background: #2468f2
}
.Theme-Border-settings {
flex: 1;
margin-left: 1rem
}
.Theme-Border-settings .cxd-Form-item {
margin-bottom: 0
}
.Theme-Border-settings .theme-select {
margin-bottom: .5rem
}
.Theme-Border-settings-style-color {
display: flex;
justify-content: space-between
}
.Theme-Border-settings-style-color .cxd-Select {
flex: 1;
margin-right: .25rem
}
.Theme-Border-settings-width {
margin-bottom: .5rem;
width: 100%
}
.Theme-Border-settings--all {
display: flex;
justify-content: space-between;
margin-left: .3125rem
}
.Theme-Border-settings--all .theme-select {
flex: 1 0;
margin-bottom: 0;
margin-right: .3125rem;
width: 5rem
}
.Theme-Border-settings--all .Theme-Border-settings-style-color {
display: flex;
flex: 1;
justify-content: space-between
}
.Theme-Border-settings--all .Theme-Border-settings-style-color .cxd-Select {
height: 2rem;
margin-left: .25rem;
width: 6rem
}
.Theme-Border-style {
align-items: center;
display: flex;
width: 100%
}
.Theme-Border-style-line {
border: 1px solid #000;
flex: 1;
height: 1px;
margin-right: .875rem
}
.Theme-Border .is-active .Theme-Border-style-line {
border-color: #2468f2
}
.Theme-Radius-label {
color: #5c5f66;
font-size: 12px;
margin-bottom: .625rem
}
.Theme-Radius .cxd-Form-item {
margin-bottom: 0
}
.Theme-Radius-inner {
display: flex
}
.Theme-Radius-item {
border-radius: 4px;
cursor: pointer;
display: flex;
flex-grow: 0;
flex-shrink: 0;
height: 2rem;
margin-right: .25rem;
overflow: hidden;
width: 2rem
}
.Theme-Radius-item-all {
align-items: center;
background: #f7f7f9;
display: inline-flex;
height: 2rem;
justify-content: center;
width: 2rem
}
.Theme-Radius-item-all:before {
border: 2px solid #5c5f66;
border-radius: 2px;
content: "";
display: block;
height: .875rem;
width: .875rem
}
.Theme-Radius-item-custom {
background: #f7f7f9;
border-left: 1px solid #e8e9eb;
height: 2rem;
position: relative;
width: 2rem
}
.Theme-Radius-item-custom:before {
border: 2px solid #5c5f66;
border-radius: 2px;
content: "";
height: .875rem;
width: .875rem
}
.Theme-Radius-item-custom:after,
.Theme-Radius-item-custom:before {
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.Theme-Radius-item-custom:after {
color: #f7f7f9;
content: "＋";
font-size: 1.875rem;
font-weight: 900
}
.Theme-Radius-item-all--active:before,
.Theme-Radius-item-custom--active:before {
border-color: #2468f2
}
.Theme-Radius-item--custom {
width: 4rem
}
.Theme-Radius-settings {
flex: 1
}
.Theme-Radius-settings-custom {
display: flex;
justify-content: space-between;
margin-top: .5rem
}
.Theme-Radius-settings-custom .arrow-icon {
display: none
}
.Theme-Radius-settings-custom input {
padding: 0 !important
}
.Theme-Radius-settings-custom .theme-select {
padding: 0 .25rem !important
}
.Theme-Radius-settings-custom-item:last-child {
margin-right: 0
}
.Theme-Radius-settings-custom-item {
flex: 1;
margin-right: .25rem;
min-width: 0
}
.Theme-Radius-settings-custom-item-label {
border: 0 solid #5c5f66;
border-radius: 2px;
height: .625rem;
margin: .5rem auto;
width: .625rem
}
.Theme-Radius-settings-custom-item-top-left {
border-left-width: 2px;
border-top-width: 2px
}
.Theme-Radius-settings-custom-item-top-right {
border-right-width: 2px;
border-top-width: 2px
}
.Theme-Radius-settings-custom-item-bottom-left {
border-bottom-width: 2px;
border-left-width: 2px
}
.Theme-Radius-settings-custom-item-bottom-right {
border-bottom-width: 2px;
border-right-width: 2px
}
.Theme-ColorPicker-label-out {
border-radius: .25rem;
cursor: pointer;
height: 2rem;
overflow: hidden;
width: 2rem
}
.Theme-ColorPicker-label {
height: 2rem;
width: 2rem
}
.Theme-ColorPicker.is-disabled {
background: #f7f8fa;
border-color: #e8e9eb;
color: #b8babf
}
.Theme-ColorPicker.is-readOnly {
pointer-events: none
}
.Theme-ColorPicker-title {
color: #5c5f66;
font-size: 12px;
margin-bottom: .625rem
}
.Theme-ColorPicker--input {
align-items: center;
border: 1px solid #e8e9eb;
border-radius: .25rem;
cursor: pointer;
display: flex;
height: 2rem;
padding: 0 .625rem
}
.Theme-ColorPicker--input .Theme-ColorPicker-label-out {
border-radius: .25rem;
flex-shrink: 0;
height: 1.375rem;
overflow: hidden;
width: 1.375rem
}
.Theme-ColorPicker--input .Theme-ColorPicker-label {
height: 1.375rem;
width: 1.375rem
}
.Theme-ColorPicker--input .Theme-ColorPicker-input {
flex-grow: 1;
margin-left: .375rem;
max-width: 100%;
overflow: hidden;
width: auto
}
.Theme-ColorPicker--input .Theme-ColorPicker-input>div {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.Theme-ColorPicker--input .Theme-ColorPicker-input--placeholder {
color: var(--Form-select-placeholderColor)
}
.Theme-ColorPicker--input .Theme-ColorPicker-arrow {
align-items: center;
display: flex;
justify-content: center;
line-height: 1;
text-align: center;
transform: rotate(90deg);
transition: transform .2s;
width: 1rem
}
.Theme-ColorPicker--input .Theme-ColorPicker-arrow>svg {
color: var(--default-icon-color);
height: .625rem;
top: 0;
width: .625rem
}
.Theme-ColorPicker--input .Theme-ColorPicker-arrow--active {
transform: rotate(270deg)
}
.Theme-ColorSelect {
width: 15rem
}
.Theme-ColorSelect-tab {
border: 1px solid #e8e9eb;
display: flex;
padding: .875rem .75rem
}
.Theme-ColorSelect-tab>div {
border-radius: 50%;
cursor: pointer;
height: 1rem;
margin-right: .75rem;
width: 1rem
}
.Theme-ColorSelect-tab>div>svg {
height: 1rem;
width: 1rem
}
.Theme-ColorSelect-tab-color {
background-color: #e8e9eb
}
.Theme-ColorSelect-tab-color--active {
background: #d4e5ff;
border: 1px solid #2468f2
}
.Theme-ColorSelect-tab-gradient {
background-image: linear-gradient(180deg, #f4f4f4, #b8babf)
}
.Theme-ColorSelect-tab-gradient--active {
background-image: linear-gradient(180deg, #fff, #6296ff 99%);
border: 1px solid #2468f2
}
.Theme-ColorSelect-tab-img--active>svg {
border: 1px solid #2468f2;
border-radius: 50%
}
.Theme-ColorSelect-tab-sub {
border-bottom: 1px solid #e8e9eb;
color: #5c5f66;
display: flex;
font-size: 12px;
margin: 0 .875rem;
padding: .75rem 0
}
.Theme-ColorSelect-tab-sub-item {
cursor: pointer;
margin-right: 1.875rem
}
.Theme-ColorSelect-tab-sub--active {
color: #2468f2
}
.Theme-ColorSelect-content {
padding: .75rem
}
.Theme-ColorSelect-PresetColors {
border-top: 1px solid #e8e9eb;
margin-top: .625rem;
padding-top: .625rem
}
.Theme-ColorSelect-PresetColors-header {
color: #5c5f66;
font-size: 12px
}
.Theme-ColorSelect-PresetColors-edit {
cursor: pointer;
float: right
}
.Theme-ColorSelect-PresetColors-edit:hover,
.Theme-ColorSelect-PresetColors-editing {
color: #2468f2
}
.Theme-ColorSelect-PresetColors-content {
display: flex;
flex-wrap: wrap;
margin: .25rem -.25rem 0
}
.Theme-ColorSelect-PresetColors-content>div {
align-items: center;
border-radius: .125rem;
cursor: pointer;
display: flex;
height: 1.25rem;
justify-content: center;
margin: 0 .25rem;
position: relative;
width: 1.25rem
}
.Theme-ColorSelect-PresetColors-content>div>div {
height: 1.25rem;
width: 1.25rem
}
.Theme-ColorSelect-PresetColors-content-placeholder {
color: #b8babf;
font-size: 12px
}
.Theme-ColorSelect-PresetColors-content-editing>div:hover:before {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0
}
.Theme-ColorSelect-PresetColors-content-editing>div:hover:after {
color: #fff;
content: "\f2ed";
font-family: Font Awesome\ 5 Free;
font-size: 12px;
position: absolute
}
.ThemeColorList {
max-height: 19.375rem;
overflow: auto;
width: 13.5rem
}
.ThemeColorList-title {
color: #151b26;
font-size: 12px
}
.ThemeColorList-content {
display: flex;
margin: .75rem 0
}
.ThemeColorList-content-title {
color: #5c5f66;
flex: 2.25rem 0 0;
font-size: 12px;
font-weight: 400;
line-height: 1.5rem;
margin-right: .75rem
}
.ThemeColorList-content-label {
align-items: center;
border-radius: .125rem;
cursor: pointer;
display: inline-flex;
height: 1.5rem;
justify-content: center;
margin-right: .5rem;
width: 1.5rem
}
.ThemeColorList-content-label-inner {
border-radius: .125rem;
height: 1.25rem;
width: 1.25rem
}
.ThemeColorList-content-label--border {
border: 1px solid #f7f7f9
}
.ThemeColorList-content-label--active {
border: 1px solid #2468f2;
border-radius: 2px
}
.ThemeColorList-content--top {
margin-top: 0;
position: relative
}
.ThemeColorList-content--search {
position: absolute;
right: 0
}
.ThemeColorList-content--search input {
font-size: 12px
}
.ThemeColorList-content--search .cxd-SearchBox.is-active {
width: 13.5rem
}
.Theme-GradientColor-slider {
align-items: center;
display: flex;
margin-bottom: .625rem
}
.Theme-GradientColor-slider-inner {
align-items: center;
border: 1px solid #a5a5a5;
border-radius: .25rem;
cursor: copy;
display: flex;
flex: 1 1 auto;
height: .5rem;
margin: 0 .625rem 0 .4375rem;
position: relative
}
.Theme-GradientColor-slider-inner-item {
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 2px 1px #a5a5a5;
cursor: pointer;
height: .875rem;
position: absolute;
width: .875rem
}
.Theme-GradientColor-slider-inner-item--active {
box-shadow: 0 0 2px 1px #2468f2
}
.Theme-GradientColor-range {
position: relative;
width: 2.5rem
}
.Theme-GradientColor-range .cxd-Number {
height: 1.625rem
}
.Theme-GradientColor-range .cxd-Number-handler-wrap {
display: none !important
}
.Theme-GradientColor-range .cxd-Number-input {
font-size: 12px;
padding: 0 .25rem
}
.Theme-GradientColor-range-panel {
background: #fff;
padding: .25rem;
width: 4.375rem
}
.Theme-GradientColor-range-panel-title {
color: #5c5f66;
font-size: 12px;
margin-bottom: .25rem;
transform: scale(.9)
}
.Theme-GradientColor-range-panel-content {
background: #d0d0d0;
border-radius: 50%;
height: 50px;
margin: 0 auto;
position: relative;
width: 50px
}
.Theme-GradientColor-range-panel-content-handler {
background: #5c5f66;
border-radius: 50%;
cursor: pointer;
height: 8px;
left: 12px;
position: absolute;
width: 8px
}
.Theme-ImageInput .cxd-Image--thumb,
.Theme-ImageInput .cxd-Image-thumb,
.Theme-ImageInput .cxd-ImageControl-addBtn,
.Theme-ImageInput .cxd-ImageControl-item,
.Theme-ImageInput .resourceManager-background {
width: 100%
}
.Theme-ImageInput .cxd-Form-item {
margin-bottom: .5rem
}
.Theme-ImageInput-func {
grid-column-gap: .625rem;
display: grid;
grid-template-columns: auto 2rem 2rem
}
.Theme-ImageInput-position {
border: 1px solid #e8e9eb;
border-radius: .25rem;
cursor: pointer;
display: grid;
grid-template-columns: repeat(3, 33.33%);
grid-template-rows: repeat(3, 33.33%);
height: 2rem;
overflow: hidden;
width: 2rem
}
.Theme-ImageInput-position-item {
border: 1px solid #e8e9eb
}
.Theme-ImageInput-position-item:first-child {
border-left: none;
border-top: none
}
.Theme-ImageInput-position-item:nth-child(2) {
border-left: none;
border-right: none;
border-top: none
}
.Theme-ImageInput-position-item:nth-child(3) {
border-right: none;
border-top: none
}
.Theme-ImageInput-position-item:nth-child(4) {
border-bottom: none;
border-left: none;
border-top: none
}
.Theme-ImageInput-position-item:nth-child(5) {
border: none
}
.Theme-ImageInput-position-item:nth-child(6) {
border-bottom: none;
border-right: none;
border-top: none
}
.Theme-ImageInput-position-item:nth-child(7) {
border-bottom: none;
border-left: none
}
.Theme-ImageInput-position-item:nth-child(8) {
border-bottom: none;
border-left: none;
border-right: none
}
.Theme-ImageInput-position-item:nth-child(9) {
border-bottom: none;
border-right: none
}
.Theme-ImageInput-position-item--active {
background: #2468f2
}
.Theme-ImageInput-position-container {
padding: .625rem 1rem 1rem
}
.Theme-ImageInput-position-container .Theme-ImageInput-position-title {
font-size: 12px;
margin-bottom: .625rem
}
.Theme-ImageInput-position-content {
border: 1px solid #e8e9eb;
border-radius: .25rem;
cursor: pointer;
display: grid;
grid-template-columns: repeat(3, 33.33%);
grid-template-rows: repeat(3, 33.33%);
height: 100px;
overflow: hidden;
width: 100px
}
.Theme-ImageInput-position-content-item--active {
background: #2468f2
}
.Theme-ImageInput-position-content-item {
border: 1px solid #e8e9eb
}
.Theme-ImageInput-position-content-item:first-child {
border-left: none;
border-top: none
}
.Theme-ImageInput-position-content-item:nth-child(2) {
border-left: none;
border-right: none;
border-top: none
}
.Theme-ImageInput-position-content-item:nth-child(3) {
border-right: none;
border-top: none
}
.Theme-ImageInput-position-content-item:nth-child(4) {
border-bottom: none;
border-left: none;
border-top: none
}
.Theme-ImageInput-position-content-item:nth-child(5) {
border: none
}
.Theme-ImageInput-position-content-item:nth-child(6) {
border-bottom: none;
border-right: none;
border-top: none
}
.Theme-ImageInput-position-content-item:nth-child(7) {
border-bottom: none;
border-left: none
}
.Theme-ImageInput-position-content-item:nth-child(8) {
border-bottom: none;
border-left: none;
border-right: none
}
.Theme-ImageInput-position-content-item:nth-child(9) {
border-bottom: none;
border-right: none
}
.Theme-ImageInput-position-content-item:hover {
background: #e6f0ff
}
.Theme-ImageInput-color {
background-image: linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa), linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa);
background-position: 0 0, 5px 5px;
background-size: 10px 10px;
border: 1px solid #f7f7f9;
border-radius: .25rem;
cursor: pointer;
height: 2rem;
width: 2rem
}
.Theme-ImageInput-color-container {
padding: 16px
}
.Theme-ImageInput-color-content-tab {
border-bottom: 1px solid #e8e9eb;
color: #5c5f66;
display: flex;
font-size: 12px;
margin-bottom: .875rem;
padding-bottom: .875rem
}
.Theme-ImageInput-color-content-tab-item {
cursor: pointer;
margin-right: 1.875rem
}
.Theme-ImageInput-color-content-tab-item--active {
color: #2468f2
}
.Theme-CustomColor .sketch-picker,
.Theme-GradientColor .sketch-picker {
box-shadow: none !important;
padding: 0 !important
}
.ThemeColor--transparent {
background-color: #fff !important;
background-image: linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa), linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa) !important;
background-position: 0 0, 5px 5px !important;
background-size: 10px 10px !important;
border: 1px solid #f7f7f9
}
.ThemeColor--delete {
background: #fff;
border: 1px solid #f7f7f9;
height: 100%;
width: 100%
}
.ThemeColor--delete:before {
background-color: #f23d3d;
content: "";
display: block;
height: 2px;
margin-top: 50%;
transform: rotate(-45deg) translateY(-50%);
width: 100%
}
[color-tooltip] {
position: relative
}
[color-tooltip]:hover:before {
display: block
}
[color-tooltip]:before {
background: #fff;
border-radius: .125rem;
bottom: -2.1875rem;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
content: attr(color-tooltip);
display: none;
font-size: 12px;
left: 50%;
padding: .375rem;
position: absolute;
transform: scale(.9) translateX(-50%);
width: max-content;
z-index: 1500
}
.Theme-SizeEditor-label {
color: #5c5f66;
font-size: 12px;
margin-bottom: .625rem
}
.Theme-SizeEditor-line {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: .75rem
}
.Theme-SizeEditor-line .cxd-Button {
padding: .375rem .5rem;
width: 2rem
}
.Theme-SizeEditor-line-no-hide .Theme-SizeEditor-item {
max-width: 13.125rem;
width: 13.125rem
}
.Theme-SizeEditor-line-no-hide .Theme-SizeEditor-item .theme-select {
max-width: 10.875rem;
width: 10.875rem
}
.Theme-SizeEditor-line .Theme-SizeEditor-item-label {
width: 2.25rem
}
.Theme-SizeEditor-line .Theme-SizeEditor-item:not(:last-child) {
margin-bottom: .5rem
}
.Theme-SizeEditor-lock {
position: relative
}
.Theme-SizeEditor-lock:before {
border: 1px solid #b8babf;
border-bottom: none;
border-left: none;
top: -.625rem
}
.Theme-SizeEditor-lock:after,
.Theme-SizeEditor-lock:before {
content: "";
display: block;
height: .625rem;
left: -.625rem;
position: absolute;
width: 1.625rem
}
.Theme-SizeEditor-lock:after {
border: 1px solid #b8babf;
border-left: none;
border-top: none;
bottom: -.625rem
}
.Theme-SizeEditor-item {
align-items: center;
display: flex;
flex: 1
}
.Theme-SizeEditor-item-label {
border: .0625rem solid #e8e9eb;
border-bottom-left-radius: .25rem;
border-right: 0;
border-top-left-radius: .25rem;
color: #b8babf;
font-size: 12px;
line-height: 18px;
padding: .375rem .75rem
}
.Theme-SizeEditor-item .cxd-Form-item {
margin: 0
}
.Theme-SizeEditor-item .cxd-TextControl-input {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
font-size: 12px
}
.Theme-SizeEditor-item .cxd-TextControl-sugs {
min-width: 9.375rem !important
}
.Theme-SizeEditor-item-sigle {
display: block
}
.Theme-SizeEditor-item-sigle .cxd-Form-item {
width: auto
}
.Theme-SizeEditor-item-sigle .Theme-SizeEditor-item div {
flex-grow: 1
}
.Theme-SizeEditor-item-sigle .Theme-SizeEditor-item .Theme-SizeEditor-item-label {
flex-grow: 0;
width: auto
}
.theme-select {
align-items: center;
border: 1px solid #e8e9eb;
border-radius: 4px;
display: flex;
flex: 1 0 2rem;
height: 2rem;
padding: 0 .5rem;
position: relative
}
.theme-select .ThemeSelectContent-theme {
align-items: center;
background-color: #f7f8fa;
border-radius: 2px;
cursor: pointer;
display: flex;
height: 1.5rem;
overflow: hidden;
padding: 0 .25rem;
width: fit-content
}
.theme-select .ThemeSelectContent-theme>div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.theme-select .ThemeSelectContent-theme>.icon-close {
color: #b8babf;
flex: 1 0 1em;
margin-left: .25rem;
top: 0
}
.theme-select .ThemeSelectContent-theme>.icon-close:hover {
color: #2468f2
}
.theme-select .ThemeSelectContent-input {
border: none;
outline: none;
width: 100%
}
.theme-select .ThemeSelectContent-input::placeholder {
color: #b8babf
}
.theme-select--active,
.theme-select:hover {
border-color: #2468f2
}
.theme-select--disabled {
background-color: #f7f8fa;
cursor: not-allowed
}
.theme-select--disabled .ThemeSelectContent-theme {
cursor: not-allowed
}
.ThemeSelectContent-input-select {
max-height: 12.5rem;
max-width: 12.5rem;
overflow: scroll
}
.ThemeSelectContent-input-select>div {
cursor: pointer;
height: 2rem;
line-height: 2rem;
padding: 0 .5rem
}
.ThemeSelectContent-input-select>div:hover {
background-color: #e6f0ff
}
.ThemeSelectContent-input-select-item--active {
color: #2468f2
}
.arrow-icon {
color: #84868c;
height: .625rem;
transform: rotate(90deg);
transition: transform .2s ease;
width: .625rem
}
.arrow-icon-reverse {
transform: rotate(270deg)
}
.Theme-FontEditor .common-icon {
color: #5c5f66;
cursor: pointer;
height: 1rem;
width: 1rem
}
.Theme-FontEditor-line {
display: flex;
justify-content: space-between;
margin-bottom: .75rem
}
.Theme-FontEditor-line .cxd-Button {
padding: .375rem .5rem
}
.Theme-FontEditor-item {
align-items: top;
display: flex;
flex: 1;
flex-direction: column;
margin-right: .25rem;
min-width: 0
}
.Theme-FontEditor-item:last-child {
margin-right: 0
}
.Theme-FontEditor-item-label {
color: #5c5f66;
font-size: 12px;
line-height: 1.25rem;
margin-top: .25rem;
text-align: center
}
.Theme-FontEditor-item .cxd-Form-item {
flex: 1;
margin: 0
}
.Theme-FontEditor-item .cxd-Select {
font-size: 12px
}
.Theme-FontEditor-item .cxd-Select-popover {
min-width: 9.375rem !important
}
.Theme-FontEditor-item .color-picker {
background: #151b26;
border-radius: 4px;
height: 2rem;
width: 2rem
}
.Theme-FontEditor-item-color-picker {
flex: 0 1 2rem;
width: 2rem
}
.Theme-FontEditor-font-line {
margin: 0
}
.Theme-FontEditor-font-style {
background: #f7f7f9;
display: flex;
justify-content: stretch;
margin-bottom: .75rem;
margin-top: .5rem
}
.Theme-FontEditor-font-style-icon {
align-items: center;
cursor: pointer;
display: flex;
flex: 1;
height: 2rem;
justify-content: center
}
.Theme-FontEditor-font-style .right-line {
border-right: 1px solid #d8d8d8
}
.Theme-FontEditor-font-style-selected .common-icon {
color: #2468f2
}
.Theme-Wrapper .common-icon {
color: #5c5f66;
cursor: pointer;
height: 1rem;
width: 1rem
}
.Theme-Wrapper-header {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: .5rem
}
.Theme-Wrapper-header-left {
color: #070c14;
font-size: 12px;
font-weight: 400;
line-height: 1.25rem
}
.Theme-Wrapper-header-right {
align-items: center;
display: flex
}
.Theme-Wrapper-header-right .arrow-icon {
color: #84868c;
cursor: pointer;
height: .625rem;
margin-left: .5rem;
transform: rotate(90deg);
transition: transform .2s ease;
width: .625rem
}
.Theme-Wrapper-header-right .arrow-icon-reverse {
transform: rotate(270deg)
}
.Theme-Wrapper-body .cxd-Form-item {
margin-bottom: 1rem
}
.Theme-Wrapper-body .theme-select .cxd-Form-item {
margin-bottom: 0
}
.Theme-Wrapper-body .cxd-IconSelectControl-input,
.Theme-Wrapper-body .theme-select {
border-radius: 0 .25rem .25rem 0;
height: 2rem
}
.Theme-Wrapper-body .cxd-Form-label {
border: 1px solid #e8e9eb;
border-radius: .25rem 0 0 .25rem;
border-right: none;
flex-grow: 0;
height: 2rem;
padding: 0 .75rem;
width: auto !important
}
.Theme-ShadowEditor .cxd-Theme-ShadowEditor-add {
color: #5c5f66;
height: .75rem;
padding: 0;
width: .75rem
}
.Theme-ShadowEditor .cxd-Theme-ShadowEditor-add:not(:disabled):not(.is-disabled):hover {
color: #5c5f66
}
.Theme-ShadowEditor-customContent {
background-color: #f7f7f9;
border-radius: 4px;
margin-top: .625rem;
padding: .625rem
}
.Theme-ShadowEditor-sub-header {
margin-bottom: 0
}
.Theme-ShadowEditor-sub-header .Theme-Wrapper-header-left {
color: #5c5f66
}
.Theme-ShadowEditor-line {
display: flex;
justify-content: space-between;
margin-top: .75rem
}
.Theme-ShadowEditor-line .cxd-Button {
padding: .375rem .5rem
}
.Theme-ShadowEditor-item {
align-items: top;
display: flex;
flex: 1;
flex-direction: column;
margin-right: .25rem
}
.Theme-ShadowEditor-item:last-child {
margin-right: 0
}
.Theme-ShadowEditor-item-label {
color: #5c5f66;
font-size: 12px;
line-height: .75rem;
margin: .25rem 0 .5rem;
text-align: center
}
.Theme-ShadowEditor-item .cxd-Form-item {
flex: 1;
margin: 0
}
.Theme-ShadowEditor-item .cxd-Select {
font-size: 12px
}
.Theme-ShadowEditor-item .cxd-Select-popover {
min-width: 9.375rem !important
}
.Theme-ShadowEditor-item .Theme-ShadowEditor-color-picker {
align-items: center;
background: #fff;
border: 1px solid hsla(0, 0%, 59%, .1);
border-radius: .25rem;
display: flex;
height: 2rem;
justify-content: center;
padding: .375rem .75rem
}
.Theme-ShadowEditor-item .Theme-ShadowEditor-color-picker .Theme-ColorPicker-arrow {
display: none
}
.Theme-ShadowEditor-item .Theme-ShadowEditor-color-picker .Theme-ColorPicker-label,
.Theme-ShadowEditor-item .Theme-ShadowEditor-color-picker .Theme-ColorPicker-label-out {
height: 1.25rem
}
.Theme-ShadowEditor-item .cxd-Number .cxd-Select {
display: none
}
.Theme-ShadowEditor-item .cxd-Number .cxd-Number-handler-wrap {
display: none !important
}
.Theme-ShadowEditor-item .cxd-Number input {
padding: 0 .25rem !important
}
.Theme-ShadowEditor .trash-icon {
align-items: center;
flex-basis: 1rem;
flex-grow: 0;
font-size: 1rem;
margin-left: .25rem
}
.Theme-ShadowEditor .trash-icon .common-icon {
cursor: pointer;
margin-top: .5rem
}
.Theme-ShadowEditor .trash-icon .common-icon path {
fill: var(--colors-neutral-text-2)
}
.Theme-ShadowEditor .trash-icon .common-icon:hover path {
fill: var(--colors-brand-5)
}
.Theme-ShadowEditor .trash-icon .disabled-icon {
cursor: not-allowed
}
.Theme-ShadowEditor .trash-icon .disabled-icon path,
.Theme-ShadowEditor .trash-icon .disabled-icon:hover path {
fill: var(--colors-neutral-text-5)
}
.Theme-ShadowEditor-view {
align-items: center;
background-color: #fff;
background-image: linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa), linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa);
background-position: 0 0, 5px 5px;
background-size: 10px 10px;
border: 1px solid hsla(0, 0%, 59%, .1);
border-radius: .25rem;
display: flex;
height: 2rem;
justify-content: center;
margin-right: .25rem;
overflow: hidden;
width: 2.625rem
}
.Theme-ShadowEditor-view-inner {
background: #fff;
height: 1.25rem;
width: 1.75rem
}
.Theme-ShadowView {
font-size: 12px;
padding: .75rem;
width: 18.75rem
}
.Theme-ShadowView-header {
color: #050a10;
font-weight: 500;
line-height: 1.25rem;
margin-bottom: .5rem
}
.Theme-ShadowView-body {
border: 1px solid #e8e9eb;
border-radius: .25rem;
padding: .75rem
}
.Theme-ShadowView-body-shadow {
align-items: center;
background-color: #fff;
background-image: linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa), linear-gradient(45deg, #f7f8fa 25%, transparent 0, transparent 75%, #f7f8fa 0, #f7f8fa);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
display: flex;
height: 6.25rem;
justify-content: center;
overflow: hidden;
width: 100%
}
.Theme-ShadowView-body-shadow-square {
background: #fff;
height: 4.375rem;
width: 10.25rem
}
.Theme-ShadowView-body-title {
color: #050a10;
font-size: 12px;
font-weight: 500;
line-height: 1.25rem;
margin: .5rem 0 0
}
.Theme-ShadowView-body-value {
color: #83868c;
line-height: 1.25rem
}
.cxd-PopOver {
z-index: 1400 !important
}
</style>
<style id="amis-styles"></style>
<meta content="True" name="HandheldFriendly">
<meta content="320" name="MobileOptimized">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
</head>
<body>
<div id="root">
<div class="css-1i14ufh ant-app" style="height: 100%;">
<div class="_shareWrapper_3smgw_1">
<div class="_watermarkComponent_3smgw_14">
<div class="_content_3smgw_23">
<div class="_wrapper_6xv1n_1">
<div class="_agentContent_6xv1n_12">
<div class="_emptyWrap_6xv1n_99">
<div class="_actionWrapper_6xv1n_310">
<div class="_headerMenu_6xv1n_304"></div>
</div>
<div class="_largeAppAvatar_6xv1n_259">
<div class="_avatarContainer_1ry7y_1"
style="width: 120px; height: 120px; font-size: 120px; line-height: 120px;">
<img class="_avatarImg_1ry7y_10 _appAvatarImg_1ry7y_16 _largeAppAvatarImage_6xv1n_263"
src="http://agi-dev-platform-bos.bj.bcebos.com/agi-dev-platform-bos/avatar.console/prod/avatar/4b42c4e1-f7fb-4e4e-aef1-57951ad87096.png?authorization=bce-auth-v1%2FALTAKGa8m4qCUasgoljdEDAzLm%2F2025-02-18T10%3A17%3A52Z%2F-1%2Fhost%2Fa14f39c0ac5d42ecd7d44b47c0d5ca49d58d9cf7b55aac9cd1dc0eaf0b6814a9&responseContentType=application%2Foctet-stream&x-bce-process=style%2Fthumbnail">
</div>
</div>
<div class="_contentWrapper_6xv1n_291">
<div class="_contentLeft_6xv1n_298">
<div class="_emptyPageAppName_6xv1n_34"><span
class="_appName_6xv1n_118">小福</span></div>
<div class="_prologueWrapper_6xv1n_29 _hideScrollBar_6xv1n_275">
</div>
<div class="_chatInputWrapper_6xv1n_77">
<div class="_chatInputContent_6xv1n_192">
<div class="_clearBtn_6xv1n_160 _clearAllDisabled_6xv1n_179">
<svg width="16" height="16"
xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h16v16H0z"></path>
<g stroke="currentColor" stroke-linecap="round"
stroke-width="1.2">
<path stroke-linejoin="round"
d="M2.609 8.506h10.769v6.462H2.609zM1 4.513h4.9V2h4.2v2.513H15v3.949H1z">
</path>
<path d="M5.81 11.717v3.231"></path>
</g>
</g>
</svg>
</div>
<div class="_chatInput_6xv1n_77 _wrapper_1aowc_1">
<div class="_sendIconPositionWrap_1aowc_71">
<textarea rows="1" class="_textarea_1aowc_29"
placeholder="请输入你的问题" maxlength="150000"
style="max-height: 132px; height: 22px;"></textarea>
<div class="_expandWrapper_1aowc_127">
<div class="_uploadWrapper_6xv1n_87"><span
class="ant-upload-wrapper css-1i14ufh">
<div class="ant-upload ant-upload-select">
<span class="ant-upload"><input
type="file"
accept=".xlsx,.json,.jsonl,.png,.jpg,.jpeg,.pdf,.wav,.docx,.csv,.txt,.dcm,.gz,.mha,.tif,.tiff,.webp,.heic"
style="display: none;">
<div class="_uploadBtn_5xp0p_1">
<svg width="18" height="18"
xmlns="http://www.w3.org/2000/svg"
class="">
<g transform="translate(-3 -3)"
fill="none"
fill-rule="evenodd">
<rect width="24"
height="24" rx="6">
</rect>
<path d="M3 3h18v18H3z">
</path>
<g stroke="currentColor"
stroke-linejoin="round"
stroke-width="1.5">
<path
d="M5.385 4.412h3.778a1.4 1.4 0 0 1 1.075.503l1.664 1.997h6.516a1.4 1.4 0 0 1 1.4 1.4v9.7a1.4 1.4 0 0 1-1.4 1.4H5.385a1.4 1.4 0 0 1-1.4-1.4v-12.2a1.4 1.4 0 0 1 1.4-1.4Z">
</path>
<path
stroke-linecap="round"
d="m14.402 12.74-2.5-2.495-2.5 2.5m2.5-2.5v5.834">
</path>
</g>
</g>
</svg>
</div>
</span>
</div>
</span>
<div class="_pcrecorder_zi1qz_1"><svg width="14"
height="18"
xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M-2 0h18v18H-2z">
</path>
<g transform="translate(1 1)"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5">
<rect x="3.2" width="5.6"
height="10.562" rx="2.8">
</rect>
<path
d="M0 7.433c0 3.24 2.686 5.868 6 5.868s6-2.627 6-5.868m-6 5.868v1.877m2.856.235H3.094">
</path>
</g>
</g>
</svg></div>
</div>
<div class="_expandDivider_1aowc_133"></div>
</div><span class="_sendIcon_1aowc_71"></span>
</div>
</div>
</div>
</div>
<div class="_tips_6xv1n_283">以上内容均由AI生成，仅供参考</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="_footer_3smgw_70"></footer>
</div>
</div>
</div>
<script nomodule="">
! function() {
var e = document,
t = e.createElement("script");
if (!("noModule" in t) && "onbeforeload" in t) {
var n = !1;
e.addEventListener("beforeload", (function(e) {
if (e.target === t) n = !0;
else if (!e.target.hasAttribute("nomodule") || !n) return;
e.preventDefault()
}), !0), t.type = "module", t.src = ".", e.head.appendChild(t), t.remove()
}
}();
</script>
<script nomodule="" crossorigin="" id="vite-legacy-polyfill"
src="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/polyfills-legacy-DtvB8R3P.js">
</script>
<script nomodule="" crossorigin="" id="vite-legacy-entry"
data-src="https://agi-dev-platform-web.cdn.bcebos.com/ai_apaas/embed/output/assets/embedFull-legacy-CgI7ZA4H.js">
System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))
</script>
<div class="adm-px-tester" style="--size: 10;"></div>
<div class="adm-px-tester"></div>
</body>
</html>
拿到代码之后，就要去看里面的运转，挨个查看，然后一个一个的破解，最终就可以嵌套了（ps：我这里就不说破解的方法了，如果有需求可以用api对接，自己去开发），最终效果如下：
API对接SDK ，其他业务需求自己去写
<?php namespace Ai; class AppBuilder{ # 私密参数 private $key = ''; private $appid = '';//数字家政 /** * # +======================================================================== * # | - @name 聊天 * # | - @author cq <just_leaf@foxmail.com> * # | - @copyright zmtek 2021-01-20 * # +======================================================================== */ public function chat($body = null) { # 地址 $url = 'https://qianfan.baidubce.com/v2/app/conversation/runs'; $body['app_id'] = $this -> appid; # 转化大写 $http_method = 'POST'; $body = json_encode($body,JSON_UNESCAPED_UNICODE); $header[] = 'Accept:application/json'; $header[] = 'Content-Type:application/json;'; $header[] = 'X-Appbuilder-Authorization: Bearer ' . $this -> key; $exc = $this -> Curl($url,$body,$http_method,$header); return $exc; } /** * # +======================================================================== * # | - @name 创建 * # | - @author cq <just_leaf@foxmail.com> * # | - @copyright zmtek 2021-01-20 * # +======================================================================== */ public function create() { # 地址 $url = 'https://qianfan.baidubce.com/v2/app/conversation'; # 转化大写 $http_method = 'POST'; $body = json_encode(['app_id' => $this -> appid],JSON_UNESCAPED_UNICODE); $header[] = 'Accept:application/json'; $header[] = 'Content-Type:application/json;'; $header[] = 'X-Appbuilder-Authorization: Bearer ' . $this -> key; $exc = $this -> Curl($url,$body,$http_method,$header); return $exc; } /** * # +======================================================================== * # | - @name 请求 * # | - @author cq <just_leaf@foxmail.com> * # | - @copyright zmtek 2021-01-20 * # +======================================================================== */ public function Curl($url, $data, $http_method,$header = array(), $timeout = 30) { # 设置 $opts = array( CURLOPT_TIMEOUT => $timeout, CURLOPT_RETURNTRANSFER => 1, CURLOPT_SSL_VERIFYPEER => false, CURLOPT_SSL_VERIFYHOST => false, CURLOPT_HTTPHEADER => $header, CURLOPT_URL => $url, CURLOPT_HEADER => 1 , ); # 根据请求类型设置特定参数 if($http_method == 'POST') { # 判断是否传输文件 $opts[CURLOPT_POST] = 1; $opts[CURLOPT_POSTFIELDS] = $data; } # 初始化并执行curl请求 $ch = curl_init(); curl_setopt_array($ch, $opts); $data = curl_exec($ch); $error = curl_error($ch); $httpCode = curl_getinfo($ch,CURLINFO_HTTP_CODE); curl_close($ch); # 读取body和header list($headers, $body) = explode("\r\n\r\n", $data, 2); $data = json_decode($body,true); $result['data'] = $data; $result['httpcode'] = $httpCode; $result['headers'] = explode("\r\n", $headers); return $result; } }
浙公网安备 33010602011771号