*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.top-right-actions{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:16px;z-index:100}.logout-btn,.vip-btn{padding:6px 0;background:none;border:none;border-bottom:1px solid #ccc;color:#999;font-size:13px;cursor:pointer;letter-spacing:1px;transition:all .3s}.logout-btn:hover,.vip-btn:hover{color:#222;border-bottom-color:#222}@media(max-width:768px){.top-right-actions{top:12px;right:12px;gap:12px}.logout-btn,.vip-btn{font-size:12px;padding:4px 0}}.modal-overlay{position:fixed;inset:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.light-pillar{position:absolute;top:50%;left:50%;width:2px;height:180px;margin-left:-1px;margin-top:-90px;background:linear-gradient(to top,#b4b4b400,#b4b4b433 15%,#dcdcdcb3 50%,#fff0);pointer-events:none}.light-pillar:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,rgba(200,200,200,.15) 40%,rgba(220,220,220,.3) 50%,rgba(200,200,200,.15) 60%,transparent 100%);filter:blur(6px)}.modal-card{background:#fff;border:1px solid #ddd;padding:40px 48px;text-align:center}.modal-text{font-size:14px;color:#333;letter-spacing:1px;margin-bottom:28px}.modal-actions{display:flex;justify-content:center;gap:24px}.modal-btn{padding:7px 22px;background:none;border:1px solid #ddd;color:#999;font-size:13px;cursor:pointer;letter-spacing:1px;transition:all .3s}.modal-btn:hover,.modal-btn--confirm:hover{color:#222;border-color:#222}.modal-btn--cancel{color:#bbb;border-color:#eee}