*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f0e8;color:#2c2118;-webkit-tap-highlight-color:transparent}#app-root{display:flex;flex-direction:column;height:100vh;height:100dvh}.topnav{background:linear-gradient(180deg,#2c2118,#3d2e1f);color:#f5efe3;padding:8px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;height:48px;box-shadow:0 2px 8px #00000026}.nav-brand{font-size:16px;font-weight:700;color:#f5efe3;text-decoration:none;flex-shrink:0;letter-spacing:.02em}.nav-links{display:flex;gap:4px;flex:1}.topnav a{color:#f5efe3;text-decoration:none;font-size:14px;padding:5px 12px;border-radius:14px;white-space:nowrap;transition:background .15s}.topnav a:hover{background:#ffffff14}.topnav a.router-link-active{color:#c8a96e;background:#c8a96e26;font-weight:600}.nav-user{font-size:13px;display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-name{color:#f5efe3}.nav-logout{background:transparent;border:1px solid rgba(255,255,255,.2);color:#f5efe3;padding:4px 12px;border-radius:14px;cursor:pointer;font-size:12px;font-family:inherit}.nav-logout:hover{background:#ffffff14}main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}@media (max-width: 640px){.topnav{padding:6px 10px;gap:6px;height:44px}.nav-brand{font-size:15px}.topnav a{font-size:13px;padding:4px 10px}.nav-name{display:none}.nav-logout{padding:4px 10px;font-size:11px}}