*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#f4f5f7;padding:20px;}
a{text-decoration:none;color:#0066cc;}
.red{color:#f53f3f;margin:10px 0;}
.green-tip{color:#00b42a;background:#f0fff4;padding:10px;border-radius:4px;margin:10px 0;}

.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 5px #eee;margin-bottom:20px;}
.head-right a{margin-left:15px;}
.btn{background:#2d8cf0;color:#fff;padding:6px 12px;border-radius:4px;}

.box{max-width:600px;margin:40px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px #eee;}
.container{max-width:1000px;margin:0 auto;}

input,select,textarea{width:100%;padding:10px;margin:8px 0;border:1px #ddd solid;border-radius:4px;font-size:14px;}
button{width:100%;padding:10px;background:#2d8cf0;color:#fff;border:none;border-radius:4px;margin-top:10px;cursor:pointer;font-size:15px;}

.note-item{background:#fff;padding:15px;border-radius:8px;margin:12px 0;box-shadow:0 1px 6px #eee;}
.note-item h4{font-size:16px;margin-bottom:8px;}
.note-btn{margin-top:10px;}
.note-btn a{margin-right:12px;font-size:14px;}

.empty-tip{text-align:center;padding:40px;color:#999;}
.share-form label{display:block;margin-top:10px;}
.share-card{background:#fff;padding:30px;border-radius:8px;}
.note-content{margin-top:20px;padding:20px;border:1px #eee solid;border-radius:6px;}