.app-top-bar[data-v-caf06b11]{background:#fff;box-shadow:0 2px 8px #0000000d;left:0;position:fixed;right:0;top:0;z-index:998}.top-bar-container[data-v-caf06b11]{align-items:center;display:flex;height:56px;justify-content:space-between;padding:0 12px;position:relative}.left-section[data-v-caf06b11],.right-section[data-v-caf06b11]{align-items:center;display:flex;flex:0 0 auto;gap:12px;min-width:60px}.left-section[data-v-caf06b11]{justify-content:flex-start}.right-section[data-v-caf06b11]{justify-content:flex-end}.center-section[data-v-caf06b11]{flex:1;overflow:hidden;padding:0 16px}.action-btn[data-v-caf06b11],.back-btn[data-v-caf06b11],.center-section[data-v-caf06b11]{align-items:center;display:flex;justify-content:center}.action-btn[data-v-caf06b11],.back-btn[data-v-caf06b11]{border-radius:50%;cursor:pointer;height:36px;transition:background-color .3s ease;width:36px}.action-btn[data-v-caf06b11]:active,.back-btn[data-v-caf06b11]:active{background-color:#f5f5f5}.action-btn img[data-v-caf06b11],.back-btn img[data-v-caf06b11]{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.page-title[data-v-caf06b11]{color:#0e1b4d;font-size:18px;font-weight:500;margin:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cart-btn[data-v-caf06b11]{position:relative}.badge[data-v-caf06b11]{background:#ff4d4f;border-radius:8px;box-shadow:0 2px 4px #ff4d4f4d;color:#fff;font-size:10px;font-weight:500;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:2px;text-align:center;top:2px}.safe-area-placeholder[data-v-caf06b11]{background:#fff;height:env(safe-area-inset-top);height:constant(safe-area-inset-top)}@media(max-width:768px){.top-bar-container[data-v-caf06b11]{height:48px}.page-title[data-v-caf06b11]{font-size:16px}.action-btn[data-v-caf06b11],.back-btn[data-v-caf06b11]{height:32px;width:32px}.action-btn img[data-v-caf06b11],.back-btn img[data-v-caf06b11]{height:20px;width:20px}}