:root{--bg:#f6f6f8;--card:#fff;--ink:#1c1c22;--sub:#6b6b76;--line:#ececf0;--brand:#7c3aed;--brand-2:#a855f7;--accent:#ff5a5f;--ok:#10b981;--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(20,20,40,.06);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input{font-family:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 18px}header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar{gap:16px;height:62px}.logo,.topbar{display:flex;align-items:center}.logo{gap:9px;font-weight:800;font-size:20px;letter-spacing:-.5px}.logo .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.logo b{background:linear-gradient(135deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.navlink{font-size:14px;font-weight:600;color:var(--sub);padding:8px 4px}.navlink:hover{color:var(--ink)}.search{flex:1 1;display:flex;align-items:center;gap:8px;background:#f1f1f5;border-radius:999px;padding:9px 16px;border:1px solid transparent}.search:focus-within{border-color:var(--brand);background:#fff}.search input{flex:1 1;border:none;background:none;outline:none;font-size:14px;color:var(--ink)}.tools{margin-left:auto}.pill,.tools{display:flex;align-items:center;gap:6px}.pill{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);background:#f1f1f5;transition:.15s}.pill:hover{background:#e7e7ee}.pill .dim{color:var(--sub);font-weight:500}.cartbtn{position:relative}.cartbtn .count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}@media(max-width:640px){.hide-sm{display:none}}.hero{margin:22px 0 8px;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#2a1a4a,#5b21b6 55%,#9333ea);color:#fff;position:relative}.hero .inner{padding:46px 40px;max-width:640px;position:relative;z-index:2}.hero h1{font-size:38px;line-height:1.1;margin:0 0 12px;letter-spacing:-1px}.hero p{font-size:16px;opacity:.9;margin:0 0 22px}.hero .cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#3b0764;font-weight:700;padding:12px 22px;border-radius:999px;font-size:15px}.hero .deco{position:absolute;right:-40px;top:-30px;font-size:300px;opacity:.12;z-index:1;line-height:1}.hero .ship{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:999px;font-size:12.5px;margin-bottom:16px}.filters{display:flex;gap:8px;overflow-x:auto;padding:18px 0 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{white-space:nowrap;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--sub);transition:.15s}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding:8px 0 40px}@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:28px}.hero .inner{padding:32px 24px}}.card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:.18s;border:1px solid var(--line);display:block}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(20,20,40,.12)}.thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:88px;position:relative}.badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;color:#fff;padding:4px 9px;border-radius:7px;letter-spacing:.2px}.b-best{background:#ff5a5f}.b-new{background:#10b981}.b-hot{background:#f59e0b}.b-sale{background:#7c3aed}.addmini{position:absolute;bottom:10px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:0;transform:translateY(6px);transition:.15s}.card:hover .addmini{opacity:1;transform:translateY(0)}.addmini:hover{background:#000}.card .body{padding:13px 14px 16px}.card .nm{font-size:14.5px;font-weight:650;margin:0 0 3px}.card .nm,.card .tg{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card .tg{font-size:12.5px;color:var(--sub);margin:0 0 10px}.rate-row{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--sub);margin-bottom:8px}.stars{color:#f59e0b;letter-spacing:-1px}.sectitle{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 2px}.sectitle h2{font-size:21px;margin:0;letter-spacing:-.5px}.crumb,.sectitle .muted{font-size:13px;color:var(--sub)}.crumb{padding:18px 0 4px}.crumb a:hover{color:var(--ink)}.detail-wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:36px;gap:36px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px;margin:8px 0 30px}@media(max-width:760px){.detail-wrap{grid-template-columns:1fr}}.gallery{padding:26px;display:flex;flex-direction:column;gap:12px;background:#fafafc;border-radius:18px}.gmain{aspect-ratio:1/1;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:150px}.gthumbs{display:flex;gap:8px}.gthumbs div{width:54px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px;border:2px solid transparent;cursor:pointer}.gthumbs div.sel{border-color:var(--brand)}.detail{padding:28px 30px 30px}.detail h1{font-size:26px;margin:8px 0 6px;letter-spacing:-.5px;line-height:1.2}.detail .dtag{color:var(--sub);font-size:14px;margin:0 0 14px}.dprice{margin:16px 0}.section-h{margin:18px 0 8px;font-size:13px;color:var(--sub);text-transform:uppercase;letter-spacing:.4px}.desc{font-size:14px;color:#3a3a44;margin:8px 0 18px;line-height:1.7}.specs{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.specs .srow{display:flex;font-size:13px;border-bottom:1px solid var(--line)}.specs .srow:last-child{border-bottom:none}.specs .k{width:42%;padding:10px 14px;color:var(--sub);background:#fafafc}.specs .v{flex:1 1;padding:10px 14px;font-weight:600}.buyrow{display:flex;gap:10px;margin-top:8px}.btn-primary{flex:1 1;background:var(--ink);color:#fff;padding:14px;border-radius:12px;font-weight:700;font-size:15px;transition:.15s}.btn-primary:hover{background:#000}.btn-ghost{flex:1 1;background:#f1f1f5;color:var(--ink);padding:14px;border-radius:12px;font-weight:700;font-size:15px;transition:.15s}.btn-ghost:hover{background:#e7e7ee}.ship-line{display:flex;align-items:center;gap:7px;color:var(--ok);font-size:13px;font-weight:600;margin-top:14px}.scrim{position:fixed;inset:0;background:rgba(15,15,25,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;opacity:0;pointer-events:none;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:400px;max-width:92vw;background:#fff;z-index:70;box-shadow:-8px 0 40px rgba(0,0,0,.18);transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.dhead{display:flex;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.dhead h3{margin:0;font-size:18px;flex:1 1}.close{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.06);font-size:18px;color:#444;display:flex;align-items:center;justify-content:center}.dbody{flex:1 1;overflow:auto}.dbody,.dfoot{padding:18px 22px}.dfoot{border-top:1px solid var(--line)}.citem{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.citem .ci-img{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}.citem .ci-nm{font-size:13.5px;font-weight:650;margin:0 0 4px}.citem .ci-pr{font-size:13px;color:var(--ink);font-weight:700;margin:0}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;margin-top:6px}.qty button{width:26px;height:26px;font-size:15px;color:var(--sub)}.qty span{min-width:26px;text-align:center;font-size:13px;font-weight:600}.ci-rm{margin-left:auto;color:#bbb;font-size:12px;align-self:flex-start}.empty{text-align:center;color:var(--sub);padding:60px 20px;font-size:14px}.sub-row{display:flex;justify-content:space-between;font-size:15px;margin-bottom:14px}.sub-row b{font-size:20px}.set-note{font-size:12.5px;color:var(--sub);background:#f6f3ff;border:1px solid #ece5ff;border-radius:10px;padding:12px;margin-bottom:18px;line-height:1.5}.set-block{margin-bottom:20px}.set-block h4{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--sub);margin:0 0 10px}.rate-line{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.rate-line .code{width:54px;font-weight:700;font-size:14px}.rate-line .sym{width:30px;color:var(--sub);text-align:center}.rate-line input{flex:1 1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;text-align:right;outline:none;min-width:0}.rate-line input:focus{border-color:var(--brand)}.rate-line .per{font-size:11px;color:var(--sub);width:64px}.seg{display:flex;background:#f1f1f5;border-radius:10px;padding:4px;gap:4px}.seg button{flex:1 1;padding:9px;border-radius:7px;font-size:13px;font-weight:600;color:var(--sub)}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.field{display:flex;align-items:center;gap:10px;margin-bottom:6px}.field label{flex:1 1;font-size:14px;font-weight:600}.field input{width:110px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:14px;text-align:right;outline:none}.field input:focus{border-color:var(--brand)}.pop-host{position:relative}.pop{position:absolute;top:46px;right:0;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.16);border:1px solid var(--line);padding:8px;z-index:50;min-width:210px;max-height:64vh;overflow:auto}.pop .opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:14px;cursor:pointer}.pop .opt:hover{background:#f5f5f8}.pop .opt.sel{color:var(--brand);font-weight:700;background:#f6f3ff}.pop .opt .flag{font-size:18px}.pop .opt .sm{margin-left:auto;font-size:12px;color:var(--sub)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;font-weight:600;z-index:90;opacity:0;transition:.25s;pointer-events:none;display:flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}footer{background:#fff;border-top:1px solid var(--line);padding:34px 0;margin-top:20px;color:var(--sub);font-size:13px}footer .frow{gap:24px;justify-content:space-between;align-items:center}.trust,footer .frow{display:flex;flex-wrap:wrap}.trust{gap:18px}.trust span{gap:6px}.splash,.trust span{display:flex;align-items:center}.splash{min-height:100vh;flex-direction:column;justify-content:center;gap:18px;padding:30px;text-align:center}.splash .grid-langs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:600px}.splash .grid-langs a{padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;background:#fff}.splash .grid-langs a:hover{border-color:var(--brand);color:var(--brand)}