*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-text: #1a1a1a;--color-text-light: rgba(255, 255, 255, .95);--color-muted: #777;--color-dark: #14171c;--font-sans: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}body{font-family:var(--font-sans);color:var(--color-text);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.page{display:flex;flex-direction:column;min-height:100vh}.site-header{display:flex;align-items:center;justify-content:center;padding:4px 20px;background:#fff;border-bottom:1px solid #f0f0f0;animation:fade-in .8s ease both}.site-header__logo{height:clamp(32px,4.5vh,46px);width:auto}.split{display:flex}.hero{position:relative;flex:0 0 60%;background:#fff}.hero__image{width:100%;height:auto;animation:fade-in 1.2s ease both}.hero__image--mobile{display:none}.hero__snow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__content{display:none}.hero__title{font-size:30px;font-weight:300;letter-spacing:.12em;line-height:1.2;margin-bottom:.7em}.hero__title em{font-style:normal}.hero__subtitle{font-size:14px;font-weight:300;line-height:1.9;letter-spacing:.08em}.qr-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,6vh,72px);padding:clamp(32px,4vw,64px);background:#fff}.qr-panel__logo{width:clamp(220px,24vw,340px);height:auto;animation:fade-in 1s ease .2s both}.qr-panel__codes{display:flex;gap:clamp(28px,4vw,72px);animation:fade-in 1s ease .4s both}.qr-code{display:flex;flex-direction:column;align-items:center;gap:14px}.qr-code__image{width:clamp(130px,12vw,175px);height:auto;transition:transform .3s ease}.qr-code:hover .qr-code__image,.qr-code:focus-visible .qr-code__image{transform:scale(1.05)}.qr-code__name{font-size:clamp(16px,1.5vw,22px);font-weight:500;letter-spacing:.06em}.qr-panel__domain{color:var(--color-text);font-size:clamp(14px,1.15vw,18px);font-weight:400;letter-spacing:.1em;transition:color .3s ease;animation:fade-in 1s ease .5s both}.qr-panel__domain:hover,.qr-panel__domain:focus-visible{color:var(--color-muted)}.qr-panel__note{max-width:460px;display:flex;flex-direction:column;gap:8px;color:var(--color-muted);font-size:clamp(12px,.95vw,15px);font-weight:300;line-height:1.8;text-align:center;letter-spacing:.04em;animation:fade-in 1s ease .6s both}.brand-slogan{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 36px;padding:24px;background:var(--color-dark);color:#ffffffd9;font-size:clamp(12px,1vw,15px);font-weight:300;line-height:1.8;text-align:center;letter-spacing:.08em;animation:fade-in 1s ease .2s both}.brand-slogan__line{white-space:nowrap}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;padding:12px 16px;background:#fff;border-top:1px solid #eee;color:#888;font-size:12px;font-weight:300;letter-spacing:.03em}.site-footer__item:hover{color:#555}.site-footer__police{display:inline-flex;align-items:center;gap:6px}.site-footer__police img{width:14px;height:14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.site-header{padding:4px 18px}.site-header__logo{height:32px}.split{flex-direction:column}.hero__image--desktop{display:none}.hero__image--mobile{display:block}.hero__content{display:block;background:var(--color-dark);color:var(--color-text-light);padding:22px 24px 30px;animation:fade-in 1s ease .3s both}.qr-panel{gap:36px;padding:48px 24px 40px}.qr-code__image{width:150px}.brand-slogan{flex-direction:column;gap:4px;padding:20px 24px}.brand-slogan__line{white-space:normal}.site-footer{gap:6px 14px;padding:12px 16px}}