.app-header[data-v-e37b96a4]{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.app-header__left[data-v-e37b96a4]{align-items:center;gap:5px;display:flex}.app-header__title[data-v-e37b96a4]{color:#1a1a1a;font-size:15px;font-weight:700}.app-header__right[data-v-e37b96a4]{align-items:center;display:flex}.app-header__login-btn[data-v-e37b96a4]{color:#fff;cursor:pointer;background:#ff907a;border:none;border-radius:8px;padding:6px 18px;font-size:13px;font-weight:500;transition:background .15s}.app-header__login-btn[data-v-e37b96a4]:hover{background:#f07060}.app-header__user-btn[data-v-e37b96a4]{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:20px;align-items:center;gap:7px;padding:5px 14px 5px 6px;text-decoration:none;transition:background .15s;display:flex}.app-header__user-btn[data-v-e37b96a4]:hover{background:#fafafa}.app-header__avatar[data-v-e37b96a4]{border-radius:8px;flex-shrink:0;width:28px;height:28px;overflow:hidden}.app-header__avatar-img[data-v-e37b96a4]{object-fit:cover;width:100%;height:100%;display:block}.app-header__user-label[data-v-e37b96a4]{color:#333;font-size:13px;font-weight:500}.sidebar[data-v-30bfd85c]{background:#f5f6f8;border-right:1px solid #eee;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow-y:auto}.sidebar[data-v-30bfd85c]::-webkit-scrollbar{width:0}.sidebar__new-wrap[data-v-30bfd85c]{padding:15px 12px 12px}.sidebar__new-btn[data-v-30bfd85c]{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background:#ff907a;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.sidebar__new-btn[data-v-30bfd85c]:hover{background:#f07060}.sidebar__nav[data-v-30bfd85c]{padding:4px 10px}.sidebar__nav-item[data-v-30bfd85c]{color:#555;border-radius:14px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.sidebar__nav-item[data-v-30bfd85c]:hover{color:#333;background:rgba(255,255,255,.7)}.sidebar__nav-item--active[data-v-30bfd85c]{color:#ff907a;background:#fff0ee;font-weight:500}.sidebar__nav-icon[data-v-30bfd85c]{flex-shrink:0;font-size:16px;font-style:normal;line-height:1}.sidebar__history-box[data-v-30bfd85c]{background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-direction:column;flex:1;min-height:0;margin:8px 12px;display:flex;overflow:hidden}.sidebar__history-title[data-v-30bfd85c]{color:#aaa;flex-shrink:0;padding:10px 12px 6px;font-size:12px}.sidebar__recents[data-v-30bfd85c]{flex:1;padding:0 6px 6px;overflow-y:auto}.sidebar__recents[data-v-30bfd85c]::-webkit-scrollbar{width:0}.sidebar__recent-item[data-v-30bfd85c]{color:rgba(0,0,0,.6);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:7px 6px 7px 10px;font-size:13px;transition:background .15s;display:flex}.sidebar__recent-item[data-v-30bfd85c]:hover{background:#f5f5f5}.sidebar__recent-item--active[data-v-30bfd85c]{color:#ff907a;background:#fff0ee;font-weight:500}.sidebar__recent-item__title[data-v-30bfd85c]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar__recent-item__del[data-v-30bfd85c]{color:#bbb;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;line-height:1;transition:opacity .15s,background .15s,color .15s;display:flex}.sidebar__recent-item:hover .sidebar__recent-item__del[data-v-30bfd85c]{opacity:1}.sidebar__recent-item__del[data-v-30bfd85c]:hover{color:#f56c6c;background:#fde8e8}.sidebar__recents-empty[data-v-30bfd85c]{color:#ccc;text-align:center;padding:16px 10px;font-size:12px}@keyframes sidebar-shimmer-30bfd85c{0%{background-position:-200px 0}to{background-position:200px 0}}.sidebar__skeleton[data-v-30bfd85c]{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/400px 100%;border-radius:8px;height:30px;margin:4px;animation:1.2s ease-in-out infinite sidebar-shimmer-30bfd85c}@keyframes sidebar-spin-30bfd85c{to{transform:rotate(360deg)}}.sidebar-loading[data-v-30bfd85c]{justify-content:center;align-items:center;padding:20px 0;display:flex}.sidebar-loading__spinner[data-v-30bfd85c]{border:2px solid rgba(255,144,122,.2);border-top-color:#ff907a;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sidebar-spin-30bfd85c}.sidebar__footer[data-v-30bfd85c]{flex-direction:column;flex-shrink:0;gap:10px;padding:10px 12px 14px;display:flex}.sidebar__recharge-btn[data-v-30bfd85c]{color:#fff;cursor:pointer;background:#ff907a;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:background .15s}.sidebar__recharge-btn[data-v-30bfd85c]:hover{background:#f07060}.sidebar__account-row[data-v-30bfd85c]{align-items:center;gap:10px;text-decoration:none;display:flex}.sidebar__account-avatar[data-v-30bfd85c]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.sidebar__account-avatar-img[data-v-30bfd85c]{object-fit:cover;width:100%;height:100%;display:block}.sidebar__account-avatar-letter[data-v-30bfd85c]{color:#999;font-size:16px}.sidebar__account-info[data-v-30bfd85c]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar__account-balance[data-v-30bfd85c]{color:#888;font-size:12px;transition:color .15s}.sidebar__account-balance[data-v-30bfd85c]:hover{color:#ff907a}.sidebar__account-points[data-v-30bfd85c]{color:#f56c6c;font-weight:600}.sidebar__account-name[data-v-30bfd85c]{color:#333;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:13px;font-weight:500;overflow:hidden}.sidebar-confirm-mask[data-v-30bfd85c]{z-index:9999;background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-confirm[data-v-30bfd85c]{background:#fff;border-radius:12px;width:280px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.15)}.sidebar-confirm__title[data-v-30bfd85c]{color:#1a1a1a;margin-bottom:10px;font-size:15px;font-weight:600}.sidebar-confirm__body[data-v-30bfd85c]{color:#666;margin-bottom:20px;font-size:13px;line-height:1.6}.sidebar-confirm__footer[data-v-30bfd85c]{justify-content:flex-end;gap:10px;display:flex}.sidebar-confirm__btn[data-v-30bfd85c]{cursor:pointer;border:none;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:500;transition:all .15s}.sidebar-confirm__btn--cancel[data-v-30bfd85c]{color:#666;background:#f5f5f5}.sidebar-confirm__btn--cancel[data-v-30bfd85c]:hover{background:#eee}.sidebar-confirm__btn--ok[data-v-30bfd85c]{color:#fff;background:#f56c6c}.sidebar-confirm__btn--ok[data-v-30bfd85c]:hover:not(:disabled){background:#e05555}.sidebar-confirm__btn--ok[data-v-30bfd85c]:disabled{opacity:.6;cursor:not-allowed}
/*# sourceMappingURL=index~points~record~tutorial~works.688a79d2.chunk.css.map*/