:root{--ink:#18222c;--muted:#70808c;--orange:#ff5a1f;--cream:#fff8f3;--line:#e6e9eb}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Inter,"PingFang SC","Microsoft Yahei",sans-serif}.header{height:72px;display:flex;align-items:center;gap:38px;padding:0 clamp(22px,6vw,100px);border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:850;letter-spacing:-2px;color:var(--ink);text-decoration:none}.brand span{color:var(--orange)}nav{display:flex;gap:24px;margin-right:auto}nav a{color:#53606a;text-decoration:none;font-size:14px}.account,.primary{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:10px 16px;font:inherit;cursor:pointer}.searchHero{padding:24px clamp(22px,10vw,170px);background:linear-gradient(118deg,#fff 54%,#fff0e8)}.eyebrow{margin:0 0 8px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}h1{font-size:clamp(32px,5vw,62px);letter-spacing:-3px;line-height:1.08;margin:0}h1 em{color:var(--orange);font-style:normal}.subtitle{color:var(--muted);margin:16px 0 30px}.searchBox{display:flex;max-width:810px;border:2px solid var(--orange);border-radius:10px;overflow:hidden;background:white}.searchInput{display:flex;align-items:center;gap:10px;flex:1;padding:0 14px;color:#88949c}.searchInput input{width:100%;border:0;outline:0;padding:15px 0;font:inherit}.imageSearch{border-left:1px solid var(--line);padding:14px 14px;white-space:nowrap;cursor:pointer;color:#43505a;font-size:14px}.searchBox>button{border:0;background:var(--orange);color:white;padding:0 28px;font-weight:700;font-size:16px;cursor:pointer}.quick{margin-top:12px;color:var(--muted);font-size:13px}.quick button,.chips button{border:0;background:none;color:#52606a;padding:4px 8px;cursor:pointer}.trust{display:flex;justify-content:center;gap:40px;padding:14px;background:#f6f8f8;color:#53606a;font-size:13px}.catalog{padding:56px clamp(22px,6vw,100px)}.catalogHead{display:flex;align-items:end;justify-content:space-between}.catalog h2,.how h2{margin:0;font-size:30px;letter-spacing:-1px}.catalogHead>p{color:var(--muted);font-size:14px}.chips{display:flex;gap:5px;margin:26px 0}.chips button{padding:7px 13px;border-radius:20px}.chips .active{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #26333d12}.card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f6f7f7;display:block}.cardBody{padding:14px}.code{font:700 12px monospace;color:var(--orange)}.card h3{margin:5px 0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:var(--muted);font-size:13px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:19px;font-weight:800;margin-top:10px}.price small{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}.member{font-size:12px;color:#93713d;margin-top:4px}.tag{position:absolute;top:10px;left:10px;background:#fff3ed;color:var(--orange);font-size:11px;border-radius:4px;padding:3px 6px}.empty{text-align:center;color:var(--muted);padding:30px}.how{margin:0 clamp(22px,6vw,100px) 60px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:16px;background:#16242e;color:#fff}.how p:not(.eyebrow){color:#bdc6cc;max-width:480px}.dropzone{display:flex;flex-flow:column;align-items:center;gap:6px;min-width:310px;padding:30px;border:1px dashed #78909e;border-radius:10px;cursor:pointer}.dropzone span{font-size:12px;color:#bdc6cc}.dropzone b{margin-top:8px;color:#ff8a61;font-size:14px}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px;border-top:1px solid var(--line)}dialog{border:0;border-radius:16px;padding:30px;width:min(410px,calc(100% - 32px));box-shadow:0 20px 60px #0003}dialog::backdrop{background:#111b22aa}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px;color:#78838b;cursor:pointer}dialog h2{margin:0 0 8px}dialog>input{display:block;width:100%;border:1px solid var(--line);padding:12px;margin:10px 0;border-radius:7px;font:inherit}.primary{width:100%;margin-top:8px;background:var(--orange)}#imagePreview{display:block;width:100%;max-height:190px;object-fit:contain;background:#f6f7f7;border-radius:8px;margin:12px 0}.similar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.similar button{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;padding:0;text-align:left;cursor:pointer}.similar img{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f6f6}.similar span{display:block;padding:5px;font:11px monospace}.similar b{color:var(--orange)}@media(max-width:760px){.header{gap:16px}.header nav{display:none}.account{padding:8px 10px;font-size:13px}.searchHero{padding-top:24px}.searchBox{flex-wrap:wrap}.searchInput{min-width:100%}.imageSearch{border-left:0;border-top:1px solid var(--line)}.searchBox>button{padding:12px 24px}.trust{justify-content:flex-start;overflow:auto;gap:25px;white-space:nowrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cardBody{padding:10px}.card h3{font-size:14px}.how{margin:0 22px 36px;padding:26px;display:block}.dropzone{min-width:0;margin-top:22px}.catalog h2,.how h2{font-size:25px}}
