:root{--purple:#7030a0;--ink:#251d2b;--muted:#827987;--line:#eae5ec;--bg:#faf9fb}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Arial,'Microsoft YaHei',sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}header{height:90px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.logo{text-decoration:none;color:var(--purple);font:700 29px Georgia;letter-spacing:3px;display:flex;align-items:center;gap:22px}.logo span{font:13px Arial;letter-spacing:1px;color:var(--ink)}.search{width:430px;background:#f5f2f7;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:9px 15px;gap:10px}.search span{font-size:25px;color:var(--purple)}.search input{background:none;border:0;width:100%;min-width:0}.search kbd{border:1px solid #d6cedc;border-radius:3px;padding:0 6px;color:var(--muted)}.intro{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#f0e7f7,#faf8fc 70%)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--purple);font-weight:bold}h1{font-size:32px;margin:8px 0;font-weight:600}.sub{color:var(--muted);margin-bottom:0}.stats{text-align:right;border-left:1px solid #d8c8e4;padding-left:36px;display:flex;flex-direction:column}.stats strong{font:38px Georgia;color:var(--purple)}.stats span{color:var(--muted);font-size:12px}nav{display:flex;gap:32px;padding:0 5%;border-bottom:1px solid var(--line);background:white}nav button{background:none;border:0;border-bottom:3px solid transparent;padding:17px 0;color:var(--muted)}nav button.active{border-color:var(--purple);color:var(--purple);font-weight:bold}nav span:last-child{margin-left:auto;padding:17px 0;color:var(--muted);font-size:12px}main{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:30px 5% 50px;max-width:1700px;margin:auto}aside{align-self:start;position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:8px;padding:17px}.aside-head{display:flex;justify-content:space-between;align-items:center}.aside-head h2{font-size:15px;margin:0}.aside-head button{border:0;background:none;font-size:12px;color:var(--purple)}#brandSearch{width:100%;border:1px solid var(--line);border-radius:5px;padding:8px 10px;margin:15px 0}#brands{max-height:570px;overflow:auto}.brand{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;padding:10px 8px;background:none;border:0;color:#675e6e;border-radius:4px;font-size:12px}.brand:hover,.brand.active{background:#f0e7f7;color:var(--purple)}.brand.active{font-weight:bold}.brand span:last-child{color:#a899b3;font-size:11px}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.catalog-head h2{margin:0;font-size:21px}.catalog-head p{color:var(--muted);font-size:12px;margin:5px 0}select{border:1px solid var(--line);border-radius:6px;background:white;padding:9px 12px;color:#65576d}#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;position:relative;transition:box-shadow .15s}.card:hover{box-shadow:0 6px 22px #3c1d5010}.product-open{background:none;border:0;padding:0;display:block;width:100%;text-align:left;cursor:pointer;color:inherit}.photo{aspect-ratio:1/1;background:white;padding:12px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f4f0f5}.photo img{width:100%;height:100%;object-fit:contain}.card-info{padding:15px}.card-brand{font-size:10px;color:var(--purple);font-weight:bold;letter-spacing:.5px;margin:0 0 7px}.card h3{font-size:13px;line-height:1.55;margin:0;height:42px;overflow:hidden;font-weight:500}.card-bottom{display:flex;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:11px}.card-bottom b{font-weight:500;color:#55475f}.favorite{position:absolute;right:9px;top:9px;background:#fffffff0;border:1px solid var(--line);border-radius:50%;height:30px;width:30px;color:#938799;font-size:18px}.favorite.saved{color:var(--purple);background:#f0e7f7}#chips{margin-bottom:15px}#chips:empty{display:none}.chip{background:#eee4f6;border:0;color:var(--purple);border-radius:20px;padding:6px 12px;font-size:12px}#pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:35px}#pagination button,#clear{background:white;border:1px solid var(--line);padding:8px 15px;border-radius:5px;color:var(--purple)}#pagination button:disabled{opacity:.4;cursor:default}#pagination span{font-size:12px;color:var(--muted)}#empty{text-align:center;padding:80px 20px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:12px;padding:0;max-width:900px;width:90%;box-shadow:0 15px 80px #0004}dialog::backdrop{background:#1c132acc}.close{position:absolute;right:12px;top:12px;background:#fff;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:23px;z-index:1}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-image{background:#faf8fc;display:flex;align-items:center;justify-content:center;padding:30px;min-height:390px}.detail-image img{max-width:100%;max-height:440px;object-fit:contain}.detail-info{padding:50px 35px}.detail-info h2{font-size:22px;white-space:pre-line}.detail-info .code{color:var(--purple);font-weight:bold}.detail-actions{display:flex;gap:10px;margin-top:30px}.detail-actions button{border:1px solid var(--purple);border-radius:5px;padding:10px 13px;background:white;color:var(--purple)}.detail-actions button:first-child{background:var(--purple);color:white}#copyStatus{font-size:12px;color:var(--purple)}@media(min-width:1450px){#grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}main{grid-template-columns:185px 1fr;gap:20px}.logo span{display:none}}@media(max-width:700px){header{height:auto;min-height:90px;gap:16px;padding:16px 5%;flex-wrap:wrap}.logo{font-size:24px}.search{width:100%}.intro{padding:25px 5%}h1{font-size:25px}.stats{display:none}main{display:block;padding-top:18px}aside{position:static;padding:12px;margin-bottom:22px}#brandSearch{margin:10px 0}#brands{max-height:130px;display:flex;flex-wrap:wrap;gap:4px}.brand{width:auto;padding:7px 9px;background:#faf7fc;max-width:100%}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-info{padding:11px}.card h3{font-size:12px;height:38px}.card-bottom{flex-direction:column;gap:4px}.catalog-head h2{font-size:18px}.detail-layout{display:block}.detail-image{min-height:220px;padding:25px}.detail-image img{max-height:260px}.detail-info{padding:25px}.detail-info h2{font-size:18px}footer span{display:none}nav{gap:25px}}

header{gap:20px}.logo{letter-spacing:2px}#language{flex:none;color:var(--purple);min-width:94px}.inquiry-hint{background:#f0e7f7;border-radius:6px;padding:12px;color:var(--purple)}.card-bottom b{font-size:15px;font-weight:700;color:var(--purple)}.detail-info .code{font-size:26px}@media(max-width:700px){header{position:relative}.search{order:3}#language{position:absolute;right:5%;top:13px}.detail-actions{flex-wrap:wrap}.sub{max-width:650px}}
#imageSearchButton{flex:none;border:0;background:#eadcf4;color:var(--purple);padding:7px 9px;border-radius:5px;font-size:12px}.search{width:520px}.search input[type=file][hidden]{display:none}#imageSearchPanel:not([hidden]){display:flex;gap:15px;align-items:center;padding:15px;background:#f0e7f7;border:1px solid #ddcbea;border-radius:8px;margin-bottom:20px}#imageSearchPreview{width:80px;height:80px;object-fit:contain;background:white;border-radius:6px}#imageSearchPanel p{font-size:12px;color:var(--muted);margin:5px 0}#imageSearchClear{border:0;background:white;color:var(--purple);border-radius:4px;padding:5px 10px}@media(max-width:700px){.search{width:100%}#imageSearchButton{max-width:140px}}