.xhs-waterfall{column-count:1;column-gap:15px}@media (min-width:576px){.xhs-waterfall{column-count:2}}@media (min-width:768px){.xhs-waterfall{column-count:3}}@media (min-width:992px){.xhs-waterfall{column-count:4}}.xhs-waterfall-item{break-inside:avoid;margin-bottom:15px}.xhs-note-card{border-radius:10px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.05);background-color:#fff}.xhs-note-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.xhs-note-images{position:relative;overflow:hidden;padding-top:75%}.xhs-note-images img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.xhs-note-image-count{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.5);color:white;font-size:12px;padding:2px 8px;border-radius:10px}.xhs-note-content{font-size:14px;color:#333;max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:15px}.xhs-note-content h1,.xhs-note-content h2,.xhs-note-content h3,.xhs-note-content h4,.xhs-note-content h5,.xhs-note-content h6,.note-content h1,.note-content h2,.note-content h3,.note-content h4,.note-content h5,.note-content h6{margin-top:0.5em;margin-bottom:0.5em;font-weight:600;line-height:1.25}.xhs-note-content h1,.note-content h1{font-size:1.5em}.xhs-note-content h2,.note-content h2{font-size:1.3em}.xhs-note-content h3,.note-content h3{font-size:1.1em}.xhs-note-content p,.note-content p{margin-bottom:0.5em}.xhs-note-content img,.note-content img{max-width:100%;height:auto;margin:0.5em 0;border-radius:4px}.xhs-note-content pre,.xhs-note-content code,.note-content pre,.note-content code{font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;background:#f5f5f5;border-radius:3px;padding:2px 4px;font-size:0.9em}.xhs-note-content pre code,.note-content pre code{display:block;padding:0.5em;overflow-x:auto}.xhs-note-content blockquote,.note-content blockquote{border-left:4px solid #ddd;padding-left:1em;color:#666;margin:0.5em 0}.xhs-note-content ul,.xhs-note-content ol,.note-content ul,.note-content ol{padding-left:2em;margin:0.5em 0}.xhs-note-content a,.note-content a{color:#ff2442;text-decoration:none}.xhs-note-content a:hover,.note-content a:hover{text-decoration:underline}.xhs-note-author{display:flex;align-items:center;margin-bottom:15px}.xhs-note-author img{width:30px;height:30px;border-radius:50%;margin-right:10px;object-fit:cover}.xhs-note-author span{font-size:14px;font-weight:500;color:#333}.xhs-note-tags{margin-top:10px;margin-bottom:10px}.xhs-note-tags .badge{background-color:#f8f9fa;color:#6c757d;margin-right:5px;margin-bottom:5px;font-weight:normal;font-size:12px;padding:4px 8px;border-radius:4px;display:inline-block}.xhs-note-tags .badge:hover{background-color:#e9ecef}.xhs-note-meta{margin-top:15px;font-size:12px;color:#999;display:flex;justify-content:space-between;align-items:center}.xhs-note-actions{display:flex;align-items:center}.xhs-note-actions i{cursor:pointer;font-size:14px;margin-right:3px}.xhs-note-actions .fa-heart.text-danger{color:#ff2442 !important}.xhs-note-actions span{margin-right:15px}.xhs-note-actions span:last-child{margin-right:0}.xhs-tag-filter{margin-bottom:30px;overflow-x:auto;white-space:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch}.xhs-tag-filter::-webkit-scrollbar{height:5px}.xhs-tag-filter::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}.xhs-tag-filter .badge{font-size:14px;padding:5px 15px;margin-right:8px;border-radius:20px;cursor:pointer;display:inline-block}.xhs-tag-filter .badge.active{background-color:#ff2442;color:white}.xhs-load-more{text-align:center;margin-top:30px;margin-bottom:50px}.xhs-btn-load-more{background-color:#ff2442;border-color:#ff2442;padding:8px 30px;border-radius:30px;color:white;font-weight:500;transition:all 0.3s ease}.xhs-btn-load-more:hover{background-color:#e61e3a;border-color:#e61e3a;color:white;transform:translateY(-2px)}.site-header{background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:all 0.3s ease;border-bottom:1px solid rgba(0,0,0,0.03)}.site-header .nav-link{position:relative;font-weight:500;padding:0.5rem 0;transition:all 0.3s ease}.site-header .nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(45deg,#ff2442,#ff7e95);transition:width 0.3s ease}.site-header .nav-link:hover::after,.site-header .nav-link.active::after{width:100%}.site-header .nav-button{background:linear-gradient(45deg,#ff2442,#ff7e95);color:white;padding:0.5rem 1rem;border-radius:8px;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(255,36,66,0.2)}.site-header .nav-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,36,66,0.3)}.site-brand{font-size:1.25rem;font-weight:600;color:#333;display:flex;align-items:center;transition:all 0.3s ease;position:relative;padding:0.5rem 0}.site-brand:hover{color:#ff2442;transform:translateY(-1px)}.site-brand img{height:40px;max-width:160px;border-radius:8px;box-shadow:0 2px 8px rgba(255,36,66,0.15);transition:all 0.3s ease;object-fit:contain}.site-brand:hover img{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,36,66,0.2)}.site-brand .site-name{font-weight:600;background:linear-gradient(45deg,#ff2442,#ff7e95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 2px 4px rgba(255,36,66,0.1);line-height:1.2;letter-spacing:-0.5px}.site-brand .site-slogan{font-size:12px;font-style:italic;opacity:0.8;transition:opacity 0.3s ease,transform 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;transform:translateY(0)}.site-brand:hover .site-slogan{opacity:1;transform:translateY(-1px)}.xhs-note-detail-modal .modal-content{border-radius:12px;overflow:hidden}.xhs-note-detail-modal .carousel-item img{height:400px;object-fit:cover}.xhs-note-detail-content{font-size:16px;line-height:1.6;color:#333;margin-bottom:20px;max-height:350px;overflow-y:auto}.xhs-note-detail-author{display:flex;align-items:center;margin-bottom:20px}.xhs-note-detail-author img{width:40px;height:40px;border-radius:50%;margin-right:15px}.xhs-note-detail-date{font-size:12px;color:#999}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.modal-footer .text-gray-400{margin-right:20px}.modal-footer .like-action{display:flex;align-items:center;cursor:pointer;padding:5px 10px;border-radius:20px;transition:background-color 0.2s}.modal-footer .like-action:hover{background-color:rgba(255,36,66,0.1)}.xhs-empty-notes{text-align:center;padding:50px 0;color:#999}.xhs-empty-notes i{font-size:50px;margin-bottom:20px;color:#ddd}.CodeMirror,.CodeMirror-scroll{min-height:150px}.editor-toolbar{border-top-left-radius:4px;border-top-right-radius:4px}.CodeMirror{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.image-preview{display:flex;flex-wrap:wrap;margin-top:10px}.image-preview-item{position:relative;width:100px;height:100px;margin-right:10px;margin-bottom:10px;overflow:hidden;border-radius:4px;border:1px solid #ddd}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item .remove-image{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0.5);color:white;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;cursor:pointer}.image-upload-container{position:relative}.image-upload-container.drag-over::after{content:"释放鼠标上传图片";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,36,66,0.1);border:2px dashed #ff2442;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#ff2442;font-size:16px;font-weight:bold;z-index:10}.tags-input{display:flex;flex-wrap:wrap;align-items:center;padding:5px;border:1px solid #ced4da;border-radius:4px;min-height:38px}.tags-input .tag{display:flex;align-items:center;background-color:#e9ecef;color:#495057;border-radius:4px;padding:2px 8px;margin-right:5px;margin-bottom:5px;font-size:14px}.tags-input .tag .remove-tag{margin-left:5px;cursor:pointer;color:#6c757d}.tags-input input{flex:1;border:none;outline:none;padding:5px;min-width:100px}@media (max-width:767.98px){.xhs-note-detail-modal .carousel-item img{height:250px}.xhs-note-detail-content{max-height:200px}.note-card{margin-bottom:15px}.site-header{padding:0.5rem 0}.site-brand{max-width:180px}.site-brand .site-name{font-size:1rem}.site-brand .site-slogan{max-width:120px;font-size:10px}.site-header .nav-button{padding:0.4rem 0.8rem;font-size:0.9rem}}