.guan-catalog{--guan-paper:#f5f2eb;--guan-ink:#252822;--guan-accent:#6f829c;--guan-line:rgba(37,40,34,.16);background:var(--guan-paper);color:var(--guan-ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;padding:90px 0 40px;position:relative}
.guan-catalog *{box-sizing:border-box}.guan-catalog button,.guan-catalog input,.guan-catalog textarea{font:inherit}.guan-catalog button{border-radius:0;cursor:pointer}.guan-catalog [hidden]{display:none!important}.guan-catalog button:disabled{cursor:default;opacity:.42}
.guan-catalog a:focus-visible,.guan-catalog button:focus-visible,.guan-catalog input:focus-visible,.guan-catalog select:focus-visible,.guan-catalog textarea:focus-visible{outline:2px solid var(--guan-accent);outline-offset:5px}
.guan-catalog .guan-category-select{display:none}.guan-catalog .guan-category-select>span{font-size:10px;letter-spacing:.1em;color:#73786f}.guan-catalog .guan-category-select select{font:inherit;font-size:13px;line-height:1.8;letter-spacing:.04em;appearance:auto;width:100%;min-width:0;min-height:44px;margin:0;padding:9px 0;color:var(--guan-ink)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--guan-line)!important;border-radius:0!important;box-shadow:none!important}
.guan-catalog__intro{text-align:center;max-width:680px;margin:0 auto 66px}.guan-eyebrow{font-size:10px;letter-spacing:.24em;color:var(--guan-accent);font-family:Georgia,serif;margin:0 0 18px}.guan-catalog h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(30px,3.5vw,44px);font-weight:400;letter-spacing:.18em;line-height:1.5;margin:0 0 18px}.guan-catalog__subtitle{font-size:13px;letter-spacing:.12em;line-height:2;color:#626660;margin:0}
.guan-toolbar{display:flex;align-items:center;gap:30px;justify-content:space-between;border-bottom:1px solid var(--guan-line);padding:0 0 24px}.guan-categories{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;flex:1}.guan-categories button{border:0;background:transparent;color:#676b65;font-size:12px;padding:8px 0;letter-spacing:.08em;position:relative;line-height:1.5}.guan-categories button:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background:var(--guan-accent);transform:scaleX(0);transition:transform .25s}.guan-categories button.is-active{color:var(--guan-ink)}.guan-categories button.is-active:after,.guan-categories button:hover:after{transform:scaleX(1)}
.guan-search{display:flex;align-items:center;gap:14px;min-width:180px;max-width:220px;border-bottom:1px solid var(--guan-line);padding:8px 0}.guan-search input[type=search]{border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;width:100%;min-height:24px;padding:0;font-size:12px;color:var(--guan-ink);outline-offset:7px}.guan-search>span:last-child{font-size:22px;line-height:1;color:var(--guan-accent)}
.guan-result-bar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 36px}.guan-result-bar>p{font-size:11px;letter-spacing:.1em;color:#73786f;margin:0}.guan-quote-open{background:transparent;border:0!important;padding:6px 0!important;color:var(--guan-ink)!important;font-size:12px;letter-spacing:.09em}.guan-quote-open span{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--guan-accent);border-radius:50%;min-width:25px;height:25px;font-size:10px;color:var(--guan-accent);margin-left:9px}
.guan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 30px;transition:opacity .2s;min-height:120px}.guan-grid[aria-busy=true]{opacity:.5;pointer-events:none}.guan-card{min-width:0;animation:guan-enter .45s ease both}.guan-card__image{aspect-ratio:4/5;background:#edeee9;overflow:hidden;padding:28px;display:flex;align-items:center;justify-content:center}.guan-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .55s ease;mix-blend-mode:multiply}.guan-card:hover .guan-card__image img{transform:scale(1.035)}.guan-card__body{padding-top:23px}.guan-card__category{color:#797e75;font-size:10px;letter-spacing:.11em;line-height:1.8;margin:0 0 9px}.guan-card h3{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:400;font-size:19px;line-height:1.6;letter-spacing:.035em;margin:0 0 11px}.guan-card__price{font-size:12px;letter-spacing:.08em;color:#636a60;margin:0 0 24px}.guan-card__add{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0!important;border:0!important;border-top:1px solid var(--guan-line)!important;background:transparent!important;color:var(--guan-ink)!important;text-align:left;font-size:11px;letter-spacing:.12em}.guan-card__add span{font-size:18px;color:var(--guan-accent)}.guan-card__add:hover{color:var(--guan-accent)!important}
.guan-empty{grid-column:1/-1;text-align:center;padding:65px 24px;line-height:2;font-size:13px;color:#6b7167}.guan-pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin:65px 0 35px}.guan-pagination button{background:transparent;border:0;color:var(--guan-ink);font-size:11px;min-width:34px;min-height:34px;padding:7px}.guan-pagination button.is-active{border-bottom:1px solid var(--guan-accent);color:var(--guan-accent)}.guan-reference-note{text-align:center;color:#85897f;font-size:10px;line-height:1.9;letter-spacing:.05em;margin:30px 0 0}.guan-catalog__error{background:#eeece4;padding:12px 16px;font-size:12px;line-height:1.8;color:#5e6558}
.guan-dialog{background:var(--guan-paper);border:0;color:var(--guan-ink);padding:34px;width:min(660px,calc(100% - 32px));max-height:88vh;max-height:88dvh;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.15)}.guan-dialog::backdrop{background:rgba(25,29,25,.48);backdrop-filter:blur(3px)}.guan-dialog[open]{animation:guan-enter .25s ease}.guan-dialog__header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--guan-line);padding-bottom:20px}.guan-dialog__header .guan-eyebrow{margin-bottom:10px}.guan-dialog__header h2{font-size:27px;letter-spacing:.15em;margin:0}.guan-dialog__close{background:transparent!important;color:var(--guan-ink)!important;border:0!important;font-size:28px;padding:0 5px!important;line-height:1.3}.guan-dialog__items{padding:8px 0}.guan-quote-item{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--guan-line)}.guan-quote-item>img{width:75px;height:94px;object-fit:contain;background:#edeee9;padding:6px}.guan-quote-item__body{flex:1;min-width:0}.guan-quote-item h3{font-size:15px;font-weight:400;line-height:1.7;margin:0 0 5px}.guan-quote-item__body>p{font-size:11px;color:#72786d;margin:0 0 12px;line-height:1.8}.guan-quantity{display:flex;align-items:center;gap:13px}.guan-quantity button{background:transparent!important;border:1px solid var(--guan-line);min-width:28px;min-height:28px;padding:0!important;font-size:13px;color:var(--guan-ink)!important}.guan-quantity span{font-size:11px;min-width:16px;text-align:center}.guan-quantity .guan-remove{border:0!important;font-size:10px;color:#7c8277!important;min-width:40px;margin-left:auto}
.guan-dialog__footer{padding-top:22px}.guan-subtotal{font-size:14px;letter-spacing:.04em;margin:0 0 12px}.guan-dialog__note{font-size:11px;color:#747a70;line-height:1.9;margin:0 0 23px}.guan-line-button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--guan-accent);color:#fff!important;text-decoration:none!important;padding:17px 20px;font-size:12px;letter-spacing:.1em}.guan-line-button[aria-disabled=true]{opacity:.45;cursor:default}.guan-copy-button{display:block;background:transparent!important;border:0!important;color:var(--guan-ink)!important;padding:14px 0!important;text-align:center;width:100%;font-size:11px;letter-spacing:.08em}.guan-copy-fallback{width:100%;height:190px;padding:12px;background:#fff;border:1px solid var(--guan-line);font-size:12px;line-height:1.8}.guan-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guan-catalog button:hover,.guan-catalog button:focus{color:var(--guan-accent)!important;background-color:transparent!important;border-color:var(--guan-accent)!important;box-shadow:none!important;text-decoration:none!important}.guan-catalog .guan-line-button:hover,.guan-catalog .guan-line-button:focus{color:#fff!important;background-color:var(--guan-accent)!important;box-shadow:none!important;text-decoration:none!important;filter:brightness(.94)}
@keyframes guan-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.guan-toolbar{align-items:flex-start;gap:24px;flex-direction:column}.guan-search{width:100%;max-width:100%}.guan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}.guan-catalog{padding-top:65px}.guan-catalog__intro{margin-bottom:48px}}
@media(max-width:620px){.guan-catalog .guan-categories{display:none}.guan-catalog .guan-category-select{display:flex;flex-direction:column;gap:3px;width:100%;min-width:0}.guan-toolbar{gap:15px;padding-bottom:18px}.guan-search{min-width:0;padding:9px 0}.guan-search input[type=search]{min-height:25px}}
@media(max-width:540px){.guan-catalog{padding-top:42px}.guan-catalog__intro{margin-bottom:34px}.guan-catalog h2{font-size:29px}.guan-catalog__subtitle{font-size:11px}.guan-categories{gap:6px 17px}.guan-categories button{font-size:11px}.guan-grid{gap:34px 15px}.guan-card__image{padding:12px;aspect-ratio:4/5}.guan-card__body{padding-top:15px}.guan-card h3{font-size:16px;line-height:1.7;margin-bottom:8px}.guan-card__category{font-size:9px}.guan-card__price{font-size:10px;line-height:1.8;margin-bottom:15px}.guan-card__add{font-size:10px;letter-spacing:.04em;padding:11px 0!important}.guan-result-bar{margin:20px 0 25px}.guan-dialog{padding:25px 20px}.guan-quote-item{gap:14px}.guan-quote-item>img{width:60px;height:80px}}
@media(prefers-reduced-motion:reduce){.guan-catalog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}