html,body,#root{width:100%;max-width:100vw;overflow-x:hidden;margin:0;padding:0;position:relative}:root{--royal-blue: #002366;--royal-blue-light: #1a3a7a;--royal-gold: #d4af37;--royal-gold-light: #f3e5ab;--royal-gold-dark: #8a6e3e;--cream-bg: #f9f7f2;--pure-white: #ffffff;--text-dark: #1a1a1a;--text-light: #666666;--wheel-size: 600px;--card-width: 180px;--card-height: 250px;--radius: 220px;--transition: all .8s cubic-bezier(.34, 1.56, .64, 1);--font-heading: "Cinzel", serif;--font-body: "Lato", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--cream-bg);color:var(--text-dark);min-height:100vh;overflow-x:hidden}.royal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#ffffff,var(--cream-bg));z-index:-2}.royal-pattern-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--royal-gold-light) 1px,transparent 1px);background-size:30px 30px;opacity:.5;z-index:-1}.app-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:.6s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.language-selector{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.lang-btn{background:#fff;border:1px solid var(--royal-gold);color:var(--royal-gold);padding:5px 12px;cursor:pointer;font-family:var(--font-heading);font-weight:700;transition:.3s;box-shadow:0 2px 5px #0000000d;font-size:.9rem}.lang-btn.active{background:var(--royal-gold);color:#fff}.nav-bar{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.nav-btn-wrapper{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--royal-blue);transition:.3s}.nav-btn-wrapper:hover{transform:translateY(-3px);color:var(--royal-gold)}.nav-icon-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--royal-gold);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 2px 5px #0000000d;transition:.3s;margin-bottom:5px}.nav-btn-wrapper:hover .nav-icon-circle{background:var(--royal-gold);color:#fff}.nav-label{font-size:.75rem;font-family:var(--font-heading);font-weight:700;letter-spacing:.5px}.header{text-align:center;margin-bottom:10px;position:relative;z-index:200}.title-wrapper{position:relative;display:inline-block}.main-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--royal-blue);margin-bottom:5px;line-height:1.2}.subtitle{color:#666;font-size:1rem;letter-spacing:1px}.revolver-stage-wrapper{position:relative;width:100%;height:320px;margin-top:20px;display:flex;flex-direction:column;align-items:center;overflow:visible}.top-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid var(--royal-blue);z-index:150}.revolver-wheel{position:absolute;top:90px;left:50%;width:var(--wheel-size);height:var(--wheel-size);margin-left:calc(var(--wheel-size) / -2);border-radius:50%;border:1px dashed rgba(212,175,55,.3);transition:transform .8s cubic-bezier(.175,.885,.32,1.1)}.contact-card{position:absolute;width:var(--card-width);height:var(--card-height);left:50%;top:50%;margin-left:calc(var(--card-width) / -2);margin-top:calc(var(--card-height) / -2);background:#fff;clip-path:polygon(10% 0,90% 0,100% 5%,100% 95%,90% 100%,10% 100%,0 95%,0 5%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3;filter:blur(2px) grayscale(80%);transform-origin:center center;transition:opacity .5s,filter .5s,transform .5s;pointer-events:none}.contact-card.active{opacity:1!important;filter:none!important;z-index:100;pointer-events:auto;filter:drop-shadow(0 15px 30px rgba(212,175,55,.3))!important}.slot-0{transform:rotate(0) translateY(calc(var(--radius) * -1)) scale(.85)}.slot-0.active{transform:rotate(0) translateY(calc(var(--radius) * -1)) scale(1.05)}.slot-1{transform:rotate(72deg) translateY(calc(var(--radius) * -1)) scale(.85)}.slot-1.active{transform:rotate(72deg) translateY(calc(var(--radius) * -1)) scale(1.05)}.slot-2{transform:rotate(144deg) translateY(calc(var(--radius) * -1)) scale(.85)}.slot-2.active{transform:rotate(144deg) translateY(calc(var(--radius) * -1)) scale(1.05)}.slot-3{transform:rotate(216deg) translateY(calc(var(--radius) * -1)) scale(.85)}.slot-3.active{transform:rotate(216deg) translateY(calc(var(--radius) * -1)) scale(1.05)}.slot-4{transform:rotate(288deg) translateY(calc(var(--radius) * -1)) scale(.85)}.slot-4.active{transform:rotate(288deg) translateY(calc(var(--radius) * -1)) scale(1.05)}.card-inner{width:100%;height:100%;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:2px solid var(--royal-gold);background:linear-gradient(135deg,#fff,#fcfbf8)}.card-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:5px;font-size:16px;flex-shrink:0}.instagram-bg{background:linear-gradient(45deg,#f09433,#bc1888)}.line-bg{background:#00b900}.wechat-bg{background:#07c160}.facebook-bg{background:#1877f2}.red-bg{background:#fe2c55}.card-title{font-family:var(--font-heading);color:var(--royal-blue);font-size:.9rem;margin:2px 0}.qr-box{width:100px;height:100px;padding:3px;border:1px solid #eee;background:#fff}.qr-box img{width:100%;height:100%;object-fit:contain}.card-action{text-align:center;width:100%;margin-top:5px}.id-text{display:block;font-size:.75rem;color:#666;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.action-btn{width:90%;padding:8px 0;background:var(--royal-blue);color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;font-family:var(--font-heading);font-weight:700;transition:.3s}.action-btn:hover{background:var(--royal-gold)}.round-spin-btn{position:relative;display:block;margin:15px auto 30px;width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(145deg,var(--royal-gold),var(--royal-gold-dark));box-shadow:0 6px 15px #0003,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0003;transition:all .2s ease;z-index:200}.round-spin-btn:active{transform:translateY(3px) scale(.95);box-shadow:0 2px 5px #0003,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0003}.spin-btn-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.spin-btn-inner span{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:#3e2b08;text-shadow:0 1px 1px rgba(255,255,255,.3);letter-spacing:1px}.guide-wrapper{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:15px;border:1px solid #eee;box-shadow:0 5px 20px #0000000d}.guide-title{font-family:var(--font-heading);color:var(--royal-blue);text-align:center;margin-bottom:10px;font-size:1.2rem}.guide-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.guide-tab{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#999;display:flex;align-items:center;justify-content:center;transition:.3s}.guide-tab.active{background:var(--royal-blue);color:#fff;border-color:var(--royal-blue);transform:scale(1.1)}.guide-content-box{min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;color:#555}@keyframes naturalWiggle{0%,85%{transform:scale(1) rotate(0)}87%{transform:scale(1.05) rotate(-6deg)}89%{transform:scale(1.05) rotate(6deg)}91%{transform:scale(1.05) rotate(-3deg)}93%{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes groove{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-3px)}to{transform:scale(1) translateY(0)}}.peaky-audio-container{position:absolute;transform:translateY(-50%) scale(1);inset:50% -215px auto auto;z-index:201;width:70px;display:flex;flex-direction:column;align-items:center}.peaky-audio-btn{background:none;border:none;padding:0;position:relative;cursor:pointer;animation:naturalWiggle 6s infinite ease-in-out;transform-origin:center bottom;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.peaky-audio-btn:hover{animation:none;transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.peaky-audio-btn:active{transform:scale(.95) rotate(-5deg)}.peaky-audio-btn.playing{animation:groove .8s infinite ease-in-out!important}.peaky-audio-btn.playing:hover{animation-play-state:running}.peaky-cap-img{width:65px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.3));display:block}.audio-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--royal-blue);color:var(--royal-gold);padding:3px 6px;font-size:9px;border-radius:4px;white-space:nowrap;font-family:var(--font-heading);font-weight:700;box-shadow:0 2px 5px #0003;opacity:1;pointer-events:none;transition:all .3s ease}footer{text-align:center;margin-top:30px;font-size:.7rem;color:#aaa;padding-bottom:20px}.modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.modal-content{background:#fff;width:80%;max-width:300px;border-radius:10px;padding:20px;text-align:center;position:relative}.close-btn{position:absolute;right:10px;top:5px;font-size:20px;cursor:pointer}.modal-title{color:var(--royal-blue);font-family:var(--font-heading);margin-bottom:15px}@media(max-width:480px){:root{--wheel-size: 500px;--radius: 190px;--card-width: 150px;--card-height: 220px}.app-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 0 0;overflow:hidden}.language-selector{flex-shrink:0;margin-bottom:15px}.nav-bar{flex-shrink:0;margin-bottom:30px;gap:15px}.nav-icon-circle{width:36px;height:36px;font-size:1rem}.header{flex-shrink:0;margin-bottom:5px}.main-title{font-size:1.8rem;margin-bottom:0}.subtitle{font-size:.8rem;opacity:.8}.peaky-audio-container{transform:translateY(-50%) scale(.9);right:-135px}.revolver-stage-wrapper{flex-grow:0;width:100%;height:300px;min-height:300px;display:flex;align-items:center;justify-content:center;margin:0;z-index:10}.revolver-wheel{top:50%;margin-top:-30px;position:absolute}.round-spin-btn{flex-shrink:0;margin:10px auto 15px;transform:scale(.9);z-index:300}.guide-wrapper{flex-shrink:0;width:92%;margin:0 auto 20px;padding:12px;background:#fffffff2;box-shadow:0 -5px 20px #0000000d;position:relative;z-index:20}footer{display:none}.qr-box{width:85px;height:75px;padding:2px}.card-inner{padding:10px 5px}.card-title{font-size:.85rem;margin:2px 0}}@media(max-width:480px)and (max-height:670px){.nav-bar{margin-bottom:5px}.revolver-stage-wrapper{height:235px;min-height:230px}.round-spin-btn{margin-top:30px;transform:scale(.7)}}