weiyu/deploy/server/notebase/assets/css/0.3.5/sdk.css

:root{--brand-1:#ff5000;--brand-2:#ff9000;--brand-3:#fff9eb;--black:#000;--white:#fff;--gray-1:#111;--gray-2:#666;--gray-3:#999;--gray-4:#ccc;--gray-5:#ddd;--gray-6:#eee;--gray-7:#f5f5f5;--gray-8:#f8f8f8;--light-1:#eee;--light-2:#f5f5f5;--highlight-1:var(--brand-1);--highlight-2:var(--brand-2);--link-color:var(--blue);--blue:#39f;--gray-dark:#333;--green:#62d957;--orange:#f70;--red:#ff3634;--yellow:#ffc233;--yellow-light:#fff9db;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--radius-sm:0.25rem;--radius-md:0.75rem;--radius-lg:1.25rem;--shadow-1:0 3px 4px 0 rgba(0,0,0,.04);--shadow-2:0 4px 8px 0 rgba(0,0,0,.08);--shadow-3:0 6px 10px 0 rgba(0,0,0,.08);--safe-top:0px;--safe-bottom:0px;--gutter:12px;--btn-primary-border-color:transparent;--btn-primary-bg:linear-gradient(90deg,var(--brand-2) 0%,var(--brand-1) 98%);--btn-primary-color:var(--white)}@supports (top:constant(safe-area-inset-top)){:root{--safe-top:constant(safe-area-inset-top);--safe-bottom:constant(safe-area-inset-bottom)}}@supports (top:env(safe-area-inset-top)){:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}}.S--invisible{clip:rect(0,0,0,0);position:absolute}.pb-safe{padding-bottom:var(--safe-bottom)}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.slide-in-right-item{-webkit-animation:slideInRight .5s ease-in-out both;animation:slideInRight .5s ease-in-out both}.slide-in-right-item:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.slide-in-right-item:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.slide-in-right-item:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.slide-in-right-item:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.slide-in-right-item:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.slide-in-right-item:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.slide-in-right-item:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.slide-in-right-item:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.slide-in-right-item:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}.slide-in-right-item:nth-child(11){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.A-fadeIn{-webkit-animation:fadeIn .6s;animation:fadeIn .6s}.Avatar{border-radius:50%;display:inline-block;overflow:hidden}.Avatar img{display:block;height:36px;object-fit:cover;width:36px}.Avatar--sm img{height:24px;width:24px}.Avatar--lg img{height:40px;width:40px}.Avatar--square{border-radius:4px}.Backdrop{background:rgba(0,0,0,.7);bottom:0;height:100vh;left:0;opacity:0;outline:0;position:fixed;right:0;transition:.3s;width:100vw;z-index:100}.Backdrop.active{opacity:1}.Bubble{background:var(--white);border-radius:12px;max-width:680px;min-width:1px}.Bubble.text,.Bubble.typing{word-wrap:break-word;box-sizing:border-box;min-width:40px;overflow-wrap:break-word;padding:12px;-webkit-user-select:text;-ms-user-select:text;user-select:text;white-space:pre-wrap}.Bubble.image img{border-radius:inherit;display:block;height:auto;max-height:200px;max-width:200px}.Btn,.Bubble p{margin:0}.Btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;background:var(--white);border:1px solid var(--gray-5);border-radius:999px;color:var(--gray-1);display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:400;justify-content:center;line-height:1.5;min-width:80px;overflow:visible;padding:5px 12px;text-align:center;text-transform:none;transition:.15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middl
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{background-color:#fff;color:var(--gray-1);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:1rem;font-weight:400;line-height:1.5;margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}ol,p,ul{margin:0}ol,ul{list-style-type:none;padding:0}a{background-color:transparent;color:var(--blue);text-decoration:none}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto;resize:none}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none!important}[tabindex="-1"]:focus{outline:0!important}:focus,button:focus{outline:0}.S--wide{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:url(//img.alicdn.com/tfs/TB1C.3nefb2gK0jSZK9XXaEgFXa-2880-2000.jpg) 0 0 no-repeat;background-size:cover;display:-ms-flexbox;display:flex;justify-content:center}.S--wide #root{max-height:700px;max-width:960px;width:100%}.ScrollView--hasControls .ScrollView-scroller{-ms-flex:1 1 auto;flex:1 1 auto}.Checkbox--checked,.Radio--checked{background:var(--brand-3)}
.Knowledge{padding:12px 16px;position:relative}.Knowledge-body{max-height:276px;min-height:21px;overflow:hidden}.Knowledge-actions{background-image:linear-gradient(hsla(0,0%,100%,0),#fff 58%);bottom:0;left:16px;padding-top:40px;position:absolute;right:16px}.Knowledge-btn{color:var(--brand-1);line-height:20px;padding:12px}.Knowledge-btn .Icon{font-size:18px;margin-left:5px}.Knowledge-content h1{font-size:18px;line-height:28px;margin:0 0 12px}.Knowledge-content h2,.Knowledge-content h3,.Knowledge-content h4,.Knowledge-content h5,.Knowledge-content h6{font-size:16px;line-height:23px;margin:0 0 12px}.Knowledge-content p{line-height:24px;margin:0 0 12px}.Knowledge-content ol,.Knowledge-content ul{padding:0 0 0 20px}.Knowledge-content ol{list-style-type:decimal}.Knowledge-content ul{list-style-type:disc}.Knowledge-content ol ul,.Knowledge-content ul ul{list-style-type:circle}.Knowledge-content ol ol,.Knowledge-content ul ol{list-style-type:lower-roman}.Knowledge-content i{font-style:normal}.Knowledge-content img,.Knowledge-content video{height:auto;margin:0!important;max-width:100%;width:100%!important}.Knowledge-content table{border-collapse:collapse;border-spacing:0;width:100%!important}.Knowledge-content table td,.Knowledge-content table th{border:1px solid #e8e8e8;border-spacing:0;padding:4px}.Knowledge-content .se-highlight{color:#f56262}#se-knowledge>:last-child,.Knowledge-content>:last-child{margin-bottom:0}.Knowledge-popup .Popup-body{background:var(--light-2);padding:8px 16px 20px}.RichText img[src*="wangwang/smiley"]{height:24px!important;margin:0 3px!important;width:24px!important}.Knowledge-recommend-title{color:var(--gray-3);font-size:12px;margin:12px 0 0}.Knowledge-recommend-item{padding:5px 0}
.Recommend-title{border-bottom:1px solid var(--gray-7);color:var(--gray-3);font-size:14px;padding:4px 15px}
.NameCard{margin:20px auto 0;overflow:initial;padding:24px 8px 6px;position:relative;text-align:center;width:210px}.NameCard--wide{width:320px}.NameCard-avatar{background-color:#fff;left:50%;overflow:hidden;position:absolute;top:-18px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.NameCard-avatar img{object-fit:contain}.NameCard-label{color:var(--gray-3)}.NameCard-channelList{display:-ms-flexbox;display:flex;margin-top:10px}.NameCard-channel{-ms-flex:1;flex:1;margin-left:8px;min-width:0;text-align:center}.NameCard-channel:first-child{margin:0}.NameCard-channelImg{background-position:bottom;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;width:20px}.NameCard-channelName{color:var(--gray-1);font-size:12px}.NameCard-channelDesc{color:var(--gray-3);font-size:10px}
.Promotion{padding-bottom:5px}.RecommendCardWrap{position:relative;width:310px}.RecommendCardWrap--hasToggle{margin-bottom:18px}.RecommendCard{display:-ms-flexbox;display:flex}.RecommendCard .List{-ms-flex:1;flex:1;min-width:0}.RecommendCard .ListItem{margin-left:10px;padding:11px 10px 11px 0}.RecommendCard .ListItem:hover{background:#fff}.RecommendCard .ListItem[data-hot]:after{background:var(--brand-2);border-radius:20px 20px 20px 2px;color:#fff;content:"hot";display:inline-block;font-size:10px;height:16px;line-height:16px;margin-left:2px;text-align:center;width:22px}.RecommendCard .ListItem-content{-ms-flex:none;flex:none;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.RecommendCard--fold{height:175px}.RecommendCard-cover{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:12px 0 0 12px;width:80px}.RecommendCard-toggleBtn{background:#fff;border:0;border-radius:0 0 8px 8px;bottom:-15px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#dddedf;height:15px;left:50%;margin:0 0 0 -30px;padding:0;position:absolute;text-align:center;width:60px}.RecommendCard-toggleBtn:focus{outline:0}.RecommendCard--fold+.RecommendCard-toggleBtn .Icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.SkillCard .CardTitle-subtitle,.SkillCard .CardTitle-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SkillCard-title{padding:8px;text-align:center}
.Feedback-inner{padding:10px 15px}.Feedback .InputWrapper{margin-top:10px}.Feedback-card{margin-top:12px}.Feedback-title{margin-bottom:10px}.Feedback--hidden{display:none}.Feedback-radio-group{margin-top:0}
.Slot{line-height:1.3;margin-bottom:5px;width:104px}.Slot-alt{color:var(--brand-1);text-align:center}.Slot-icon{color:var(--gray-6);font-size:32px}.Slot-text{min-height:30px;padding:5px 2px}.Slot-title{color:#333;font-size:12px}.Slot-desc{color:var(--gray-3);font-size:10px;margin-top:2px}.Slot--small{width:80px}.Slot-btn{border-color:var(--brand-2);color:var(--gray-1);line-height:1.1;min-height:32px;padding:4px 16px}.Slot-btn:hover{background:#fff;cursor:pointer}.Slot-btn span{display:block}.SlotList--multiLine{width:100%}.Slot-item{display:inline-block;margin:0 8px 8px 0}
:global .RateActions{-ms-flex-item-align:end;align-self:flex-end;margin:0 8px;position:relative;width:32px}:global .RateBtn{background:#fff;border-radius:50%;font-size:20px;padding:6px}:global .RateBtn+.RateBtn{margin-top:9px}:global .RateBtn[data-type=up].active,:global .RateBtn[data-type=up]:hover{color:var(--brand-1)}:global .RateBtn[data-type=down].active,:global .RateBtn[data-type=down]:hover{color:red}
.ComponentMessage{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:0}
.Message.left+.left .Message-content>.Avatar{visibility:hidden}
.Sidebar{background:#fff;border-left:1px solid #eee;overflow-y:auto;padding:20px;width:281px}.Sidebar:empty{display:none}.Sidebar h3{font-size:18px;font-weight:500}@media (max-width:600px){.Sidebar{display:none}}.Sidebar-panel{margin-top:24px}.Sidebar-panel:first-child{margin-top:0}
.AutoComplete{background:var(--white);border-radius:8px;bottom:100%;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);left:0;margin-bottom:8px;max-height:200px;max-width:400px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;-webkit-transform:translateY(5px);transform:translateY(5px);transition:.2s;width:100%;z-index:150}.AutoComplete.show{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.AutoComplete a{border-top:1px solid #eee;color:var(--gray-dark);display:block;padding:9px 16px}.AutoComplete a:hover{background:var(--light-2)}.AutoComplete mark{background:transparent;color:var(--red)}
.ChatWrapper{background:#f4f6f8;height:100%;max-height:900px;max-width:1160px;overflow:hidden;width:100%}.S--wide .ChatWrapper{border-radius:8px}.ChatWrapper-header{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 8px 0 #e5e8ee;padding:12px 16px;position:relative;z-index:1}.ChatWrapper-body{display:-ms-flexbox;display:flex}.Main{-ms-flex:1;flex:1}