.app-layout{height:100vh}.brand{display:flex;align-items:center;gap:var(--lx-sp-3);padding:14px var(--lx-sp-4);cursor:pointer;border-radius:var(--lx-radius-ctl)}.brand-img{width:34px;height:34px;border-radius:9px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.brand-logo{font-size:18px;font-weight:700;color:var(--n-text-color, var(--lx-text-1));letter-spacing:2px}.brand-sub{font-size:11px;color:var(--lx-text-3);letter-spacing:.5px}.crumb{display:flex;align-items:center;gap:var(--lx-sp-2)}.crumb-logo{width:20px;height:20px;border-radius:5px;flex-shrink:0}.crumb-zh{font-size:15px;font-weight:600;line-height:1.2}.crumb-en{font-size:11px;color:var(--lx-text-3);margin-top:2px}.side-foot{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.side-foot-text{color:var(--lx-text-3)}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--lx-header-h);padding:0 var(--lx-sp-4)}.ico{font-size:18px;line-height:1}.arco-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-.15em}.ico .arco-icon,.arco-icon{flex-shrink:0}.menu-label{display:inline-flex;align-items:center;gap:6px}.menu-badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--lx-danger);color:#fff;font-size:11px;line-height:17px;text-align:center;font-weight:400}.uname{margin-left:var(--lx-sp-2);font-size:13px}.content{height:calc(100vh - var(--lx-header-h));min-height:0}.np-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--lx-sp-2);border-bottom:1px solid var(--lx-divider);font-size:13px;font-weight:600}.np-item{display:flex;align-items:center;gap:var(--lx-sp-2);padding:10px var(--lx-sp-1);cursor:pointer;border-bottom:1px solid var(--lx-divider);border-radius:6px}.np-item:hover{background:var(--lx-hover)}.np-item:last-child{border-bottom:none}.np-ico{flex-shrink:0;color:var(--lx-text-2)}.np-body{flex:1;min-width:0}.np-title{font-size:13px;word-break:break-all}.np-item.unread .np-title{font-weight:600}.np-time{font-size:11px;color:var(--lx-text-3);margin-top:2px}.np-foot{padding-top:10px;text-align:center;border-top:1px solid var(--lx-divider)}.drawer-foot{display:flex;align-items:center;gap:6px;padding:14px 20px;font-size:12px}.page-enter-active{transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.page-enter-from{opacity:0;transform:scale(.995)}.page-leave-active{transition:opacity .12s ease,transform .12s ease}.page-leave-to{opacity:0;transform:scale(.998)}@media (prefers-reduced-motion: reduce){.page-enter-active,.page-leave-active{transition:none}}:root{--lx-font: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--lx-sp-1: 4px;--lx-sp-2: 8px;--lx-sp-3: 12px;--lx-sp-4: 16px;--lx-sp-5: 20px;--lx-sp-6: 24px;--lx-sp-8: 32px;--lx-radius-card: 12px;--lx-radius-ctl: 8px;--lx-header-h: 56px;--lx-sider-w: 210px;--lx-bg: #f5f6f8;--lx-surface: #ffffff;--lx-border: #e5e7eb;--lx-divider: rgba(0, 0, 0, .08);--lx-text-1: #1f2937;--lx-text-2: #4b5563;--lx-text-3: #6b7280;--lx-hover: rgba(0, 0, 0, .04);--lx-active: rgba(0, 0, 0, .06);--lx-bubble: #f2f3f5;--lx-bubble-mine: #e8f0ff;--lx-bubble-mine-border: #cfe0ff;--lx-danger: #dc2626;--lx-link: #2563eb;--lx-success: #059669;--lx-avatar-bg: #e5e7eb;--lx-focus: 0 0 0 2px rgba(24, 160, 88, .35);--lx-auth-bg: radial-gradient(1200px 600px at 50% -10%, #eef1f6 0%, #f5f6f8 55%, #e9edf3 100%)}html[data-theme=dark]{--lx-bg: #121212;--lx-surface: #222222;--lx-border: rgba(255, 255, 255, .12);--lx-divider: rgba(255, 255, 255, .1);--lx-text-1: #f5f5f7;--lx-text-2: #c8c8cf;--lx-text-3: #9ca3af;--lx-hover: rgba(255, 255, 255, .06);--lx-active: rgba(255, 255, 255, .1);--lx-bubble: rgba(255, 255, 255, .1);--lx-bubble-mine: rgba(255, 255, 255, .14);--lx-bubble-mine-border: rgba(255, 255, 255, .22);--lx-danger: #ef4444;--lx-link: #8ab4ff;--lx-success: #34d399;--lx-avatar-bg: #2a2a2a;--lx-focus: 0 0 0 2px rgba(255, 255, 255, .45);--lx-auth-bg: radial-gradient(1200px 600px at 50% -10%, #1a1a1a 0%, #121212 55%, #0d0d0f 100%)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--lx-font);-webkit-font-smoothing:antialiased;background:var(--lx-bg);color:var(--lx-text-1)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#80808059;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#8080808c}.conv-item:focus-visible,.tile:focus-visible,.item:focus-visible,.ev:focus-visible,.brand:focus-visible,.avatar-wrap:focus-visible{outline:none;box-shadow:var(--lx-focus)}.n-code{font-size:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.tile{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001f}.ev{transition:transform .18s cubic-bezier(.22,1,.36,1)}.ev:hover{transform:translateY(-2px)}.conv-item{transition:transform .18s cubic-bezier(.22,1,.36,1),background .15s ease}.conv-item:hover{transform:translate(2px)}}@media (prefers-reduced-motion: no-preference){.tile:active,.ev:active{transform:translateY(-1px) scale(.99)}.conv-item:active,.item:active{background:var(--lx-active)}}