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