.modal[data-v-318f2bb9]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-318f2bb9]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:3rem;text-align:center;max-width:500px;width:90%;border:2px solid #4361ee;box-shadow:0 0 30px rgba(67,97,238,.5);position:relative;animation:popIn-318f2bb9 .5s ease-out}@keyframes popIn-318f2bb9{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.modal h2[data-v-318f2bb9]{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#ff416c,#4361ee);-webkit-background-clip:text;background-clip:text;color:transparent}.modal p[data-v-318f2bb9]{font-size:1.2rem;margin-bottom:1rem;line-height:1.6;color:hsla(0,0%,100%,.8)}.close-modal[data-v-318f2bb9]{background:linear-gradient(90deg,#ff416c,#4361ee);color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.close-modal[data-v-318f2bb9]:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(255,65,108,.4)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0c1a2d,#0d1525,#080e1b);color:#fff;min-height:100vh;overflow-x:hidden;position:relative;font-family:Segoe UI,Microsoft YaHei,sans-serif}.tetris-grid-bg{position:fixed;width:100%;height:100%;z-index:0;background-image:linear-gradient(rgba(67,97,238,.1) 1px,transparent 0),linear-gradient(90deg,rgba(67,97,238,.1) 1px,transparent 0);background-size:40px 40px;opacity:.2;pointer-events:none}.user-control{position:fixed;top:20px;right:20px;z-index:100}.login-link{display:inline-flex;align-items:center;padding:10px 15px;background:rgba(67,97,238,.3);border-radius:30px;color:#fff;text-decoration:none;font-size:.9rem;transition:all .3s ease;backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 6px rgba(0,0,0,.1)}.login-link:hover{background:rgba(67,97,238,.5);transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.login-link i{margin-right:8px;font-size:.9rem}.falling-block{position:fixed;width:30px;height:30px;background:#4361ee;border-radius:3px;z-index:1;animation:falling 10s linear infinite;opacity:.4;top:-30px;pointer-events:none}.falling-block.red{background:#ff416c}@keyframes falling{0%{transform:translateY(-100px) rotate(0deg);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.music-control{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.music-control:hover{background:rgba(67,97,238,.3);transform:scale(1.1)}.music-control i{font-size:1.5rem;color:#fff}.site-footer{position:fixed;bottom:0;width:100%;padding:15px 0;text-align:center;background:transparent;backdrop-filter:none;z-index:10;border-top:1px solid hsla(0,0%,100%,0);pointer-events:none}.footer-content{font-size:.8rem;color:hsla(0,0%,100%,.7);letter-spacing:.5px;pointer-events:none}.footer-link{color:rgba(67,97,238,.8);text-decoration:none;margin:0 5px;transition:color .3s ease;pointer-events:auto}.footer-link:hover{color:#ff416c;text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:10}header{justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.logo,header{display:flex;align-items:center}.logo{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#ff416c,#ff4b2b,#f72585);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(247,37,133,.4)}.logo i{margin-right:10px;color:#ff416c;animation:pulse 1.5s infinite}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:1.1rem;font-weight:500;position:relative;transition:color .3s ease}nav a:hover{color:#fff}nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff416c,#ff4b2b);transition:width .3s ease}nav a:hover:after{width:100%}.hero{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:4rem 0}.hero-content{max-width:600px;animation:fadeInUp 1s ease-out}.hero h1{font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(90deg,#ff416c,#ff4b2b,#4361ee,#4cc9f0);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hero h1 span{display:block;font-size:5.5rem;font-weight:800;letter-spacing:1px}.hero p{font-size:1.2rem;line-height:1.7;color:hsla(0,0%,100%,.8);margin-bottom:2.5rem}.btn-container{display:flex;gap:1.5rem;margin-top:2rem}.btn{padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn-primary{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;box-shadow:0 10px 20px rgba(255,75,43,.4)}.btn-outline{border:2px solid rgba(67,97,238,.5);color:#fff;background:rgba(67,97,238,.1);backdrop-filter:blur(10px)}.btn:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(255,75,43,.6)}.hero-image{position:relative;width:45%;animation:float 6s ease-in-out infinite}.vs-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.player{width:45%;position:relative;perspective:1000px}.player-red{transform:rotateY(-5deg)}.player-blue{transform:rotateY(5deg)}.player-content{background:rgba(0,0,0,.7);border-radius:15px;padding:1.5rem;border:3px solid transparent;position:relative;overflow:hidden;height:300px}.player-red .player-content{border-color:#ff416c;box-shadow:0 0 20px rgba(255,65,108,.5)}.player-blue .player-content{border-color:#4361ee;box-shadow:0 0 20px rgba(67,97,238,.5)}.player-title{text-align:center;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.player-red .player-title{color:#ff416c}.player-blue .player-title{color:#4361ee}.tetris-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;width:100%;height:200px;background:hsla(0,0%,100%,.05);padding:5px;border-radius:5px}.grid-cell{background:hsla(0,0%,100%,.1);border-radius:2px}.cell-filled-red{background:#ff416c}.cell-filled-blue,.cell-filled-red{box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.cell-filled-blue{background:#4361ee}.vs-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:800;background:linear-gradient(90deg,#ff416c,#4361ee);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px hsla(0,0%,100%,.5);animation:pulse 2s infinite}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:6rem 0}.feature-card{background:hsla(0,0%,100%,.05);border-radius:20px;padding:2.5rem;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px rgba(0,0,0,.2);border:1px solid rgba(76,201,240,.3)}.feature-icon{width:80px;height:80px;background:rgba(76,201,240,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon i{font-size:2.5rem;color:#4cc9f0}.feature-card h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.feature-card p{color:hsla(0,0%,100%,.7);line-height:1.6}.game-modes{display:flex;gap:2rem;margin:4rem 0}.mode-card{flex:1;background:hsla(0,0%,100%,.05);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.mode-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}.mode-card.solo{border-color:rgba(76,201,240,.5)}.mode-card.versus{border-color:rgba(255,65,108,.5)}.mode-card h3{font-size:1.8rem;margin:1.5rem 0;color:#fff}.mode-icon{font-size:4rem;margin-bottom:1rem}.mode-card.solo .mode-icon{color:#4cc9f0}.mode-card.versus .mode-icon{background:linear-gradient(90deg,#ff416c,#4361ee);-webkit-background-clip:text;background-clip:text;color:transparent}footer{text-align:center;padding:3rem 0;margin-top:4rem;border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6)}.social-links{gap:1.5rem;margin-bottom:1.5rem}.social-links,.social-links a{display:flex;justify-content:center}.social-links a{align-items:center;width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.05);color:#fff;font-size:1.3rem;transition:all .3s ease;text-decoration:none}.social-links a:hover{background:linear-gradient(90deg,#4361ee,#4cc9f0);transform:translateY(-5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);text-shadow:0 0 0 hsla(0,0%,100%,.5)}50%{transform:scale(1.05);text-shadow:0 0 15px hsla(0,0%,100%,.8)}to{transform:scale(1);text-shadow:0 0 0 hsla(0,0%,100%,.5)}}.pulse{animation:pulse 2s infinite}@media (max-width:992px){.hero{flex-direction:column;text-align:center;padding:2rem 0}.hero-content{max-width:100%;margin-bottom:4rem}.btn-container{justify-content:center}.hero-image{width:100%}.hero h1{font-size:3.5rem}.hero h1 span{font-size:4rem}.game-modes{flex-direction:column}}@media (max-width:768px){.vs-container{flex-direction:column;gap:2rem}.player{width:100%}.vs-text{position:relative;top:auto;left:auto;transform:none;margin:1rem 0}}@media (max-width:576px){nav ul{gap:1rem}.hero h1{font-size:2.5rem}.hero h1 span{font-size:3rem}.btn{padding:12px 25px;font-size:1rem}.modal-content{padding:2rem}.modal h2{font-size:2rem}}.back-button[data-v-78f64d65]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-78f64d65]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.privacy-policy-container[data-v-78f64d65]{max-width:900px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative;z-index:2}h1[data-v-78f64d65]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem}h2[data-v-78f64d65]{color:#ff416c;margin:1.5rem 0 1rem;font-size:1.3rem;border-bottom:1px solid rgba(255,65,108,.3);padding-bottom:.5rem}h3[data-v-78f64d65]{color:#fff;margin:1.5rem 0 .5rem}.policy-section[data-v-78f64d65]{margin-bottom:1.5rem;line-height:1.6}.policy-section p[data-v-78f64d65]{margin-bottom:.8rem}ul[data-v-78f64d65]{padding-left:1.5rem;margin:.8rem 0}li[data-v-78f64d65]{margin-bottom:.5rem}.acceptance[data-v-78f64d65]{background:rgba(255,65,108,.1);padding:1rem;border-radius:5px;border-left:3px solid #ff416c}.contact-info[data-v-78f64d65]{margin-top:2rem;padding-top:1rem;border-top:1px dashed hsla(0,0%,100%,.2)}@media (max-width:768px){.privacy-policy-container[data-v-78f64d65]{padding:1rem;margin:1rem}h1[data-v-78f64d65]{font-size:1.5rem}}.about-container[data-v-06be2e9a]{max-width:900px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative;z-index:2}.back-button[data-v-06be2e9a]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-06be2e9a]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}h1[data-v-06be2e9a]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem}h2[data-v-06be2e9a]{color:#ff416c;margin:1.5rem 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:10px}h2 i[data-v-06be2e9a]{font-size:1.2rem}.about-section[data-v-06be2e9a]{margin-bottom:2rem;line-height:1.6}.about-section p[data-v-06be2e9a]{margin-bottom:.8rem}ul[data-v-06be2e9a]{padding-left:1.5rem;margin:.8rem 0}li[data-v-06be2e9a]{margin-bottom:.5rem}.notice-box[data-v-06be2e9a]{background:rgba(255,65,108,.1);padding:1rem;border-radius:5px;border-left:3px solid #ff416c}.notice-box p[data-v-06be2e9a]{display:flex;align-items:flex-start;gap:8px}.notice-box i[data-v-06be2e9a]{margin-top:3px;color:#ff416c}.material-card[data-v-06be2e9a]{background:rgba(67,97,238,.1);padding:1rem;border-radius:5px;margin:1rem 0;border-left:3px solid #4361ee}.material-card h3[data-v-06be2e9a]{color:#4361ee;margin-top:0;display:flex;align-items:center;gap:8px}.license-info[data-v-06be2e9a]{background:rgba(0,0,0,.2);padding:1rem;border-radius:5px;margin-top:1rem}.license-info p[data-v-06be2e9a]{margin-bottom:.5rem}.license-info ul[data-v-06be2e9a]{margin:.5rem 0}.contact p[data-v-06be2e9a]{display:flex;align-items:center;gap:8px}.contact i[data-v-06be2e9a]{width:20px;color:#4361ee}a[data-v-06be2e9a]{color:#4cc9f0;text-decoration:none;transition:color .3s ease}a[data-v-06be2e9a]:hover{color:#ff416c;text-decoration:underline}@media (max-width:768px){.about-container[data-v-06be2e9a]{padding:1rem;margin:1rem}h1[data-v-06be2e9a]{font-size:1.5rem}}.guide-container[data-v-053d7f26]{max-width:900px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative;z-index:2}.back-button[data-v-053d7f26]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-053d7f26]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}h1[data-v-053d7f26]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem;text-shadow:0 0 10px rgba(67,97,238,.3)}h2[data-v-053d7f26]{color:#ff416c;margin:1.5rem 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,65,108,.3);padding-bottom:.5rem}h2 i[data-v-053d7f26]{font-size:1.2rem}h3[data-v-053d7f26]{color:#4cc9f0;margin:1rem 0 .5rem;font-size:1.1rem;display:flex;align-items:center;gap:8px}.guide-section[data-v-053d7f26]{margin-bottom:2rem;line-height:1.6}.control-card[data-v-053d7f26],.faq-box[data-v-053d7f26],.rule-box[data-v-053d7f26],.score-card[data-v-053d7f26],.tip-box[data-v-053d7f26]{background:hsla(0,0%,100%,.05);padding:1rem;border-radius:8px;margin:1rem 0;border-left:3px solid rgba(76,201,240,.5);box-shadow:0 2px 8px rgba(0,0,0,.1)}ul[data-v-053d7f26]{padding-left:1.5rem;margin:.8rem 0}li[data-v-053d7f26]{margin-bottom:.5rem}.shapes-grid[data-v-053d7f26]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;margin:1.5rem 0}.shape-example[data-v-053d7f26]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.shape-preview-container[data-v-053d7f26]{position:relative;width:60px;height:60px;margin-bottom:10px}.shape-preview[data-v-053d7f26]{width:60px;height:60px;border-radius:5px;border:2px solid hsla(0,0%,100%,.2);opacity:.3}.tetromino-preview[data-v-053d7f26]{position:absolute;top:0;left:0;width:60px;height:60px;display:grid}.tetromino-I[data-v-053d7f26]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.tetromino-J[data-v-053d7f26],.tetromino-L[data-v-053d7f26],.tetromino-S[data-v-053d7f26],.tetromino-T[data-v-053d7f26],.tetromino-Z[data-v-053d7f26]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.tetromino-O[data-v-053d7f26]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.tetromino-cell[data-v-053d7f26]{border:1px solid rgba(0,0,0,.2);box-sizing:border-box}.faq-box[data-v-053d7f26]{margin-bottom:1.5rem;background:rgba(255,65,108,.1);border-left:3px solid rgba(255,65,108,.5)}.faq-box h3[data-v-053d7f26]{color:#ff8fa3}.faq-box p[data-v-053d7f26]{padding-left:1.5rem;color:hsla(0,0%,100%,.8)}@media (max-width:768px){.guide-container[data-v-053d7f26]{padding:1rem;margin:1rem}h1[data-v-053d7f26]{font-size:1.5rem}.shapes-grid[data-v-053d7f26]{grid-template-columns:repeat(2,1fr)}}.not-found-view[data-v-b5762eb6]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.container[data-v-b5762eb6]{max-width:800px;margin:0 auto;padding:2rem}.error-content[data-v-b5762eb6]{text-align:center;background:rgba(12,26,45,.9);padding:3rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);border:1px solid rgba(67,97,238,.3);position:relative;overflow:hidden}.error-icon[data-v-b5762eb6]{font-size:5rem;color:#ff416c;margin-bottom:1.5rem;animation:bounce-b5762eb6 2s infinite}h1[data-v-b5762eb6]{font-size:2.5rem;color:#fff;margin-bottom:1rem;background:linear-gradient(90deg,#ff416c,#4361ee);-webkit-background-clip:text;background-clip:text;color:transparent}.error-message[data-v-b5762eb6]{font-size:1.3rem;color:#fff;margin-bottom:1.5rem}.error-description[data-v-b5762eb6]{color:hsla(0,0%,100%,.7);line-height:1.8;margin-bottom:2.5rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.action-buttons[data-v-b5762eb6]{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.btn[data-v-b5762eb6]{padding:12px 25px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-b5762eb6]{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;box-shadow:0 5px 15px rgba(255,75,43,.4)}.btn-outline[data-v-b5762eb6]{border:2px solid rgba(67,97,238,.5);color:#fff;background:rgba(67,97,238,.1)}.btn[data-v-b5762eb6]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,75,43,.6)}.tetris-animation[data-v-b5762eb6]{display:flex;justify-content:center;gap:15px;margin-top:3rem;height:60px}.tetris-block[data-v-b5762eb6]{width:30px;height:30px;position:relative;animation:float-b5762eb6 3s ease-in-out infinite}.i-block[data-v-b5762eb6]{background:#00f0f0;box-shadow:inset 0 0 5px rgba(0,0,0,.3);animation-delay:.2s}.o-block[data-v-b5762eb6]{background:#f0f000;box-shadow:inset 0 0 5px rgba(0,0,0,.3);animation-delay:.4s}.t-block[data-v-b5762eb6]{background:#a000f0;box-shadow:inset 0 0 5px rgba(0,0,0,.3);animation-delay:.6s}.l-block[data-v-b5762eb6]{background:#f0a000;box-shadow:inset 0 0 5px rgba(0,0,0,.3);animation-delay:.8s}@keyframes bounce-b5762eb6{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-b5762eb6{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.error-content[data-v-b5762eb6]{padding:2rem 1rem}h1[data-v-b5762eb6]{font-size:2rem}.action-buttons[data-v-b5762eb6]{flex-direction:column;gap:1rem}.btn[data-v-b5762eb6]{width:100%;justify-content:center}}.game-container[data-v-52265899]{position:relative;width:100%;min-height:100vh;height:100%;color:#fff;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;overflow:auto;padding:20px;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e,#16213e)}.back-to-home[data-v-52265899]{position:absolute;top:20px;left:20px;z-index:100}.btn-back[data-v-52265899]{padding:10px 15px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;text-decoration:none;border-radius:5px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-back[data-v-52265899]:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.game-wrapper[data-v-52265899]{display:flex;gap:20px;align-items:flex-start;margin-top:60px;margin-bottom:20px}.hold-area[data-v-52265899]{display:flex;flex-direction:column;gap:20px;width:150px}.game-board[data-v-52265899]{background:rgba(0,0,0,.3);border:3px solid hsla(0,0%,100%,.1);border-radius:10px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);height:710px}.tetris-grid[data-v-52265899]{display:grid;gap:1px;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);width:100%;height:92%}.cell[data-v-52265899]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);box-sizing:border-box}.info-area[data-v-52265899]{display:flex;flex-direction:column;gap:20px;width:180px}.info-card[data-v-52265899]{background:rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.1);border-radius:10px;padding:15px;text-align:center}.info-card h3[data-v-52265899]{margin:0 0 10px 0;font-size:1.2rem;color:#4cc9f0}.b2b[data-v-52265899],.level[data-v-52265899],.lines[data-v-52265899],.score[data-v-52265899],.status[data-v-52265899]{font-size:1.8rem;font-weight:700;color:#fff}.status[data-v-52265899]{font-size:1.2rem}.hold-piece[data-v-52265899],.next-piece[data-v-52265899]{display:grid;gap:1px;background:hsla(0,0%,100%,.1);margin:10px auto 0;border:2px solid hsla(0,0%,100%,.1);height:128px;width:127px;grid-template-columns:repeat(4,30px);grid-template-rows:repeat(4,30px)}.hold-piece .cell[data-v-52265899],.next-piece .cell[data-v-52265899]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.next-pieces[data-v-52265899]{display:flex;flex-direction:column;gap:10px;margin-top:10px}.btn-confirm[data-v-52265899],.btn-home[data-v-52265899],.btn-pause[data-v-52265899],.btn-restart[data-v-52265899],.btn-start[data-v-52265899]{padding:12px 20px;color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:0;width:100%;text-align:center;text-decoration:none;display:block}.btn-confirm[data-v-52265899],.btn-restart[data-v-52265899],.btn-start[data-v-52265899]{background:linear-gradient(90deg,#ff416c,#ff4b2b)}.btn-pause[data-v-52265899]{background:linear-gradient(90deg,#4b6cb7,#182848)}.btn-home[data-v-52265899]{background:linear-gradient(90deg,#00b09b,#96c93d);margin-top:10px}.btn-confirm[data-v-52265899]:hover,.btn-restart[data-v-52265899]:hover,.btn-start[data-v-52265899]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,75,43,.4)}.btn-pause[data-v-52265899]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(75,108,183,.4)}.btn-home[data-v-52265899]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,176,155,.4)}.game-over-modal[data-v-52265899]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-52265899]{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:30px;border-radius:15px;text-align:center;max-width:400px;width:90%;border:2px solid rgba(76,201,240,.5);box-shadow:0 10px 30px rgba(0,0,0,.7)}.modal-content h2[data-v-52265899]{color:#ff416c;margin-top:0;font-size:2rem}.modal-content p[data-v-52265899]{font-size:1.2rem;margin:15px 0}.modal-buttons[data-v-52265899]{display:flex;flex-direction:column;gap:10px;margin-top:20px}@media (max-width:768px){.game-wrapper[data-v-52265899]{flex-direction:column;align-items:center;margin-top:80px}.hold-area[data-v-52265899],.info-area[data-v-52265899]{width:100%;max-width:300px;flex-direction:row;flex-wrap:wrap;justify-content:center}.info-card[data-v-52265899]{width:calc(50% - 10px)}.btn-pause[data-v-52265899],.btn-start[data-v-52265899]{order:1;width:100%}}@media (max-width:480px){.game-board[data-v-52265899]{transform:scale(.9)}.info-card[data-v-52265899]{width:100%}.game-wrapper[data-v-52265899]{margin-top:70px}}.game-title[data-v-52265899]{font-size:2rem;font-weight:700;text-align:center;margin-bottom:15px;color:#4cc9f0;text-shadow:0 0 10px rgba(76,201,240,.7),0 0 20px rgba(76,201,240,.5),0 0 30px rgba(76,201,240,.3);letter-spacing:2px;animation:pulse-52265899 2s infinite alternate}@keyframes pulse-52265899{0%{text-shadow:0 0 10px rgba(76,201,240,.7),0 0 20px rgba(76,201,240,.5)}to{text-shadow:0 0 15px rgba(76,201,240,.9),0 0 25px rgba(76,201,240,.7),0 0 35px rgba(76,201,240,.5)}}.effect-text-container[data-v-52265899]{position:absolute;top:20%;right:10%;width:100%;height:auto;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:flex-end}.effect-text[data-v-52265899]{position:relative;font-size:36px;font-weight:700;line-height:1.2;text-shadow:0 0 10px currentColor,0 0 20px currentColor;opacity:0;animation:textPop-52265899 1.2s cubic-bezier(.175,.885,.32,1.275) forwards;margin-bottom:10px;text-align:right;padding:0 20px}@keyframes textPop-52265899{0%{transform:translateY(20px) scale(.8);opacity:0;filter:blur(2px)}20%{opacity:1;filter:blur(0)}50%{transform:translateY(-10px) scale(1.1)}80%{opacity:1}to{transform:translateY(0) scale(1);opacity:0}}.effect-text[data-v-52265899]:first-child{animation-delay:0s}.effect-text[data-v-52265899]:nth-child(2){animation-delay:.1s}.effect-text[data-v-52265899]:nth-child(3){animation-delay:.2s}.profile-container[data-v-06310e8c]{max-width:800px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative}.back-button[data-v-06310e8c]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-06310e8c]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.profile-content[data-v-06310e8c]{color:#fff}h1[data-v-06310e8c]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem}.profile-card[data-v-06310e8c]{background:rgba(67,97,238,.1);border-radius:10px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(67,97,238,.3)}.profile-header[data-v-06310e8c]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.avatar[data-v-06310e8c]{width:100px;height:100px;border-radius:50%;background:rgba(67,97,238,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.avatar i[data-v-06310e8c]{font-size:5rem;color:rgba(67,97,238,.8)}.profile-header h2[data-v-06310e8c]{margin:0;color:#fff;font-size:1.5rem}.profile-details[data-v-06310e8c]{display:grid;grid-template-columns:1fr;gap:1rem}.detail-item[data-v-06310e8c]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.detail-item[data-v-06310e8c]:last-child{border-bottom:none}.label[data-v-06310e8c]{color:hsla(0,0%,100%,.7);min-width:80px}.value[data-v-06310e8c]{color:#fff;flex-grow:1;margin:0 10px}.value.active[data-v-06310e8c]{color:#4cc9f0}.value.inactive[data-v-06310e8c]{color:#ff416c}.bind-button[data-v-06310e8c],.edit-button[data-v-06310e8c]{background:rgba(67,97,238,.2);color:#4361ee;border:1px solid rgba(67,97,238,.5);padding:.3rem .8rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.8rem}.bind-button[data-v-06310e8c]{margin-left:10px}.bind-button[data-v-06310e8c]:hover,.edit-button[data-v-06310e8c]:hover{background:rgba(67,97,238,.3);transform:translateY(-1px)}.actions-section[data-v-06310e8c]{display:flex;justify-content:center}.logout-button[data-v-06310e8c]{background:rgba(255,65,108,.2);color:#ff416c;border:1px solid rgba(255,65,108,.5);padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.logout-button[data-v-06310e8c]:hover{background:rgba(255,65,108,.3);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:768px){.profile-container[data-v-06310e8c]{padding:1rem;margin:1rem}.detail-item[data-v-06310e8c]{flex-wrap:wrap}.bind-button[data-v-06310e8c],.edit-button[data-v-06310e8c]{margin-top:5px;width:100%}}.form-static-text[data-v-6d9874ef]{padding:.75rem;background:hsla(0,0%,100%,.05);border-radius:4px;color:hsla(0,0%,100%,.7)}.auth-footer .divider[data-v-6d9874ef]{margin:0 .5rem;color:hsla(0,0%,100%,.5)}.auth-container[data-v-6d9874ef]{max-width:500px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative}.back-button[data-v-6d9874ef]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-6d9874ef]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}h1[data-v-6d9874ef]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem}h2[data-v-6d9874ef]{color:#ff416c;margin:1.5rem 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:10px}h2 i[data-v-6d9874ef]{font-size:1.2rem}h3[data-v-6d9874ef]{color:#4cc9f0;margin:1rem 0 .5rem;font-size:1.1rem;display:flex;align-items:center;gap:8px}.auth-section[data-v-6d9874ef]{margin-bottom:2rem;line-height:1.6}.auth-card[data-v-6d9874ef],.faq-box[data-v-6d9874ef],.profile-card[data-v-6d9874ef]{background:hsla(0,0%,100%,.05);padding:1.5rem;border-radius:8px;margin:1rem 0;border-left:3px solid rgba(76,201,240,.5)}.auth-form[data-v-6d9874ef]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-6d9874ef]{margin-bottom:1rem}.form-group label[data-v-6d9874ef]{display:block;margin-bottom:.5rem;color:hsla(0,0%,100%,.7);font-size:.9rem}.custom-input[data-v-6d9874ef]{width:100%;padding:.75rem;background:hsla(0,0%,100%,.1);border:1px solid rgba(67,97,238,.3);border-radius:4px;color:#fff;font-size:1rem;transition:all .3s ease}.custom-input[data-v-6d9874ef]:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px rgba(67,97,238,.2)}.custom-input[data-v-6d9874ef]::-moz-placeholder{color:hsla(0,0%,100%,.5)}.custom-input[data-v-6d9874ef]::placeholder{color:hsla(0,0%,100%,.5)}.input-error[data-v-6d9874ef]{border-color:#ff416c}.error-message[data-v-6d9874ef]{color:#ff416c;font-size:.8rem;margin-top:.25rem;display:block}.form-button-item[data-v-6d9874ef]{margin-top:1rem}.submit-button[data-v-6d9874ef]{width:100%;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:12px;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease}.submit-button[data-v-6d9874ef]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.auth-footer[data-v-6d9874ef]{display:flex;justify-content:center;align-items:center;margin-top:1rem;color:hsla(0,0%,100%,.7)}.switch-button[data-v-6d9874ef]{background:none;border:none;color:#4cc9f0;cursor:pointer;margin-left:.5rem;text-decoration:underline;transition:color .3s ease}.switch-button[data-v-6d9874ef]:hover{color:#4361ee}.profile-header[data-v-6d9874ef]{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.profile-icon[data-v-6d9874ef]{font-size:3rem;color:#4cc9f0;margin-bottom:.5rem}.profile-actions[data-v-6d9874ef]{display:flex;flex-direction:column;gap:.8rem}.profile-button[data-v-6d9874ef]{background:rgba(67,97,238,.2);color:#fff;border:none;padding:.8rem;border-radius:5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.profile-button[data-v-6d9874ef]:hover{background:rgba(67,97,238,.4);transform:translateY(-2px)}.profile-button i[data-v-6d9874ef]{font-size:1rem}.faq-box[data-v-6d9874ef]{margin-bottom:1rem}.faq-box p[data-v-6d9874ef]{padding-left:1.5rem;color:hsla(0,0%,100%,.8)}@media (max-width:768px){.auth-container[data-v-6d9874ef]{padding:1rem;margin:1rem}h1[data-v-6d9874ef]{font-size:1.5rem}.auth-card[data-v-6d9874ef],.profile-card[data-v-6d9874ef]{padding:1rem}}.qq-login-container[data-v-6d9874ef]{margin-bottom:1.5rem}.qq-login-button[data-v-6d9874ef]{width:100%;background:#12b7f5;color:#fff;border:none;padding:12px;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.qq-login-button[data-v-6d9874ef]:hover{background:#0d9cd8;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.qq-login-button i[data-v-6d9874ef]{font-size:1.2rem}.divider[data-v-6d9874ef]{display:flex;align-items:center;margin:1rem 0}.divider-line[data-v-6d9874ef]{flex:1;height:1px;background:hsla(0,0%,100%,.2)}.divider-text[data-v-6d9874ef]{padding:0 1rem;color:hsla(0,0%,100%,.5);font-size:.9rem}.qq-bind-container[data-v-6d9874ef]{text-align:center;padding:1.5rem}.qq-bind-hint[data-v-6d9874ef]{margin-top:1rem;color:hsla(0,0%,100%,.7);font-size:.9rem}.feedback-container[data-v-786e6ed2]{max-width:900px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative;z-index:2}.back-button[data-v-786e6ed2]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-786e6ed2]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}h1[data-v-786e6ed2]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem}h2[data-v-786e6ed2]{color:#ff416c;margin:1.5rem 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:10px}h2 i[data-v-786e6ed2]{font-size:1.2rem}.feedback-section[data-v-786e6ed2]{margin-bottom:2rem;line-height:1.6}.form-container[data-v-786e6ed2]{background:rgba(67,97,238,.1);padding:1.5rem;border-radius:8px;border-left:3px solid #4361ee}.form-group[data-v-786e6ed2]{margin-bottom:1.2rem}.form-group label[data-v-786e6ed2]{display:block;margin-bottom:.5rem;color:#f8f9fa;font-weight:500}.form-input[data-v-786e6ed2]{width:100%;padding:.8rem;border-radius:5px;border:1px solid rgba(67,97,238,.5);background:rgba(12,26,45,.6);color:#f8f9fa;font-size:1rem;transition:all .3s ease}.form-input[data-v-786e6ed2]:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px rgba(67,97,238,.3)}textarea.form-input[data-v-786e6ed2]{min-height:120px;resize:vertical}.submit-button[data-v-786e6ed2]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-top:.5rem}.submit-button[data-v-786e6ed2]:hover:not(:disabled){background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.submit-button[data-v-786e6ed2]:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.message[data-v-786e6ed2]{margin-top:1rem;padding:.5rem;border-radius:5px;display:flex;align-items:center;gap:8px}.message.error[data-v-786e6ed2]{background:rgba(255,65,108,.2);color:#ff416c}.message[data-v-786e6ed2]:not(.error){background:rgba(67,97,238,.2);color:#4361ee}.feedback-list[data-v-786e6ed2]{display:flex;flex-direction:column;gap:1.2rem}.feedback-item[data-v-786e6ed2]{background:rgba(12,26,45,.6);border-radius:8px;padding:1.2rem;border-left:3px solid #4361ee;box-shadow:0 2px 8px rgba(0,0,0,.1)}.feedback-header[data-v-786e6ed2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:.9rem}.feedback-type[data-v-786e6ed2]{padding:.3rem .6rem;border-radius:4px;font-weight:500}.type-bug[data-v-786e6ed2]{background:rgba(220,53,69,.2);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.type-feature[data-v-786e6ed2]{background:rgba(25,135,84,.2);color:#198754;border:1px solid rgba(25,135,84,.3)}.type-improvement[data-v-786e6ed2]{background:rgba(13,110,253,.2);color:#0d6efd;border:1px solid rgba(13,110,253,.3)}.type-other[data-v-786e6ed2]{background:hsla(208,7%,46%,.2);color:#6c757d;border:1px solid hsla(208,7%,46%,.3)}.feedback-time[data-v-786e6ed2]{color:#adb5bd}.feedback-content-text[data-v-786e6ed2]{margin-bottom:1rem;line-height:1.6;color:#e9ecef}.feedback-footer[data-v-786e6ed2]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.feedback-vote[data-v-786e6ed2]{display:flex;gap:.8rem}.feedback-vote button[data-v-786e6ed2]{padding:.3rem .8rem;border-radius:4px;border:1px solid hsla(208,7%,46%,.3);background:hsla(208,7%,46%,.1);color:#adb5bd;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.feedback-vote button[data-v-786e6ed2]:hover:not(:disabled){background:hsla(208,7%,46%,.3)}.feedback-vote button[data-v-786e6ed2]:disabled{opacity:.6;cursor:not-allowed}.feedback-vote button.active[data-v-786e6ed2]{background:rgba(67,97,238,.3);border-color:rgba(67,97,238,.5);color:#4361ee}.feedback-status[data-v-786e6ed2]{padding:.3rem .6rem;border-radius:4px;font-weight:500}.status-pending[data-v-786e6ed2]{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-processing[data-v-786e6ed2]{background:rgba(13,110,253,.2);color:#0d6efd;border:1px solid rgba(13,110,253,.3)}.status-resolved[data-v-786e6ed2]{background:rgba(25,135,84,.2);color:#198754;border:1px solid rgba(25,135,84,.3)}.status-rejected[data-v-786e6ed2]{background:rgba(220,53,69,.2);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.pagination[data-v-786e6ed2]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-button[data-v-786e6ed2]{background:rgba(67,97,238,.2);color:#4361ee;border:1px solid rgba(67,97,238,.5);padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.page-button[data-v-786e6ed2]:hover:not(:disabled){background:rgba(67,97,238,.4)}.page-button[data-v-786e6ed2]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-786e6ed2]{color:#adb5bd}.loading-container[data-v-786e6ed2]{display:flex;justify-content:center;align-items:center;gap:10px;padding:2rem;color:#4361ee}.empty-message[data-v-786e6ed2]{padding:1.5rem;text-align:center;color:#adb5bd;background:hsla(208,7%,46%,.1);border-radius:8px}.login-notice[data-v-786e6ed2]{margin-top:2rem;text-align:center}.notice-box[data-v-786e6ed2]{background:rgba(255,193,7,.1);padding:1rem;border-radius:5px;border-left:3px solid #ffc107}.notice-box p[data-v-786e6ed2]{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#ffc107}@media (max-width:768px){.feedback-container[data-v-786e6ed2]{padding:1rem;margin:1rem}h1[data-v-786e6ed2]{font-size:1.5rem}.feedback-header[data-v-786e6ed2]{flex-direction:column;align-items:flex-start;gap:.5rem}.feedback-footer[data-v-786e6ed2]{flex-direction:column;align-items:flex-start;gap:.8rem}.pagination[data-v-786e6ed2]{flex-direction:column;gap:.8rem}}.ranking-container[data-v-22eadbdb]{max-width:1000px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative;z-index:2}.back-button[data-v-22eadbdb]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-22eadbdb]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}h1[data-v-22eadbdb]{color:#4361ee;text-align:center;margin-bottom:1.5rem;font-size:2rem}.game-type-selector[data-v-22eadbdb]{margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.game-type-selector label[data-v-22eadbdb]{color:#f8f9fa;font-weight:500}.game-type-selector select[data-v-22eadbdb]{padding:.5rem;border-radius:5px;border:1px solid rgba(67,97,238,.5);background:rgba(12,26,45,.6);color:#f8f9fa;font-size:1rem}.notice-box[data-v-22eadbdb]{background:rgba(255,193,7,.1);padding:1rem;border-radius:5px;border-left:3px solid #ffc107;margin-bottom:1.5rem}.notice-box p[data-v-22eadbdb]{color:#ffc107;margin-top:0;margin-bottom:.5rem;display:flex;align-items:center;gap:8px}.notice-box ul[data-v-22eadbdb]{margin:.5rem 0 0 1.5rem;padding:0;color:#adb5bd}.notice-box li[data-v-22eadbdb]{margin-bottom:.3rem}.ranking-list-container[data-v-22eadbdb]{margin-top:1.5rem}.loading-container[data-v-22eadbdb]{display:flex;justify-content:center;align-items:center;gap:10px;padding:2rem;color:#4361ee}.empty-message[data-v-22eadbdb]{padding:1.5rem;text-align:center;color:#adb5bd;background:hsla(208,7%,46%,.1);border-radius:8px}.ranking-table[data-v-22eadbdb]{width:100%;border-collapse:collapse;margin-top:1rem;color:#e9ecef}.ranking-table td[data-v-22eadbdb],.ranking-table th[data-v-22eadbdb]{padding:.8rem;text-align:left;border-bottom:1px solid hsla(208,7%,46%,.3)}.ranking-table th[data-v-22eadbdb]{background:rgba(67,97,238,.2);color:#4361ee;font-weight:500}.ranking-table tr[data-v-22eadbdb]:nth-child(2n){background:hsla(208,7%,46%,.1)}.ranking-table tr[data-v-22eadbdb]:hover{background:rgba(67,97,238,.1)}.ranking-table td[data-v-22eadbdb]:first-child{font-weight:700;color:#ffc107}.ranking-table td[data-v-22eadbdb]:nth-child(2){font-weight:500}.ranking-table td[data-v-22eadbdb]:nth-child(3){color:#4cc9f0;font-weight:700}@media (max-width:768px){.ranking-container[data-v-22eadbdb]{padding:1rem;margin:1rem}h1[data-v-22eadbdb]{font-size:1.5rem}.ranking-table[data-v-22eadbdb]{font-size:.9rem}.ranking-table td[data-v-22eadbdb],.ranking-table th[data-v-22eadbdb]{padding:.5rem}.game-type-selector[data-v-22eadbdb],.time-range-selector[data-v-22eadbdb]{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.ranking-table[data-v-22eadbdb]{display:block;overflow-x:auto;white-space:nowrap}}.time-range-selector[data-v-22eadbdb]{margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.time-range-selector label[data-v-22eadbdb]{color:#f8f9fa;font-weight:500}.time-range-selector select[data-v-22eadbdb]{padding:.5rem;border-radius:5px;border:1px solid rgba(67,97,238,.5);background:rgba(12,26,45,.6);color:#f8f9fa;font-size:1rem}.about-container[data-v-0f6350e4]{max-width:900px;margin:2rem auto;padding:2rem;background:rgba(12,26,45,.8);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(67,97,238,.2);position:relative;z-index:2}.back-button[data-v-0f6350e4]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-button[data-v-0f6350e4]:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}h1[data-v-0f6350e4]{color:#4361ee;text-align:center;margin-bottom:2rem;font-size:2rem}h2[data-v-0f6350e4]{color:#ff416c;margin:1.5rem 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:10px}h2 i[data-v-0f6350e4]{font-size:1.2rem}.about-section[data-v-0f6350e4]{margin-bottom:2rem;line-height:1.6}ul[data-v-0f6350e4]{padding-left:1.5rem;margin:.8rem 0}li[data-v-0f6350e4]{margin-bottom:.5rem}.notice-box[data-v-0f6350e4]{background:rgba(255,65,108,.1);padding:1rem;border-radius:5px;border-left:3px solid #ff416c}.notice-box p[data-v-0f6350e4]{display:flex;align-items:flex-start;gap:8px}.notice-box i[data-v-0f6350e4]{margin-top:3px;color:#ff416c}@media (max-width:768px){.about-container[data-v-0f6350e4]{padding:1rem;margin:1rem}h1[data-v-0f6350e4]{font-size:1.5rem}}