/* 用户选定的 C 布局。两张宣传页保持真实文本，以源码细化画面。 */
.brand-hero .hero-copy h1{letter-spacing:-.05em}
.showcase-stage{height:585px;position:relative;isolation:isolate;max-width:620px;width:100%;margin:auto}
.showcase-aura{position:absolute;inset:30px 15px 14px 30px;border-radius:150px;background:radial-gradient(ellipse at 45% 40%,#f5e5b7 0,#f5edd5 48%,#f5f1e450 78%);z-index:-1;opacity:.75}
.showcase-phone{--phone-scale:.6;position:absolute;width:237px;height:535px;border:6px solid #fff;border-radius:31px;background:#fff;box-shadow:0 28px 50px -18px #66543a48,0 8px 16px -8px #67593a24,0 0 0 1px #e7e1d8;overflow:hidden}
.showcase-viewport{width:100%;height:100%;border-radius:25px;overflow:hidden;position:relative;background:white}
.sc-screen{width:375px;height:872px;transform:scale(var(--phone-scale));transform-origin:top left;position:relative;background:white;color:#1b1c1a;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow:hidden;text-align:left;letter-spacing:0}
.sc-screen *{box-sizing:border-box}.sc-screen h3,.sc-screen h4,.sc-screen strong{letter-spacing:0;line-height:1.4}
.sc-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.sc-status{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;font-weight:600;color:#242722}.sc-status-icons{width:54px;height:13px;display:block}
.sc-beer-nav{height:46px;display:flex;gap:19px;align-items:center;padding:0 15px}.sc-beer-nav strong{flex:1;text-align:center;font-size:16px;font-weight:650;margin-left:39px}.sc-beer-nav .sc-icon{width:21px;height:21px}
.sc-beer-cover{height:300px;background:#d5dfd4;overflow:hidden}.sc-beer-cover img{width:128%;height:100%;margin-left:-14%;object-fit:cover;object-position:50% 83%;display:block}
.sc-beer-tabs{height:44px;background:#181a16;border-radius:14px 14px 0 0;color:#e3e5dd;display:flex;align-items:center;justify-content:space-around;font-size:14px}.sc-beer-tabs strong{color:#ffc700;font-weight:650}
.sc-beer-info{padding:9px 16px 17px}.sc-handle{display:block;width:36px;height:3px;background:#dddeda;border-radius:8px;margin:0 auto 10px}.sc-beer-info h3{font-size:18px;font-weight:650;margin:0 0 4px}.sc-en{color:#888d81;font-size:12px;line-height:1.5!important;margin:0}
.sc-rating{display:flex;gap:11px;align-items:center;height:35px}.sc-stars{display:flex;gap:3px;color:#d2d6cc}.sc-stars .sc-icon{width:18px;height:18px;stroke-width:1.4}.sc-rating small{font-size:10px;color:#9a9d95}
.sc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-facts>div{display:flex;gap:10px;border:1px solid #eef0e9;border-radius:9px;background:#f8f9f5;padding:9px 11px;min-height:59px}.sc-facts label{font-size:11px;color:#979b90;white-space:nowrap;line-height:1.6}.sc-facts>div>span{min-width:0;display:flex;flex-direction:column;gap:3px}.sc-facts strong{font-size:12px;font-weight:550}.sc-facts small{font-size:9.5px;color:#7f8676;white-space:nowrap}
.sc-metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin-top:8px}.sc-metrics>div{padding:8px 11px;background:#f8f9f5;border:1px solid #eef0e9;border-radius:9px;display:flex;flex-direction:column;gap:4px}.sc-metrics label{font-size:10px;color:#979b90}.sc-metrics>div>span{font-size:17px;line-height:1.15;font-weight:550;font-variant-numeric:tabular-nums}.sc-metrics .sc-origin{font-size:14px;padding-top:2px}.sc-metrics small{font-size:11px;margin-left:2px}
.sc-checkin{display:flex;align-items:center;gap:18px;margin-top:13px}.sc-checkin>span{height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;background:#f6f7f3;flex:1;font-size:15px;font-weight:550}.sc-checkin .sc-icon{width:21px;height:21px}
.sc-review{height:42px;background:#ffc700;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:15px;font-weight:600;margin-top:8px}.sc-review .sc-icon{width:20px;height:20px}
.sc-beer-info h4{font-size:16px;margin:20px 0 7px;font-weight:600}.sc-description{font-size:11px;color:#828879;line-height:1.75!important;margin:0}
.sc-community-nav{display:flex;height:54px;align-items:center;gap:23px;padding:0 16px;border-bottom:1px solid #f0f1eb;font-size:17px}.sc-community-nav>span:first-child{color:#a0a49b}.sc-community-nav strong{font-size:19px;font-weight:650}.sc-spacer{flex:1}.sc-community-nav .sc-icon{width:23px;height:23px}
.sc-feed{height:724px;overflow:hidden}.sc-post{padding:16px 15px 11px;border-bottom:6px solid #f7f8f4}.sc-author{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:11px;font-weight:500}.sc-avatar{width:26px;height:26px;border:1px solid #e9dfc9;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:550;color:#85612f;background:linear-gradient(135deg,#faf4e4,#e6d4ad)}.sc-avatar.green{border-color:#d9e3d9;color:#466451;background:linear-gradient(135deg,#eff3eb,#cfdfcf)}
.sc-post h3{font-size:17px;margin:0 0 6px;font-weight:650}.sc-post>p{font-size:12px;line-height:1.65;color:#8b9084;margin:0 0 11px}
.sc-post-photos{display:grid;grid-template-columns:1.85fr 1fr;grid-template-rows:107px 107px;gap:5px;height:219px;overflow:hidden;border-radius:9px}.sc-post-photos img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.sc-post-photos img:first-child{grid-row:1/3;object-position:50% 52%}.sc-post-photos img:nth-child(2){object-position:50% 40%}.sc-post-photos img:nth-child(3){object-position:50% 40%}
.sc-post-bottom{height:30px;margin-top:7px;display:flex;align-items:center;gap:14px;color:#a0a59a;font-size:10px}.sc-topic{color:#929782;margin-right:auto}.sc-post-bottom>span:not(.sc-topic){display:flex;gap:4px;align-items:center}.sc-post-bottom .sc-icon{width:17px;height:17px;color:#a0a59a;stroke-width:1.5}
.sc-single-photo{height:212px;border-radius:9px;overflow:hidden}.sc-single-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;display:block}
.sc-bottom{position:absolute;height:66px;bottom:0;left:0;right:0;border-top:1px solid #e8ece3;background:#fff;display:flex;justify-content:space-around;align-items:center;padding-bottom:4px}.sc-bottom>span{display:grid;justify-items:center;gap:5px;color:#a4aa9e;font-size:10px}.sc-bottom .sc-icon{width:23px;height:23px;stroke-width:1.7}.sc-bottom>span.selected{color:#1c2119}.sc-bottom .selected .sc-icon{fill:#1c2119;stroke:#1c2119}.sc-bottom small{font-size:9px;line-height:1.2}
.layout-C .beer-phone{left:64px;top:1px;transform:rotate(-7deg)}.layout-C .community-phone{right:61px;top:50px;transform:rotate(6deg)}
.login-app-preview.login-showcase{width:220px;height:506px;overflow:hidden;border:0;transform:rotate(-8deg);box-shadow:none;border-radius:0;right:50px;top:300px}.login-showcase .showcase-phone{--phone-scale:.554666;width:220px;height:496px;left:0;top:0}.login-showcase .sc-beer-cover img{margin-left:-14%;margin-top:0}
@media(max-width:1100px) and (min-width:761px){.showcase-stage{height:505px}.showcase-phone{--phone-scale:.493333;width:197px;height:445px;border-radius:26px}.showcase-viewport{border-radius:20px}.layout-C .beer-phone{left:12px;top:5px}.layout-C .community-phone{right:11px;top:51px}.login-app-preview.login-showcase{right:30px}}
@media(max-width:760px){.showcase-stage{height:470px;max-width:420px}.showcase-phone{--phone-scale:.416;width:168px;height:375px;border-radius:23px}.showcase-viewport{border-radius:17px}.layout-C .beer-phone{left:8px;top:12px}.layout-C .community-phone{right:8px;top:64px}.showcase-aura{inset:40px 0 20px;border-radius:100px}.brand-hero .hero-copy h1{font-size:48px}.brand-hero .hero-copy{padding-bottom:0}.brand-hero{gap:21px}}
@media(max-width:360px){.showcase-stage{height:410px}.showcase-phone{--phone-scale:.373333;width:152px;height:338px}.brand-hero .hero-copy h1{font-size:43px}}