*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}html{overflow:hidden;height:100%;width:100%;margin:0;padding:0}body{margin:0;padding:0;width:100%;height:100%;min-width:320px;background-color:#f5f5f5;color:#333;overflow:hidden;position:fixed;inset:0}#root{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;position:relative}button,.clickable{min-height:44px;cursor:pointer;-webkit-user-select:none;user-select:none}a{color:#1890ff;text-decoration:none}a:hover{text-decoration:underline}.adm-image-viewer,.adm-image-viewer-mask,.adm-image-viewer-image-wrapper,[class*=adm-image-viewer]{z-index:100000!important}body>.adm-mask{z-index:100000!important}body>div[class*=image-viewer]{z-index:100000!important}body>div[class*=adm-image-viewer]{z-index:100000!important;display:block!important}#lightbox-root,.yarl__root{z-index:999999!important}body.image-preview-active>div[style*="z-index: 1001"],body.image-preview-active>div[style*="z-index: 9999"]:not(#lightbox-root),body.image-preview-active>div[style*="z-index: 10000"]:not(#lightbox-root){visibility:hidden!important;pointer-events:none!important}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{direction:ltr;inset:0;position:absolute;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}.order-notification-bar{position:fixed;top:0;left:0;right:0;z-index:9999;transform:translateY(-100%);transition:transform .3s ease-in-out;box-shadow:0 2px 12px #00000026}.order-notification-bar.visible{transform:translateY(0)}.notification-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{flex-shrink:0;width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.notification-text{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;margin-bottom:4px;opacity:.95}.notification-message{font-size:13px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notification-actions button{border:none;background:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.btn-view{background:#ffffff40!important;border-radius:6px!important;padding:6px 16px!important;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-view:hover{background:#ffffff59!important;transform:translateY(-1px)}.btn-view:active{transform:translateY(0)}.btn-collapse,.btn-close{width:32px;height:32px;border-radius:50%;opacity:.8}.btn-collapse:hover,.btn-close:hover{background:#ffffff26;opacity:1}.btn-collapse:active,.btn-close:active{background:#ffffff40}.order-notification-bar.collapsed .notification-container{padding:8px 16px}.notification-collapsed{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;padding:4px 0}.notification-icon-small{width:28px;height:28px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.notification-badge{position:absolute;top:-4px;left:32px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background-clip:padding-box;box-shadow:0 2px 6px #0003}.btn-close-collapsed{margin-left:auto;width:28px;height:28px;border-radius:50%;border:none;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s}.btn-close-collapsed:hover{background:#ffffff26;opacity:1}.btn-close-collapsed:active{background:#ffffff40}@media(max-width:768px){.notification-title{font-size:13px}.notification-message{font-size:12px}.btn-view{padding:5px 12px!important;font-size:13px}}.order-notification-bar.collapsed .notification-container{animation:collapsePulse .3s ease-out}@keyframes collapsePulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.message-list-container{padding:16px;background:transparent}.message-list-container::-webkit-scrollbar{width:8px}.message-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.message-list-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px;transition:background-color .2s ease}.message-list-container::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.message-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;margin-bottom:16px;animation:message-fade-in .4s ease-out;width:100%}.message-other{background:linear-gradient(135deg,#1f2937f2,#111827f2);border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #8b5cf633;align-self:flex-start}.message-mine{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.3);box-shadow:0 8px 32px #10b98133;align-self:flex-end}@keyframes message-fade-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-header{display:flex;align-items:center;margin-bottom:12px}.message-mine .message-header{flex-direction:row-reverse}.message-other .message-header{flex-direction:row}.message-user-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d;overflow:hidden;position:relative}.message-other .message-user-avatar{margin-right:12px;margin-left:0}.message-mine .message-user-avatar{margin-left:12px;margin-right:0}.message-user-avatar.mine{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.message-user-avatar.other{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb66}.message-user-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.message-user-avatar span{position:relative;z-index:1}.message-user-info{flex:1}.message-other .message-user-info{text-align:left}.message-mine .message-user-info{text-align:right}.message-user-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.message-time{font-size:12px;color:#ffffff80}.message-content{font-size:15px;color:#ffffffe6;line-height:1.7;word-break:break-word;white-space:pre-wrap;padding:8px 0}.message-image-wrapper{margin-top:10px}.message-image{max-width:100%;max-height:300px;border-radius:12px;cursor:pointer;display:block;transition:all .3s ease;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.message-image:hover{transform:scale(1.02);border-color:#667eea80;box-shadow:0 6px 20px #667eea66}.message-image:active{transform:scale(.98)}.image-load-error{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:24px;text-align:center;color:#ffffff80}.image-load-error-icon{font-size:36px;margin-bottom:10px;opacity:.6}.message-empty{text-align:center;padding:100px 20px}.message-empty-icon{font-size:72px;margin-bottom:20px;opacity:.4;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.message-empty-text{font-size:18px;color:#ffffffb3;font-weight:700;margin-bottom:10px}.message-empty-hint{font-size:14px;color:#fff6}.message-loading{text-align:center;padding:80px 20px;color:#ffffff80;font-size:16px}.message-input-bar{padding:14px 16px;padding-bottom:calc(env(safe-area-inset-bottom) + 60px);display:flex;align-items:center;gap:12px;background:#0f1423f2;border-top:1px solid rgba(255,255,255,.1)}.message-input-bar .adm-input,.message-input-bar .adm-input-element,.message-input-bar .adm-input input{color:#fff!important;font-size:16px!important}.message-input-bar .adm-input input::placeholder{color:#ffffff80!important}.load-more-hint{text-align:center;padding:12px;color:#999;font-size:13px}:where(.adm-image-viewer){z-index:10600!important}:where(.adm-image-viewer-mask){z-index:10600!important}:where(.adm-image-viewer-content){z-index:10601!important}.custom-image-viewer-mask{z-index:10600!important}.custom-image-viewer-body{z-index:10601!important}@media(max-width:375px){.message-card{padding:12px}.message-user-avatar{width:32px;height:32px;font-size:13px}.message-content{font-size:14px}}.order-message-modal .adm-mask-aria-button{display:none!important;pointer-events:none!important}.order-message-modal-wrapper>.adm-mask{display:none!important}.adm-image-viewer-mask{display:block!important;background-color:#000000e6!important}.order-detail-page{min-height:100vh;background-color:#f5f5f5;padding-bottom:80px}.order-detail-page.loading,.order-detail-page.error{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 20px}.loading-spinner{font-size:16px;color:#999}.error-message{font-size:16px;color:#ff4d4f;margin-bottom:20px}.page-content{padding:12px}.status-card{margin-bottom:12px;border-radius:12px;overflow:hidden}.status-header{display:flex;align-items:center;justify-content:space-between}.status-info{display:flex;align-items:center;gap:8px}.status-icon{font-size:24px}.status-text{font-size:18px;font-weight:600;color:#333}.deposit-info{display:flex;align-items:center;gap:8px}.info-card,.user-card,.image-card,.record-card,.cancel-card{margin-bottom:12px;border-radius:12px}.info-item{display:flex;flex-direction:column;gap:8px}.info-label{font-size:14px;color:#999}.info-value{font-size:16px;color:#333;word-break:break-all}.info-value.description{line-height:1.6;white-space:pre-wrap}.info-value.price{font-size:20px;font-weight:600;color:#ff4d4f}.info-value.reward{font-size:16px;font-weight:500;color:#52c41a}.info-item.highlight{background-color:#e6f7ff;padding:12px;border-radius:8px;border-left:3px solid #1890ff}.info-value.player-id{font-family:monospace;color:#1890ff;font-weight:600}.info-value.remark{color:#8b4513;line-height:1.6}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.user-details{flex:1;display:flex;flex-direction:column;gap:4px}.user-name{font-size:16px;font-weight:600;color:#333}.publish-time,.accept-time{font-size:14px;color:#999}.image-card .adm-image{width:100%;height:120px;object-fit:cover;border-radius:8px}.record-item{padding:12px 0}.record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.record-type{font-size:16px;font-weight:600;color:#333}.record-time{font-size:14px;color:#999}.record-operator,.record-reason,.record-remark{font-size:14px;color:#666;margin-top:4px;line-height:1.5}.record-reason{color:#ff4d4f}.record-remark{color:#1890ff}.cancel-info{display:flex;flex-direction:column;gap:12px}.cancel-item{display:flex;flex-direction:column;gap:6px}.cancel-label{font-size:14px;color:#999}.cancel-value{font-size:16px;color:#333;display:flex;align-items:center}.action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;box-shadow:0 -2px 8px #00000014;z-index:100}.action-bar .adm-button{height:48px;font-size:16px;font-weight:600;border-radius:12px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(max-width:375px){.page-content{padding:8px}.status-text{font-size:16px}.info-value.price{font-size:18px}}.order-detail-modal{min-height:100vh}.order-detail-modal.loading,.order-detail-modal.error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:#ffffffb3}.loading-spinner{font-size:16px}.error-message{font-size:14px;color:#ff4444e6}.ws-debugger-toggle{position:fixed;top:20px;left:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 16px;border-radius:20px;cursor:pointer;z-index:9998;font-size:14px;font-weight:700;box-shadow:0 4px 12px #667eea66;transition:all .3s;-webkit-user-select:none;user-select:none}.ws-debugger-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea80}.ws-debugger-toggle:active{transform:scale(.95)}.ws-debugger-minimized{position:fixed;top:20px;left:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 16px;border-radius:20px;cursor:pointer;z-index:9998;font-size:14px;font-weight:700;box-shadow:0 4px 12px #667eea66;transition:all .3s;display:flex;align-items:center;gap:10px}.ws-debugger-minimized:hover{transform:scale(1.05)}.ws-debugger-close-btn{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s}.ws-debugger-close-btn:hover{background:#ffffff4d}.ws-debugger{position:fixed;bottom:20px;right:20px;width:90vw;max-width:500px;height:60vh;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.ws-debugger-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;-webkit-user-select:none;user-select:none}.ws-debugger-actions{display:flex;gap:8px}.ws-debugger-actions button{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.ws-debugger-actions button:hover{background:#ffffff4d}.ws-debugger-actions button:active{background:#fff6}.ws-debugger-toolbar{padding:10px;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;align-items:center;background:#f5f5f5}.ws-debugger-filter{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none}.ws-debugger-filter:focus{border-color:#667eea}.ws-debugger-clear-btn{padding:6px 12px;background:#ff4d4f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:opacity .2s}.ws-debugger-clear-btn:hover{opacity:.8}.ws-debugger-count{font-size:12px;color:#666;white-space:nowrap}.ws-debugger-logs{flex:1;overflow-y:auto;padding:10px;background:#fafafa}.ws-debugger-empty{text-align:center;color:#999;padding:40px 20px;font-size:14px}.ws-debugger-log{background:#fff;border-radius:8px;padding:10px;margin-bottom:8px;border-left:4px solid #ccc;box-shadow:0 2px 4px #0000000d}.ws-debugger-log.log-received{border-left-color:#52c41a}.ws-debugger-log.log-sent{border-left-color:#1890ff}.ws-debugger-log.log-connected{border-left-color:#13c2c2}.ws-debugger-log.log-disconnected{border-left-color:#ff7875}.ws-debugger-log.log-error{border-left-color:#ff4d4f;background:#fff1f0}.log-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.log-icon{font-size:16px}.log-time{color:#999;font-family:monospace}.log-message-type{background:#f0f0f0;padding:2px 8px;border-radius:4px;font-size:11px;color:#666;font-weight:700}.log-content{font-size:12px;color:#333}.log-content pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:Courier New,monospace;background:#f5f5f5;padding:8px;border-radius:4px;max-height:200px;overflow:auto}.ws-debugger-logs::-webkit-scrollbar,.log-content pre::-webkit-scrollbar{width:6px;height:6px}.ws-debugger-logs::-webkit-scrollbar-thumb,.log-content pre::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.ws-debugger-logs::-webkit-scrollbar-thumb:hover,.log-content pre::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.ws-debugger{width:95vw;height:70vh;bottom:10px;right:10px}.ws-debugger-toggle,.ws-debugger-minimized{top:10px;left:10px}}.conversation-list-page{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0e1a,#0f1419,#0a0e1a);position:absolute;inset:0;overflow:hidden}.conversation-list-page:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;animation:float-bg 20s ease-in-out infinite;pointer-events:none;z-index:0}.conversation-list-page:after{content:"";position:absolute;bottom:-40%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);border-radius:50%;animation:float-bg 15s ease-in-out infinite reverse;pointer-events:none;z-index:0}@keyframes float-bg{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.conversation-list-page .adm-nav-bar{background:#0f1423d9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000080,0 0 1px #667eea33;position:relative;z-index:10}.conversation-list-page .adm-nav-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.3) 50%,transparent 100%)}.conversation-list-page .adm-nav-bar-title{color:#fff;font-weight:700;font-size:18px;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.navbar-title-wrapper{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.navbar-title-text{position:relative;display:inline-flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px}.navbar-red-dot{position:absolute;top:-2px;right:-10px;width:8px;height:8px;background:#ff3b30;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #ff3b3099,0 0 12px #ff3b3066;animation:red-dot-pulse 2s ease-in-out infinite}@keyframes red-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.navbar-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:linear-gradient(135deg,#ff2d55,#ff3b5c,#ff1744);color:#fff;font-size:18px;font-weight:900;border-radius:16px;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #ff2d55cc,0 2px 8px #00000080,inset 0 1px 2px #fff6,0 0 20px #ff2d5566;animation:navbar-badge-glow 2.5s ease-in-out infinite;letter-spacing:.5px;position:relative;line-height:1}.navbar-unread-badge:before{content:"";position:absolute;inset:-2px;border-radius:14px;background:radial-gradient(circle,rgba(255,45,85,.5) 0%,transparent 70%);animation:navbar-badge-pulse 2.5s ease-in-out infinite;z-index:-1}@keyframes navbar-badge-glow{0%,to{box-shadow:0 4px 16px #ff2d55cc,0 2px 8px #00000080,inset 0 1px 2px #fff6,0 0 20px #ff2d5566}50%{box-shadow:0 6px 24px #ff2d55,0 3px 12px #0009,inset 0 1px 3px #ffffff80,0 0 30px #ff2d5599}}@keyframes navbar-badge-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.conversation-list-content{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;padding:20px 16px 0;position:relative;z-index:1;-webkit-overflow-scrolling:touch;min-height:0}.conversation-list-content::-webkit-scrollbar{width:8px}.conversation-list-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.conversation-list-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px;transition:background-color .2s ease}.conversation-list-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.conversation-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(102,126,234,.15);background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%}.conversation-last-message{font-size:13px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;line-height:1.6;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3)}.conversation-time{color:#fff6;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.conversation-list-content .adm-list{background:transparent!important}.conversation-list-content .adm-list-body{background:transparent!important;border:none!important}.conversation-list-content .adm-list-item{padding:18px!important;background:linear-gradient(145deg,#14192899,#0f1423b3,#0a0f1c99)!important;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);margin:0 0 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 40px #00000080,0 2px 8px #0000004d,inset 0 1px 1px #ffffff0d,0 0 0 1px #667eea0d;transition:all .4s cubic-bezier(.4,0,.2,1);animation:conversation-fade-in .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.conversation-list-content .adm-list-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.4) 30%,rgba(139,92,246,.4) 70%,transparent 100%);opacity:.6}.conversation-list-content .adm-list-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}@keyframes conversation-fade-in{0%{opacity:0;transform:translateY(30px) scale(.92);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.conversation-list-content .adm-list-item:active{transform:scale(.97) translateY(2px);box-shadow:0 6px 24px #0009,0 2px 8px #0006,inset 0 1px 1px #ffffff14,0 0 0 1px #667eea4d;border-color:#667eea66!important}.conversation-list-content .adm-list-item:active:after{opacity:1}.conversation-list-content .adm-list-item-content{padding:0;background:transparent!important}.conversation-list-content .adm-list-item-content-main{background:transparent!important}.conversation-list-content .adm-list-item-content-prefix{margin-right:14px;background:transparent!important}.conversation-list-content .adm-list-item-content-extra{background:transparent!important}.conversation-list-content .adm-list-item-content-prefix>div{box-shadow:0 6px 20px #0009,0 2px 8px #667eea26;border:2.5px solid rgba(255,255,255,.12);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.conversation-list-content .adm-list-item-content-prefix>div:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.4),rgba(139,92,246,.3),transparent 50%);opacity:0;transition:opacity .4s ease;z-index:-1}.conversation-list-content .adm-list-item-content-prefix>div:after{content:"";position:absolute;top:10%;left:10%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:.8}.conversation-list-content .adm-list-item:active .adm-list-item-content-prefix>div{transform:scale(1.05);box-shadow:0 8px 24px #000000b3,0 2px 12px #667eea66}.conversation-list-content .adm-list-item:active .adm-list-item-content-prefix>div:before{opacity:1}.conversation-list-content .adm-badge{background:linear-gradient(135deg,#ff2d55,#ff3b5c,#ff1744)!important;--text-color: #ffffff;font-weight:900;font-size:22px;box-shadow:0 6px 20px #ff2d55cc,0 3px 10px #00000080,inset 0 1px 2px #fff6,0 0 30px #ff2d5580;border:2.5px solid rgba(255,255,255,.5);min-width:40px;height:40px;line-height:40px;padding:0 12px;border-radius:20px;letter-spacing:.3px;animation:badge-pulse 2.5s ease-in-out infinite;position:relative;transform-style:preserve-3d;display:inline-flex!important;align-items:center;justify-content:center}.conversation-list-content .adm-badge:before{content:"";position:absolute;inset:-3px;border-radius:16px;background:radial-gradient(circle,rgba(255,45,85,.4) 0%,transparent 70%);animation:badge-glow 2.5s ease-in-out infinite;z-index:-1}.conversation-list-content .adm-badge:after{content:"";position:absolute;top:3px;left:20%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%)}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #ff2d55cc,0 3px 10px #00000080,inset 0 1px 2px #fff6,0 0 30px #ff2d5580}50%{transform:scale(1.08);box-shadow:0 8px 28px #ff2d55,0 4px 14px #0009,inset 0 1px 3px #ffffff80,0 0 40px #ff2d55b3}}@keyframes badge-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.conversation-list-content .adm-list-item-content-extra{align-self:flex-start;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:60px;background:transparent!important}.conversation-list-content .adm-list-item-content-extra .adm-badge,.conversation-list-content .adm-space .adm-badge{font-size:22px!important;min-width:40px!important;height:40px!important;line-height:40px!important;padding:0 12px!important;border-radius:20px!important}.custom-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#ff3b30;color:#fff;font-size:18px;font-weight:800;border-radius:16px;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #ff3b3099,0 2px 8px #0000004d,0 0 20px #ff3b3066;position:relative;letter-spacing:.3px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;animation:badge-breathe 2s ease-in-out infinite}@keyframes badge-breathe{0%,to{transform:scale(1);box-shadow:0 4px 16px #ff3b3099,0 2px 8px #0000004d,0 0 20px #ff3b3066}50%{transform:scale(1.05);box-shadow:0 6px 20px #ff3b30cc,0 3px 10px #0006,0 0 30px #ff3b3099}}.conversation-list-content .adm-list-item *{background-color:transparent!important}.conversation-list-content .adm-list-item{background:linear-gradient(135deg,#1f2937f2,#111827f2)!important}.conversation-list-content .adm-badge,.conversation-list-content .adm-badge-wrapper{background-color:initial!important}.conversation-list-content .adm-empty{padding:140px 20px;animation:empty-fade-in .8s ease-out}@keyframes empty-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conversation-list-content .adm-empty-image{opacity:.25;filter:brightness(.6) drop-shadow(0 4px 12px rgba(0,0,0,.5))}.conversation-list-content .adm-empty-description{color:#ffffff59;font-size:15px;margin-top:24px;font-weight:600;letter-spacing:.8px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.conversation-list-content .adm-infinite-scroll-content{padding:16px 0;text-align:center;color:#ffffff80;font-size:14px}.conversation-list-page .adm-pull-to-refresh{background:transparent;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:70px}.conversation-list-page .adm-pull-to-refresh-head{color:#fff9}.conversation-description{display:flex;flex-direction:column;gap:8px}.conversation-order-card-inline{margin-top:8px;padding:10px 12px;background:linear-gradient(135deg,#667eea1f,#8b5cf61f);border:1px solid rgba(102,126,234,.25);border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #0003,inset 0 1px 1px #ffffff0d}.conversation-order-card-inline:hover{background:linear-gradient(135deg,#667eea2e,#8b5cf62e);border-color:#667eea66;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d,inset 0 1px 2px #ffffff14}.conversation-order-card-inline:active{transform:translateY(0)}.order-inline-row{display:flex;align-items:center;gap:8px;line-height:1.4}.order-inline-label{font-size:11px;color:#ffffff80;font-weight:600;padding:2px 6px;background:#ffffff14;border-radius:4px;letter-spacing:.3px}.order-inline-id{font-size:11px;color:#fff9;font-weight:700;font-family:Courier New,monospace;letter-spacing:.5px}.order-inline-status{font-size:11px;color:#a78bfa;font-weight:700;padding:2px 8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;letter-spacing:.3px;margin-left:auto}.order-inline-title{flex:1;font-size:13px;color:#ffffffd9;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.order-inline-amount{font-size:15px;font-weight:900;color:#10b981;letter-spacing:.3px;text-shadow:0 2px 6px rgba(16,185,129,.3);white-space:nowrap}@media(max-width:375px){.conversation-list-content,.conversation-list-content .adm-list-item{padding:12px}.conversation-title{font-size:15px}.conversation-last-message{font-size:13px}.conversation-order-card{padding:12px}.order-title{font-size:14px}.order-amount{font-size:16px}}.ranking-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e)}.ranking-page .adm-tabs{padding:16px 12px 12px;background:linear-gradient(135deg,#2a2a3e,#1f1f2e);box-shadow:0 4px 12px #0000004d}.ranking-page .adm-tabs-header{background:#ffffff08;border-radius:12px;padding:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 8px #0003}.ranking-page .adm-tabs-tab-list{gap:3px;display:flex;width:100%;justify-content:space-between}.ranking-page .adm-tabs-tab{color:#ffffff80;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;flex:1;min-width:0;text-align:center}.ranking-page .adm-tabs-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.ranking-page .adm-tabs-tab:hover:before{left:100%}.ranking-page .adm-tabs-tab-active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66,inset 0 1px #fff3;transform:translateY(-1px)}.ranking-page .adm-tabs-tab-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:glow-line 2s ease-in-out infinite}.ranking-page .adm-tabs-tab-line{display:none}@keyframes glow-line{0%,to{opacity:.6}50%{opacity:1}}.current-user-section{padding:12px 12px 0;background:transparent}.ranking-list{padding:12px 12px 80px;min-height:400px}.ranking-item{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d;background:linear-gradient(135deg,#2a2a3e,#1f1f2e);border:1px solid rgba(255,255,255,.05);position:relative;transition:all .3s ease}.ranking-item.current-user{border:2px solid #667eea;box-shadow:0 4px 12px #667eea4d;background:linear-gradient(135deg,#2d3348,#252b3f)}.ranking-item.rank-1{background:linear-gradient(135deg,gold,#ff8c00);border:2px solid #ffd700;box-shadow:0 4px 20px #ffd70099,0 0 30px #ffd70066;animation:glow-gold 2s ease-in-out infinite}.ranking-item.rank-1:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#ff8c00,gold,#ff8c00);background-size:400% 400%;border-radius:8px;z-index:-1;animation:gradient-rotate 3s ease infinite}.ranking-item.rank-2{background:linear-gradient(135deg,silver,gray);border:2px solid #c0c0c0;box-shadow:0 4px 16px #c0c0c080,0 0 25px #c0c0c04d;animation:glow-silver 2.5s ease-in-out infinite}.ranking-item.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);border:2px solid #cd7f32;box-shadow:0 4px 16px #cd7f3280,0 0 25px #cd7f324d;animation:glow-bronze 2.5s ease-in-out infinite}.ranking-item.rank-4,.ranking-item.rank-5,.ranking-item.rank-6{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(102,126,234,.5);box-shadow:0 3px 12px #667eea66;animation:pulse-purple 3s ease-in-out infinite}.ranking-item.rank-7,.ranking-item.rank-8,.ranking-item.rank-9,.ranking-item.rank-10{background:linear-gradient(135deg,#4a90e2,#357abd);border:1px solid rgba(74,144,226,.5);box-shadow:0 3px 12px #4a90e24d;animation:pulse-blue 3.5s ease-in-out infinite}@keyframes glow-gold{0%,to{box-shadow:0 4px 20px #ffd70099,0 0 30px #ffd70066}50%{box-shadow:0 4px 30px #ffd700cc,0 0 50px #ffd70099}}@keyframes glow-silver{0%,to{box-shadow:0 4px 16px #c0c0c080,0 0 25px #c0c0c04d}50%{box-shadow:0 4px 24px #c0c0c0b3,0 0 40px #c0c0c080}}@keyframes glow-bronze{0%,to{box-shadow:0 4px 16px #cd7f3280,0 0 25px #cd7f324d}50%{box-shadow:0 4px 24px #cd7f32b3,0 0 40px #cd7f3280}}@keyframes pulse-purple{0%,to{transform:scale(1);box-shadow:0 3px 12px #667eea66}50%{transform:scale(1.01);box-shadow:0 4px 16px #667eea99}}@keyframes pulse-blue{0%,to{transform:scale(1);box-shadow:0 3px 12px #4a90e24d}50%{transform:scale(1.01);box-shadow:0 4px 16px #4a90e280}}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ranking-header{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:12px}.ranking-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ranking-right{flex-shrink:0}.user-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.1);position:relative}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:700;text-transform:uppercase}.ranking-item.rank-1 .user-avatar{border:3px solid #ffd700;box-shadow:0 0 15px #ffd70099,0 2px 8px #0000004d;animation:avatar-glow-gold 2s ease-in-out infinite}.ranking-item.rank-2 .user-avatar{border:3px solid #c0c0c0;box-shadow:0 0 12px #c0c0c080,0 2px 8px #0000004d;animation:avatar-glow-silver 2.5s ease-in-out infinite}.ranking-item.rank-3 .user-avatar{border:3px solid #cd7f32;box-shadow:0 0 12px #cd7f3280,0 2px 8px #0000004d;animation:avatar-glow-bronze 2.5s ease-in-out infinite}@keyframes avatar-glow-gold{0%,to{box-shadow:0 0 15px #ffd70099,0 2px 8px #0000004d}50%{box-shadow:0 0 25px #ffd700cc,0 2px 12px #0006}}@keyframes avatar-glow-silver{0%,to{box-shadow:0 0 12px #c0c0c080,0 2px 8px #0000004d}50%{box-shadow:0 0 20px #c0c0c0b3,0 2px 12px #0006}}@keyframes avatar-glow-bronze{0%,to{box-shadow:0 0 12px #cd7f3280,0 2px 8px #0000004d}50%{box-shadow:0 0 20px #cd7f32b3,0 2px 12px #0006}}.rank-badge{display:flex;align-items:center;justify-content:center;min-width:45px;height:45px;font-size:20px;font-weight:700;border-radius:8px;flex-shrink:0;position:relative}.rank-badge.rank-1{font-size:28px;background:transparent;animation:spin-slow 10s linear infinite}.rank-badge.rank-2{font-size:26px;background:transparent;animation:bounce-subtle 2s ease-in-out infinite}.rank-badge.rank-3{font-size:24px;background:transparent;animation:bounce-subtle 2.5s ease-in-out infinite}.rank-badge.rank-4,.rank-badge.rank-5,.rank-badge.rank-6{font-size:18px;background:#ffffff26;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:glow-text 2s ease-in-out infinite}.rank-badge.rank-7,.rank-badge.rank-8,.rank-badge.rank-9,.rank-badge.rank-10{font-size:16px;background:#ffffff1a;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.rank-badge.rank-other{font-size:16px;background:#ffffff1a;color:#a0a0a0}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes glow-text{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 2px 8px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.3)}}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.user-name{font-size:15px;font-weight:600;color:#e8e8e8;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.user-tags .adm-tag{font-size:10px;padding:1px 5px;border-radius:3px;font-weight:500;box-shadow:0 1px 3px #0003}.ranking-item.rank-1 .user-name{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:700}.ranking-item.rank-2 .user-name,.ranking-item.rank-3 .user-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:700}.ranking-item.rank-4 .user-name,.ranking-item.rank-5 .user-name,.ranking-item.rank-6 .user-name,.ranking-item.rank-7 .user-name,.ranking-item.rank-8 .user-name,.ranking-item.rank-9 .user-name,.ranking-item.rank-10 .user-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rank-star{margin-left:6px;display:inline-block;animation:twinkle 1.5s ease-in-out infinite;font-size:14px}.rank-star.rank-1{filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:twinkle 1s ease-in-out infinite,rotate-star 3s linear infinite}.rank-star.rank-2{filter:drop-shadow(0 0 6px rgba(192,192,192,.8));animation:twinkle 1.2s ease-in-out infinite}.rank-star.rank-3{filter:drop-shadow(0 0 6px rgba(205,127,50,.8));animation:twinkle 1.3s ease-in-out infinite}.rank-star.rank-4,.rank-star.rank-5,.rank-star.rank-6,.rank-star.rank-7,.rank-star.rank-8,.rank-star.rank-9,.rank-star.rank-10{filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes rotate-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ranking-stats{display:flex;align-items:center;justify-content:space-around;padding:12px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.ranking-item.rank-1 .ranking-stats{background:#0000004d;border-top:1px solid rgba(255,255,255,.2)}.ranking-item.rank-2 .ranking-stats,.ranking-item.rank-3 .ranking-stats{background:#00000040;border-top:1px solid rgba(255,255,255,.15)}.ranking-item.rank-4 .ranking-stats,.ranking-item.rank-5 .ranking-stats,.ranking-item.rank-6 .ranking-stats,.ranking-item.rank-7 .ranking-stats,.ranking-item.rank-8 .ranking-stats,.ranking-item.rank-9 .ranking-stats,.ranking-item.rank-10 .ranking-stats{background:#00000026;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.stat-label{font-size:12px;color:#ffffff80}.ranking-item.rank-1 .stat-label,.ranking-item.rank-2 .stat-label,.ranking-item.rank-3 .stat-label{color:#fffc;font-weight:600}.ranking-item.rank-4 .stat-label,.ranking-item.rank-5 .stat-label,.ranking-item.rank-6 .stat-label,.ranking-item.rank-7 .stat-label,.ranking-item.rank-8 .stat-label,.ranking-item.rank-9 .stat-label,.ranking-item.rank-10 .stat-label{color:#ffffffb3}.stat-value{font-size:14px;font-weight:600;color:#e8e8e8}.ranking-item.rank-1 .stat-value,.ranking-item.rank-2 .stat-value,.ranking-item.rank-3 .stat-value,.ranking-item.rank-4 .stat-value,.ranking-item.rank-5 .stat-value,.ranking-item.rank-6 .stat-value,.ranking-item.rank-7 .stat-value,.ranking-item.rank-8 .stat-value,.ranking-item.rank-9 .stat-value,.ranking-item.rank-10 .stat-value{color:#fff;font-weight:700}.stat-divider{width:1px;height:24px;background-color:#ffffff1a}.ranking-item.rank-1 .stat-divider,.ranking-item.rank-2 .stat-divider,.ranking-item.rank-3 .stat-divider,.ranking-item.rank-4 .stat-divider,.ranking-item.rank-5 .stat-divider,.ranking-item.rank-6 .stat-divider,.ranking-item.rank-7 .stat-divider,.ranking-item.rank-8 .stat-divider,.ranking-item.rank-9 .stat-divider,.ranking-item.rank-10 .stat-divider{background-color:#fff3}@media(max-width:375px){.rank-badge{min-width:40px;height:40px;font-size:18px}.rank-badge.rank-1{font-size:24px}.rank-badge.rank-2{font-size:22px}.rank-badge.rank-3{font-size:20px}.user-name{font-size:14px}.rate-value{font-size:18px}.stat-label{font-size:11px}.stat-value{font-size:13px}}.qr-login-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.qr-login-container{width:100%;max-width:500px}.qr-login-card{border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.qr-login-header{text-align:center;margin-bottom:24px}.qr-login-title{margin:0 0 8px;font-size:24px;font-weight:700;color:#333}.qr-login-subtitle{margin:0;font-size:14px;color:#666}.qr-code-wrapper{display:flex;justify-content:center;align-items:center;margin:24px 0}.qr-code-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#999}.qr-code-loading p{margin-top:16px;font-size:14px}.qr-code-container{position:relative;width:280px;height:280px;background:#fff;border:2px solid #e5e5e5;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.qr-code-container.expired{filter:grayscale(100%);opacity:.6}.qr-code-image{width:100%;height:100%;object-fit:contain;display:block}.qr-code-mask{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.refresh-button{font-size:16px;font-weight:700;padding:12px 32px;border-radius:8px}.status-section{text-align:center;margin:20px 0}.status-icon{font-size:48px;margin-bottom:12px;animation:pulse 2s ease-in-out infinite}.status-icon.waiting{animation:bounce 2s ease-in-out infinite}.status-icon.scanned{animation:shake .5s ease-in-out}.status-icon.success{animation:zoomIn .5s ease-out}.status-icon.expired{animation:none;opacity:.5}.status-text{margin:0;font-size:16px;font-weight:500;color:#333}.countdown-section{text-align:center;padding:12px;background:#f8f9fa;border-radius:8px;margin:16px 0}.countdown-label{font-size:14px;color:#666;margin-right:8px}.countdown-time{font-size:18px;font-weight:700;color:#667eea;font-family:Courier New,monospace}.instruction-card{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin:16px 0}.instruction-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.instruction-list{margin:0;padding-left:20px;color:#666;font-size:14px;line-height:1.8}.instruction-list li{margin-bottom:8px}.instruction-list li:last-child{margin-bottom:0}.action-buttons{margin-top:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.qr-login-page{padding:12px}.qr-login-title{font-size:20px}.qr-code-container{width:240px;height:240px}.status-icon{font-size:40px}.status-text{font-size:14px}}@media(prefers-color-scheme:dark){.qr-login-card{background:#1a1a1a}.qr-login-title{color:#fff}.qr-login-subtitle{color:#999}.status-text{color:#fff}.instruction-card{background:#2a2a2a;border-color:#3a3a3a}.instruction-title{color:#fff}.instruction-list{color:#999}.countdown-section{background:#2a2a2a}.countdown-label{color:#999}}.page-transition{width:100%;height:100%;background:#f5f5f5}.page-transition.fade-in{animation:slideInRight .25s cubic-bezier(.25,.46,.45,.94) forwards}.page-transition.fade-out{animation:slideOutLeft .2s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes slideInRight{0%{transform:translate(15px);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-10px);opacity:.95}}.page-transition{-webkit-backface-visibility:hidden;-webkit-perspective:1000;backface-visibility:hidden;perspective:1000;will-change:transform;transform:translateZ(0)}