.user-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border-radius:16px;border:1px solid #eceef5;box-shadow:0 16px 44px #1e224624;padding:18px;z-index:200;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:panelIn .16s ease-out}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.panel-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#a78bfa);color:#fff;font-size:20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.panel-id{min-width:0;display:flex;flex-direction:column;gap:5px}.panel-name{font-size:16px;font-weight:800;color:#2b2f45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-points{display:flex;align-items:baseline;justify-content:space-between;background:linear-gradient(135deg,#f3f0ff,#ece6ff);border:1px solid #e4dcff;border-radius:12px;padding:12px 16px;margin-bottom:12px}.p-label{font-size:13px;color:#6a6f8c}.p-num{font-size:24px;font-weight:800;color:#7c5cfc}.checkin-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafaff;border:1px solid #eef0f5;border-radius:12px;padding:12px 14px;margin-bottom:12px}.checkin-info{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#6a6f8c}.checkin-info .ci-key{color:#9aa0b8;margin-right:4px}.checkin-info .ci-val{color:#7c5cfc;font-size:16px}.btn-checkin{flex:none;padding:9px 18px;font-size:14px;font-weight:700;border:none;border-radius:10px;background:linear-gradient(135deg,#7c5cfc,#8b5cf6);color:#fff;cursor:pointer;transition:all .18s}.btn-checkin:hover:not(:disabled){box-shadow:0 6px 16px #7c5cfc52}.btn-checkin:active:not(:disabled){transform:scale(.97)}.btn-checkin:disabled{background:#e6e8f0;color:#a8acc4;cursor:not-allowed;box-shadow:none}.log-toggle{margin-bottom:4px}.btn-log-toggle{width:100%;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #e3e5ee;border-radius:10px;background:#fff;color:#3a3f5c;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .18s}.btn-log-toggle:hover{color:#7c5cfc;border-color:#d6cdff;background:#faf9ff}.log-arrow{font-size:12px;color:#a8acc4;transition:transform .18s}.log-arrow.open{transform:rotate(180deg);color:#7c5cfc}.log-list{margin-top:10px;border:1px solid #eef0f5;border-radius:10px;overflow:hidden;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.log-item{display:grid;grid-template-columns:62px 1fr auto;grid-template-rows:auto auto;column-gap:8px;padding:8px 12px;border-bottom:1px solid #f3f4f8;font-size:12px;align-items:center}.log-item:last-child{border-bottom:none}.log-t{color:#9aa0b8;grid-row:1 / span 2;white-space:nowrap}.log-v{font-weight:700;text-align:right}.log-v.add{color:#16a34a}.log-v.sub{color:#ef4444}.log-r{color:#6a6f8c;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-b{color:#a8acc4;text-align:right;font-size:11px}.log-empty{padding:18px 12px;text-align:center;color:#a8acc4;font-size:13px}@media (max-width: 640px){.user-panel{position:fixed;top:62px;right:10px;left:10px;width:auto;max-height:calc(100vh - 84px)}}.top-nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eceef3;box-shadow:0 1px 8px #1e22460d}.nav-inner{max-width:1200px;margin:0 auto;height:58px;padding:0 20px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:8px}.brand-logo{display:inline-flex}.brand-name{font-size:19px;font-weight:800;color:#2b2f45;letter-spacing:.3px}.brand-name em{font-style:normal;color:#7c5cfc}.nav-links{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.nav-link{padding:7px 14px;font-size:15px;color:#555;border-radius:8px;transition:all .18s}.nav-link:hover{color:#7c5cfc;background:#f4f1ff}.nav-link.router-link-exact-active{color:#7c5cfc;font-weight:700}.nav-user{display:flex;align-items:center;gap:12px;position:relative}.user-wrap{position:relative}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:#f4f1ff;border-radius:20px;cursor:pointer;transition:all .18s;user-select:none;-webkit-user-select:none}.user-chip:hover{background:#ece6ff}.user-chip:active{transform:scale(.97)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#a78bfa);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.user-name{font-size:14px;color:#3a3f5c;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-tag{font-size:11px;padding:2px 7px;border-radius:10px;background:#7c5cfc1f;color:#7c5cfc;font-weight:600}.btn-logout{padding:6px 14px;font-size:14px;cursor:pointer;border:1px solid #e3e5ee;border-radius:8px;background:#fff;color:#666;transition:all .18s}.btn-logout:hover{color:#ef4444;border-color:#f3bcc2;background:#fff5f5}.btn-login{padding:8px 18px;font-size:14px;font-weight:600;border-radius:8px;background:#7c5cfc;color:#fff;transition:all .18s}.btn-login:hover{background:#6a48e8;box-shadow:0 4px 12px #7c5cfc4d}@media (max-width: 640px){.nav-inner{height:auto;flex-wrap:wrap;padding:8px 10px 4px;gap:8px}.nav-links{order:3;width:100%;flex:none;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:2px 2px 6px}.nav-links::-webkit-scrollbar{display:none;height:0;width:0}.nav-link{flex:0 0 auto;white-space:nowrap;padding:7px 12px;font-size:14px}.nav-user{margin-left:auto}.user-name{display:none}}.gift-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#1e224680;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gift-card{position:relative;width:100%;max-width:340px;background:#fff;border-radius:18px;padding:32px 26px 26px;text-align:center;box-shadow:0 16px 50px #1e224633;border:1px solid #eef0f5}.gift-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;border-radius:50%;background:#f3f0ff;color:#7c5cfc;font-size:15px;line-height:1;cursor:pointer;transition:all .18s}.gift-close:hover{background:#ece6ff}.gift-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#f3f0ff,#e9e2ff);display:flex;align-items:center;justify-content:center}.gift-title{margin:0 0 8px;font-size:18px;font-weight:800;color:#2b2f45}.gift-points{margin:0 0 10px;font-size:26px;font-weight:800;color:#7c5cfc}.gift-desc{margin:0 0 20px;font-size:13px;line-height:1.6;color:#8086a3}.gift-btn{width:100%;padding:12px 0;font-size:15px;font-weight:700;border:none;border-radius:10px;background:linear-gradient(135deg,#7c5cfc,#8b5cf6);color:#fff;cursor:pointer;transition:all .18s}.gift-btn:hover{box-shadow:0 6px 16px #7c5cfc52}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;background:#f5f6fa;color:#333}a{text-decoration:none}button{font-family:inherit}.app-shell{min-height:100vh}.app-main{max-width:1200px;margin:0 auto;padding:8px 0 40px}@media (max-width: 640px){.app-main{padding:4px 0 30px}}