.gbs{--gb-wall:color-mix(in srgb, var(--gold-d) 70%, var(--gold));--gb-wall-l:color-mix(in srgb, var(--gold-d) 50%, var(--gold));--gb-tray:color-mix(in srgb, var(--gold-d) 15%, var(--gold));--gb-shadow:drop-shadow(1px 2px 1.5px rgba(var(--shade), .55)) drop-shadow(5px 9px 8px rgba(var(--shade), .24));background:var(--h-paper);color:var(--ink);padding-top:var(--h-sec);padding-bottom:var(--h-sec);scroll-margin-top:var(--head)}.gbs>.hm-open{margin-bottom:clamp(16px,3dvh,28px)}.gbs .gb-in{flex-direction:column;gap:20px;display:flex;position:relative}.gbs .gb-l,.gbs .gb-r{display:contents}.gbs .gb-size{order:1}.gbs .gb-box{order:2}.gbs .gb-pick{order:3}.gbs .gb-acts{order:4}.gbs .gb-info{order:5}.gbs .gb-order{order:6}.gbs .gb-size,.gbs .gb-acts{flex-wrap:wrap;gap:10px;display:flex}.gbs .btn{min-height:44px;padding:12px 22px}.gbs .btn[aria-pressed=true]{background:var(--ink);color:var(--h-paper)}.gbs .gb-box{--n:3;background:var(--gb-wall);width:min(100%,460px);box-shadow:10px 16px 26px -12px rgba(var(--shade), .4), 3px 5px 6px -3px rgba(var(--shade), .35);border-radius:6px;padding:7%;position:relative}.gbs .gb-box[data-n="12"]{--n:4;width:min(100%,600px)}.gbs .gb-tray{grid-template-columns:repeat(var(--n), 1fr);background:var(--gb-tray);box-shadow:inset 7px 9px 12px -6px rgba(var(--shade), .5);border-radius:4px;gap:4px;padding:4px;display:grid}.gbs .gb-cell{aspect-ratio:1;background:#ffffff14;border-radius:10px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d}.gbs .gb-cell:before{content:"";box-shadow:inset 3px 4px 7px rgba(var(--shade), .3);border:1.5px solid #ffffff80;border-radius:50%;position:absolute;inset:7%}.gbs .gb-tart{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:50%;width:76%;min-width:44px;min-height:44px;padding:0;position:relative}.gbs .gb-tart img{width:100%;height:auto;filter:var(--gb-shadow);display:block}.gbs .gb-tart:hover{translate:0 -3px}.gbs .gb-tart:focus-visible{outline-offset:0}.gbs .gb-lid{z-index:3;background:var(--gb-wall-l);pointer-events:none;clip-path:inset(0 0 100%);transition:clip-path var(--t-hero) var(--ease-enter) var(--t);border-radius:6px;position:absolute;inset:0}.gbs .gb-box[data-lid=closed] .gb-lid{clip-path:inset(0);transition:none}.gbs .gb-info{align-items:baseline;gap:16px;display:flex}.gbs .gb-count{font:400 var(--fs-3) / 1.4 var(--display);font-variant-numeric:oldstyle-nums;letter-spacing:-.015em;flex:none;margin:0}.gbs .gb-note,.gbs .gb-left{font-size:var(--fs-s);color:var(--h-soft);margin:0;line-height:1.5}.gbs .gb-info{min-height:42px}.gbs .gb-full{color:var(--ink);font-size:var(--fs-b);font-weight:500}.gbs .gb-pick{margin-inline:calc(var(--g) * -1);padding:0 var(--g) 6px;scrollbar-width:thin;gap:8px;display:flex;overflow-x:auto}.gbs .gb-f{color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:0 0 104px;justify-content:flex-start;align-items:center;padding:8px 4px 10px;display:flex;position:relative}.gbs .gb-f:hover{background:rgba(var(--shade), .06)}.gbs .gb-f:active{scale:.96}.gbs .gb-f img{width:72%;height:auto;filter:var(--shadow-cut);margin:0 0 6px;display:block}.gbs .gb-name{font-size:var(--fs-s);line-height:1.3;display:block}.gbs .gb-name .zh{color:var(--h-soft);font-size:var(--fs-s)}.gbs .gb-n{font:italic 400 var(--fs-s) / 1.3 var(--ital);color:var(--h-gold);animation:gb-pop var(--t) var(--ease-enter);position:absolute;top:6px;right:12px}@keyframes gb-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.gbs .gb-order{align-items:center;min-height:48px;scroll-margin-bottom:24px;display:flex}.gbs .gb-order p{margin:0}.gbs .gb-order .btn{white-space:normal;text-align:center;max-width:100%}@media (max-width:899px){.gbs .gb-order .btn .bz{display:block}}@media (min-width:900px){.gbs{--hh:calc(100dvh - var(--head) - 2 * var(--h-sec) - 124px)}.gbs .gb-in{column-gap:var(--gg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.gbs .gb-l{grid-area:1/1;gap:10px;display:grid}.gbs .gb-r{flex-direction:column;grid-area:1/2;align-items:flex-start;gap:clamp(8px,1.6dvh,16px);display:flex}.gbs .gb-size,.gbs .gb-pick,.gbs .gb-info,.gbs .gb-acts,.gbs .gb-order,.gbs .gb-box{order:0}.gbs .gb-box{width:min(100%, 460px, calc(var(--hh) / .72))}.gbs .gb-box[data-n="12"]{width:min(100%, 600px, calc(var(--hh) / .8))}.gbs .gb-pick{gap:0;width:100%;margin:0;padding:0;overflow:visible}.gbs .gb-f{flex:1 1 0;min-width:0;padding:6px 2px 8px}.gbs .gb-f img{width:min(72%,9dvh);margin-bottom:4px}.gbs .gb-order{min-height:44px}}.gbs .gb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.gbs .gb-lid{clip-path:inset(0 0 100%);transition:none}.gbs .gb-n{animation:none}}