:root{
  --bg:#f5f5f5;--card:#fff;--text:#1a1a1a;--sub:#8a8a8a;
  --name:#576b95;--green:#07c160;--line:#ececec;
}
*{box-sizing:border-box}
a{text-decoration:none;color:inherit}
body{
  margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);
}
.nav{position:sticky;top:0;height:52px;background:#fff;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:center}
.nav .title{font-weight:600}
.nav .nav-btn{position:absolute;right:12px;color:var(--green);font-size:14px}
.hero{height:280px;background:#333;position:relative}
.hero .me{position:absolute;right:14px;bottom:-28px;display:flex;gap:10px;align-items:flex-end}
.hero .nick{color:#fff;font-weight:700}
.hero .avatar{width:72px;height:72px;border-radius:8px;background:#ddd center/cover no-repeat;border:2px solid #fff}
.wrap{max-width:520px;margin:0 auto;padding:44px 0}
.feed-item{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}
.row{display:flex;gap:10px}
.head{width:44px;height:44px;border-radius:6px;background:#ddd center/cover no-repeat}
.content{flex:1}
.name{color:var(--name);font-weight:600}
.text{margin-top:6px;line-height:1.6;font-size:14px}
.media{margin-top:10px}
.grid{display:grid;gap:6px;max-width:320px}
.grid.single{grid-template-columns:1fr}
.grid.single img{aspect-ratio:4/3}
.grid.double{grid-template-columns:repeat(2,1fr)}
.grid.double img{aspect-ratio:4/3}
.grid.multi{grid-template-columns:repeat(3,1fr)}
.grid.multi img{aspect-ratio:1/1}
.grid img{width:100%;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.video{max-width:320px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.video video{width:100%}
.meta{margin-top:8px;color:var(--sub);font-size:12px;display:flex;justify-content:space-between}
.more{position:relative}
.menu{display:none;position:absolute;right:30px;top:-6px;background:#2f2f2f;border-radius:6px}
.more.open .menu{display:flex}
.menu button{background:none;border:0;color:#fff;padding:8px 10px}
.preview{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);place-items:center}
.preview.show{display:grid}
.preview img{max-width:90vw;max-height:90vh}
.share-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6)}
.share-mask.show{display:block}
.share-tip{position:absolute;top:20px;right:20px;color:#fff}
.admin-body{background:#f5f5f5}
.card{background:#fff;border-radius:14px;padding:14px;margin:12px}
input,textarea,select,button{font-size:15px;border-radius:10px;border:1px solid #ddd;padding:10px;width:100%}
button.primary{background:var(--green);color:#fff;border:0}
.admin-top{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:12px;display:flex;justify-content:space-between}
.small{font-size:12px;color:#666}
.sort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sort-item{position:relative;border-radius:10px;overflow:hidden;cursor:grab}
.sort-item img{width:100%;aspect-ratio:1/1;object-fit:cover}
.sort-item .del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;
  background:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:20px;font-size:12px}
.preview-box{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.preview-box img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}