.px{--px-deep:#160a45;--px-deep-2:#2a1584;--px-gold:#e8b84a;--px-gold-2:#f7d98b;--px-glass:#ffffff14}.px-hero{color:#fff;background:radial-gradient(700px 360px at 85% 0%, #ff4fa359, transparent 60%), radial-gradient(640px 380px at 10% 110%, #e8b84a47, transparent 60%), linear-gradient(150deg, var(--px-deep) 0%, var(--px-deep-2) 55%, #4b2be0 100%);border-radius:0 0 36px 36px;padding:46px 0 96px;position:relative;overflow:hidden}.px-hero:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.px-hero .wrap{z-index:1;position:relative}.px-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--px-gold-2);background:#e8b84a1f;border:1px solid #e8b84a59;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:800;display:inline-flex}.px-title{letter-spacing:-1.6px;max-width:820px;margin-top:16px;font-size:clamp(32px,5.4vw,58px);font-weight:800;line-height:1.04}.px-title em{background:linear-gradient(90deg, var(--px-gold-2), var(--px-gold) 60%, #ffb36b);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.px-sub{color:#ffffffd1;max-width:640px;margin-top:14px;font-size:17px;font-weight:500;line-height:1.6}.px-hero-cta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.px-gold-btn{color:var(--px-deep);background:linear-gradient(135deg, var(--px-gold-2), var(--px-gold));border-radius:16px;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 14px 30px -12px #e8b84ab3,inset 0 1px #fff9}.px-gold-btn:hover{transform:translateY(-2px)}.px-ghost-btn{color:#fff;background:var(--px-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff38;border-radius:16px;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;display:inline-flex}.px-trust{color:#fffc;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:13.5px;font-weight:700;display:flex}.px-trust i{color:var(--px-gold-2);margin-right:4px}.px-search{z-index:2;-webkit-backdrop-filter:blur(18px);background:#ffffffdb;border-radius:26px;grid-template-columns:1.6fr 1fr 1fr auto;gap:8px;max-width:1080px;margin:-64px auto 0;padding:10px;display:grid;position:relative;box-shadow:0 40px 80px -40px #160a458c,inset 0 0 0 1px #ffffffb3}.px-search label{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:10px;min-height:58px;padding:0 16px;display:flex}.px-search label i{color:var(--violet);font-size:20px}.px-search input,.px-search select{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:15px;font-weight:600}.px-search button{color:#fff;background:linear-gradient(135deg, var(--violet), #8b3df5);border-radius:18px;min-height:58px;padding:0 26px;font-weight:800}@media (max-width:820px){.px-search{grid-template-columns:1fr 1fr;margin-top:-54px}.px-search label:first-child,.px-search button{grid-column:1/-1}}.px-cats{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:30px;display:grid}@media (max-width:1000px){.px-cats{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.px-cats{scroll-snap-type:x mandatory;gap:8px;margin:22px -20px 0;padding:4px 20px 10px;display:flex;overflow-x:auto}.px-cats .px-cat{scroll-snap-align:start;flex:0 0 112px}}.px-cat{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;justify-items:center;gap:10px;padding:18px 8px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.px-cat:hover,.px-cat.on{box-shadow:var(--shadow-lg);border-color:#e8b84a99;transform:translateY(-3px)}.px-cat .ic{width:54px;height:54px;color:var(--violet);background:linear-gradient(145deg,#f3efff,#fff6dd);border-radius:18px;place-items:center;font-size:27px;display:grid;box-shadow:inset 0 0 0 1px #e8b84a59}.px-cat.on .ic{color:#fff;background:linear-gradient(145deg, var(--violet), #8b3df5)}.px-cat b{font-size:13.5px;line-height:1.25}.px-cat small{color:var(--muted);font-size:11.5px;font-weight:700}.px-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:30px 0 16px;display:flex}.px-bar h2{letter-spacing:-.4px;margin-right:auto;font-size:24px;font-weight:800}.px-pill{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.px-pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.px-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:1050px){.px-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.px-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.px-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.px-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.px-card .ph-img{aspect-ratio:4/3;background:linear-gradient(145deg,#f1ecff,#fff4da);position:relative;overflow:hidden}.px-card .ph-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.px-card:hover .ph-img img{transform:scale(1.05)}.px-card .ph-img .noimg{color:#5b3df559;place-items:center;font-size:44px;display:grid;position:absolute;inset:0}.px-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#160a45b8;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.px-badge.gold{background:linear-gradient(135deg, var(--px-gold-2), var(--px-gold));color:var(--px-deep)}.px-card .bd{gap:6px;padding:14px 16px 16px;display:grid}.px-price{color:var(--ink);letter-spacing:-.3px;font-size:19px;font-weight:800}.px-price small{color:var(--muted);font-size:12.5px;font-weight:700}.px-card h3{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px;font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.px-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex}.px-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.px-empty{text-align:center;background:linear-gradient(#fff,#fbf9ff);border:1.5px dashed #dcd3ff;border-radius:28px;padding:56px 20px}.px-empty .ic{width:76px;height:76px;color:var(--px-gold);background:linear-gradient(145deg,#fff6dd,#f3efff);border-radius:24px;place-items:center;margin:0 auto;font-size:36px;display:grid}.px-empty h3{margin-top:16px;font-size:21px;font-weight:800}.px-empty p{max-width:460px;color:var(--muted);margin:8px auto 18px;font-weight:600;line-height:1.6}.px-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:760px){.px-steps{grid-template-columns:1fr}}.px-step{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:22px}.px-step .n{width:40px;height:40px;color:var(--px-deep);background:linear-gradient(135deg, var(--px-gold-2), var(--px-gold));border-radius:13px;place-items:center;font-weight:800;display:grid}.px-step b{margin-top:12px;font-size:16.5px;display:block}.px-step p{color:var(--muted);margin-top:6px;font-size:14px;font-weight:600;line-height:1.6}.px-band{color:#fff;background:radial-gradient(500px 220px at 90% 0%, #e8b84a59, transparent 60%), linear-gradient(135deg, var(--px-deep), var(--px-deep-2));border-radius:30px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:48px;padding:30px;display:flex}.px-band h3{letter-spacing:-.4px;font-size:24px;font-weight:800}.px-band p{color:#fffc;margin-top:6px;font-weight:600}.px-detail{grid-template-columns:1.55fr 1fr;align-items:start;gap:24px;margin-top:18px;display:grid}@media (max-width:900px){.px-detail{grid-template-columns:1fr}}.px-gallery{background:#0f0838;border-radius:28px;position:relative;overflow:hidden}.px-gallery .main{aspect-ratio:4/3;background:linear-gradient(145deg,#1b0f4d,#2a1584);place-items:center;display:grid}.px-gallery .main img{object-fit:contain;width:100%;height:100%}.px-gallery .nav{width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow);background:#ffffffe0;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.px-gallery .nav.l{left:12px}.px-gallery .nav.r{right:12px}.px-thumbs{gap:8px;margin-top:10px;display:flex;overflow-x:auto}.px-thumbs button{aspect-ratio:4/3;opacity:.7;border:2px solid #0000;border-radius:14px;flex:none;width:82px;overflow:hidden}.px-thumbs button.on{border-color:var(--px-gold,#e8b84a);opacity:1}.px-thumbs img{object-fit:cover;width:100%;height:100%}.px-panel{gap:14px;display:grid;position:sticky;top:86px}.px-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:22px}.px-box h1{letter-spacing:-.4px;font-size:23px;font-weight:800;line-height:1.25}.px-bigprice{letter-spacing:-.8px;background:linear-gradient(90deg, var(--ink), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:32px;font-weight:800}.px-facts{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.px-facts div{background:var(--soft);border-radius:14px;padding:10px 12px}.px-facts small{color:var(--muted);font-size:11.5px;font-weight:700;display:block}.px-facts b{font-size:14px}.px-wa{color:#fff;background:linear-gradient(135deg,#12b76a,#0b9e6b);border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:800;display:flex;box-shadow:0 16px 30px -14px #0b9e6bb3}.px-seller{align-items:center;gap:12px;display:flex}.px-avatar{width:50px;height:50px;color:var(--px-deep,#160a45);background:linear-gradient(135deg,#f7d98b,#e8b84a);border-radius:16px;place-items:center;font-size:20px;font-weight:800;display:grid}.px-safe{color:#6b4e00;background:#fff8e6;border:1px solid #f5dfa3;border-radius:20px;padding:16px 18px;font-size:13.5px;font-weight:600;line-height:1.6}.px-safe b{color:#4a3600}.px-desc{white-space:pre-line;color:var(--ink-2);font-size:15.5px;line-height:1.75}.px-form{gap:18px;display:grid}.px-sec{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:26px;gap:14px;padding:24px;display:grid}.px-sec>h2{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.px-sec>h2 .n{width:32px;height:32px;color:var(--px-deep,#160a45);background:linear-gradient(135deg,#f7d98b,#e8b84a);border-radius:11px;place-items:center;font-size:14px;display:grid}.px-catpick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.px-catpick button{text-align:left;background:var(--soft);border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.px-catpick button i{color:var(--violet);font-size:22px}.px-catpick button.on{border-color:var(--violet);background:#fff;box-shadow:0 8px 20px -12px #5b3df599}.px-photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.px-photos .slot{aspect-ratio:4/3;background:var(--soft);border-radius:16px;position:relative;overflow:hidden}.px-photos .slot img{object-fit:cover;width:100%;height:100%}.px-photos .slot .x{color:#fff;background:#160a45bf;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.px-photos .slot .cover{color:#160a45;background:#e8b84a;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;bottom:6px;left:6px}.px-photos .add{aspect-ratio:4/3;color:var(--violet);background:#fbf9ff;border:2px dashed #cfc4ff;border-radius:16px;align-content:center;place-items:center;gap:4px;font-size:13px;font-weight:800;display:grid}.px-photos .add i{font-size:26px}.px-row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.px-row2{grid-template-columns:1fr}}.px-mine{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.px-mine img,.px-mine .ph0{aspect-ratio:4/3;object-fit:cover;background:var(--soft);border-radius:14px;width:120px}@media (max-width:640px){.px-mine{grid-template-columns:90px 1fr}.px-mine img,.px-mine .ph0{width:90px}.px-mine .acts{grid-column:1/-1}}