*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#fff;color:#1f2937}#app-root{min-height:100vh;display:flex;flex-direction:column}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1f2937;font-weight:700;font-size:16px}.nav-logo img{border-radius:8px}.nav-right{display:flex;align-items:center;gap:12px}.nav-btn-primary{padding:8px 20px;background:#3b82f6;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s}.nav-btn-primary:hover{background:#1d4ed8;color:#fff}.nav-btn-ghost{padding:8px 16px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.nav-btn-ghost:hover{background:#f9fafb;color:#1f2937}.nav-username{font-size:14px;color:#6b7280;padding:0 4px}.page-content{margin-top:56px;flex:1}