.shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.shell-header{background:var(--color-card);border-bottom:1px solid var(--color-line);padding:0 32px;display:flex;align-items:center;gap:32px;height:64px;position:sticky;top:0;z-index:10}.shell-brand{display:flex;align-items:center;gap:10px;font-weight:500;letter-spacing:.04em;color:var(--color-ink);font-size:14px}.shell-brand .mark{width:28px;height:28px}.shell-brand .wordmark{letter-spacing:.14em;font-weight:500}.shell-nav{display:flex;align-items:center;gap:4px;flex:1}.shell-nav a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:var(--r-2);font-size:13px;font-weight:500;color:var(--color-muted)}.shell-nav a.active{color:var(--color-ink);background:var(--color-card-tint)}.shell-nav a:hover{color:var(--color-ink)}.shell-user{display:flex;align-items:center;gap:10px;color:var(--color-muted);text-decoration:none;padding:6px 10px;border-radius:6px;transition:background .15s ease,color .15s ease}.shell-user:hover{color:var(--color-ink);background:var(--color-card-tint)}.shell-user .name{font-size:13px;font-weight:500}.shell-main{flex:1}@media (max-width: 720px){.shell-header{padding:0 16px;gap:16px;height:56px}.shell-nav{gap:0;overflow-x:auto}.shell-nav a{padding:0 10px;font-size:12px}.shell-user .name{display:none}}