*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:#1a1830;color:#33261c}#app{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}#app::-webkit-scrollbar{display:none}#scroll-space{height:620vh;pointer-events:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}#hud-top,#hud-bottom,#zone-caption,#enter-btn,#tooltip{position:fixed;z-index:10}.glass-panel{position:absolute;background:#f5ebe0d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(199,184,158,.7);border-radius:16px;box-shadow:0 4px 18px #5a46322e,inset 0 1px #ffffff80;padding:14px 18px}#hud-top{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:12px;align-items:flex-start}#economy-panel{position:relative;min-width:170px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;color:#33261c;margin-bottom:8px;letter-spacing:3px}.panel-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#8a735826;border:none;border-radius:50%;color:#8a7358;font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,transform .15s ease;padding:0;letter-spacing:0}.panel-close-btn:hover{background:#8a73584d;transform:scale(1.1)}.eco-row{display:flex;justify-content:space-between;gap:18px;padding:3px 0;font-size:14px}.eco-label{color:#8a7358}.eco-val{font-weight:700}#eco-coins{color:#b8862b}#eco-gems{color:#6f9cb0}#eco-commission{color:#7da35a}#conn-status{position:relative;margin-left:auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;cursor:default}.conn-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.conn-connected{background:#4caf50;box-shadow:0 0 6px #4caf50}.conn-pending{background:#f0b429;box-shadow:0 0 6px #f0b429;animation:conn-blink 1s infinite}.conn-disconnected{background:#e0533d;box-shadow:0 0 6px #e0533d;animation:conn-blink .8s infinite}@keyframes conn-blink{0%,to{opacity:1}50%{opacity:.3}}#hud-bottom,#emotion-panel{display:none}.bar-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px}.bar-label{width:32px;color:#8a7358}.bar{flex:1;height:10px;background:#78645038;border-radius:6px;overflow:hidden}.bar-fill{height:100%;width:0%;border-radius:6px;transition:width .4s ease}#bar-energy{background:#cca659}#bar-social{background:#bf8ca6}#bar-promo{background:#b3738c}.bar-val{width:40px;text-align:right;font-weight:600;color:#5a4630}#tooltip{position:fixed;max-width:240px;z-index:20;font-size:13px;pointer-events:none;padding:10px 14px;border-radius:12px}#tooltip .t-name{font-weight:700;margin-bottom:4px}#hint{position:fixed;bottom:12px;left:50%;transform:translate(-50%);color:#f5ebe0bf;font-size:12px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.4);z-index:10;transition:opacity .3s ease}#zone-caption{top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:800;letter-spacing:6px;color:#33261c;text-align:center;white-space:nowrap;background:#f5ebe08c;transition:opacity .3s ease}.enter-btn{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:10;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:24px;padding:10px 34px;cursor:pointer;box-shadow:0 4px 14px #785a3259;transition:transform .15s ease,opacity .3s ease}.enter-btn:hover{transform:translateY(-2px)}.enter-btn.hidden{opacity:0;pointer-events:none}.mall-btn{position:relative;margin-left:8px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:12px;padding:9px 18px;cursor:pointer;box-shadow:0 3px 10px #785a324d;transition:transform .15s ease;min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}.mall-btn:hover{transform:translateY(-2px)}.mall-panel{position:absolute;top:74px;right:16px;width:340px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.mall-list{max-height:240px;overflow-y:auto;margin-bottom:10px}.mall-item{padding:8px 10px;margin-bottom:6px;background:#ffffff73;border:1px solid rgba(199,184,158,.6);border-radius:10px;font-size:13px}.mall-item-imgs{display:flex;gap:4px;margin-bottom:4px;flex-wrap:wrap}.mall-item-img{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid rgba(199,184,158,.5)}.mall-item-name{color:#5a4630;font-weight:700;margin-bottom:2px}.mall-item-desc{color:#7a6a55;font-size:12px;margin-bottom:4px}.mall-item-meta{display:flex;flex-wrap:wrap;gap:8px;color:#8a7358;font-size:12px;margin-top:2px}.mall-item-meta span{background:#c9a06b26;padding:1px 6px;border-radius:6px}.mall-item-notes{color:#7a6a55;font-size:12px;margin-top:4px;font-style:italic}.mall-empty{text-align:center;color:#8a7358;font-size:13px;padding:16px 0}.mall-form{display:flex;flex-direction:column;gap:8px}.mall-row{display:flex;gap:8px}.mall-row input{flex:1}.mall-form input{width:100%;padding:8px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:13px;background:#fff9;color:#33261c;outline:none}.mall-form input:focus{border-color:#c9a06b}.mall-submit{padding:9px 0;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease}.mall-submit:hover{transform:translateY(-2px)}.mall-msg{margin-top:8px;font-size:12px;color:#7a6a55;text-align:center}.merchant-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(199,184,158,.5)}.merchant-section:last-child{border-bottom:none}.merchant-section-title{font-size:15px;font-weight:700;color:#5a4630;margin-bottom:10px;padding-left:8px;border-left:3px solid #c9a06b}.merchant-product-item,.merchant-order-item{padding:10px 12px;margin-bottom:8px;background:#ffffff80;border:1px solid rgba(199,184,158,.6);border-radius:10px;font-size:13px}.merchant-product-name{font-weight:700;color:#5a4630;margin-bottom:4px}.merchant-product-desc{color:#7a6a55;font-size:12px;margin-bottom:6px}.merchant-product-meta,.merchant-order-meta{display:flex;flex-wrap:wrap;gap:10px;color:#8a7358;font-size:12px;align-items:center}.merchant-order-id{font-weight:700;color:#5a4630;margin-bottom:4px}.merchant-order-product{color:#7a6a55;font-size:12px;margin-bottom:6px}.merchant-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.merchant-status.status-active{background:#7da35a33;color:#5f8a42}.merchant-status.status-sold-out{background:#b3543a33;color:#b3543a}.merchant-status.status-inactive,.merchant-status.status-cancelled{background:#8a735833;color:#8a7358}.merchant-status.status-pending{background:#c9a06b33;color:#b8875a}.merchant-status.status-shipped{background:#6f9cb033;color:#4e7a8e}.merchant-status.status-completed{background:#7da35a33;color:#5f8a42}.merchant-tip{margin-top:12px;padding:10px;background:#c9a06b26;border-radius:8px;font-size:12px;color:#8a7358;text-align:center;font-style:italic}.auth-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#1a183073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auth-card{position:relative;width:340px;padding:24px 26px;border-radius:20px}.auth-title{text-align:center;font-size:17px;font-weight:800;letter-spacing:2px;color:#33261c;margin-bottom:18px}.auth-tabs{display:flex;gap:8px;margin-bottom:18px;background:#c7b89e4d;border-radius:12px;padding:4px}.auth-tab{flex:1;padding:8px 0;font-size:14px;font-weight:700;color:#8a7358;background:transparent;border:none;border-radius:9px;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:linear-gradient(135deg,#c9a06b,#b8875a);color:#fff;box-shadow:0 2px 8px #785a324d}.auth-body{display:flex;flex-direction:column;gap:12px}.auth-register-notice{padding:10px 12px;background:#ffc86426;border:1px solid rgba(255,180,80,.5);border-radius:10px;font-size:12px;color:#8a5a20;line-height:1.6;text-align:left}.auth-body input{width:100%;padding:11px 12px;border:1px solid rgba(199,184,158,.8);border-radius:10px;font-size:14px;background:#ffffffa6;color:#33261c;outline:none}.auth-body input:focus{border-color:#c9a06b}.auth-captcha-row{display:flex;gap:10px;align-items:center}.auth-captcha-row input{flex:1}#auth-captcha-img{width:110px;height:42px;object-fit:cover;border:1px solid rgba(199,184,158,.8);border-radius:10px;cursor:pointer;background:#f0e6d6}.auth-msg{min-height:18px;font-size:12px;color:#b3543a;text-align:center}.auth-submit{padding:12px 0;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #785a3259;transition:transform .15s ease,opacity .3s ease}.auth-submit:hover{transform:translateY(-2px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.logout-btn{margin-left:4px;background:#c7b89eb3;color:#5a4630}.back-to-town-btn{background:linear-gradient(135deg,#6f9cb0,#4e7a8e);color:#fff;margin-left:4px;animation:pulse-btn 2s ease-in-out infinite}.play-again-btn{background:linear-gradient(135deg,#c9a06b,#b8875a);color:#fff;margin-left:4px;animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{box-shadow:0 0 #6f9cb066}50%{box-shadow:0 0 0 8px #6f9cb000}}.game-btn{background:linear-gradient(135deg,#7da35a,#5f8a42)}.game-stats-btn{background:linear-gradient(135deg,#6f9cb0,#4e7a8e)}.game-panel{position:absolute;top:74px;right:16px;width:360px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.game-stats{padding:10px 12px;background:#fff6;border-radius:10px;margin-bottom:10px}.game-stat-row{display:flex;justify-content:space-between;padding:3px 0;font-size:13px;color:#5a4630}.game-qualification{padding:10px 12px;background:#fff6;border-radius:10px;margin-bottom:10px}.qual-title{font-size:13px;font-weight:700;color:#5a4630;margin-bottom:6px}.qual-item{font-size:12px;padding:2px 0;color:#5a4630}.qual-item.fail{color:#b3543a}.qual-item.pass{color:#5a8a42}.game-result{padding:12px;background:#ffffff80;border-radius:10px;margin-bottom:10px;border-left:4px solid #c9a06b}.game-result.win{border-left-color:#5a8a42}.game-result.lose{border-left-color:#b3543a}.game-result.qualified{border-left-color:#6f9cb0}.game-result-title{font-size:15px;font-weight:700;margin-bottom:8px}.game-result-title.win{color:#5a8a42}.game-result-title.lose{color:#b3543a}.game-result-title.qualified{color:#6f9cb0}.game-result-detail{font-size:12px;color:#7a6a55;line-height:1.6}.game-result-detail .highlight{color:#b8862b;font-weight:600}.game-result-detail .success{color:#5a8a42;font-weight:600}.game-result-detail .error{color:#b3543a;font-weight:600}.game-form{display:flex;flex-direction:column;gap:10px}.game-info{padding:10px 12px;background:#c9a06b26;border-radius:10px;font-size:12px}.game-info-title{font-weight:700;color:#5a4630;margin-bottom:6px;font-size:13px}.game-info-item{color:#7a6a55;padding:2px 0}.game-submit{padding:10px 0;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7da35a,#5f8a42);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease;box-shadow:0 3px 10px #5f8a424d}.game-submit:hover{transform:translateY(-2px)}.game-submit:disabled{opacity:.5;cursor:not-allowed}.game-hall-tabs{display:flex;gap:6px;margin-bottom:10px;background:#c7b89e40;border-radius:10px;padding:3px}.game-hall-tab{flex:1;padding:7px 0;font-size:13px;font-weight:600;color:#8a7358;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.game-hall-tab.active{background:linear-gradient(135deg,#c9a06b,#b8875a);color:#fff;box-shadow:0 2px 6px #785a3240}.game-hall-tab:hover:not(.active){background:#c7b89e4d}.game-hall-content{max-height:320px;overflow-y:auto;margin-bottom:8px}.game-hall-error{padding:8px 12px;background:#b3543a1f;border-radius:8px;font-size:12px;color:#b3543a;margin-bottom:10px;border:1px solid rgba(179,84,58,.2)}.game-hall-result{position:relative;padding:14px 16px;border-radius:14px;margin-bottom:10px;border:2px solid}.game-hall-result-close{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#8a73581f;border:none;border-radius:50%;color:#8a7358;font-size:12px;cursor:pointer;transition:background .15s ease;padding:0;line-height:1}.game-hall-result-close:hover{background:#8a73584d}.game-hall-result-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.game-hall-result-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.game-hall-result-icon.win{background:linear-gradient(135deg,#ffcc80,#f8bbd0);box-shadow:0 3px 10px #ffcc804d}.game-hall-result-icon.lose{background:linear-gradient(135deg,#b3e5fc,#fce4ec)}.game-hall-result-title{font-weight:700;font-size:15px}.game-hall-result-title.win{color:#5a8a42}.game-hall-result-title.lose{color:#8a7358}.game-hall-result-sub{font-size:12px;color:#8a7358;margin-top:2px}.game-hall-result-badges{display:flex;flex-wrap:wrap;gap:8px}.game-hall-result-badges .badge{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600}.badge-win{background:#7da35a26;color:#5a8a42}.badge-referral{background:#c9a06b26;color:#b8875a}.badge-score{background:#6f9cb026;color:#4e7a8e}.game-hall-result-fee{font-size:12px;color:#8a7358;padding-top:4px}.game-hall-info-card{padding:12px 14px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:12px;margin-bottom:10px}.game-hall-info-title{font-size:14px;font-weight:700;color:#5a4630;margin-bottom:4px}.game-hall-info-desc{font-size:12px;color:#7a6a55;line-height:1.5}.game-hall-primary-btn{width:100%;padding:10px 0;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7da35a,#5f8a42);border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;margin-bottom:10px;box-shadow:0 3px 10px #5f8a4240}.game-hall-primary-btn:hover{transform:translateY(-2px)}.game-hall-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-hall-choice{display:flex;align-items:center;gap:8px;margin-bottom:10px}.game-hall-choice-label{font-size:13px;font-weight:600;color:#5a4630}.game-hall-choice-btn{flex:1;padding:8px 0;font-size:14px;font-weight:700;color:#7a6a55;background:#ffffff80;border:2px solid rgba(199,184,158,.6);border-radius:10px;cursor:pointer;transition:all .15s ease}.game-hall-choice-btn:hover{transform:translateY(-1px)}.game-hall-choice-btn.active{color:#fff;background:linear-gradient(135deg,#e7a35c,#d97b3f);border-color:#d97b3f;box-shadow:0 3px 8px #d97b3f4d}.game-hall-result-cards{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0;margin-bottom:6px;background:#ffffff80;border-radius:10px}.game-hall-card-choice{font-size:13px;font-weight:600;color:#7a6a55}.game-hall-card-value{font-size:28px;font-weight:800;color:#5a4630;background:#fffc;border:2px solid rgba(199,184,158,.7);border-radius:8px;width:42px;height:52px;display:inline-flex;align-items:center;justify-content:center}.game-hall-card-result{font-size:13px;font-weight:600;color:#4e7a8e}.game-hall-primary-btn.werewolf-btn{background:linear-gradient(135deg,#f48fb1,#f8bbd0);box-shadow:0 3px 10px #f48fb140}.game-3d-scene-btn{background:linear-gradient(135deg,#6f9cb0,#4e7a8e)!important;box-shadow:0 3px 10px #4e7a8e4d!important;margin-top:-4px}.game-hall-room-section{margin-bottom:8px}.game-hall-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.game-hall-room-count{font-size:12px;font-weight:600;color:#8a7358}.game-hall-room-max{font-size:11px;color:#8a7358}.game-hall-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;font-size:13px;color:#8a7358}.game-hall-empty{text-align:center;padding:24px 0;font-size:14px;color:#8a7358}.game-hall-empty-sub{font-size:12px;color:#a09080}.game-hall-room-card{padding:12px 14px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:12px;margin-bottom:8px;transition:transform .15s ease}.game-hall-room-card:hover{transform:scale(1.01)}.game-hall-room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.game-hall-room-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#5a4630}.game-hall-room-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b3e5fc,#f1f8e9);border-radius:8px;font-size:12px}.game-hall-room-status{font-size:11px;padding:3px 8px;border-radius:10px;font-weight:600}.game-hall-room-status.available{background:#7da35a26;color:#5a8a42}.game-hall-room-status.full{background:#b3543a1f;color:#b3543a}.game-hall-room-bottom{display:flex;justify-content:space-between;align-items:center}.game-hall-room-meta{display:flex;gap:10px;font-size:11px;color:#8a7358}.game-hall-room-join-btn{padding:5px 14px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7da35a,#5f8a42);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.game-hall-room-join-btn:hover{transform:translateY(-1px)}.game-hall-room-join-btn.disabled{background:#c7b89e66;color:#8a7358;cursor:not-allowed;transform:none}.game-hall-werewolf-deco{display:flex;justify-content:center;gap:16px;padding:16px 0;background:linear-gradient(135deg,#fff8e199,#fce4ec99);border:1px solid rgba(199,184,158,.4);border-radius:12px;margin-top:10px}.werewolf-deco-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:22px}.werewolf-deco-item span:last-child{font-size:11px;color:#8a7358}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.werewolf-lobby-panel{position:absolute;top:74px;right:16px;width:380px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.werewolf-lobby-content{max-height:480px;overflow-y:auto}.werewolf-status-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:10px;margin-bottom:10px}.status-label{font-size:11px;font-weight:600;color:#8a7358;white-space:nowrap}.status-bar-track{flex:1;height:6px;background:#c7b89e4d;border-radius:3px;overflow:hidden}.status-bar-fill{height:100%;background:linear-gradient(90deg,#f48fb1,#f8bbd0);border-radius:3px;transition:width .3s ease}.werewolf-error{padding:8px 12px;background:#b3543a1f;border-radius:8px;font-size:12px;color:#b3543a;margin-bottom:10px;border:1px solid rgba(179,84,58,.2)}.werewolf-primary-btn{width:100%;padding:10px 0;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f48fb1,#f8bbd0);border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;margin-bottom:8px;box-shadow:0 3px 10px #f48fb140}.werewolf-primary-btn:hover{transform:translateY(-2px)}.werewolf-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.werewolf-join-btn{background:linear-gradient(135deg,#7da35a,#5f8a42);box-shadow:0 3px 10px #5f8a4240}.werewolf-room-section{margin-bottom:8px}.werewolf-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-top:4px}.werewolf-room-count{font-size:12px;font-weight:600;color:#8a7358}.werewolf-room-max{font-size:11px;color:#8a7358}.werewolf-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;font-size:13px;color:#8a7358}.werewolf-empty{text-align:center;padding:32px 0;font-size:14px;color:#8a7358;line-height:1.8}.werewolf-empty-sub{font-size:12px;color:#a09080}.werewolf-room-card{padding:12px 14px;background:linear-gradient(135deg,#fff8e199,#fce4ec99);border:1px solid rgba(199,184,158,.5);border-radius:12px;margin-bottom:8px;transition:transform .15s ease}.werewolf-room-card:hover{transform:scale(1.01)}.werewolf-room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.werewolf-room-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#5a4630}.werewolf-room-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8bbd0,#fce4ec);border-radius:8px;font-size:14px}.werewolf-room-status{font-size:11px;padding:3px 8px;border-radius:10px;font-weight:600}.werewolf-room-status.available{background:#7da35a26;color:#5a8a42}.werewolf-room-status.full{background:#b3543a1f;color:#b3543a}.werewolf-room-meta{display:flex;gap:12px;font-size:11px;color:#8a7358;margin-bottom:8px}.werewolf-room-actions{display:flex;justify-content:flex-end}.werewolf-join-btn{padding:5px 16px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f48fb1,#ec407a);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.werewolf-join-btn:hover{transform:translateY(-1px)}.werewolf-join-btn.disabled{background:#c7b89e66;color:#8a7358;cursor:not-allowed;transform:none}.game-msg{margin-top:8px;font-size:12px;color:#7a6a55;text-align:center}.game-stats-panel{position:absolute;top:74px;right:16px;width:360px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.game-stats-detail{padding:12px;background:#fff6;border-radius:10px;margin-bottom:10px}.stats-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:#5a4630;border-bottom:1px solid rgba(199,184,158,.3)}.stats-row:last-child{border-bottom:none}.stats-row.highlight{background:#c9a06b33;margin:0 -12px;padding:8px 12px;border-radius:8px;font-weight:700;font-size:14px}.game-history-title{font-size:13px;font-weight:700;color:#5a4630;margin-bottom:6px;padding-top:8px}.game-history{max-height:200px;overflow-y:auto}.history-item{padding:8px 10px;margin-bottom:6px;background:#fff6;border-radius:8px;font-size:12px;border-left:3px solid #c9a06b}.history-item.win{border-left-color:#5a8a42}.history-item.lose{border-left-color:#b3543a}.history-time{color:#8a7358;font-size:11px;margin-bottom:4px}.history-detail{color:#5a4630;line-height:1.5}.toast-container{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 4px 20px #0003;animation:slideDown .3s ease-out,fadeOut .3s ease-in 2.7s forwards;pointer-events:auto;min-width:200px;text-align:center}.toast-success{background:linear-gradient(135deg,#5a8a42,#7da35a);color:#fff}.toast-error{background:linear-gradient(135deg,#b3543a,#d4775c);color:#fff}.toast-info{background:linear-gradient(135deg,#6f9cb0,#8fb8cc);color:#fff}.toast-warning{background:linear-gradient(135deg,#c9a06b,#b8875a);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.recharge-btn{background:linear-gradient(135deg,#d4775c,#b3543a)}.recharge-panel{position:absolute;top:74px;right:16px;width:380px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.recharge-balance{padding:10px 12px;background:#ffffff80;border-radius:10px;margin-bottom:12px;font-size:13px;color:#5a4630}.recharge-balance-val{font-size:18px;font-weight:700;color:#b8862b;margin:0 4px}.recharge-packages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.recharge-pkg-card{position:relative;padding:14px 12px;background:#ffffff80;border:1px solid rgba(199,184,158,.6);border-radius:12px;text-align:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.recharge-pkg-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #785a3233}.recharge-pkg-card.featured{border-color:#d4775c;background:#d4775c1a}.pkg-badge{position:absolute;top:-8px;right:-8px;padding:3px 8px;background:linear-gradient(135deg,#d4775c,#b3543a);color:#fff;font-size:10px;font-weight:700;border-radius:10px}.pkg-coins{font-size:22px;font-weight:700;color:#b8862b;margin-bottom:4px}.pkg-coins span{font-size:12px;font-weight:500;color:#8a7358}.pkg-price{font-size:14px;font-weight:700;color:#5a4630;margin-bottom:4px}.pkg-name{font-size:12px;color:#7a6a55;margin-bottom:2px}.pkg-desc{font-size:11px;color:#8a7358;margin-bottom:8px}.pkg-btn{width:100%;padding:6px 0;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#d4775c,#b3543a);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.pkg-btn:hover{transform:translateY(-1px)}.recharge-qr-section{padding:16px;background:#fff9;border-radius:12px;margin-bottom:12px;text-align:center}.recharge-qr-title{font-size:15px;font-weight:700;color:#5a4630;margin-bottom:12px}.recharge-qr-wrapper{display:flex;justify-content:center;margin-bottom:12px}#recharge-qr-image{width:180px;height:180px;border-radius:8px;border:2px solid rgba(199,184,158,.6);object-fit:contain;background:#fff}.recharge-mock-notice{background:#e8a86026;border:1px solid rgba(232,168,96,.4);border-radius:8px;padding:8px 12px;font-size:12px;color:#8b6914;margin-bottom:10px;text-align:center}.recharge-qr-info{font-size:13px;color:#5a4630;margin-bottom:10px}.recharge-qr-info .highlight{color:#b8862b;font-weight:700;font-size:15px}.recharge-countdown{font-size:13px;color:#8a7358;margin-bottom:8px}.countdown-val{font-weight:700;color:#b3543a;font-size:15px}.recharge-polling-status{font-size:12px;color:#6f9cb0;margin-bottom:10px}.recharge-cancel-btn{padding:8px 20px;font-size:13px;font-weight:600;color:#8a7358;background:#c7b89e4d;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.recharge-cancel-btn:hover{background:#c7b89e80}.recharge-success{padding:20px;background:#7da35a26;border-radius:12px;margin-bottom:12px;text-align:center;border:1px solid rgba(125,163,90,.3)}.success-icon{font-size:40px;margin-bottom:10px}.success-title{font-size:18px;font-weight:700;color:#5a8a42;margin-bottom:10px}.success-detail{font-size:13px;color:#5a4630;margin-bottom:16px}.success-detail .highlight{color:#b8862b;font-weight:700}.recharge-error{padding:10px 12px;background:#b3543a26;border-radius:8px;margin-bottom:12px;font-size:12px;color:#b3543a;border:1px solid rgba(179,84,58,.3)}.recharge-tips{padding:10px 12px;background:#c9a06b26;border-radius:8px;font-size:11px;color:#8a7358;line-height:1.5}.recharge-submit{padding:8px 24px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7da35a,#5f8a42);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.recharge-submit:hover{transform:translateY(-1px)}.recharge-guide-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center}.guide-modal-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px)}.guide-modal-content{position:relative;width:400px;max-width:90%;padding:32px 28px;text-align:center;animation:guideModalIn .3s ease-out}@keyframes guideModalIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guide-modal-header{margin-bottom:24px}.guide-modal-icon{font-size:48px;margin-bottom:12px}.guide-modal-title{font-size:20px;font-weight:700;color:#5a4630;background:linear-gradient(135deg,#d4775c,#b8862b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-modal-body{margin-bottom:28px}.guide-feature{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:10px;background:#ffffff80;border-radius:10px;text-align:left}.guide-feature-icon{font-size:28px;flex-shrink:0}.guide-feature-text{flex:1}.guide-feature-title{font-size:14px;font-weight:600;color:#5a4630;margin-bottom:2px}.guide-feature-desc{font-size:12px;color:#8a7358}.guide-modal-footer{display:flex;gap:12px}.guide-cancel-btn{flex:1;padding:12px 20px;font-size:14px;font-weight:500;color:#8a7358;background:#fff9;border:1px solid rgba(199,184,158,.6);border-radius:10px;cursor:pointer;transition:all .15s ease}.guide-cancel-btn:hover{background:#c7b89e80;color:#5a4630}.guide-confirm-btn{flex:2;padding:12px 20px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#d4775c,#b3543a);border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #b3543a4d}.guide-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #b3543a66}.werewolf-game-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:#0f0a19d9;backdrop-filter:blur(8px);font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#f5ebe0}.werewolf-game-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#3c1e32e6,#1e1428e6);border-bottom:1px solid rgba(199,184,158,.2)}.werewolf-game-header-left{display:flex;align-items:center;gap:16px}.werewolf-game-phase{font-size:18px;font-weight:700;color:#f5ebe0}.werewolf-game-round{font-size:13px;color:#c9a06b;font-weight:600}.werewolf-game-timer{font-size:24px;font-weight:700;color:#8a7358;font-variant-numeric:tabular-nums}.werewolf-game-body{flex:1;display:flex;overflow:hidden}.werewolf-game-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px;gap:12px}.werewolf-game-panel{min-height:80px;display:flex;align-items:center;justify-content:center}.werewolf-action-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:12px 0}.werewolf-log-panel{height:140px;overflow-y:auto;background:#0000004d;border-radius:10px;padding:10px 14px;border:1px solid rgba(199,184,158,.15)}.werewolf-log-title{font-size:12px;font-weight:600;color:#8a7358;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(199,184,158,.15)}.werewolf-log-entry{font-size:12px;color:#c0b098;padding:2px 0;line-height:1.5}.werewolf-game-sidebar{width:220px;background:#00000040;border-left:1px solid rgba(199,184,158,.15);padding:12px;overflow-y:auto}.werewolf-player-list-title{font-size:13px;font-weight:600;color:#c9a06b;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(199,184,158,.15)}.werewolf-player-list{display:flex;flex-direction:column;gap:6px}.werewolf-player-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0f;border-radius:8px;border:1px solid rgba(199,184,158,.1);transition:all .2s ease}.werewolf-player-item.human{border-color:#c9a06b66;background:#c9a06b1a}.werewolf-player-item.dead{opacity:.5}.werewolf-player-seat{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#c7b89e26;border-radius:50%;font-size:11px;font-weight:700;color:#8a7358;flex-shrink:0}.werewolf-player-info{flex:1;min-width:0}.werewolf-player-name{font-size:13px;font-weight:600;color:#f5ebe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.werewolf-player-you{font-size:11px;color:#c9a06b;font-weight:500}.werewolf-player-role{font-size:11px;color:#8a7358;margin-top:2px}.werewolf-player-status{font-size:10px;padding:2px 6px;border-radius:6px;font-weight:600;flex-shrink:0}.werewolf-player-status.alive{background:#7da35a33;color:#7da35a}.werewolf-player-status.dead{background:#b3543a33;color:#b3543a}.werewolf-game-footer{display:flex;justify-content:center;padding:10px 20px;background:#0000004d;border-top:1px solid rgba(199,184,158,.15)}.werewolf-game-footer-btn{padding:8px 24px;font-size:13px;font-weight:600;color:#8a7358;background:#c7b89e26;border:1px solid rgba(199,184,158,.3);border-radius:8px;cursor:pointer;transition:all .15s ease}.werewolf-game-footer-btn:hover{background:#c7b89e40;color:#f5ebe0}.werewolf-role-assign{text-align:center;padding:24px}.werewolf-role-icon{font-size:64px;margin-bottom:12px;animation:rolePulse 1.5s ease-in-out infinite}@keyframes rolePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.werewolf-role-name{font-size:28px;font-weight:800;margin-bottom:8px}.werewolf-role-desc{font-size:14px;color:#8a7358;margin-bottom:12px}.werewolf-teammates{font-size:13px;color:#b3543a;margin-bottom:12px;padding:8px 16px;background:#b3543a1a;border-radius:8px;display:inline-block}.werewolf-role-hint{font-size:12px;color:#6f9cb0;animation:pulseText 1s ease-in-out infinite}@keyframes pulseText{0%,to{opacity:.6}50%{opacity:1}}.werewolf-day-announce{text-align:center;padding:20px}.werewolf-day-title{font-size:22px;font-weight:700;color:#f5ebe0;margin-bottom:12px}.werewolf-day-dead{font-size:15px;color:#b3543a;margin-bottom:8px}.werewolf-day-safe{font-size:15px;color:#7da35a;margin-bottom:8px}.werewolf-day-count{font-size:13px;color:#8a7358}.werewolf-night-summary{text-align:center;padding:16px 24px;background:#0000004d;border-radius:12px;border:1px solid rgba(199,184,158,.15)}.werewolf-summary-title{font-size:16px;font-weight:700;color:#f5ebe0;margin-bottom:10px}.werewolf-summary-item{font-size:13px;color:#c0b098;padding:3px 0}.werewolf-vote-result{text-align:center;padding:16px 24px;background:#0000004d;border-radius:12px;border:1px solid rgba(199,184,158,.15)}.werewolf-vote-title{font-size:16px;font-weight:700;color:#f5ebe0;margin-bottom:10px}.werewolf-vote-row{font-size:13px;color:#c0b098;padding:2px 0}.werewolf-vote-eliminated{font-size:15px;font-weight:700;color:#b3543a;margin-top:10px;padding-top:10px;border-top:1px solid rgba(199,184,158,.15)}.werewolf-vote-eliminated.tie{color:#c9a06b}.werewolf-action-title{font-size:18px;font-weight:700;color:#f5ebe0;text-align:center;margin-bottom:6px}.werewolf-action-title-small{font-size:14px;font-weight:600;color:#c9a06b;text-align:center;margin:8px 0 6px}.werewolf-action-hint{font-size:12px;color:#8a7358;text-align:center;margin-bottom:12px}.werewolf-action-info{font-size:14px;color:#c0b098;text-align:center;margin-bottom:10px}.werewolf-action-divider{height:1px;background:#c7b89e33;margin:12px 0;width:100%}.werewolf-target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;width:100%;max-width:700px;margin:0 auto}.werewolf-target-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#ffffff14;border:1px solid rgba(199,184,158,.2);border-radius:12px;cursor:pointer;transition:all .15s ease}.werewolf-target-card:hover{background:#ffffff26;border-color:#c9a06b80;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.werewolf-target-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6f9cb0,#4e7a8e);border-radius:50%;font-size:20px;font-weight:700;color:#fff}.werewolf-target-name{font-size:13px;font-weight:600;color:#f5ebe0}.werewolf-target-role{font-size:11px;color:#8a7358}.werewolf-action-buttons{display:flex;gap:10px;justify-content:center;margin-top:8px}.werewolf-action-btn{padding:10px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;color:#fff}.werewolf-action-btn:hover{transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#7da35a,#5f8a42)}.skip-btn{background:#c7b89e4d;color:#8a7358}.done-btn{background:linear-gradient(135deg,#6f9cb0,#4e7a8e)}.speech-btn{background:linear-gradient(135deg,#c9a06b,#b8875a)}.primary-btn{background:linear-gradient(135deg,#7da35a,#5f8a42)}.werewolf-speech-hint{font-size:12px;color:#6f9cb0;text-align:center;font-style:italic;margin-bottom:12px;padding:8px 16px;background:#6f9cb01a;border-radius:8px}.werewolf-speech-box{margin-bottom:12px}.werewolf-speech-input{width:100%;min-height:88px;padding:10px 12px;font-size:13px;color:#3a2f2a;background:#ffffffeb;border:1px solid #d8c9a8;border-radius:10px;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit}.werewolf-speech-input:focus{border-color:#7da35a;box-shadow:0 0 0 2px #7da35a40}.werewolf-waiting{font-size:16px;color:#8a7358;text-align:center;padding:32px;animation:pulseText 1.5s ease-in-out infinite}.werewolf-game-over{text-align:center;padding:20px;max-width:500px;margin:0 auto}.werewolf-game-over-icon{font-size:64px;margin-bottom:12px}.werewolf-game-over-title{font-size:24px;font-weight:800;margin-bottom:6px}.werewolf-game-over-title.win{color:#7da35a}.werewolf-game-over-title.lose{color:#b3543a}.werewolf-game-over-sub{font-size:14px;color:#8a7358;margin-bottom:20px}.werewolf-game-over-roles{background:#0000004d;border-radius:12px;padding:14px;margin-bottom:20px}.werewolf-game-over-roles-title{font-size:14px;font-weight:600;color:#c9a06b;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(199,184,158,.15)}.werewolf-role-reveal{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;border-radius:6px;margin-bottom:4px}.werewolf-role-reveal.alive{background:#7da35a1a}.werewolf-role-reveal.dead{opacity:.5}.werewolf-role-reveal.human{border:1px solid rgba(201,160,107,.3)}.werewolf-role-reveal-name{font-weight:600;color:#f5ebe0}.werewolf-role-reveal-role{color:#c0b098}.werewolf-role-reveal-status{font-size:11px}.werewolf-game-over-actions{display:flex;gap:12px;justify-content:center}.werewolf-game-over-actions .werewolf-action-btn{min-width:140px}.referral-panel{position:absolute;top:74px;right:16px;width:380px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.referral-content{max-height:480px;overflow-y:auto}.referral-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 0;font-size:13px;color:#8a7358}.referral-error{padding:8px 12px;background:#b3543a1f;border-radius:8px;font-size:12px;color:#b3543a;margin-bottom:10px;border:1px solid rgba(179,84,58,.2)}.referral-card{padding:12px 14px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:12px;margin-bottom:10px}.referral-card-title{font-size:14px;font-weight:700;color:#5a4630;margin-bottom:10px}.referral-link-box{display:flex;gap:8px;margin-bottom:8px}.referral-link-input{flex:1;padding:8px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:12px;background:#fff9;color:#33261c;outline:none}.referral-link-input:focus{border-color:#c9a06b}.referral-copy-btn{padding:8px 16px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6f9cb0,#4e7a8e);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease;white-space:nowrap}.referral-copy-btn:hover{transform:translateY(-1px)}.referral-code{font-size:12px;color:#8a7358}.referral-code strong{color:#b8862b;font-size:14px}.referral-stats-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:#5a4630;border-bottom:1px solid rgba(199,184,158,.3)}.referral-stats-row:last-child{border-bottom:none}.referral-stats-val{font-weight:600}.referral-stats-val.qualified{color:#5a8a42}.referral-stats-val.not-qualified{color:#b3543a}.referral-stats-sub{font-size:11px;color:#8a7358;margin-top:4px;text-align:right}.referral-commission-item{padding:8px 10px;margin-bottom:6px;background:#ffffff59;border-radius:8px;border:1px solid rgba(199,184,158,.3)}.referral-commission-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#5a4630;margin-bottom:4px}.referral-commission-amount{font-weight:700;color:#5a8a42}.referral-commission-meta{display:flex;gap:10px;font-size:11px;color:#8a7358;flex-wrap:wrap}.referral-tip{padding:10px 12px;background:#c9a06b26;border-radius:8px;font-size:12px;color:#8a7358;text-align:center;font-style:italic}.referral-code-row{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;background:#ffffff80;border-radius:8px;border:1px dashed rgba(199,184,158,.6)}.referral-code-label{font-size:12px;color:#8a7358}.referral-code-value{flex:1;color:#b8862b;font-size:14px;font-family:Consolas,monospace;letter-spacing:1px}.referral-mini-btn{padding:4px 10px;font-size:11px;font-weight:600;color:#6f9cb0;background:#6f9cb026;border:1px solid rgba(111,156,176,.3);border-radius:6px;cursor:pointer;transition:all .15s ease}.referral-mini-btn:hover{background:#6f9cb040}.referral-qr-section{margin-top:12px;padding:12px;background:#fff6;border-radius:10px;border:1px solid rgba(199,184,158,.4);text-align:center}.referral-qr-title{font-size:13px;font-weight:600;color:#5a4630;margin-bottom:10px}.referral-qr-wrapper{display:flex;justify-content:center;padding:10px;background:#fff;border-radius:8px;margin-bottom:10px}.referral-qr-wrapper img{width:180px;height:180px;object-fit:contain}.referral-qr-actions{display:flex;gap:8px;justify-content:center}.referral-action-btn{flex:1;padding:8px 12px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.referral-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #c9a06b4d}.referral-action-btn:active{transform:translateY(0)}.contact-panel{position:absolute;top:74px;right:16px;width:380px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.contact-content{max-height:480px;overflow-y:auto}.contact-card{padding:14px 16px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:12px;margin-bottom:10px}.contact-card-title{font-size:14px;font-weight:700;color:#5a4630;margin-bottom:12px}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-field{display:flex;flex-direction:column;gap:4px}.contact-field label{font-size:12px;font-weight:600;color:#8a7358}.contact-input{width:100%;padding:9px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:13px;background:#fff9;color:#33261c;outline:none}.contact-input:focus{border-color:#c9a06b}.contact-textarea{width:100%;padding:9px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:13px;background:#fff9;color:#33261c;outline:none;resize:vertical;min-height:60px;font-family:inherit}.contact-textarea:focus{border-color:#c9a06b}.contact-actions{display:flex;gap:10px;margin-top:4px}.contact-save-btn{flex:1;padding:9px 0;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7da35a,#5f8a42);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.contact-save-btn:hover{transform:translateY(-1px)}.contact-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-delete-btn{padding:9px 16px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#b3543a,#d4775c);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.contact-delete-btn:hover{transform:translateY(-1px)}.contact-msg{font-size:12px;text-align:center;min-height:18px}.contact-tip{padding:10px 12px;background:#c9a06b26;border-radius:8px;font-size:12px;color:#8a7358;text-align:center;font-style:italic}.merchant-panel{position:absolute;top:74px;right:16px;width:400px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.merchant-content{max-height:480px;overflow-y:auto}.merchant-tabs{display:flex;gap:6px;margin-bottom:10px;background:#c7b89e40;border-radius:10px;padding:3px}.merchant-tab{flex:1;padding:7px 0;font-size:13px;font-weight:600;color:#8a7358;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.merchant-tab.active{background:linear-gradient(135deg,#c9a06b,#b8875a);color:#fff;box-shadow:0 2px 6px #785a3240}.merchant-tab:hover:not(.active){background:#c7b89e4d}.merchant-tab-content{display:flex;flex-direction:column;gap:10px}.merchant-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.merchant-stat-card{padding:12px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:10px;text-align:center}.merchant-stat-icon{font-size:22px;margin-bottom:4px}.merchant-stat-val{font-size:20px;font-weight:700;color:#b8862b;margin-bottom:2px}.merchant-stat-label{font-size:11px;color:#8a7358}.merchant-section-box{padding:12px 14px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:12px;margin-bottom:10px}.merchant-section-box-title{font-size:14px;font-weight:700;color:#5a4630;margin-bottom:10px;padding-left:8px;border-left:3px solid #c9a06b}.merchant-revenue-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#5a4630}.merchant-revenue-val{font-weight:600;color:#5a8a42}.merchant-quota-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#5a4630}.merchant-quota-row .qualified{color:#5a8a42;font-weight:600}.merchant-quota-row .not-qualified{color:#b3543a;font-weight:600}.merchant-quota-sub{font-size:11px;color:#8a7358;margin-top:4px;text-align:right}.merchant-product-form{display:flex;flex-direction:column;gap:8px}.merchant-input{width:100%;padding:8px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:12px;background:#fff9;color:#33261c;outline:none}.merchant-input:focus{border-color:#c9a06b}.merchant-form-row{display:flex;gap:8px}.merchant-form-row .merchant-input{flex:1}.merchant-submit-btn{padding:9px 0;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.merchant-submit-btn:hover{transform:translateY(-1px)}.merchant-product-card{padding:10px 12px;margin-bottom:8px;background:#ffffff59;border:1px solid rgba(199,184,158,.5);border-radius:10px}.merchant-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.merchant-card-name{font-size:13px;font-weight:700;color:#5a4630}.merchant-status-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.merchant-status-badge.qualified{background:#7da35a33;color:#5a8a42}.merchant-status-badge.not-qualified{background:#b3543a26;color:#b3543a}.merchant-status-badge.status-pending{background:#c9a06b33;color:#b8875a}.merchant-status-badge.status-shipped{background:#6f9cb033;color:#4e7a8e}.merchant-status-badge.status-completed{background:#7da35a33;color:#5a8a42}.merchant-status-badge.status-cancelled{background:#8a735833;color:#8a7358}.merchant-card-desc{font-size:12px;color:#7a6a55;margin-bottom:6px}.merchant-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#8a7358;margin-bottom:6px}.merchant-card-actions{display:flex;gap:8px;justify-content:flex-end}.merchant-sm-btn{padding:5px 12px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6f9cb0,#4e7a8e);border:none;border-radius:6px;cursor:pointer;transition:transform .15s ease}.merchant-sm-btn:hover{transform:translateY(-1px)}.merchant-sm-btn-danger{background:linear-gradient(135deg,#b3543a,#d4775c)}.merchant-order-card{padding:10px 12px;margin-bottom:8px;background:#ffffff59;border:1px solid rgba(199,184,158,.5);border-radius:10px}.recharge-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(199,184,158,.5)}.recharge-section-title{font-size:14px;font-weight:700;color:#5a4630;margin-bottom:10px;padding-left:8px;border-left:3px solid #c9a06b}.recharge-records{max-height:200px;overflow-y:auto;margin-bottom:8px}.recharge-record-item{padding:8px 10px;margin-bottom:6px;background:#ffffff59;border:1px solid rgba(199,184,158,.3);border-radius:8px}.recharge-record-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.recharge-record-coins{font-size:14px;font-weight:700;color:#5a8a42}.recharge-record-amount{font-size:13px;font-weight:600;color:#b8862b}.recharge-record-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a7358}.recharge-record-status{padding:1px 6px;border-radius:6px;font-size:10px;font-weight:600}.recharge-record-status.status-pending{background:#c9a06b33;color:#b8875a}.recharge-record-status.status-paid{background:#7da35a33;color:#5a8a42}.recharge-record-status.status-expired{background:#b3543a26;color:#b3543a}.recharge-record-status.status-cancelled{background:#8a735833;color:#8a7358}.recharge-record-txid{font-size:10px;color:#8a7358;margin-top:2px;word-break:break-all}.recharge-records-btn{width:100%;padding:7px 0;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6f9cb0,#4e7a8e);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.recharge-records-btn:hover{transform:translateY(-1px)}.profile-panel{position:absolute;top:74px;right:16px;width:380px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:15}.profile-content{max-height:480px;overflow-y:auto}.profile-tabs{display:flex;gap:6px;margin-bottom:10px;background:#c7b89e40;border-radius:10px;padding:3px}.profile-tab{flex:1;padding:7px 0;font-size:13px;font-weight:600;color:#8a7358;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.profile-tab.active{background:linear-gradient(135deg,#a8c49a,#7da35a);color:#fff;box-shadow:0 2px 6px #7da35a40}.profile-tab:hover:not(.active){background:#c7b89e4d}.profile-tab-content{display:flex;flex-direction:column;gap:10px}.profile-info-card{padding:14px 16px;background:#ffffff73;border:1px solid rgba(199,184,158,.5);border-radius:12px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(199,184,158,.25);font-size:13px}.profile-info-row:last-child{border-bottom:none}.profile-info-label{color:#8a7358;font-weight:600}.profile-info-val{color:#5a4630;font-weight:700;text-align:right;max-width:60%;word-break:break-all}.profile-section-desc{font-size:12px;color:#8a7358;margin-bottom:12px;padding:8px 10px;background:#c9a06b1a;border-radius:8px;font-style:italic}.profile-form{display:flex;flex-direction:column;gap:10px}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-field label{font-size:12px;font-weight:600;color:#8a7358}.profile-input{width:100%;padding:9px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:13px;background:#fff9;color:#33261c;outline:none}.profile-input:focus{border-color:#a8c49a}.profile-textarea{width:100%;padding:9px 10px;border:1px solid rgba(199,184,158,.8);border-radius:8px;font-size:13px;background:#fff9;color:#33261c;outline:none;resize:vertical;min-height:60px;font-family:inherit}.profile-textarea:focus{border-color:#a8c49a}.profile-msg{min-height:18px;font-size:12px;text-align:center}.profile-actions{display:flex;gap:10px;margin-top:4px}.profile-save-btn{flex:1;padding:9px 0;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7da35a,#5f8a42);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.profile-save-btn:hover{transform:translateY(-1px)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-delete-btn{padding:9px 16px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#b3543a,#d4775c);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.profile-delete-btn:hover{transform:translateY(-1px)}.order-card{padding:12px 14px;margin-bottom:10px;background:#ffffff80;border:1px solid rgba(199,184,158,.6);border-radius:10px;font-size:13px}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.order-product-name{font-weight:700;color:#5a4630;font-size:14px}.order-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#8a735833;color:#8a7358}.order-status.status-completed{background:#7da35a33;color:#5f8a42}.order-status.status-shipped{background:#6f9cb033;color:#4e7a8e}.order-status.status-delivered{background:#c9a06b33;color:#b8875a}.order-status.status-pending{background:#b3543a33;color:#b3543a}.order-status.status-confirmed{background:#8a735833;color:#8a7358}.order-meta{display:flex;flex-wrap:wrap;gap:10px;color:#8a7358;font-size:12px;margin-bottom:4px}.order-time{color:#8a7358;font-size:11px;margin-bottom:4px}.order-receiver{color:#5a4630;font-size:12px;margin-bottom:2px}.order-address{color:#7a6a55;font-size:12px;margin-bottom:8px}.order-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.order-action-btn{padding:6px 14px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#c9a06b,#b8875a);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.order-action-btn:hover{transform:translateY(-1px)}.order-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-delivery-btn{background:linear-gradient(135deg,#6f9cb0,#4e7a8e)}.order-complete-btn{background:linear-gradient(135deg,#7da35a,#5f8a42)}.order-rate-btn{background:linear-gradient(135deg,#a8c49a,#7da35a)}.order-save-btn{background:linear-gradient(135deg,#c9a06b,#b8875a);width:100%}.order-submit-rate-btn{flex:1;background:linear-gradient(135deg,#7da35a,#5f8a42)}.order-cancel-rate-btn{background:#8a735866;color:#5a4630}.order-contact-form{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff6;border-radius:8px;width:100%}.order-input{font-size:12px!important;padding:7px 8px!important}.order-textarea{font-size:12px!important;padding:7px 8px!important;min-height:40px!important}.order-rating-form{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff6;border-radius:8px;width:100%}.rating-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#5a4630}.rating-row label{width:70px;flex-shrink:0;font-weight:600;color:#8a7358}.rating-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#c7b89e66;border-radius:3px;outline:none;cursor:pointer}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#c9a06b;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #00000026}.rating-val{width:30px;text-align:right;font-weight:700;color:#c9a06b;font-size:13px}.rating-msg{min-height:18px;font-size:12px;text-align:center}.notif-btn{position:fixed;left:20px;bottom:20px;z-index:100;width:48px;height:48px;border:none;border-radius:50%;background:#f5ebe0e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #5a463233;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .2s,box-shadow .2s}.notif-btn:hover{transform:scale(1.1);box-shadow:0 4px 18px #5a46324d}.notif-btn.has-unread{animation:notif-pulse 2s ease-in-out infinite}.notif-btn.blink-on{background:#e8a860f2;box-shadow:0 0 16px #e8a86080}@keyframes notif-pulse{0%,to{box-shadow:0 2px 12px #5a463233}50%{box-shadow:0 0 20px #e8a86099}}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#d44a3a;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 1px 4px #0003}.notif-panel{position:fixed;left:76px;bottom:20px;z-index:100;width:380px;max-height:480px;display:flex;flex-direction:column;padding:0;overflow:hidden}.notif-panel .panel-title{padding:12px 16px;border-bottom:1px solid rgba(199,184,158,.5);flex-shrink:0}.notif-list{flex:1;overflow-y:auto;padding:8px;max-height:400px}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#c7b89e80;border-radius:2px}.notif-empty{padding:30px 16px;text-align:center;color:#a09080;font-size:13px}.notif-item{padding:10px 12px;margin-bottom:6px;border-radius:10px;background:#ffffff80;cursor:pointer;transition:background .2s;border-left:3px solid transparent}.notif-item:hover{background:#fffc}.notif-item:last-child{margin-bottom:0}.notif-unread{background:#e8a8601f;border-left-color:#e8a860}.notif-unread:hover{background:#e8a86033}.notif-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.notif-item-icon{font-size:16px;flex-shrink:0}.notif-item-agent{font-size:12px;font-weight:600;color:#5a4630;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-time{font-size:11px;color:#a09080;flex-shrink:0}.notif-item-body{font-size:13px;color:#5a4630;line-height:1.5;word-break:break-word}.notif-item-balance{font-size:12px;color:#b8862b;margin-top:4px;font-weight:600}.notif-item-actions{margin-top:8px}.notif-action-btn{padding:5px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#e8a860,#d48a3a);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.notif-action-btn:hover{opacity:.85}.chat-panel{position:fixed;bottom:20px;right:20px;width:360px;height:480px;display:flex;flex-direction:column;z-index:1001;border-radius:16px;background:#f5ebe0f5;box-shadow:0 8px 32px #0003;border:1px solid #c7b89e;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#e8d5b7,#d4c4a8);border-bottom:1px solid #c7b89e;font-size:14px;font-weight:700;color:#33261c;flex-shrink:0}.chat-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#8a7a6a;padding:2px 8px;border-radius:6px;transition:background .2s}.chat-close-btn:hover{background:#0000001a;color:#33261c}.chat-msg-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.chat-empty{text-align:center;color:#a09080;font-size:13px;padding:40px 0}.chat-msg{max-width:85%;display:flex;flex-direction:column;gap:2px}.chat-msg-agent{align-self:flex-start}.chat-msg-owner{align-self:flex-end;align-items:flex-end}.chat-msg-name{font-size:11px;color:#8a7a6a;padding:0 4px}.chat-msg-bubble{padding:8px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-word;color:#33261c}.chat-msg-agent .chat-msg-bubble{background:#f0e8d8;border-bottom-left-radius:4px;border:1px solid #dcccb8}.chat-msg-owner .chat-msg-bubble{background:linear-gradient(135deg,#e8c9a8,#d4b898);border-bottom-right-radius:4px}.chat-msg-time{font-size:10px;color:#a09080;padding:0 4px}.chat-msg-system{text-align:center;padding:6px 0}.chat-msg-system-text{display:inline-block;padding:6px 16px;background:#c8b4a040;border-radius:12px;font-size:12px;color:#8a7a6a;line-height:1.5}.chat-input-area{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #dcccb8;background:#f8f0e4;flex-shrink:0}.chat-input{flex:1;padding:8px 14px;border:1px solid #dcccb8;border-radius:20px;background:#fff;font-size:13px;color:#33261c;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#c7a878}.chat-send-btn{padding:8px 18px;border:none;border-radius:20px;background:linear-gradient(135deg,#e8a860,#d48a3a);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;flex-shrink:0}.chat-send-btn:hover{opacity:.85}.chat-header-btns{display:flex;align-items:center;gap:8px}.chat-publish-btn{background:linear-gradient(135deg,#7da35a,#5a8a3a);color:#fff;border:none;padding:4px 10px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s}.chat-publish-btn:hover{opacity:.9;transform:scale(1.05)}.publish-content-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.publish-content-mask{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.publish-content-dialog{position:relative;width:480px;max-height:90vh;display:flex;flex-direction:column;z-index:1;animation:dialogIn .25s ease}@keyframes dialogIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.publish-content-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:16px;font-weight:700;color:#33261c;border-bottom:1px solid #dcccb8}.publish-content-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#8a7a6a;padding:2px 8px;border-radius:6px}.publish-content-close-btn:hover{background:#0000001a}.publish-content-body{padding:16px 18px;overflow-y:auto}.publish-content-warning{display:flex;gap:12px;padding:12px 14px;background:#e8a86026;border:1px solid rgba(232,168,96,.4);border-radius:10px;margin-bottom:16px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{font-size:12px;line-height:1.6;color:#5a4630}.warning-text strong{color:#c44}.publish-content-form{display:flex;flex-direction:column;gap:14px}.form-item{display:flex;flex-direction:column;gap:6px}.form-item label{font-size:13px;font-weight:600;color:#5a4630}.form-hint{font-size:11px;color:#a09080;font-weight:400}.publish-textarea{width:100%;height:80px;padding:10px 12px;border:1px solid #dcccb8;border-radius:10px;background:#fff;font-size:13px;color:#33261c;resize:vertical;outline:none;font-family:inherit}.publish-textarea:focus{border-color:#c7a878}.publish-input{width:100%;padding:10px 12px;border:1px solid #dcccb8;border-radius:10px;background:#fff;font-size:13px;color:#33261c;outline:none}.publish-input:focus{border-color:#c7a878}.char-count{text-align:right;font-size:11px;color:#a09080}.publish-cost-info{background:#c8b4a026;border-radius:10px;padding:12px 14px;margin-top:10px}.cost-row{display:flex;justify-content:space-between;font-size:13px;color:#5a4630;padding:3px 0}.cost-val{font-weight:600;color:#b8862b}.cost-total{border-top:1px dashed #c7b89e;margin-top:6px;padding-top:8px;font-weight:700}.cost-total .cost-val{color:#c44;font-size:15px}.publish-content-actions{display:flex;gap:12px;margin-top:18px}.publish-btn-cancel,.publish-btn-confirm{flex:1;padding:10px 0;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.publish-btn-cancel{background:#c8b4a04d;color:#5a4630}.publish-btn-cancel:hover{background:#c8b4a080}.publish-btn-confirm{background:linear-gradient(135deg,#e8a860,#d48a3a);color:#fff}.publish-btn-confirm:hover{opacity:.85}.publish-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.publish-result-msg{margin-top:12px;text-align:center;font-size:13px;min-height:20px}.publish-result-msg.success{color:#4caf50}.publish-result-msg.error{color:#c44}:root{--vh: 1vh;--vw: 1vw;--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)}*{-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.safe-area-top{padding-top:var(--safe-top)}.safe-area-bottom{padding-bottom:var(--safe-bottom)}.safe-area-horizontal{padding-left:var(--safe-left);padding-right:var(--safe-right)}@media (hover: none){.glass-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media screen and (max-width: 1024px){#hud-top{gap:8px;padding-top:8px;padding-left:8px;padding-right:8px}#economy-panel{min-width:140px}.mall-btn{padding:8px 14px;font-size:13px;margin-left:4px}.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel,.contact-panel,.profile-panel,.merchant-panel,.game-stats-panel{width:320px}}@media screen and (max-width: 768px){#hud-top{top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));gap:4px;flex-wrap:wrap;z-index:20;padding-top:0}#economy-panel{min-width:120px;padding:8px 12px;font-size:12px}#economy-panel .panel-title{font-size:12px;letter-spacing:1px;margin-bottom:4px}.eco-row{font-size:12px;padding:2px 0;gap:8px}.mall-btn{padding:8px 14px;font-size:13px;border-radius:10px;margin-left:3px;margin-top:3px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation}.glass-panel{border-radius:12px;padding:10px 14px}.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel,.contact-panel,.profile-panel,.merchant-panel,.game-stats-panel{position:fixed;top:auto;left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));width:auto;max-width:none;max-height:calc(85 * var(--vh));z-index:50;border-radius:16px;padding-bottom:calc(12px + var(--safe-bottom))}.notif-panel{position:fixed;left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));bottom:calc(70px + var(--safe-bottom));width:auto;max-height:60vh;z-index:100;border-radius:16px}.notif-btn{left:calc(12px + var(--safe-left));bottom:calc(12px + var(--safe-bottom));width:48px;height:48px}.auth-card{width:calc(100% - 32px);max-width:340px;padding:20px 18px;border-radius:16px}.auth-title{font-size:15px;letter-spacing:1px;margin-bottom:14px}.auth-body input{padding:10px 12px;font-size:15px;min-height:44px}.auth-submit{padding:12px 0;font-size:15px;min-height:48px}#auth-captcha-img{width:90px;height:40px}.toast-container{top:calc(60px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:90%;max-width:360px}.toast{padding:10px 16px;font-size:13px;min-width:auto}.chat-panel{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;height:70vh;z-index:1001;border-radius:16px}.chat-msg-bubble{font-size:14px;padding:8px 12px}.chat-input{font-size:15px}.chat-send-btn{padding:8px 14px;font-size:13px}.werewolf-game-overlay{overflow-y:auto}.werewolf-game-body{flex-direction:column;overflow-y:auto}.werewolf-game-main{padding:10px}.werewolf-game-sidebar{width:100%;border-left:none;border-top:1px solid rgba(199,184,158,.15);max-height:200px}.werewolf-game-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.werewolf-game-phase{font-size:14px}.werewolf-game-timer{font-size:18px}.werewolf-action-buttons{flex-wrap:wrap}.werewolf-action-btn{flex:1;min-width:120px;padding:10px 16px;font-size:13px}.publish-content-dialog{width:calc(100% - 24px);max-width:420px;max-height:92vh}.publish-content-body{padding:12px 14px}.publish-content-actions{flex-direction:column;gap:8px}.publish-btn-cancel,.publish-btn-confirm{padding:10px 0;font-size:14px}.panel-title{font-size:14px;letter-spacing:1px;margin-bottom:6px}.panel-close-btn{width:28px;height:28px;font-size:14px}.mall-form{gap:6px}.mall-row{flex-direction:column;gap:6px}.mall-form input{font-size:15px;padding:9px 10px}.mall-submit{min-height:44px}.game-hall-tabs{gap:4px;padding:2px}.game-hall-tab{padding:8px 0;font-size:12px}.game-hall-content{max-height:280px}.recharge-packages{grid-template-columns:1fr 1fr;gap:8px}.recharge-pkg-card{padding:12px 8px}.pkg-coins{font-size:18px}#recharge-qr-image{width:140px;height:140px}.guide-modal-content{width:calc(100% - 32px);padding:24px 18px}.guide-modal-title{font-size:16px}.guide-feature{padding:10px 12px}.guide-feature-icon{font-size:24px}.guide-modal-footer{flex-direction:column;gap:8px}.guide-cancel-btn,.guide-confirm-btn{padding:10px 0}#hint{font-size:11px;bottom:calc(48px + env(safe-area-inset-bottom,0px))}.enter-btn{bottom:calc(68px + env(safe-area-inset-bottom,0px));font-size:13px;padding:8px 24px}#zone-caption{font-size:18px;letter-spacing:3px}}@media screen and (max-width: 480px){#hud-top{gap:3px}#economy-panel{min-width:100px;padding:6px 10px}.eco-row{font-size:11px}.eco-val{font-size:12px}.mall-btn{padding:4px 8px;font-size:11px;min-height:44px;min-width:44px;border-radius:8px;margin-left:2px;margin-top:2px;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel,.contact-panel,.profile-panel,.merchant-panel,.game-stats-panel{left:6px;right:6px;padding:10px 12px}.auth-card{width:calc(100% - 24px);padding:16px 14px}.mall-item{padding:8px}.mall-item-img{width:32px;height:32px}.game-hall-room-card,.werewolf-room-card{padding:10px 12px}.game-hall-room-name,.werewolf-room-name{font-size:12px}.recharge-packages{grid-template-columns:1fr}.contact-form,.merchant-product-form{gap:6px}.merchant-form-row{flex-direction:column}.referral-qr-wrapper img{width:140px;height:140px}.referral-link-box{flex-direction:column}.referral-copy-btn{width:100%}.chat-panel{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom,0px));border-radius:12px}.chat-header{padding:10px 12px;font-size:13px}.chat-msg-list{padding:10px 12px}.chat-input-area{padding:8px 10px}.chat-send-btn{padding:8px 12px;font-size:12px}.publish-content-dialog{width:calc(100% - 16px);border-radius:12px}.publish-content-header{padding:12px 14px;font-size:14px}.publish-content-body{padding:12px}.publish-content-warning{flex-direction:column;gap:8px;padding:10px 12px}.werewolf-game-header{padding:8px 10px}.werewolf-game-header-left{gap:8px}.werewolf-action-panel{padding:8px 0}.werewolf-target-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.werewolf-target-card{padding:10px 6px}.werewolf-target-avatar{width:36px;height:36px;font-size:16px}.werewolf-target-name{font-size:12px}.werewolf-log-panel{height:100px;padding:8px 10px}.notif-panel{left:6px;right:6px;bottom:64px}#hud-bottom{display:block;position:fixed;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:8px;right:8px;z-index:15}#emotion-panel{display:block;padding:8px 12px;background:#f5ebe0d9}.bar-row{font-size:11px;gap:6px;padding:3px 0}.bar-label{width:28px;font-size:11px}.bar-val{width:32px;font-size:11px}}@media screen and (max-height: 500px) and (orientation: landscape){#hud-top{top:4px;left:4px;right:4px}.mall-btn{padding:5px 10px;font-size:11px;min-height:30px}.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel,.contact-panel,.profile-panel,.merchant-panel,.game-stats-panel{max-height:95vh}.werewolf-game-header{padding:6px 12px}.werewolf-game-main{flex-direction:row;padding:8px}.werewolf-game-sidebar{max-height:none}#hint{display:none}}.mall-btn,.mall-submit,.auth-submit,.game-submit,.recharge-submit,.enter-btn,.werewolf-join-btn,.referral-action-btn,.contact-save-btn,.contact-delete-btn,.merchant-submit-btn,.werewolf-primary-btn,.werewolf-action-btn,.recharge-cancel-btn,.recharge-records-btn,.publish-btn-cancel,.publish-btn-confirm,.guide-cancel-btn,.guide-confirm-btn,.notif-action-btn,.panel-close-btn,.referral-mini-btn,.referral-copy-btn,.mall-hall-room-join-btn,.order-action-btn,.order-save-btn,.werewolf-game-footer-btn{min-height:44px;min-width:44px}input[type=text],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=email],textarea,select{min-height:44px;font-size:16px}@media (hover: none){.mall-btn:hover,.mall-submit:hover,.auth-submit:hover,.game-submit:hover,.recharge-submit:hover,.enter-btn:hover,.werewolf-join-btn:hover,.referral-action-btn:hover,.contact-save-btn:hover,.merchant-submit-btn:hover{transform:none}.mall-btn:active,.mall-submit:active,.auth-submit:active,.game-submit:active,.recharge-submit:active,.enter-btn:active,.werewolf-join-btn:active,.referral-action-btn:active,.contact-save-btn:active,.merchant-submit-btn:active{transform:scale(.97);transition:transform .1s ease}.game-hall-room-card:hover,.werewolf-room-card:hover{transform:none}.game-hall-room-card:active,.werewolf-room-card:active{transform:scale(.98)}*:hover:not(:focus){transition:none!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.enter-btn.hidden{transition:none}.notif-btn.has-unread,.werewolf-role-icon{animation:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi 2dppx){.glass-panel{box-shadow:0 2px 12px #5a463226,inset 0 1px #fff6}}@media screen and (max-width: 375px){#economy-panel{min-width:90px;padding:5px 8px}.eco-row{font-size:11px;padding:1px 0}.mall-btn{font-size:10px;padding:4px 6px;min-height:44px;min-width:44px}.auth-card{width:calc(100% - 20px);padding:14px 12px}.auth-body input{font-size:14px}.mall-panel,.game-panel{font-size:12px}#hud-top{gap:2px;top:calc(4px + var(--safe-top));left:calc(4px + var(--safe-left));right:calc(4px + var(--safe-right))}}@media screen and (min-width: 768px) and (max-width: 1024px){.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel,.contact-panel,.profile-panel,.merchant-panel{width:350px}}@media screen and (min-width: 1025px) and (max-width: 1280px){.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel,.contact-panel,.profile-panel,.merchant-panel{width:360px}}.chat-link{display:inline-block;color:#5a8a3a;text-decoration:none;background:#5a8a3a1a;padding:2px 8px;border-radius:4px;font-size:12px;margin:2px 4px;transition:all .2s;cursor:pointer;word-break:break-all}.chat-link:hover{background:#5a8a3a40;color:#4a7a2a}.chat-link-copy{display:inline-block;color:#8a7358;font-size:11px;margin-left:4px;cursor:pointer;padding:1px 6px;border-radius:3px;background:#8a73581a;transition:background .2s}.chat-link-copy:hover{background:#8a735840}.chat-content-card{margin:6px 0;padding:10px 12px;background:#fffc;border:1px solid #dcccb8;border-radius:10px;cursor:pointer;transition:all .2s}.chat-content-card:hover{background:#fffffff2;border-color:#c7a878;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.chat-content-desc{font-size:13px;color:#33261c;line-height:1.5;margin-bottom:6px}.chat-content-url{font-size:11px;color:#5a8a3a;word-break:break-all;text-decoration:underline}.chat-content-source{font-size:10px;color:#a09080;margin-top:6px;text-align:right}.copy-tooltip{position:fixed;background:#3c3228e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;z-index:3000;pointer-events:none;animation:tooltipFade 1.5s ease forwards}@keyframes tooltipFade{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}body.mobile-device{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;touch-action:manipulation}body.mobile-device input,body.mobile-device textarea{font-size:16px!important}@media screen and (max-width: 480px){#hud-top{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px}#economy-panel{grid-column:1;grid-row:1 / 3}#conn-status{grid-column:3;grid-row:1;margin-left:0;margin-right:auto}#hud-top .mall-btn:not(#mall-btn):not(#game-btn):not(#recharge-btn):not(#profile-btn):not(#referral-btn){grid-row:2}}@media screen and (max-width: 768px){.mall-form input,.auth-body input,.recharge-pkg-card,.contact-form input,.merchant-product-form input{min-height:48px;font-size:16px}.mall-form,.auth-body,.contact-form,.merchant-product-form{gap:12px}.mall-btn:active,.mall-submit:active,.auth-submit:active{transform:scale(.96);transition:transform .1s ease}}@media screen and (max-width: 768px) and (orientation: landscape){#hint,#zone-caption{display:none}#hud-top{top:4px;left:4px;right:4px;gap:3px;padding:4px 8px}#economy-panel{min-width:100px;padding:6px 10px}.mall-btn{padding:4px 8px;font-size:11px;min-height:36px}.mall-panel,.game-panel,.werewolf-lobby-panel{max-height:calc(100vh - 60px)}.chat-panel{height:calc(100vh - 60px)}.werewolf-game-body{flex-direction:row}.werewolf-game-sidebar{width:200px;max-height:none}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.mall-panel,.game-panel,.werewolf-lobby-panel,.recharge-panel,.referral-panel{width:340px}}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-inset-right{padding-right:env(safe-area-inset-right,0px)}@media (max-width: 768px){.glass-panel{box-shadow:0 2px 10px #5a463226;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.enter-btn,.mall-btn,.mall-submit{transition:transform .15s ease}#scene{will-change:transform}}@media screen and (max-width: 480px){.glass-panel{background:#f5ebe0e6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mall-panel,.game-panel,.werewolf-lobby-panel{box-shadow:0 4px 16px #5a46321f}}@media (max-width: 768px){.mall-list,.werewolf-lobby-content,.game-hall-content,.chat-msg-list,.notif-list{-webkit-overflow-scrolling:touch;overflow-y:auto}.mall-list::-webkit-scrollbar,.werewolf-lobby-content::-webkit-scrollbar,.game-hall-content::-webkit-scrollbar,.chat-msg-list::-webkit-scrollbar{width:4px}.mall-list::-webkit-scrollbar-thumb,.werewolf-lobby-content::-webkit-scrollbar-thumb,.game-hall-content::-webkit-scrollbar-thumb{background:#c7b89e80;border-radius:2px}}@media (prefers-color-scheme: dark) and (max-width: 768px){.glass-panel{background:#3c3228d9;color:#f5ebe0}.panel-title{color:#f5ebe0}.eco-label,.eco-val{color:#d4c5b0}}