:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#58290f;background:#fff0d7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--text-muted: #825c3f;--accent: #a14d2b;--page-gutter: clamp(32px, 5.2vw, 100px)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}.page{min-height:100svh;display:flex;flex-direction:column}.hero-region{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;padding:42px var(--page-gutter) 30px}.brand{display:flex;align-items:baseline;gap:10px;font-size:23px;font-weight:650;letter-spacing:.035em}.brand__product{font:inherit;letter-spacing:inherit}.environment-note{margin:12px 0 0;color:var(--accent);font-size:12px;line-height:1.7}.welcome{flex:1;display:flex;align-items:center;padding-block:64px}.welcome__content{width:min(650px,48vw)}.hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:cover;object-position:center}.introduction h1{margin:0;font-size:clamp(36px,3.25vw,52px);font-weight:650;line-height:1.5;letter-spacing:-.035em}.mobile-break{display:none}.introduction__lead{margin:24px 0 0;font-size:17px;line-height:1.9;color:var(--text-muted)}.entries{margin-top:32px}.entries:before{content:"";display:block;height:1px;width:min(360px,80%);background:#d9ad80;margin-bottom:24px}.entries h2{margin:0 0 20px;font-size:15px;font-weight:500;color:var(--text-muted);line-height:1.6}.entries__grid{display:grid;grid-template-columns:repeat(3,150px);gap:30px}.entry{min-width:0;text-align:center}.entry__code{width:144px;height:144px;margin-inline:auto;background:#fff;border-radius:12px;overflow:hidden}.entry__code svg,.entry__code img{display:block;width:100%;height:100%;object-fit:contain}.entry__code img{padding:4px}.entry h3{margin:13px 0 6px;font-size:16px;font-weight:600;line-height:1.5}.entry__caption{margin:0;min-height:22px;font-size:13px;line-height:1.65;color:var(--text-muted)}.entry__action,.entry__hint{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;min-height:34px;font:inherit;font-size:13px;line-height:1.6}.entry__action{padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:5px;cursor:pointer;transition:color .15s}.entry__action:hover{color:#713119}.entry__hint{color:var(--text-muted)}.code-status{display:grid;place-items:center;height:100%;color:var(--text-muted);font-size:12px}.loading-dot{width:22px;height:22px;border:2px solid #ebd9c4;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.availability-note{margin:15px 0 0;color:var(--text-muted);font-size:12px;line-height:1.75}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;padding:20px 24px;background:#fff8eb;color:var(--text-muted);font-size:12px;line-height:1.8;text-align:center}.footer a{text-decoration:none}.footer a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1101px)and (max-width:1250px){.entries__grid{grid-template-columns:repeat(3,140px);gap:16px}.entry__code{width:136px;height:136px}.introduction h1{font-size:38px}}@media(max-width:1100px){.hero-region{padding:30px 0 0}.brand,.environment-note{padding-inline:var(--page-gutter)}.welcome{flex-direction:column;align-items:stretch;padding:28px 0 40px}.hero-art{position:static;order:-1;width:100%;height:clamp(240px,42vw,420px);object-fit:cover;object-position:right center}.welcome__content{width:100%;padding:36px var(--page-gutter) 0}.introduction h1{font-size:clamp(30px,4.6vw,46px)}.entries__grid{grid-template-columns:repeat(3,150px);gap:clamp(16px,4vw,38px)}}@media(max-width:600px){:root{--page-gutter: 24px}.hero-region{padding-top:24px}.brand{font-size:21px}.welcome{padding-top:22px;padding-bottom:28px}.hero-art{height:245px}.welcome__content{padding-top:30px}.introduction h1{font-size:32px;line-height:1.5;letter-spacing:0}.mobile-break{display:inline}.desktop-break{display:none}.introduction__lead{font-size:15px;margin-top:18px}.entries{margin-top:26px}.entries:before{width:100%;margin-bottom:20px}.entries h2{font-size:14px;margin-bottom:24px}.entries__grid{grid-template-columns:1fr;gap:24px}.entry{display:grid;grid-template-columns:128px 1fr;gap:22px;align-items:center;text-align:left}.entry__code{width:128px;height:128px}.entry h3{margin-top:0}.entry__action{min-height:44px;margin-top:6px}.availability-note{margin-top:24px;font-size:12px}.footer{font-size:12px}.footer__separator{display:none}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}.entry__action{transition:none}}