.moments-header-banner{position:relative;width:100%;height:280px;background:url(/img/bj.jpg)50%/cover no-repeat;overflow:hidden}.moments-header-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:1}.moments-header-content{position:relative;z-index:2;max-width:800px;margin:0 auto;height:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:30px 20px;gap:20px}.moments-header-info{display:flex;flex-direction:column;gap:8px;padding-top:10px}.moments-header-nickname{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.moments-header-signature{font-size:.92rem;color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.2)}.moments-header-avatar{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;border:3px solid rgba(255,255,255,.6);box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:3}.moments-header-avatar img{width:100%;height:100%;object-fit:cover;display:block}.shuo-wrapper{max-width:640px;margin:0 auto;width:100%}.shuo-composer{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:30px;display:flex;gap:12px}.shuo-composer>.shuo-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.shuo-composer>.shuo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.shuo-composer-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.shuo-composer-meta{display:flex;gap:8px;flex-wrap:wrap}.shuo-composer-meta input{flex:1;min-width:100px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;background:var(--bg-secondary,#f7f7f7);color:var(--text);font-family:inherit}.shuo-composer-meta input:focus{outline:none;border-color:var(--text)}.shuo-avatar-picker{display:flex;gap:6px;align-items:center}.shuo-avatar-picker .avatar-option{width:28px;height:28px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.shuo-avatar-picker .avatar-option.selected{border-color:var(--text)}.shuo-avatar-picker .avatar-option img{width:100%;height:100%;object-fit:cover;display:block}.shuo-composer-body textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.92rem;resize:vertical;min-height:70px;background:var(--bg-secondary,#f7f7f7);color:var(--text);line-height:1.6}.shuo-composer-body textarea:focus{outline:none;border-color:var(--text)}.shuo-char-count{text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:-6px}.shuo-char-count.over-limit{color:#e74c3c}.shuo-preview{display:flex;flex-wrap:wrap;gap:6px}.shuo-preview>div{position:relative}.shuo-preview img{width:72px;height:72px;object-fit:cover;border-radius:4px;border:1px solid var(--border);display:block}.shuo-preview .preview-remove{position:absolute;top:-6px;right:-6px;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;line-height:1}.shuo-composer-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap;position:relative}.shuo-composer-actions button{background:0 0;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;padding:6px 8px;border-radius:var(--radius);transition:all .2s}.shuo-composer-actions button:hover{color:var(--text);background:var(--tag-bg,rgba(0,0,0,5%))}.shuo-composer-actions .shuo-submit-btn{margin-left:auto;background:var(--text);color:var(--shuo-submit-color,#fff);border:none;padding:6px 20px;border-radius:var(--radius);font-size:.85rem;cursor:pointer;transition:opacity .2s}.shuo-composer-actions .shuo-submit-btn:hover{opacity:.8}.shuo-emoji-panel{display:none;position:absolute;bottom:100%;left:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.1);padding:8px;width:280px;max-height:200px;overflow-y:auto;z-index:100}.shuo-emoji-panel.open{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.shuo-emoji-panel span{font-size:1.3rem;padding:4px;text-align:center;cursor:pointer;border-radius:4px;transition:background .15s;line-height:1.4}.shuo-emoji-panel span:hover{background:var(--tag-bg,rgba(0,0,0,6%))}#shuoMediaLinks{font-size:.82rem;color:var(--text-secondary)}#shuoMediaLinks a{color:var(--accent,#6c5ce7);text-decoration:none}.shuo-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:24px;transition:transform .2s}.shuo-item:hover{transform:translateY(-2px)}.shuo-item .shuo-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.shuo-item .shuo-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.shuo-item .shuo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.shuo-item .shuo-name{font-weight:700;font-size:1rem}.shuo-item .shuo-time{font-size:.78rem;color:var(--text-secondary);margin-left:auto}.shuo-item .shuo-content{font-size:.98rem;line-height:1.7;margin-bottom:12px;color:var(--text)}.shuo-images{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);max-width:100%}.shuo-images .shuo-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;background:#f0f0f0;cursor:pointer;transition:opacity .2s}.shuo-images .shuo-img:hover{opacity:.8}.shuo-images.count-1{grid-template-columns:1fr;max-width:60%}.shuo-images.count-2{grid-template-columns:1fr 1fr}.shuo-images.count-3{grid-template-columns:1fr 1fr 1fr}.shuo-images.count-4{grid-template-columns:1fr 1fr}.shuo-images.count-5,.shuo-images.count-6,.shuo-images.count-7,.shuo-images.count-8,.shuo-images.count-9{grid-template-columns:1fr 1fr 1fr}.shuo-video{width:100%;max-height:400px;border-radius:4px;background:#000}.shuo-audio{width:100%;margin-top:8px}.shuo-actions-bar{display:flex;gap:20px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.shuo-actions-bar button{background:0 0;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s;padding:4px 8px;border-radius:var(--radius)}.shuo-actions-bar button:hover{color:var(--text);background:var(--tag-bg)}.shuo-actions-bar button.liked{color:#e74c3c}.shuo-actions-bar button i{font-size:1rem}@media(max-width:820px){.shuo-wrapper{max-width:100%;padding:0 10px}.shuo-images.count-1{max-width:100%}.moments-header-banner{height:220px}.moments-header-nickname{font-size:1.2rem}.moments-header-avatar{width:64px;height:64px}}