*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#0a0a0a;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}body:has(.xinan-page){background:#0a0a0a!important;margin:0!important;padding:0!important;overflow:hidden!important}.xinan-page{color:#f4efe6;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:linear-gradient(#1a1916 0%,#0d0d0c 100%);font-family:ui-serif,Times New Roman,Noto Serif SC,serif;position:fixed;inset:0;overflow:hidden}.loading-page{color:#c4a88280;letter-spacing:.2em;place-content:center;gap:16px;font-family:Georgia,serif;font-size:14px;display:grid}.loading-spinner{border:2px solid #c4a88233;border-top-color:#c4a882;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}.ambient{pointer-events:none;opacity:.12;border-radius:999px;position:absolute}.ambient-a{background:#c4a8824d;width:120px;height:120px;top:60px;left:-30px}.ambient-b{background:#ffffff1a;width:140px;height:140px;bottom:100px;right:-40px}.deck{touch-action:none;position:absolute;inset:0;overflow:hidden}.card{will-change:transform, opacity;transform-origin:50% 65%;backface-visibility:hidden;contain:layout paint style;background:#1a1815;position:absolute;inset:0;overflow:hidden}.top-card{cursor:grab;touch-action:none;-webkit-touch-callout:none}.top-card:active{cursor:grabbing}.back-card{pointer-events:none;transition:opacity .28s,filter .28s}.product-img{object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)translateZ(0)}@media (max-width:768px){.product-img{object-fit:cover;object-position:center 20%;width:auto;min-width:100%;height:100%;transform:translate(-50%)translateZ(0)scale(1.05)}}.factory-thumb{top:calc(48px + env(safe-area-inset-top));z-index:12;cursor:pointer;touch-action:manipulation;background:#00000080;border:2px solid #ffffff59;border-radius:8px;width:96px;height:120px;transition:transform .15s,border-color .15s;position:absolute;left:12px;overflow:hidden;box-shadow:0 4px 20px #0009}.factory-thumb:active{border-color:#c4a88299;transform:scale(1.06)}.factory-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%}.factory-label{text-align:center;letter-spacing:.1em;color:#fffc;background:#0009;padding:3px 0;font-family:ui-sans-serif,sans-serif;font-size:11px;position:absolute;bottom:0;left:0;right:0}.factory-overlay{z-index:200;cursor:pointer;touch-action:manipulation;background:#000000f0;place-content:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.factory-full-img{object-fit:contain;border-radius:4px;max-width:94vw;max-height:88vh;box-shadow:0 8px 40px #0009}.factory-overlay-label{bottom:max(24px, env(safe-area-inset-bottom));text-align:center;letter-spacing:.12em;color:#c4a88299;font-family:ui-sans-serif,sans-serif;font-size:13px;position:absolute;left:0;right:0}.zoom-hint{top:calc(16px + env(safe-area-inset-top));z-index:100;color:#c4a882b3;letter-spacing:.1em;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);background:#0009;border-radius:20px;padding:6px 16px;font-family:ui-sans-serif,sans-serif;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.dissolve-overlay{z-index:4;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 30% 25%,#ffffff80,#0000 20%),radial-gradient(circle at 70% 40%,#ffffff4d,#0000 25%),linear-gradient(110deg,#0000 20%,#ffffff59,#0000 80%);position:absolute;inset:0}.bottom-fade{z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#05050580 44%,#000000e0 100%);height:24%;position:absolute;bottom:0;left:0;right:0}.info{z-index:7;text-shadow:0 8px 22px #00000075;pointer-events:none;position:absolute;bottom:90px;left:20px;right:20px}.info h2{letter-spacing:.04em;margin:6px 0;font-size:24px;font-weight:400;line-height:1.25}.info p{color:#f4efe6b8;margin:0;font-size:13px}.kicker{letter-spacing:.16em;color:#c4a882d1!important;font-size:11px!important}.swipe-symbol{z-index:9;color:#ffffffeb;pointer-events:none;will-change:transform, opacity;background:#ffffff1a;border:2px solid #ffffff40;border-radius:50%;place-items:center;width:88px;height:88px;font-size:48px;font-weight:300;display:grid;position:absolute;top:12%}.like-symbol{background:#a8d5a226;border-color:#a8d5a280;right:24px}.like-symbol span{color:#a8d5a2}.skip-symbol{background:#e8a0a026;border-color:#e8a0a080;left:24px}.skip-symbol span{color:#e8a0a0}.cart-symbol{font-size:36px;top:16%;left:50%;transform:translate(-50%)}.glass-actions{z-index:50;left:18px;right:18px;bottom:max(18px, env(safe-area-inset-bottom));touch-action:manipulation;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute}.glass-btn{color:#ffffffeb;-webkit-backdrop-filter:blur(16px);cursor:pointer;will-change:opacity;background:linear-gradient(#ffffff38,#ffffff14);border:1px solid #fff3;border-radius:999px;height:54px;font-size:14px;box-shadow:0 10px 30px #00000040}.progress-track{top:env(safe-area-inset-top);z-index:90;background:#ffffff0f;height:3px;position:absolute;left:0;right:0}.progress-bar{background:linear-gradient(90deg,#c4a882,#e8d5b7);height:100%;transition:width .3s}.counter{top:calc(12px + env(safe-area-inset-top));z-index:90;color:#c4a8826b;letter-spacing:.15em;font-family:ui-sans-serif,sans-serif;font-size:12px;position:absolute;right:18px}.xinan-done{text-align:center;color:#f4efe6;background:#0f0f0d;place-content:center;gap:8px;font-family:ui-serif,Times New Roman,Noto Serif SC,serif;display:grid;position:fixed;inset:0}.xinan-done h2{letter-spacing:.1em;margin:16px 0 8px;font-size:22px;font-weight:400}.xinan-done p{color:#888;font-size:14px}.xinan-done a{color:#c4a882;letter-spacing:.1em;margin-top:16px;font-size:15px;text-decoration:none}.done-heart{color:#c4a88226;font-size:52px}