.notes-hero{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.notes-hero small{color:var(--green);letter-spacing:2px;font-size:9px}.notes-hero h2{font:28px Georgia,"Microsoft YaHei UI",serif;margin:7px 0}.notes-hero p{color:var(--muted);max-width:680px;line-height:1.7}.upload-notes{background:var(--green);color:white;padding:12px 17px;border-radius:8px;cursor:pointer;font-size:13px;white-space:nowrap}.upload-notes input{display:none}.source-rule{display:flex;align-items:center;gap:12px;margin:18px 0;padding:12px 16px;background:#eef3f0;border-radius:10px;font-size:12px}.source-rule>b{margin-right:auto}.source{background:white;padding:7px 11px;border-radius:20px;color:var(--green)}.source.active{background:var(--green);color:white}.source.locked{color:#8b9691}.notes-list{display:grid;gap:10px}.empty-note{border:1.5px dashed #b9c5c0;border-radius:12px;padding:35px;text-align:center}.empty-note b,.empty-note span{display:block}.empty-note span{color:var(--muted);margin-top:8px}.note-row{background:white;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;justify-content:space-between}.note-row small{display:block;color:var(--muted);margin-top:5px}@media(max-width:700px){.notes-hero{align-items:flex-start;flex-direction:column}.source-rule{align-items:flex-start;flex-direction:column}.source-rule i{display:none}}