html,body{scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}body{font-family:Arial,PingFang SC,sans-serif;overflow-x:hidden}._app_{background:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative}.hidden{display:none!important}.mark{z-index:100000;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0}#toast-container{z-index:100002;flex-direction:column;align-items:center;display:flex;position:fixed;top:1rem}.toast{color:#fff;opacity:0;border-radius:4px;justify-content:center;min-width:200px;margin-bottom:1rem;padding:.5rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(-30px)}.toast.show{opacity:1;transform:translateY(0)}.toast.info{background-color:#0009;box-shadow:0 2px 8px #0003}.toast.error{background-color:#e50000cc;box-shadow:0 2px 8px #f003}.toast.success{background-color:#00a800cc;box-shadow:0 2px 8px #0f03}.btn-group{gap:15px;display:flex}.open-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #4a90e24d}.open-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.modal-overlay{backdrop-filter:blur(8px);z-index:9999;opacity:0;background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;transition:all .3s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.iframe-container{background:#fff;border-radius:24px;width:90%;max-width:420px;height:520px;margin-top:15vh;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;transform:translateY(-20px);box-shadow:0 20px 40px #00000026}.modal-overlay.active .iframe-container{transform:translateY(0)}iframe{border:none;width:100%;height:100%}.close-x{cursor:pointer;z-index:100;background:#f1f2f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-x:before,.close-x:after{content:"";background:#999;width:14px;height:2px;position:absolute}.close-x:before{transform:rotate(45deg)}.close-x:after{transform:rotate(-45deg)}.close-x:hover{background:#ff4757;transform:rotate(90deg)}.close-x:hover:before,.close-x:hover:after{background:#fff}#toast-container{z-index:10000;position:fixed;top:30px;left:50%;transform:translate(-50%)}.toast-item{color:#fff;text-align:center;backdrop-filter:blur(5px);background:#2d3436f2;border-radius:50px;min-width:220px;margin-bottom:10px;padding:12px 24px;font-size:14px;font-weight:500;animation:.4s forwards toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.common-width{min-width:320px;max-width:720px;margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.zodiac .row{justify-content:center;display:flex}.red-ball{background-color:red}.blue-ball{background-color:#00f}.green-ball{background-color:green}._card{justify-content:space-evenly;align-items:center;margin:.25rem 0;display:flex}._card>div{color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.gold{color:#f9b820}.wood{color:green}.water{color:#00f}.fire{color:#f73927}.earth{color:brown}.phases{border-right:1px solid #c5c5c5;justify-content:center;align-items:center;width:4rem;padding:4px 0;display:flex}.five-phases-row{border:1px solid #c5c5c5;border-bottom:none;align-items:stretch;display:flex}.five-phases-ball{flex-wrap:wrap;flex:1;padding:4px 0;display:flex}.five-phases-ball>div{color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin:2px;display:inline-flex}._attr-row{border:1px solid #c5c5c5;border-bottom:none;display:flex}._attr-row>div{margin:4px}.bb2px{border-bottom:1px solid #c5c5c5}.shark-txt{-webkit-text-fill-color:transparent;background:currentColor linear-gradient(45deg,#fff0 40%,#ffffffb3,#fff0 60%) -100%/50% no-repeat;-webkit-background-clip:text;animation:2s infinite shark-txt}@keyframes shark-txt{to{background-position:200%}}.shark-txt-1{-webkit-text-fill-color:transparent;background:currentColor linear-gradient(90deg,#fff0 38%,#ffdc96d9,#fff0 62%) -120%/45% no-repeat;background-clip:text;animation:2.6s ease-in-out infinite shark-txt-warm}@keyframes shark-txt-warm{to{background-position:220%}}.shark-txt-2{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(105deg,#2563eb 0%,#7c3aed 28%,#db2777 55%,#ea580c 82%,#2563eb 100%);background-position:0%;background-repeat:no-repeat;background-size:220% 100%;background-clip:text;animation:6s linear infinite txt-gradient-flow}@keyframes txt-gradient-flow{to{background-position:200%}}.shark-wrap{flex-shrink:0;position:relative;overflow:hidden}.shark-wrap:after{content:"";background:linear-gradient(45deg,#fff0 40%,#ffffffb3,#fff0 60%);animation:2s infinite shark-wrap;position:absolute;inset:-20%;transform:translate(-100%)}@keyframes shark-wrap{to{transform:translate(100%)}}.center{text-align:center;justify-content:center;align-items:center;display:flex}.zhong{background-color:#ff0}.red{color:#f73927!important}.tabular-number{overflow-wrap:break-word;font-variant-numeric:tabular-nums}