@charset "UTF-8";:root{--accent: #3FC254;--accent2: #1FA33C;--green-soft: #E6F7E9;--green-mist: #F1F9F2;--bg: #F4F7F3;--card: #FFFFFF;--tx: #12241A;--tx2: #7C8B81;--line: #E8EFE9;--chipbg: #EDF4EE;--amber: #FFB830;--danger: #FF5A5A;--heart: #FF5A76;--overlay: rgba(18, 36, 26, .45);--cardshadow: 0 14px 34px -16px rgba(18, 36, 26, .14);--cardshadow-hover: 0 24px 48px -18px rgba(18, 36, 26, .22);--shadow-g: 0 20px 44px -18px rgba(31, 163, 60, .38);--btn-shadow: 0 10px 24px -8px rgba(31, 163, 60, .55);--footer-qr-shadow: 0 10px 24px -12px rgba(0, 0, 0, .4);--home-qr-shadow: 0 14px 30px -14px rgba(0, 0, 0, .35);--rank-shadow: 0 8px 18px -6px rgba(255, 154, 61, .6);--beer-card-image-shadow: drop-shadow(0 10px 12px rgba(18, 36, 26, .18));--beer-detail-image-shadow: drop-shadow(0 14px 16px rgba(18, 36, 26, .2));--beer-image-shadow: drop-shadow(0 18px 22px rgba(18, 36, 26, .22));--mall-image-shadow: drop-shadow(0 18px 22px rgba(18, 36, 26, .28));--heroGrad: linear-gradient(135deg, #46C95C 0%, #2FA845 55%, #1F8F36 100%);--btnGrad: linear-gradient(160deg, #3FC254, #1FA33C);--amberGrad: linear-gradient(160deg, #FF9A3D, #FFB830);--grad-ipa: linear-gradient(160deg, #F5B73E, #D97B22);--grad-wheat: linear-gradient(160deg, #F3D465, #E0A63B);--grad-stout: linear-gradient(160deg, #5A4634, #241B14);--grad-pils: linear-gradient(160deg, #F7DE7C, #E8B94A);--grad-lager: linear-gradient(160deg, #EFC85A, #CE9A2E);--grad-sour: linear-gradient(160deg, #E88AA0, #C24F6E);--grad-cider: linear-gradient(160deg, #B9D977, #7FA640);--grad-bar: linear-gradient(160deg, #3E6B52, #1E3B2B);--grad-news: linear-gradient(160deg, #4A7B62, #24402F);--grad-default: linear-gradient(160deg, #3FC254, #1FA33C);--av-1: #7FB96B;--av-2: #D99B5A;--av-3: #6B97B9;--av-4: #B97B9F;--av-5: #9B8BC8;--av-6: #5AB0B8;--av-7: #C8B25E;--av-8: #6E9AC8;--blob-green: rgba(63, 194, 84, .2);--blob-amber: rgba(255, 197, 61, .14);--mqbelt-bg: #0F2E1B;--mqbelt-text: #9CE8AC;--spring: cubic-bezier(.3, 1.55, .45, 1);--ease: cubic-bezier(.22, .9, .28, 1);--serif: Georgia, "Songti SC", "STSong", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonicOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--container: 1320px;--nav-h: 64px;--r-card-lg: 26px;--r-card: 20px;--r-card-sm: 18px;--r-ctl: 13px;--r-sm: 10px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 19px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-hero: 52px;--fs-score: 44px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:var(--fs-md);color:var(--tx);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}input{font-family:inherit}img{display:block;max-width:100%}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-5)}.page-main{min-height:60vh}.error-fallback{min-height:60vh;display:grid;place-content:center;justify-items:start;gap:var(--sp-4)}.error-fallback h1{font-size:var(--fs-3xl)}.error-fallback p{color:var(--tx2)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-md);font-weight:700;transition:transform .35s var(--spring),box-shadow .35s var(--ease),background .25s var(--ease)}.btn:active{transform:scale(.96)}.btn-grad{background:var(--btnGrad);color:var(--card);box-shadow:var(--btn-shadow)}.btn-grad:hover{transform:translateY(-2px)}.btn-glass{background:color-mix(in srgb,var(--card) 18%,transparent);color:var(--card);border:1px solid color-mix(in srgb,var(--card) 45%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-glass:hover{background:color-mix(in srgb,var(--card) 28%,transparent)}.btn-line{border:1px solid var(--line);color:var(--tx);background:var(--card)}.btn-line:hover{border-color:var(--accent);color:var(--accent2)}.inp{width:100%;padding:var(--sp-2) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);font-size:var(--fs-md);color:var(--tx);outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.inp::placeholder{color:var(--tx2)}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.rv{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform}.rv-in{opacity:1;transform:none}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.sec-head-title{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xl);font-weight:900;letter-spacing:-.01em}.sec-head-title:before{content:"";width:5px;height:18px;border-radius:var(--r-pill);background:var(--btnGrad)}.sec-head-sub{font-size:var(--fs-sm);color:var(--tx2);margin-left:var(--sp-2);font-weight:400}.sec-head-more{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:700;color:var(--accent2);transition:gap .25s var(--ease)}.sec-head-more:hover{gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--chipbg);color:var(--tx2);font-size:var(--fs-xs);font-weight:600;line-height:1.8;white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .35s var(--spring)}button.chip:hover{transform:translateY(-1px)}.chip-on{background:var(--accent);color:var(--card);box-shadow:var(--btn-shadow)}.stars{position:relative;display:inline-block;font-size:var(--fs-md);line-height:1;letter-spacing:2px}.stars-base{color:var(--line)}.stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:var(--amber);white-space:nowrap}.stars-sm{font-size:var(--fs-xs)}.stars-lg{font-size:var(--fs-lg)}.score-num{color:var(--amber);font-weight:800;font-variant-numeric:tabular-nums}.score-hero{font-family:var(--serif);font-size:var(--fs-score);font-weight:700;color:var(--amber);line-height:1;font-variant-numeric:tabular-nums}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--cardshadow);transition:transform .35s var(--spring),box-shadow .35s var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:var(--cardshadow-hover)}.card:active{transform:scale(.98)}.img-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:color-mix(in srgb,var(--card) 82%,transparent);font-weight:800;background:var(--grad-default);overflow:hidden}.img-ph-beer{background:var(--grad-default)}.img-ph-ipa{background:var(--grad-ipa)}.img-ph-wheat{background:var(--grad-wheat)}.img-ph-stout{background:var(--grad-stout)}.img-ph-pils{background:var(--grad-pils)}.img-ph-lager{background:var(--grad-lager)}.img-ph-sour{background:var(--grad-sour)}.img-ph-cider{background:var(--grad-cider)}.img-ph-news{background:var(--grad-news)}.img-ph-bar{background:var(--grad-bar)}.img-ph-product{background:var(--grad-news)}.img-ph-av-1{background:var(--av-1)}.img-ph-av-2{background:var(--av-2)}.img-ph-av-3{background:var(--av-3)}.img-ph-av-4{background:var(--av-4)}.img-ph-av-5{background:var(--av-5)}.img-ph-av-6{background:var(--av-6)}.img-ph-av-7{background:var(--av-7)}.img-ph-av-8{background:var(--av-8)}.topnav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--card) 84%,transparent);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:.5px solid var(--line)}.topnav-inner{display:flex;align-items:center;gap:var(--sp-6);height:var(--nav-h)}.topnav-brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-lg);font-weight:900;letter-spacing:-.01em;flex-shrink:0}.topnav-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:var(--cardshadow)}.topnav-menu{display:flex;align-items:center;gap:var(--sp-2);flex:1}.topnav-link{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-md);font-weight:600;color:var(--tx2);transition:color .25s var(--ease),background .25s var(--ease)}.topnav-link:hover{color:var(--tx)}.topnav-link-on{background:var(--accent);color:var(--card);box-shadow:var(--btn-shadow)}.topnav-link-on:hover{color:var(--card)}.topnav-search{position:relative;width:240px;flex-shrink:0}.topnav-search .inp{padding-left:36px;height:38px;font-size:var(--fs-sm)}.topnav-search-ic{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--tx2);pointer-events:none}.topnav-icons{display:flex;gap:var(--sp-2);flex-shrink:0}.topnav-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--tx2);transition:background .25s var(--ease),color .25s var(--ease),transform .35s var(--spring)}.topnav-icon-btn:hover{background:var(--chipbg);color:var(--accent2);transform:translateY(-1px)}.topnav-login{height:38px;padding:0 var(--sp-4)}.topnav-auth-loading{width:38px;height:38px;border-radius:50%;background:var(--chipbg)}.topnav-account{position:relative}.topnav-account summary{list-style:none}.topnav-account summary::-webkit-details-marker{display:none}.topnav-account-summary{display:flex;align-items:center;gap:var(--sp-2);max-width:150px;height:40px;padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-1);border-radius:var(--r-pill);background:var(--chipbg);font-size:var(--fs-sm);font-weight:700;cursor:pointer}.topnav-account-summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.topnav-account-menu{position:absolute;top:calc(100% + var(--sp-2));right:0;display:grid;width:140px;padding:var(--sp-2);background:var(--card)}.topnav-account-menu a,.topnav-account-menu button{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);text-align:left;font-size:var(--fs-sm)}.topnav-account-menu a:hover,.topnav-account-menu button:hover{background:var(--chipbg);color:var(--accent2)}.footer{margin-top:var(--sp-8);background:var(--mqbelt-bg);color:color-mix(in srgb,var(--mqbelt-text) 78%,transparent)}.footer-inner{display:grid;grid-template-columns:1.3fr repeat(3,.7fr) 1.4fr;gap:var(--sp-6);padding:var(--sp-8) 0 var(--sp-7)}.footer-brand{display:flex;flex-direction:column;gap:var(--sp-4)}.footer-brand-row{display:flex;align-items:center;gap:var(--sp-3)}.footer-logo{width:44px;height:44px;border-radius:50%;object-fit:cover}.footer-brand-name{font-size:var(--fs-xl);font-weight:900;color:var(--card)}.footer-slogan{font-size:var(--fs-sm);line-height:1.8;max-width:260px}.footer-contact{display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-sm)}.footer-contact li{display:flex;align-items:center;gap:var(--sp-2)}.footer-contact svg{flex-shrink:0;opacity:.8}.footer-col-title{font-size:var(--fs-md);font-weight:800;color:var(--card);margin-bottom:var(--sp-4)}.footer-col li{margin-bottom:var(--sp-3);font-size:var(--fs-sm)}.footer-col a{transition:color .25s var(--ease)}.footer-col a:hover{color:var(--mqbelt-text)}.footer-app{display:flex;flex-direction:column;gap:var(--sp-4)}.footer-qr-row{display:flex;gap:var(--sp-4)}.footer-qr{margin:0;background:var(--card);border-radius:var(--r-sm);padding:var(--sp-2);text-align:center;box-shadow:var(--footer-qr-shadow)}.footer-qr img{display:block;width:96px;height:96px;border-radius:calc(var(--r-sm) - 4px);object-fit:cover}.footer-qr figcaption{margin-top:var(--sp-2);font-size:var(--fs-xs);font-weight:700;color:var(--tx)}.footer-dl{display:flex;gap:var(--sp-3)}.footer-dl-btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:18px;background:color-mix(in srgb,var(--card) 12%,transparent);border:.5px solid color-mix(in srgb,var(--card) 25%,transparent);color:var(--card);font-size:var(--fs-sm);font-weight:700;transition:background .25s var(--ease),transform .35s var(--spring)}.footer-dl-btn:hover{background:color-mix(in srgb,var(--card) 22%,transparent);transform:translateY(-2px)}.footer-social{display:flex;gap:var(--sp-3)}.footer-social-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--card) 12%,transparent);color:var(--card);cursor:pointer;transition:background .25s var(--ease),transform .35s var(--spring)}.footer-social-btn:hover{background:var(--accent);transform:translateY(-2px)}.footer-wx-pop{position:absolute;left:50%;bottom:calc(100% + var(--sp-3));transform:translate(-50%) translateY(6px) scale(.9);transform-origin:bottom center;background:var(--card);border-radius:var(--r-sm);padding:var(--sp-2);box-shadow:var(--cardshadow);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .35s var(--spring);z-index:5}.footer-wx-pop img{display:block;border-radius:calc(var(--r-sm) - 4px)}.footer-social-wx:hover .footer-wx-pop{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.footer-friends{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);padding:var(--sp-4) 0;border-top:.5px solid color-mix(in srgb,var(--mqbelt-text) 18%,transparent);font-size:var(--fs-xs)}.footer-friends-label{font-weight:700}.footer-friends a{transition:color .25s var(--ease)}.footer-friends a:hover{color:var(--mqbelt-text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);padding:var(--sp-5) 0;border-top:.5px solid color-mix(in srgb,var(--mqbelt-text) 18%,transparent);font-size:var(--fs-xs)}.footer-bottom a{transition:color .25s var(--ease)}.footer-bottom a:hover{color:var(--mqbelt-text)}@media(max-width:1279px){.footer-inner{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-app{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}}@media(max-width:760px){.container{padding-inline:var(--sp-3)}.topnav-inner{gap:var(--sp-2)}.topnav-brand{margin-right:auto}.topnav-menu,.topnav-search,.topnav-icon-btn{display:none}.topnav-icons{gap:0}.topnav-account-summary{width:40px;padding:var(--sp-1)}.topnav-account-summary>span{display:none}.topnav-login{padding-inline:var(--sp-3)}.footer-inner{grid-template-columns:1fr}.footer-brand,.footer-app{grid-column:auto}.footer-app{align-items:flex-start}.footer-qr-row{flex-wrap:wrap}.footer-bottom{align-items:flex-start;flex-direction:column}}.backtop{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:90;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--btnGrad);color:var(--card);box-shadow:var(--btn-shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s var(--ease),transform .35s var(--spring)}.backtop-show{opacity:1;transform:none;pointer-events:auto}.backtop:hover{transform:translateY(-2px)}.mqbelt-wrap{overflow:hidden;padding:var(--sp-4) 0}.mqbelt{background:var(--mqbelt-bg);transform:rotate(-1.2deg) scale(1.03);overflow:hidden;white-space:nowrap;box-shadow:var(--cardshadow)}.mqbelt-track{display:inline-flex;align-items:center;padding:var(--sp-3) 0;animation:mqscroll 22s linear infinite}.mqbelt:hover .mqbelt-track{animation-play-state:paused}.mqbelt-item{color:var(--mqbelt-text);font-weight:800;letter-spacing:1.5px;font-size:var(--fs-md);padding:0 var(--sp-5)}.mqbelt-sep{color:var(--amber);font-size:var(--fs-sm)}@keyframes mqscroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.beer-card{display:flex;flex-direction:column;padding:var(--sp-4);position:relative;overflow:hidden}.beer-card-imgbox{position:relative;height:180px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-card-sm);background:var(--green-mist);overflow:hidden;margin-bottom:var(--sp-3)}.beer-card-img{height:150px;width:auto;object-fit:contain;transition:transform .45s var(--spring);filter:var(--beer-card-image-shadow)}.beer-card:hover .beer-card-img{transform:translateY(-7px) rotate(-4deg)}.beer-card-imgbox .img-ph{width:100%;height:100%;font-size:var(--fs-2xl)}.beer-card-rank{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;min-width:28px;height:28px;padding:0 var(--sp-2);border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:900;color:var(--card);background:var(--chipbg);color:var(--tx2)}.beer-card-rank-top{background:var(--amberGrad);color:var(--card);box-shadow:var(--rank-shadow)}.beer-card-name{font-size:var(--fs-md);font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.beer-card-en{font-size:var(--fs-xs);color:var(--tx2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--sp-2)}.beer-card-meta{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.beer-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.beer-card-cnt{font-size:var(--fs-xs);color:var(--tx2)}.cmt-card{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.cmt-card-head{display:flex;align-items:center;gap:var(--sp-3)}.cmt-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;font-size:var(--fs-lg)}.cmt-user{font-weight:800;font-size:var(--fs-md)}.cmt-time{font-size:var(--fs-xs);color:var(--tx2)}.cmt-beer{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--accent2);font-weight:700}.cmt-beer:hover{text-decoration:underline}.cmt-content{font-size:var(--fs-md);color:var(--tx);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cmt-photos{display:flex;gap:var(--sp-2)}.cmt-photo{width:72px;height:72px;border-radius:var(--r-ctl);overflow:hidden}.cmt-photo img{width:100%;height:100%;object-fit:cover}.news-card{overflow:hidden;display:flex;flex-direction:column}.news-card-cover{position:relative;height:180px;overflow:hidden}.news-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.news-card:hover .news-card-cover img{transform:scale(1.06)}.news-card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.news-card-cat{align-self:flex-start}.news-card-title{font-size:var(--fs-lg);font-weight:800;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-summary{font-size:var(--fs-sm);color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-date{margin-top:auto;font-size:var(--fs-xs);color:var(--tx2)}.news-card-featured .news-card-cover{height:320px}.news-card-featured .news-card-title{font-size:var(--fs-2xl)}.pgn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin:var(--sp-6) 0}.pgn-btn{min-width:38px;height:38px;padding:0 var(--sp-3);border-radius:var(--r-ctl);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:600;color:var(--tx2);background:var(--card);border:1px solid var(--line);transition:all .25s var(--ease)}.pgn-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent2)}.pgn-btn:disabled{opacity:.45;cursor:not-allowed}.pgn-on{background:var(--btnGrad);border-color:transparent;color:var(--card);box-shadow:var(--btn-shadow)}.pgn-on:hover:not(:disabled){color:var(--card)}.pgn-gap{color:var(--tx2)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) 0;color:var(--tx2);text-align:center}.empty-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--accent2)}.empty-title{font-size:var(--fs-lg);font-weight:800;color:var(--tx)}.empty-desc{font-size:var(--fs-sm)}.scaf-hero{padding:var(--sp-8) 0 var(--sp-7);background:radial-gradient(560px 300px at 88% -10%,var(--blob-amber),transparent 70%),radial-gradient(720px 380px at 8% 0%,var(--blob-green),transparent 70%),var(--green-mist)}.scaf-hero-title{font-size:var(--fs-3xl);font-weight:900;letter-spacing:-.02em}.scaf-hero-desc{margin-top:var(--sp-2);color:var(--tx2);max-width:560px}.scaf-body{padding:var(--sp-7) 0}.scaf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}.scaf-grid-3{grid-template-columns:repeat(3,1fr)}.scaf-note{margin-top:var(--sp-6);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-ctl);background:var(--green-soft);color:var(--accent2);font-size:var(--fs-sm);font-weight:600;display:inline-block}.scaf-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5)}.detail-head{display:flex;gap:var(--sp-6);padding:var(--sp-7) 0}.detail-imgbox{width:240px;height:320px;border-radius:var(--r-card);background:var(--card);box-shadow:var(--cardshadow);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.detail-imgbox img{height:280px;width:auto;object-fit:contain;filter:var(--beer-detail-image-shadow)}.detail-info{display:flex;flex-direction:column;gap:var(--sp-3)}.detail-title{font-size:var(--fs-3xl);font-weight:900;letter-spacing:-.02em;line-height:1.25}.detail-en{color:var(--tx2);font-size:var(--fs-lg)}.detail-desc{color:var(--tx2);max-width:720px;line-height:1.9}.detail-tags{display:flex;gap:var(--sp-2);flex-wrap:wrap}.article{max-width:760px;margin:0 auto;padding:var(--sp-7) 0}.article-title{font-size:var(--fs-3xl);font-weight:900;letter-spacing:-.02em;line-height:1.35}.article-meta{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-5);color:var(--tx2);font-size:var(--fs-sm)}.article-cover{border-radius:var(--r-card);overflow:hidden;margin-bottom:var(--sp-5);max-height:420px}.article-cover img{width:100%;object-fit:cover}.article-content{font-size:var(--fs-lg);line-height:2}.article-content img{max-width:100%;border-radius:var(--r-ctl)}.article-content p{margin-bottom:var(--sp-4)}.article-nav{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-7)}.prod-card{overflow:hidden}.prod-card-imgbox{height:200px;overflow:hidden}.prod-card-imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.prod-card:hover .prod-card-imgbox img{transform:scale(1.05)}.prod-card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.prod-card-name{font-weight:800;font-size:var(--fs-md);line-height:1.4}.prod-card-price{color:var(--danger);font-weight:900;font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.prod-card-origin{color:var(--tx2);font-size:var(--fs-xs);text-decoration:line-through;font-weight:400;margin-left:var(--sp-2)}.about-block{padding:var(--sp-7) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}.about-title{font-size:var(--fs-2xl);font-weight:900;margin-bottom:var(--sp-4)}.about-text{color:var(--tx2);line-height:2}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}.mqbelt{transform:none}}.hb-board{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);gap:var(--sp-5);height:480px;margin-top:var(--sp-6)}.hb-board>.rv{min-height:0}.hb-cell-lg{grid-row:1/-1}.hb-card{position:relative;display:block;height:100%;overflow:hidden;border-radius:var(--r-card-lg);box-shadow:var(--cardshadow);transition:box-shadow .4s var(--ease),transform .4s var(--spring)}.hb-card:hover{box-shadow:var(--cardshadow-hover);transform:translateY(-3px)}.hb-cover,.hb-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hb-cover img{transition:transform .8s var(--ease)}.hb-card:hover .hb-cover img{transform:scale(1.05)}.hb-card-lg .hb-cover img{animation:hbKen 20s var(--ease) infinite alternate}@keyframes hbKen{0%{transform:scale(1)}to{transform:scale(1.07)}}.hb-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--tx) 0%,transparent) 38%,color-mix(in srgb,var(--tx) 55%,transparent) 68%,color-mix(in srgb,var(--tx) 88%,transparent));transition:background .4s var(--ease),opacity .4s var(--ease)}.hb-card:hover .hb-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--tx) 8%,transparent) 26%,color-mix(in srgb,var(--tx) 66%,transparent) 62%,color-mix(in srgb,var(--tx) 94%,transparent))}.hb-body{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.hb-card-lg .hb-body{padding:var(--sp-6);gap:var(--sp-3)}.hb-cat{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:color-mix(in srgb,var(--card) 18%,transparent);border:1px solid color-mix(in srgb,var(--card) 34%,transparent);color:var(--card);font-size:var(--fs-xs);font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hb-title{color:var(--card);font-size:var(--fs-lg);font-weight:900;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px color-mix(in srgb,var(--tx) 45%,transparent)}.hb-card-lg .hb-title{font-size:var(--fs-2xl);line-height:1.35}.hb-summary{color:color-mix(in srgb,var(--card) 82%,transparent);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.hb-card-lg .hb-summary{font-size:var(--fs-md);-webkit-line-clamp:2}.quick-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-5);margin:var(--sp-6) 0 0}.quick-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-3);font-weight:700;font-size:var(--fs-md)}.quick-ic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--accent2);transition:transform .4s var(--spring),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}.quick-item:hover .quick-ic{transform:translateY(-4px) scale(1.06);background:var(--btnGrad);color:var(--card);box-shadow:var(--shadow-g)}.home-sec{margin:var(--sp-8) 0}.beer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-5)}.home-news-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-6);align-items:start}.home-rail{display:flex;flex-direction:column;gap:var(--sp-7)}.hn-list{border-top:1px solid var(--line)}.hn-row{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4);align-items:center;padding:var(--sp-4) var(--sp-2);border-bottom:1px solid var(--line);border-radius:var(--r-ctl);transition:background .3s var(--ease),transform .35s var(--spring)}.hn-row:hover{background:var(--card);transform:translateY(-2px)}.hn-row-cover{height:124px;border-radius:var(--r-card-sm);overflow:hidden}.hn-row-cover img,.hn-row-cover .img-ph{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.hn-row:hover .hn-row-cover img{transform:scale(1.06)}.hn-row-body{min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.hn-row-title{font-size:var(--fs-lg);font-weight:800;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s var(--ease)}.hn-row:hover .hn-row-title{color:var(--accent2)}.hn-row-summary{color:var(--tx2);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hn-row-meta{font-size:var(--fs-xs);color:var(--tx2);font-variant-numeric:tabular-nums;display:flex;gap:var(--sp-3)}.hn-row-meta em{font-style:normal;color:var(--accent2);font-weight:600}.ha-list{display:flex;flex-direction:column;gap:var(--sp-4)}.ha-card{position:relative;display:block;height:148px;overflow:hidden;border-radius:var(--r-card);box-shadow:var(--cardshadow);transition:box-shadow .4s var(--ease),transform .4s var(--spring)}.ha-card:hover{box-shadow:var(--cardshadow-hover);transform:translateY(-3px)}.ha-cover,.ha-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ha-cover img{transition:transform .7s var(--ease)}.ha-card:hover .ha-cover img{transform:scale(1.06)}.ha-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--tx) 0%,transparent) 30%,color-mix(in srgb,var(--tx) 82%,transparent));transition:opacity .4s var(--ease)}.ha-body{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.ha-title{color:var(--card);font-size:var(--fs-md);font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px color-mix(in srgb,var(--tx) 45%,transparent)}.ha-sub{color:color-mix(in srgb,var(--card) 78%,transparent);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-list{margin:0;padding:var(--sp-2) 0;list-style:none}.hk-list li+li{border-top:1px solid var(--line)}.hk-item{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:transform .3s var(--spring),background .25s var(--ease)}.hk-item:hover{transform:translate(5px)}.hk-num{font-family:var(--serif);font-weight:700;font-size:var(--fs-md);color:var(--amber);font-variant-numeric:tabular-nums;flex-shrink:0}.hk-title{font-size:var(--fs-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s var(--ease)}.hk-item:hover .hk-title{color:var(--accent2)}.hot-beer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4)}.hot-beer-head .sec-head{flex:1}.hot-beer-tabs{display:flex;gap:var(--sp-2);padding-bottom:var(--sp-4)}.hot-beer-grid{animation:tabIn .4s var(--ease)}@keyframes tabIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stats-band{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);padding:var(--sp-7) var(--sp-6);text-align:center}.stat-num{font-family:var(--serif);font-size:var(--fs-score);font-weight:700;color:var(--accent2);line-height:1.1;font-variant-numeric:tabular-nums}.stat-num-suffix{font-size:var(--fs-2xl)}.stat-label{color:var(--tx2);font-size:var(--fs-md);margin-top:var(--sp-2)}.promo{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--amberGrad);padding:var(--sp-7) var(--sp-7);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);color:var(--tx);box-shadow:var(--cardshadow)}.promo:after{content:"";position:absolute;width:340px;height:340px;right:-80px;top:-140px;border-radius:50%;background:var(--blob-green);filter:blur(90px)}.promo-title{font-size:var(--fs-2xl);font-weight:900;letter-spacing:-.01em}.promo-desc{margin-top:var(--sp-2);color:color-mix(in srgb,var(--tx) 72%,transparent)}.promo .btn{position:relative;z-index:2;flex-shrink:0}.home-app{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--heroGrad);box-shadow:var(--shadow-g);padding:var(--sp-7);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);color:var(--card)}.home-app:after{content:"";position:absolute;width:380px;height:380px;left:-120px;bottom:-200px;border-radius:50%;background:var(--blob-amber);filter:blur(90px)}.home-app-copy{position:relative;z-index:2}.home-app-desc{margin-top:var(--sp-2);max-width:460px;line-height:1.8;color:color-mix(in srgb,var(--card) 88%,transparent)}.home-app-btns{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.home-app-qrs{position:relative;z-index:2;display:flex;gap:var(--sp-4);flex-shrink:0}.home-app-qr{margin:0;background:var(--card);border-radius:var(--r-sm);padding:var(--sp-2);text-align:center;box-shadow:var(--home-qr-shadow);transition:transform .35s var(--spring)}.home-app-qr:hover{transform:translateY(-4px) rotate(-1.5deg)}.home-app-qr img{display:block;width:104px;height:104px;border-radius:calc(var(--r-sm) - 4px);object-fit:cover}.home-app-qr figcaption{margin-top:var(--sp-2);font-size:var(--fs-xs);font-weight:700;color:var(--tx)}@media(max-width:1023px){.hb-board{grid-template-columns:1fr;grid-template-rows:none;height:auto}.hb-cell-lg{grid-row:auto}.hb-card{height:240px}.hb-card-lg{height:320px}.home-news-layout{grid-template-columns:1fr}.hot-beer-head{flex-direction:column;align-items:flex-start}.hot-beer-tabs{padding-bottom:0}.home-app{flex-direction:column;align-items:flex-start}.beer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hb-card{height:190px}.hb-card-lg{height:260px}.hb-card-lg .hb-body{padding:var(--sp-4)}.quick-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.quick-item:last-child{grid-column:1/-1}.hn-row{grid-template-columns:96px minmax(0,1fr);padding-inline:0}.hn-row-cover{height:84px}.hn-row-summary{display:none}.hot-beer-tabs{max-width:100%;overflow-x:auto}.stats-band{grid-template-columns:1fr}.promo{align-items:flex-start;flex-direction:column;padding:var(--sp-5)}.home-app{padding:var(--sp-5)}.home-app-btns,.home-app-qrs{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.hb-card-lg .hb-cover img,.hot-beer-grid{animation:none}}