.note {
    position: absolute;
    width: 224px;
    min-height: 178px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-size: small;
    color: #674430;
}
.note::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-image-slice: 42 fill;
    border-image-repeat: stretch;
    border-style: solid;
    border-width: 42px;
    border-image-source: url('data:image/png;base64,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');
}

.note.locked {
    opacity: 0.85;
}

.note-header {
    padding: 5px;
    font-weight: bold;
    text-align: center;
    user-select: none;
    opacity: 0;
    transition: opacity 0.3s;
}
.note .note-header:hover {
    opacity: initial;
}

.note-content {
    flex: 1;
    overflow: auto;
    outline: none;
    padding-left: 14px;
    padding-right: 12px;
    margin: 1rem 0;
    overflow-wrap: break-word;
    line-break: after-white-space;
    -webkit-line-break: after-white-space;
}
.note-content::selection {
    background: #67443099;
    color: #fff;
}
.note-content::-moz-selection {
    background: #67443099;
    color: #fff;
}

.context-menu {
    position: absolute;
    background: #fff;
    border: 1px solid #67443099;
    box-shadow: 2px 2px 8px rgba(103, 68, 48, 0.2);
    border-radius: 5px;
    display: none;
    z-index: 9999;
    font-size: small;
    color: #674430;
}

.context-menu div {
    padding: 8px 12px;
}

.context-menu div:hover {
    background: rgba(103, 68, 48, 0.2);
}

.menu-separator {
    height: 1px;
    background: #ddd;
    margin: 4px 0;
}

/*滚动条*/
.note-content {
    overflow: auto; /* 能滚动 */
    -ms-overflow-style: none; /* IE、旧 Edge */
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
}
.note-content::-webkit-scrollbar {
    display: none; /* Chrome / Safari / 新 Edge */
}
