:root{--background:#f5f0e8;--foreground:#2f2926;--muted:#6e625b;--panel:#fffaf2;--border:#d6c8b8;--primary:#a64212;--primary-strong:#7a2f0c;--ink:#1f1b19;--nav:#2b2522;--danger:#b42318;--danger-bg:#fff2f0;--success:#067647;--success-bg:#ecfdf3}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Microsoft YaHei,sans-serif}button,input{font:inherit}.shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:2px;box-shadow:0 10px 0 rgb(47 41 38/.08);width:min(100%,440px)}.account-panel,.auth-panel{display:grid;grid-gap:24px;gap:24px;padding:28px}.heading{display:grid;grid-gap:8px;gap:8px}.eyebrow{color:var(--primary);font-size:13px;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}h1{font-size:30px;line-height:1.15;margin:0}.muted{color:var(--muted);line-height:1.6;margin:0}.strong{color:var(--foreground);font-weight:700;overflow-wrap:anywhere}.segmented{background:#eadfce;border:1px solid var(--border);border-radius:2px;display:grid;grid-template-columns:repeat(2,1fr);padding:4px}.segmented button{background:transparent;border:0;border-radius:2px;color:var(--muted);cursor:pointer;min-height:40px}.segmented button.active{background:var(--panel);box-shadow:inset 0 -3px 0 var(--primary);color:var(--foreground);font-weight:700}.form{grid-gap:16px;gap:16px}.form,label{display:grid}label{color:#344054;font-size:14px;font-weight:700;grid-gap:8px;gap:8px}input{border:1px solid var(--border);border-radius:2px;color:var(--foreground);min-height:46px;outline:none;padding:0 13px;width:100%}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(166 66 18/.16)}.primary-button{background:var(--primary);border:0;border-radius:2px;color:#ffffff;cursor:pointer;font-weight:700;min-height:46px;padding:0 18px}.primary-button:hover{background:var(--primary-strong)}.primary-button:disabled{cursor:wait;opacity:.65}.status{border-radius:2px;line-height:1.5;margin:0;padding:10px 12px}.error{background:var(--danger-bg);color:var(--danger)}.success{background:var(--success-bg);color:var(--success)}.app-shell{min-height:100vh}.topbar{background:var(--nav);border-bottom:5px solid var(--primary);color:#fffaf2;gap:20px;justify-content:space-between;min-height:64px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.post,.post-meta,.post-stats,.topbar,.user-menu{align-items:center;display:flex}.brand{color:#fffaf2;font-size:18px;font-weight:800;gap:10px}.avatar,.brand-mark{align-items:center;border-radius:2px;display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center}.brand-mark{background:var(--primary);color:#fffaf2;height:32px;width:32px}.user-menu{gap:10px;min-width:0}.user-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.user-copy span,.user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy strong{font-size:14px}.user-copy span{color:#d8c9b8;font-size:12px;max-width:220px}.ghost-button{background:transparent;border:1px solid #d8c9b8;border-radius:2px;color:#fffaf2;cursor:pointer;font-weight:700;min-height:36px;padding:0 14px}.ghost-button:hover{background:var(--primary);border-color:var(--primary);color:#fffaf2}.feed-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:190px minmax(0,720px) 190px;justify-content:center;padding:24px}.side-nav{display:grid;grid-gap:8px;gap:8px;height:max-content;position:-webkit-sticky;position:sticky;top:88px}.nav-item{background:transparent;border:1px solid transparent;border-radius:2px;color:var(--foreground);cursor:pointer;font-weight:700;min-height:44px;padding:0 14px;text-align:left}.nav-item.active,.nav-item:hover{background:#fffaf2;border-color:var(--border);box-shadow:inset 4px 0 0 var(--primary);color:var(--ink)}.feed{background:var(--panel);border:1px solid var(--border);border-radius:2px;overflow:hidden}.feed-header{background:#eadfce;border-bottom:1px solid var(--border);padding:24px}.feed-header h1{color:var(--ink);font-size:34px;margin-bottom:6px}.post{align-items:flex-start;border-bottom:1px solid var(--border);gap:12px;padding:22px 24px}.post:last-child{border-bottom:0}.avatar{background:var(--ink);border:2px solid var(--primary);color:#fffaf2;height:44px;width:44px}.small-avatar{height:34px;width:34px}.post-main{display:grid;grid-gap:8px;gap:8px;min-width:0}.post-meta{flex-wrap:wrap;gap:6px}.post-meta span{color:var(--muted)}.post-main p{line-height:1.7;margin:0}.post-stats{color:var(--muted);font-size:14px;gap:22px;padding-top:4px}@media (max-width:520px){.shell{align-items:stretch;padding:16px}.account-panel,.auth-panel{align-self:center;padding:22px}h1{font-size:26px}}@media (max-width:860px){.topbar{align-items:flex-start;flex-direction:column;padding:14px 16px}.user-menu{width:100%}.user-copy{flex:1 1}.user-copy span{max-width:none}.feed-layout{grid-template-columns:minmax(0,1fr);padding:14px}.side-nav{display:flex;overflow-x:auto;position:static}.nav-item{flex:0 0 auto;min-width:82px;text-align:center}}@media (max-width:520px){.post{padding:16px}.post-stats{gap:14px}}