:root{--bg:#f4f4f4;--card:#fff;--text:#202124;--blue:#58709d;--muted:#9a9a9a;--bubble:#f5f6f7;--line:#ededed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.site-shell{width:min(1376px,calc(100% - 32px));margin:28px auto;display:grid;grid-template-columns:290px 720px 290px;gap:28px;align-items:start}.main-card{width:720px;min-height:100vh;background:var(--card);box-shadow:0 8px 36px #0000000a}.cover{height:408px;background:url('https://nodeimage.zhi-chu.top/uploads/2026/08/D5X_FB5_jcW6.webp') center/cover;position:relative}.cover::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#0008)}.profile{position:absolute;right:22px;bottom:-34px;z-index:1;display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:600}.profile img{width:72px;height:72px;border-radius:7px;object-fit:cover}.bio{text-align:right;padding:44px 22px 16px;color:var(--muted);font-size:13px}.moment{display:flex;gap:12px;padding:22px 28px;border-top:1px solid var(--line)}.moment-avatar{width:44px;height:44px;border-radius:5px;object-fit:cover;flex:none}.moment-body{flex:1;min-width:0}.moment-name{font-size:16px;font-weight:600;color:var(--blue)}.pin-badge{font-size:11px;margin-left:6px;padding:2px 5px;background:#eee;border-radius:3px}.moment-text{font-size:16px;line-height:1.55;margin-top:3px;white-space:pre-wrap;word-break:break-word}.moment-images{margin-top:8px}.img-grid{display:grid;gap:4px;max-width:330px;grid-template-columns:repeat(3,1fr)}.img-grid.cols-2{grid-template-columns:repeat(2,1fr);max-width:294px}.img-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.link-card{display:flex;align-items:center;gap:10px;max-width:520px;margin-top:10px;padding:9px 10px;background:#f4f4f4;color:inherit;text-decoration:none}.link-card-cover{width:64px;height:64px;border-radius:4px;object-fit:cover}.link-card-title{font-size:15px;font-weight:600}.link-card-desc{font-size:12px;color:var(--muted);margin-top:2px}.moment-location,.moment-meta{font-size:12px;color:var(--blue)}.moment-footer{margin-top:8px}.react-bubble{position:relative;margin-top:8px;padding:8px 11px;border-radius:4px;background:var(--bubble);font-size:14px;line-height:1.55}.comment-name{font-weight:600;color:var(--blue)}.comment-form{display:flex;gap:6px;margin-top:8px}.comment-form input,.admin-page input,.admin-page textarea,.admin-page select{border:1px solid #d8d8d8;border-radius:7px;padding:9px;font:inherit}.comment-form input[name=name]{width:86px}.comment-form input[name=content]{flex:1}.comment-form button,button,.button{border:0;border-radius:7px;background:var(--blue);color:#fff;padding:9px 14px;cursor:pointer;text-decoration:none;font:inherit}.side-col{position:sticky;top:28px}.side-card{background:#fff;border-radius:16px;padding:22px 20px;margin-bottom:18px;box-shadow:0 8px 34px #0000000a}.side-title{color:#aaa;font-size:14px;margin-bottom:14px}.side-article{display:block;padding:8px 0;border-bottom:1px solid #eee;color:#333;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile{text-align:center}.side-profile img{width:70px;height:70px;border-radius:8px;object-fit:cover}.side-profile strong{display:block;margin-top:10px}.side-profile p{font-size:13px;color:#aaa}.side-nav a{display:block;padding:9px 0;color:#333;text-decoration:none;border-bottom:1px solid #eee}.article{padding:42px 52px}.article h1{font-size:28px}.article-meta{color:var(--muted)}.article-content{font-size:17px;line-height:1.85}.article-content img{max-width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid #ddd}.admin-wrap{max-width:1100px;margin:28px auto;padding:0 18px}.panel{background:#fff;border-radius:12px;padding:22px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.admin-page label{display:grid;gap:6px;font-weight:600}.admin-page textarea{min-height:140px;resize:vertical}.post-row{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.danger{background:#b33}.login{max-width:420px;margin:12vh auto}.hint{color:#777;font-size:14px}@media(max-width:1100px){.site-shell{display:block;width:min(720px,100%);margin:0 auto}.side-col{display:none}.main-card{width:100%}}@media(max-width:767px){.cover{height:220px}.profile{right:16px}.moment{padding:18px 14px;gap:10px}.moment-avatar{width:44px;height:44px}.moment-name{font-size:16px}.moment-text{font-size:16px}.react-bubble{font-size:14px}.comment-form{flex-wrap:wrap}.comment-form input[name=content]{min-width:180px}.article{padding:28px 20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}