.notes-container[data-v-34e5dfe9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;padding:32px;min-height:600px;position:relative;overflow:hidden}.notes-container[data-v-34e5dfe9]:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;z-index:0}.notes-container[data-v-34e5dfe9]>*{position:relative;z-index:1}.header-section[data-v-34e5dfe9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;border-radius:20px;box-shadow:0 8px 32px #0000001a}.header-left[data-v-34e5dfe9]{display:flex;align-items:center;gap:16px}.icon-wrapper[data-v-34e5dfe9]{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea4d}.header-icon[data-v-34e5dfe9]{font-size:28px;color:#fff}.header-title[data-v-34e5dfe9]{font-size:28px;font-weight:700;color:#1a202c;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle[data-v-34e5dfe9]{font-size:16px;color:#718096;margin:4px 0 0}.header-actions[data-v-34e5dfe9]{display:flex;align-items:center;gap:12px}.action-btn[data-v-34e5dfe9]{border:none;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.refresh-btn[data-v-34e5dfe9]{background:rgba(255,255,255,.9);color:#667eea}.refresh-btn[data-v-34e5dfe9]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.create-btn[data-v-34e5dfe9]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:12px 24px;font-weight:600}.create-btn[data-v-34e5dfe9]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.notes-grid[data-v-34e5dfe9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.empty-state[data-v-34e5dfe9]{grid-column:1 / -1;text-align:center;padding:80px 20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px #0000001a}.empty-icon[data-v-34e5dfe9]{font-size:64px;color:#cbd5e0;margin-bottom:24px}.empty-title[data-v-34e5dfe9]{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 12px}.empty-desc[data-v-34e5dfe9]{font-size:16px;color:#718096;margin:0 0 32px}.note-card[data-v-34e5dfe9]{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.note-card[data-v-34e5dfe9]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.note-card[data-v-34e5dfe9]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#667eea}.note-active[data-v-34e5dfe9]{border-color:#667eea;background:rgba(102,126,234,.05)}.note-header[data-v-34e5dfe9]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.note-title[data-v-34e5dfe9]{font-size:18px;font-weight:600;color:#1a202c;margin:0;flex:1;line-height:1.4;word-break:break-word}.note-actions[data-v-34e5dfe9]{display:flex;gap:8px;opacity:0;transition:all .3s ease}.note-card:hover .note-actions[data-v-34e5dfe9]{opacity:1}.action-icon[data-v-34e5dfe9]{width:32px;height:32px;border:none;transition:all .3s ease}.action-icon[data-v-34e5dfe9]:hover{transform:scale(1.1)}.edit-icon[data-v-34e5dfe9]:hover{background:rgba(102,126,234,.1)}.delete-icon[data-v-34e5dfe9]:hover{background:rgba(245,101,101,.1)}.note-content[data-v-34e5dfe9]{margin-bottom:16px}.note-text[data-v-34e5dfe9]{color:#4a5568;font-size:14px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.note-footer[data-v-34e5dfe9]{border-top:1px solid #e2e8f0;padding-top:16px}.note-time[data-v-34e5dfe9]{display:flex;align-items:center;gap:8px;font-size:12px}.time-label[data-v-34e5dfe9]{color:#a0aec0}.time-value[data-v-34e5dfe9]{color:#667eea;font-weight:500}[data-v-34e5dfe9] .note-dialog .el-dialog{border-radius:20px;overflow:hidden}[data-v-34e5dfe9] .note-dialog .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;border-bottom:none}[data-v-34e5dfe9] .note-dialog .el-dialog__title{font-size:20px;font-weight:600}[data-v-34e5dfe9] .note-dialog .el-dialog__body{padding:32px;background:#f8fafc}.form-container[data-v-34e5dfe9]{max-width:100%}.form-item[data-v-34e5dfe9]{margin-bottom:24px}[data-v-34e5dfe9] .form-item .el-form-item__label{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:8px}[data-v-34e5dfe9] .title-input .el-input__wrapper{border-radius:12px;padding:16px;font-size:16px;border:2px solid #e2e8f0;transition:all .3s ease}[data-v-34e5dfe9] .title-input .el-input__wrapper:hover{border-color:#667eea}[data-v-34e5dfe9] .title-input .el-input__wrapper.is-focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[data-v-34e5dfe9] .content-textarea .el-textarea__inner{border-radius:12px;padding:16px;font-size:15px;line-height:1.6;border:2px solid #e2e8f0;transition:all .3s ease;font-family:inherit}[data-v-34e5dfe9] .content-textarea .el-textarea__inner:hover{border-color:#667eea}[data-v-34e5dfe9] .content-textarea .el-textarea__inner:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dialog-footer[data-v-34e5dfe9]{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;background:#f8fafc}[data-v-34e5dfe9] .detail-dialog .el-dialog{border-radius:20px;overflow:hidden}[data-v-34e5dfe9] .detail-dialog .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px}[data-v-34e5dfe9] .detail-dialog .el-dialog__body{padding:0;background:#f8fafc}.detail-container[data-v-34e5dfe9]{min-height:400px}.detail-header[data-v-34e5dfe9]{padding:32px;background:white;border-bottom:1px solid #e2e8f0}.detail-title[data-v-34e5dfe9]{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 16px;line-height:1.3;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.detail-meta[data-v-34e5dfe9]{display:flex;gap:24px;flex-wrap:wrap}.meta-item[data-v-34e5dfe9]{display:flex;align-items:center;gap:8px;font-size:14px;color:#718096}.meta-item .el-icon[data-v-34e5dfe9]{color:#667eea}.detail-content[data-v-34e5dfe9]{padding:32px}.content-wrapper[data-v-34e5dfe9]{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 16px #0000000d}.content-text[data-v-34e5dfe9]{color:#2d3748;font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.pagination-wrapper[data-v-34e5dfe9]{display:flex;justify-content:center;margin-top:32px;padding:24px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px #0000001a}[data-v-34e5dfe9] .custom-pagination{--el-pagination-bg-color: transparent;--el-pagination-text-color: #667eea;--el-pagination-border-radius: 12px}[data-v-34e5dfe9] .custom-pagination .el-pagination__total{color:#718096;font-weight:500}[data-v-34e5dfe9] .custom-pagination .el-pager li{background:rgba(255,255,255,.8);border:2px solid transparent;border-radius:8px;margin:0 4px;transition:all .3s ease}[data-v-34e5dfe9] .custom-pagination .el-pager li:hover{border-color:#667eea;background:rgba(102,126,234,.1)}[data-v-34e5dfe9] .custom-pagination .el-pager li.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}[data-v-34e5dfe9] .custom-pagination .btn-prev,[data-v-34e5dfe9] .custom-pagination .btn-next{background:rgba(255,255,255,.8);border:2px solid transparent;border-radius:8px;color:#667eea;transition:all .3s ease}[data-v-34e5dfe9] .custom-pagination .btn-prev:hover,[data-v-34e5dfe9] .custom-pagination .btn-next:hover{border-color:#667eea;background:rgba(102,126,234,.1)}@media (max-width: 768px){.notes-container[data-v-34e5dfe9]{padding:16px;border-radius:16px}.header-section[data-v-34e5dfe9]{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.header-left[data-v-34e5dfe9]{justify-content:center;text-align:center}.header-actions[data-v-34e5dfe9]{justify-content:center}.notes-grid[data-v-34e5dfe9]{grid-template-columns:1fr;gap:16px}.note-card[data-v-34e5dfe9]{padding:16px}.note-actions[data-v-34e5dfe9]{opacity:1}[data-v-34e5dfe9] .note-dialog .el-dialog__body,[data-v-34e5dfe9] .detail-dialog .el-dialog__body{padding:16px}[data-v-34e5dfe9] .detail-dialog .el-dialog__header{padding:16px 20px}[data-v-34e5dfe9] .detail-dialog .el-dialog__title{font-size:18px;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.detail-header[data-v-34e5dfe9],.detail-content[data-v-34e5dfe9]{padding:16px}.detail-title[data-v-34e5dfe9]{font-size:20px;line-height:1.4;margin-bottom:12px}.detail-meta[data-v-34e5dfe9]{gap:16px}.meta-item[data-v-34e5dfe9]{font-size:13px}.pagination-wrapper[data-v-34e5dfe9]{padding:16px;margin-top:16px}[data-v-34e5dfe9] .custom-pagination{justify-content:center}[data-v-34e5dfe9] .custom-pagination .el-pagination__sizes,[data-v-34e5dfe9] .custom-pagination .el-pagination__jump{display:none}}