@charset "UTF-8";@font-face{font-family:SmileySans;src:url(/fonts/SmileySans-Oblique.ttf.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:SmileySans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{background-color:#f5f5f5;color:#333;font-size:3.733vw;line-height:1.5;overflow-x:hidden}#root{width:100%;min-height:100vh}.container{max-width:100%;margin:0 auto;padding:0 4vw}.hairline{position:relative}.hairline:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;border:1px solid #e5e5e5;transform:scale(.5);transform-origin:0 0;pointer-events:none}.btn{display:inline-block;padding:2.667vw 5.333vw;background-color:#007aff;color:#fff;border:none;border-radius:2.133vw;font-size:4.267vw;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s}.btn:active{background-color:#0056b3}.btn:disabled{opacity:.6;cursor:not-allowed}.bracelet-container{position:relative;min-height:100vh;padding:5.333vw;background:radial-gradient(circle at 50% 50%,rgba(255,165,120,.35) 0%,rgba(255,185,140,.28) 15%,rgba(255,205,160,.2) 30%,rgba(255,215,170,.15) 45%,rgba(255,225,180,.1) 60%,rgba(255,235,190,.06) 75%,rgba(255,245,200,.03) 85%,rgba(255,250,210,.01) 95%,transparent 100%),linear-gradient(315deg,#e6f3ff,#cce7ff,#b3dbff,#99cfff,#80c3ff),radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 35%);color:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.digital-number-inline{position:relative;display:inline-block;margin:0 1.6vw;vertical-align:middle;width:clamp(8vw,12vw,21.333vw);height:clamp(4.8vw,6vw,10.667vw)}.digital-bead-inline{position:absolute;border-radius:50%;pointer-events:none}.digital-bead-inline:before{content:"";position:absolute;top:15%;left:20%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%);filter:blur(.3px);pointer-events:none}.bracelet{position:absolute;top:50%;left:50%;width:clamp(74.667vw,70vw,106.667vw);height:clamp(74.667vw,70vw,106.667vw);border-radius:50%;transition:transform .1s ease-out;touch-action:none}.bracelet:active{transform:translate(-50%,-50%) scale(.98)}.bead{position:absolute;width:clamp(4.8vw,5.5vw,8.533vw);height:clamp(4.8vw,5.5vw,8.533vw);border-radius:50%;top:50%;left:50%;margin-left:clamp(-2.4vw,-2.75vw,-4.267vw);margin-top:clamp(-2.4vw,-2.75vw,-4.267vw);transition:transform .2s ease,box-shadow .2s ease}.curved-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(93.333vw,80vw,133.333vw);height:clamp(93.333vw,80vw,133.333vw);pointer-events:none;z-index:5;opacity:.8;transition:opacity .3s ease}.curved-text-svg{width:100%;height:100%;transform:rotate(90deg);filter:drop-shadow(0 1px .533vw rgba(0,0,0,.3))}.curved-text-content{font-size:2.4vw;fill:#fffffff2;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:textGlow 3s ease-in-out infinite alternate}@media (max-width: 480px){.curved-text-content{font-size:8px}}@media (min-width: 481px) and (max-width: 768px){.curved-text-content{font-size:9px}}@media (min-width: 769px) and (max-width: 1024px){.curved-text-content{font-size:10px}}@media (min-width: 1025px){.curved-text-content{font-size:11px}}@keyframes textGlow{0%{fill:#fffc}to{fill:#fff}}@keyframes waveFlow{0%{transform:translate(-10px)}50%{transform:translate(10px)}to{transform:translate(-10px)}}.bracelet-container:has(.bracelet:active) .curved-text{opacity:.3}.bracelet-info{margin-top:8vw;text-align:center}.bracelet-info p{font-size:clamp(3.2vw,2.5vw,3.733vw);margin:1.333vw 0;opacity:.7;font-family:Courier New,monospace}@media (max-width: 480px){.bracelet-container{padding:15px}.bracelet-title{margin-bottom:20px}.bracelet-info{margin-top:20px}}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.bead:nth-child(odd){animation:shimmer 3s ease-in-out infinite;animation-delay:0s}.bead:nth-child(2n){animation:shimmer 3s ease-in-out infinite;animation-delay:1.5s}.close-btn:hover:before,.close-btn:hover:after{background-color:#333}.digital-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.digital-bead{position:absolute;border-radius:50%;pointer-events:none}.digital-bead:before{content:"";position:absolute;top:15%;left:20%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%);filter:blur(.5px);pointer-events:none}@keyframes digitalPulse{0%,to{opacity:.9;transform:scale(1);box-shadow:0 0 4px #c0c0c080,inset 2px 2px 4px #fffc,inset -1px -1px 2px #8080804d,0 1px 3px #0003}50%{opacity:1;transform:scale(1.05);box-shadow:0 0 6px #c0c0c0b3,inset 3px 3px 6px #ffffffe6,inset -2px -2px 3px #80808066,0 2px 4px #00000040}}@media (max-width: 480px){.blessing-modal{width:85vw;padding:25px 20px;border-radius:16px}.blessing-header h3{font-size:18px}.blessing-content p{font-size:16px;line-height:1.5}.close-btn{width:28px;height:28px;font-size:16px;line-height:1;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-tap-highlight-color:transparent}.close-btn:before,.close-btn:after{width:1.5px;height:14px;margin-top:-7px;margin-left:-.75px}.digital-bead{transform:scale(.9)}}.answer-title{width:100vw;position:absolute;top:15%;left:50%;transform:translate(-50%);text-align:center;z-index:10}.answer-title .title-text{font-size:clamp(6.4vw,5vw,8.533vw);margin-bottom:3.2vw;color:#fff;position:relative;display:inline-block;line-height:1.3;font-family:SmileySans,PingFang SC,Microsoft YaHei,sans-serif;font-weight:500}.answer-title .title-text .subtitle{font-size:clamp(4.267vw,3.5vw,5.867vw);margin-top:2.133vw;color:#ffffffd9}.answer-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1.067vw);backdrop-filter:blur(1.067vw)}.answer-modal{background:url(/assets/answer-card-bg-final-C57mYGz0.png) no-repeat center center;background-size:contain;background-repeat:no-repeat;border-radius:0;padding:0;max-width:90vw;width:133.333vw;max-height:80vh;box-shadow:0 5.333vw 10.667vw #00000026,0 2.133vw 4.267vw #0000001a;position:relative;overflow:hidden;border:none;aspect-ratio:3/4;min-height:160vw}.answer-modal>*{position:relative;z-index:2}.answer-header{padding:0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;background:transparent;position:absolute;top:18%;left:12%;right:12%;z-index:3}.answer-header h3{margin:0;font-size:clamp(4.267vw,3.5vw,5.333vw);color:#000;font-weight:400;text-shadow:none;font-family:SmileySans,PingFang SC,Microsoft YaHei,serif}.answer-header .close-btn{background:#0000001a;border:1px solid #666666;font-size:clamp(3.733vw,2.5vw,4.8vw);color:#666;cursor:pointer;padding:0;width:clamp(6.4vw,5vw,7.467vw);height:clamp(6.4vw,5vw,7.467vw);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-weight:700}.answer-header .close-btn:hover{background:#0003;color:#000;transform:scale(1.1)}.answer-content{padding:0;min-height:53.333vw;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:50%}.answer-content .answer-text{font-size:clamp(5.333vw,3.5vw,6.4vw);line-height:1.6;color:#000;text-align:left;font-weight:500;text-shadow:none;max-width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-family:PingFang SC,Microsoft YaHei,serif;background:none;padding:0;padding-bottom:8vw;border-radius:0;border:none;box-shadow:none}.answer-footer{padding:0;border-top:none;background:transparent;position:absolute;bottom:18%;left:50%;transform:translate(-50%);z-index:3}.answer-footer .bead-message{display:flex;align-items:center;justify-content:center;gap:clamp(1.6vw,1.5vw,2.133vw)}.answer-footer .bead-message .mini-bead{width:clamp(5.333vw,4vw,6.4vw);height:clamp(5.333vw,4vw,6.4vw);border-radius:50%;position:relative;flex-shrink:0;border:.533vw solid #87CEEB;background:linear-gradient(135deg,#87ceeb,#b0e0e6);box-shadow:0 .533vw 1.067vw #87ceeb4d}.answer-footer .bead-message small{color:#000;font-size:clamp(3.2vw,2.5vw,3.733vw);font-style:italic;font-weight:400;text-shadow:none;font-family:PingFang SC,Microsoft YaHei,serif}@media (max-width: 768px){.answer-modal{width:90vw;max-height:85vh;min-height:500px}.answer-header{top:12%;left:14%;right:14%}.answer-content{width:60%;height:55%}.answer-footer{bottom:12%}}@media (max-width: 480px){.answer-modal{width:95vw;max-height:90vh;min-height:450px}.answer-header{top:12%;left:14%;right:14%}.answer-content{width:60%;height:60%}.answer-footer{bottom:12%}}.bracelet-container{position:relative;min-height:100vh;padding:5.333vw;background:radial-gradient(circle at 50% 50%,rgba(255,165,120,.25) 0%,rgba(255,185,140,.2) 20%,rgba(255,205,160,.15) 40%,rgba(255,215,170,.1) 60%,rgba(255,225,180,.05) 80%,transparent 100%),linear-gradient(315deg,#e6f3ff,#cce7ff,#80c3ff);color:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bracelet-title{width:100vw;position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center;z-index:10}.bracelet-title .title-text{font-size:clamp(5.333vw,4vw,7.467vw);margin-bottom:2.133vw;color:#fff;text-shadow:0 .533vw 1.067vw rgba(0,0,0,.3);position:relative;display:inline-block;line-height:1.2;font-family:SmileySans,PingFang SC,Microsoft YaHei,sans-serif;font-weight:500}.bracelet-title .title-text .number-with-wave{position:relative;display:inline-block}.bracelet-title .title-text .number-with-wave .wave-decoration{position:absolute;bottom:-3.733vw;left:50%;transform:translate(-50%);width:100%;height:8vw;overflow:hidden;pointer-events:none}.bracelet-title .title-text .number-with-wave .wave-decoration .wave-svg{width:100%;height:100%;filter:drop-shadow(0 1px .533vw rgba(0,0,0,.2))}.bracelet-title p{font-size:clamp(4.8vw,3vw,6.933vw);opacity:.8;margin:0}@media (width: 1024px){.bracelet-title{top:10%}}.bracelet{position:absolute;top:50%;left:50%;width:clamp(74.667vw,70vw,106.667vw);height:clamp(74.667vw,70vw,106.667vw);border-radius:50%;transition:transform .1s ease-out;touch-action:none;transform:translate3d(-50%,-50%,0);will-change:transform}.bracelet.bracelet-static{animation:none}.bracelet.bracelet-animated{animation:braceletRotate var(--animation-duration, 20s) linear infinite}.bracelet:active{transform:translate3d(-50%,-50%,0) scale(.98)}@keyframes braceletRotate{0%{transform:translate3d(-50%,-50%,0) rotate(0)}to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}.bead{position:absolute;width:clamp(4.8vw,5.5vw,8.533vw);height:clamp(4.8vw,5.5vw,8.533vw);border-radius:50%;top:50%;left:50%;margin-left:clamp(-2.4vw,-2.75vw,-4.267vw);margin-top:clamp(-2.4vw,-2.75vw,-4.267vw);transform:translateZ(0);will-change:transform;transition:transform .2s ease,box-shadow .2s ease}.bead:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.bead:after{content:"";position:absolute;border-radius:50%;pointer-events:none}@keyframes shimmer{0%,to{opacity:.9}50%{opacity:1}}.bead:nth-child(odd){animation:shimmer 4s ease-in-out infinite;animation-delay:0s}.bead:nth-child(2n){animation:shimmer 4s ease-in-out infinite;animation-delay:2s}.blessing-overlay{position:fixed;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.blessing-modal{background:#fffffff2;border-radius:4.267vw;padding:8.533vw;max-width:90vw;width:101.333vw;box-shadow:0 2.667vw 8vw #0000001a,0 1.067vw 3.2vw #0000000d;border:1px solid rgba(255,255,255,.8);position:relative;animation:slideUp .4s cubic-bezier(.25,.46,.45,.94)}.blessing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5.333vw}.blessing-header h3{margin:0;font-size:5.333vw;color:#2c3e50;font-weight:400;text-shadow:0 1px .533vw rgba(255,255,255,.8);font-family:SmileySans,PingFang SC,Microsoft YaHei,sans-serif}.close-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:8.533vw;height:8.533vw;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:4.8vw;color:#666;transition:all .2s ease;-webkit-backdrop-filter:blur(2.667vw);backdrop-filter:blur(2.667vw);line-height:1;text-align:center;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.close-btn:hover{background:#fff;color:#333;transform:scale(1.1) translateZ(0);box-shadow:0 1.067vw 3.2vw #00000026}.close-btn:active{transform:scale(.95) translateZ(0)}.blessing-content{text-align:center;margin:6.667vw 0}.blessing-content p{font-size:4.8vw;line-height:1.6;color:#2c3e50;margin:0;font-weight:500;text-shadow:0 1px .533vw rgba(255,255,255,.8);letter-spacing:.5px}.blessing-footer{text-align:center;margin-top:5.333vw}.blessing-footer .bead-message{display:flex;align-items:center;justify-content:center;gap:2.133vw}.blessing-footer .bead-message .mini-bead{position:relative;width:4.267vw;height:4.267vw;border-radius:50%;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease;animation:miniBeadFloat 2s ease-in-out infinite}.blessing-footer small{color:#7f8c8d;font-size:3.2vw;opacity:.8;margin:0}@keyframes miniBeadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.bracelet-container{padding:15px}.bracelet-title{margin-bottom:20px}.blessing-modal{width:85vw;padding:25px 20px;border-radius:16px}.blessing-header h3{font-size:18px}.blessing-content p{font-size:16px;line-height:1.5}.close-btn{width:28px;height:28px;font-size:16px;line-height:1;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion: reduce){.bracelet-animated,.bead,.mini-bead{animation:none}}.low-performance-mode .bracelet-animated{animation:none}.low-performance-mode .bead{animation:none;box-shadow:0 1px .8vw #0000001a}.low-performance-mode .bead:before,.low-performance-mode .bead:after{display:none}.low-performance-mode .bracelet-container{background:linear-gradient(315deg,#e6f3ff,#80c3ff)}