.app-layout[data-v-dd44b77f]{z-index:2;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:clip}.sidebar[data-v-dd44b77f]{background:var(--bg-sidebar);z-index:50;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand[data-v-dd44b77f]{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:90px;padding:24px 20px;text-decoration:none;display:flex}.brand-logo[data-v-dd44b77f]{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.brand-name[data-v-dd44b77f]{background:linear-gradient(90deg,#fff 0% 40%,#60a5fa 50%,#fff 60% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;animation:3s ease-in-out infinite shimmer}.sidebar-menu[data-v-dd44b77f]{flex:1;padding:20px 12px;overflow-y:auto}.menu-item[data-v-dd44b77f]{color:#fff9;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:14px;margin-bottom:6px;padding:14px 16px;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.menu-item[data-v-dd44b77f]:hover{color:#fff;background:#ffffff0f}.menu-item.active[data-v-dd44b77f]{background:var(--accent);color:#fff}.menu-item .material-symbols-rounded[data-v-dd44b77f]{font-size:24px}.menu-item span[data-v-dd44b77f]:last-child{font-size:15px;font-weight:500}.sidebar-bottom[data-v-dd44b77f]{border-top:1px solid #ffffff14;padding:12px}.dev-footer[data-v-dd44b77f]{text-align:center;padding:8px 0 4px}.dev-footer a[data-v-dd44b77f]{color:#ffffff80;font-size:12px;text-decoration:none;transition:color .2s}.dev-footer a[data-v-dd44b77f]:hover{color:#7dd3fc}.contact-btns[data-v-dd44b77f]{gap:10px;display:flex}.contact-btn[data-v-dd44b77f]{color:#fffc;background:#ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:14px;text-decoration:none;transition:background .2s;display:flex;position:relative}.contact-btn[data-v-dd44b77f]:hover{background:#ffffff1f}.unread-badge[data-v-dd44b77f]{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;animation:.2s ease-out badge-pop-dd44b77f;position:absolute;top:-6px;right:-6px}@keyframes badge-pop-dd44b77f{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.main-wrapper[data-v-dd44b77f]{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;margin-left:260px;display:flex;overflow-x:clip}.top-banner[data-v-dd44b77f]{padding:24px 40px}.top-banner h1[data-v-dd44b77f]{color:var(--text-primary);font-size:24px;font-weight:700}.mobile-header[data-v-dd44b77f]{z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:16px;display:none;position:sticky;top:0}.m-brand-logo[data-v-dd44b77f]{z-index:2;border-radius:12px;width:44px;height:44px;position:absolute;left:16px;overflow:hidden}.m-brand-name[data-v-dd44b77f]{background:linear-gradient(90deg, var(--text-primary) 0%, var(--text-primary) 40%, #3b82f6 50%, var(--text-primary) 60%, var(--text-primary) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;text-align:center;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;max-width:calc(100% - 132px);font-size:24px;font-weight:700;animation:3s ease-in-out infinite shimmer;overflow:hidden}.m-menu-btn[data-v-dd44b77f]{background:var(--bg);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;right:16px}.mobile-menu-overlay[data-v-dd44b77f],.mobile-drawer[data-v-dd44b77f]{display:none}@media (max-width:1024px){.pc-only[data-v-dd44b77f]{display:none!important}.mobile-header[data-v-dd44b77f]{z-index:300;display:flex;position:fixed;top:0;left:0;right:0}.main-wrapper[data-v-dd44b77f]{margin-left:0;padding-top:77px}.mobile-menu-overlay[data-v-dd44b77f]{z-index:200;opacity:0;visibility:hidden;background:#00000080;transition:opacity .2s,visibility .2s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu-overlay.active[data-v-dd44b77f]{opacity:1;visibility:visible}.mobile-drawer[data-v-dd44b77f]{background:var(--bg-card);z-index:201;opacity:0;visibility:hidden;pointer-events:none;border-radius:22px;flex-direction:column;width:min(340px,100vw - 24px);max-width:calc(100vw - 24px);max-height:72vh;transition:transform .22s,opacity .22s,visibility .22s;display:flex;position:fixed;top:77px;right:12px;overflow:hidden;transform:translateY(-10px)scale(.98);box-shadow:0 20px 48px #0f172a38}.mobile-drawer.active[data-v-dd44b77f]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.drawer-header[data-v-dd44b77f]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.drawer-brand[data-v-dd44b77f]{align-items:center;gap:10px;display:flex}.drawer-logo[data-v-dd44b77f]{border-radius:10px;width:40px;height:40px;overflow:hidden}.drawer-name[data-v-dd44b77f]{font-size:18px;font-weight:600}.drawer-close[data-v-dd44b77f]{background:var(--bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.drawer-menu[data-v-dd44b77f]{flex:1;padding:10px 12px 14px;overflow-y:auto}.drawer-item[data-v-dd44b77f]{color:var(--text-secondary);-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:14px;margin-bottom:4px;padding:13px 14px;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.drawer-item[data-v-dd44b77f]:hover{background:var(--bg)}.drawer-item.active[data-v-dd44b77f]{background:var(--accent-bg);color:var(--accent)}.drawer-item .material-symbols-rounded[data-v-dd44b77f]{font-size:24px}.drawer-item span[data-v-dd44b77f]:last-child{font-size:15px;font-weight:500}.drawer-footer[data-v-dd44b77f]{background:linear-gradient(#f8fafceb,#fff);border-top:1px solid #ffffff14;padding:12px}.drawer-dev-footer[data-v-dd44b77f]{text-align:center;padding:8px 0 4px}.drawer-dev-footer a[data-v-dd44b77f]{color:#ffffff80;font-size:12px;text-decoration:none;transition:color .2s}.drawer-dev-footer a[data-v-dd44b77f]:hover{color:#7dd3fc}.drawer-contact[data-v-dd44b77f]{gap:10px;display:flex}.drawer-contact-btn[data-v-dd44b77f]{background:var(--bg);height:42px;color:var(--text-secondary);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;text-decoration:none;display:flex}}@media (min-width:1025px){.mobile-only[data-v-dd44b77f]{display:none!important}}.native-index-page[data-v-682ccfa4]{width:100%;min-width:100%;max-width:100vw;min-height:calc(100dvh - 72px);padding-bottom:max(16px, var(--safe-bottom,0px));display:block;overflow-x:hidden}.content-area[data-v-682ccfa4]{flex:1;grid-template-columns:1fr 380px;align-items:start;gap:32px;padding:32px 40px;display:grid}.content-left[data-v-682ccfa4],.content-right[data-v-682ccfa4]{flex-direction:column;display:flex}.carousel[data-v-682ccfa4]{border-radius:12px;position:relative;overflow:hidden}.carousel-inner[data-v-682ccfa4]{aspect-ratio:2.2;width:100%;position:relative}.carousel-slide[data-v-682ccfa4]{opacity:0;pointer-events:none;z-index:1;transition:opacity .8s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.carousel-slide.active[data-v-682ccfa4]{opacity:1;pointer-events:auto;z-index:2}.carousel-slide img[data-v-682ccfa4]{object-fit:cover;width:100%;height:100%;display:block}.carousel-empty[data-v-682ccfa4]{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.carousel-dots[data-v-682ccfa4]{z-index:3;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel-dot[data-v-682ccfa4]{cursor:pointer;background:#ffffff80;border:none;border-radius:999px;width:10px;height:10px;padding:0;transition:all .2s}.carousel-dot.active[data-v-682ccfa4]{background:#fff;width:24px}.product-list[data-v-682ccfa4]{flex-direction:column;gap:18px;display:flex}.product-item[data-v-682ccfa4]{color:inherit;background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e3ecf9;border-radius:16px;align-items:center;gap:18px;padding:18px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 6px 18px #0f172a12}.product-item[data-v-682ccfa4]:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a21}.product-img[data-v-682ccfa4]{object-fit:cover;background:#eef4ff;border:1px solid #dce7f7;border-radius:16px;flex-shrink:0;width:58px;height:58px;box-shadow:0 8px 14px #0f172a17}.product-info[data-v-682ccfa4]{flex:1;min-width:0}.product-name[data-v-682ccfa4]{color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:700}.product-desc[data-v-682ccfa4]{color:#8191a8;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:1.45;display:flex}.product-btn[data-v-682ccfa4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #ffffff59;border-radius:12px;align-items:center;gap:4px;min-width:100px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 18px #2563eb47}.product-btn[data-v-682ccfa4]:hover{transform:translateY(-1px);box-shadow:0 14px 22px #2563eb57}.product-btn .material-symbols-rounded[data-v-682ccfa4]{font-size:16px}.pc-search[data-v-682ccfa4]{margin-left:auto;position:relative}.pc-search-icon[data-v-682ccfa4]{color:var(--text-tertiary);pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pc-search-input[data-v-682ccfa4]{background:linear-gradient(#f8fbff 0%,#f2f7ff 100%);border:1px solid #d8e4f6;border-radius:20px;outline:none;width:220px;height:38px;padding:0 12px 0 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.pc-search-input[data-v-682ccfa4]:focus{border-color:#94b8f6;box-shadow:0 0 0 3px #3b82f624}.pc-category-tabs[data-v-682ccfa4]{flex-wrap:wrap;gap:8px;display:flex}.pc-tab[data-v-682ccfa4]{color:#5b6a82;cursor:pointer;background:#f5f9ff;border:1px solid #dce7f8;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;transition:all .2s}.pc-tab[data-v-682ccfa4]:hover{color:#2459d3;background:#eaf2ff}.pc-tab.active[data-v-682ccfa4]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 6px 12px #2563eb40}.pc-empty[data-v-682ccfa4]{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:14px}.quick-grid[data-v-682ccfa4]{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.quick-card[data-v-682ccfa4]{background:var(--bg);border-radius:14px;flex-direction:column;align-items:center;padding:24px 16px;text-decoration:none;transition:all .2s;display:flex}.quick-card[data-v-682ccfa4]:hover{background:var(--accent-bg);transform:translateY(-2px)}.quick-icon[data-v-682ccfa4]{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex}.quick-icon.q1[data-v-682ccfa4]{background:var(--accent-bg);color:var(--accent)}.quick-icon.q2[data-v-682ccfa4]{color:#3b82f6;background:#eff6ff}.quick-icon.q3[data-v-682ccfa4]{color:#f97316;background:#fff7ed}.quick-icon.q4[data-v-682ccfa4]{color:#8b5cf6;background:#faf5ff}.quick-icon .material-symbols-rounded[data-v-682ccfa4]{font-size:26px}.quick-label[data-v-682ccfa4]{color:var(--text-secondary);font-size:14px;font-weight:500}.notice-box[data-v-682ccfa4]{background:var(--accent-bg);border-left:4px solid var(--accent);border-radius:12px;padding:20px}.notice-box+.notice-box[data-v-682ccfa4]{margin-top:12px}.notice-box p[data-v-682ccfa4]{color:var(--text-secondary);font-size:14px;line-height:1.7}.feature-list[data-v-682ccfa4]{flex-direction:column;gap:14px;display:flex}.feature-item[data-v-682ccfa4]{background:var(--bg);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.feature-icon[data-v-682ccfa4]{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-icon .material-symbols-rounded[data-v-682ccfa4]{font-size:22px}.feature-title[data-v-682ccfa4]{color:var(--text-primary);font-size:14px;font-weight:600}.feature-desc[data-v-682ccfa4]{color:var(--text-tertiary);margin-top:2px;font-size:12px}.m-carousel[data-v-682ccfa4]{box-shadow:var(--shadow);aspect-ratio:1.8;border-radius:16px;margin:16px;position:relative;overflow:hidden}.m-carousel-link[data-v-682ccfa4]{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.m-carousel img[data-v-682ccfa4]{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;bottom:0;left:0;right:0}.m-carousel img.active[data-v-682ccfa4]{opacity:1;z-index:2}.mobile-dots[data-v-682ccfa4]{bottom:10px}.m-quick[data-v-682ccfa4]{background:var(--bg-card);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:repeat(4,1fr);margin:0 16px 16px;padding:20px 16px;display:grid}.m-quick-item[data-v-682ccfa4]{color:inherit;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.m-quick-icon[data-v-682ccfa4]{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.m-quick-icon .material-symbols-rounded[data-v-682ccfa4]{font-size:24px}.m-quick-label[data-v-682ccfa4]{color:var(--text-secondary);font-size:12px}.m-section[data-v-682ccfa4]{background:var(--bg-card);box-shadow:var(--shadow);border-radius:16px;margin:0 16px 16px}.m-search-wrap[data-v-682ccfa4],.m-category-wrap[data-v-682ccfa4]{border-bottom:1px solid #e2e8f0;padding:12px 16px}.m-search-inner[data-v-682ccfa4]{position:relative}.m-search-icon[data-v-682ccfa4]{color:#94a3b8;pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.m-search-input[data-v-682ccfa4]{background:linear-gradient(#f8fafb 0%,#f1f6ff 100%);border:1px solid #dce7f8;border-radius:20px;outline:none;width:100%;height:40px;padding:0 12px 0 40px;font-size:14px;transition:border-color .2s,box-shadow .2s}.m-search-input[data-v-682ccfa4]:focus{border-color:#9ec0f5;box-shadow:0 0 0 3px #3b82f61f}.m-category-select[data-v-682ccfa4]{color:#0f172a;appearance:none;cursor:pointer;background:#f8fafb;border:1px solid #dce7f8;border-radius:12px;width:100%;height:44px;padding:0 40px 0 16px;font-size:15px;font-weight:600}.m-product-list[data-v-682ccfa4]{flex-direction:column;gap:12px;padding:14px;display:flex}.m-product[data-v-682ccfa4]{color:inherit;background:linear-gradient(#fff 0%,#f9fcff 100%);border:1px solid #e3ecf9;border-radius:14px;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0f172a12}.m-product[data-v-682ccfa4]:active{transform:scale(.995)}.m-product-img[data-v-682ccfa4]{object-fit:cover;border:1px solid #dce7f7;border-radius:14px;flex-shrink:0;width:52px;height:52px}.m-product-info[data-v-682ccfa4]{flex:1;min-width:0}.m-product-name[data-v-682ccfa4]{color:var(--text-primary);font-size:15px;font-weight:700}.m-product-desc[data-v-682ccfa4]{color:#8898ad;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.m-product-arrow[data-v-682ccfa4]{color:#8ca0bb;background:#f1f6ff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.m-empty[data-v-682ccfa4]{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:14px}.popup-overlay[data-v-682ccfa4]{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.popup-box[data-v-682ccfa4]{background:var(--bg-card);border:1px solid #d9a4418f;border-radius:20px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 20px 36px #5c0a0a47}.popup-head[data-v-682ccfa4]{text-align:center;background:linear-gradient(135deg,#c51e1e 0%,#8a0707 100%);padding:28px 24px;position:relative}.popup-head .material-symbols-rounded[data-v-682ccfa4]{color:#fff;font-size:48px}.popup-head h3[data-v-682ccfa4]{color:#fff;margin-top:8px;font-size:20px;font-weight:700}.popup-close[data-v-682ccfa4]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:12px;right:12px}.popup-body[data-v-682ccfa4]{padding:24px}.popup-body p[data-v-682ccfa4]{color:var(--text-secondary);font-size:15px;line-height:1.7}.popup-address-title[data-v-682ccfa4]{color:#9e0b0b;margin-top:14px;font-size:13px;font-weight:600}.popup-address[data-v-682ccfa4]{color:#1f2937;word-break:break-all;background:#f8f7f3;border:1px solid #c51e1e29;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:14px}.popup-foot[data-v-682ccfa4]{padding:0 24px 24px}.popup-btn[data-v-682ccfa4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c51e1e,#9e0b0b);border:1px solid #ffd77e8c;border-radius:24px;width:100%;height:48px;font-size:16px;font-weight:600;box-shadow:0 10px 18px #73070738}.product-prices[data-v-682ccfa4],.m-product-prices[data-v-682ccfa4]{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.price-chip[data-v-682ccfa4]{color:#d97706;white-space:nowrap;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #d977062e;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;line-height:1.6;display:inline-block}@media (max-width:1024px){.pc-only[data-v-682ccfa4]{display:none!important}}@media (min-width:1025px){.mobile-only[data-v-682ccfa4]{display:none!important}}.auth-page[data-v-8a87997b]{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card[data-v-8a87997b]{background:var(--bg-card);border-radius:24px;width:100%;max-width:420px;padding:48px 36px;box-shadow:0 20px 60px #0f172a1f}.auth-header[data-v-8a87997b]{text-align:center;margin-bottom:36px}.auth-logo[data-v-8a87997b]{border-radius:16px;width:56px;height:56px;margin-bottom:16px;box-shadow:0 8px 16px #0f172a1a}.auth-title[data-v-8a87997b]{color:var(--text-primary);font-size:26px;font-weight:800}.auth-sub[data-v-8a87997b]{color:var(--text-tertiary);margin-top:8px;font-size:14px}.tg-hint[data-v-8a87997b]{color:#1d4ed8;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.tg-hint .material-symbols-rounded[data-v-8a87997b]{color:#2196f3;font-size:20px}.auth-form[data-v-8a87997b]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-8a87997b]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-8a87997b]{color:var(--text-primary);font-size:14px;font-weight:600}.input-wrap[data-v-8a87997b]{align-items:center;display:flex;position:relative}.input-icon[data-v-8a87997b]{color:var(--text-tertiary);pointer-events:none;font-size:20px;position:absolute;left:14px}.form-input[data-v-8a87997b]{background:#f8fbff;border:1px solid #d8e4f6;border-radius:14px;outline:none;width:100%;height:48px;padding:0 44px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input[data-v-8a87997b]:focus{background:#fff;border-color:#94b8f6;box-shadow:0 0 0 3px #3b82f624}.pwd-toggle[data-v-8a87997b]{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.pwd-toggle .material-symbols-rounded[data-v-8a87997b]{font-size:20px}.auth-error[data-v-8a87997b]{color:#dc2626;background:#fef2f2;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;display:flex}.auth-error .material-symbols-rounded[data-v-8a87997b]{font-size:18px}.auth-btn[data-v-8a87997b]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:14px;height:50px;margin-top:8px;font-size:16px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 20px #2563eb4d}.auth-btn[data-v-8a87997b]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 24px #2563eb5c}.auth-btn[data-v-8a87997b]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-8a87997b]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin-8a87997b;display:inline-block}@keyframes spin-8a87997b{to{transform:rotate(360deg)}}.auth-footer[data-v-8a87997b]{text-align:center;color:var(--text-tertiary);margin-top:24px;font-size:14px}.auth-link[data-v-8a87997b]{color:var(--accent);margin-left:4px;font-weight:600;text-decoration:none}.auth-link[data-v-8a87997b]:hover{text-decoration:underline}.dev-footer[data-v-8a87997b]{text-align:center;margin-top:16px;font-size:12px}.dev-footer a[data-v-8a87997b]{color:var(--text-tertiary);text-decoration:none}.dev-footer a[data-v-8a87997b]:hover{color:var(--accent);text-decoration:underline}@media (max-width:480px){.auth-page[data-v-8a87997b]{align-items:stretch;padding:0}.auth-card[data-v-8a87997b]{max-width:100%;min-height:auto;box-shadow:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;padding:36px 24px;display:flex}}.auth-page[data-v-638156d5]{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card[data-v-638156d5]{background:var(--bg-card);border-radius:24px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 20px 60px #0f172a1f}.auth-header[data-v-638156d5]{text-align:center;margin-bottom:28px}.auth-logo[data-v-638156d5]{border-radius:16px;width:56px;height:56px;margin-bottom:16px;box-shadow:0 8px 16px #0f172a1a}.auth-title[data-v-638156d5]{color:var(--text-primary);font-size:26px;font-weight:800}.auth-sub[data-v-638156d5]{color:var(--text-tertiary);margin-top:8px;font-size:14px}.tg-hint[data-v-638156d5]{color:#1d4ed8;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.tg-hint .material-symbols-rounded[data-v-638156d5]{color:#2196f3;font-size:20px}.auth-form[data-v-638156d5]{flex-direction:column;gap:16px;display:flex}.form-group[data-v-638156d5]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-638156d5]{color:var(--text-primary);font-size:14px;font-weight:600}.optional[data-v-638156d5]{color:var(--text-tertiary);font-size:12px;font-weight:400}.required-tag[data-v-638156d5]{color:#dc2626;font-size:12px;font-weight:600}.input-wrap[data-v-638156d5]{align-items:center;display:flex;position:relative}.input-icon[data-v-638156d5]{color:var(--text-tertiary);pointer-events:none;font-size:20px;position:absolute;left:14px}.form-input[data-v-638156d5]{background:#f8fbff;border:1px solid #d8e4f6;border-radius:14px;outline:none;width:100%;height:48px;padding:0 44px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input[data-v-638156d5]:focus{background:#fff;border-color:#94b8f6;box-shadow:0 0 0 3px #3b82f624}.pwd-toggle[data-v-638156d5]{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.pwd-toggle .material-symbols-rounded[data-v-638156d5]{font-size:20px}.auth-error[data-v-638156d5]{color:#dc2626;background:#fef2f2;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;display:flex}.auth-error .material-symbols-rounded[data-v-638156d5]{font-size:18px}.auth-btn[data-v-638156d5]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:14px;height:50px;margin-top:4px;font-size:16px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 20px #2563eb4d}.auth-btn[data-v-638156d5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 24px #2563eb5c}.auth-btn[data-v-638156d5]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-638156d5]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin-638156d5;display:inline-block}@keyframes spin-638156d5{to{transform:rotate(360deg)}}.auth-footer[data-v-638156d5]{text-align:center;color:var(--text-tertiary);margin-top:24px;font-size:14px}.dev-footer[data-v-638156d5]{text-align:center;margin-top:16px;font-size:12px}.dev-footer a[data-v-638156d5]{color:var(--text-tertiary);text-decoration:none}.dev-footer a[data-v-638156d5]:hover{color:var(--accent);text-decoration:underline}.auth-link[data-v-638156d5]{color:var(--accent);margin-left:4px;font-weight:600;text-decoration:none}.auth-link[data-v-638156d5]:hover{text-decoration:underline}@media (max-width:480px){.auth-page[data-v-638156d5]{align-items:stretch;padding:0}.auth-card[data-v-638156d5]{max-width:100%;min-height:auto;box-shadow:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;padding:28px 20px;display:flex}}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-rounded.ttf)format("truetype")}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--bg:#f8fafb;--bg-card:#fff;--bg-sidebar:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent:#3b82f6;--accent-light:#60a5fa;--accent-bg:#eff6ff;--border:#e2e8f0;--radius:16px;--shadow:0 2px 8px #0000000f;--fest-red:#b30f0f;--fest-red-deep:#730707;--fest-gold:#d9a441;--fest-gold-soft:#ffe2a7}*{box-sizing:border-box;margin:0;padding:0}html{width:100vw;max-width:100vw;overflow-x:clip}body{background:radial-gradient(circle at 86% 12%, #d9a4411f 0%, #d9a44100 36%), radial-gradient(circle at 14% 84%, #b30f0f14 0%, #b30f0f00 34%), var(--bg);color:var(--text-primary);width:100vw;max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;overflow-x:clip}#app{width:100vw;max-width:100vw;overflow-x:clip}html.native-app,html.native-app body{overscroll-behavior-y:auto;touch-action:pan-y;width:100%;max-width:100%;height:100%;overflow:hidden auto}html.native-app #app{overscroll-behavior-y:auto;touch-action:pan-y;width:100%;max-width:100%;min-height:100%;overflow:clip visible}html.native-app #native-app-root{overscroll-behavior-y:auto;touch-action:pan-y;min-height:100dvh;overflow:clip visible}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.toast-container{z-index:9999;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;border-radius:12px;margin-bottom:8px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s toastIn;box-shadow:0 8px 24px #00000026}.toast.success{background:#10b981}.toast.error{background:#ef4444}.toast.info{background:#3b82f6}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:-100% 0}to{background-position:100% 0}}.product-enter{animation:.38s cubic-bezier(.22,.61,.36,1) both productRiseIn}@keyframes productRiseIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.page-enter-active{transition:opacity .12s ease-out,transform .12s ease-out}.page-leave-active{pointer-events:none;transition:opacity 80ms ease-in}.page-enter-from{opacity:0;transform:translateY(4px)}.page-enter-to{opacity:1;transform:translateY(0)}.page-leave-from{opacity:1}.page-leave-to{opacity:0}.loading-wrap{justify-content:center;align-items:center;padding:60px 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-tertiary);padding:60px 20px;font-size:14px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{border:1px solid var(--border);width:100%;height:48px;color:var(--text-primary);background:#fff;border-radius:12px;outline:none;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.form-textarea{resize:vertical;height:auto;min-height:100px;padding:12px 16px}.form-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;width:100%;height:48px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 16px #2563eb40}.form-btn:hover{transform:translateY(-1px);box-shadow:0 12px 20px #2563eb4d}.form-btn:active{transform:translateY(0)}.form-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-btn.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 16px #ef444440}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card+.card{margin-top:24px}.card-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 24px;font-size:17px;font-weight:600;display:flex}.card-header .material-symbols-rounded{color:var(--accent);font-size:22px}.card-content{padding:24px}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending{color:#92400e;background:#fef3c7}.badge-processing{color:#1e40af;background:#dbeafe}.badge-success{color:#065f46;background:#d1fae5}.badge-failed{color:#991b1b;background:#fee2e2}.badge-cancelled{color:#475569;background:#f1f5f9}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;font-weight:600}.data-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.data-table tr:hover td{background:#fafbfc}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 24px;display:flex}.tab-item{color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent)}.pagination{justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}.page-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.page-btn:hover{border-color:var(--accent);color:var(--accent)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.desc-highlight{color:#ea580c;font-weight:700}.desc-badge{color:#b45309;background:#fff1d8;border-radius:999px;align-items:center;padding:1px 7px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:1024px){.list-page,.my-page,.product-page{width:100%!important;max-width:100%!important;margin:0!important;padding:16px 12px 80px!important}.chat-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.form-card,.section-card,.p-card,.order-card{border-radius:12px!important;max-width:100%!important}.tab-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}.tab-bar::-webkit-scrollbar{display:none!important}.page-title{margin-bottom:14px!important;font-size:20px!important}}@media (min-width:1025px){.list-page,.my-page,.product-page{width:100%!important;max-width:none!important;margin:0!important;padding:24px 40px 60px!important}.chat-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.form-card,.section-card,.p-card,.profile-card,.order-card,.sell-card,.record-card{max-width:none!important}.order-list:not(.c2c-orders){grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.record-list{grid-template-columns:repeat(2,1fr)!important;gap:14px!important;display:grid!important}.sell-list:not(.compact){grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.tab-bar,.main-tabs{max-width:none!important}.stats-grid,.action-grid{grid-template-columns:repeat(4,1fr)!important}.balance-grid{grid-template-columns:repeat(2,1fr)!important}.menu-list{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.menu-list .menu-item{background:var(--bg)!important;border-bottom:none!important;border-radius:12px!important;padding:16px!important}.form-card .form-inner{grid-template-columns:1fr 1fr!important;gap:16px!important;display:grid!important}.form-card .form-inner .form-group:last-child,.form-card .form-inner .submit-btn,.form-card .form-inner .form-error,.form-card .form-inner .order-btn,.form-card .form-inner .price-summary,.form-card .form-inner .fee-info,.form-card .form-inner .wallet-info,.form-card .form-inner .balance-banner,.form-card .form-inner .form-msg{grid-column:1/-1!important}.order-form{grid-template-columns:1fr 1fr!important;gap:16px!important;display:grid!important}.order-form .form-group:last-child,.order-form .order-btn,.order-form .order-error,.order-form .price-summary{grid-column:1/-1!important}.amount-grid{grid-template-columns:repeat(4,1fr)!important}.channel-list{flex-wrap:wrap!important;gap:12px!important;display:flex!important}}html.native-app{--safe-top:0px;--safe-bottom:env(safe-area-inset-bottom,0px);padding-top:0!important}html.native-app body{user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:auto;width:100vw;max-width:100vw;padding-top:0;overflow:clip auto}html.native-app,html.native-app body,html.native-app #app{min-height:100dvh}html.native-app .app-layout{max-width:100vw;min-height:100dvh;overflow-x:clip}html.native-app .pc-only{display:none!important}html.native-app .mobile-only{display:block!important}html.native-app .chat-input,html.native-app .send-bar{padding-bottom:max(8px, var(--safe-bottom))}