.note-write-link,.note-back{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.note-write-link:hover,.note-back:hover{color:var(--foreground)}.note-list-item{border-bottom:1px solid var(--line);padding-block:28px}.note-list-item h2{overflow-wrap:anywhere;font-size:21px;font-weight:700;line-height:1.5}.note-list-item>a>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;line-height:1.8;display:-webkit-box;overflow:hidden}.note-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;font-size:13px;display:flex}.note-author{align-items:center;gap:8px;display:inline-flex}.note-author .avatar{width:28px;height:28px;font-size:12px}.maker-note-page{max-width:760px;margin-inline:auto}.maker-note-page h1{overflow-wrap:anywhere;margin-top:30px;font-size:clamp(26px,4vw,34px);font-weight:750;line-height:1.5}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:36px;font-size:17px;line-height:1.95}.note-form{flex-direction:column;margin-top:32px;display:flex}.note-form label{margin-bottom:10px;font-weight:600}.note-form input,.note-form textarea{border:1px solid var(--line);background:var(--surface);border-radius:12px;outline:none;width:100%;padding:14px 16px}.note-form input:focus,.note-form textarea:focus{border-color:var(--muted);box-shadow:0 0 0 2px var(--subtle)}.note-form textarea{resize:vertical;min-height:420px;line-height:1.9}.note-form .character-count{margin:8px 0 24px}.note-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}