/* TangPlay brand kit (tangplay-shared/brand) — palette/fonts/buttons from the live hub tangplay.com/ (2026-10-09). */
:root{--tp-mint:#7ce8d8;--tp-ink:#1a2b4a;--tp-ink2:rgba(26,43,74,.62);--tp-card:#fff;--tp-soft:#f0f4f8;--tp-pink:#ff4f8b;--tp-gold1:#ffe27a;--tp-gold2:#f5a623;--tp-radius:18px;
  --tp-font:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.tp-bar{position:sticky;top:0;z-index:50;background:#fff;border-radius:0 0 24px 24px;margin:0 12px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));
  display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px rgba(0,0,0,.08);font-family:var(--tp-font)}
.tp-bar .tp-logo{display:block;line-height:0;flex-shrink:0}.tp-bar .tp-logo img{height:40px;width:auto;max-width:42vw;display:block}
.tp-bar .tp-sp{flex:1}
.tp-bar .tp-back{flex-shrink:0;text-decoration:none;background:var(--tp-ink);color:#fff;border-radius:20px;padding:8px 12px;font:800 13px/1 var(--tp-font);white-space:nowrap}
.tp-bar .tp-lang{flex-shrink:0;background:var(--tp-soft);color:var(--tp-ink);border:0;border-radius:20px;padding:8px 12px;font:700 13px/1 var(--tp-font);cursor:pointer}
.tp-btn{display:block;width:100%;border:0;border-radius:16px;padding:14px 16px;font:800 16px/1.2 var(--tp-font);color:#fff;background:var(--tp-pink);box-shadow:0 6px 16px rgba(255,79,139,.28);cursor:pointer;text-align:center;text-decoration:none}
.tp-btn.ghost{background:#fff;color:var(--tp-ink);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.tp-btn.ink{background:var(--tp-ink);box-shadow:0 6px 16px rgba(26,43,74,.25)}
.tp-btn:active{transform:scale(.97)}
.tp-card{background:#fff;border-radius:var(--tp-radius);box-shadow:0 4px 14px rgba(0,0,0,.08)}