:root{font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#232326;background:#f6f6f4;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}.topbar{background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.5rem,calc((100vw - 1260px)/2));position:sticky;top:0;z-index:4}.brand{font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:.65rem;white-space:nowrap}.brand-mark{background:#a11d24;color:#fff;border-radius:.45rem;padding:.25rem .45rem}.topbar nav{display:flex;gap:.6rem}.top-link{border:1px solid #d0d0d0;border-radius:.5rem;text-decoration:none;padding:.7rem 1rem;font-weight:700;white-space:nowrap}.top-link.line{background:#16873c;color:#fff;border-color:#16873c}main{max-width:1260px;margin:auto;padding:1.6rem 1.5rem 5rem}.intro h1{font-size:clamp(1.55rem,3vw,2.45rem);margin:.2rem 0 .4rem;line-height:1.3}.intro p{color:#5d5d60;margin:0 0 1.3rem}.controls{display:flex;align-items:end;gap:.8rem;background:#fff;border:1px solid #dedede;border-radius:.85rem;padding:1rem;flex-wrap:wrap}.controls label{display:grid;gap:.35rem;min-width:180px;font-size:.9rem;font-weight:700;flex:1}.controls select,.controls input{height:2.8rem;border:1px solid #bfc0c2;border-radius:.5rem;padding:.5rem .7rem;background:#fff;min-width:0}.controls button,.compare-bar button{height:2.8rem;border:0;border-radius:.5rem;padding:0 1rem;background:#a11d24;color:#fff;font-weight:700;cursor:pointer}.result-bar{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem .2rem;color:#555;font-size:.9rem}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{background:#fff;border:1px solid #dedede;border-radius:.9rem;overflow:hidden;display:grid;grid-template-columns:40% 60%;min-height:300px}.photo{background:#fff;border-right:1px solid #eee;display:grid;place-items:center;padding:1rem}.photo img{width:100%;height:245px;object-fit:contain}.card-body{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:start}.card h2{font-size:1.25rem;margin:0;line-height:1.3}.type{font-size:.82rem;color:#a11d24;font-weight:700;margin:.15rem 0}.name{font-size:.94rem;color:#555;margin:0}.choose{display:flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:.85rem;font-weight:700}.choose input{width:1.15rem;height:1.15rem;accent-color:#a11d24}.key-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.key-specs div{background:#f6f6f4;border-radius:.4rem;padding:.55rem}.key-specs dt{font-size:.77rem;color:#68686b}.key-specs dd{margin:.15rem 0 0;font-size:1rem;font-weight:800}.more{border-top:1px solid #eee;padding-top:.65rem}.more summary{cursor:pointer;font-weight:700;color:#a11d24}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.75rem 0}.detail-grid div{display:grid;gap:.1rem}.detail-grid dt{font-size:.78rem;color:#777}.detail-grid dd{margin:0;line-height:1.4}.features{padding-left:1.1rem;margin:.5rem 0}.features li{margin-bottom:.25rem}.install{font-size:.88rem;color:#56565a;margin:.6rem 0}.note{background:#fff;border-left:4px solid #a11d24;padding:1rem 1.2rem;margin-top:1.4rem;border-radius:.4rem}.note h2{font-size:1rem;margin:0 0 .4rem}.note p{margin:.4rem 0;font-size:.9rem;line-height:1.55}.empty{padding:3rem;text-align:center;background:#fff;border-radius:.7rem}.compare-bar{position:fixed;bottom:0;left:0;right:0;background:#252528;color:#fff;padding:.7rem max(1.5rem,calc((100vw - 1260px)/2));z-index:5;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 22px #0002}.compare-bar[hidden],.empty[hidden]{display:none}dialog{border:0;border-radius:.8rem;padding:0;width:min(1050px,calc(100vw - 1rem));max-height:90vh;box-shadow:0 15px 60px #0005}dialog::backdrop{background:#0008}.dialog-head{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #ddd;z-index:1}.dialog-head h2{margin:0;font-size:1.3rem}.dialog-head button{border:0;background:transparent;font-size:2rem;cursor:pointer}.compare-content{overflow:auto;padding:1rem}.compare-table{border-collapse:collapse;min-width:620px;width:100%}.compare-table th,.compare-table td{border-bottom:1px solid #ddd;padding:.75rem;text-align:left;vertical-align:top}.compare-table th{background:#f5f5f5;min-width:115px}.compare-table td{min-width:180px}footer{border-top:1px solid #ddd;padding:1.4rem max(1.5rem,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;gap:1rem;color:#777;font-size:.8rem;background:#fff}@media(max-width:900px){.products{grid-template-columns:1fr}}@media(max-width:600px){.topbar{position:static;padding:.8rem 1rem;align-items:stretch;flex-direction:column}.topbar nav{display:grid;grid-template-columns:1fr 1fr}.top-link{text-align:center;font-size:.85rem;padding:.62rem .2rem}main{padding:1.2rem .8rem 5rem}.controls{display:grid;grid-template-columns:1fr 1fr}.controls label:first-child,.controls label:last-of-type{grid-column:span 2}.controls label{min-width:0}.controls button{grid-column:span 2}.result-bar{font-size:.8rem}.card{grid-template-columns:1fr}.photo{border-right:0;border-bottom:1px solid #eee;padding:.5rem}.photo img{height:230px}.card-body{padding:1rem}.key-specs dd{font-size:.95rem}.compare-bar{padding:.7rem 1rem}footer{flex-direction:column;padding:1rem}}