R524809
1 line
12 KiB
CSS
1 line
12 KiB
CSS
html,body{background:#f3f3f3;margin:0;padding:0}.options-container{background:#f3f3f3}.options-container .w-1200{width:1200px;margin:0 auto}.options-container .options-banner{box-sizing:border-box;background:#fff;align-items:center;min-width:1200px;height:100px;padding-right:8px;display:flex}.options-container .options-banner .banner-container{justify-content:space-between;align-items:center;display:flex}.options-container .options-banner .banner-container .icon-1688{width:222px;height:40px}.options-container .options-banner .banner-container .banner-links{color:#000000f0;align-items:center;font-size:14px;line-height:20px;display:flex}.options-container .options-banner .banner-container .banner-links .env-switch{align-items:center;margin-right:36px;display:flex}.options-container .options-banner .banner-container .banner-links>a{color:#000000f0;cursor:pointer;margin-right:36px;text-decoration:none}.options-container .options-banner .banner-container .banner-links>a:hover{color:#ff4000}.options-container .options-banner .banner-container .banner-links .popover_feedback{cursor:pointer;margin-right:36px}.options-container .options-banner .banner-container .banner-links .popover_ddTalk{cursor:pointer;margin-right:36px;position:relative}.options-container .options-banner .banner-container .banner-links .popover_ddTalk:hover .popover_qrcode{visibility:visible}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode{visibility:hidden;z-index:1000;cursor:default;padding-top:24px;position:absolute;top:24px;right:0}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode:hover{visibility:visible}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode .popover_content{position:relative}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode .popover_content .popover_arrow{pointer-events:none;background:0 0;width:22px;height:22px;position:absolute;top:0;right:2px;overflow:hidden;transform:translateY(-100%)translate(-50%)}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode .popover_content .popover_arrow .popover_arrow_content{pointer-events:none;background-color:#fff;border-radius:0 0 2px;width:11.3px;height:11.3px;margin:auto;position:absolute;inset:0;transform:translateY(11px)rotate(-135deg);box-shadow:2px 2px 5px #0000000f}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode .popover_content .popover_arrow .popover_arrow_content:before{background:var(--antd-arrow-background-color);content:"";width:33.9px;height:33.9px;clip-path:path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");background-position:-10px -10px;background-repeat:no-repeat;position:absolute;top:-11.3px;left:-11.3px}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode .popover_content .popover_arrow_inner{background-color:#fff;background-clip:padding-box;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.options-container .options-banner .banner-container .banner-links .popover_ddTalk .popover_qrcode .popover_content .popover_arrow_inner .qrcode{width:400px}.options-container .options-banner .banner-container .banner-links .popover_ddTalk:hover{color:#ff4000}.options-container .options-switch-site{box-sizing:border-box;justify-content:space-between;height:calc(100vh - 120px);margin-top:20px;display:flex;overflow:hidden}.options-container .options-switch-site .left-tabs .tabs-container{box-sizing:border-box;background-color:#fff;border-radius:8px;width:280px;padding:20px 12px}.options-container .options-switch-site .left-tabs .tabs-container .setting-title{margin:4px 0 16px 10px;font-family:PingFang SC;font-size:28px;font-weight:600;line-height:40px}.options-container .options-switch-site .left-tabs .tabs-container .tab{box-sizing:border-box;cursor:pointer;margin-bottom:8px;padding:14px 18px;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:26px}.options-container .options-switch-site .left-tabs .tabs-container .tab:hover{background-color:#f5f5f5}.options-container .options-switch-site .left-tabs .tabs-container .tab-active{color:#ff5b00;border-radius:8px;font-weight:500;background:#fff3eb!important}.options-container .options-switch-site .left-tabs .tabs-container .update-container{box-sizing:border-box;border-top:1px solid #0000000a;justify-content:space-between;width:256px;height:24px;padding:12px 18px;font-family:PingFang SC;font-size:16px;font-weight:400;line-height:24px;display:flex}.options-container .options-switch-site .left-tabs .tabs-container .update-container .version-info{color:#0003}.options-container .options-switch-site .left-tabs .tabs-container .update-container .update-text{color:#ff5b00;cursor:pointer}.options-container .options-switch-site .right-list{max-height:calc(100vh - 120px);overflow-y:scroll}.options-container .options-switch-site .right-list .list-container{box-sizing:border-box;background-color:#fff;border-radius:8px;width:896px;padding:0 32px 44px}.options-container .options-switch-site .right-list .list-container .group-container{display:none}.options-container .options-switch-site .right-list .list-container .group-container .options-list{flex-flow:column wrap;align-items:center;display:flex}.options-container .options-switch-site .right-list .list-container .group-active{display:block!important}.options-container .options-switch-site .right-list .list-container .option-container{width:100%}.options-container .options-switch-site .right-list .list-container .option-container .switch-site{box-sizing:border-box;background:#fff;width:100%;height:auto;padding-top:36px}.options-container .options-switch-site .right-list .list-container .option-container .switch-site .ant-wave{display:none!important}.options-container .options-switch-site .right-list .list-container .option-container .switch-site .site-btn{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:22px;font-weight:600;line-height:32px;display:flex}.options-container .options-switch-site .right-list .list-container .option-container .switch-site .site-btn .ant-select{width:20%!important}.options-container .options-switch-site .right-list .list-container .option-container .switch-site .site-desc{color:#0006;margin-bottom:20px;font-family:PingFang SC;font-size:16px;font-weight:400;line-height:24px}.options-container .options-switch-site .right-list .list-container .option-container .switch-site .site-img{width:832px;height:294px}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content{margin-top:24px}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-title{color:#00000073;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-add-btn{color:#00000073;cursor:pointer;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-add-btn:hover{color:#000000e0}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item:nth-last-child(-n+2){border-bottom:none}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item .block-website-info{align-items:center;display:flex;overflow:hidden}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item .block-website-info .block-website-favicon{border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:12px}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item .block-website-origin{color:#000000e0;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;overflow:hidden}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item .icon-delete{cursor:pointer;opacity:.45;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01D6u2TW25meqJfDP5q_!!6000000007569-2-tps-72-72.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:16px;height:16px;margin-left:12px}.options-container .options-switch-site .right-list .list-container .option-container .group-entry-content .block-website-list .block-website-item .icon-delete:hover{opacity:1;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01btreNs24MinaKeqNu_!!6000000007377-2-tps-72-72.png)}.options-container .options-switch-site .right-list .list-container .option-container+.option-container{border-top:1px solid #0000000a}.options-container .ant-switch-checked{background:#ff4000!important}.options-container .modal-close-entry{flex-direction:column;align-items:center;gap:20px 0;display:flex}.options-container .modal-close-entry .modal-close-entry-video{width:662px;height:372px}.options-container .modal-close-entry .modal-close-entry-footer{justify-content:flex-end;align-items:center;width:100%;display:flex}.options-container .modal-close-entry .modal-close-entry-footer .modal-close-entry-footer-btn{cursor:pointer;color:#fff;background:linear-gradient(270deg,#ff4000 0%,#ff702d 100%);border-radius:24px;justify-content:center;align-items:center;width:68px;height:40px;font-size:16px;display:flex}.options-container .modal-close-entry .modal-close-entry-footer .modal-close-entry-footer-btn:hover{background:linear-gradient(270deg,#ed2700 0%,#ff5100 98%)}.default-channel-value{color:#000000de;box-sizing:border-box;border:1px solid #00000026;border-radius:4px;justify-content:space-between;align-items:center;width:160px;height:34px;padding:7px 8px;font-size:14px;font-weight:400;display:flex}.default-channel-value .arrow-bottom{object-fit:contain;width:12px;height:12px}.default-channel-dropdown-menu .ant-dropdown-menu{padding:0}.default-channel-dropdown-menu .ant-dropdown-menu .ant-dropdown-menu-item-group-list{margin:0}.default-channel-dropdown-menu .ant-dropdown-menu .ant-dropdown-menu-item{padding:0}.default-channel-dropdown-menu .ant-dropdown-menu .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-title{margin:0;padding:0}.default-channel-dropdown-menu .dropdown-group-title{color:#111;box-sizing:border-box;align-items:center;gap:4px;width:220px;height:37px;padding-left:38px;font-size:14px;font-weight:500;display:flex}.default-channel-dropdown-menu .dropdown-group-title img{object-fit:contain;cursor:pointer;width:14px;height:14px}.default-channel-dropdown-menu .menu-item{color:#111;box-sizing:border-box;justify-content:space-between;align-items:center;width:220px;height:37px;padding:8px 9px 9px 10px;font-size:14px;font-weight:500;display:flex}.default-channel-dropdown-menu .menu-item .main{align-items:center;gap:8px;display:flex}.default-channel-dropdown-menu .menu-item .main .icon{object-fit:contain;width:20px;height:20px}.default-channel-dropdown-menu .active-menu-item{background:#0000000a}.default-channel-tooltip{min-width:290px} |