body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.banner-popup{animation:banner-slideDown 1.2s ease forwards;background:#fff;border-radius:0 0 .8rem .8rem;box-shadow:0 .2rem 1.2rem #0000001f,0 .1rem .4rem #00000014;color:#333;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:.8rem;left:50%;letter-spacing:.015rem;padding:1rem 1.6rem;position:fixed;top:-5rem;transform:translateX(-50%);width:calc(50vw - 3.2rem);z-index:20}.banner-popup.type-trade{width:calc(40% - 3.2rem)}.banner-popup.closing{animation:banner-slideUp 1.5s ease forwards}.banner-image{border-radius:.4rem;box-shadow:0 .1rem .4rem #0000000d;height:auto;margin:.4rem 0;object-fit:cover;width:100%}.banner-popup span{color:#2c3e50;text-align:center}.banner-buttons{display:flex;gap:.6rem;justify-content:space-between;width:100%}.banner-btn{background:#0000;border-radius:.3rem;cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem 1rem;transition:all .3s ease}.banner-btn.confirm{border:.05rem solid #2c3e50;color:#2c3e50}.banner-btn.confirm:hover{background:#2c3e5014;transform:translateY(-.05rem)}.banner-btn.details{border:.05rem solid #4caf50;color:#4caf50}.banner-btn.details:hover{background:#4caf5014;transform:translateY(-.05rem)}@keyframes banner-slideDown{0%{opacity:0;top:-5rem;transform:scale(.98),translateX(-50%)}to{opacity:1;top:0;transform:scale(1),translateX(-50%)}}@keyframes banner-slideUp{0%{opacity:1;top:0;transform:scale(1),translateX(-50%)}to{opacity:0;top:-5rem;transform:scale(.98),translateX(-50%)}}@media (max-width:800px){.banner-popup{width:calc(90% - 3.2rem)}}*{font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}body{-webkit-text-size-adjust:none}.App{height:100vh;position:relative;width:100%}.error-message{background-color:#ffebee;border:.05rem solid red;border-radius:.2rem;color:red}.error-message,.success-message{font-size:.7rem;margin:.5rem;padding:.5rem;text-align:center}.success-message{background-color:#4caf504d;border:.05rem solid #4caf50;border-radius:.2rem;color:#4caf50}.warning-message{background-color:#fff8e1;border:.05rem solid #ffc107;border-radius:.2rem;color:#ffa000;font-size:.7rem;margin:.5rem;padding:.5rem;text-align:center}.highlight-box{border-radius:.4rem;box-shadow:0 0 0 9999px #00000080;position:absolute;z-index:1000}.highlight-text{color:red;font-size:.8rem;font-weight:700;position:absolute;transform:rotate(-15deg);white-space:nowrap;z-index:1001}.highlight-pulse-container{align-items:center;display:flex;justify-content:center;position:absolute}.highlight-pulse-effect{animation:highlight-pulse-animation 1s infinite;border-radius:.4rem;height:100%;position:absolute;width:100%}@keyframes highlight-pulse-animation{0%{box-shadow:0 0 0 0 #3498dbb3;transform:scale(1)}50%{box-shadow:0 0 0 .75rem #3498db00;transform:scale(1.1)}to{box-shadow:0 0 0 0 #3498db00;transform:scale(1)}}.highlight-pulse-effect.blue{box-shadow:0 0 0 0 #3498db}.highlight-pulse-effect.red{box-shadow:0 0 0 0 #e74c3c}.highlight-pulse-effect.green{box-shadow:0 0 0 0 #2ecc71}.overlayClick{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.app{min-height:100vh;position:relative}button{background:#0000;border:.05rem solid #4caf50;box-shadow:0 .2rem .75rem #4caf5033;color:#4caf50;cursor:pointer;transition:all .3s ease}button:hover{background-color:#e8f5e980;box-shadow:0 .3rem 1rem #4caf504d;transform:translateY(-.1rem)}button.style2{background:#4caf50;border:none;color:#fff}button.style2:hover{background:#45a049}button:disabled{background-color:#d3d3d3;cursor:not-allowed;opacity:.6}input{border:.05rem solid #ccc;box-shadow:0 .1rem .2rem #0000001a;transition:border-color .3s ease}input:focus{border-color:#4caf50;box-shadow:0 .3rem .5rem #4caf504d;outline:none}input:disabled{background-color:#f0f0f0;border:.05rem solid #d0d0d0;color:#a0a0a0;cursor:not-allowed;opacity:.6}select{background-color:#fff;border:.05rem solid #ccc;border-radius:.25rem;box-shadow:0 .1rem .2rem #0000001a;font-size:.8rem;transition:border-color .3s ease}select:focus{border-color:#4caf50;box-shadow:0 .3rem .5rem #4caf504d;outline:none}.tooltip-icon{align-items:center;background-color:#f0f0f0;border-radius:50%;color:#888;cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .3s ease}.tooltip-icon:hover{background-color:#dcdcdc}.tooltip-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.tooltip-modal{background-color:#fff;border-radius:.4rem;box-shadow:0 .2rem .4rem #0000001a;left:50%;padding:1.25rem 2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:40%;z-index:1000}.tooltip-close-button{border-radius:.4rem;font-size:.8rem;margin-top:.5rem;padding:.4rem .6rem}.tooltip-content{font-size:.8rem;line-height:1.5;margin-bottom:.8rem;margin-top:.8rem;text-align:left;white-space:pre-wrap}@keyframes fadeInOut{0%{opacity:0;transform:translateY(.5rem)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}.setting-page-style{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.setting-content-style{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;margin-bottom:2.5rem;padding:1rem;position:relative;top:2.5rem;width:100vw}.a,a{border:none;color:#42a5f5;padding:0;text-decoration:underline}.a,.a:hover,a,a:hover{background-color:initial;box-shadow:none}.a:hover,a:hover{color:#1976d2;transform:none}.a:visited,a:visited{color:#1976d2}.pagination{align-items:center;display:flex;gap:1.2rem;justify-content:center;margin-top:2rem;padding:1rem 0}.pagination-button{border:.05rem solid #fff3;border-radius:.3rem;cursor:pointer;padding:.4rem .8rem;transition:all .3s ease}.pagination-button:hover:not(:disabled){transform:translateY(-.05rem)}.pagination-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.refresh-button{align-items:center;background:none;border:none;border-radius:50%;box-shadow:none;color:#4caf50;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.refresh-button:hover{background-color:#f0f0f0;transform:rotate(90deg)}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-button.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.row{flex-direction:row}.col,.row{align-items:center;display:flex}.col{flex-direction:column}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}.page-content{position:relative;top:2.5rem;width:100%}@keyframes spotlight{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}h1.describe-text{display:none;font-size:0;height:0;margin:0;padding:0;width:0}@media (max-width:3000px){html{font-size:30px}}@media (max-width:2000px){html{font-size:24px}}@media (max-width:1500px){html{font-size:20px}}@media (max-width:1000px){html{font-size:16px}}@media (max-width:800px){html{font-size:16px}}@media (max-width:450px){html{font-size:12px}}@media (max-width:400px){html{font-size:9px}}@media (max-width:800px){.page-content,.setting-content-style{top:0}.tooltip-modal{box-sizing:border-box;width:90vw}}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;height:1.5rem;justify-content:space-between;padding:.5rem 1rem;position:fixed;width:calc(100% - 2rem);z-index:10}.navbar-list{display:flex;list-style:none;margin:0;padding:0}.navbar-item{cursor:pointer;font-size:.85rem;margin:0 .75rem;transition:background-color .3s ease}.navbar-item:hover{background-color:#555}.navbar-item.selected{color:#4caf50;font-weight:700}.navbar-right{align-items:center;display:flex;gap:.5rem}.points-display{font-size:.8rem;font-weight:700;margin-left:1rem}.logout-btn{background-color:#ff4d4f;border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.7rem;margin-left:1rem;padding:.25rem .75rem;transition:background-color .3s}.logout-btn:hover{background-color:#ff7875}.withdraw-btn{border-radius:.2rem;font-size:.7rem;margin-right:.5rem;padding:.25rem .5rem}.withdraw-btn:hover{background-color:#323232cc}.settings-btn{background:none;border:none;box-shadow:none;color:#fff!important;cursor:pointer;display:inline-block;height:1.5rem;text-decoration:none;transition:color .3s;width:1.5rem}.settings-btn:hover{background:none;box-shadow:none;color:#4caf50!important;transform:translateY(-.1rem)}.nav-audio-btn{background:none;border:none;box-shadow:none;color:#fff;cursor:pointer;height:1.5rem;margin-left:.5rem;padding:0;position:relative;transition:color .3s;width:1.5rem}.nav-audio-btn:hover{background:none;box-shadow:none;color:#4caf50}.audio-tooltip{animation:bounce 1s infinite;background:#ff000026;border-radius:.2rem;color:#f44;font-size:.7rem;margin-top:1.25rem;padding:.4rem .6rem;position:absolute;right:-.5rem;top:100%;white-space:nowrap;z-index:11}.audio-tooltip:before{border-bottom:.4rem solid #ff000026;border-left:.4rem solid #0000;border-right:.4rem solid #0000;content:"";position:absolute;right:1rem;top:-.4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.loading-icon{animation:spin 1s linear infinite}.navbar-toggle-btn{align-items:center;color:#4caf50;cursor:pointer;display:flex;font-size:1.6rem;height:1.5rem;justify-content:center;padding-left:.5rem;padding-right:.5rem}.navbar-toggle-btn,.navbar-toggle-btn:hover{background:none;border:none;box-shadow:none}.navbar.navbar-hidden{background:#0000;padding-right:1rem;width:auto}.navbar.navbar-hidden .navbar-list,.navbar.navbar-hidden .navbar-right{display:none}.navbar-item a{color:inherit;font-weight:400;text-decoration:none}.navbar-right-buttons{height:1.5rem}@media (max-width:800px){.navbar{align-items:flex-start;flex-direction:column;height:100vh;justify-content:flex-start;padding:1rem 1rem 0;width:10rem}.navbar-hidden{height:auto}.navbar-toggle-btn{font-size:2rem;margin-bottom:1rem;padding-bottom:.4rem;padding-left:0}.navbar-list{border-bottom:1px solid #555;border-top:1px solid #555;flex-direction:column;gap:.6rem;padding-bottom:.6rem;padding-top:.6rem;width:100%}.navbar-item{box-sizing:border-box;font-size:1rem;margin-left:0;margin-right:0;padding-bottom:.2rem;padding-left:.5rem;padding-top:.2rem;transition:background .2s;width:100%}.navbar-item:hover{background:#ffffff1a}.navbar-right{gap:1rem;margin-top:1rem}.navbar-right,.points-display{align-items:flex-start;flex-direction:column;width:100%}.points-display{display:flex;font-size:.9rem;gap:.5rem;margin-left:0}.withdraw-btn{border-radius:.2rem;font-size:.8rem;margin-right:0;padding:.3rem .5rem}.navbar-right-buttons{display:flex;flex-direction:row;gap:.5rem}.logout-btn{border-radius:.2rem;font-size:.9rem;margin-left:0;padding:.3rem .5rem}.nav-audio-btn,.settings-btn{height:1.6rem;padding:0;width:1.6rem}.nav-audio-btn{margin-left:0}.audio-tooltip{font-size:.8rem;margin-top:1.1rem;right:-7.2rem}.audio-tooltip:before{border-bottom:1rem solid #ff000026;border-left:1rem solid #0000;border-right:1rem solid #0000;right:7rem;top:-1rem}}.searchable-select-container{align-items:center;display:flex;gap:.5rem;width:calc(100% - 1.5rem)}.searchable-select-label{color:#2c3e50;font-size:.8rem;font-weight:500;min-width:4rem;padding:.25rem 0}.searchable-select-wrapper{flex:1 1;position:relative;z-index:5}.searchable-select-input{position:relative;width:100%}.searchable-select-search{background-color:#fff;border:.05rem solid #e0e6ed;border-radius:.3rem;box-shadow:0 .1rem .2rem #00000005;color:#2c3e50;font-size:.8rem;padding:.6rem 0 .6rem .75rem;transition:all .3s ease;width:100%}.searchable-select-search:focus{border-color:#4caf50;box-shadow:0 .1rem .4rem #4caf5033;outline:none}.searchable-select-arrow{color:#2c3e50;font-size:.6rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:transform .3s ease}.searchable-select-arrow.open{transform:translateY(-50%) rotate(180deg)}.searchable-select-dropdown{background:#fff;border:.05rem solid #e0e6ed;border-radius:.3rem;box-shadow:0 .2rem .75rem #0000001a;font-size:.8rem;left:0;margin-top:.2rem;max-height:15rem;overflow-y:auto;position:absolute;right:0;top:100%;width:calc(100% + .75rem);z-index:5}.searchable-select-option{color:#2c3e50;cursor:pointer;padding:.6rem 1rem;transition:all .2s ease}.searchable-select-option:hover{background-color:#f8f9fa}.searchable-select-option.selected{background-color:#e8f5e9;color:#4caf50}.searchable-select-no-results{color:#7f8c8d;padding:.6rem 1rem;text-align:center}.searchable-select-dropdown::-webkit-scrollbar{width:.4rem}.searchable-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.2rem}.searchable-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.2rem}.searchable-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rank-event-select-container{align-items:center;background:#fff;border:.05rem solid #eef2f7;border-radius:.4rem;box-shadow:0 .1rem .5rem #0000000d;display:flex;gap:.75rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;position:relative;top:.5rem;transition:all .3s ease;width:70%}.rank-event-select-container:hover{box-shadow:0 .2rem .75rem #00000014}.rank-event-select-loading{align-items:center;display:flex;gap:.6rem;height:100%;justify-content:center;width:100%}.rank-event-select-spinner{animation:spin 1s linear infinite;border:.1rem solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:1rem;width:1rem}.rank-event-select-error{background-color:#fff5f5;border:.05rem solid #ffe3e3;border-radius:.4rem;box-shadow:0 .1rem .5rem #e74c3c0d;color:#e74c3c;margin:1rem 0;padding:.75rem 1.25rem;text-align:center}@media (max-width:800px){.rank-event-select-container{width:80%}}.rank-container{background-color:#fff;border-radius:.4rem;box-shadow:0 .1rem .5rem #0000001a;margin:1rem auto;padding:1rem;position:relative;width:70%}.rank-header{align-items:flex-end;border-bottom:.05rem solid #eee;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.rank-title{color:#2c3e50;font-size:1.1rem;margin:0}.rank-time{color:#7f8c8d;font-size:.8rem}.rank-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.rank-loading-spinner{animation:spin 1s linear infinite;border:.2rem solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:2rem;margin-bottom:.5rem;width:2rem}.rank-table-container{margin-bottom:1rem;overflow-x:auto}.rank-table{border-collapse:collapse;text-align:left;width:100%}.rank-table th{background-color:#f8f9fa;border-bottom:.1rem solid #eee;color:#2c3e50;font-weight:600;padding:.6rem .75rem}.rank-table td{border-bottom:.05rem solid #eee;color:#34495e;padding:.6rem .75rem}.rank-table tr:hover{background-color:#f8f9fa}.rank-number{font-weight:600;width:3rem}.top-1{color:#f1c40f}.top-1,.top-2{font-size:.9rem}.top-2{color:#bdc3c7}.top-3{color:#d35400;font-size:.9rem}.rank-user{align-items:center;display:flex;gap:.5rem}.rank-avatar{border-radius:50%;height:1.6rem;object-fit:cover;width:1.6rem}.rank-name{font-size:.85rem;font-weight:500}.current-user{background-color:#e8f4f8}.rank-notes,.rank-points,.rank-points-count{font-family:monospace;font-size:.8rem}.rank-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1rem;padding:0}.rank-page-button{background-color:#fff;border:.05rem solid #ddd;border-radius:.2rem;color:#2c3e50;cursor:pointer;font-size:.75rem;padding:.4rem .75rem;transition:all .3s ease}.rank-page-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#3498db;color:#3498db}.rank-page-button:disabled{color:#2c3e50;cursor:not-allowed}.rank-page-input{align-items:center;display:flex;gap:.25rem}.rank-page-input input{border:.05rem solid #ddd;border-radius:.2rem;font-size:.75rem;padding:.4rem;text-align:center;width:3rem}.pagination-controls button:hover,.pagination-controls select:hover{background-color:#e0e0e0}.rank-page-submit{border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.75rem;margin-left:.25rem;padding:.45rem .75rem}.rank-page-submit,.rank-page-submit:hover{background-color:#4caf50}.rank-page-info{color:#7f8c8d;font-size:.7rem}.rank-error-message{background-color:#fee;color:#e74c3c}.rank-error-message,.rank-success-message{border-radius:.2rem;font-size:.8rem;margin-top:.75rem;padding:.5rem .75rem;text-align:center}.rank-success-message{background-color:#d4edda;color:#155724}.rank-page-size-select{margin-right:.5rem}.rank-tooltip-container{bottom:1rem;right:1rem;z-index:10}.rank-tooltip-icon-container{align-items:center;display:flex;justify-content:flex-end;margin-top:.5rem;padding-right:1rem}.rank-tooltip-icon{flex-shrink:0;font-size:.8rem;height:1.5rem;margin:0;position:static;width:1.5rem}.rank-thinking-logo-section{align-items:center;display:flex;justify-content:center;margin-top:1rem;width:100%}.rank-table-title{color:#2c3e50;display:inline-block;font-size:.9rem;font-weight:600;margin:.75rem 0;padding:.5rem 0;position:relative}.rank-table-title:after{background:#4caf50;border-radius:.1rem;bottom:0;content:"";height:.15rem;left:0;position:absolute;transition:width .3s ease;width:2rem}.rank-table-title:hover:after{width:100%}.rank-title-note{color:grey;font-size:.8rem}table.rank-table thead tr{font-size:.9rem}.rank-page-size span{font-size:.8rem}@media (max-width:800px){.rank-table{width:40rem}.rank-pagination{flex-wrap:wrap}.rank-pagination .rank-page-submit,.rank-pagination button{white-space:nowrap}.rank-container{width:80%}}.independent-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.independent-content{animation:slideUp .5s ease forwards;background:#fff;border-radius:.8rem;box-shadow:0 .5rem 1.5rem #0000001a;max-width:25rem;padding:2rem;text-align:center;width:90%}.logo-container{align-items:center;display:flex;height:6rem;justify-content:center;margin:0 auto 1.2rem;width:6rem}.logo-image{height:100%;object-fit:contain;width:100%}.independent-title{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:.8rem}.independent-message{color:#666;font-size:.8rem;line-height:1.6;margin-bottom:1.6rem}.independent-actions{display:flex;justify-content:center}.independent-button{border-radius:.4rem;font-size:.8rem;padding:.6rem 1.6rem}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:450px){.independent-button,.independent-message{font-size:1rem}}.profile-container{align-items:center;background:#ffffffe6;border-radius:.4rem;box-shadow:0 .5rem 1.5rem #0000000d;display:flex;height:7.5rem;justify-content:center;overflow:hidden;padding:1rem;width:15rem}.profile-avatar{aspect-ratio:1;flex-shrink:0;margin-right:1rem;width:4rem}.profile-avatar-img-container{align-items:center;border-radius:50%;box-shadow:0 .2rem .4rem #0003;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-avatar-error{height:80%;margin:auto;width:80%}.profile-avatar-loading{color:#666;font-size:.6rem;text-align:center;white-space:nowrap}.profile-info{flex-grow:1}.profile-name{font-size:1.1rem;font-weight:700;margin:0;max-width:calc(25vw - 5rem)}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#06c;display:block;font-size:1rem;margin:.5rem 0;text-decoration:underline;transition:color .1s ease}.profile-email:hover{color:#039}.profile-items,.profile-items-value,.profile-points{align-items:center;color:#555;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.9rem;gap:.4rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tooltip-icon{font-size:.8rem;height:1.5rem;width:1.5rem}.profile-login-register-container{height:100%;width:100%}#google-login-button,.profile-login-register-container{align-items:center;display:flex;justify-content:center}#google-login-button>div{margin:.5rem}.profile-refresh-container{align-items:center;display:flex;gap:.4rem}.profile-refresh-message{animation:fadeInOut 3s ease;color:green;font-size:.7rem;margin-left:.4rem}.profile-guidance-text{font-size:.8rem;margin:.5rem}.profile-refresh-icon{color:green}.profile-refresh-icon.spinning{animation:spin 1s linear infinite}.profile-refresh-button{align-items:center;background:none;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .3s ease}.profile-refresh-button:hover{background:#e9ecef;transform:rotate(30deg)}.profile-refresh-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.profile-points:before{color:green;content:"Points: ";margin-right:-.3rem}.profile-items:before{color:green;content:"Notes: ";margin-right:-.3rem}.profile-login-button{border-radius:.4rem;font-size:.8rem;font-weight:500;padding:.6rem 1.2rem}.profile-login-modal{background-color:#fff;border:.05rem solid #4caf50;border-radius:1.25rem;box-shadow:0 .2rem .75rem #4caf5066;left:50%;padding:1.5rem 1rem 1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1000}.profile-login-modal-content{align-items:center;display:flex;flex-direction:column;position:relative}.profile-login-modal-title{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:1rem;box-shadow:0 .2rem .4rem #0003;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:-2.5rem;transform:translateX(-50%)}.profile-login-modal-title:before{background-image:url(/static/media/logo-nochar.239a48b43b8a1bf8fd1b.png);background-size:1.25rem 1.25rem;content:"";display:inline-block;height:1.25rem;width:1.25rem}.profile-close-button{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:.75rem;bottom:-1rem;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;padding:.3rem .5rem;position:absolute;right:1rem}.profile-email-login-section{align-items:center;display:flex;flex-direction:column;gap:0;margin-bottom:.5rem;width:75%}.profile-login-input-section{margin:1rem 1rem .5rem;width:100%}.profile-email-input{border-radius:.25rem;font-size:.8rem;margin:.5rem 0;padding:.5rem;width:90%}.profile-login-get-verification-section{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:calc(90% + 1rem)}.profile-verification-input{flex-grow:1}.profile-get-verification-button{border-radius:.25rem;font-size:.8rem;padding:.5rem .25rem;white-space:nowrap}.profile-confirm-button{border-radius:.25rem;font-size:.8rem;padding:.5rem 1rem}.profile-login-modal-hr{border:0;border-top:.05rem solid #ccc;margin:.5rem 0;width:100%}.profile-password-input,.profile-verification-input{border:.05rem solid #ccc;border-radius:.25rem;box-shadow:0 .1rem .2rem #0000001a;font-size:.8rem;margin:.5rem 0;padding:.5rem;transition:border-color .3s ease;width:90%}.profile-login-warning{color:red;font-size:.7rem;margin-top:.5rem}.profile-login-message{color:grey;font-size:.7rem;margin-top:.5rem}.profile-back-button{align-items:center;background:none;border:none;box-shadow:None;color:#888;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;left:.5rem;margin-bottom:.5rem;position:absolute;top:0}.profile-back-arrow{font-size:.9rem}.profile-back-button:hover{background:None;box-shadow:none;color:#555}.profile-login-method-select{margin:.5rem 0;padding:.5rem;width:calc(90% + 1rem)}.profile-get-more-points-button{border-radius:.4rem;font-size:.8rem;font-weight:500;padding:.2rem .3rem}.profile-get-more-points-button:hover{transform:translateY(0)}.get-more-points-modal-btns{align-items:center;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1rem;margin-top:1rem}.get-more-points-modal-content{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;margin-top:.75rem;padding-left:1rem;padding-right:1rem}.get-more-points-modal-content-title{font-size:1.1rem;font-weight:500}.get-more-points-modal-content-text{font-size:.85rem;font-weight:450;line-height:1.5}.get-more-points-modal-content-invite-link{align-items:center;background:#e6f9e6;border-radius:.4rem;box-shadow:0 .05rem .2rem #4caf5014;color:#111;display:flex;font-size:.85rem;justify-content:space-between;letter-spacing:.05rem;margin-bottom:.25rem;margin-top:.25rem;padding:.5rem .9rem;width:calc(100% - 1.8rem)}.get-more-points-modal-content-copy-btn{align-items:center;border:none;border-radius:.3rem;box-shadow:none;cursor:pointer;display:inline-flex;font-size:.8rem;margin-left:.2rem;padding:.2rem .4rem;transition:background .2s;vertical-align:middle}.get-more-points-modal-content-copy-btn:hover{border:none;box-shadow:none}.get-more-points-modal-content-copied-tip{color:#4caf50;font-size:.7rem;font-weight:500;margin-left:auto;vertical-align:middle}.get-more-points-modal-content-copy-group{align-items:center;display:flex;margin-left:auto}.setting-profile-container{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.4rem;box-shadow:0 .5rem 1.5rem #0000000d;display:flex;flex-direction:row!important;gap:0!important;justify-content:center;padding:2rem!important;width:40%}@media (max-width:800px){.profile-name{max-width:calc(95vw - 7rem)}.profile-login-modal{width:85vw}.setting-profile-container{box-sizing:border-box;width:90vw}.selected-buy:hover{background-color:green!important}.selected-sell:hover{background-color:red!important}}.setting-edit-name-header{align-items:center;display:flex;justify-content:space-between}.setting-edit-name-header h2{color:#333;font-size:1rem;margin:0}.setting-edit-name-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-edit-name-button:hover{box-shadow:0 .2rem .4rem #4caf504d;transform:translateY(-1px)}.setting-edit-name-form{display:flex;flex-direction:column;gap:.75rem}.setting-edit-name-input{border:.05rem solid #ddd;border-radius:.2rem;box-sizing:border-box;font-size:.8rem;padding:.5rem;transition:border-color .3s ease;width:100%}.setting-edit-name-input:focus{border-color:#4caf50;outline:none}.setting-edit-name-bottom{align-items:center;display:flex;justify-content:space-between}.setting-edit-name-messages{flex:1 1;min-height:1.2rem}.setting-edit-name-buttons{display:flex;gap:.5rem;margin-left:.75rem}.setting-edit-name-cancel-button,.setting-edit-name-save-button{border:none;border-radius:.2rem;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-edit-name-cancel-button{background-color:#f0f0f0;color:#666}.setting-edit-name-save-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.setting-edit-name-cancel-button:hover{background-color:#e0e0e0}.setting-edit-name-save-button:hover{box-shadow:0 .2rem .4rem #4caf504d;transform:translateY(-1px)}.setting-edit-name-cancel-button:disabled,.setting-edit-name-save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.setting-edit-name-display{background-color:#f8f9fa;border-radius:.2rem;color:#333;font-size:.8rem;padding:.5rem}.setting-edit-name-error{color:#dc3545;font-size:.7rem}.setting-edit-name-success{animation:slideInUp .3s ease-out;color:#28a745;font-size:.7rem}.setting-edit-name-success.fade-out{animation:slideOutUp .5s ease-in}.setting-edit-avatar-header{align-items:center;display:flex;justify-content:space-between}.setting-edit-avatar-header h2{color:#333;font-size:1rem;margin:0}.setting-edit-avatar-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-edit-avatar-button:hover{box-shadow:0 .2rem .4rem #4caf504d;transform:translateY(-1px)}.setting-edit-avatar-form,.setting-edit-avatar-preview{display:flex;flex-direction:column;gap:.75rem}.setting-edit-avatar-preview{align-items:center}.setting-edit-avatar-display-container,.setting-edit-avatar-preview-container{align-items:center;border-radius:50%;box-shadow:0 .2rem .4rem #0000001a;display:flex;height:7.5rem;justify-content:center;margin:0 auto;overflow:hidden;width:7.5rem}.setting-edit-avatar-display-img,.setting-edit-avatar-preview-img{height:100%;object-fit:cover;width:100%}.setting-edit-avatar-display-img.setting-edit-avatar-error,.setting-edit-avatar-preview-img.setting-edit-avatar-error{height:80%;width:80%}.setting-edit-avatar-upload-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-edit-avatar-upload-button:hover{box-shadow:0 .2rem .4rem #4caf504d;transform:translateY(-1px)}.setting-edit-avatar-upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.setting-edit-avatar-bottom{align-items:center;display:flex;justify-content:space-between}.setting-edit-avatar-messages{flex:1 1;min-height:1.2rem}.setting-edit-avatar-buttons{display:flex;gap:.5rem;margin-left:.75rem}.setting-edit-avatar-cancel-button,.setting-edit-avatar-save-button{border:none;border-radius:.2rem;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-edit-avatar-cancel-button{background-color:#f0f0f0;color:#666}.setting-edit-avatar-save-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.setting-edit-avatar-cancel-button:hover{background-color:#e0e0e0}.setting-edit-avatar-save-button:hover{box-shadow:0 .2rem .4rem #4caf504d;transform:translateY(-1px)}.setting-edit-avatar-cancel-button:disabled,.setting-edit-avatar-save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.setting-edit-avatar-display{align-items:center;display:flex;justify-content:center;padding:1rem}.setting-edit-avatar-error{color:#dc3545;font-size:.7rem}.setting-edit-avatar-success{animation:slideInUp .3s ease-out;color:#28a745;font-size:.7rem}.setting-edit-avatar-success.fade-out{animation:slideOutUp .5s ease-in}.setting-edit-password-header{align-items:center;display:flex;margin-bottom:.5rem}.setting-edit-password-header h2{color:#333;font-size:1rem;margin:0}.setting-edit-password-form{display:flex;flex-direction:column;gap:.75rem}.setting-edit-password-input,.setting-edit-password-verification-input{border:.05rem solid #ddd;border-radius:.2rem;box-sizing:border-box;flex:1 1;font-size:.8rem;padding:.5rem;transition:border-color .3s ease;width:100%}.setting-edit-password-input:focus,.setting-edit-password-verification-input:focus{border-color:#4caf50;outline:none}.setting-edit-password-verification{display:flex;gap:.5rem}.setting-edit-password-send-code-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:.2rem;color:#fff;cursor:pointer;flex-shrink:0;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.setting-edit-password-send-code-button:disabled{cursor:not-allowed;opacity:.6}.setting-edit-password-bottom{align-items:center;display:flex;justify-content:space-between}.setting-edit-password-messages{flex:1 1;min-height:1.2rem}.setting-edit-password-save-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-edit-password-save-button:disabled{cursor:not-allowed;opacity:.6}.setting-edit-password-success{animation:slideInUp .3s ease-out;color:#28a745;font-size:1.1rem}.setting-edit-password-success.fade-out{animation:slideOutUp .5s ease-in}.setting-edit-password-button-container{align-items:center;display:flex;justify-content:center;width:100%}.setting-edit-password-button{border-radius:.2rem;font-size:.7rem;margin:-.5rem auto .5rem;padding:.4rem .9rem}.setting-edit-password-back-button{align-items:center;background:none;border:none;box-shadow:none;color:grey;display:flex;font-size:1rem;padding:0 .4rem}.setting-edit-password-back-button:hover{background-color:initial;box-shadow:none;transform:none}.setting-edit-password-back-arrow{font-size:1.2rem;margin-right:.2rem}.setting-clear-data-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.4rem;box-shadow:0 .1rem .2rem #0000000d;display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem;width:40%}.setting-clear-data-header{align-items:center;display:flex;justify-content:space-between}.setting-clear-data-header h2{color:#333;font-size:1rem;margin:0}.setting-clear-data-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-clear-data-button:hover{box-shadow:0 .1rem .2rem #dc35454d;transform:translateY(-.05rem)}.setting-clear-data-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.setting-clear-data-confirm{background-color:#fff3f3;border:.05rem solid #ffcdd2;border-radius:.2rem;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.setting-clear-data-confirm p{color:#dc3545;font-size:.7rem;margin:0}.setting-clear-data-buttons{display:flex;gap:.5rem;justify-content:flex-end}.setting-clear-data-cancel-button,.setting-clear-data-confirm-button{border:none;border-radius:.2rem;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-clear-data-cancel-button{background-color:#f0f0f0;color:#666}.setting-clear-data-confirm-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.setting-clear-data-cancel-button:hover{background-color:#e0e0e0}.setting-clear-data-confirm-button:hover{box-shadow:0 .1rem .2rem #dc35454d;transform:translateY(-.05rem)}.setting-clear-data-cancel-button:disabled,.setting-clear-data-confirm-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.setting-nav{background:#fffffff2;border:.05rem solid #0000001a;border-radius:.4rem;box-shadow:0 .1rem .4rem #0000001a;display:flex;flex-direction:column;gap:.5rem;left:1rem;padding:.75rem;position:fixed;top:50%;transform:translateY(-50%);z-index:1}.setting-nav button{background:none;border:none;border-radius:.2rem;box-shadow:None;color:#000c;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;text-align:left;transition:all .3s ease}.setting-nav button:hover{background:#0000000d;color:#000}@media (max-width:800px){.setting-nav{-webkit-overflow-scrolling:touch;border-radius:0 0 .4rem .4rem;flex-direction:row;gap:.2rem;left:0;overflow-x:auto;padding:.4rem .2rem;position:fixed;right:0;scrollbar-width:none;top:0;transform:none;white-space:nowrap;width:100vw}.setting-nav::-webkit-scrollbar{display:none}.setting-nav button{display:inline-block;font-size:.8rem;padding:.2rem .5rem;text-align:center;white-space:nowrap}.setting-nav button:first-child{margin-left:3rem}}.setting-deco-container{background:#fffffff2;border-radius:.4rem;box-shadow:0 .1rem .2rem #0000001a}.setting-deco-container h2{color:#333;font-size:1rem;margin-bottom:1rem}.deco-style-selector{margin-bottom:.5rem}.style-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.style-button{background:#fff;border:.05rem solid #ddd;border-radius:.2rem;color:#333;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.style-button:hover{background:#f5f5f5}.style-button.active{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff}.deco-preview{margin-top:0}.preview-frame{background:#fff;border:.05rem solid #ddd;border-radius:.2rem;height:20rem;overflow:hidden;width:100%}.setting-bgm-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.4rem;box-shadow:0 .1rem .2rem #0000001a}.setting-bgm-container h2{color:#333;font-size:1rem;margin:0 0 1rem}.audio-list{display:flex;flex-direction:column;gap:0}.audio-item{align-items:center;background-color:#fff;border-radius:.3rem;box-shadow:0 .1rem .2rem #0000001a;display:flex;padding:.75rem;transition:transform .2s ease}.audio-item:hover{transform:translateY(-.1rem)}.audio-controls{display:flex;gap:.5rem;margin-right:.75rem}.preview-btn,.select-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:.8rem;height:1.8rem;justify-content:center;padding:0;transition:all .2s ease;width:1.8rem}.preview-btn{background-color:#f0f0f0;border:.05rem solid #ddd}.preview-btn:hover{background-color:#e0e0e0;border-color:#ccc;color:#333}.select-btn{background-color:#f0f0f0;border:.05rem solid #ddd}.select-btn:hover{background-color:#e0e0e0;border-color:#ccc;color:#333}.select-btn.selected{background-color:#4caf50;border-color:#45a049;color:#fff}.select-btn.selected:hover{background-color:#45a049;border-color:#3d8b40}.audio-info{flex:1 1}.audio-name{color:#333;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.audio-waveform{background-color:#f8f8f8;border-radius:.2rem;height:2rem;overflow:hidden;position:relative}.audio-waveform canvas{display:block;height:100%;width:100%}.waveform-placeholder{animation:waveform-animation 1s linear infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 0,#f0f0f0 50%,#e0e0e0 0,#e0e0e0 75%,#f0f0f0 0);background-size:1rem 1rem;height:100%}@keyframes waveform-animation{0%{background-position:0 0}to{background-position:1rem 0}}.setting-bgm-local-audio-section{border-top:.05rem solid #e0e0e0;margin-top:1.5rem;padding-top:1rem}.setting-bgm-local-audio-section h3{color:#333;font-size:.9rem;margin:0 0 .75rem}.setting-bgm-local-audio-controls{display:flex;flex-direction:column;gap:.75rem}.setting-bgm-local-audio-input{display:none}.setting-bgm-local-audio-label{background-color:#4caf50;border-radius:.2rem;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;margin:0 auto;padding:.5rem 1rem;transition:background-color .2s ease}.setting-bgm-local-audio-label:hover{background-color:#388e3c}.setting-bgm-local-audio-info{align-items:center;background-color:#e8f5e9;border-radius:.2rem;display:flex;justify-content:center;padding:.5rem}.local-audio-url{color:#666;font-size:.7rem;text-align:center;word-break:break-all}.audio-timeline{margin-top:.4rem}.time-display{color:#666;display:flex;font-size:.6rem;justify-content:space-between;margin-bottom:.2rem}.current-time{color:#4caf50}.progress-bar{background-color:#e0e0e0;border-radius:.1rem;cursor:pointer;height:.2rem;overflow:hidden}.progress{background-color:#4caf50;height:100%;transition:width .1s linear}.setting-bgm-disabled-content{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.setting-bgm-disabled-content p{font-size:.8rem;margin:0 0 1rem}.setting-bgm-mute-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:2.4rem;justify-content:center;padding:0;transition:all .2s ease;width:2.4rem}.setting-bgm-mute-btn:hover{background-color:#e0e0e0;color:#333}.setting-notification-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.4rem;box-shadow:0 .1rem .2rem #0000001a}.setting-notification-container h2{color:#333;font-size:1rem;margin:0}.setting-notification-settings{display:flex;flex-direction:column}.setting-notification-item{align-items:center;background-color:#fff;border-radius:.4rem;box-shadow:0 .05rem .15rem #0000001a;display:flex;justify-content:space-between;margin-top:.75rem;padding:.75rem}.setting-notification-info{flex:1 1}.setting-notification-info h3{color:#333;font-size:.8rem;margin:0 0 .25rem}.setting-notification-info p{color:#666;font-size:.7rem;margin:0}.setting-notification-sub-options{border-left:.1rem solid #f0f0f0;margin-top:0;padding-left:1.2rem}.setting-notification-sub-item{align-items:center;background-color:#f8f9fa;border-radius:.3rem;display:flex;justify-content:space-between;margin-top:.25rem;padding:.5rem .75rem;transition:all .2s ease}.setting-notification-sub-item:hover{background-color:#f0f2f5}.setting-notification-sub-item span{color:#555;font-size:.8rem}.setting-notification-switch{display:inline-block;height:1.2rem;position:relative;width:2.5rem}.setting-notification-switch input{height:0;opacity:0;width:0}.setting-notification-slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.setting-notification-slider:before{background-color:#fff;bottom:.2rem;content:"";height:.8rem;left:.2rem;position:absolute;transition:.4s;width:.8rem}input:checked+.setting-notification-slider{background:linear-gradient(135deg,#4caf50,#45a049)}input:disabled+.setting-notification-slider{cursor:not-allowed;opacity:.6}input:checked+.setting-notification-slider:before{transform:translateX(1.3rem)}.setting-notification-round{border-radius:1.2rem}.setting-notification-round:before{border-radius:50%}.setting-notification-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.setting-notification-modal{animation:setting-notification-slideIn .3s ease-out;background:#fff;border-radius:.4rem;box-shadow:0 .2rem .3rem #0000001a;max-width:20rem;padding:1rem;width:90%}.setting-notification-modal-content{display:flex;flex-direction:column;gap:1rem}.setting-notification-modal-content p{color:#333;font-size:.8rem;line-height:1.5;margin:0}.setting-notification-modal-buttons{display:flex;gap:.5rem;justify-content:flex-end}.setting-notification-modal-cancel,.setting-notification-modal-confirm{border:none;border-radius:.2rem;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease}.setting-notification-modal-cancel{background-color:#f0f0f0;color:#666}.setting-notification-modal-confirm{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.setting-notification-modal-cancel:hover{background-color:#e0e0e0}.setting-notification-modal-confirm:hover{box-shadow:0 .2rem .4rem #4caf504d;transform:translateY(-.05rem)}.setting-notification-modal-cancel:disabled,.setting-notification-modal-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes setting-notification-slideIn{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.setting-redirect-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.4rem;box-shadow:0 .1rem .2rem #0000001a;padding:1.2rem 1.2rem .6rem}.setting-redirect-container h2{color:#333;font-size:1rem;margin:0}.setting-redirect-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:.5rem;padding-top:1rem}.setting-redirect-content span{color:#333;font-size:.8rem}.setting-redirect-select-btn{background-color:#f0f0f0;border:.05rem solid #ddd;border-radius:.2rem;box-shadow:0 .1rem .2rem #0000001a;color:#666;cursor:pointer;font-size:.75rem;height:1.8rem;transition:all .2s ease;width:4rem}.setting-redirect-select-btn:hover{background-color:#e0e0e0;border-color:#ccc;box-shadow:0 .1rem .2rem #0000001a;color:#333}.setting-redirect-select-btn.selected{background-color:#4caf50;border-color:#45a049;box-shadow:0 .2rem .75rem #4caf5033;color:#fff}.setting-redirect-select-btn.selected:hover{background-color:#45a049;border-color:#3d8b40;box-shadow:0 .2rem .75rem #4caf5033}.setting-redirect-note{color:#888;font-size:.65rem;margin-top:.4rem}.setting-content>div{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.4rem;box-shadow:0 .5rem 1.5rem #0000000d;display:flex;flex-direction:column;padding:1rem 2rem;width:40%}.setting-bgm-container,.setting-deco-container{gap:0!important}.setting-notification-container{padding:1rem 2rem;width:40%}@media (max-width:800px){.setting-content{top:2.5rem}.setting-content>div{box-sizing:border-box;width:100%}}.event-container{width:100%}.event-list-container{border-radius:.8rem;display:flex;flex-direction:column;margin:0 auto;padding:1.2rem;position:relative;width:80%;z-index:1}.event-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.event-list-header h2{font-size:1.1rem;font-weight:600;margin:0}.event-list{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.event-card{border-radius:.6rem;padding:1rem;transition:all .3s ease}.event-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:.05rem;left:0;position:absolute;right:0;top:0}.event-card:hover{transform:translateY(-.2rem)}.event-card-header{align-items:flex-start;display:flex;justify-content:space-between}.event-title-section{flex:1 1}.event-name{display:inline-block;font-size:.9rem;font-weight:600;margin:0 0 .4rem;max-width:90%;overflow:hidden;text-overflow:ellipsis}.event-list-event-id{color:#888;font-size:.7rem;font-weight:400;margin-left:.2rem}.event-type{border-radius:.2rem;font-size:.7rem;padding:.2rem .4rem}.status-badge{border-radius:.3rem;font-size:.65rem;font-weight:500;letter-spacing:.015rem;padding:.3rem .6rem}.status-badge.active{background:#4caf504d}.status-badge.ended{background:#f443364d}.status-badge.prepare{background:#ffa5004d}.event-info-grid{grid-gap:.8rem;display:grid;gap:.8rem;margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-label{font-size:.6rem}.info-value{font-size:.7rem;line-height:1.4}.show-description-btn{border:none;border-radius:.3rem;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;transition:all .3s ease;width:100%}.event-description{border-top:.05rem solid #ffffff1a;font-size:.7rem;line-height:1.6;margin-top:.8rem;padding-top:.8rem;white-space:pre-line}.scholarship-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.scholarship-item{align-items:center;border-radius:.2rem;display:flex;font-size:.65rem;gap:.2rem;padding:.1rem .2rem}.scholarship-amount{font-weight:500}.create-event-btn{border-radius:.2rem;box-shadow:0 .1rem .2rem #0000001a;cursor:pointer;font-size:.9rem;font-weight:400;padding:.4rem .8rem;transition:background-color .3s,transform .2s}.create-event-btn:hover{box-shadow:0 .2rem .4rem #00000026;transform:translateY(-.1rem)}.create-event-btn:active{box-shadow:0 .1rem .2rem #0000001a;transform:translateY(0)}.event-search-container{border-radius:.7rem;box-shadow:0 .2rem .4rem #0000004d;display:flex;flex-direction:column;gap:.4rem;margin:3rem auto 1rem;padding:1.2rem;width:80%}.event-search-main-row{align-items:center;display:flex;gap:.6rem}.event-search-input{border:.05rem solid #00000014;border-radius:.3rem;flex:1 1;font-size:.75rem;outline:none;padding:.5rem .7rem;transition:border .2s}.event-search-input:focus{border:.075rem solid #00bfae}.event-search-btn{background:#00bfae;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.45rem 1rem;transition:background .2s}.event-search-btn:hover{background:#009e94}.event-search-toggle-advanced-btn{align-items:center;background:none;border:none;border-radius:50%;color:#00bfae;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:.4rem;transition:background .2s}.event-search-toggle-advanced-btn:hover{background:#1976d214}.event-advanced-search-panel{animation:fadeIn .3s;border-top:.05rem solid #0000004d;display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem;padding:.8rem 0 0}.event-search-advanced-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.event-search-advanced-label{align-items:center;color:#222;display:flex;font-size:.75rem;font-weight:500;gap:.3rem}.event-search-date-input{border:.05rem solid #00000021;border-radius:.25rem;font-size:.7rem;padding:.3rem .5rem}.event-search-date-sep{color:#888;font-size:.7rem}.event-search-scholarship-input{width:6rem}.event-search-scholarship-input,.event-search-status-select{border:.05rem solid #00000021;border-radius:.25rem;font-size:.7rem;padding:.3rem .5rem}.event-search-note{background:#fff9;border-radius:.25rem;color:#666;font-size:.65rem;margin-top:.2rem;padding:.3rem .5rem}.event-list-highlight{background:#0000;color:#e53935;font-weight:700}.event-list-actions{align-items:center;display:flex;gap:.6rem}.event-list-btn-action{border:none;border-radius:.3rem;box-shadow:none;font-size:.7rem;font-weight:500;padding:.5rem .8rem}.event-list-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.event-list-loading-logo{aspect-ratio:1/1;margin-bottom:.6rem;max-height:30vh;max-width:30vw;object-fit:contain}.private-event-list{border-radius:.6rem;width:100%}.private-event-list-row{border-bottom:.075rem solid #eee;border-top-left-radius:.6rem;border-top-right-radius:.6rem;display:flex;font-size:.8rem;font-weight:600;overflow:hidden;padding:.5rem 0}.private-event-name-column{flex:4 1;padding-right:.2rem}.private-event-name-column.event-row{font-weight:500}.private-event-time-column{flex:4 1}.private-event-time-column.event-row{color:#666}.private-event-enter-column,.private-event-status-column{flex:2 1}.private-event-id-column{flex:2 1;padding-left:.4rem}.private-event-list-event-row{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;font-size:.75rem;overflow:hidden;padding:.6rem 0;transition:background .2s}.private-event-list-event-row:last-child{border-bottom:none}.private-event-list-thinking-logo-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.private-event-list-thinking-logo-section p{font-size:.8rem;font-weight:500;margin-bottom:0}.event-list-btns{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.event-list-favorite-btn{border:none;cursor:pointer;padding:0;vertical-align:middle}.event-list-favorite-btn,.event-list-favorite-btn:hover{background:none;box-shadow:none}.event-list-favorite-star{display:inline-block;vertical-align:middle}@media (max-width:800px){.event-search-container{margin-top:2rem!important;width:90%}.event-list-container{width:90%}.event-list-header{align-items:flex-start;flex-direction:column;gap:.5rem}.event-list-btn-action{padding:.4rem .6rem}.private-event-time-column.event-row{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem}}.guide-container{left:0;z-index:1000}.guide-aside,.guide-container{height:100%;position:absolute;top:0;width:100%}.guide-aside{right:0}.guide-hole{animation:spotlight 2s ease-in-out infinite;border:.1rem solid #ffffff4d;border-radius:50%;box-shadow:0 0 0 200vh #000c;height:10rem;pointer-events:none;width:10rem}.guide-content{border-radius:.6rem;color:#fff;left:50%;max-width:30rem;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1002}.guide-step{animation:fadeIn .5s ease;opacity:1}.guide-step h3{animation:slideIn .5s ease forwards;color:#fff;font-size:1.2rem;margin-bottom:.8rem;opacity:0;position:relative}.guide-step h3:after{animation:lineExtend 1s ease forwards;background:linear-gradient(90deg,#fff,#0000);bottom:-.5rem;content:"";height:.15rem;left:0;position:absolute;width:3rem}.guide-step p{animation:fadeUp .5s ease .2s forwards;color:#ffffffe6;font-size:.8rem;line-height:1.6;margin-bottom:1.2rem;opacity:0}.eventlist-help-icon{cursor:pointer;transform-origin:right center;transition:transform .3s ease;width:5rem}.eventlist-help-icon:hover{transform:scale(1.5)}@media (max-width:800px){.help-icon-container{top:20%!important}}.event-list-page{min-height:100vh}.chart-container,.event-list-page{display:flex;flex-direction:column}.chart-container{background-color:#ffffffe6;border-radius:.4rem;box-shadow:0 .1rem .2rem #0000001a}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;padding:0 .5rem}.refresh-section{gap:.4rem}.button-group{display:flex;gap:.4rem}.button-group button{background:#fff;border:.05rem solid #ddd;border-radius:.2rem;cursor:pointer;font-size:.65rem;padding:.3rem .5rem;transition:all .2s}.button-group button:hover{background-color:#f5f5f5}.button-group button.selected{background-color:#4caf50;border-color:#4caf50;color:#fff}.chart-tooltip-icon{bottom:1rem;font-size:.8rem;height:1.5rem;position:absolute;right:1rem;width:1.5rem;z-index:1}.chart-time-picker-section{align-items:center;display:flex;gap:.5rem;margin-left:.5rem}.chart-time-picker-input{background:#f8fcfc;border:.05rem solid #ddd;border-radius:.3rem;box-shadow:0 .2rem .75rem #4caf5033;color:#000;font-size:.65rem;max-width:11rem;min-width:8.5rem;outline:none;padding:.25rem .4rem;transition:border-color .2s,box-shadow .2s}.chart-time-picker-input:focus{border:.05rem solid #4bc0c0;box-shadow:0 0 0 .1rem #1976d214}.chart-time-picker-clear-btn{background:#fff;border:.05rem solid #ddd;border-radius:.2rem;cursor:pointer;font-size:.65rem;padding:.3rem .5rem;transition:all .2s}.chart-time-picker-clear-btn:hover{background-color:#4caf50;border-color:#4caf50;color:#fff}.chart-type-group{border-radius:1.2rem;bottom:1rem;box-shadow:0 .2rem .8rem #4cafb42e;display:flex;left:1rem;overflow:hidden;padding:.3rem .6rem;position:absolute;z-index:1}.chart-type-group.kline-selected{background:linear-gradient(90deg,#4caf50,#00bfae)}.chart-type-group.line-selected{background:linear-gradient(90deg,#00bfae,#4caf50)}.chart-type-group .slider{background:#fff;border-radius:.8rem;box-shadow:none;height:calc(100% - .6rem);left:0;position:absolute;top:.3rem;transition:left .3s,width .3s,background .3s;z-index:0}.chart-type-group button{background:#0000;border:none;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;font-size:.7rem;font-weight:500;padding:.3rem .9rem;transition:background .2s,color .2s;z-index:1}.chart-type-group button:last-child{margin-left:-.6rem}.chart-type-group button:hover{transform:none}.chart-type-group button.selected{color:#4caf50}.chart-bottom-bar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:.9rem;min-height:2.4rem;width:100%}.chart-chart{flex:1 1;height:80%;width:100%}.chart-chart,.trade-container{display:flex;flex-direction:column}.trade-container{align-items:center;background:#ffffffe6;box-shadow:0 .5rem 1.5rem #0000000d;overflow-x:hidden;overflow-y:auto}.trade-button-container{display:flex;justify-content:center;margin-bottom:.5rem}.trade-button{background-color:#fff;border:.05rem solid #ccc;border-radius:.25rem;color:#000;cursor:pointer;font-size:.8rem;margin:0 .5rem;padding:.5rem 1rem;transition:background-color .3s ease}.trade-button:hover{background-color:#f0f0f0}.selected-buy{background-color:green;color:#fff}.selected-sell{background-color:red;color:#fff}.trade-inputs{margin-bottom:1rem}.trade-input-item{margin:.5rem 0}.trade-input-item label{font-size:.8rem;margin-right:.5rem}.trade-price-input,.trade-quantity-input{font-size:.8rem;padding:.25rem .5rem;width:7.5rem}.trade-price-input:disabled,.trade-quantity-input:disabled{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed;opacity:.8}.trade-submit-button{border-radius:.25rem;font-size:.8rem;padding:.5rem 1rem}.trade-submit-button:disabled.event-ended{background:#0000;border:.05rem solid #ff6b6b;box-shadow:0 .05rem .25rem #ffa5a5;color:#ff6b6b;cursor:not-allowed;opacity:1}.trade-submit-button:disabled.event-ended:hover{box-shadow:0 .3rem 1rem #ffa5a5}.trade-submit-button:disabled.event-prepare{background:#0000;background-color:#fff8e1;border:.05rem solid #ffc107;box-shadow:0 .05rem .25rem #fff8e1;color:#ffa000;cursor:not-allowed;opacity:1}.trade-submit-button:disabled.event-prepare:hover{box-shadow:0 .3rem 1rem #fff8e1}.trade-order-type-container{align-items:center;display:flex;margin:.75rem 0;padding:0 1rem;position:relative;width:auto}.trade-order-type-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 8.825 1.175 4l1.063-1.062L6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.6rem;border:.05rem solid #ddd;border-radius:.25rem;box-shadow:0 .1rem .2rem #0000000d;color:#333;cursor:pointer;font-size:.8rem;padding:.5rem 2rem .5rem .75rem;transition:all .3s ease;width:10rem}.order-type-select:hover{border-color:#4caf50;box-shadow:0 .1rem .4rem #4caf5026}.order-type-select:focus{border-color:#4caf50;box-shadow:0 .1rem .4rem #4caf5033;outline:none}.order-type-select option{background-color:#fff;color:#333;font-size:.8rem;padding:.5rem}.order-type-select option:hover{background-color:#f5f5f5}.order-type-container:before{background-color:#fff;color:#666;content:"订单类型";font-size:.6rem;left:1.5rem;padding:0 .4rem;position:absolute;top:-.4rem;z-index:1}.order-type-select,.price-input,.quantity-input{box-sizing:border-box;height:1.9rem}.order-type-select:hover,.price-input:hover:not(:disabled),.quantity-input:hover:not(:disabled){border-color:#4caf50}.order-type-select:focus,.price-input:focus:not(:disabled),.quantity-input:focus:not(:disabled){border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.market-price{align-items:center;background:#f5f5f5;border:.05rem solid #ddd;border-radius:.2rem;color:#333;display:flex;font-size:.7rem;min-height:1.75rem;padding:.4rem .6rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.trade-success-message{animation:slideInUp .5s ease forwards,slideOutUp .5s ease 2.5s forwards;background-color:#d4edda;border-radius:.25rem;box-shadow:0 .1rem .2rem #0000001a;color:#155724;font-size:.8rem;margin-top:.5rem;padding:.5rem 1rem;text-align:center}.trade-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.trade-modal{background:#fff;border-radius:.4rem;box-shadow:0 .2rem .3rem #0000001a;left:50%;max-width:20rem;padding:1.2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.trade-modal-content{text-align:left}.trade-modal-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.trade-modal-body{font-size:.8rem;margin-bottom:1.2rem}.trade-modal-buttons{display:flex;gap:3.2rem;justify-content:center;margin-top:1.2rem}.trade-modal-confirm{background-color:#4caf50;border:none;border-radius:.2rem;color:#fff;font-size:.7rem;font-weight:500;padding:.4rem 1.2rem}.trade-modal-confirm:hover{background-color:#45a049}.trade-modal-cancel{background-color:red;border:none;border-radius:.2rem;color:#fff;font-size:.7rem;font-weight:500;padding:.4rem 1.2rem}.trade-modal-cancel:hover{background-color:#c00}.trade-modal-close{background:none;border:none;border-radius:.2rem;box-shadow:none;color:#666;cursor:pointer;font-size:.7rem;font-weight:500;padding:.4rem 1.2rem;position:absolute;right:.6rem;top:.6rem}.trade-modal-close:hover{background:none;box-shadow:none;color:#333}@media (max-width:800px){.trade-order-type-container{margin:.2rem 0}.trade-inputs{margin-bottom:.2rem}.trade-modal{max-width:none;width:75vw}}.market-data-container{background-color:#ffffffe6;border-radius:.4rem;box-shadow:0 .1rem .2rem #0000001a;display:flex;flex-direction:column;overflow-y:auto;position:relative}.market-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:0 .5rem}.refresh-section{align-items:center;display:flex;gap:.25rem}.market-data-controls{align-items:center;display:flex;gap:.5rem}.limit-selector{display:flex;gap:.25rem}.limit-button{background:#fff;border:.05rem solid #ddd;border-radius:.2rem;cursor:pointer;font-size:.65rem;padding:.3rem .5rem;transition:all .2s}.limit-button:hover{background-color:#f0f0f0}.limit-button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.market-data-content{display:flex;gap:1rem;justify-content:space-around}.market-data-column h3{font-size:.9rem;margin:.25rem}.market-data-column{width:45%}.market-data-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.market-data-table td,.market-data-table th{border:.05rem solid #ddd;font-size:.8rem;padding:.4rem;text-align:center}.market-data-table th{background-color:#f4f4f4;font-weight:600}.highlight-buy{background-color:#4caf50;color:#fff}.highlight-sell{background-color:#f44336;color:#fff}.refresh-success-message{animation:fadeOut 2s forwards;color:#4caf50;font-size:.7rem}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.market-data-column-title{text-align:center}.rules-container{background:#ffffffe6;border-radius:.8rem;box-shadow:0 .5rem 1.5rem #0000000d;overflow:auto!important}.show-rules-button{padding:.6rem 1.2rem}.rule-verify-button,.show-rules-button{border-radius:.4rem;font-size:.8rem;font-weight:500}.rule-verify-button{padding:.2rem .3rem}.rule-verify-button.loading{background:linear-gradient(135deg,#d3d3d3,#a9a9a9);cursor:not-allowed}.rule-info{background:#0000;border-radius:.6rem;margin-top:.6rem;padding:0 1rem;transition:all .3s ease}.rule-id-name{border-radius:.4rem;display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem;padding:.8rem}.rule-id-name-item{align-items:center;display:flex;gap:.6rem}.rule-id-name-label{color:#666;font-size:.8rem;min-width:4rem}.rule-id-name-value{color:#333;font-size:.8rem;font-weight:500}.rule-title{color:#2c3e50;font-size:.95rem;font-weight:600;margin:1.2rem 0 .8rem;padding-left:.8rem;position:relative}.rule-title:before{background:linear-gradient(180deg,#4caf50,#45a049);border-radius:.1rem;content:"";height:1rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.2rem}.rule-section{border-radius:.4rem;margin-bottom:.75rem;padding:.75rem;transition:all .3s ease}.rule-section:hover{background:#ffffff80;box-shadow:0 2px 8px #0000000d}.rule-section p{margin:.25rem}.rule-value-container{background:#ffffff80;border-radius:.4rem;box-shadow:0 .1rem .4rem #0000000a;display:flex;flex-direction:column;padding:.6rem .8rem}.rule-value-container p{color:#2c3e50;font-size:.8rem;font-weight:500;margin:0}.rule-refresh-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .3s ease}.rule-refresh-button:hover{background:#e9ecef;transform:rotate(30deg)}.rule-refresh-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.rule-refresh-icon{color:#4caf50;height:1rem;width:1rem}.rule-refresh-icon.spinning{animation:spin 1s linear infinite}.rule-list{list-style:none;margin:.6rem 0;padding:0}.rule-list li{align-items:center;color:#2c3e50;display:flex;font-size:.75rem;gap:.4rem;padding:.4rem 0}.rule-list li:before{content:"🏆";font-size:.9rem}.rule-value-container2{display:flex;flex-direction:column;width:100%}.rule-value-container3,.rule-value-container4{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.rule-value-container4{margin-top:.3rem}.rule-value-container1{align-items:center;display:flex}.rule-refresh-message{animation:fadeInOut 3s ease;color:#4caf50;font-size:.7rem;margin-left:.4rem}.rule-value-error-message{animation:fadeIn 1s ease forwards;color:red;display:block;font-size:.7rem;width:100%}@media (max-width:768px){.rules-container{padding:1rem}.rule-title{font-size:.9rem}}.rule-description-card{background:linear-gradient(135deg,#4caf5003,#4caf501f);border-left:6px solid #4caf50;border-radius:.6rem;box-shadow:0 .1rem .6rem #4caf501a;margin-bottom:.9rem;padding:1rem 1.2rem}.rule-description-header{align-items:center;display:flex;margin-bottom:10px}.rule-description-icon{color:#4caf50;height:1rem;margin-right:.5rem;width:1rem}.rule-description-title{color:#4caf50;font-size:.95rem;font-weight:700}.rule-description-body{color:#388e3c;font-size:.8rem;line-height:1.7}.rule-description-main{color:#388e3c;font-weight:500;margin-bottom:.5rem;white-space:pre-wrap}.rule-description-calc-label,.rule-description-range-label{color:#4caf50;font-weight:600}.rule-description-calc-content,.rule-description-range-content{color:#388e3c;font-weight:500;margin-left:.2rem}.rule-section p{font-size:.8rem}@media (max-width:800px){.rule-section{margin-bottom:0;padding:0}}.rule-guide-overlay{left:0;z-index:1000}.rule-guide-aside,.rule-guide-overlay{height:100%;position:fixed;top:0;width:100%}.rule-guide-aside{right:0}.rule-guide-hole{animation:spotlight 2s ease-in-out infinite;border:.1rem solid #ffffff4d;border-radius:.2rem;box-shadow:0 0 0 400vw #000c;pointer-events:none}.rule-guide-content{border-radius:.6rem;color:#fff;left:50%;max-width:30rem;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1002}.rule-step{animation:fadeIn .5s ease;opacity:1}.rule-step-title{-webkit-text-fill-color:#0000;animation:slideIn .5s ease forwards;background:linear-gradient(120deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:1.6rem;font-weight:300;margin-bottom:1rem;opacity:0;position:relative}.rule-step-title:after{animation:lineExtend 1s ease forwards;background:linear-gradient(90deg,#fff,#0000);bottom:-.5rem;content:"";height:.15rem;left:0;position:absolute;width:3rem}.rule-step-content{animation:fadeUp .5s ease .2s forwards;color:#ffffffe6;font-size:.8rem;line-height:1.6;margin-bottom:1.2rem;opacity:0;white-space:pre-line}.guide-navigation{align-items:center;display:flex;justify-content:space-between;margin-top:1.2rem}.nav-button{background:#0000;border:.1rem solid #fff;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.nav-button:hover:not(:disabled){background:#ffffff1a}.nav-button:disabled{cursor:not-allowed;opacity:.5}.nav-button.complete{background:#4caf50;border-color:#4caf50}.nav-button.complete:hover{background:#45a049}.step-indicators{display:flex;gap:.4rem}.indicator{background:#ffffff4d;border-radius:50%;cursor:pointer;height:.4rem;transition:all .3s ease;width:.4rem}.indicator.active{background:#fff;transform:scale(1.2)}.close-button{background:#0000;border:.1rem solid #4caf50;border-radius:.2rem;bottom:1rem;color:#4caf50;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;position:fixed;right:1rem;transition:all .3s ease;z-index:1003}.close-button:hover{background:#4caf501a}.trade-history-container{background-color:#ffffffe6;border:.05rem solid #ddd;border-radius:.4rem;overflow-x:auto;overflow-y:auto}.trade-history-title{align-items:center;color:#4caf50;display:flex;font-size:1.1rem;justify-content:space-between;margin:0 0 1rem}.trade-history-table{background-color:#fff;border-collapse:collapse;margin-top:.5rem;overflow:hidden;width:100%}.trade-history-table td,.trade-history-table th{border:.05rem solid #ddd;font-size:.85rem;padding:.5rem;text-align:center}.trade-history-table th{background-color:#f5f5f5;font-weight:700}.trade-history-table tr:nth-child(2n){background-color:#f2f2f2}.trade-history-table tr:hover{background-color:#e9ecef}.type-buy{color:#4caf50;font-weight:700}.type-sell{color:#f44336;font-weight:700}.trade-history-refresh-button{align-items:center;background:none;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;height:1.6rem;justify-content:center;padding:.25rem;transition:transform .3s ease;width:1.6rem}.trade-history-refresh-button:hover{box-shadow:none;transform:rotate(60deg) translateY(0)}.trade-history-refresh-button.loading{animation:spin 1s linear infinite}.trade-history-refresh-container{align-items:center;display:flex}.trade-history-refresh-success-message{animation:slideInUp .3s ease-out,slideOutUp .3s ease-out 1.7s;color:#4caf50;display:block;font-size:.6rem;margin:0;padding:0;text-align:center;white-space:nowrap}.order-container{background:#ffffffe6;border:.05rem solid #ddd;border-radius:.4rem;overflow-y:auto}.order-container h3{font-size:1.1rem;margin-bottom:.25rem;margin-top:.25rem}.order-table{border-collapse:collapse;font-size:.85rem;margin-top:.25rem;overflow:hidden;width:100%}.order-table td,.order-table th{border-bottom:.05rem solid #ddd;padding:.5rem;text-align:center;white-space:nowrap}.order-table th{background:#0000;border-bottom:none;border-left:.05rem solid #4caf50;border-right:.05rem solid #4caf50;color:#4caf50;font-weight:700}.order-table tr:nth-child(2n){background-color:#f2f2f2}.order-table tr:hover{background-color:#e9ecef}.order-cancel-button{background-color:#dc3545;border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:background-color .3s ease}.order-cancel-button:hover{background-color:#c82333}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.order-slide-out{animation:slideOutRight .5s forwards}.order-type-buy{color:green}.order-type-sell{color:red}.order-refresh-button{background:none;border:none;border-radius:50%;box-shadow:none;cursor:pointer;padding:.25rem;transition:transform .3s ease}.order-refresh-button:hover{box-shadow:none;transform:rotate(60deg) translateY(0)}.order-refresh-button.loading{animation:spin 1s linear infinite}.order-refresh-success-message{animation:slideInUp .3s ease-out,slideOutUp .3s ease-out 1.7s;color:#4caf50;display:block;font-size:.6rem;margin:0;padding:0;text-align:center}.order-table-container{overflow-x:auto;width:100%}.help-icon-container{position:fixed;right:0;top:40%;z-index:1000}.help-icon{cursor:pointer;transform-origin:right center;transition:transform .3s ease;width:5rem}.help-icon:hover{transform:scale(1.5)}.introduction-overlay{animation:fadeIn .3s ease forwards;background:#000000d9;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1001}.introduction-content{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.introduction-text{left:50%;max-width:800px;position:absolute;top:40%;transform:translate(-50%,-50%);width:80%}.introduction-title{-webkit-text-fill-color:#0000;animation:slideIn .8s ease forwards;background:linear-gradient(120deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:48px;font-weight:300;letter-spacing:2px;margin-bottom:40px;opacity:0;position:relative;text-transform:uppercase}.introduction-title:after{animation:lineExtend 1s ease .8s forwards;background:linear-gradient(90deg,#fff,#0000);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.introduction-content{animation:fadeUp .8s ease .4s forwards;font-size:20px;font-weight:300;letter-spacing:.5px;line-height:1.8;opacity:0;text-shadow:0 2px 4px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lineExtend{0%{opacity:0;width:0}to{opacity:1;width:60px}}.char{animation:charAppear .05s ease forwards;display:inline-block;opacity:0}@keyframes charAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mouse-effect{animation:pulseAndFade 1.2s ease-out forwards;border:2px solid #ffffff4d;border-radius:50%;height:40px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:40px}@keyframes pulseAndFade{0%{border-width:2px;opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{border-width:1px;opacity:.5}to{border-width:0;opacity:0;transform:translate(-50%,-50%) scale(2)}}.introduction-sections{display:flex;flex-direction:column;gap:30px;max-height:70vh;overflow-y:auto;padding-right:20px}.introduction-section{animation:fadeIn .5s ease forwards;opacity:0}.introduction-section h3{animation:slideIn .5s ease forwards;color:#fff;font-size:24px;margin-bottom:16px;opacity:0;position:relative}.introduction-section h3:after{animation:lineExtend 1s ease forwards;background:linear-gradient(90deg,#fff,#0000);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40px}.introduction-section p{animation:fadeUp .5s ease .2s forwards;color:#ffffffe6;font-size:16px;line-height:1.6;opacity:0}.introduction-sections::-webkit-scrollbar{width:6px}.introduction-sections::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.introduction-sections::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.introduction-sections::-webkit-scrollbar-thumb:hover{background:#ffffff80}.introduction-content-wrapper{padding:30px}.event-select-container{align-items:center;background:#ffffffe6;border-radius:.4rem;box-shadow:0 .1rem .5rem #0000000d;display:flex;gap:.75rem;margin:0 auto;padding:.75rem 1rem;transition:all .3s ease}.event-select-container:hover{box-shadow:0 .2rem .75rem #00000014}.event-select-loading{align-items:center;display:flex;gap:.6rem;height:100%;justify-content:center;width:100%}.event-select-spinner{animation:spin 1s linear infinite;border:.1rem solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:1rem;width:1rem}.event-select-error{background-color:#fff5f5;border:.05rem solid #ffe3e3;border-radius:.4rem;box-shadow:0 .1rem .5rem #e74c3c0d;color:#e74c3c;margin:1rem 0;padding:.75rem 1.25rem;text-align:center}.event-content-noselect{position:relative}.chart-container{height:70vh;top:.5rem}.chart-container,.market-data-container{box-sizing:border-box;left:.5rem;padding:.5rem;position:absolute;width:70vw}.market-data-container{height:40vh;top:calc(70vh + 1rem)}.trade-history-container{box-sizing:border-box;height:60vh;left:.5rem;margin-bottom:1rem;padding:.5rem;position:absolute;top:calc(110vh + 1.5rem);width:70vw}.profile-container{height:25vh;top:.5rem}.profile-container,.rules-container{box-sizing:border-box;padding:.5rem;position:absolute;right:.25rem;width:28vw}.rules-container{height:45vh;top:calc(25vh + 1rem)}.trade-container{border-radius:.4rem;height:40vh;top:calc(70vh + 1.5rem)}.order-container,.trade-container{box-sizing:border-box;padding:.5rem;position:absolute;right:.25rem;width:28vw}.order-container{height:60vh;top:calc(110vh + 2rem)}@media (max-width:800px){.profile-container{height:10rem;margin:1rem auto .5rem}.profile-container,.rules-container{border:.05rem solid #ddd;padding:1rem;position:relative;right:0;top:0;width:95vw}.rules-container{height:15rem;margin:.5rem auto}.chart-container{height:30rem}.chart-container,.market-data-container{border:.05rem solid #ddd;left:0;margin:.5rem auto;padding:1rem;position:relative;top:0;width:95vw}.market-data-container{height:15rem}.trade-container{height:14rem}.order-container,.trade-container{margin:.5rem auto;padding:1rem;position:relative;right:0;top:0;width:95vw}.order-container{height:20rem}.trade-history-container{height:20rem;left:0;margin:.5rem auto;padding:1rem;position:relative;top:0;width:95vw}}.prepare-publish-event-page{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;position:relative;width:100%}.prepare-publish-container{display:flex;flex-direction:row;position:relative;width:100%}.prepare-publish-form-container{background-color:#fff;border-radius:.4rem;box-shadow:0 .1rem .5rem #0000001a;left:calc(30% - 2rem);margin:0;padding:1rem 2rem;position:relative;width:40%}.prepare-publish-title{color:#333;font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.prepare-publish-note{color:#888;font-size:.65rem;margin-bottom:.8rem;margin-top:-.4rem}.prepare-publish-form{display:flex;flex-direction:column;gap:1rem}.prepare-publish-form-group{display:flex;flex-direction:column;gap:.4rem}.prepare-publish-form-group label{color:#555;font-size:.9rem;font-weight:600}.prepare-publish-form-group input[type=number],.prepare-publish-form-group input[type=text],.prepare-publish-form-group input[type=url],.prepare-publish-form-group textarea{border:.05rem solid #ddd;border-radius:.2rem;font-size:.8rem;padding:.5rem;transition:border-color .3s,box-shadow .3s}.prepare-publish-form-group input:focus,.prepare-publish-form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 .1rem #4caf5033;outline:none}.prepare-publish-datetime-container{display:flex;gap:1rem}.prepare-publish-datetime-input{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.prepare-publish-datetime-input label{color:#666;font-size:.7rem}.prepare-publish-datetime-input input[type=datetime-local]{border:.05rem solid #ddd;border-radius:.2rem;font-size:.8rem;padding:.5rem}.prepare-publish-prizes-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.prepare-publish-prize-item{align-items:center;background-color:#f9f9f9;border-radius:.2rem;display:flex;min-width:10rem;padding:.5rem;position:relative}.prepare-publish-prize-rank{color:#555;font-size:.8rem;font-weight:500;margin-right:.5rem}.prepare-publish-prize-item input{width:5rem}.prepare-publish-remove-prize-btn{align-items:center;background-color:#ff5252;border:none;border-radius:50%;box-shadow:0 .1rem .2rem #0003;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:1.2rem;justify-content:center;position:absolute;right:-.4rem;top:-.4rem;width:1.2rem}.prepare-publish-remove-prize-btn:hover{background-color:red}.prepare-publish-add-prize-btn{align-items:center;align-self:center;background-color:#4caf50;border:none;border-radius:50%;box-shadow:0 .1rem .2rem #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:1.8rem;justify-content:center;width:1.8rem}.prepare-publish-add-prize-btn:hover{background-color:#45a049}.prepare-publish-initial-settings-container label{color:#666;font-size:.7rem}.prepare-publish-file-upload-container{align-items:center;border:.1rem dashed #ddd;border-radius:.2rem;cursor:pointer;display:flex;height:5rem;justify-content:center;padding:1rem;position:relative;text-align:center;transition:border-color .3s,background-color .3s}.prepare-publish-file-upload-container:hover{background-color:#4caf500d;border-color:#4caf50}.prepare-publish-file-upload-container.dragging{background-color:#4caf501a;border-color:#4caf50}.prepare-publish-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.prepare-publish-file-upload-text{color:#666;font-size:.8rem;pointer-events:none}.prepare-publish-file-info{align-items:center;display:flex;gap:.5rem}.prepare-publish-file-icon{font-size:.7rem}.prepare-publish-file-name-text{max-width:100%;word-break:break-all}.prepare-publish-file-name{color:#666;margin-top:.5rem}.prepare-publish-submit-container{align-items:center;margin-top:1rem}.prepare-publish-submit-btn{background-color:#4caf50;border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin:0 auto;padding:.6rem 1.2rem;transition:background-color .3s,transform .2s;width:10rem}.prepare-publish-submit-btn:hover{background-color:#45a049;transform:translateY(-.1rem)}.prepare-publish-submit-btn:active{transform:translateY(0)}.prepare-publish-submit-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed;opacity:1}.prepare-publish-tooltip-icon{font-size:.7rem;height:1.2rem;margin-left:.4rem;width:1.2rem}.prepare-publish-initial-settings-container{display:flex;gap:1rem}.prepare-publish-initial-setting-item{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.prepare-publish-login-required{padding:2rem 1rem;text-align:center}.prepare-publish-login-required h2{color:#333;font-size:1.2rem;margin-bottom:.8rem}.prepare-publish-login-required p{color:#666;font-size:.8rem}.prepare-publish-tooltip-pre{background:#f6f8fa;border-radius:.3rem;margin:0;overflow-x:auto;padding:.6rem}.prepare-publish-tooltip-code{font-family:Futura,Fira Mono,Consolas,Menlo,Monaco,Courier New,monospace;font-size:.7rem}.prepare-publish-success-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.prepare-publish-success-modal{animation:popInSuccess 1s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border:.075rem solid #4caf50;border-radius:.8rem;box-shadow:0 .4rem 1.6rem #4caf5026,0 .075rem .3rem #00000014;left:50%;padding:1.25rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:40%;z-index:11}@keyframes popInSuccess{0%{opacity:0;transform:scale(.7) translate(-50%,-50%)}to{opacity:1;transform:scale(1) translate(-50%,-50%)}}.prepare-publish-success-modal-content{align-items:center;display:flex;flex-direction:column;position:relative}.prepare-publish-success-modal-title:before{background-image:url(/static/media/logo-nochar.239a48b43b8a1bf8fd1b.png);background-size:1.25rem 1.25rem;content:"";display:inline-block;height:1.25rem;width:1.25rem}.prepare-publish-success-modal-title{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:1rem;box-shadow:0 .2rem .4rem #0003;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:-2.5rem;transform:translateX(-50%)}.prepare-publish-success-modal-close-button:before{content:"✔";display:inline;font-size:.8rem;margin-right:.1rem}.prepare-publish-success-modal-close-button{background:#4caf50;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.8rem;margin-top:.4rem;padding:.4rem 1.2rem;transition:background .2s}.prepare-publish-success-modal-close-button:hover{background:#388e3c}.prepare-publish-success-id{color:#388e3c;font-size:1rem;font-weight:700;margin:.4rem 0;text-align:center}.prepare-publish-success-modal-section p:not(.prepare-publish-success-id){text-align:left}.prepare-publish-success-wechat{color:#111;font-size:.85rem;margin:.6rem 0 .4rem}.prepare-publish-success-model-sample{align-items:center;background:#e6f9e6;border-radius:.4rem;box-shadow:0 .05rem .2rem #4caf5014;color:#111;display:flex;font-size:.9rem;font-size:.85rem;justify-content:space-between;letter-spacing:.05rem;margin:.9rem 0;padding:.5rem .9rem;text-align:left}.prepare-publish-success-contact,.prepare-publish-success-fee,.prepare-publish-success-list,.prepare-publish-success-review{color:#555;font-size:.85rem;line-height:1.8;margin:.5rem 0}.prepare-publish-success-thanks{color:#4caf50;font-size:1rem;font-weight:700;margin:1.1rem 0 .5rem}.prepare-publish-success-copy-btn{align-items:center;border:none;border-radius:.3rem;box-shadow:none;cursor:pointer;display:inline-flex;font-size:1rem;margin-left:.2rem;padding:.2rem .4rem;transition:background .2s;vertical-align:middle}.prepare-publish-success-copy-btn:hover{border:none;box-shadow:none}.prepare-publish-success-copied-tip{color:#4caf50;font-size:.7rem;font-weight:500;margin-left:auto;vertical-align:middle}.prepare-publish-success-copy-group{align-items:center;display:flex;margin-left:auto}@media (max-width:800px){.prepare-publish-container{align-items:center;flex-direction:column;gap:1rem}.prepare-publish-form-container{box-sizing:border-box;left:0;width:90vw}.prepare-publish-success-modal{width:90vw}}.prepare-publish-event-charge-container{background-color:#fff;border-radius:.4rem;box-shadow:0 .1rem .5rem #0000001a;left:calc(70% + 2rem);margin-left:1rem;padding:1rem;position:fixed;top:calc(50% + 1.5rem);transform:translateY(-50%);width:20%;z-index:9}.prepare-publish-event-charge-header{border-bottom:.05rem solid #eee;margin-bottom:.75rem;padding-bottom:.75rem;text-align:center}.prepare-publish-event-charge-header h2{color:#333;font-size:.9rem;margin:0 0 .5rem}.prepare-publish-event-total-price{align-items:flex-end;display:flex;flex-direction:column;font-size:1rem;font-weight:700}.prepare-publish-event-total-price-row{align-items:center;display:flex;justify-content:space-between;width:100%}.prepare-publish-event-total-price-label{color:#666;font-size:.9rem;white-space:nowrap}.prepare-publish-event-total-price-value{color:#4caf50;font-size:.9rem}.prepare-publish-event-total-price-note{color:#ff9800;font-size:.7rem;font-weight:400}.prepare-publish-event-price-details{margin-bottom:1rem}.prepare-publish-event-price-detail-item{border-bottom:.05rem solid #f5f5f5;padding:.6rem 0}.prepare-publish-event-price-detail-item:last-child{border-bottom:none}.prepare-publish-event-price-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.prepare-publish-event-price-detail-name{color:#333;font-size:.8rem;font-weight:500}.prepare-publish-event-price-detail-value-container{align-items:center;display:flex;gap:.4rem}.prepare-publish-event-price-detail-original-value{color:#999;font-size:.7rem;text-decoration:line-through}.prepare-publish-event-price-detail-value{color:#4caf50;font-size:.9rem;font-weight:500}.prepare-publish-event-price-detail-description{color:#999;font-size:.6rem}.prepare-publish-event-charge-footer{margin-top:1rem}.prepare-publish-event-charge-note{color:#999;font-size:.6rem;margin-bottom:.75rem}.prepare-publish-event-charge-note p{margin:.25rem 0}.prepare-publish-event-charge-free-tip{background:#fff8e1;border-radius:.4rem;box-shadow:0 .05rem .2rem #bfa10014;color:#bfa100;font-size:.6rem;font-weight:700;margin:0 0 .3rem;padding:.6rem .9rem;text-align:center}@media (max-width:800px){.prepare-publish-event-charge-container{box-sizing:border-box;left:0;margin-left:0;position:relative;top:0;transform:none;width:90vw}}.prepare-publish-event-list-container{background:#fff;border-radius:.6rem;box-shadow:0 .2rem 1.2rem #3c785014;margin:0 auto;padding:1rem 2rem;position:relative;width:40%}.prepare-publish-event-list-title{color:#333;font-size:1.1rem;text-align:center}.prepare-publish-event-list-empty,.prepare-publish-event-list-error,.prepare-publish-event-list-loading{color:#888;font-size:.9rem;margin:1.2rem 0;text-align:center}.prepare-publish-event-list-error{color:#d32f2f}.prepare-publish-event-list-content{display:flex;flex-direction:column}.prepare-publish-event-list-item{background:#f9fefb;border-radius:.4rem;box-shadow:0 .1rem .4rem #4caf500f;padding:1rem .9rem .8rem;position:relative;transition:box-shadow .2s,transform .2s}.prepare-publish-event-list-item:hover{border-left:.25rem solid #4caf50;box-shadow:0 .3rem 1.2rem #4caf5021;transform:translateY(-.1rem) scale(1.01)}.prepare-publish-event-list-item-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;margin-bottom:.4rem}.prepare-publish-event-list-item-title{color:#388e3c;flex:1 1 auto;font-size:.8rem;font-weight:600;word-break:break-all}.prepare-publish-event-list-item-id{margin-left:.3rem}.prepare-publish-event-list-item-id,.prepare-publish-event-list-item-time{color:#666;font-size:.75rem;font-weight:400;white-space:nowrap}.prepare-publish-event-list-item-desc{color:#444;font-size:.8rem;line-height:1.6;margin-bottom:.5rem;margin-top:.1rem;word-break:break-all}.prepare-publish-event-list-tabs{align-items:center;display:flex;justify-content:center;width:100%}.prepare-publish-event-list-tab{background:#f3f7f4;border:none;border-radius:1.2rem 1.2rem 0 0;box-shadow:0 .1rem .4rem #4caf500a;color:#388e3c;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;outline:none;padding:.4rem 0;position:relative;text-align:center;transition:background .2s,color .2s,box-shadow .2s}.prepare-publish-event-list-tab.active{background:#e8f5e9;border-bottom:.15rem solid #4caf50;box-shadow:0 .2rem .8rem #4caf501a;color:#fff;color:#388e3c;font-weight:700;z-index:1}.prepare-publish-event-list-tab:not(.active):hover{background:#e0f2f1;color:#2e7d32}.prepare-publish-event-list-refresh-btn{align-items:center;background:#fff;border:.05rem solid #ddd;border-radius:.3rem;box-shadow:none;color:#4caf50;cursor:pointer;display:flex;font-size:.7rem;padding:.3rem .8rem;transition:background .2s,color .2s}.prepare-publish-event-list-refresh-btn:hover:not(:disabled){background:#fff;box-shadow:none;color:#3c7a3e}.prepare-publish-event-list-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.prepare-publish-event-list-refresh-icon{margin-right:.2rem}.prepare-publish-event-list-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;bottom:.8rem;box-shadow:none;color:#1976d2;cursor:pointer;display:flex;height:1.2rem;justify-content:center;padding:.15rem;position:absolute;right:.8rem;transition:background .2s,color .2s,border .2s;width:1.2rem;z-index:12}.prepare-publish-event-list-info-btn:hover{background:#e3f2fd;border-color:#1565c0;color:#1565c0}.prepare-publish-event-list-modal-overlay{background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.prepare-publish-event-list-modal{background:#fff;border-radius:.7rem;box-shadow:0 .4rem 1.6rem #1976d221;left:50%;max-width:90vw;min-width:16rem;padding:1rem 1.4rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:11}.prepare-publish-event-list-modal-title{color:#1976d2;font-size:1rem;font-weight:700;margin-bottom:.8rem}.prepare-publish-event-list-modal-content{color:#333;font-size:.8rem;margin-bottom:.9rem;text-align:left}.prepare-publish-event-list-modal-close{background:#1976d2;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.8rem;margin-top:.4rem;padding:.4rem 1.2rem;transition:background .2s}.prepare-publish-event-list-modal-close:hover{background:#115293}.prepare-publish-event-list-sample{background:#e3f2fd;border-radius:.4rem;box-shadow:0 .05rem .2rem #1976d214;color:#1976d2;font-size:.85rem;font-weight:700;letter-spacing:.05rem;margin:.7rem 0 .5rem;padding:.5rem .9rem;text-align:center}.prepare-publish-event-list-item-btn{border:none;box-shadow:none;margin-left:.5rem;padding:0}.prepare-publish-event-list-item-btn:hover{background-color:initial;box-shadow:none;transform:none}@media (max-width:800px){.prepare-publish-event-list-container{box-sizing:border-box;width:90vw}}.news-list-container{background:#fff;border-left:.05rem solid #e0e0e0;box-shadow:-.2rem 0 1.2rem #4caf501a;display:flex;flex-direction:column;height:calc(100vh - 2.5rem);position:fixed;right:0;top:2.5rem;width:17.5rem;z-index:10}.news-list-title{background:#fff;border-bottom:.1rem solid #ececec;font-size:1.2rem;font-weight:800;letter-spacing:.05rem;padding:1.4rem 1.4rem .8rem}.news-list-scroll{flex:1 1;overflow-y:auto;padding:.4rem 0 .8rem;scrollbar-color:#b2dfdb #f6f9fa;scrollbar-width:thin}.news-list-scroll::-webkit-scrollbar{width:.35rem}.news-list-scroll::-webkit-scrollbar-thumb{background:#b2dfdb}.news-list-scroll::-webkit-scrollbar-track{background:#f6f9fa}.news-list-item{border-bottom:.05rem solid #ececec;border-left:.2rem solid #0000;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;margin-bottom:.1rem;margin-right:.4rem;padding:.9rem 1.4rem .7rem;transition:background .18s,border-color .18s,box-shadow .18s}.news-list-item:hover{background:#f0fdf4;border-left:.2rem solid #4caf50;box-shadow:0 .1rem .4rem #4caf5012}.news-list-item.selected{background:linear-gradient(90deg,#e6f9e6 80%,#fff);border-left:.3rem solid #4caf50;box-shadow:0 .2rem .8rem #4caf501a}.news-list-item-header{align-items:center;display:flex;flex-direction:row;gap:.6rem;justify-content:space-between}.news-list-item-title{color:#222;flex:1 1 auto;font-size:.95rem;font-weight:700;letter-spacing:.025rem;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-list-item-date{color:#888;flex-shrink:0;font-size:.65rem;font-weight:500;letter-spacing:.025rem;margin-left:.6rem;margin-top:0}.news-list-item-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:.7rem;line-height:1.5;margin-top:.2rem;max-height:3.2rem;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.news-list-search-bar{background:#fff;border-bottom:.1rem solid #ececec;padding:.75rem}.news-list-search-input{background:#fafbfc;border:.075rem solid #e0e0e0;border-radius:.4rem;font-size:.8rem;outline:none;padding:.5rem .8rem;transition:border-color .2s,box-shadow .2s;width:calc(100% - 1.5rem)}.news-list-search-input:focus{border-color:#00bfae;box-shadow:0 0 0 .1rem #4caf501a}.news-list-loading-spinner{align-items:center;display:flex;justify-content:center;padding:.9rem 0 .5rem}.spinner{animation:spin 1s linear infinite;border:.2rem solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;display:inline-block;height:1.6rem;width:1.6rem}@media (max-width:800px){.news-list-container{border-bottom:.05rem solid #e0e0e0;border-left:none;box-shadow:0 .1rem .4rem #4caf5012;height:20rem;left:0;position:static;right:0;top:0;width:100vw;z-index:0}.news-list-scroll{overflow-x:hidden;overflow-y:auto;padding-bottom:.5rem}}.news-content-container{background:#fff;box-shadow:0 .2rem 1.2rem #4caf501a;display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;margin-left:2vw;min-height:calc(100vh - 6rem);padding:1.5rem;width:calc(94vw - 20rem)}.news-content-title{color:#222;font-size:1.6rem;font-weight:800;letter-spacing:.05rem;margin-bottom:.3rem}.news-content-date{color:#888;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.news-content-summary{background:#fff;border-bottom:.1rem solid #e0e0e0;color:#555;font-size:.9rem;font-weight:500;padding:.7rem 0 .4rem}.news-content-body{color:#333;font-size:.8rem;line-height:1.5;word-break:break-word}.news-content-body h1{color:#222;font-size:1.4rem;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.news-content-body h2{color:#388e3c;font-size:1.2rem;margin-bottom:.5rem;margin-top:.5rem}.news-content-body h3{color:#388e3c;font-size:1rem;margin-bottom:.2rem;margin-top:.2rem}.news-content-body p{font-size:.8rem;margin-bottom:.2rem;margin-top:.2rem;text-indent:1.6rem}.news-content-body p.no-indent{text-indent:0}.news-content-body a{font-size:.8rem;font-weight:500}.news-content-body a.block{display:block;margin-bottom:.2rem;margin-top:.2rem;text-indent:1.6rem}.news-content-body span.vert-space{display:inline-block;margin:0;padding:0;width:.8rem}.news-content-body span.hori-space{display:block;height:.8rem;margin:0;padding:0}.news-content-body hr{margin-bottom:.4rem;margin-top:.4rem}.news-content-body code{background:#f5f5f5;border-radius:.3rem;color:#374151;display:block;font-size:.8rem;margin-bottom:.5rem;margin-top:.5rem;padding-bottom:.4rem;padding-left:.8rem;padding-top:.4rem;white-space:pre-wrap;word-break:break-all}.news-content-body img{display:block;height:auto;margin-left:auto;margin-right:auto;max-height:40vh;object-fit:contain;width:50%}.news-content-loading-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;width:100%}.news-content-loading-logo{height:15rem;width:15rem}.news-content-thinking-logo-section{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;width:100%}.news-content-loading-text{color:#777;font-size:1.4rem;font-weight:500}.news-content-body ol,.news-content-body ul{margin:0}@media (max-width:800px){.news-content-container{box-shadow:none;box-sizing:border-box;margin-left:0;min-height:40vh;padding:1rem 2rem;width:100vw}.news-content-title{font-size:1.5rem}}.invite-modal-container{align-items:flex-start;background-color:#ffffffe6;border-radius:.5rem;box-shadow:0 0 .5rem 0 #0000001a;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:.5rem;padding:2rem;width:60%}.invite-modal-content-title{font-size:1.1rem;font-weight:1000;margin-left:auto;margin-right:auto}.invite-modal-content-text{font-size:.85rem;font-weight:450}@media (max-width:800px){.invite-modal-container{box-sizing:border-box;width:90vw}}.invite-history-list-container{background-color:#ffffffe6;border-radius:.5rem;box-shadow:0 0 .5rem 0 #0000001a;margin-top:.5rem;padding:2rem;position:relative;width:60%}.invite-history-list{border-radius:.6rem;width:100%}.invite-history-list-row{border-bottom:.075rem solid #eee;border-top-left-radius:.6rem;border-top-right-radius:.6rem;display:flex;font-size:.85rem;font-weight:600;overflow:hidden;padding:.5rem 0}.invite-history-name-column{flex:4 1;padding-left:.3rem;padding-right:.3rem}.invite-history-name-column.item-row{font-weight:500}.invite-history-id-column{flex:4 1;padding-right:.3rem}.invite-history-id-column.item-row{color:#666}.invite-history-time-column{flex:4 1;padding-right:.3rem}.invite-history-points-column{flex:2 1}.invite-history-points-column.item-row{color:red;font-weight:500}.invite-history-list-item-row{align-items:center;border-bottom:.05rem solid #f2f2f2;display:flex;font-size:.8rem;overflow:hidden;padding:.6rem 0;transition:background .2s}.invite-history-list-item-row:last-child{border-bottom:none}.invite-history-tooltip-icon{bottom:1rem;height:1.5rem;position:absolute;right:1rem;width:1.5rem}.reward-history-action-column{flex:6 1;padding-left:.3rem;padding-right:.3rem}.reward-history-action-column.item-row{font-weight:500}.reward-history-points-column{flex:3 1;font-size:.82rem}.reward-history-points-column.item-row{font-size:.85rem;font-weight:500}@media (max-width:800px){.invite-history-list-container{box-sizing:border-box;width:90vw}.invite-history-list-scroll{overflow-x:auto;width:100%}.invite-history-list{display:table;min-width:100%;white-space:nowrap;width:auto}.invite-history-list::-webkit-scrollbar{background:#0000;height:.3rem}.invite-history-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:.15rem}.invite-history-list-item-row,.invite-history-list-row{display:table-row;width:auto}.invite-history-id-column,.invite-history-name-column,.invite-history-points-column,.invite-history-time-column,.reward-history-action-column,.reward-history-points-column{display:table-cell;padding:.5rem}.invite-history-list-item-row>.invite-history-id-column,.invite-history-list-item-row>.invite-history-name-column,.invite-history-list-item-row>.invite-history-points-column,.invite-history-list-item-row>.invite-history-time-column,.invite-history-list-item-row>.reward-history-action-column,.invite-history-list-item-row>.reward-history-points-column{border-top:.05rem solid #f2f2f2}.invite-history-points-column{text-align:center}}.reward-exchange-flex{align-items:center;background:#fff;border-radius:.9rem;box-shadow:0 .1rem .6rem #4caf5014;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:2rem;width:60%}.reward-exchange-subtitle{color:#000000b3;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.reward-exchange-balance{color:#000c;font-size:1rem;font-weight:400}.reward-exchange-amount-row{align-items:end;display:flex;flex-direction:row;font-size:1rem;gap:.5rem;width:6.5rem}.reward-exchange-amount-row input{border:none;border-bottom:.1rem solid #000;box-shadow:none;flex:1 1;font-size:1rem;min-width:0}.reward-exchange-result{font-size:1.1rem;font-weight:600}.reward-exchange-title{color:#000c;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.reward-exchange-note-container{margin-bottom:1rem;margin-top:0;padding:0}.reward-exchange-note{color:#00000080;font-size:.9rem;font-weight:400;margin:0}.reward-exchange-button{border-radius:.8rem;font-size:.9rem;margin-top:.8rem;padding:.4rem .8rem}.reward-exchange-select{border-radius:.8rem;flex:1 1;font-size:.85rem;min-width:0;padding:.4rem .8rem}@media (max-width:800px){.reward-exchange-flex{box-sizing:border-box;width:90vw}.reward-exchange-mid-length{width:35vw!important}}
/*# sourceMappingURL=main.5f62485b.css.map*/