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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-bg{align-items:center;background:linear-gradient(135deg,#18181a 60%,#2d2d2d);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0}#particles-js,.login-bg{height:100vh;width:100vw}#particles-js{position:absolute;z-index:0}.glass-card{background:#18181af2;border:2px solid #bfa14a;border-radius:16px;box-shadow:0 8px 32px #0006;color:#fff;padding:2.5rem 2rem 2rem;width:100%}.glass-card,.login-form{align-items:center;display:flex;flex-direction:column}.login-form{max-width:90vw;min-width:320px;position:relative;width:clamp(380px,28vw,480px);z-index:1}.ghost-logo{color:#d4af37;font-family:Cinzel,serif;font-size:3.75rem;letter-spacing:4px;text-shadow:0 0 10px #d4af3780;text-transform:uppercase}.ghost-logo,.login-title{font-weight:700;margin-bottom:2rem}.login-title{color:#bfa14a;font-size:2rem;letter-spacing:2px;text-shadow:0 2px 8px #000}.login-form input{background:#232323;border:none;border-radius:8px;box-shadow:inset 0 0 0 1.5px #bfa14a;color:#fff;font-size:1rem;margin-bottom:1.2rem;outline:none;padding:.8rem 1rem;transition:box-shadow .2s;width:100%}.login-form input:focus{box-shadow:inset 0 0 0 2.5px gold}.login-form button{background:linear-gradient(90deg,#bfa14a 60%,gold);border:none;border-radius:8px;box-shadow:0 2px 8px #000;color:gold;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.9rem 0;transition:background .2s,color .2s;width:100%}.login-form button:hover{background:linear-gradient(90deg,gold 60%,#bfa14a);color:#bd9e17}.login-actions{display:flex;justify-content:space-between;margin-top:.5rem;width:100%}.action-btn{background:none;border:none;color:gold;font-size:1rem;font-weight:600;outline:none;padding:.2rem .7rem;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s;width:20%}.action-btn:focus,.action-btn:hover{color:#fff;text-decoration:underline}.input-error{border:1.5px solid #ff4d4f!important;box-shadow:inset 0 0 0 2.5px #ff4d4f!important}.input-error-text{color:#ff4d4f;font-size:.95rem;letter-spacing:.5px;margin-bottom:.7rem;margin-top:-.7rem;text-align:left;width:100%}@media (min-width:1920px){.login-form{width:clamp(420px,25vw,520px)}.login-title{font-size:2.2rem}.glass-card{padding:3rem 2.5rem 2.5rem}.ghost-logo{font-size:4.375rem}}@media (max-width:1366px) and (min-width:1024px){.login-form{width:clamp(360px,32vw,450px)}}@media (max-width:1023px) and (min-width:768px){.login-form{width:clamp(340px,45vw,420px)}.login-title{font-size:1.8rem}.ghost-logo{font-size:3.125rem}}@media (max-width:767px) and (min-width:600px){.login-form{width:clamp(320px,60vw,400px)}.login-title{font-size:1.6rem}.glass-card{padding:2rem 1.5rem 1.5rem}.ghost-logo{font-size:2.8125rem}}@media (max-width:599px){.login-form{max-width:350px;min-width:280px;width:90vw}.login-title{font-size:1.4rem;margin-bottom:1.5rem}.glass-card{padding:1.5rem 1rem 1rem}.login-form input{font-size:.95rem;padding:.7rem .8rem}.login-form button{font-size:1rem;padding:.8rem 0}.ghost-logo{font-size:2.1875rem;letter-spacing:3px;margin-bottom:1.5rem}}.component-container{color:#fff;height:100%;padding:1.5rem;width:100%}.verification-required{align-items:center;background:#18181acc;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 200px);justify-content:center;padding:3rem;text-align:center}.verification-required h2{color:#bfa14a;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 8px #000}.verification-required p{color:#ccc;font-size:1.1rem;line-height:1.6;max-width:400px}.guide-section{background:#18181acc;border:1px solid #333;border-radius:12px;margin-bottom:2rem;padding:2rem}.guide-content{color:#d1d4dc;line-height:1.6}.guide-section-item{margin-bottom:2rem}.guide-section-item h3{border-bottom:1px solid #333;color:#bfa14a;font-size:1.3rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.guide-subsection{margin:1.5rem 0;padding-left:1rem}.guide-subsection h4{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.guide-item{background:#1e222d80;border-left:3px solid #bfa14a;border-radius:8px;margin:1rem 0;padding:1rem}.guide-item h5{color:#0f8;font-size:1rem;font-weight:600;margin-bottom:.5rem}.guide-item p{color:#ccc;margin-bottom:.5rem}.guide-tip{background:#bfa14a1a;border:1px solid #bfa14a4d;border-radius:6px;color:#bfa14a!important;font-style:italic}.guide-link,.guide-tip{margin-top:.5rem;padding:.75rem}.guide-link{background:#00ff881a;border:1px solid #00ff884d;border-radius:6px}.guide-link a{color:#0f8;text-decoration:none;word-break:break-all}.guide-link a:hover{text-decoration:underline}.invite-code{color:gold;display:block;font-weight:600;margin-top:.5rem}.wechat-id{background:#00ff881a;border-radius:4px;color:#0f8;font-weight:600;padding:.2rem .5rem}.component-header{margin-bottom:2rem;text-align:center}.component-header h2{color:#bfa14a;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px #000}.component-header p{color:#ccc;font-size:1.1rem}.airdrop-layout{display:flex;gap:2rem;height:100%}.airdrop-list{flex:1 1;height:calc(100vh - 200px);overflow-y:auto;padding-right:1rem}.airdrop-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.airdrop-card{background:#18181acc;border:1px solid #333;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.airdrop-card:before{background:linear-gradient(90deg,#bfa14a,gold);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.airdrop-card:hover:before{opacity:1}.airdrop-card:hover{border-color:#bfa14a;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.airdrop-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.airdrop-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.status-badge{border-radius:20px;color:#18181a;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.airdrop-description{color:#ccc;line-height:1.5;margin-bottom:1rem}.airdrop-details{margin-bottom:1.5rem}.airdrop-details>div{display:flex;justify-content:space-between;margin-bottom:.5rem}.airdrop-details .label{color:#999;font-size:.9rem}.airdrop-details .value{color:gold;font-size:.9rem;font-weight:600}.participate-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:8px;color:#18181a;cursor:pointer;font-weight:600;padding:.8rem;transition:all .3s ease;width:100%}.participate-btn:hover{background:linear-gradient(90deg,gold,#bfa14a);transform:translateY(-1px)}.ended-btn,.upcoming-btn{border:none;border-radius:8px;cursor:not-allowed;font-weight:600;opacity:.6;padding:.8rem;width:100%}.upcoming-btn{background:gold;color:#18181a}.ended-btn{background:#666;color:#ccc}.tutorial-panel{background:#18181af2;border-left:1px solid #333;border-radius:0 12px 12px 0;display:flex;flex-direction:column;height:100vh;position:relative;width:400px}.tutorial-header{background:#232323cc;border-bottom:1px solid #333;flex-shrink:0;padding:1.5rem}.tutorial-header h3{font-size:1.1rem}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#ffffff1a;color:#fff}.tutorial-content{flex:1 1;padding:1.5rem}.tutorial-content .simplebar-content{padding:1.5rem}.tutorial-image{border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.tutorial-image img{display:block;height:auto;width:100%}.tutorial-section{margin-bottom:2rem}.tutorial-subtitle{align-items:center;color:gold;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.tutorial-text{color:#ccc;line-height:1.6;margin-bottom:1rem}.highlight-reward{color:#0f8;font-size:1.1rem;font-weight:700}.task-list{list-style:none;padding:0}.task-list li{color:#ccc;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.task-list li:before{color:#0f8;content:"✅";left:0;position:absolute}.step-item{background:#23232380;border-left:3px solid #bfa14a;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.step-number{align-items:center;background:linear-gradient(90deg,#bfa14a,gold);border-radius:50%;color:#18181a;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.step-content h5{color:#fff;font-size:1rem;margin:0 0 .5rem}.step-content p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.warning-box{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;padding:1rem}.warning-box p{color:#ff6b6b;font-size:.9rem;margin:.3rem 0}.start-task-btn{background:linear-gradient(90deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#18181a;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.start-task-btn:hover{background:linear-gradient(90deg,#00cc6a,#0f8);box-shadow:0 4px 15px #00ff884d;transform:translateY(-2px)}.guide-container{height:calc(100vh - 200px);overflow-y:auto;padding:1rem;width:100%}.guide-item-wrapper{margin-bottom:1rem}.guide-item{background:#18181acc;border:1px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.guide-item:before{background:linear-gradient(90deg,#bfa14a,gold);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.guide-item:hover:before{opacity:1}.guide-item:hover{border-color:#bfa14a;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.guide-item.active{background:#232323e6;border-color:#bfa14a;border-radius:12px 12px 0 0}.guide-item.active:before{opacity:1}.guide-header{align-items:center;display:flex;justify-content:space-between}.guide-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.category-badge{background:linear-gradient(90deg,#bfa14a,gold);border-radius:20px;color:#18181a;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.guide-detail-expanded{animation:slideDown .3s ease-out;background:#18181af2;border:1px solid #bfa14a;border-radius:0 0 12px 12px;border-top:none;padding:1.5rem;position:relative}.guide-detail-expanded:before{background:linear-gradient(90deg,#0000,#bfa14a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-info{background:#23232380;border-radius:8px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.guide-info span{color:#ccc;font-size:.9rem}.guide-info .category{color:#bfa14a;font-weight:600}.guide-content{line-height:1.8}.guide-content p{color:#ccc;font-size:1rem;margin-bottom:1rem}.start-learning-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:8px;color:#18181a;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.start-learning-btn:hover{background:linear-gradient(90deg,gold,#bfa14a);box-shadow:0 4px 15px #bfa14a4d;transform:translateY(-2px)}.tutorial-container{padding:1rem;width:100%}.tutorial-scroll{height:calc(100vh - 220px);overflow-x:hidden;overflow-y:auto;padding-bottom:126px;scroll-padding-bottom:96px}.tutorial-item-wrapper{margin-bottom:1rem}.tutorial-item{background:#18181acc;border:1px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.tutorial-item:before{background:linear-gradient(90deg,#bfa14a,gold);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tutorial-item:hover:before{opacity:1}.tutorial-item:hover{border-color:#bfa14a;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.tutorial-item.active{background:#232323e6;border-color:#bfa14a;border-radius:12px 12px 0 0}.tutorial-item.active:before{opacity:1}.tutorial-header{align-items:center;display:flex;justify-content:space-between}.tutorial-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.level-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.level-badge.入门{background:linear-gradient(90deg,#0f8,#00cc6a);color:#18181a}.level-badge.中级{background:linear-gradient(90deg,gold,#bfa14a);color:#18181a}.level-badge.高级{background:linear-gradient(90deg,#ff6b6b,#ff4757);color:#fff}.level-badge.专家{background:linear-gradient(90deg,#a855f7,#8b5cf6);color:#fff}.tutorial-detail-expanded{animation:slideDown .3s ease-out;background:#18181af2;border:1px solid #bfa14a;border-radius:0 0 12px 12px;border-top:none;padding:1.5rem;position:relative}.tutorial-detail-expanded:before{background:linear-gradient(90deg,#0000,#bfa14a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.tutorial-info{background:#23232380;border-radius:8px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.tutorial-info span{color:#ccc;font-size:.9rem}.tutorial-info .level{color:#bfa14a;font-weight:600}.tutorial-info .lessons{color:#0f8;font-weight:600}.tutorial-info .duration{color:gold;font-weight:600}.tutorial-content{line-height:1.8}.tutorial-content p{color:#ccc;font-size:1rem;margin-bottom:1.5rem}.player-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.player-header h4{color:gold;font-size:1.1rem;margin:0}.lesson-info{color:#999;font-size:.9rem}.video-container{margin-bottom:1.5rem}.video-placeholder{background:#232323cc;border:2px dashed #666;border-radius:8px;color:#999;padding:3rem 2rem;text-align:center}.video-placeholder p{font-size:.9rem;margin:.5rem 0}.player-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.control-btn{background:#232323cc;border:1px solid #666;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;padding:.8rem 1.5rem;transition:all .3s ease}.control-btn:hover:not(:disabled){background:#bfa14a33;border-color:#bfa14a;color:gold}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn.primary{background:linear-gradient(90deg,#bfa14a,gold);border-color:#bfa14a;color:#18181a;font-weight:600}.control-btn.primary:hover{background:linear-gradient(90deg,gold,#bfa14a)}.lesson-notes{margin-top:1.5rem}.lesson-notes h4{color:gold;font-size:1rem;margin-bottom:1rem}.lesson-notes textarea{background:#232323cc;border:1px solid #666;border-radius:6px;color:#ccc;font-size:.9rem;min-height:100px;padding:1rem;resize:vertical;width:100%}.lesson-notes textarea:focus{border-color:#bfa14a;box-shadow:0 0 0 2px #bfa14a33;outline:none}.trading-layout{display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 200px)}.trading-controls{align-items:center;background:#18181acc;border-radius:12px;display:flex;gap:2rem;padding:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#bfa14a;font-size:.9rem;font-weight:600}.trading-select{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#fff;min-width:120px;padding:.5rem}.indicator-buttons,.timeframe-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.indicator-btn,.timeframe-btn{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .3s ease}.indicator-btn.active,.indicator-btn:hover,.timeframe-btn.active,.timeframe-btn:hover{background:#bfa14a;color:#18181a}.chart-container{border-radius:12px;display:flex;flex:1 1;flex-direction:column}.chart-header{margin-bottom:1rem}.chart-header h3{color:#bfa14a;margin:0}.price-info{align-items:center;display:flex;gap:1rem}.current-price{color:gold;font-size:1.2rem;font-weight:600}.price-change{border-radius:4px;font-size:.9rem;font-weight:600;padding:.2rem .6rem}.price-change.positive{background:#28a745;color:#fff}.price-change.negative{background:#dc3545;color:#fff}.chart-area{align-items:center;border-radius:8px;display:flex;flex:1 1;justify-content:center;margin-bottom:1rem}.chart-placeholder{color:#666;text-align:center}.binance-chart-container{display:flex;flex-direction:column;gap:1rem;position:relative;width:100%}.binance-chart-container.fullscreen{background:#18181a;bottom:0;gap:.5rem;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.binance-chart-container.fullscreen .chart-section:first-child{flex:1 1;min-height:60vh}.binance-chart-container.fullscreen .chart-section:not(:first-child){min-height:200px}.chart-section{background:#18181acc;border:1px solid #333;border-radius:8px;padding:1rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.chart-title{color:#bfa14a;font-size:1rem;font-weight:600;margin:0}.fullscreen-btn{align-items:center;background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#bfa14a;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;line-height:1;min-width:32px;padding:.5rem;transition:all .3s ease}.fullscreen-btn:hover{background:#bfa14a;color:#18181a;transform:scale(1.05)}.fullscreen-btn:active{transform:scale(.95)}.chart-container{height:100%;width:100%}.loading-overlay{align-items:center;background:#000c;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{color:#bfa14a;font-size:1.2rem;font-weight:600}.loading-more-indicator{animation:fadeInOut 2s infinite;background:#000c;border:1px solid #bfa14a;border-radius:20px;left:50%;padding:.5rem 1rem;position:absolute;top:10px;transform:translateX(-50%);z-index:20}.loading-more-text{color:#bfa14a;font-size:.9rem;font-weight:600;text-align:center}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.error-message{color:#ef5350;font-size:1.1rem;font-weight:600;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-placeholder{color:#ccc;font-style:italic;padding:2rem;text-align:center}.chart-footer{align-items:center;display:flex;justify-content:space-between}.volume-info{color:#ccc;display:flex;font-size:.9rem;gap:2rem}.chart-actions{display:flex;gap:.5rem}.action-btn{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#fff;cursor:pointer;padding:.4rem .8rem;transition:all .3s ease}.action-btn:hover{background:#bfa14a;color:#18181a}.market-info{background:#18181acc;border-radius:12px;padding:1.5rem}.market-info h4{color:#bfa14a;margin-bottom:1rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-item .label{color:#999;font-size:.9rem}.info-item .value{color:gold;font-weight:600}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;height:calc(100vh - 200px)}.profile-sidebar{background:#18181acc;border-radius:12px;padding:1.5rem}.user-summary{border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.user-summary .user-avatar{font-size:4rem}.user-summary h3{color:gold;margin-bottom:.5rem}.points-display{color:#ccc;font-size:.9rem}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.nav-btn{background:#0000;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;padding:.8rem 1rem;text-align:left;transition:all .3s ease}.nav-btn.active,.nav-btn:hover{background:#bfa14a;border-color:#bfa14a;color:#18181a}.logout-nav-btn{background:linear-gradient(90deg,#ef5350,#f44336);border-color:#ef5350;color:#fff;margin-top:1rem}.logout-nav-btn:hover{background:linear-gradient(90deg,#f44336,#ef5350);border-color:#f44336;color:#fff;transform:translateY(-1px)}.profile-main{background:#18181acc;border-radius:12px;height:calc(100vh - 220px);min-height:600px;overflow-y:auto;padding:2rem 2rem 96px;scroll-padding-bottom:96px}.profile-section{border-bottom:1px solid #333;margin-bottom:3rem;min-height:400px;padding-bottom:2rem}.profile-section:last-child{border-bottom:none;margin-bottom:2rem;padding-bottom:0}.section-title{color:#bfa14a;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 8px #000}.profile-content{max-width:600px}.profile-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.avatar-section{text-align:center}.avatar{font-size:3rem;margin-bottom:1rem}.change-avatar-btn{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.change-avatar-btn:hover{background:#bfa14a;color:#18181a}.user-details h3{color:gold;margin-bottom:.5rem}.user-level{color:#bfa14a;font-weight:600;margin-bottom:.5rem}.join-date{color:#ccc;font-size:.9rem}.profile-form{gap:1.5rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#bfa14a;font-weight:600}.form-group input{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#fff;padding:.8rem}.save-btn{align-self:flex-start;background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:8px;color:#18181a;cursor:pointer;font-weight:600;padding:.8rem 2rem}.stats-content{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#232323cc;border:1px solid #bfa14a;border-radius:12px;padding:1.5rem;text-align:center}.stat-card h4{color:#ccc;font-size:1rem;margin-bottom:1rem}.stat-value{color:gold;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card p{color:#999;font-size:.9rem}.achievements h4{color:#bfa14a;margin-bottom:1rem}.badge-grid{display:flex;flex-wrap:wrap;gap:1rem}.badge{border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.badge.earned{background:#bfa14a;color:#18181a}.badge.locked{background:#333;color:#666;cursor:not-allowed}.settings-content{display:flex;flex-direction:column;gap:2rem}.setting-group{background:#232323cc;border-radius:12px;padding:1.5rem}.setting-group h4{color:#bfa14a}.setting-group h4,.setting-item{margin-bottom:1rem}.setting-item label{align-items:center;color:#ccc;cursor:pointer;display:flex;gap:.5rem}.setting-item input[type=checkbox]{accent-color:#bfa14a}.security-btn{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:#fff;cursor:pointer;margin-bottom:.5rem;margin-right:1rem;padding:.6rem 1.2rem;transition:all .3s ease}.security-btn:hover{background:#bfa14a;color:#18181a}.content-layout{display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 200px)}.content-tabs{background:#18181acc;border-radius:12px;display:flex;gap:1rem;padding:1rem}.tab-btn{background:#0000;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;padding:.8rem 1.5rem;transition:all .3s ease}.tab-btn.active,.tab-btn:hover{background:#bfa14a;border-color:#bfa14a;color:#18181a}.content-main{background:#18181acc;border-radius:12px;flex:1 1;overflow-y:auto;padding:1.5rem}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.content-header h3{color:#bfa14a;margin:0}.add-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:6px;color:#18181a;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.content-table{background:#232323cc;border-radius:8px;overflow:hidden}.table-header{background:#18181ae6;color:#bfa14a;font-weight:600}.table-header,.table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:1rem}.table-row{align-items:center;border-bottom:1px solid #333}.table-row:last-child{border-bottom:none}.table-row .title{color:gold;font-weight:600}.table-row .category{color:#ccc}.table-row .status{border-radius:12px;font-size:.8rem;font-weight:600;padding:.2rem .6rem;text-align:center}.table-row .status.published{background:#28a745;color:#fff}.table-row .status.draft{background:#6c757d;color:#fff}.table-row .status.processing{background:#ffc107;color:#18181a}.table-row .date,.table-row .duration,.table-row .likes,.table-row .views{color:#ccc;text-align:center}.table-row .actions{display:flex;gap:.5rem}.table-row .actions button{background:#232323cc;border:1px solid #bfa14a;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:all .3s ease}.table-row .actions button:hover{background:#bfa14a;color:#18181a}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background:#232323cc;border:1px solid #bfa14a;border-radius:12px;padding:1.5rem;text-align:center}.analytics-card h4{color:#ccc;margin-bottom:1rem}.analytics-value{color:gold;font-size:2rem;font-weight:700;margin-bottom:.5rem}.analytics-change{font-size:.9rem;font-weight:600}.analytics-change.positive{color:#28a745}.analytics-change.negative{color:#dc3545}.analytics-change.neutral{color:#6c757d}.popular-content h4{color:#bfa14a;margin-bottom:1rem}.popular-list{display:flex;flex-direction:column;gap:.8rem}.popular-item{align-items:center;background:#232323cc;border-radius:8px;display:flex;gap:1rem;padding:.8rem}.popular-item .rank{align-items:center;background:#bfa14a;border-radius:50%;color:#18181a;display:flex;font-size:.9rem;font-weight:600;height:24px;justify-content:center;width:24px}.popular-item .title{color:gold;flex:1 1;font-weight:600}.popular-item .views{color:#ccc;font-size:.9rem}.exchange-layout{display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 200px)}.exchange-tabs{display:flex;gap:1rem;padding:1rem}.exchange-main,.exchange-tabs{background:#18181acc;border-radius:12px}.exchange-main{flex:1 1;padding:1.5rem}.shop-content{display:flex;flex-direction:column;gap:2rem}.points-display{background:#232323cc;border:1px solid #bfa14a;border-radius:12px;padding:1.5rem;text-align:center}.points-display h3{color:#bfa14a;margin-bottom:.5rem}.points-value{color:gold;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.earn-points-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:6px;color:#18181a;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.shop-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:2rem}.shop-item{background:#232323cc;border:1px solid #bfa14a;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s ease}.shop-item:hover{box-shadow:0 4px 20px #bfa14a4d;transform:translateY(-2px)}.item-image{align-items:center;display:flex;font-size:3rem;height:150px;justify-content:center;margin-bottom:1rem;text-align:center;width:100%}.item-info{display:flex;flex:1 1;flex-direction:column}.item-info h4{color:gold;margin-bottom:.5rem}.item-info p{color:#ccc;line-height:1.5;margin-bottom:1rem}.item-meta{display:flex;justify-content:space-between;margin-bottom:.5rem}.points-cost{color:#bfa14a;font-size:1.1rem;font-weight:600}.original-price{color:#999;font-size:.9rem;text-decoration:line-through}.item-stock{color:#ccc;font-size:.9rem;margin-bottom:1rem}.exchange-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:8px;color:#18181a;cursor:pointer;font-weight:600;padding:.8rem;transition:all .3s ease;width:100%}.exchange-btn:hover:not(:disabled){background:linear-gradient(90deg,gold,#bfa14a)}.exchange-btn:disabled{background:#666;color:#999;cursor:not-allowed}.history-content{display:flex;flex-direction:column;gap:1.5rem}.history-header{align-items:center;display:flex;justify-content:space-between}.history-header h3{color:#bfa14a;margin:0}.history-stats{color:#ccc;display:flex;font-size:.9rem;gap:2rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background:#232323cc;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.history-info h4{color:gold;margin-bottom:.3rem}.history-info p{color:#ccc;font-size:.9rem;margin-bottom:.2rem}.history-status .status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.history-status .status-badge.completed{background:#28a745;color:#fff}.history-status .status-badge.processing{background:#ffc107;color:#18181a}.earn-content{display:flex;flex-direction:column;gap:2rem}.earn-header{text-align:center}.earn-header h3{color:#bfa14a;margin-bottom:.5rem}.earn-header p{color:#ccc}.earn-methods{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.earn-method{align-items:center;background:#232323cc;border:1px solid #bfa14a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.method-icon{font-size:2rem}.method-info h4{color:gold;margin-bottom:.5rem}.method-info p{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.points-reward{color:#bfa14a;font-size:.9rem;font-weight:600}.daily-tasks h4{color:#bfa14a;margin-bottom:1rem}.task-list{display:flex;flex-direction:column;gap:.8rem}.task-item{align-items:center;background:#232323cc;border-radius:8px;color:#ccc;display:flex;justify-content:space-between;padding:.8rem}.task-item.completed{opacity:.6}.task-item.completed:before{color:#28a745;content:"✓ ";font-weight:700}.task-reward{color:#bfa14a;font-weight:600}.invite-code-display{background:#232323cc;border:1px solid #bfa14a;border-radius:6px;color:gold;font-family:Courier New,monospace;font-weight:600;letter-spacing:1px}.invite-code-container{align-items:center;display:flex;gap:.5rem}.invite-code-container .invite-code-display{flex:1 1}.copy-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:6px;color:#18181a;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:linear-gradient(90deg,gold,#bfa14a)}.form-group small{color:#999;display:block;font-size:.8rem;margin-top:.3rem}.logout-btn{background:linear-gradient(90deg,#bfa14a,gold);border:none;border-radius:8px;box-shadow:0 2px 8px #000;color:#18181a;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:.8rem 2.2rem;transition:background .2s,color .2s}.logout-btn:hover{background:linear-gradient(90deg,gold,#bfa14a);color:#000}@media (max-width:1200px){.airdrop-layout{flex-direction:column}.tutorial-panel{border-left:none;border-radius:12px 12px 0 0;border-top:1px solid #333;width:100%}}@media (max-width:1400px){.shop-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.airdrop-grid{grid-template-columns:1fr}.tutorial-panel{border-radius:0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.shop-grid{grid-template-columns:1fr}}@media (max-width:768px){.tutorial-container{height:calc(100vh - 150px);padding:.5rem}.tutorial-item{padding:1rem}.tutorial-header h3{font-size:1rem}.tutorial-detail-expanded{padding:1rem}.player-controls{flex-direction:column;gap:.5rem}.control-btn{width:100%}.guide-container{height:calc(100vh - 150px);padding:.5rem}.guide-item{padding:1rem}.guide-header h3{font-size:1rem}.guide-detail-expanded{padding:1rem}}.markdown-content{color:#eee;font-size:1rem;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:gold;margin-bottom:.75rem;margin-top:1.5rem}.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#ddd;margin-bottom:.6rem;margin-top:1.2rem}.markdown-content p{color:#eee;margin-bottom:1rem}.markdown-content ol,.markdown-content ul{margin-bottom:1rem;margin-left:1.5rem}.markdown-content li{color:#eee;margin-bottom:.5rem}.markdown-content code{background-color:#2a2a2e;border-radius:3px;font-family:monospace;font-size:.9em;padding:.2em .4em}.markdown-content pre{background-color:#2a2a2e;border-radius:5px;margin-bottom:1rem;overflow-x:auto;padding:1rem}.markdown-content blockquote{border-left:4px solid gold;color:#bbb;margin-left:0;padding-left:1rem}.markdown-content a{color:gold;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;margin-bottom:1rem;width:100%}.markdown-content td,.markdown-content th{border:1px solid #444;padding:.5rem;text-align:left}.markdown-content th{background-color:#2a2a2e}[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{-webkit-overflow-scrolling:touch;box-sizing:inherit!important;direction:inherit!important;resize:none!important}.simplebar-content-wrapper{-ms-overflow-style:none;box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{-ms-overflow-style:scrollbar!important;direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{-ms-overflow-style:none;left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-bg{background:linear-gradient(135deg,#18181a 60%,#2d2d2d);color:#fff;display:flex;flex-direction:column;min-height:100vh}.main-header{background:#18181af2;border-bottom:2px solid #bfa14a;box-shadow:0 2px 12px #000;padding:2rem 0 1rem;text-align:center}.main-title{color:#bfa14a;font-size:2.2rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 8px #000}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem 0}.main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:900px;width:90vw}.main-item{background:#18181af2;border-radius:16px;box-shadow:0 2px 16px #000,0 0 0 2px #bfa14a;color:gold;cursor:pointer;font-size:1.2rem;font-weight:600;padding:2.2rem 1rem;text-align:center;transition:box-shadow .2s,color .2s,background .2s;-webkit-user-select:none;user-select:none}.main-item:hover{background:#232323;box-shadow:0 4px 24px #bfa14a,0 0 0 2.5px gold;color:#fff}@media (max-width:600px){.main-title{font-size:1.3rem}.main-grid{gap:1rem;width:98vw}.main-item{font-size:1rem;padding:1.2rem .5rem}}.layout-bg{background:linear-gradient(135deg,#18181a 60%,#2d2d2d);display:flex;min-height:100vh}.sidebar{align-items:stretch;background:#18181afa;border-right:2px solid #bfa14a;box-shadow:2px 0 16px #000;display:flex;flex-direction:column;position:relative;width:220px;z-index:2}.sidebar-logo{color:gold;font-size:2rem;font-weight:900;letter-spacing:2px;padding:2.2rem 0 1.2rem;text-align:center;text-shadow:0 2px 8px #000}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;margin-top:1.5rem}.sidebar-user{align-items:center;background:#18181af2;border-top:2px solid #bfa14a;color:gold;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;margin-top:auto;padding:1.5rem 2rem;position:relative}.sidebar-user .user-avatar{font-size:1.7rem;margin-right:.7rem}.sidebar-user .user-name{margin-right:.5rem}.sidebar-user .user-menu{background:#232323;border-radius:10px;bottom:3.5rem;box-shadow:0 2px 16px #000,0 0 0 2px #bfa14a;left:0;min-width:120px;overflow:hidden;position:absolute;z-index:10}.sidebar-item{align-items:center;border-left:4px solid #0000;color:#bfa14a;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;padding:1.1rem 2rem;transition:background .2s,color .2s,border .2s;-webkit-user-select:none;user-select:none}.sidebar-item.active,.sidebar-item:hover{background:#232323;border-left:4px solid gold;color:gold}.sidebar-icon{font-size:1.5rem;margin-right:1rem}.sidebar-label{flex:1 1}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0}.mainbar-header{background:#18181af2;border-bottom:2px solid #bfa14a;box-shadow:0 2px 12px #000;justify-content:space-between;padding:1.5rem 2.5rem 1.2rem;position:relative;z-index:1}.mainbar-header,.mainbar-section{align-items:center;display:flex}.mainbar-icon{color:gold;font-size:2rem;margin-right:1rem}.mainbar-title{color:#bfa14a;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px #000}.mainbar-user{align-items:center;color:gold;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;position:relative}.user-avatar{font-size:1.7rem;margin-right:.7rem}.user-name{margin-right:.5rem}.user-menu{background:#232323;border-radius:10px;box-shadow:0 2px 16px #000,0 0 0 2px #bfa14a;min-width:120px;overflow:hidden;position:absolute;right:0;top:2.5rem;z-index:10}.user-menu-item{color:gold;cursor:pointer;font-size:1rem;padding:1rem 1.2rem;text-align:left;transition:background .2s,color .2s}.user-menu-item:hover{background:#bfa14a;color:#18181a}.mainbar-content{align-items:flex-start;background:#212124;display:flex;flex:1 1;justify-content:flex-start}.section-placeholder{background:#18181ab3;border-radius:12px;box-shadow:0 2px 12px #000;color:gold;font-size:1.3rem;font-weight:500;min-width:300px;padding:2.5rem 2rem}@media (max-width:900px){.sidebar{min-width:60px;width:60px}.sidebar-logo{font-size:1.1rem;padding:1.2rem 0 .7rem}.sidebar-item{font-size:.9rem;padding:.7rem .5rem}.sidebar-label{display:none}.mainbar-content,.mainbar-header{padding-left:1rem;padding-right:1rem}}@media (max-width:600px){.mainbar-title{font-size:1rem}.mainbar-content,.mainbar-header{padding-left:.3rem;padding-right:.3rem}.section-placeholder{font-size:1rem;min-width:120px;padding:1.2rem .5rem}}
/*# sourceMappingURL=main.8a2353fb.css.map*/