/* 相册频道 */
.photo-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px}
.photo-card{display:flex;flex-direction:column;gap:2px;text-align:center;min-width:0}
.photo-card .pic-img{height:84px}
.photo-card .cap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}
.photo-card .meta{color:#888;font-size:11px;font-family:var(--f-song-11);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-card.cover .pic-img{border-color:#c00;box-shadow:0 0 0 1px #c00}
.photo-acts{display:flex;justify-content:center;gap:4px;font-size:11px;font-family:var(--f-song-11)}
.photo-acts button.link{background:none;border:0;padding:0;font:inherit;color:#000080;cursor:pointer}
.photo-acts button.link:hover{color:#f00;text-decoration:underline}
.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px}
.album-card{display:flex;flex-direction:column;gap:2px;text-align:center;min-width:0}
.album-card .pic-img{height:100px;position:relative;box-shadow:3px 3px 0 #ddd,6px 6px 0 #eee}
.album-card .title{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.album-card .meta{color:#888;font-size:11px;font-family:var(--f-song-11)}
.album-head{display:flex;gap:10px;padding:8px;align-items:flex-start;background:#fff8f8;border-bottom:1px dotted #c99}
.album-head .desc{color:#666;margin-top:2px}
.quota{border:1px solid #999;height:12px;background:#fff;width:240px;display:inline-block;vertical-align:middle;overflow:hidden}
.quota i{display:block;height:100%;background:linear-gradient(#e33,#a00)}
.quota.ok i{background:linear-gradient(#6c6,#393)}
.upload-box{padding:8px 10px;background:#fffbe6;border-top:1px dotted #c99;display:flex;flex-direction:column;gap:4px}
.upload-progress{color:#060}
.photo-view .caption{font-size:14px;font-family:var(--f-song-14);font-weight:bold;color:#c00;margin-top:6px}
.photo-nav{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f8f8f8}
.photo-strip{display:flex;gap:4px;justify-content:center;padding:6px}
.photo-strip a{display:block;width:60px;height:45px;border:1px solid #999;padding:1px;background:#fff}
.photo-strip a.on{border-color:#c00;box-shadow:0 0 0 1px #c00}
.photo-strip img{display:block;width:100%;height:100%;object-fit:cover}