/* R137 variables.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5}
:root{
  --color-primary:#2563EB;--color-primary-hover:#1D4ED8;
  --color-bg:#F8FAFC;--color-card:#fff;--color-text:#1E293B;
  --color-muted:#64748B;--color-border:#E2E8F0;--color-success:#10B981;
  --shadow-card:0 2px 12px rgba(0,0,0,.08);
  --contact-footer-h:92px;--detail-cta-h:72px;
}
img{max-width:100%;display:block}
.hidden{display:none!important}
.panel{background:var(--color-card);border-radius:12px;padding:16px;margin:16px;box-shadow:var(--shadow-card)}
.btn-primary,.btn-secondary,.btn-icon,.btn-back,.link-btn{border:none;cursor:pointer;font-size:14px}
.btn-primary{background:var(--color-primary);color:#fff;padding:12px 20px;border-radius:8px;font-weight:600}
.btn-secondary{background:#fff;color:var(--color-text);padding:10px 16px;border-radius:8px;border:1px solid var(--color-border)}
.btn-block{width:100%}
.btn-back{background:transparent;padding:8px;color:var(--color-muted)}
.form-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px}
.form-field{display:block;margin-bottom:12px;font-size:13px;color:var(--color-muted)}
.form-field input,.form-field textarea{width:100%;margin-top:4px}
.r137-top-nav{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:90}
.r137-top-nav button{background:transparent;border:none;padding:8px;font-size:14px;color:var(--color-primary)}
.r137-nav-title{flex:1;text-align:center;font-weight:600;font-size:15px}
.r137-view{display:none;padding-bottom:16px}
.r137-view.active{display:block}
body.has-contact-footer{padding-bottom:calc(var(--contact-footer-h) + env(safe-area-inset-bottom))}
body.has-contact-footer.has-detail-cta{padding-bottom:calc(var(--contact-footer-h) + var(--detail-cta-h) + env(safe-area-inset-bottom))}
body.has-contact-footer .zw-root .zw-fab{bottom:calc(var(--contact-footer-h) + 12px + env(safe-area-inset-bottom))}
.contact-footer{position:fixed;left:0;right:0;bottom:0;z-index:110;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#1a1a1a;color:#fff;text-align:center}
.contact-footer__btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.contact-footer__cta,.contact-footer__btn{padding:8px 16px;border-radius:999px;font-size:13px;text-decoration:none;border:none;cursor:pointer}
.contact-footer__cta{background:var(--color-primary);color:#fff}
.contact-footer__btn{background:#333;color:#fff}
.contact-footer__brand{font-size:11px;opacity:.7;margin:0}
.r137-toast{position:fixed;bottom:calc(var(--contact-footer-h) + 16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:10px 18px;border-radius:999px;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}
.r137-toast.show{opacity:1}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:flex;align-items:flex-end}
.modal-sheet{background:#fff;width:100%;max-height:90vh;border-radius:16px 16px 0 0;padding:16px;overflow:auto}
.hint{font-size:12px;color:var(--color-muted)}
.empty-state{text-align:center;padding:48px 16px;color:var(--color-muted)}
.anim-card{animation:fadeUp .45s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:768px){.modal{align-items:center}.modal-sheet{max-width:520px;margin:auto;border-radius:16px}}