:root{color-scheme:light;font-family:'Noto Sans TC',system-ui,sans-serif;color:#253e37;background:#f5f1e8;font-size:18px;line-height:1.85}*{box-sizing:border-box}body{margin:0}a{color:#436e51;text-underline-offset:5px;overflow-wrap:anywhere}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px max(24px,calc((100% - 1080px)/2));border-bottom:1px solid #c5ccba}header a{text-decoration:none}.brand{font-size:28px;font-weight:750;letter-spacing:-1px}.brand span{color:#698061}main,footer{max-width:1080px;margin:auto;padding:24px}section{margin:32px 0 60px;scroll-margin-top:24px}.intro{max-width:820px}h1,h2{font-family:'Noto Serif TC',serif;font-weight:500;line-height:1.5}h1{font-size:clamp(32px,5vw,52px)}h1 em{color:#a56746;font-style:normal}h2{font-size:30px}.eyebrow,.secondary{font-size:15px;color:#586a54}.steps{border-top:1px solid #c5ccba;padding-top:20px}.panel{padding:28px;border:1px solid #bfc9b7;border-radius:5px;background:#fcfaf4}ol{padding-left:24px}li{margin:16px 0}label{display:block;margin:12px 0}input,textarea,button{font:inherit}input:not([type=checkbox]),textarea{width:100%;padding:12px;border:1px solid #929f89;border-radius:4px;background:#fffef9;color:#253e37;min-height:52px}input::placeholder,textarea::placeholder{color:#65745f}button{background:#294a3a;color:#fffef3;border:0;border-radius:3px;padding:12px 20px;min-height:48px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ac6a45;outline-offset:3px}.check{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.check input{width:24px;height:24px;flex:0 0 24px;margin-top:5px;accent-color:#294a3a}.search>div{display:flex;gap:12px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.model-card{border:1px solid #c5ccba;padding:18px;background:#fcfaf4;border-radius:4px;overflow-wrap:anywhere}.model-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e7e9dd}.model-card h3{font-size:21px;line-height:1.5}.model-card p{font-size:16px}.model-card button{width:100%;margin-top:18px}.pagination{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:24px}[hidden]{display:none!important}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.notice{background:#e8ecdf;padding:16px;border-left:3px solid #789369}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important}footer{border-top:1px solid #c5ccba;font-size:16px}#order-status,#search-status,#link-status{overflow-wrap:anywhere}#selection{font-weight:600}@media(max-width:700px){main,footer{padding:20px}.panel{padding:20px}.fields,.results{grid-template-columns:1fr}.search>div{flex-wrap:wrap}.search button{width:100%}.pagination{flex-wrap:wrap}header{padding:18px 20px;font-size:16px}h2{font-size:27px}}
:root dialog { width: min(720px,calc(100% - 32px)); max-height: 85dvh; overflow: auto; padding: 24px; background: #fcfaf4; color: #253e37; border: 1px solid #929f89; border-radius: 8px; font-size: 18px; }
dialog::backdrop { background: #10241dcc; }
.terms-link { background: transparent; color: #436e51; text-decoration: underline; padding: 6px 0; text-underline-offset: 4px; }
.check label { margin: 0; }