.note-list[data-v-34aa804a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.note-card[data-v-34aa804a]{transition:all .3s ease;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05)}.note-card[data-v-34aa804a]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.note-card[data-v-34aa804a] .el-card__body{padding:20px}.note-header[data-v-34aa804a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.note-title[data-v-34aa804a]{margin:0;font-size:18px;font-weight:600;color:#303133;line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-actions[data-v-34aa804a]{display:flex;gap:4px;flex-shrink:0}.note-actions .el-button[data-v-34aa804a]{padding:5px 8px}.note-meta[data-v-34aa804a]{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.note-meta .el-tag[data-v-34aa804a]{border-radius:4px}.note-link[data-v-34aa804a]{color:#667eea;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:4px;transition:all .2s}.note-link[data-v-34aa804a]:hover{color:#764ba2;text-decoration:underline}.note-content[data-v-34aa804a]{color:#606266;line-height:1.6;margin-bottom:12px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-images[data-v-34aa804a]{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.note-thumb[data-v-34aa804a]{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid #f0f0f0}.note-thumb[data-v-34aa804a]:hover{transform:scale(1.05);border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}.more-images[data-v-34aa804a]{color:#909399;font-size:13px;background:#f5f7fa;padding:4px 12px;border-radius:12px}@media (max-width:768px){.note-list[data-v-34aa804a]{grid-template-columns:1fr}.note-title[data-v-34aa804a]{font-size:16px}.note-content[data-v-34aa804a]{font-size:13px}}.note-dialog[data-v-193253fc] .el-dialog{border-radius:12px;overflow:hidden}.note-dialog[data-v-193253fc] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px}.note-dialog[data-v-193253fc] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.note-dialog[data-v-193253fc] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:20px}.note-dialog[data-v-193253fc] .el-dialog__body{padding:24px}.note-dialog[data-v-193253fc] .el-form-item__label{font-weight:600;color:#303133}.note-dialog[data-v-193253fc] .el-input__inner,.note-dialog[data-v-193253fc] .el-textarea__inner{border-radius:8px;border:1px solid #dcdfe6;transition:all .3s}.note-dialog[data-v-193253fc] .el-input__inner:focus,.note-dialog[data-v-193253fc] .el-textarea__inner:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.note-dialog[data-v-193253fc] .el-upload--picture-card{width:100px;height:100px;border-radius:8px;border:2px dashed #dcdfe6;transition:all .3s}.note-dialog[data-v-193253fc] .el-upload--picture-card:hover{border-color:#667eea;background:rgba(102,126,234,.05)}.note-dialog[data-v-193253fc] .el-upload-list--picture-card .el-upload-list__item{width:100px;height:100px;border-radius:8px;border:2px solid #f0f0f0;transition:all .3s}.note-dialog[data-v-193253fc] .el-upload-list--picture-card .el-upload-list__item:hover{border-color:#667eea}.upload-tip[data-v-193253fc]{color:#909399;font-size:12px;margin-top:8px;line-height:1.5}.dialog-footer[data-v-193253fc]{display:flex;justify-content:flex-end;gap:12px}.dialog-footer .el-button[data-v-193253fc]{min-width:100px;border-radius:8px}.detail-dialog[data-v-d96c05ee] .el-dialog{border-radius:12px;overflow:hidden}.detail-dialog[data-v-d96c05ee] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px}.detail-dialog[data-v-d96c05ee] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.detail-dialog[data-v-d96c05ee] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:20px}.detail-dialog[data-v-d96c05ee] .el-dialog__body{padding:24px;max-height:70vh;overflow-y:auto}.note-detail[data-v-d96c05ee]{padding:0}.detail-title[data-v-d96c05ee]{font-size:26px;font-weight:700;color:#303133;margin-bottom:20px;padding-bottom:16px;border-bottom:3px solid transparent;-o-border-image:linear-gradient(90deg,#667eea,#764ba2);border-image:linear-gradient(90deg,#667eea,#764ba2);border-image-slice:1;line-height:1.4}.detail-meta[data-v-d96c05ee]{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(102,126,234,.1)}.meta-item[data-v-d96c05ee]{margin-bottom:12px;font-size:14px;color:#606266;display:flex;align-items:flex-start;gap:8px}.meta-item[data-v-d96c05ee]:last-child{margin-bottom:0}.meta-label[data-v-d96c05ee]{font-weight:600;color:#303133;min-width:80px;flex-shrink:0}.detail-link[data-v-d96c05ee]{color:#667eea;text-decoration:none;word-break:break-all;transition:all .2s;flex:1}.detail-link[data-v-d96c05ee]:hover{color:#764ba2;text-decoration:underline}.detail-section[data-v-d96c05ee]{margin-bottom:28px}.section-title[data-v-d96c05ee]{font-size:17px;color:#303133;margin-bottom:16px;font-weight:600;display:flex;align-items:center;gap:8px}.section-title[data-v-d96c05ee]:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.section-content[data-v-d96c05ee]{color:#606266;line-height:1.8;white-space:pre-wrap;word-break:break-word;font-size:15px;background:#fafafa;padding:16px;border-radius:8px;border-left:3px solid #667eea}.image-gallery[data-v-d96c05ee]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.gallery-image[data-v-d96c05ee]{width:100%;height:180px;border-radius:12px;cursor:pointer;transition:all .3s;border:3px solid #f0f0f0}.gallery-image[data-v-d96c05ee]:hover{transform:scale(1.02);border-color:#667eea;box-shadow:0 8px 24px rgba(102,126,234,.3)}.dialog-footer[data-v-d96c05ee]{display:flex;justify-content:center}.dialog-footer .el-button[data-v-d96c05ee]{min-width:120px;border-radius:8px}.detail-dialog[data-v-d96c05ee] .el-dialog__body::-webkit-scrollbar{width:6px}.detail-dialog[data-v-d96c05ee] .el-dialog__body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.detail-dialog[data-v-d96c05ee] .el-dialog__body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}#app,.app-container{min-height:100vh}.app-header{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.1);padding:0 24px;height:64px!important;line-height:64px}.header-content{max-width:1400px;margin:0 auto;justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{font-size:20px;font-weight:600;color:#667eea}.logo i{font-size:28px;margin-right:12px}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:16px}.note-count{margin-right:8px}.app-main{max-width:1400px;margin:0 auto;padding:32px 24px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.action-left{display:flex;align-items:baseline;gap:16px}.page-title{margin:0;font-size:24px;font-weight:600;color:#303133}.note-total{font-size:14px;color:#909399}.empty-state{text-align:center;padding:80px 20px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.empty-icon{font-size:80px;color:#dcdfe6;margin-bottom:20px}.empty-text{font-size:16px;color:#909399;margin-bottom:24px}@media (max-width:768px){.app-main{padding:16px 12px}.action-bar{flex-direction:column;gap:16px;align-items:flex-start}.action-left{flex-direction:column;gap:8px}.page-title{font-size:20px}.logo-text{display:none}}