.tabbar[data-v-11e9c777]{position:fixed;bottom:calc(.4rem + var(--bottom-pad, env(safe-area-inset-bottom, 0px)));left:50%;transform:translate(-50%);width:calc(100% - 1.2rem);max-width:500px;height:3.6rem;background:#fffffff0;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(138,98,56,.12);border-radius:var(--radius-2xl);display:flex;align-items:center;z-index:100;box-shadow:0 8px 24px #5a462824,0 2px 6px #5a46280f,inset 0 1px #ffffffe6}.tab-item[data-v-11e9c777]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;height:100%;color:var(--text-tertiary);transition:color .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.icon-holder[data-v-11e9c777]{position:relative;display:flex;align-items:center;justify-content:center;width:2.1rem;height:1.7rem;border-radius:.85rem;transition:background .25s var(--ease-out),transform .2s var(--ease-out)}.tab-badge[data-v-11e9c777]{position:absolute;top:-.18rem;right:-.04rem;min-width:.9rem;height:.9rem;padding:0 .18rem;border-radius:.45rem;background:#e74c3c;color:#fff;font-size:.55rem;font-weight:700;line-height:.9rem;text-align:center;box-shadow:0 .1rem .25rem #e74c3c80;pointer-events:none;z-index:2}.tab-icon[data-v-11e9c777]{width:1.45rem;height:1.45rem;transition:transform .2s var(--ease-spring)}.tab-text[data-v-11e9c777]{font-size:.62rem;font-weight:500;letter-spacing:.02em;transition:font-weight .2s,color .2s}.tab-item.active[data-v-11e9c777]{color:#9a6b1e}.tab-item.active .icon-holder[data-v-11e9c777]{background:#c9a22724}.tab-item.active .tab-icon[data-v-11e9c777]{transform:translateY(-.02rem) scale(1.06);filter:drop-shadow(0 2px 5px rgba(201,162,39,.4))}.tab-item.active .tab-text[data-v-11e9c777]{font-weight:700}.tab-item:active .icon-holder[data-v-11e9c777]{transform:scale(.9)}.global-toast[data-v-accef1f6]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2b2118eb;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);color:#fff;font-size:.92rem;border-radius:.8rem;padding:.73rem 1.2rem;z-index:9999;max-width:80%;display:flex;align-items:center;gap:.5rem;box-shadow:0 12px 34px #2b211847,inset 0 1px #ffffff1f;border:1px solid rgba(138,98,56,.12)}.global-toast.success[data-v-accef1f6]{background:linear-gradient(135deg,#10b981f0,#059669f0)}.global-toast.error[data-v-accef1f6]{background:linear-gradient(135deg,#eb0045f2,#c40036f2)}.global-toast.warning[data-v-accef1f6]{background:linear-gradient(135deg,#f59e0bf2,#d97706f2)}.toast-icon[data-v-accef1f6]{width:1.05rem;height:1.05rem;flex-shrink:0}.toast-msg[data-v-accef1f6]{line-height:1.4}.toast-fade-enter-active[data-v-accef1f6],.toast-fade-leave-active[data-v-accef1f6]{transition:opacity .22s,transform .22s var(--ease-out)}.toast-fade-enter-from[data-v-accef1f6],.toast-fade-leave-to[data-v-accef1f6]{opacity:0;transform:translate(-50%,-50%) scale(.88) translateY(.4rem)}:root{--gold: #c9a227;--gold-light: #e3c97e;--gold-soft: #f7ead1;--gold-bg: linear-gradient(180deg, #fffdf6 0%, #f5e3b3 38%, #d9b96a 100%);--wine: #8d3c14;--wine-deep: #5c1115;--accent-red: #c8102e;--brand-red: #c8102e;--brand-red-deep: #9c0a24;--brand-orange: #c9a227;--brand-gradient: linear-gradient(100deg, #c9a227 0%, #c8102e 58%, #8d3c14 100%);--brand-gradient-soft: linear-gradient(135deg, rgba(201,162,39,.2) 0%, rgba(200,16,46,.15) 100%);--text-primary: #1f1d1a;--text-secondary: #55504a;--text-tertiary: #908a82;--text-quaternary: #aaa49c;--text-placeholder: #b8b2aa;--text-inverse: #ffffff;--bg-page: #f4f3f0;--bg-card: #ffffff;--bg-card-hover: #faf9f6;--bg-gray: #f1ece4;--bg-mask: rgba(31, 29, 26, .55);--border-light: rgba(60, 50, 40, .1);--border-lighter: rgba(60, 50, 40, .06);--border-gold: rgba(201, 161, 54, .45);--radius-sm: .3rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.2rem;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(60, 50, 40, .05);--shadow-card: 0 2px 10px rgba(60, 50, 40, .06), 0 1px 2px rgba(60, 50, 40, .03);--shadow-card-hover: 0 6px 18px rgba(60, 50, 40, .1), 0 2px 4px rgba(60, 50, 40, .05);--shadow-float: 0 8px 24px rgba(60, 50, 40, .12);--shadow-float-lg: 0 16px 48px rgba(60, 50, 40, .16);--shadow-gold: 0 4px 12px rgba(201, 162, 39, .28);--shadow-gold-lg: 0 8px 24px rgba(201, 162, 39, .36);--gap-xs: .2rem;--gap-sm: .4rem;--gap-md: .6rem;--gap-lg: .8rem;--gap-xl: 1.2rem;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.3, .5, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{margin:0;padding:0;background:radial-gradient(120% 60% at 50% 0%,#ffffff 0%,var(--bg-page) 55%);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Helvetica Neue,Microsoft YaHei,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}::selection{background:#c9a2274d}@media (hover: hover) and (pointer: fine){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#10101a29;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#10101a47}::-webkit-scrollbar-track{background:transparent}}#app{max-width:540px;margin:0 auto;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);background:var(--bg-page);position:relative;padding-bottom:var(--bottom-pad, var(--safe-bottom));box-shadow:0 0 3rem #5a462824}@media (max-width: 540px){#app{max-width:none;box-shadow:none}}.has-tabbar-pad{padding-bottom:calc(4.2rem + var(--bottom-pad, 0px))}a{color:inherit;text-decoration:none}img{display:block}button{font-family:inherit;border:none;outline:none;cursor:pointer}input,textarea{font-family:inherit;outline:none;border:none;background:transparent}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}.waterfall{display:flex;align-items:flex-start;padding:0 var(--gap-lg);gap:var(--gap-sm)}.waterfall-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);position:relative}.btn-primary{position:relative;background:var(--brand-gradient);color:#3a2b18;font-weight:600;border-radius:var(--radius-pill);box-shadow:var(--shadow-gold);transition:transform .16s var(--ease-out),opacity .16s,box-shadow .16s;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff38,#fff0 45%);pointer-events:none}.btn-primary:active{transform:scale(.97);opacity:.94;box-shadow:0 2px 8px #c9a2274d}.press{transition:transform .15s var(--ease-out),opacity .15s,box-shadow .15s}.press:active{transform:scale(.97);opacity:.9}.glass{background:#ffffffe0;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.block-title{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.block-title:before{content:"";width:.3rem;height:.85rem;border-radius:.15rem;background:var(--gold);box-shadow:0 2px 5px #c9a22747}.shimmer{background:linear-gradient(90deg,#efe9dd 25%,#f7f2e7,#efe9dd 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.login-page,.live-room,.kefu-admin{--text-primary: #f4efe8;--text-secondary: #c9c0b2;--text-tertiary: #8b8377;--text-quaternary: #6d655b;--text-placeholder: #6a6259;--text-inverse: #1a1510;--bg-page: #1a1510;--bg-card: #2a241c;--bg-card-hover: #342d23;--bg-gray: #241f18;--bg-mask: rgba(0, 0, 0, .6);--border-light: rgba(201, 162, 39, .18);--border-lighter: rgba(201, 162, 39, .1);--border-gold: rgba(201, 162, 39, .45);--shadow-card: 0 2px 8px rgba(0, 0, 0, .45);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .55);--shadow-float: 0 8px 24px rgba(0, 0, 0, .55);--shadow-float-lg: 0 16px 48px rgba(0, 0, 0, .6)}