|
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> |
|
<meta name="viewport" |
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" /> |
|
<link rel="icon" href="./img/logo.svg" type="image/svg+xml"> |
|
<link rel="apple-touch-icon" href="./img/pwa/logo-192.png"> |
|
<meta content="yes" name="apple-mobile-web-app-capable" /> |
|
<link rel="mask-icon" href="./img/logo.svg" color="#FFFFFF"> |
|
<meta name="msapplication-TileColor" content="#FFFFFF"> |
|
<meta name="theme-color" content="#ffffff"> |
|
<meta name="referrer" content="origin-when-cross-origin" /> |
|
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> |
|
<title>BingAI - 聊天</title> |
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZVJCFLBFRZ"></script> |
|
<script> |
|
window.dataLayer = window.dataLayer || []; |
|
function gtag(){dataLayer.push(arguments);} |
|
gtag('js', new Date()); |
|
gtag('config', 'G-ZVJCFLBFRZ'); |
|
</script> |
|
|
|
<script type="text/javascript"> |
|
(function(c,l,a,r,i,t,y){ |
|
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; |
|
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; |
|
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); |
|
})(window, document, "clarity", "script", "kw2cze8oin"); |
|
</script> |
|
|
|
<script> |
|
var _hmt = _hmt || []; |
|
(function () { |
|
var hm = document.createElement("script"); |
|
hm.src = "https://hm.baidu.com/hm.js?6002068077c49f5ff6fa1c10d4ae55dc"; |
|
var s = document.getElementsByTagName("script")[0]; |
|
s.parentNode.insertBefore(hm, s); |
|
})(); |
|
</script> |
|
<script src="/web/js/bing/chat/global.js"></script> |
|
<script src="/web/js/bing/chat/amd.js"></script> |
|
<script src="/web/js/bing/chat/config.js"></script> |
|
<style type="text/css">.b_wlcmTileCont { |
|
display: flex; |
|
flex-wrap: wrap; |
|
align-content: stretch; |
|
justify-content: center; |
|
max-width: 940px |
|
} |
|
|
|
.b_wlcmTileWrap { |
|
padding: 10px; |
|
flex-grow: 1; |
|
display: flex; |
|
box-sizing: border-box |
|
} |
|
|
|
.b_wlcmTileWrap[size="small"] { |
|
width: 16.67% |
|
} |
|
|
|
.b_wlcmTileWrap[size="medium"] { |
|
width: 25% |
|
} |
|
|
|
.b_wlcmTileWrap[size="large"] { |
|
width: 33.33% |
|
} |
|
|
|
.b_wlcmTile { |
|
box-shadow: 0 6.67587px 25.869px -1.66897px rgba(73,141,255,.3); |
|
border: 2px solid transparent; |
|
width: 100%; |
|
background: #fff; |
|
border-radius: 12px; |
|
padding: 14px; |
|
cursor: pointer; |
|
display: flex; |
|
flex-direction: column; |
|
background: var(--cib-color-background-surface-card-primary); |
|
font-family: inherit; |
|
font-style: normal; |
|
text-align: left; |
|
position: relative |
|
} |
|
|
|
.b_wlcmTile:hover { |
|
border: 2px solid var(--cib-color-stroke-accent-primary) |
|
} |
|
|
|
.b_wlcmTile p { |
|
font-size: 16px; |
|
margin-top: 8px; |
|
line-height: 22px; |
|
color: var(--cib-color-foreground-neutral-primary); |
|
overflow-wrap: anywhere |
|
} |
|
|
|
.b_wlcmTile h1 { |
|
font-size: 14px; |
|
line-height: 24px; |
|
display: flex |
|
} |
|
|
|
.b_wlcmTile h1::before { |
|
height: 24px; |
|
width: 24px; |
|
margin-right: 8px; |
|
content: ""; |
|
background-size: 24px |
|
} |
|
|
|
.b_wlcmTile img { |
|
height: 100%; |
|
width: 100%; |
|
-o-object-fit: cover; |
|
object-fit: cover |
|
} |
|
|
|
.b_wlcmTile .b_wlcmTileOverlay { |
|
opacity: 0; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
padding: 14px; |
|
box-sizing: border-box; |
|
border-radius: inherit; |
|
background-color: rgba(0,0,0,.6); |
|
transition: all .2s ease-in-out |
|
} |
|
|
|
.b_wlcmTile .b_wlcmTileOverlay h4 { |
|
font-weight: 400; |
|
font-size: 10px; |
|
color: #fff |
|
} |
|
|
|
.b_wlcmTile .b_wlcmTileOverlay p { |
|
font-weight: 600; |
|
font-size: 14px; |
|
color: #fff; |
|
display: -webkit-box; |
|
-webkit-line-clamp: 5; |
|
-webkit-box-orient: vertical; |
|
overflow: hidden; |
|
text-overflow: ellipsis |
|
} |
|
|
|
.b_wlcmTile:hover .b_wlcmTileOverlay,.b_wlcmTile:focus-visible .b_wlcmTileOverlay { |
|
opacity: 1 |
|
} |
|
|
|
.b_wlcmTile:active .b_wlcmTileOverlay { |
|
background-color: rgba(0,0,0,.65) |
|
} |
|
|
|
.b_wlcmTile.code h1 { |
|
color: #09743d |
|
} |
|
|
|
.b_wlcmTile.design h1 { |
|
color: #7111b0 |
|
} |
|
|
|
.b_wlcmTile.write h1 { |
|
color: #0e56bb |
|
} |
|
|
|
.b_wlcmTile.laugh h1 { |
|
color: #94302d |
|
} |
|
|
|
.b_wlcmTile.chat h1 { |
|
color: #174ae4 |
|
} |
|
|
|
.b_wlcmTile.organize h1 { |
|
color: #08684a |
|
} |
|
|
|
.b_wlcmTile.compare h1 { |
|
color: #b0570c |
|
} |
|
|
|
.b_wlcmTile.shop h1 { |
|
color: #436dcd |
|
} |
|
|
|
.b_wlcmTile.travel h1 { |
|
color: #444 |
|
} |
|
|
|
.b_wlcmTile.create h1 { |
|
color: #066da7 |
|
} |
|
|
|
.b_wlcmTile.shopwithbing { |
|
box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) |
|
} |
|
|
|
.b_wlcmTile.shopwithbing h1 { |
|
color: #436dcd; |
|
font-size: 20px; |
|
font-weight: 600 |
|
} |
|
|
|
.b_wlcmTile.freesydney { |
|
box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) |
|
} |
|
|
|
.b_wlcmTile.freesydney h1 { |
|
color: #436dcd; |
|
font-size: 20px; |
|
font-weight: 600 |
|
} |
|
|
|
.b_wlcmTile.createwithsuno h1 { |
|
color: #5e438f; |
|
font-size: 14px |
|
} |
|
|
|
.b_wlcmTile.hasImage { |
|
padding: 0; |
|
border: none |
|
} |
|
|
|
.b_wlcmTile.hasImage img { |
|
border-radius: inherit |
|
} |
|
|
|
.b_wlcmTile.hasImage.neurips { |
|
box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) |
|
} |
|
|
|
.b_wlcmTile.hasImage.neurips h1 { |
|
color: #436dcd; |
|
font-size: 20px; |
|
font-weight: 600 |
|
} |
|
|
|
.b_wlcmTilePrivacy { |
|
padding-top: 10px; |
|
color: var(--cib-color-fill-accent-strong-primary) |
|
} |
|
|
|
body.b_dark #b_sydWelcomeTemplate_ .b_wlcmTileCont .b_wlcmTile { |
|
box-shadow: unset |
|
} |
|
|
|
#sydWelcomeTemplate>.b_wlcmCont { |
|
display: none |
|
} |
|
|
|
.b_wlcmCont { |
|
justify-content: center; |
|
align-items: center; |
|
display: flex; |
|
flex-direction: column |
|
} |
|
|
|
.b_wlcmCont .b_wlcmHdr { |
|
align-items: center; |
|
justify-content: center; |
|
display: flex; |
|
flex-direction: column; |
|
padding-top: 2vh |
|
} |
|
|
|
.b_wlcmCont .b_wlcmHdr .b_wlcmLogo { |
|
height: 54px; |
|
width: auto |
|
} |
|
|
|
.b_wlcmCont .b_wlcmHdr .b_wlcmDesc { |
|
font-style: normal; |
|
font-weight: 600; |
|
font-size: 22px; |
|
line-height: 26px; |
|
margin-top: 16px; |
|
color: var(--cib-color-stroke-accent-primary); |
|
margin-bottom: 3vh; |
|
margin-top: 1vh; |
|
text-align: center |
|
} |
|
|
|
.b_wlcmCont .b_wlcmHdr .b_wlcmSubDesc { |
|
font-size: 16px |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont { |
|
display: flex; |
|
flex-wrap: wrap; |
|
align-content: stretch; |
|
justify-content: center; |
|
max-width: 940px |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap { |
|
padding: 10px; |
|
flex-grow: 1; |
|
display: flex; |
|
box-sizing: border-box |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="small"] { |
|
width: 16.67% |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="medium"] { |
|
width: 25% |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="large"] { |
|
width: 33.33% |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTile:hover { |
|
border: 2px solid var(--cib-color-stroke-accent-primary) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1 { |
|
font-size: 14px; |
|
line-height: 24px; |
|
display: flex |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before { |
|
height: 24px; |
|
width: 24px; |
|
margin-right: 8px; |
|
content: ""; |
|
background-size: 24px |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="small"] { |
|
width: 33.33% |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="medium"] { |
|
width: 50% |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="large"] { |
|
width: 100% |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile { |
|
box-shadow: 0 6px 24px -1.5px rgba(141,141,141,.3) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1 { |
|
color: var(--cib-color-stroke-accent-primary) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1::before { |
|
background-image: unset; |
|
background-color: var(--cib-color-stroke-accent-primary) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1 { |
|
color: #66eb6e |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1 { |
|
color: #c296ff |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1 { |
|
color: #96c6ff |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1 { |
|
color: #e88166 |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1 { |
|
color: #a2b7f4 |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1 { |
|
color: #4be89f |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1 { |
|
color: #fab01c |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1 { |
|
color: #93c2ff |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1 { |
|
color: #bbb |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1 { |
|
color: #36cce5 |
|
} |
|
|
|
body.b_dark #b_sydWelcomeTemplate .b_wlcmTileCont .b_wlcmTile { |
|
box-shadow: unset |
|
} |
|
|
|
.b_wlcmCont .b_wlcmHdr .b_wlcmLogo { |
|
content: url(/rp/ZHDMbHUEYDt5NGP3ON8vXjxtCaA.png) |
|
} |
|
|
|
body.b_dark #b_sydWelcomeTemplate .b_wlcmLogo { |
|
content: url(/rp/JOJdPp98J5uZaqfqNcf2z6_lDU8.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before,.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1::before { |
|
background-image: url(/rp/kEvTUFzKj2D-xte4DoUlrzmPyEc.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1::before { |
|
background-image: url(/rp/tucoHZVv4ubzFjfXhxKqf3gaIVA.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1::before { |
|
background-image: url(/rp/hXyyS-qUAYcgnA86cK6MeAQqLLY.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1::before { |
|
background-image: url(/rp/IOALgZVf8sFUYZ411VgUf34Jeuo.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1::before { |
|
background-image: url(/rp/a-G2ZteqzuB0ZXKzAc0B_fAinFc.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1::before { |
|
background-image: url(/rp/D0TjmITlkNYeShKg4VZq6uwFVPU.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1::before { |
|
background-image: url(/rp/-KutFzCK2PE8OulbflI9msUMhHQ.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1::before { |
|
background-image: url(/rp/QnAXqFPafDMdyUoS-wnr6nQHB7M.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1::before { |
|
background-image: url(/rp/A61yW6snD6XU1-8bpFoh_CQoaRo.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1::before { |
|
background-image: url(/rp/jxWPRKr_ayAp7F6IpAjhwabKW3I.png) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.analyze h1::before { |
|
-webkit-mask: url(/rp/ZczG5wuHQnU_o6jmwEuU8Gh1fA4.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.code h1::before { |
|
-webkit-mask: url(/rp/NMV8VwvG_qJ70QOMP_-ZAEmL5Kc.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.compare h1::before { |
|
-webkit-mask: url(/rp/8zI57YGdO2GM-LjMslcw6mPDh3c.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.create h1::before { |
|
-webkit-mask: url(/rp/UAXyG-o6RCcXQwv4eI7mMHl9rjU.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.design h1::before { |
|
-webkit-mask: url(/rp/WvNA-qMNgDrQOJkFd4okbX_Fxvc.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.laugh h1::before { |
|
-webkit-mask: url(/rp/qS9rIB-suYa9t6oyEgoYeWv0nK8.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.learn h1::before { |
|
-webkit-mask: url(/rp/lcw-K5QTRCID1bmZNjzE7OybJjM.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.shop h1::before { |
|
-webkit-mask: url(/rp/GkXSmYhCVqq-3xee4s4DDkRRN88.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.travel h1::before { |
|
-webkit-mask: url(/rp/Mtd52CY_Z58QPVYVcFKzftRhmjg.svg) |
|
} |
|
|
|
.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.write h1::before { |
|
-webkit-mask: url(/rp/BRC-g8k8ZrRlTbUopNO21bV2FLA.svg) |
|
} |
|
|
|
.b_wlcmPersLogo.copilot,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.copilot { |
|
content: url(/rp/_WT61VllAyx4fyquJgufM7hwmeg.png) |
|
} |
|
|
|
.b_wlcmPersLogo.sydney,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.sydney { |
|
content: url(/rp/ZIFQVh6WX4QKgPWuBMBKNrERh3A.png) |
|
} |
|
|
|
.b_wlcmPersLogo.designer,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.designer { |
|
content: url(/rp/3dpNBmIryMo5aT8OzddVNQ4C7RM.png) |
|
} |
|
|
|
.b_wlcmPersLogo.travel,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.travel { |
|
content: url(/rp/dPdzk-H3irE62Z-qEGnKQBnmoqg.png) |
|
} |
|
|
|
.b_wlcmPersLogo.cooking,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.cooking { |
|
content: url(/rp/LpcE_txTpGyXOwS1tgfqoqDmQIs.png) |
|
} |
|
|
|
.b_wlcmPersLogoCont { |
|
display: flex; |
|
gap: 10px; |
|
flex-direction: row; |
|
text-align: center; |
|
align-items: center; |
|
margin-inline: 0 6px |
|
} |
|
|
|
.b_wlcmPersLogo { |
|
height: 48px; |
|
width: auto |
|
} |
|
|
|
.b_wlcmPersName { |
|
font-style: normal; |
|
font-weight: 600; |
|
font-size: 40px; |
|
line-height: 52px; |
|
text-align: center |
|
} |
|
|
|
.b_wlcmPersDesc { |
|
font-style: normal; |
|
font-weight: 400; |
|
font-size: 20px; |
|
line-height: 26px; |
|
margin-top: 1vh; |
|
text-align: center |
|
} |
|
|
|
.b_wlcmPersAuthorText { |
|
font-style: normal; |
|
font-weight: 400; |
|
font-size: 14px; |
|
line-height: 18px; |
|
color: #666; |
|
margin-top: 1vh; |
|
margin-bottom: 2vh; |
|
text-align: center |
|
}</style> |
|
<script type="importmap"> |
|
{ |
|
"imports": { |
|
"rms-answers-SharedStaticAssets-mdast-util-from-markdown": "/rp/4XuwXtSbiAVqhJs_4Ciwl3YcLrM.br.js", |
|
"rms-answers-SharedStaticAssets-mdast-util-gfm-table": "/rp/ztanaSb3HsieCWGjv3Tl3lECB88.br.js", |
|
"rms-answers-SharedStaticAssets-micromark-extension-gfm-table": "/rp/u4lHTqMyPv8KR3P-2buvasHaSoM.br.js", |
|
"rms-answers-SharedStaticAssets-markdown-it": "/rp/7KdbPOT7wEH4JWaJqBx9wrxcwuM.br.js", |
|
"rms-answers-SharedStaticAssets-katex": "/rp/yscqUoVr2GlqZlY4gxmNnR5oVBA.br.js", |
|
"rms-answers-SharedStaticAssets-docx": "/rp/7O6toTbIT9CUxT9Lujfh9KGnKPg.br.js", |
|
"rms-answers-SharedStaticAssets-xlsx": "/rp/QClZgEttYMm4ob59daALw3CJwco.br.js" |
|
} |
|
} |
|
</script> |
|
<script type="module" crossorigin src="/web/assets/index-cb8513f7.js"></script> |
|
<link rel="stylesheet" href="/web/assets/index-7683bcc0.css"> |
|
<link rel="manifest" href="/web/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/web/registerSW.js"></script></head> |
|
|
|
<body> |
|
|
|
<div id="b_sydHeadBg"></div> |
|
<div id="b_sydConvCont" _iid="SERP.5028"> |
|
<div id="b_sydtoporpole" class="b_sydConvAnsTest"></div> |
|
<div id="b_sydBgCover"></div> |
|
</div> |
|
<div id="sydWelcomeTemplate"> |
|
<div id="b_sydWelcomeTemplate" class="b_wlcmCont" data-priority="2" style="margin-top: 66px;"> |
|
<div class="b_wlcmHdr"><div class="b_wlcmLogo"></div> |
|
<div class="b_wlcmDesc">必应是由 AI 支持的 Web Copilot</div> |
|
</div> |
|
<div class="b_wlcmTileCont b_wlcmTileContConsumer"></div> |
|
<div class="b_ziTileCont b_wlcmCont"></div> |
|
</div> |
|
<script src="/web/js/bing/chat/core.js"></script> |
|
<script src="/web/js/bing/chat/lib.js"></script> |
|
<div id="app"> |
|
<style> |
|
|
|
.loading-spinner { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
height: 100vh; |
|
opacity: 1; |
|
transition: opacity 2s ease-out; |
|
} |
|
|
|
.loading-spinner.hidden { |
|
opacity: 0; |
|
} |
|
|
|
.loading-spinner>div { |
|
width: 30px; |
|
height: 30px; |
|
background: linear-gradient(90deg, #2870EA 10.79%, #1B4AEF 87.08%); |
|
|
|
border-radius: 100%; |
|
display: inline-block; |
|
animation: sk-bouncedelay 1.4s infinite ease-in-out both; |
|
} |
|
|
|
.loading-spinner .bounce1 { |
|
animation-delay: -0.32s; |
|
} |
|
|
|
.loading-spinner .bounce2 { |
|
animation-delay: -0.16s; |
|
} |
|
|
|
@keyframes sk-bouncedelay { |
|
|
|
0%, |
|
80%, |
|
100% { |
|
transform: scale(0); |
|
} |
|
|
|
40% { |
|
transform: scale(1.0); |
|
} |
|
} |
|
|
|
|
|
</style> |
|
|
|
<div class="loading-spinner"> |
|
<div class="bounce1"></div> |
|
<div class="bounce2"></div> |
|
<div class="bounce3"></div> |
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
</html> |