:root{--pink:#ff69b4;--pink-light:#fff0f6;--pink-dark:#e91e8c;--pink-gradient:linear-gradient(135deg, #ff9ec6 0%, #ff69b4 100%);--text-primary:#333;--text-secondary:#666;--text-light:#999;--bg:#f5f5f5;--bg-white:#fff;--border:#eee;--shadow:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #0000001a;--radius:12px;--radius-sm:8px;--bottom-nav-height:calc(60px + env(safe-area-inset-bottom,0px));--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html{padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;font-family:Prompt,-apple-system,BlinkMacSystemFont,sans-serif}button,.bottom-nav-item,.action-btn,.ant-btn,.cart-v3-back,.cart-v3-icon,.cart-v3-promo-title,.search-back,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{background:var(--bg-white);max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow:clip visible}::-webkit-scrollbar{display:none}img{-webkit-user-drag:none;max-width:100%}a{color:inherit;text-decoration:none}body.native-app #root{max-width:100%}.ant-message{z-index:9999!important}.ant-message-notice{margin-bottom:8px!important;padding:0!important}.ant-message-notice-content{-webkit-backdrop-filter:blur(12px)saturate(1.5);background:#fffffff5!important;border:1px solid #ff69b41f!important;border-radius:16px!important;padding:12px 18px!important;font-size:14px!important;font-weight:500!important;box-shadow:0 12px 32px #ff69b42e,0 4px 12px #0000000f!important}.ant-message-success>.anticon{color:#16a34a!important;font-size:18px!important}.ant-message-error>.anticon{color:#dc2626!important;font-size:18px!important}.ant-message-warning>.anticon{color:#f59e0b!important;font-size:18px!important}.ant-message-info>.anticon{color:#fc7ab0!important;font-size:18px!important}@keyframes fadein{0%{opacity:0}to{opacity:1}}.ant-image-preview-operations,.ant-image-preview-close{top:calc(env(safe-area-inset-top,0px) + 8px)!important}.ant-image-preview-operations{padding-top:0!important}.ant-notification-notice{-webkit-backdrop-filter:blur(12px)saturate(1.5);background:#fffffff5!important;border:1px solid #ff69b41f!important;border-radius:16px!important;box-shadow:0 12px 32px #ff69b42e,0 4px 12px #0000000f!important}.coin-input-inherit-font input,.coin-input-inherit-font .ant-input-number-input{font-weight:600;font-family:inherit!important}.bottom-nav{width:100%;max-width:480px;height:var(--bottom-nav-height);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{cursor:pointer;color:var(--text-light);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--pink)}.bottom-nav-icon{font-size:22px}.bottom-nav-label{font-size:11px;font-weight:500}.bottom-nav-item.highlight{position:relative}.bottom-nav-item.highlight .bottom-nav-icon{color:#fff;background:linear-gradient(135deg,#ffb7d3 0%,#ff6b9d 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-16px;font-size:20px;display:flex;box-shadow:0 6px 14px -4px #ff6b9d8c}.bottom-nav-item.highlight.active .bottom-nav-icon{transform:scale(1.05)}.bottom-nav-item.highlight .bottom-nav-label{color:#ff6b9d;margin-top:2px;font-weight:600}.ptr-root{--ptr-pull:0}.ptr-content{transform:translateY(calc(var(--ptr-pull) * .4px));will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.ptr-root.is-dragging .ptr-content,.ptr-root.is-dragging .ptr-indicator--var{transition:none}.ptr-indicator{top:max(calc(env(safe-area-inset-top,0px) + 8px), 8px);z-index:100;pointer-events:none;will-change:transform, opacity;justify-content:center;display:flex;position:fixed;left:0;right:0}.ptr-indicator--var{transform:translateY(calc(var(--ptr-pull) * 1px - 60px));opacity:min(1, calc(var(--ptr-pull) / 70));transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .15s linear}.ptr-refresh-bar{top:max(calc(env(safe-area-inset-top,0px) + 8px), 8px);z-index:101;pointer-events:none;justify-content:center;animation:.2s ease-out ptrFadeIn;display:flex;position:fixed;left:0;right:0}@keyframes ptrFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ptr-pill{color:#ff6b9d;background:#fff;border:1px solid #ffe4ee;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px -4px #ff6b9d59,0 2px 4px #0000000f}.app-header{z-index:100;height:calc(52px + env(safe-area-inset-top,0px));max-height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;color:#fff;backface-visibility:hidden;background:linear-gradient(90deg,#89cff0 0%,#ffc1e0 50%,#ff6baa 100%);border-bottom:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateZ(0);box-shadow:0 4px 12px -8px #ff6b9d59}.app-header-spacer{height:calc(52px + env(safe-area-inset-top,0px));flex-shrink:0}.header-left,.header-right{align-items:center;gap:4px;display:flex}.header-logo{cursor:pointer;align-items:center;gap:6px;display:flex}.logo-bunny{font-size:24px}.logo-img{object-fit:contain;width:auto;height:48px;display:block}.logo-text{color:var(--pink);letter-spacing:-.5px;font-size:20px;font-weight:700}.header-title{color:#fff;font-size:16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.header-btn{cursor:pointer;color:#fff;background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:background .2s;display:flex}.header-btn:active,.header-btn:hover{background:#fff6}.header-logo{box-shadow:none;background:0 0;border-radius:0;padding:0}.logo-text{color:#fff;text-shadow:0 1px 2px #0000001f}.product-card{cursor:pointer;background:#fff;border:1px solid #ffe0ec99;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 6px 18px -8px #ff69b42e,0 2px 6px #0000000a}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px -10px #ff69b452,0 4px 10px #0000000d}.product-card:active{transform:scale(.97)}.product-card-img{aspect-ratio:1;background:linear-gradient(135deg,#fff8fb 0%,#ffe7f0 100%);width:100%;position:relative;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%}.grade-tag{margin:0;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.product-card-info{padding:10px 12px 14px}.product-card-brand{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.product-card-model{color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-specs{color:var(--text-secondary);margin-top:2px;font-size:12px}.product-card-condition{color:var(--text-light);margin-top:2px;font-size:11px}.product-card-price{color:var(--pink-dark);margin-top:6px;font-size:16px;font-weight:700}.product-card-price .currency{font-size:12px;font-weight:400}.product-card-price.no-price{color:var(--text-light);font-size:13px;font-weight:500}.product-card.compact{border-radius:var(--radius-sm);flex-direction:row;display:flex}.product-card.compact .product-card-img{aspect-ratio:1;width:100px;min-width:100px}.product-card.compact .product-card-info{flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.hero-banner-image-only{cursor:pointer;aspect-ratio:2;background:linear-gradient(135deg,#ffe1ed 0%,#ffc9dd 100%);border-radius:20px;margin:12px;overflow:hidden;box-shadow:0 12px 28px -10px #ff6baa59}.hero-banner-image-only img{object-fit:cover;width:100%;height:100%;display:block}.hero-banner-image-only:active img{transition:transform .1s;transform:scale(.98)}.hero-banner{color:#fff;background:linear-gradient(#89cff0 0%,#ffc1e0 50%,#ff6baa 100%);border-radius:20px;min-height:clamp(200px,36vw,320px);margin:12px;padding:16px 12px 12px;position:relative;overflow:hidden;box-shadow:0 12px 28px -10px #ff6baa59}.hero-banner-text{z-index:2;flex-direction:column;justify-content:center;gap:6px;min-width:0;max-width:62%;height:100%;display:flex;position:relative}.hero-brand{letter-spacing:.5px;text-shadow:0 2px 4px #0000001f;margin:0;font-size:clamp(20px,6vw,38px);font-weight:900;line-height:1.05}.hero-subtitle{margin:0;font-size:clamp(11px,3vw,15px);font-weight:600;line-height:1.3}.hero-badges{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.hero-badge{color:#374151;white-space:nowrap;background:#fffffff2;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:clamp(9px,2.4vw,11px);font-weight:700;display:inline-flex}.hero-cta{color:#ff4f9f;cursor:pointer;background:#fff;border:none;border-radius:999px;align-self:flex-start;margin-top:6px;padding:8px 16px;font-size:clamp(12px,3.2vw,15px);font-weight:800;transition:transform .15s;box-shadow:0 4px 12px -2px #00000026}.hero-cta:active{transform:scale(.96)}.hero-footer-text{opacity:.92;margin:4px 0 0;font-size:clamp(9px,2.4vw,11px);font-weight:500}.hero-banner-image{z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;width:58%;display:flex;position:absolute;top:0;bottom:0;right:0}.hero-banner-image img{object-fit:contain;object-position:right center;width:100%;height:100%;display:block}.hero-banner-image-placeholder{aspect-ratio:1;background:#ffffff1f;border-radius:12px;width:100%}.guarantee-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:12px 10px 4px;display:flex;overflow-x:auto}.guarantee-row::-webkit-scrollbar{display:none}.guarantee-card{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;flex:0 0 72px;align-items:center;gap:3px;padding:8px 6px;display:flex}.guarantee-card.is-highlight{text-align:left;background:linear-gradient(135deg,#ffe9f2 0%,#ffd2e5 100%);border-color:#ffb7d3;flex:0 0 132px;align-items:flex-start;gap:2px;padding:8px 10px}.guarantee-icon{flex-shrink:0;width:24px;height:24px}.guarantee-card.is-highlight .guarantee-icon{width:28px;height:28px}.guarantee-title{color:#1f2937;font-size:10.5px;font-weight:700;line-height:1.25}.guarantee-card.is-highlight .guarantee-title{color:#c9286f;font-size:12px}.guarantee-sub{color:#888;font-size:9.5px;line-height:1.25}.guarantee-card.is-highlight .guarantee-sub{color:#99466c;font-size:10px}.guarantee-cta{color:#ff6b9d;cursor:pointer;background:#fff;border:1px solid #ffb7d3;border-radius:999px;margin-top:4px;padding:3px 10px;font-family:inherit;font-size:10px;font-weight:600}.guarantee-cta:hover{color:#fff;background:#ff6b9d;border-color:#ff6b9d}.section{padding:22px 16px 6px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-header .section-title{text-align:left;margin-bottom:0}.see-all-btn{color:#c2185b;cursor:pointer;background:linear-gradient(135deg,#ffe0ec 0%,#ffcfe0 100%);border:none;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .15s}.see-all-btn:active{transform:scale(.96)}.section-title{text-align:left;color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:18px;font-weight:800;display:inline-flex;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#ff7ab6,#0000);border-radius:2px;width:24px;height:4px;margin-left:6px;display:inline-block}.center-spinner{justify-content:center;padding:40px 0;display:flex}.category-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-rows:repeat(2,auto);grid-auto-columns:78px;grid-auto-flow:column;gap:14px;padding:4px 4px 10px;display:grid;overflow:auto hidden}.category-grid::-webkit-scrollbar{height:4px}.category-grid::-webkit-scrollbar-thumb{background:#ffcfe0;border-radius:4px}.category-grid>*{scroll-snap-align:start}.category-item{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:transform .18s;display:flex}.category-item:active{transform:scale(.94)}.category-icon{color:#fc7ab0;background:linear-gradient(135deg,#fff6fa 0%,#ffe0ec 100%);border:none;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 14px #ff7ab026}.category-item:hover .category-icon{transform:translateY(-2px);box-shadow:0 10px 22px #ff7ab038}.category-item:nth-child(2) .category-icon{color:#fb8c00;background:linear-gradient(135deg,#fff5e5 0%,#ffe0cc 100%)}.category-item:nth-child(3) .category-icon{color:#1e88e5;background:linear-gradient(135deg,#eaf6ff 0%,#c8e2f8 100%)}.category-item:nth-child(4) .category-icon{color:#43a047;background:linear-gradient(135deg,#eefde9 0%,#c7f0c7 100%)}.category-item:nth-child(5) .category-icon{color:#7b1fa2;background:linear-gradient(135deg,#f0e6ff 0%,#d6c0ff 100%)}.category-item:nth-child(6) .category-icon{color:#fc7ab0;background:linear-gradient(135deg,#fff6fa 0%,#ffe0ec 100%)}.category-item:nth-child(7) .category-icon{color:#fb8c00;background:linear-gradient(135deg,#fff5e5 0%,#ffe0cc 100%)}.category-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:12px;font-weight:600;overflow:hidden}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.login-page{min-height:100dvh}.login-content{padding:32px 24px}.login-logo{text-align:center;margin-bottom:32px}.login-bunny{margin-bottom:4px;font-size:56px;display:block}.login-logo h1{color:var(--pink);margin:0;font-size:28px;font-weight:800}.login-logo p{color:var(--text-secondary);margin-top:6px;font-size:14px}.btn-line{justify-content:center;align-items:center;gap:8px;color:#fff!important;background:#06c755!important;border-color:#06c755!important;height:48px!important;font-weight:600!important;display:flex!important}.btn-line:hover{background:#05b34c!important}.phone-form{flex-direction:column;gap:10px;display:flex}.phone-input{border-radius:10px!important}.btn-phone{margin-top:4px;background:var(--pink)!important;border-color:var(--pink)!important;height:48px!important;font-size:15px!important;font-weight:600!important}.login-toggle{text-align:center;margin-top:20px}.login-toggle p{color:var(--text-secondary);font-size:14px}.login-toggle button{color:var(--pink);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline}.login-note{text-align:center;color:var(--text-light);margin-top:24px;font-size:11px}.login-logo-img{object-fit:contain;width:auto;height:140px;margin:0 auto 16px;display:block}.pref-picker{flex-direction:column;gap:16px;display:flex}.pref-group{background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:12px}.pref-group-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pref-group-icon{font-size:22px}.pref-group-title{color:#1f2937;font-size:14px;font-weight:700}.pref-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pref-chip{cursor:pointer;text-align:left;color:#1f2937;background:#fafafa;border:1.5px solid #f0f0f0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;font-family:inherit;transition:all .18s;display:flex}.pref-chip:hover{background:#fff7fb;border-color:#ffc2da}.pref-chip.is-active{background:linear-gradient(135deg,#ffe9f2 0%,#ffd2e5 100%);border-color:#ff6b9d;box-shadow:0 2px 8px -2px #ff6b9d4d}.pref-chip{flex-direction:row;align-items:center;gap:8px}.pref-chip-emoji{font-size:18px}.pref-chip-label{font-size:13px;font-weight:600;line-height:1.2}.app-container{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding-bottom:var(--bottom-nav-height);flex:1}