#app{--bg: #f5f7fb;--surface: #FFFFFF;--s2: #f0f2f8;--s3: #e3e6f0;--border: #e5e7eb;--border-hover: #d1d5db;--text: #1a2e55;--t2: #4b5563;--t3: #6b7280;--lime: #F57539;--lime-fg: #ffffff;--orange: #e06429;--green: #059669;--red: #F57539;--blue: #4D148C;--r: 14px;--shadow: 0 8px 32px rgba(0,0,0,.08)}#app .container{max-width:1400px;margin:0 auto;padding:20px 24px;display:flex;gap:20px}#app .sidebar{width:240px;flex-shrink:0;position:sticky;top:72px;align-self:flex-start;max-height:calc(100vh - 92px);overflow-y:auto}#app .sidebar::-webkit-scrollbar{width:3px}#app .sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}#app .sidebar-hdr{font-size:14px;font-weight:700;color:var(--text);padding:12px 14px;display:flex;align-items:center;gap:8px}#app .sidebar-hdr i{color:var(--lime);font-size:13px}#app .cat-tree{display:flex;flex-direction:column;gap:1px}#app .cat-parent{padding:9px 14px;border-radius:var(--r);font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:.15s;display:flex;align-items:center;gap:6px;user-select:none}#app .cat-parent:hover{background:var(--s2)}#app .cat-parent .cp-icon{width:16px;text-align:center;color:var(--t3);font-size:10px;transition:transform .2s}#app .cat-parent.active{color:var(--lime);font-weight:700}#app .cat-children{display:none;padding-left:12px}#app .cat-parent.open+.cat-children{display:flex;flex-direction:column;gap:1px}#app .cat-child{padding:7px 14px 7px 26px;border-radius:var(--r);font-size:12px;font-weight:500;color:var(--t2);cursor:pointer;transition:.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .cat-child:hover{background:var(--s2);color:var(--text)}#app .cat-child.active{color:var(--lime);font-weight:700;background:#ff99000f}#app .main-panel{flex:1;min-width:0}#app .sort-btn.active{color:var(--lime);border-color:var(--lime);background:#f5753914}#app .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}#app .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 2px 12px #0000000d}#app .card:hover{border-color:#f575394d;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}#app .card-wrap{position:relative;overflow:hidden}#app .card-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--s2);display:block}#app .card-badge{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}#app .card-coupon{position:absolute;top:8px;right:8px;background:var(--green);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}#app .card-platform{position:absolute;bottom:8px;left:8px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.3px;z-index:1}#app .card-platform.tb{background:#ff6a00}#app .card-platform.jd{background:#e1251b}#app .card-platform.pdd{background:#e4393c}#app .card-body{padding:12px 14px 14px}#app .card-title{font-size:13px;font-weight:500;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:36px}#app .card-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px}#app .card-price{font-size:17px;font-weight:800;color:#f57539}#app .card-price .sym{font-size:12px;font-weight:600}#app .card-price .from{font-size:10px;font-weight:500;color:var(--t3);margin-right:2px}#app .card-sales{font-size:11px;color:var(--t3);font-weight:500}#app .card-shop{font-size:11px;color:#4d148c;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:200% 100%;border-radius:var(--r)}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}#app .skel-card{height:320px}#app .empty{text-align:center;padding:80px 20px;color:var(--t3);grid-column:1/-1}#app .empty i{font-size:48px;margin-bottom:16px;opacity:.3;display:block}#app .pagination-bar{padding:24px 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}#app .pagination-bar button{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}#app .pagination-bar button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}#app .pagination-bar button:disabled{opacity:.4;cursor:not-allowed}#app .pagination-bar button.active{background:#f57539;color:#fff;border-color:#f57539;box-shadow:0 4px 12px #f575394d}#app .pagination-bar .page-info{font-size:13px;color:#6b7280;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}#app .cat-section{margin-bottom:28px}#app .cat-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 2px}#app .cat-section-hdr h3{font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}#app .cat-section-hdr h3 i{color:var(--lime);font-size:14px}#app .cat-section-hdr a{font-size:12px;color:var(--blue);text-decoration:none;font-weight:600;cursor:pointer}#app .cat-section-hdr a:hover{text-decoration:underline}#app .cat-section .cat-row{display:flex;gap:14px;overflow-x:auto;padding:4px 0 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#app .cat-section .cat-row::-webkit-scrollbar{height:4px}#app .cat-section .cat-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}#app .cat-section .cat-row .card{flex:0 0 200px;scroll-snap-align:start}#app .card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:0;opacity:0;transition:.2s}#app .card:hover .card-actions{opacity:1}#app .card-act{flex:1;padding:8px;border:none;cursor:pointer;font-size:11px;font-weight:700;transition:.15s;display:flex;align-items:center;justify-content:center;gap:4px}#app .pd-variants{margin:12px 0 8px}#app .vp-group{margin-bottom:10px}#app .vp-group-label{font-size:11px;font-weight:600;color:var(--t3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}#app .vp-btns{display:flex;flex-wrap:wrap;gap:6px}#app .vp-btn{padding:5px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;transition:.15s;font-weight:500}#app .vp-btn:hover{border-color:var(--lime);color:var(--lime)}#app .vp-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}#app .pd-variant-price{font-size:10px;color:var(--t3);margin-top:4px;font-style:italic}#app .card-act.detail{background:var(--surface);color:var(--blue);border-top:1px solid var(--border)}#app .card-act.detail:hover{background:var(--s2)}#app .card-act.add-cart{background:var(--lime);color:var(--lime-fg)}#app .card-act.add-cart:hover{background:var(--orange)}#app .card-act.added{background:var(--green)!important;color:#fff!important}#app .pd-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:none;justify-content:center;align-items:center;padding:20px}#app .pd-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}#app .pd-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--s2);display:block}#app .pd-body{padding:20px}#app .pd-title{font-size:16px;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:12px}#app .pd-price{font-size:24px;font-weight:800;color:#f57539;margin-bottom:8px}#app .pd-price .sym{font-size:14px}#app .pd-shop{font-size:13px;color:#4d148c;margin-bottom:16px}#app .pd-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}#app .pd-tag{padding:4px 10px;background:var(--s2);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--t2)}#app .pd-btns{display:flex;gap:10px}#app .pd-btn{flex:1;padding:12px;border:none;border-radius:var(--r);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.15s}#app .pd-btn.primary{background:var(--lime);color:var(--lime-fg)}#app .pd-btn.primary:hover{background:var(--orange)}#app .pd-btn.secondary{background:var(--s2);color:var(--text);border:1px solid var(--border)}#app .pd-btn.secondary:hover{background:var(--s3)}#app .nav-search:focus-within{border-color:var(--lime);box-shadow:0 0 0 2px #ff99004d}#app .clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#app .bar{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}#app .bar .stat{color:var(--t3);font-size:13px;font-weight:500}#app .sort-btn{min-height:36px;padding:6px 14px;border-radius:var(--r);font-size:12px;font-weight:600;background:transparent;border:1px solid var(--border);color:var(--t3);cursor:pointer;transition:.2s}#app .sort-btn:hover{color:var(--text);border-color:var(--border-hover)}#app .sort-btn.active{color:var(--lime);border-color:var(--lime);background:#ff990014}#app .container{max-width:1440px;margin:0 auto;display:flex;gap:24px;padding:24px}#app .card-img .tag,.card-img .tag-jd,.card-img .tag-tb,.card-img .tag-pdd{position:absolute;bottom:0;left:0;padding:2px 6px;color:#fff;font-size:10px;font-weight:600;border-top-right-radius:var(--r);z-index:1;box-shadow:0 2px 4px #00000080}#app .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}#app .glow-sm{filter:none}#app .hide-scrollbar::-webkit-scrollbar{display:none}#app .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#app .glass-card{background:#1e202099;backdrop-filter:blur(20px)}#app .grid{display:block}#app .skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface-container) 25%,var(--surface-container-high) 50%,var(--surface-container) 75%);background-size:200% 100%;border-radius:1rem}#app .cat-section .cat-row{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}#app .cat-section .cat-row>div{width:220px!important;flex-shrink:0!important}#app .ss-item{padding:10px 16px;font-size:13px;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s;border-bottom:1px solid rgba(255,255,255,.05)}#app .ss-item:hover{background:var(--surface-container-high);color:var(--on-surface)}#app .ss-hl{color:var(--primary-fixed);font-weight:700}#app .sort-btn.active{background:#f5753914;border-color:#f57539;color:#f57539}#app .super-cat-parent{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--on-surface);padding:12px 16px;border-radius:12px;transition:.2s}#app .super-cat-parent:hover{background:var(--surface-container-high)}#app .super-cat-parent.open .scp-icon{transform:rotate(90deg)}#app .super-cat-children{display:none}#app .super-cat-parent.open+.super-cat-children{display:flex}#app .cat-parent.open .cp-icon{transform:rotate(90deg)}#app .cat-parent.active{color:#f57539;background:#f575390f}#app .cat-parent.open+.cat-children{display:flex}#app .cat-child.active{color:#f57539;font-weight:700;background:#f575390f}#app .pd-overlay{position:fixed;inset:0;z-index:200;display:none;justify-content:center;align-items:center;padding:20px}#app .pd-overlay.show{display:flex}@media(max-width:640px){.pd-overlay{padding:0;align-items:flex-end}.pd-modal{border-radius:24px 24px 0 0!important;max-height:90vh!important}}#app .pd-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000040}#app .pd-close{position:absolute;top:16px;right:16px;background:#0006;backdrop-filter:blur(4px);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}#app .pd-close:hover{background:#000000b3}#app .vp-btn{padding:6px 12px;border:1px solid var(--outline-variant);border-radius:8px;background:transparent;color:var(--on-surface);font-size:13px;cursor:pointer;transition:.2s}#app .vp-btn:hover{background:#8080801a}#app .vp-btn.active{border-color:#f57539;background:#f5753914;color:#f57539;font-weight:700}#app .load-more{text-align:center;padding:32px 0;color:var(--on-surface-variant);font-size:13px;width:100%}#app .float-cart{position:fixed;bottom:32px;right:32px;width:64px;height:64px;background:linear-gradient(135deg,#f57539,#e06429);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 10px 30px #f5753959,0 0 0 4px #f575391a;z-index:100;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#app .float-cart:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #f5753973,0 0 0 6px #f5753926;color:#fff}#app .fc-badge{position:absolute;top:-2px;right:-2px;background:#4d148c;color:#fff;font-size:12px;font-weight:900;padding:2px 7px;border-radius:20px;box-shadow:0 4px 10px #4d148c66;border:2px solid #fff;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}[data-theme=light] .text-primary-fixed{color:#1a2e55!important}[data-theme=light] .text-secondary-fixed{color:#006b7d!important}[data-theme=light] .bg-surface-container\/60{background-color:#fffc!important}[data-theme=light] .border-white\/5{border-color:#0000000d!important}[data-theme=light] .border-white\/10{border-color:#0000001a!important}[data-theme=light] .glass-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d}[data-theme=light] .bg-surface-container-highest\/80{background-color:#ffffffe6!important}