.bell-wrap[data-v-e610654d]{position:relative}.bell-btn[data-v-e610654d]{background:transparent;border:none;font-size:17px;cursor:pointer;padding:4px}.bell-btn[data-v-e610654d]:hover{transform:scale(1.1)}.panel[data-v-e610654d]{position:absolute;right:-12px;top:40px;width:320px;max-height:420px;overflow-y:auto;z-index:200;background:#1a1d26;border:1px solid rgba(212,175,55,.2)}.panel .panel-head[data-v-e610654d]{display:flex;justify-content:space-between;align-items:center;font-weight:600;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(212,175,55,.15)}.panel .panel-head a[data-v-e610654d]{font-size:12px;color:#d4af37;cursor:pointer;font-weight:400}.panel .empty-tip[data-v-e610654d]{text-align:center;padding:24px;font-size:13px}.panel .notif-item[data-v-e610654d]{padding:10px 6px;border-radius:6px;cursor:pointer}.panel .notif-item[data-v-e610654d]:hover{background:#d4af370f}.panel .notif-item.unread .notif-title[data-v-e610654d]{color:#e8cd7a}.panel .notif-item .notif-title[data-v-e610654d]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.panel .notif-item .notif-title .dot[data-v-e610654d]{width:6px;height:6px;border-radius:50%;background:#d4af37;flex-shrink:0}.panel .notif-item .notif-content[data-v-e610654d]{margin:4px 0 0;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .notif-item .notif-time[data-v-e610654d]{font-size:11px}.panel .view-all[data-v-e610654d]{width:100%;margin-top:6px;color:#8a8f9c}.fade-enter-active[data-v-e610654d],.fade-leave-active[data-v-e610654d]{transition:opacity .15s ease}.fade-enter-from[data-v-e610654d],.fade-leave-to[data-v-e610654d]{opacity:0}.app-header[data-v-9eaa9339]{position:sticky;top:0;z-index:100;background:#16181f}.app-header .header-inner[data-v-9eaa9339]{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:0 16px;height:60px}.app-header .header-inner>.n-menu[data-v-9eaa9339]{flex:1;min-width:0}.app-header .brand[data-v-9eaa9339]{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.app-header .brand .brand-name[data-v-9eaa9339]{white-space:nowrap}.app-header .brand .logo[data-v-9eaa9339]{width:32px;height:32px;border-radius:6px}.app-header .brand .brand-name[data-v-9eaa9339]{font-size:20px;font-weight:800;color:#d4af37;letter-spacing:2px}.app-header .header-actions[data-v-9eaa9339]{flex-shrink:0}.app-header .player-search[data-v-9eaa9339]{width:180px;flex-shrink:0}.app-header .user-trigger[data-v-9eaa9339]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 6px;border-radius:999px;transition:background .15s}.app-header .user-trigger[data-v-9eaa9339]:hover{background:#d4af371f}.app-header .user-avatar[data-v-9eaa9339]{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.7);background:#1b1e26}.app-header .user-name[data-v-9eaa9339]{cursor:pointer;font-weight:600}.app-layout[data-v-9eaa9339]{display:flex;flex-direction:column;min-height:100vh}.app-layout[data-v-9eaa9339] .n-layout-scroll-container{flex:1 1 auto;display:flex;flex-direction:column;overflow-x:hidden}.app-content[data-v-9eaa9339]{flex:1 0 auto;display:flex;flex-direction:column}.app-footer[data-v-9eaa9339]{text-align:center;padding:18px;color:#8a8f9c;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}.app-footer .icp-link[data-v-9eaa9339]{color:#8a8f9c;text-decoration:none}.app-footer .icp-link[data-v-9eaa9339]:hover{color:#d4af37;text-decoration:underline}html,body,#app{margin:0;padding:0;min-height:100vh}body{background:#12141a;color:#e8e6e1;font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif}a{color:#e8cd7a;text-decoration:none}.page-container{box-sizing:border-box;width:1080px;max-width:calc(100% - 32px);margin:0 auto;padding:24px 16px 48px}.page-title{font-size:26px;font-weight:700;margin:8px 0 20px;color:#d4af37;display:flex;align-items:center;gap:10px}.card{background:#1b1e26;border:1px solid rgba(212,175,55,.18);border-radius:10px;padding:20px;transition:border-color .2s,transform .2s}.card:hover{border-color:#d4af3773}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.gold-text{color:#d4af37}.muted{color:#8a8f9c;font-size:13px}