html,body{height:100%;margin:0;overflow:hidden;font-size:16px;color:#434343;line-height:normal;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,微软雅黑,STHeiti,华文细黑,sans-serif,"Apple Color Emoji"}#root{height:100%}.note-app-root{position:absolute;left:0;right:0;bottom:0;top:0;z-index:5}.note-app-root .wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#f0dab3 url(/static/cloud/note/img/cloud_note_bg_d2def91e10.jpg);min-width:0;width:100%}.note-app-root .note-left{position:absolute;top:0;left:0;bottom:0;width:555px;background:#fbf7ed;box-shadow:#0000001a 1px 0 3px;z-index:11;overflow:hidden}.note-app-root .note-left .titlebar{position:relative;height:61px;border-bottom:1px solid #564944}.note-app-root .note-left .titlebar .a-create-note,.note-app-root .note-left .titlebar .a-refresh-app{position:static;float:right;margin-right:14px}.note-app-root .note-left .titlebar .main-menu{background:none;margin-top:23px;margin-left:24px;width:21px;height:15px}.note-app-root .note-left .titlebar .menu-mask{display:none}.note-app-root .note-left .column-2{background:transparent}.note-app-root .note-left .titlebar h1{position:static;z-index:auto;float:left;padding-left:20px}.note-app-root .note-left .folder-item .folder-sum{font-size:16px}.note-app-root .note-left .folder-container{bottom:0}.note-app-root .note-left .note-list,.note-app-root .note-left .folder-container{overflow-y:auto;overflow-x:hidden}.note-app-root .note-list::-webkit-scrollbar,.note-app-root .folder-container::-webkit-scrollbar{width:8px}.note-app-root .note-list::-webkit-scrollbar-track,.note-app-root .folder-container::-webkit-scrollbar-track{background:transparent}.note-app-root .note-list::-webkit-scrollbar-track:hover,.note-app-root .folder-container::-webkit-scrollbar-track:hover{background:#eee;opacity:.9}.note-app-root .note-list::-webkit-scrollbar-thumb,.note-app-root .folder-container::-webkit-scrollbar-thumb{background:#999;border-radius:4px;min-height:40px}.note-app-root .note-list::-webkit-scrollbar-thumb:hover,.note-app-root .folder-container::-webkit-scrollbar-thumb:hover{background:#888}.note-app-root .note-left .column-1{width:205px}.note-app-root .note-left .column-2{position:absolute;left:205px;top:62px;bottom:0;width:350px;background:transparent}.note-app-root .note-right{position:absolute;left:555px;top:0;bottom:0;right:0;background:transparent}.note-app-root .toolbar-view{height:61px;border-bottom:1px solid #564944}.note-app-root .edit-wrap{position:absolute;top:62px;left:0;right:0;bottom:0}.note-app-root .edit-con{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.note-app-root .edit-wrap-scroller{flex:1;min-height:0;overflow:hidden;padding:0}.note-app-root .edit-area{position:relative;background:url(/static/cloud/note/img/grid_6e4a41eefc.png);height:100%;overflow:auto}.note-app-root .edit-area .edge{position:absolute;top:0;left:0;width:24px;border-right:1px solid #e8e2d7;height:100%;background:url(/static/cloud/note/img/edge_004e88bdf2.png) repeat;z-index:1}.note-app-root .note-editor{margin-left:50px;margin-right:30px;padding-bottom:100px}.note-app-root .note-editor .cm-editor{height:auto;outline:none}.note-app-root .note-editor .cm-content{padding:0}.note-app-root .note-editor .cm-scroller{font-size:17px;line-height:50px;color:#635752;padding:0 0 30px;overflow:auto;font-family:Helvetica,Microsoft Yahei,ST-Heiti,"Apple Color Emoji"}.note-app-root .note-editor .cm-line{padding-left:10px}.note-app-root .edit-status{position:relative;height:49px;padding:0 14px 0 0;font-size:13px;color:#b9a691;background:#fbf7ed;border-bottom:1px solid #e3dcd1}.note-app-root .edit-status .edge{float:left;border-right:1px solid #e8e2d7;height:49px;background:#f4f0e5;width:24px}.note-app-root .edit-status .time{float:right;height:24px;line-height:24px;margin-top:13px}.note-app-root .edit-status .split-line{height:12px;float:right;width:1px;background:#e7ded0;margin:18px 10px 0}.note-app-root .edit-status .folder{float:right;height:24px;line-height:24px;margin-top:13px;font-size:13px;color:#b9a691}.note-app-root .edit-status .word-counter{float:right;margin:13px 0 0 14px;height:24px;line-height:24px}.note-app-root .edit-status .edit-time{float:right;height:24px;line-height:24px;margin-top:13px;margin-left:14px}.note-app-root .edit-status .edit-mode-switch{float:left;margin-top:13px;margin-left:10px;font-size:12px;color:#b9a691;padding:0 27px 0 10px;cursor:pointer;position:relative;line-height:24px;height:24px}.note-app-root .edit-status .edit-mode-switch-arrow{position:absolute;right:8px;top:10px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #b9a691}.note-app-root .edit-status .status-bar *{display:block}.note-app-root .edit-status .status-bar .favorite{cursor:pointer}.note-app-root .edit-status .rtf-btn{display:inline-block;width:24px;height:24px;margin-top:10px;margin-left:10px;background-image:url(/static/cloud/note/img/all_icons_ab3d0991b9.png);background-repeat:no-repeat;cursor:pointer}.note-app-root .edit-status .rtf-btn-head{margin-left:20px}.note-app-root .edit-status .rtf-btn-todo{opacity:1}.note-app-root .note-left .column-2 .column-btn{margin:15px 0 0 20px;cursor:pointer}.note-list .note-item{height:49px}.rtf-line-head{font-size:20px;font-weight:700}.rtf-line-quote{color:#888;padding-left:12px;border-left:3px solid #ddd;margin:6px 0}.rtf-line-ul{display:block;position:relative;padding-left:18px}.rtf-line-ul:before{content:"•";position:absolute;left:4px}.rtf-line-todo:before{content:"☐";position:absolute;left:2px}.rtf-line-todo-checked:before{content:"☑";position:absolute;left:2px}.note-editor-img{max-width:480px;display:inline-block;vertical-align:middle;border-radius:4px;background:#fff;padding:7px;border:1px solid #ebdfd5;box-shadow:0 1px 3px #0000000f}.note-editor-img img{display:block;max-width:464px;border-radius:2px}.img-line-mask{height:50px}.edit-mode-rtf-btns{display:inline-flex;margin-left:12px;vertical-align:middle}.rtf-btn{width:26px;height:26px;line-height:26px;text-align:center;font-size:13px;color:#666;border:1px solid #ddd;border-right:none;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.rtf-btn:first-child{border-radius:4px 0 0 4px}.rtf-btn:last-child{border-right:1px solid #ddd;border-radius:0 4px 4px 0}.rtf-btn:hover{background:#f5f0e5}.rtf-btn.on{background:#f1ece1;color:#744f29}.folder-create-input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#434343;border-bottom:1px solid #c8beb0}.uploading-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;color:#888;z-index:5;pointer-events:none}.note-preview{position:absolute;top:62px;left:0;right:0;bottom:0;overflow:auto;background:#eaecee}.web-preview.on{display:block}.preview-title{font-size:24px;color:#434343;margin:0 0 20px}.preview-content p{margin:0 0 12px;line-height:1.9}.preview-content img{max-width:100%}.preview-content blockquote{color:#888;border-left:3px solid #ddd;padding-left:12px;margin:8px 0}.preview-content h2{font-size:20px}@media(min-width:1400px){.note-app-root .note-left{width:736px}.note-app-root .note-left .column-1{width:281px}.note-app-root .note-left .column-2{left:281px;width:455px}.note-app-root .note-right{left:736px}}.note-app-root .wrapper.immersiveOn .note-left{display:none}.note-app-root .wrapper.immersiveOn .note-right{left:0;width:100%}.note-app-root .wrapper.immersiveOn .toolbar-view,.note-app-root .wrapper.immersiveOn .edit-wrap{width:100%}.note-app-root .edit-status .status-bar .immersive{cursor:pointer}.note-app-root .edit-area.drag-over .note-editor{outline:2px dashed #b9a691;outline-offset:-2px}