:root{color:#24201d;background:#fffaf5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#fffaf5}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(18px,5vw,56px);border-bottom:1px solid rgba(78,57,46,.12);background:#fffaf5e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:8px;color:#7f3842;background:transparent;font-weight:800;min-width:0;text-align:left}nav{display:flex;align-items:center;gap:8px}nav button,.segment button,.actions button,.edit-box button{min-height:42px;padding:0 14px;border-radius:8px;color:#51433d;background:#fff;border:1px solid rgba(78,57,46,.12);white-space:nowrap}.icon-button{width:42px;padding:0}.center-screen,.gate{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:32px 18px}.gate-panel,.panel{width:min(100%,480px);padding:28px;background:#fff;border:1px solid rgba(78,57,46,.12);border-radius:8px;box-shadow:0 18px 48px #54342b14}.gate-icon{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:#b14d5d;border-radius:8px}h1{margin:18px 0 10px;font-size:46px;line-height:1.05}p{line-height:1.7}form,.stack{display:grid;gap:14px}label{display:grid;gap:8px;color:#594943;font-weight:700}input,textarea{width:100%;border:1px solid rgba(78,57,46,.18);border-radius:8px;padding:12px 13px;background:#fffdfb;color:#24201d;font-size:16px}textarea{min-height:120px;resize:vertical}.primary{min-height:48px;border-radius:8px;padding:0 18px;color:#fff;background:#9d3d4b;font-weight:800}.segment{display:flex;flex-wrap:wrap;gap:8px}.segment .active{color:#fff;background:#624b40}.page{width:min(100% - 36px,1080px);margin:0 auto;padding:44px 0 72px}.narrow{width:min(100% - 36px,620px)}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.hero p{margin:0;color:#705f57}.role-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid rgba(78,57,46,.12);color:#7f3842;font-weight:800;white-space:nowrap}.feed{display:grid;gap:18px}.post-card{padding:20px;border-radius:8px;background:#fff;border:1px solid rgba(78,57,46,.12)}.post-meta{display:flex;justify-content:space-between;gap:16px;color:#7f3842}.post-meta time{color:#8b7b74;font-size:14px}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.image-grid.count-1{grid-template-columns:minmax(0,1fr)}.image-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.admin-layout .panel{width:100%}.admin-list{display:grid;gap:16px;margin-top:18px}.admin-post{display:grid;gap:10px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .danger{color:#a22e35}.edit-box{display:grid;gap:8px}.empty,.notice,.error,.hint{color:#806d65}.error{color:#a22e35}@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 14px}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}nav button{width:100%;padding:0 8px}.center-screen,.gate{min-height:calc(100vh - 116px);padding:20px 14px max(20px,env(safe-area-inset-bottom));place-items:start center}.gate-panel,.panel,.post-card{padding:20px}h1{font-size:34px;line-height:1.12}.page,.narrow{width:min(100% - 28px,1080px);padding:24px 0 max(52px,env(safe-area-inset-bottom))}.hero{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.role-chip{width:100%;justify-content:center;white-space:normal;text-align:center}.post-meta{flex-direction:column;gap:2px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.segment button{width:100%;padding:0 8px}.admin-layout{grid-template-columns:1fr;gap:16px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions button,.edit-box button{width:100%}}@media(max-width:420px){h1{font-size:30px}.topbar{padding-inline:12px}.gate-panel,.panel,.post-card{padding:16px}}