diff --git a/en/searchurl/bingAI/bing.html b/en/searchurl/bingAI/bing.html index b941130..6cce0d8 100644 --- a/en/searchurl/bingAI/bing.html +++ b/en/searchurl/bingAI/bing.html @@ -7,7 +7,7 @@ NewBingGoGo - + @@ -81,11 +81,11 @@ return "https://mybing2.xn--xyza.top/"; } - - - - - + + + + + diff --git a/en/searchurl/bingAI/css/bing.css b/en/searchurl/bingAI/css/bing.css index 8fce324..6f0b3ee 100644 --- a/en/searchurl/bingAI/css/bing.css +++ b/en/searchurl/bingAI/css/bing.css @@ -518,7 +518,7 @@ div.markdown-body { @media screen and (orientation:portrait) and (max-device-width:800px) and (max-device-height:1000px) { :root { - font-size: 2rem; + font-size: 1rem; } div.markdown-body { @@ -592,4 +592,4 @@ div.markdown-body { to {} } -} \ No newline at end of file +} diff --git a/en/searchurl/bingAI/css/bing.css~ b/en/searchurl/bingAI/css/bing.css~ new file mode 100644 index 0000000..8fce324 --- /dev/null +++ b/en/searchurl/bingAI/css/bing.css~ @@ -0,0 +1,595 @@ +/* 头部分 */ + +#head { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 4rem; + display: flex; + align-items: center; + justify-content: space-between; + backdrop-filter: blur(10px); + background-color: #ffffff78; + z-index: 99; +} + +#head-img-div { + height: 100%; + display: flex; + justify-content: flex-start; + align-items: center; +} + +#head-img-div>img { + height: 100%; +} + +#head-img-div-h2-img>* { + margin: 0; +} + +#head-li-div { + margin-right: 2rem; +} + + +/* 背景*/ + +#background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + background: repeating-linear-gradient(359deg, rgb(182 196 255) 0%, rgb(207 225 255 / 78%) 100%); + transition: filter 1s; +} + +#background.a { + filter: hue-rotate(10deg); +} + +#background.b { + filter: hue-rotate(-5deg); +} + +#background.c { + filter: hue-rotate(-20deg); +} + + +/* 尾部分 */ + +#tail { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + height: 7rem; + display: flex; + justify-content: center; + backdrop-filter: blur(10px); + background-color: #ffffff78; + flex-direction: column-reverse; + align-items: center; + z-index: 99; +} + +#SearchSuggestions { + position: fixed; + top: -3rem; + display: flex; + flex-wrap: nowrap; + flex-direction: row; + justify-content: center; + align-items: center; + width: 100%; + transition: opacity 0.2s +} + +#SearchSuggestions>a { + backdrop-filter: blur(10px); + background-color: #ffffff82; + border-radius: 2rem; + padding: 0.5rem; + font-size: 0.9rem; + margin: 0.2rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + transition: flex 0.5s; +} + +#SearchSuggestions>a:hover { + cursor: pointer; + background-color: #ffffff; + flex: none; +} + +#tail-in { + display: flex; + width: 80%; + align-items: center; + justify-content: center; + height: 80%; +} + + +#restart:hover , +#restartNewChat:hover +{ + background-color: #ffffff; + cursor: pointer; +} + +#restart , +#restartNewChat +{ + border: 0; + border-radius: 1.5rem; + background-color: #ffffff9e; + height: 100%; + font-size: 0.8rem; + transition: all 0.5s; + overflow: hidden; + white-space: normal; +} + +#restart { + width: 0; + margin: 0; + padding: 0; + opacity: 0; +} + +body:has(.my) #restart { + width: 5rem; + margin-right: 0.5rem; + padding: 0; + opacity: 1; +} + +#restartNewChat{ + width: 5rem; + margin-right: 0.5rem; +} + +#restartNewChat.onShow{ + width: 0; + margin: 0; + padding: 0; + opacity: 0; +} + +#send { + border: 0; + margin: 0 1rem 1rem 0; + border-radius: 2rem; + background-color: #005fff38; + height: 1.8rem; + font-size: 0.8rem; + cursor: pointer; + min-width: 3rem; + transition: all 0.5s; +} + +#send:hover { + background-color: #005fff80; +} + +#input { + border: none; + resize: none; + outline: none; + width: 100%; + background-color: #ffffff00; + margin: 1rem 0 1rem 1rem; + height: -webkit-fill-available; +} + +#input:focus-visible { + border: 0; +} + +#input-div { + border-radius: 1.5rem; + flex: 1; + height: 100%; + background-color: #ffffff; + margin: 0 0; + display: flex; + flex-direction: row; + align-items: flex-end; + transition: all 0.5s; +} + + +/* 页面部分 */ +body { + overflow-x: hidden; +} + +#body-top { + height: 20vh; + width: 100%; +} + +#body-bottom { + height: 15rem; + width: 100%; +} + + +/* 聊天选项部分 */ + +#chatTypeDiv { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + flex-wrap: nowrap; + margin-bottom: 7rem; + transition: all 0.5s; +} + +#chatTypeDiv>.chatTypeChose { + background-color: #ffffffcc; + border-radius: 2rem; + width: 9rem; + height: 4rem; + margin: 1rem 0.3rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border: 0.5rem solid #ffffffcc; + cursor: pointer; +} + +#chatTypeDiv>.chatTypeChose>p { + margin: 0; + text-align: center; +} + +#chatTypeDiv>.chatTypeChose>h3 { + margin: 0; + text-align: center; +} + +#chatTypeChoseCreate.Chose { + background-color: #904887; + color: white; + cursor: default; +} + +#chatTypeChoseBalance.Chose { + background-color: #2870EA; + color: white; + cursor: default; +} + +#chatTypeChoseAccurate.Chose { + background-color: #006880; + color: white; + cursor: default; +} + + +/* 聊天部分,在页面内 */ +@keyframes acceptMeaaage { + from { + margin-top: 1em; + margin-left: -4em; + opacity: 0; + } + + to {} +} + +@keyframes sendMeaaage { + from { + margin-top: 1em; + margin-right: -4em; + opacity: 0; + } + + to {} +} + +.bing, +.my { + margin-bottom: 2rem; +} + +.bing { + display: grid; + justify-items: start; +} + +.bing>* { + animation: acceptMeaaage 0.5s; +} + +.my>* { + animation: sendMeaaage 0.5s; +} + +.my { + text-align: right; + font-size: 1.3rem; +} + +.InternalSearchQuery, +.InternalLoaderMessage { + margin-left: 1rem; + font-size: 1rem; +} + +.InternalSearchQuery>p, +.InternalLoaderMessage>p { + margin: 0; + margin-bottom: 1rem; +} + +.adaptiveCardsFatherDIV, +.my>.bobo { + display: inline-block; + background-color: #ffffff; + border-radius: 1rem; + padding: 1rem 1rem; + max-width: 85vw; + margin-bottom: 1rem; + text-align: left; +} + +.adaptiveCardsFatherDIV .throttling { + text-align: end; + font-size: 0.4rem; + margin-top: 0.5rem; + margin-bottom: -0.8rem; + border-top: 1px solid #0000005c; +} + +.bing>.sourceAttributions { + font-size: 0.9rem; + max-width: 85vw; + margin: 0; + margin-bottom: 1rem; + display: inline-flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + background-color: #ffffff57; + border-radius: 2rem; + padding: 0.5rem; +} + +.bing:has(.sourceAttributions) .adaptiveCardsFatherDIV { + margin-bottom: 1em; +} + + +.bing>.sourceAttributions>a { + display: inline-block; + background-color: #ffffff73; + border-radius: 1rem; + padding: 0.5rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 0.1rem; + color: #000000; + text-decoration: none; + transition: flex 0.5s; +} + +.bing>.sourceAttributions>a:hover { + background-color: #ffffffb3; + flex: none; +} + + +/* 上标 */ + +#chat .superscript { + display: inline-block; + vertical-align: super; + border: 0.1rem solid #0969da; + border-radius: 1em; + min-width: 1em; + text-align: center; + line-height: 1em; + font-size: small; + color: #0969da; +} + +#chat .superscript:hover { + background-color: #00000024; +} + +/*暂时不知道如何解析的渲染卡片请求*/ +.RenderCardRequest { + border-radius: 1em; + background-color: white; + overflow: auto; + padding: 1em; + width: 85vw; + max-width: 1100px; +} + +.RenderCardRequest>iframe { + min-width: 768px; + width: 100%; + height: 602px; + border: 0; +} + + + +/* 画图部分 */ + +.GenerateContentQuery { + background-color: #ffffff; + border-radius: 1rem; + max-width: 85%; + margin-bottom: 1rem; + text-align: center; + font-size: 1rem; + padding: 1rem; + overflow: hidden; + display: inline-table; +} + +.GenerateContentQuery>img { + max-width: 24%; + margin: 0.5%; + transition: all 0.8s; + cursor: pointer; +} + +.GenerateContentQuery>img:hover { + margin: 0.2% 0.8% 0.8% 0.2%; + box-shadow: #0000007a 2px 3px 5px 0px; + transition: all 0.3s; +} + + +/* 错误部分 */ + +#chat .error { + text-align: center; + color: red; +} + +.NoPower { + text-align: center; + color: #ff6d00; + cursor: pointer; + margin: 1rem; + text-decoration: underline; +} + + +/* 用于适配不同设备 */ + + +/* pc */ + +:root { + font-size: 1rem; +} + +div.markdown-body { + font-size: 1rem; + overflow: auto; +} + + +/* 窄窗口 */ +@media screen and (max-width:550px) { + + #tail-in:has(#input:focus-visible) #restart, + #tail-in:has(#input:hover) #restart, + #tail-in:has(#input:focus-visible) #restartNewChat, + #tail-in:has(#input:hover) #restartNewChat { + width: 0; + margin: 0; + padding: 0; + opacity: 0; + } + + .GenerateContentQuery>img { + max-width: 49%; + width: 49%; + } + + #tail-in { + width: 90%; + } + + .bing>.sourceAttributions { + flex-wrap: wrap; + } +} + +/*手机 css*/ + +@media screen and (orientation:portrait) and (max-device-width:800px) and (max-device-height:1000px) { + :root { + font-size: 2rem; + } + + div.markdown-body { + font-size: 1rem; + } + + .InternalSearchQuery, + .InternalLoaderMessage { + width: 90%; + } + + .InternalSearchQuery>p, + .InternalLoaderMessage>p { + font-size: 1rem; + } + + .bing>.sourceAttributions { + max-width: 88vw; + flex-wrap: wrap; + } + + .adaptiveCardsFatherDIV, + .my>.bobo { + max-width: 88vw; + } + + #tail-in { + width: 90%; + } + + #restart { + font-size: 1em; + } + + #input { + font-size: 1em; + } + + .GenerateContentQuery>img { + max-width: 49%; + width: 49%; + } + + #tail-in:has(#input:focus-visible) #restart, + #tail-in:has(#input:hover) #restart, + #tail-in:has(#input:focus-visible) #restartNewChat, + #tail-in:has(#input:hover) #restartNewChat { + width: 0; + margin: 0; + padding: 0; + opacity: 0; + } + + /* 聊天部分,在页面内 */ + @keyframes acceptMeaaage { + from { + margin-top: 1em; + margin-left: 0em; + opacity: 0; + } + + to {} + } + + @keyframes sendMeaaage { + from { + margin-top: 1em; + margin-right: 0em; + opacity: 0; + } + + to {} + } +} \ No newline at end of file