.navbar[data-v-203b75bd]{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 2px 10px #0000004d}.navbar-container[data-v-203b75bd]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}.navbar-logo[data-v-203b75bd]{font-size:24px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:1px}.navbar-logo[data-v-203b75bd]:hover{color:#4fc3f7}.navbar-menu[data-v-203b75bd]{display:flex;list-style:none;margin:0;padding:0;gap:0}.nav-link[data-v-203b75bd]{display:block;padding:0 20px;color:#ffffffd9;text-decoration:none;font-size:15px;line-height:60px;transition:all .3s ease;position:relative}.nav-link[data-v-203b75bd]:hover{color:#fff;background:#ffffff0d}.nav-link.active[data-v-203b75bd]{color:#4fc3f7}.nav-link.active[data-v-203b75bd]:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:#4fc3f7}.navbar-user[data-v-203b75bd]{display:flex;align-items:center;gap:15px}.username[data-v-203b75bd]{color:#4fc3f7;font-size:14px;font-weight:500}.admin-link[data-v-203b75bd]{color:#ffd54f;font-size:14px}.admin-link[data-v-203b75bd]:hover{color:#ffecb3}.logout-btn[data-v-203b75bd]{padding:6px 16px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.logout-btn[data-v-203b75bd]:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.register-link[data-v-203b75bd]{padding:6px 16px;background:#4fc3f7;color:#1a1a2e;border-radius:4px;line-height:normal;font-weight:500}.register-link[data-v-203b75bd]:hover{background:#29b6f6;color:#1a1a2e}@media (max-width: 768px){.navbar-menu[data-v-203b75bd]{display:none}.navbar-container[data-v-203b75bd]{padding:0 15px}}.main-content{padding-top:60px;min-height:calc(100vh - 60px)}:root{--color-primary: #0F3460;--color-primary-light: #1a4a7a;--color-primary-dark: #0a2540;--color-accent: #E94560;--color-accent-light: #f16a7f;--color-accent-dark: #d42a47;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-white: #ffffff;--color-black: #000000;--font-family-primary: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-secondary: "Roboto", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 42px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 5px 15px rgba(0, 0, 0, .08);--shadow-xl: 0 10px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family-primary)}a{text-decoration:none;color:inherit}li{list-style:none}.container{width:90%;max-width:1200px;margin:0 auto}.top-bar{background:var(--color-primary);color:var(--color-white);text-align:center;padding:var(--spacing-sm);font-size:var(--font-size-xs)}.header{background:var(--color-white);box-shadow:var(--shadow-md);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:99}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.nav-menu{display:flex;gap:var(--spacing-xl)}.nav-menu li a{transition:var(--transition-normal);color:var(--color-neutral-700);font-size:var(--font-size-sm)}.nav-menu li a:hover{color:var(--color-accent)}.nav-menu li a.router-link-active{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.nav-ico{display:flex;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-lg)}.lang-btn{border:1px solid var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-xs)}.lang-btn:hover{background:var(--color-primary);color:var(--color-white)}.banner{background:linear-gradient(#0f3460b3,#0f3460b3),url(https://picsum.photos/id/1062/1920/600);background-size:cover;background-position:center;color:var(--color-white);text-align:center;padding:var(--spacing-3xl) 0}.banner h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold)}.banner p{margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.btn{background:var(--color-accent);color:var(--color-white);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);border:0;cursor:pointer;transition:var(--transition-normal);display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.btn:hover{opacity:.9;transform:translateY(-2px)}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.btn-outline{background:none;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.service{background:var(--color-neutral-100);padding:var(--spacing-2xl) 0}.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);text-align:center}.service-item{background:var(--color-white);padding:var(--spacing-xl) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-normal)}.service-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-item h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.sec-title{text-align:center;font-size:var(--font-size-2xl);margin:var(--spacing-2xl) 0 var(--spacing-xl);color:var(--color-neutral-800);font-weight:var(--font-weight-bold)}.page-title{font-size:var(--font-size-3xl);margin:var(--spacing-xl) 0;text-align:center;color:var(--color-primary);font-weight:var(--font-weight-bold)}.cate-row{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.cate-item{text-align:center;cursor:pointer}.cate-item img{width:100%;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:var(--transition-normal);object-fit:cover;aspect-ratio:1/1}.cate-item img:hover{transform:scale(1.05)}.cate-item p{font-size:var(--font-size-sm);color:var(--color-neutral-700)}.pro-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.pro-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-normal)}.pro-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pro-item img{width:100%;aspect-ratio:4/3;object-fit:cover}.pro-info{padding:var(--spacing-md)}.pro-info>div{margin-bottom:var(--spacing-sm)}.pro-info .en,.pro-info .cn{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.price{font-size:var(--font-size-sm)}.price del{color:var(--color-neutral-400);margin-right:var(--spacing-xs)}.price strong{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.form-box{max-width:450px;margin:var(--spacing-2xl) auto;padding:var(--spacing-xl);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:var(--color-white);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.form-control{width:100%;padding:var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);outline:none;font-size:var(--font-size-base);transition:var(--transition-fast)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f34601a}.subscribe{background:var(--color-primary);color:var(--color-white);text-align:center;padding:var(--spacing-xl) 0}.subscribe h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.subscribe input{padding:var(--spacing-md) var(--spacing-lg);width:320px;border-radius:var(--radius-full);border:0;margin-right:var(--spacing-sm);outline:none;font-size:var(--font-size-sm)}.cart-table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0}.cart-table th,.cart-table td{padding:var(--spacing-md);border:1px solid var(--color-neutral-200);text-align:center;font-size:var(--font-size-sm)}.cart-table th{background:var(--color-neutral-50);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.cart-total{text-align:right;font-size:var(--font-size-xl);margin:var(--spacing-lg) 0}.cart-total strong{color:var(--color-accent);font-weight:var(--font-weight-bold)}.admin-box{margin:var(--spacing-2xl) 0}.add-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:var(--color-white)}.product-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md)}.categories-page{padding:var(--spacing-xl) 0}.category-sidebar h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent)}.category-sidebar ul li{padding:var(--spacing-sm) 0;cursor:pointer;transition:var(--transition-fast);color:var(--color-neutral-600);font-size:var(--font-size-sm)}.category-sidebar ul li:hover{color:var(--color-accent);padding-left:var(--spacing-sm)}.category-sidebar ul li.active{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.category-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-800)}.category-count{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin:var(--spacing-2xl) 0}.product-image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.product-info{display:flex;flex-direction:column}.product-info h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-md)}.product-info .price{font-size:var(--font-size-2xl);margin:var(--spacing-xl) 0}.product-info .price del{font-size:var(--font-size-lg)}.product-info .price strong{font-size:var(--font-size-3xl)}.product-description{font-size:var(--font-size-base);color:var(--color-neutral-600);line-height:1.8;margin-bottom:var(--spacing-xl)}.product-actions{display:flex;gap:var(--spacing-md)}footer{background:var(--color-neutral-900);color:var(--color-neutral-400);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.foot-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.foot-col h4{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.foot-col li{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.foot-col li a{transition:var(--transition-fast)}.foot-col li a:hover{color:var(--color-accent)}.copyright{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-neutral-800);font-size:var(--font-size-xs)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.modal-box{background:var(--color-white);width:100%;max-width:450px;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-box h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-800);margin-bottom:var(--spacing-lg)}.bank-card{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.admin-table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0}.admin-table th,.admin-table td{border:1px solid var(--color-neutral-200);padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm)}.admin-table th{background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.admin-table img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.table-user{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0}.table-user th,.table-user td{padding:var(--spacing-md);border:1px solid var(--color-neutral-200);text-align:center;font-size:var(--font-size-sm)}.table-user th{background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.add-form-wrap{background:var(--color-neutral-100);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0}.add-form-wrap h3{margin-bottom:var(--spacing-lg);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.nav-menu{display:none}.service-row,.cate-row,.pro-row{grid-template-columns:repeat(2,1fr)}.foot-row{grid-template-columns:1fr}.subscribe input{width:85%;margin-bottom:var(--spacing-md);margin-right:0}.banner h1{font-size:var(--font-size-3xl)}.add-form,.product-detail,.grid-form,.categories-page .grid-layout{grid-template-columns:1fr}}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;font-size:16px;z-index:1;pointer-events:none}.input-wrapper .form-control{padding-left:38px;padding-right:38px}.toggle-password{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:16px;padding:4px;color:var(--color-neutral-500);transition:var(--transition-fast)}.toggle-password:hover{color:var(--color-primary)}.has-error .form-control{border-color:var(--color-accent);background:#fff5f5}.input-error{border-color:var(--color-accent)!important}.error-msg{display:block;color:var(--color-accent);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.password-strength{margin-top:var(--spacing-sm)}.strength-bar{height:4px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.strength-fill{height:100%;transition:all var(--transition-normal);border-radius:var(--radius-full)}.strength-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.strength-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.strength-suggestions{list-style:none;padding:0;margin:0}.strength-suggestions li{font-size:var(--font-size-xs);color:var(--color-neutral-600);padding-left:14px;position:relative;line-height:1.5}.strength-suggestions li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.remember-me{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.forgot-link{color:var(--color-primary);transition:var(--transition-fast)}.forgot-link:hover{color:var(--color-accent);text-decoration:underline}.agree-terms{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-neutral-600);cursor:pointer;-webkit-user-select:none;user-select:none}.agree-terms input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary);margin-top:2px}.agree-terms a{color:var(--color-primary);transition:var(--transition-fast)}.agree-terms a:hover{color:var(--color-accent);text-decoration:underline}.btn-loading{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:var(--spacing-sm)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.alert-error{background:#fff5f5;color:var(--color-accent);border:1px solid #fed7d7}.alert-success{background:#f0fff4;color:#22c55e;border:1px solid #c6f6d5}.alert-icon{font-size:16px}.form-footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.link-primary{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:var(--transition-fast);margin-left:var(--spacing-xs)}@media (max-width: 768px){.nav-menu{display:none}.form-box{padding:var(--spacing-lg);margin:var(--spacing-lg) auto}.form-options{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.password-strength{font-size:var(--font-size-xs)}.strength-suggestions li{padding-left:10px}.btn{width:100%;padding:var(--spacing-md) var(--spacing-lg)}.input-wrapper .form-control{padding-left:36px;padding-right:36px}.input-icon{left:10px;font-size:14px}.toggle-password{right:6px;font-size:14px}.error-msg{font-size:11px}.strength-bar{height:3px}.strength-text{font-size:11px}.strength-suggestions li{font-size:11px;line-height:1.4}}@media (min-width: 769px) and (max-width: 1024px){.form-box{max-width:500px}.nav-menu{gap:var(--spacing-md)}.nav-menu li a{font-size:var(--font-size-xs)}}@media (max-width: 480px){.container{width:95%}.form-box{padding:var(--spacing-md);margin:var(--spacing-md) auto;border-radius:var(--radius-lg)}.page-title{font-size:var(--font-size-2xl);margin:var(--spacing-lg) 0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-size:var(--font-size-xs)}.form-control{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.alert{padding:var(--spacing-sm);font-size:var(--font-size-xs)}}@media (hover: none) and (pointer: coarse){.toggle-password{padding:8px;min-width:44px;min-height:44px}.btn{min-height:44px}input[type=checkbox]{min-width:24px;min-height:24px}}@media (prefers-contrast: high){.form-control{border-width:2px}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.forgot-link{color:var(--color-accent);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.forgot-link:hover{color:var(--color-accent-dark);text-decoration:underline}.btn-block{width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-loading{pointer-events:none}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-icon{flex-shrink:0;font-size:16px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-neutral-200);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.link-primary{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-left:4px;transition:color var(--transition-fast)}.link-primary:hover{color:var(--color-accent);text-decoration:underline}.password-strength{margin-top:8px;display:flex;align-items:center;gap:8px}.strength-bar{flex:1;height:4px;background:var(--color-neutral-200);border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.strength-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.agree-terms{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:1.5}.agree-terms input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.agree-terms a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.agree-terms a:hover{text-decoration:underline}@media (max-width: 480px){.form-box{padding:var(--spacing-lg);margin:var(--spacing-lg) auto}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.page-title{font-size:var(--font-size-2xl)}}.cn{display:none}