.top-bar[data-v-1fca3f26]{position:fixed;top:0;left:0;right:0;height:var(--nav-top);background:#1D2129;z-index:1001;color:#ffffffb3;font-size:12px}.top-bar .container[data-v-1fca3f26]{display:flex;align-items:center;height:100%;justify-content:space-between}.top-bar .announcement[data-v-1fca3f26]{flex:1;overflow:hidden;white-space:nowrap}.top-bar .announcement span[data-v-1fca3f26]{display:inline-block;animation:marquee-1fca3f26 30s linear infinite}@keyframes marquee-1fca3f26{0%{transform:translate(100%)}to{transform:translate(-100%)}}.top-bar .top-links[data-v-1fca3f26]{display:flex;gap:16px;flex-shrink:0}.top-bar .top-links a[data-v-1fca3f26]{color:#ffffffb3;font-size:12px}.top-bar .top-links a[data-v-1fca3f26]:hover{color:#fff}.logo-bar[data-v-1fca3f26]{position:fixed;top:var(--nav-top);left:0;right:0;height:var(--nav-logo);background:var(--card, #fff);border-bottom:1px solid var(--border, #E5E8EF);z-index:1000}.logo-bar .container[data-v-1fca3f26]{display:flex;align-items:center;height:100%;gap:32px}.logo-bar .logo[data-v-1fca3f26]{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-bar .logo .logo-icon[data-v-1fca3f26]{width:42px;height:42px;background:linear-gradient(135deg,var(--primary, #165DFF),#4096FF);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:800}.logo-bar .logo .logo-img[data-v-1fca3f26]{width:auto;height:42px;max-width:180px;-o-object-fit:contain;object-fit:contain}.logo-bar .logo .logo-text[data-v-1fca3f26]{font-size:22px;font-weight:700;color:var(--text, #333);line-height:1.2}.logo-bar .logo .logo-sub[data-v-1fca3f26]{font-size:11px;color:var(--text-muted, #999);font-weight:400;display:block}.logo-bar .search-box[data-v-1fca3f26]{flex:1;max-width:480px;position:relative}.logo-bar .search-box input[data-v-1fca3f26]{width:100%;height:40px;padding:0 44px 0 16px;border:2px solid var(--border, #E5E8EF);border-radius:var(--radius, 6px);font-size:14px;outline:none;transition:border-color .2s;background:var(--bg, #F5F7FA)}.logo-bar .search-box input[data-v-1fca3f26]:focus{border-color:var(--primary, #165DFF);background:var(--card, #fff)}.logo-bar .search-box button[data-v-1fca3f26]{position:absolute;right:2px;top:2px;bottom:2px;width:36px;background:var(--primary, #165DFF);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.logo-bar .search-box button[data-v-1fca3f26]:hover{background:var(--primary-hover, #0E42D2)}.logo-bar .header-actions[data-v-1fca3f26]{display:flex;align-items:center;gap:6px;margin-left:auto}.logo-bar .h-btn[data-v-1fca3f26]{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;color:var(--text-secondary, #666);font-size:13px;border-radius:var(--radius, 6px);cursor:pointer;transition:all .2s;position:relative}.logo-bar .h-btn[data-v-1fca3f26]:hover{background:var(--border-light, #F0F2F5);color:var(--text, #333)}.main-nav[data-v-1fca3f26]{position:fixed;top:calc(var(--nav-top) + var(--nav-logo));left:0;right:0;height:46px;background:var(--card, #fff);border-bottom:1px solid var(--border, #E5E8EF);z-index:999}.main-nav .container[data-v-1fca3f26]{display:flex;align-items:center;height:100%;gap:2px}.main-nav .nav-link[data-v-1fca3f26]{padding:0 20px;height:100%;display:flex;align-items:center;font-size:14px;color:var(--text-secondary, #666);border-bottom:2px solid transparent;transition:all .2s}.main-nav .nav-link[data-v-1fca3f26]:hover,.main-nav .nav-link.active[data-v-1fca3f26]{color:var(--primary, #165DFF);border-bottom-color:var(--primary, #165DFF);background:var(--primary-light, #E8F0FF)}.mobile-menu-btn[data-v-1fca3f26]{display:none;width:36px;height:36px;border-radius:8px;background:var(--card, #fff);border:1px solid var(--border, #E5E8EF);font-size:18px;cursor:pointer;flex-shrink:0;margin-left:auto}.mobile-panel[data-v-1fca3f26]{position:fixed;top:calc(var(--nav-top) + var(--nav-logo) + 3px);right:8px;width:220px;max-height:calc(100vh - var(--nav-top) - var(--nav-logo) - 16px);background:var(--card, #fff);border:1px solid var(--border, #E5E8EF);border-radius:var(--radius, 6px);box-shadow:0 8px 24px #0000001f;z-index:1003;padding:12px 0;overflow-y:auto}.mobile-search[data-v-1fca3f26]{display:flex;gap:8px;margin-bottom:8px;padding:0 12px}.mobile-search input[data-v-1fca3f26]{flex:1;height:36px;padding:0 10px;border:1px solid var(--border, #E5E8EF);border-radius:var(--radius, 6px);font-size:13px;outline:none}.mobile-search button[data-v-1fca3f26]{padding:0 12px;background:var(--primary, #165DFF);color:#fff;border:none;border-radius:var(--radius, 6px);font-size:13px;cursor:pointer}.mobile-panel a[data-v-1fca3f26]{display:block;padding:10px 16px;font-size:14px;color:var(--text-secondary, #666);transition:background .15s}.mobile-panel a[data-v-1fca3f26]:hover{background:var(--border-light, #F0F2F5);color:var(--text, #333)}.mobile-user-name[data-v-1fca3f26]{padding:10px 16px;color:var(--primary, #165DFF);font-weight:600;border-bottom:1px solid var(--border-light, #F0F2F5);margin-bottom:4px}@media (max-width: 768px){.top-bar .top-links[data-v-1fca3f26],.logo-bar .logo .logo-sub[data-v-1fca3f26]{display:none}.logo-bar .search-box[data-v-1fca3f26]{max-width:none}.logo-bar .header-actions .h-btn span[data-v-1fca3f26]{display:none}.main-nav[data-v-1fca3f26]{overflow-x:auto}.main-nav .nav-link[data-v-1fca3f26]{padding:0 14px;white-space:nowrap;font-size:13px}}@media (max-width: 640px){.logo .logo-sub[data-v-1fca3f26],.logo.has-logo .logo-text[data-v-1fca3f26],.logo-bar .search-box[data-v-1fca3f26],.logo-bar .header-actions[data-v-1fca3f26],.main-nav[data-v-1fca3f26]{display:none}.mobile-menu-btn[data-v-1fca3f26]{display:flex;align-items:center;justify-content:center}.mobile-panel[data-v-1fca3f26]{top:calc(var(--nav-top) + var(--nav-logo))}}.site-footer[data-v-6af19634]{background:#1D2129;padding:36px 0;color:#fff9}.site-footer .fg[data-v-6af19634]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.site-footer h4[data-v-6af19634]{font-size:13px;margin-bottom:10px;font-weight:600;color:#ffffffd9}.site-footer p[data-v-6af19634],.site-footer a[data-v-6af19634]{font-size:12px;color:#ffffff80;line-height:2}.site-footer a[data-v-6af19634]:hover{color:var(--primary, #165DFF)}.site-footer .fb[data-v-6af19634]{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.site-footer .fbot[data-v-6af19634]{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:11px;color:#ffffff59}.site-footer .fbot a[data-v-6af19634]{color:#ffffff80}.site-footer .fbot a[data-v-6af19634]:hover{color:var(--primary, #165DFF)}@media (max-width: 768px){.site-footer[data-v-6af19634]{display:none}.site-footer .fg[data-v-6af19634]{grid-template-columns:1fr 1fr}}.mobile-nav[data-v-9be0b67d]{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--card, #fff);border-top:1px solid var(--border, #E5E8EF);padding:4px 0 env(safe-area-inset-bottom,4px);grid-template-columns:repeat(4,1fr);box-shadow:0 -2px 8px #0000000f}.mn-item[data-v-9be0b67d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;font-size:10px;color:var(--text-muted, #999);text-decoration:none;transition:color .15s}.mn-item.active[data-v-9be0b67d],.mn-item[data-v-9be0b67d]:hover{color:var(--primary, #165DFF)}@media (max-width: 768px){.mobile-nav[data-v-9be0b67d]{display:grid}}.popup-overlay[data-v-e41f4c8e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.popup-dialog[data-v-e41f4c8e]{max-width:480px;width:100%;max-height:80vh;overflow-y:auto;border-radius:16px;padding:32px 28px 24px;position:relative;box-shadow:0 20px 60px #00000040;animation:popup-in-e41f4c8e .3s ease-out}.popup-close[data-v-e41f4c8e]{position:absolute;top:10px;right:14px;background:none;border:none;font-size:24px;cursor:pointer;opacity:.5;transition:opacity .2s;line-height:1;padding:4px}.popup-close[data-v-e41f4c8e]:hover{opacity:1}.popup-title[data-v-e41f4c8e]{font-size:18px;font-weight:700;text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.popup-body[data-v-e41f4c8e]{font-size:14px;line-height:1.8;margin-bottom:20px}.popup-body[data-v-e41f4c8e] a{color:inherit;text-decoration:underline}.popup-action[data-v-e41f4c8e]{text-align:center}.popup-btn[data-v-e41f4c8e]{padding:10px 36px;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.popup-btn[data-v-e41f4c8e]:hover{opacity:.9;transform:translateY(-1px)}.popup-fade-enter-active[data-v-e41f4c8e]{transition:opacity .3s ease}.popup-fade-leave-active[data-v-e41f4c8e]{transition:opacity .25s ease}.popup-fade-enter-from[data-v-e41f4c8e],.popup-fade-leave-to[data-v-e41f4c8e]{opacity:0}@keyframes popup-in-e41f4c8e{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lanyi-app[data-v-e96297a7]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-e96297a7]{flex:1;padding-top:16px;padding-bottom:32px}@media (max-width: 768px){.main-content[data-v-e96297a7]{padding-bottom:70px}}:root{--primary: #165DFF;--primary-hover: #0E42D2;--primary-light: #E8F0FF;--red: #F53F3F;--red-light: #FFF0F0;--success: #00B42A;--success-bg: #F0FFF4;--warning: #FF7D00;--warning-bg: #FFF7E6;--bg: #F5F7FA;--card: #FFFFFF;--text: #333333;--text-secondary: #666666;--text-muted: #999999;--border: #E5E8EF;--border-light: #F0F2F5;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 10px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--radius: 6px;--radius-lg: 10px;--max-width: 1320px;--nav-top: 30px;--nav-logo: 70px}:root.theme-dynamic{--primary: var(--theme-primary, #165DFF);--primary-hover: var(--theme-primary-hover, #0E42D2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;padding-top:calc(var(--nav-top) + var(--nav-logo) + 46px);min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.page-section{padding:24px 0}#app{min-height:100vh}.p-img.bg1{background:linear-gradient(135deg,#667eea,#764ba2)}.p-img.bg2{background:linear-gradient(135deg,#f093fb,#f5576c)}.p-img.bg3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.p-img.bg4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.p-img.bg5{background:linear-gradient(135deg,#fa709a,#fee140)}.p-img.bg6{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.p-img.bg7{background:linear-gradient(135deg,#fccb90,#d57eeb)}.p-img.bg8{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.p-img.bg9{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.p-img.bg10{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--text-muted);padding:16px 0}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--primary)}@media (max-width: 768px){.breadcrumb{display:none}}.toast-container{position:fixed;top:80px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:6px}.toast{padding:10px 18px;border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:13px;animation:toastSlideIn .3s ease;display:flex;align-items:center;gap:6px;min-width:240px}.toast.success{background:var(--success-bg);color:var(--success);border:1px solid #BBF7D0}.toast.error{background:var(--red-light);color:var(--red);border:1px solid #FECACA}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state .ei{font-size:44px;margin-bottom:10px}.empty-state h3{font-size:15px;color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:13px}.user-layout{display:grid;grid-template-columns:200px 1fr;gap:20px;margin-top:16px;align-items:start}.user-sidebar{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px 0}.user-sidebar .up{text-align:center;padding:0 16px 16px;border-bottom:1px solid var(--border-light)}.user-sidebar .sm{list-style:none;padding:8px 0}.user-sidebar .sm li a{display:flex;align-items:center;gap:8px;padding:9px 20px;font-size:13px;color:var(--text-secondary);transition:all .2s}.user-sidebar .sm li a:hover{background:var(--border-light);color:var(--text)}.user-sidebar .sm li.active a{background:var(--primary-light);color:var(--primary);font-weight:500;border-right:3px solid var(--primary)}.user-content{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;min-height:400px}.user-content .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.user-content .ch h2{font-size:16px;font-weight:600}.order-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.order-tabs span{padding:8px 20px;font-size:13px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.order-tabs span:hover{color:var(--primary)}.order-tabs span.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.ut{width:100%;border-collapse:collapse}.ut th{text-align:left;padding:10px 8px;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border)}.ut td{padding:12px 8px;font-size:13px;border-bottom:1px solid var(--border-light)}.ut .os{display:inline-block;padding:1px 8px;border-radius:3px;font-size:11px}.ut .os.paid{background:var(--success-bg);color:var(--success)}.ut .os.pending{background:var(--warning-bg);color:var(--warning)}.ut .os.done{background:#E8F0FF;color:var(--primary)}.ut .os.cancelled{background:#F5F5F5;color:var(--text-muted)}.ut .op{font-weight:600;color:var(--red)}.ut .oa{padding:3px 10px;border:1px solid var(--border);border-radius:3px;font-size:11px;cursor:pointer;background:var(--card);transition:all .2s}.ut .oa:hover{border-color:var(--primary);color:var(--primary)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:4px;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:13px;outline:none;transition:border-color .2s;background:var(--card)}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #165dff1a}.form-group .tip{font-size:11px;color:var(--text-muted);margin-top:3px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-top) - var(--nav-logo) - 46px - 60px)}.auth-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:36px;width:400px;box-shadow:var(--shadow-lg)}.auth-card .ah{text-align:center;margin-bottom:24px}.auth-card .ah .al{width:52px;height:52px;background:linear-gradient(135deg,var(--primary),#4096FF);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800;margin:0 auto 10px}.auth-card .ah h2{font-size:20px;font-weight:700}.auth-card .ah p{font-size:13px;color:var(--text-secondary);margin-top:3px}.auth-card .btn-primary{width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.auth-card .btn-primary:hover{background:var(--primary-hover)}.auth-card .btn-primary:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.auth-card .af{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:16px}.auth-card .af a{font-weight:500}@media (max-width: 768px){.user-layout{grid-template-columns:1fr}.auth-card{width:100%;margin:0 16px;padding:28px}}@media (max-width: 480px){.product-grid,.quick-actions{grid-template-columns:1fr 1fr}}@media (max-width: 640px){body{padding-top:calc(var(--nav-top) + var(--nav-logo))}}