:root{color-scheme:light;--layout-max-width: 1600px;--primary: #2563eb;--primary-soft: #dbeafe;--success: #059669;--danger: #e11d48;--warning: #d97706;--bg: #f4f6fb;--card: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--radius: 10px;--shadow: 0 2px 10px rgba(15, 23, 42, .06)}:root[data-theme=red]{--primary: #dc2626;--primary-soft: #fee2e2;--header-start: #b91c1c;--header-end: #f59e0b}:root[data-theme=black]{--primary: #1f2937;--primary-soft: #e5e7eb;--header-start: #111827;--header-end: #374151}:root[data-theme=yellow]{--primary: #d97706;--primary-soft: #fef3c7;--header-start: #b45309;--header-end: #fbbf24}:root[data-theme=green]{--primary: #059669;--primary-soft: #d1fae5;--header-start: #047857;--header-end: #34d399}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.error-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a80}.error-dialog-mask[hidden]{display:none}.error-dialog{width:min(420px,100%);overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0f172a33}.error-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.error-dialog-head h3{margin:0;color:var(--danger);font-size:16px}.error-dialog-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.error-dialog-body{margin:0;padding:18px 16px;color:var(--text);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.main-content{flex:1;width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:16px 16px 88px}.header{width:100%;background:linear-gradient(135deg,var(--header-start, #1d4ed8) 0%,var(--header-end, #0ea5e9) 100%);color:#fff;box-shadow:0 2px 12px #0f172a1f;position:sticky;top:0;z-index:100}.header-content{max-width:var(--layout-max-width);margin:0 auto;padding:8px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.header-slogan{display:none;font-size:12px;color:#ffffffc7;white-space:nowrap}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.logo{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:800;cursor:pointer;white-space:nowrap}.logo-icon,.tab-icon{display:inline-flex;align-items:center;justify-content:center}.logo-icon svg,.tab-icon svg{width:1em;height:1em}.nav{display:flex;gap:8px;flex-wrap:wrap}.desktop-nav{display:none}.nav-item,.login-btn{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);background:#ffffff1f;padding:5px 11px;border-radius:999px;transition:.2s}.nav-item:hover,.login-btn:hover{background:#ffffff3d}.user-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-role{background:#fff3;padding:3px 10px;border-radius:999px;font-size:11px}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;height:62px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid var(--border);box-shadow:0 -4px 16px #0f172a0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;justify-content:center}.tab-item{flex:1 1 0;min-width:0;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;font-size:11px;transition:color .2s}.tab-icon{font-size:20px;line-height:1;transition:transform .2s}.tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-item.active{color:var(--primary);font-weight:700}.tab-item.active .tab-icon{transform:translateY(-1px)}.footer{text-align:center;padding:20px;background:#eef2f7;color:var(--muted);margin-top:auto}.msg-success,.msg-error,.msg-warning{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)}.msg-success{background:#d1fae5;color:#065f46}.msg-error{background:#ffe4e6;color:#9f1239}.msg-warning{background:#fef3c7;color:#92400e}.login-container{min-height:78vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af,#0891b2);border-radius:20px;padding:32px}.login-card{background:#fff;border-radius:18px;padding:32px;width:100%;max-width:420px;box-shadow:0 24px 60px #0f172a33}.login-header{text-align:center;margin-bottom:24px}.form-item{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-item label{font-weight:700}.form-item input,.form-item select,.form-item textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;outline:none;background:#f8fafc}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:var(--primary);background:#fff}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.field-head label{margin:0}.field-counter{flex:none;color:var(--muted);font-size:12px;font-weight:500}.required-mark{color:#dc2626;margin-left:2px}.field-hint{color:var(--muted);font-size:12px;line-height:1.5}.field-error{display:flex;align-items:flex-start;gap:5px;color:#dc2626;font-size:12px;line-height:1.45}.field-error svg{flex:none;width:13px;height:13px;margin-top:1px}.form-item.is-error input,.form-item.is-error select,.form-item.is-error textarea{border-color:#f87171;background:#fff}.form-item.is-error input:focus,.form-item.is-error select:focus,.form-item.is-error textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.form-section{margin-bottom:18px;padding-top:16px;border-top:1px solid #eef2f7}.form-section:first-child{margin-top:4px;padding-top:0;border-top:none}.form-section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#1f2937;font-size:14px;font-weight:700}.form-section-title:before{content:"";width:4px;height:14px;border-radius:999px;background:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.input-affix{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:#f8fafc;transition:border-color .2s,box-shadow .2s,background .2s}.input-affix:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-soft)}.input-affix .affix{flex:none;padding-left:14px;color:#94a3b8;font-size:14px;font-weight:700}.input-affix input{width:100%;padding:12px 14px 12px 6px;border:none;outline:none;background:transparent}.form-item.is-error .input-affix{border-color:#f87171}.form-item.is-error .input-affix:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.btn-spinner{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border:2px solid rgba(255,255,255,.45);border-top-color:currentColor;border-radius:50%;animation:form-spin .7s linear infinite}@keyframes form-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.login-btn{background:linear-gradient(135deg,#2563eb,#0891b2);border:none;padding:12px 22px;border-radius:10px;font-weight:700}.register-link{text-align:center;color:var(--muted);margin-top:16px}.register-link a{color:var(--primary);text-decoration:none}.banner{background:linear-gradient(135deg,#1d4ed8,#06b6d4);border-radius:18px;padding:40px;text-align:center;color:#fff;margin-bottom:20px}.search-bar{display:flex;gap:12px;margin-bottom:18px}.search-bar input{flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:10px}.search-bar button,.submit-btn,.checkout-btn,.primary-btn{background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:700}.category-list,.filter-tabs,.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.category-item,.filter-item,.admin-tab{padding:9px 16px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted)}.category-item.active,.filter-item.active,.admin-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.product-card,.order-card,.cart-item,.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.product-card{overflow:hidden;cursor:pointer;transition:.2s}.product-card:hover{transform:translateY(-3px)}.product-card,.order-card,.cart-item,.home-card,.footprint-item{content-visibility:auto;contain-intrinsic-size:auto 140px}.product-image{height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{font-size:44px}.product-info{padding:12px}.product-name{font-size:15px;font-weight:800;margin-bottom:5px;line-height:1.35}.product-desc{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.price{color:var(--danger);font-weight:800}.product-price{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.product-sales{color:var(--muted);font-size:12px}.product-meta{color:var(--muted);font-size:12px;margin:6px 0}.add-cart-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:9px;border-radius:10px;font-weight:700}.order-card,.cart-item,.card{padding:18px;margin-bottom:14px}.order-status{padding:4px 12px;border-radius:999px;font-size:13px}.order-status.pending{background:#fef3c7;color:#92400e}.order-status.paid,.order-status.shipped{background:#dcfce7;color:#166534}.order-status.completed{background:#e2e8f0;color:#334155}.order-actions,.product-actions-admin{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.order-actions button,.product-actions-admin button{padding:8px 16px;border:1px solid var(--primary);border-radius:8px;background:#fff;color:var(--primary)}.cart-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:16px;border-radius:var(--radius)}.empty{text-align:center;padding:40px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}.home-toolbar{gap:10px;margin-bottom:14px}.home-ai-entry{height:40px;padding:0 12px;font-size:13px}.home-ai-entry-icon{font-size:15px}.home-search{height:40px}.home-search-btn{height:30px;font-size:13px}.home-categories{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))!important;gap:12px 6px}.home-cat-icon{width:46px;height:46px;font-size:22px}.home-cat-name{font-size:12px}.home-products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px}.home-banner{padding:18px 20px;border-radius:18px;margin-bottom:22px}.home-banner h2{font-size:26px}.home-banner p{font-size:13px}.home-banner-art{font-size:62px}.home-section{margin-bottom:22px}.home-section-head h3{font-size:17px}.home-card-name{font-size:14px}.home-card-desc{font-size:12px}.home-card-amount{font-size:18px}.home-card-add{width:30px;height:30px;font-size:18px}.home-card-sales{font-size:11px}.detail-grid{grid-template-columns:1fr!important;gap:16px}.region-row{grid-template-columns:1fr!important}.settings-page{padding:0 0 48px}.role-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-page{padding:0 0 40px}.profile-hero{margin:-16px -20px 12px!important;border-radius:0 0 18px 18px!important}.panel{margin-left:0;margin-right:0}.base-button[data-v-5f74baf2]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px}.base-button.is-loading[data-v-5f74baf2]{pointer-events:none}.base-button-spinner[data-v-5f74baf2]{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:base-button-spin-5f74baf2 .7s linear infinite}.base-button-content[data-v-5f74baf2]{display:inline-flex;align-items:center;justify-content:center;min-width:0}@keyframes base-button-spin-5f74baf2{to{transform:rotate(360deg)}}.home-page[data-v-23c644ae]{max-width:var(--layout-max-width);margin:0 auto}.home-toolbar[data-v-23c644ae]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.home-ai-entry[data-v-23c644ae]{position:relative;display:inline-flex;align-items:center;gap:4px;flex:none;height:40px;padding:0 12px;overflow:hidden;background:linear-gradient(120deg,#4f46e5,#7c3aed 30%,#db2777,#0ea5e9 80%,#4f46e5);background-size:300% 100%;border:none;border-radius:999px;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 22px #7c3aed52;transition:transform .18s ease,box-shadow .18s ease;animation:ai-entry-pulse-23c644ae 3s ease-in-out infinite,ai-button-flow-23c644ae 6s ease-in-out infinite alternate}.home-ai-entry-wrap[data-v-23c644ae]{position:relative;flex:none;max-width:170px}.home-ai-entry-hint[data-v-23c644ae]{position:absolute;top:calc(100% + 4px);left:2px;z-index:5;width:max-content;max-width:170px;margin:0;padding:4px 8px;border-radius:6px;background:#0f172ad1;color:#fff;font-size:11px;line-height:1.4;overflow-wrap:break-word}.home-ai-entry[data-v-23c644ae]:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 10px 26px #7c3aed6b}.home-ai-entry[data-v-23c644ae]:active{transform:translateY(0) scale(.98)}.home-ai-entry[data-v-23c644ae]:before,.home-ai-entry[data-v-23c644ae]:after{content:"";position:absolute;top:-60%;bottom:-60%;width:70%;pointer-events:none;mix-blend-mode:screen}.home-ai-entry[data-v-23c644ae]:before{left:-50%;background:linear-gradient(100deg,transparent 0%,rgba(34,211,238,.85) 28%,rgba(255,255,255,.9) 46%,rgba(244,114,182,.85) 64%,transparent 100%);animation:ai-water-sweep-23c644ae 4.6s cubic-bezier(.45,0,.25,1) infinite,ai-water-hue-23c644ae 6s linear infinite}.home-ai-entry[data-v-23c644ae]:after{left:-40%;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.7),rgba(96,165,250,.55) 40%,transparent 70%);animation:ai-water-ripple-23c644ae 4.6s cubic-bezier(.45,0,.25,1) 1.2s infinite,ai-water-hue-23c644ae 6s linear infinite}.home-ai-entry[data-v-23c644ae]:focus-visible{outline:2px solid #fff;outline-offset:2px}.home-ai-entry-icon[data-v-23c644ae]{font-size:15px;position:relative;z-index:1;animation:ai-entry-float-23c644ae 2.4s ease-in-out infinite}.home-ai-entry-text[data-v-23c644ae]{position:relative;z-index:1}.home-search[data-v-23c644ae]{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;background:#fff;border:1px solid var(--border);border-radius:999px}.home-search-icon[data-v-23c644ae]{font-size:14px;color:var(--muted)}.home-search input[data-v-23c644ae]{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:13px;color:var(--text)}.home-search input[data-v-23c644ae]::placeholder{color:#94a3b8}.home-search-btn[data-v-23c644ae]{flex:none;height:30px;padding:0 14px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.suggestion-list[data-v-23c644ae]{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:2px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.suggestion-item[data-v-23c644ae]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);text-align:left}.suggestion-item[data-v-23c644ae]:hover{background:#f1f5f9}.suggestion-name[data-v-23c644ae]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.suggestion-price[data-v-23c644ae]{flex:none;color:var(--danger);font-weight:700;font-size:13px}.pagination[data-v-23c644ae]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.pagination button[data-v-23c644ae]{min-width:38px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:13px}.pagination button.active[data-v-23c644ae]{background:var(--primary);border-color:var(--primary);color:#fff}.pagination button[data-v-23c644ae]:disabled{opacity:.45;cursor:not-allowed}.modal-mask[data-v-23c644ae]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#0f172a8c;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ai-mask-in-23c644ae .28s ease both}.modal-card.ai-modal[data-v-23c644ae]{position:relative;width:min(520px,100%);max-height:82vh;overflow:auto;padding:24px;background:#fffffffa;border-radius:18px;box-shadow:0 24px 64px #0f172a3d;animation:ai-modal-in-23c644ae .46s cubic-bezier(.2,.9,.3,1.15) both}.ai-ripples[data-v-23c644ae]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ai-ripples span[data-v-23c644ae]{position:absolute;top:50%;left:50%;width:var(--ripple-size);height:var(--ripple-size);margin:calc(var(--ripple-size) / -2) 0 0 calc(var(--ripple-size) / -2);border-radius:50%;background:radial-gradient(circle,hsl(var(--ripple-hue) 88% 72% / .55),transparent 65%);opacity:0;animation:ai-ripple-out-23c644ae 1.1s ease-out forwards;animation-delay:var(--ripple-delay)}.ai-modal-head[data-v-23c644ae]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ai-modal-title[data-v-23c644ae]{display:flex;align-items:center;gap:10px;min-width:0}.ai-modal-icon[data-v-23c644ae]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#db2777);color:#fff;font-size:18px}.ai-modal-head h3[data-v-23c644ae]{margin:0;font-size:17px;font-weight:800;color:var(--text)}.ai-modal-head p[data-v-23c644ae]{margin:2px 0 0;font-size:12px;color:var(--muted)}.modal-close[data-v-23c644ae]{flex:none;width:30px;height:30px;border:none;border-radius:999px;background:#f1f5f9e6;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;transition:background .18s ease,transform .18s ease}.modal-close[data-v-23c644ae]:hover{background:#e2e8f0;transform:rotate(90deg)}.ai-tip[data-v-23c644ae]{position:relative;margin:0 0 12px;color:var(--muted);font-size:13px}.ai-modal textarea[data-v-23c644ae]{position:relative;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;outline:none;background:#f8fafc;resize:vertical;font:inherit;font-size:13px;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ai-modal textarea[data-v-23c644ae]:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed24}.ai-result[data-v-23c644ae]{position:relative;margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,#f8fafc,#faf5ff)}.ai-result-title[data-v-23c644ae]{margin-bottom:8px;font-size:13px;font-weight:700}.ai-result-item[data-v-23c644ae]{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:13px}.ai-total[data-v-23c644ae]{margin-top:8px;color:var(--danger);font-size:16px;font-weight:800}.ai-message[data-v-23c644ae]{margin-top:6px;color:#0369a1;font-size:12px}.ai-actions[data-v-23c644ae]{margin-top:16px;justify-content:flex-end}.ai-actions .ai-btn-ghost[data-v-23c644ae]{background:transparent;border-color:#e2e8f0;color:var(--muted)}.ai-actions .ai-btn-primary[data-v-23c644ae]{background:linear-gradient(120deg,#4f46e5,#7c3aed 55%,#db2777);border:none;color:#fff;box-shadow:0 8px 18px #7c3aed47;transition:transform .18s ease,box-shadow .18s ease}.ai-actions .ai-btn-primary[data-v-23c644ae]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #7c3aed5c}.ai-actions .ai-btn-primary[data-v-23c644ae]:disabled{opacity:.7;cursor:not-allowed}.home-banner[data-v-23c644ae]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;padding:18px 20px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#1d4ed8,#0ea5e9 68%,#fbbf24);box-shadow:0 12px 28px #1d4ed82e;overflow:hidden}.home-banner-copy[data-v-23c644ae]{position:relative;z-index:1}.home-banner-tag[data-v-23c644ae]{display:inline-block;padding:3px 10px;border-radius:999px;background:#ffffff38;font-size:12px;font-weight:600}.home-banner h2[data-v-23c644ae]{margin:8px 0 4px;font-size:26px;font-weight:800;line-height:1.2}.home-banner p[data-v-23c644ae]{margin:0;font-size:13px;color:#ffffffe6}.home-banner-art[data-v-23c644ae]{font-size:62px;line-height:1;filter:drop-shadow(0 8px 12px rgba(7,31,91,.25))}.home-section[data-v-23c644ae]{margin-bottom:22px}.home-section-head[data-v-23c644ae]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.home-section-head h3[data-v-23c644ae]{margin:0;font-size:17px;font-weight:800;color:var(--text)}.home-section-note[data-v-23c644ae]{font-size:12px;color:var(--muted)}.home-more[data-v-23c644ae]{border:none;background:transparent;color:var(--primary);font-size:13px;font-weight:600}.home-categories[data-v-23c644ae]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 6px}.home-cat[data-v-23c644ae]{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;border:none;background:transparent;color:var(--text)}.home-cat-icon[data-v-23c644ae]{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#eef4ff;font-size:22px;transition:transform .2s,background .2s}.home-cat.active .home-cat-icon[data-v-23c644ae]{background:var(--primary-soft);transform:translateY(-2px)}.home-cat-name[data-v-23c644ae]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.home-cat.active .home-cat-name[data-v-23c644ae]{color:var(--primary)}.home-products[data-v-23c644ae]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.home-card[data-v-23c644ae]{min-width:0;overflow:hidden;background:#fff;border-radius:14px;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s,box-shadow .18s}.home-card[data-v-23c644ae]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f}.home-card-img[data-v-23c644ae]{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.home-card-img img[data-v-23c644ae]{width:100%;height:100%;object-fit:cover}.home-card-placeholder[data-v-23c644ae]{font-size:48px}.home-card-body[data-v-23c644ae]{padding:10px 12px 12px}.home-card-name[data-v-23c644ae]{margin:0;min-height:1.35em;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}.home-card-desc[data-v-23c644ae]{margin:4px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.home-card-bottom[data-v-23c644ae]{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-card-price[data-v-23c644ae]{min-width:0;color:var(--danger);font-weight:800}.home-card-currency[data-v-23c644ae]{font-size:12px}.home-card-amount[data-v-23c644ae]{font-size:18px}.home-card-add[data-v-23c644ae]{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:var(--primary);color:#fff;font-size:18px;line-height:1}.home-card-sales[data-v-23c644ae]{margin:6px 0 0;font-size:11px;color:var(--muted)}.skeleton-card[data-v-23c644ae]{pointer-events:none}.skeleton-block[data-v-23c644ae]{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0,#eef2f7 75%);background-size:200% 100%;animation:skeleton-shimmer-23c644ae 1.4s ease-in-out infinite;border-radius:8px}.skeleton-img[data-v-23c644ae]{width:100%;aspect-ratio:1 / 1}.home-cat-skeleton[data-v-23c644ae]{justify-self:center;width:46px;height:46px;border-radius:50%}.skeleton-line[data-v-23c644ae]{height:12px;margin:12px 12px 0}.skeleton-line--wide[data-v-23c644ae]{width:72%}.skeleton-line--short[data-v-23c644ae]{width:46%;margin-bottom:14px}@keyframes skeleton-shimmer-23c644ae{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ai-entry-pulse-23c644ae{0%,to{box-shadow:0 8px 22px #7c3aed4d}50%{box-shadow:0 10px 30px #7c3aed75}}@keyframes ai-entry-float-23c644ae{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-2px) rotate(4deg)}}@keyframes ai-button-flow-23c644ae{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes ai-water-sweep-23c644ae{0%{transform:translate(-115%,-12%) skew(-14deg) scaleY(.92)}25%{transform:translate(-35%,12%) skew(-9deg) scaleY(1.06)}55%,to{transform:translate(265%,-8%) skew(-14deg) scaleY(.94)}}@keyframes ai-water-ripple-23c644ae{0%{opacity:0;transform:translate(-85%) scale(.55)}18%{opacity:.65}55%,to{opacity:0;transform:translate(240%) scale(1.35)}}@keyframes ai-water-hue-23c644ae{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(120deg)}}@keyframes ai-mask-in-23c644ae{0%{opacity:0}to{opacity:1}}@keyframes ai-modal-in-23c644ae{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ai-ripple-out-23c644ae{0%{opacity:.55;transform:scale(.2)}70%{opacity:.22}to{opacity:0;transform:scale(1)}}@media (min-width: 768px){.home-categories[data-v-23c644ae]{grid-template-columns:repeat(8,1fr)}.home-products[data-v-23c644ae]{grid-template-columns:repeat(4,1fr);gap:16px}}@media (prefers-reduced-motion: reduce){.home-ai-entry[data-v-23c644ae],.home-ai-entry-icon[data-v-23c644ae],.home-ai-entry[data-v-23c644ae]:before,.home-ai-entry[data-v-23c644ae]:after,.modal-mask[data-v-23c644ae],.modal-card.ai-modal[data-v-23c644ae],.ai-ripples span[data-v-23c644ae]{animation:none!important}}@media (min-width: 1600px){.home-toolbar[data-v-23c644ae]{gap:14px;margin-bottom:18px}.home-ai-entry[data-v-23c644ae]{height:46px;padding:0 16px;font-size:14px}.home-search[data-v-23c644ae]{height:46px}.home-banner[data-v-23c644ae]{padding:28px 34px;border-radius:24px;margin-bottom:26px}.home-banner-tag[data-v-23c644ae]{padding:4px 12px;font-size:13px}.home-banner h2[data-v-23c644ae]{margin:10px 0 6px;font-size:36px}.home-banner p[data-v-23c644ae]{font-size:15px}.home-banner-art[data-v-23c644ae]{font-size:92px}.home-section[data-v-23c644ae]{margin-bottom:28px}.home-section-head[data-v-23c644ae]{margin-bottom:16px}.home-section-head h3[data-v-23c644ae]{font-size:20px}.home-categories[data-v-23c644ae]{grid-template-columns:repeat(12,1fr);gap:18px 14px}.home-cat-icon[data-v-23c644ae]{width:58px;height:58px;font-size:27px}.home-cat-name[data-v-23c644ae]{font-size:13px}.home-products[data-v-23c644ae]{grid-template-columns:repeat(6,1fr);gap:18px}.home-card-body[data-v-23c644ae]{padding:14px 16px 16px}.home-card-name[data-v-23c644ae]{font-size:15px}.home-card-desc[data-v-23c644ae]{font-size:13px}.home-card-amount[data-v-23c644ae]{font-size:21px}.home-card-add[data-v-23c644ae]{width:34px;height:34px;font-size:20px}.home-card-sales[data-v-23c644ae]{font-size:12px}}@media (min-width: 2200px){.home-toolbar[data-v-23c644ae]{gap:18px;margin-bottom:22px}.home-ai-entry[data-v-23c644ae]{height:54px;padding:0 20px;font-size:15px}.home-ai-entry-icon[data-v-23c644ae]{font-size:17px}.home-search[data-v-23c644ae]{height:54px;gap:10px;padding-left:16px}.home-search input[data-v-23c644ae]{font-size:15px}.home-search-btn[data-v-23c644ae]{height:36px;padding:0 18px;font-size:14px}.home-banner[data-v-23c644ae]{padding:34px 40px;border-radius:26px;margin-bottom:30px}.home-banner-tag[data-v-23c644ae]{padding:5px 14px;font-size:14px}.home-banner h2[data-v-23c644ae]{margin:12px 0 8px;font-size:44px}.home-banner p[data-v-23c644ae]{font-size:17px}.home-banner-art[data-v-23c644ae]{font-size:108px}.home-section[data-v-23c644ae]{margin-bottom:32px}.home-section-head[data-v-23c644ae]{margin-bottom:18px}.home-section-head h3[data-v-23c644ae]{font-size:22px}.home-categories[data-v-23c644ae]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px 16px}.home-cat-icon[data-v-23c644ae]{width:68px;height:68px;font-size:32px}.home-cat-name[data-v-23c644ae]{font-size:14px}.home-products[data-v-23c644ae]{grid-template-columns:repeat(8,1fr);gap:22px}.home-card-body[data-v-23c644ae]{padding:16px 18px 18px}.home-card-name[data-v-23c644ae]{font-size:16px}.home-card-desc[data-v-23c644ae]{font-size:14px}.home-card-amount[data-v-23c644ae]{font-size:23px}.home-card-add[data-v-23c644ae]{width:38px;height:38px;font-size:22px}.home-card-sales[data-v-23c644ae]{font-size:13px}}