/* 说说模块 - QQ空间风格 */
.ss-container{max-width:800px;margin:0 auto;padding:10px 0 40px;}

/* 发布框 */
.ss-publish{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px;margin-bottom:20px;}
.ss-pub-head{display:flex;align-items:center;margin-bottom:12px;}
.ss-pub-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:10px;}
.ss-pub-name{font-size:15px;font-weight:600;color:#333;}
.ss-textarea{width:100%;min-height:80px;border:1px solid #e5e6eb;border-radius:8px;padding:12px;font-size:14px;color:#333;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .2s;}
.ss-textarea:focus{border-color:#4a90e2;}
.ss-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.ss-preview .ss-pv-item{position:relative;width:90px;height:90px;border-radius:6px;overflow:hidden;border:1px solid #eee;}
.ss-preview .ss-pv-item img{width:100%;height:100%;object-fit:cover;}
.ss-preview .ss-pv-del{position:absolute;top:2px;right:2px;width:20px;height:20px;line-height:18px;text-align:center;background:rgba(0,0,0,.55);color:#fff;border-radius:50%;cursor:pointer;font-size:14px;}
.ss-preview .ss-pv-loading{width:90px;height:90px;border-radius:6px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;}
.ss-pub-bar{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}
.ss-upload-label{cursor:pointer;color:#4a90e2;font-size:14px;user-select:none;}
.ss-upload-label i{margin-right:4px;}
.ss-upload-tip{color:#999;font-size:12px;margin-left:4px;}
.ss-pub-btn{background:#4a90e2;color:#fff;border:none;border-radius:20px;padding:8px 22px;font-size:14px;cursor:pointer;transition:background .2s;}
.ss-pub-btn:hover{background:#3a7bd5;}
.ss-pub-note{margin:10px 0 0;color:#999;font-size:12px;}
.ss-pub-note i{margin-right:4px;}

.ss-login-tip{text-align:center;padding:20px 0;}
.ss-login-tip i{font-size:36px;color:#c9cdd4;}
.ss-login-tip p{margin:10px 0 15px;color:#86909c;font-size:14px;}
.ss-login-btn{display:inline-block;background:#4a90e2;color:#fff;padding:8px 26px;border-radius:20px;font-size:14px;text-decoration:none;}

/* 信息流 */
.ss-list{}
.ss-item{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px;margin-bottom:16px;}
.ss-item-head{display:flex;align-items:center;margin-bottom:10px;}
.ss-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;margin-right:10px;}
.ss-meta{flex:1;}
.ss-name{font-size:15px;font-weight:600;color:#1e6bb8;}
.ss-uname-link{color:inherit;text-decoration:none;}
.ss-uname-link:hover{text-decoration:underline;}
.ss-checking{display:inline-block;margin-left:8px;font-size:12px;font-weight:400;color:#ff7d00;background:#fff7e8;border:1px solid #ffcf8b;border-radius:3px;padding:0 6px;}
.ss-time{font-size:12px;color:#a9aeb8;margin-top:2px;}
.ss-time i{margin-right:3px;}
.ss-del-btn{color:#c9cdd4;font-size:15px;text-decoration:none;padding:4px;}
.ss-del-btn:hover{color:#f53f3f;}
.ss-content{font-size:15px;line-height:1.7;color:#333;word-break:break-word;white-space:pre-wrap;margin-bottom:10px;}

/* 九宫格图片 */
.ss-imgs{display:grid;gap:6px;margin-bottom:12px;}
.ss-imgs .ss-img{display:block;position:relative;padding-bottom:100%;border-radius:6px;overflow:hidden;background:#f2f3f5;}
.ss-imgs .ss-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .2s;}
.ss-imgs .ss-img:hover img{transform:scale(1.04);}
.ss-imgs-1{grid-template-columns:repeat(1,minmax(0,240px));}
.ss-imgs-2{grid-template-columns:repeat(2,minmax(0,180px));}
.ss-imgs-3,.ss-imgs-6,.ss-imgs-9{grid-template-columns:repeat(3,minmax(0,150px));}
.ss-imgs-4{grid-template-columns:repeat(2,minmax(0,180px));}
.ss-imgs-5,.ss-imgs-7,.ss-imgs-8{grid-template-columns:repeat(3,minmax(0,150px));}
.ss-imgs-1 .ss-img{padding-bottom:0;height:auto;}
.ss-imgs-1 .ss-img img{position:static;width:auto;max-width:100%;height:auto;max-height:320px;}

/* 操作栏 */
.ss-actions{display:flex;gap:20px;border-top:1px solid #f2f3f5;padding-top:10px;}
.ss-act{color:#86909c;font-size:14px;text-decoration:none;cursor:pointer;transition:color .2s;}
.ss-act i{margin-right:4px;}
.ss-act:hover{color:#4a90e2;}
.ss-praise.on{color:#f53f3f;}
.ss-praise.on:hover{color:#f53f3f;}

/* 评论 */
.ss-comment-box{margin-top:12px;background:#f7f8fa;border-radius:8px;padding:12px;}
.ss-comment-list{}
.ss-comment-item{font-size:14px;line-height:1.6;padding:4px 0;color:#4e5969;word-break:break-word;}
.ss-cm-name{color:#1e6bb8;text-decoration:none;font-weight:600;}
.ss-cm-text{color:#333;}
.ss-cm-time{color:#a9aeb8;font-size:12px;margin-left:6px;}
.ss-comment-empty{color:#a9aeb8;font-size:13px;padding:4px 0;}
.ss-comment-form{display:flex;gap:8px;margin-top:10px;}
.ss-comment-input{flex:1;border:1px solid #e5e6eb;border-radius:16px;padding:6px 14px;font-size:14px;outline:none;}
.ss-comment-input:focus{border-color:#4a90e2;}
.ss-comment-btn{background:#4a90e2;color:#fff;border:none;border-radius:16px;padding:6px 18px;font-size:14px;cursor:pointer;}
.ss-comment-btn:hover{background:#3a7bd5;}
.ss-comment-login{margin-top:10px;font-size:13px;color:#86909c;}
.ss-comment-login a{color:#4a90e2;text-decoration:none;}

/* 空状态 */
.ss-empty{text-align:center;padding:50px 0;background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.ss-empty i{font-size:44px;color:#c9cdd4;}
.ss-empty p{margin-top:12px;color:#86909c;font-size:14px;}

.ss-list .pagination{text-align:center;margin-top:20px;}

/* 响应式 */
@media (max-width:768px){
	.ss-container{padding:10px 12px 30px;}
	.ss-publish,.ss-item{padding:15px;}
	.ss-imgs-1,.ss-imgs-2,.ss-imgs-3,.ss-imgs-4,.ss-imgs-5,.ss-imgs-6,.ss-imgs-7,.ss-imgs-8,.ss-imgs-9{grid-template-columns:repeat(3,1fr);}
	.ss-imgs-1 .ss-img img,.ss-imgs .ss-img{}
	.ss-imgs-1{grid-template-columns:repeat(1,1fr);}
	.ss-imgs-2,.ss-imgs-4{grid-template-columns:repeat(2,1fr);}
}