:root{--dark-primary-color:"red";--light-primary-color:blue}body{margin:0;padding:0}[data-v-5d7f70d4]:root{--dark-primary-color:"red";--light-primary-color:blue}.head-wrap[data-v-5d7f70d4]{background-color:#fff;box-shadow:0 1px 0 #eef0f3;height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.head-wrap .left[data-v-5d7f70d4],.head-wrap[data-v-5d7f70d4]{align-items:center;display:flex}.head-wrap .left .logo[data-v-5d7f70d4]{background:linear-gradient(135deg,#f69,#ff2c55);border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:36px;letter-spacing:.5px;line-height:36px;margin-right:32px;padding:0 16px;transition:opacity .2s}.head-wrap .left .logo[data-v-5d7f70d4]:hover{opacity:.9}.head-wrap .left .nav[data-v-5d7f70d4]{align-items:center;display:flex}.head-wrap .left .nav .item[data-v-5d7f70d4]{border-radius:8px;color:#61666d;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 14px;position:relative;transition:all .2s}.head-wrap .left .nav .item[data-v-5d7f70d4]:hover{background:#fff0f4;color:#ff2c55}.head-wrap .left .nav .item.active[data-v-5d7f70d4]{background:#fff0f4;color:#ff2c55;font-weight:600}.head-wrap .left .nav .nav-badge[data-v-5d7f70d4]{background:#ff2c55;border-radius:10px;color:#fff;font-size:11px;line-height:16px;min-width:16px;padding:0 5px;position:absolute;right:-6px;text-align:center;top:-6px}.head-wrap .search[data-v-5d7f70d4]{display:flex;flex:1;justify-content:center}.head-wrap .search .ipt[data-v-5d7f70d4]{background-color:#f5f6f8;border:1px solid transparent;border-radius:18px;box-sizing:border-box;display:block;font-size:13px;max-width:320px;outline:none;padding:8px 16px;transition:all .2s;width:100%}.head-wrap .search .ipt[data-v-5d7f70d4]:focus{background-color:#fff;border-color:#ff2c55}.head-wrap .right[data-v-5d7f70d4]{align-items:center;display:flex}.head-wrap .right .start[data-v-5d7f70d4]{background:linear-gradient(135deg,#f69,#ff2c55);border-radius:18px;box-shadow:0 2px 8px rgba(255,44,85,.3);color:#fff;cursor:pointer;font-size:14px;padding:7px 16px;transition:opacity .2s}.head-wrap .right .start[data-v-5d7f70d4]:hover{opacity:.9}.head-wrap .right .auth-btn[data-v-5d7f70d4]{background-color:#fff;border:1px solid #eef0f3;border-radius:16px;color:#61666d;cursor:pointer;font-size:13px;margin-left:12px;padding:6px 14px;transition:all .2s}.head-wrap .right .auth-btn[data-v-5d7f70d4]:hover{border-color:#ff2c55;color:#ff2c55}.head-wrap .right .user-info[data-v-5d7f70d4]{align-items:center;cursor:pointer;display:flex;margin-left:12px}.head-wrap .right .user-info .avatar[data-v-5d7f70d4]{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.head-wrap .right .user-info .avatar-empty[data-v-5d7f70d4]{align-items:center;background:#ff2c55;color:#fff;display:flex;font-size:12px;justify-content:center}.head-wrap .right .user-info .nickname[data-v-5d7f70d4]{color:#18191c;font-size:14px;margin-left:8px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.head-wrap[data-v-5d7f70d4]{height:56px;padding:0 10px}.head-wrap .left[data-v-5d7f70d4]{flex:1;min-width:0}.head-wrap .left .logo[data-v-5d7f70d4]{border-radius:8px;flex-shrink:0;font-size:13px;height:32px;line-height:32px;margin-right:10px;padding:0 10px}.head-wrap .left .nav[data-v-5d7f70d4]{-webkit-overflow-scrolling:touch;flex:1;min-width:0;overflow-x:auto}.head-wrap .left .nav[data-v-5d7f70d4]::-webkit-scrollbar{display:none}.head-wrap .left .nav .item[data-v-5d7f70d4]{flex-shrink:0;font-size:13px;margin-right:2px;padding:5px 10px}.head-wrap .search[data-v-5d7f70d4]{display:none}.head-wrap .right[data-v-5d7f70d4]{flex-shrink:0}.head-wrap .right .start[data-v-5d7f70d4]{font-size:13px;padding:5px 12px}.head-wrap .right .auth-btn[data-v-5d7f70d4]{font-size:12px;margin-left:8px;padding:5px 10px}.head-wrap .right .user-info[data-v-5d7f70d4]{margin-left:8px}.head-wrap .right .user-info .nickname[data-v-5d7f70d4]{display:none}.head-wrap .right .user-info .auth-btn[data-v-5d7f70d4]{margin-left:8px}}[data-v-7e065a98]:root{--dark-primary-color:"red";--light-primary-color:blue}.layout[data-v-7e065a98]{background:#f5f6f8;min-height:100vh}