:root{--primary-color: #4A90E2;--secondary-color: #7ED321;--accent-color: #FF6B6B;--yellow-color: #F5A623;--purple-color: #9013FE;--background-color: #F8F9FA;--text-color: #333333;--light-text-color: #666666;--white-color: #FFFFFF;font-family:Comic Sans MS,Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color);background-image:linear-gradient(120deg,#fdfbfb,#ebedee)}#app{width:100%;min-height:100vh;margin:0 auto;text-align:center}h1,h2,h3,h4,h5,h6{font-family:Comic Sans MS,Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif;font-weight:700;color:var(--primary-color);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}h1{font-size:2.5rem;color:var(--accent-color)}h2{font-size:2rem;color:var(--primary-color)}h3{font-size:1.5rem;color:var(--secondary-color)}a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:all .3s ease}a:hover{color:var(--accent-color);text-decoration:underline;transform:scale(1.05)}button{border-radius:50px;border:2px solid var(--primary-color);padding:.8em 1.5em;font-size:1.1em;font-weight:700;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}button:hover{background-color:var(--white-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.card{background-color:var(--white-color);border-radius:20px;padding:2em;box-shadow:0 8px 16px #0000001a;transition:all .3s ease;border:2px solid var(--light-text-color)}.card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.kid-friendly{border-radius:20px;box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.kid-button{border-radius:50px;font-weight:700;padding:12px 24px;font-size:16px;transition:all .3s ease}.kid-button:hover{transform:scale(1.05)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.btn-accent{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-yellow{background-color:var(--yellow-color);border-color:var(--yellow-color);color:#fff}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}button{padding:.7em 1.2em;font-size:1em}.card{padding:1.5em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#f5f5f5}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-nav{background-color:#fff;box-shadow:0 2px 8px #0000001a;padding:0 40px;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.nav-logo h1{font-size:20px;font-weight:700;color:#1890ff;margin:0}.nav-menu{display:flex;gap:32px}.nav-item{font-size:16px;color:#333;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all .3s ease}.nav-item:hover{color:#1890ff;background-color:#f0f0f0}.nav-item.active{color:#1890ff;background-color:#e6f7ff;font-weight:500}.app-main{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.app-nav{padding:0 20px}.nav-logo h1{font-size:18px}.nav-menu{gap:16px}.nav-item{font-size:14px;padding:6px 12px}}.home-container[data-v-82709696]{width:100%;min-height:100vh;background-color:var(--background-color);background-image:linear-gradient(120deg,#fdfbfb,#ebedee)}.home-header[data-v-82709696]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--purple-color) 100%);color:#fff;text-align:center;padding:60px 20px;position:relative;overflow:hidden}.header-content[data-v-82709696]{position:relative;z-index:2}.home-header h1[data-v-82709696]{margin:0 0 20px;font-size:3.5rem;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,.3);animation:bounce-82709696 2s infinite}.home-header p[data-v-82709696]{margin:0 0 40px;font-size:1.5rem;opacity:.95;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.header-buttons[data-v-82709696]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.nav-button[data-v-82709696]{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:30px;text-decoration:none;color:#fff;font-weight:700;transition:all .3s ease;min-width:120px;box-shadow:0 6px 12px #0003;border:3px solid white}.nav-button[data-v-82709696]:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 10px 20px #0000004d}.avatar-button[data-v-82709696]{background-color:var(--primary-color)}.game-button[data-v-82709696]{background-color:var(--accent-color)}.ranking-button[data-v-82709696]{background-color:var(--yellow-color)}.button-icon[data-v-82709696]{font-size:2.5rem;margin-bottom:10px;transition:all .3s ease}.nav-button:hover .button-icon[data-v-82709696]{transform:scale(1.2) rotate(10deg)}.home-content[data-v-82709696]{max-width:1200px;margin:0 auto;padding:40px 20px}.home-intro[data-v-82709696]{background-color:var(--white-color);border-radius:30px;padding:40px;margin-bottom:40px;box-shadow:0 10px 20px #0000001a;border:3px solid var(--primary-color)}.home-intro h2[data-v-82709696]{margin:0 0 24px;font-size:2.2rem;color:var(--accent-color);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.home-intro p[data-v-82709696]{margin:0 0 32px;font-size:1.2rem;line-height:1.6;color:var(--light-text-color);text-align:center}.intro-features[data-v-82709696]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-item[data-v-82709696]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px;background-color:var(--white-color);border-radius:20px;transition:all .3s ease;box-shadow:0 6px 12px #0000001a;border:2px solid var(--secondary-color);text-align:center}.feature-item[data-v-82709696]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 24px #00000026;border-color:var(--accent-color)}.feature-icon[data-v-82709696]{font-size:4rem;transition:all .3s ease}.feature-item:hover .feature-icon[data-v-82709696]{transform:scale(1.2) rotate(5deg)}.feature-content h3[data-v-82709696]{margin:0 0 12px;font-size:1.3rem;color:var(--primary-color);font-weight:700}.feature-content p[data-v-82709696]{margin:0;font-size:1rem;line-height:1.5;color:var(--light-text-color)}.home-footer[data-v-82709696]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--purple-color) 100%);color:#fff;text-align:center;padding:40px 20px;margin-top:60px;border-top:5px solid var(--yellow-color)}.footer-content[data-v-82709696]{max-width:800px;margin:0 auto}.footer-buttons[data-v-82709696]{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.footer-button[data-v-82709696]{padding:12px 20px;border-radius:50px;background-color:#fff3;color:#fff;text-decoration:none;font-weight:700;transition:all .3s ease;border:2px solid white}.footer-button[data-v-82709696]:hover{background-color:#fff;color:var(--primary-color);transform:translateY(-3px)}.home-footer p[data-v-82709696]{margin:0;font-size:1rem;opacity:.9}@keyframes bounce-82709696{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.home-header[data-v-82709696]{padding:40px 20px}.home-header h1[data-v-82709696]{font-size:2.5rem}.home-header p[data-v-82709696]{font-size:1.2rem}.header-buttons[data-v-82709696]{flex-direction:column;align-items:center}.nav-button[data-v-82709696]{width:200px}.home-content[data-v-82709696]{padding:20px}.home-intro[data-v-82709696]{padding:30px}.home-intro h2[data-v-82709696]{font-size:1.8rem}.intro-features[data-v-82709696]{grid-template-columns:1fr}.footer-buttons[data-v-82709696]{flex-direction:column;align-items:center}.footer-button[data-v-82709696]{width:150px}}.avatar-container[data-v-62dc8dcb]{width:100%;display:flex;flex-direction:column;border:1px solid #d9d9d9;border-radius:8px}.avatar-canvas[data-v-62dc8dcb]{width:180px;height:320px;margin-left:50%;transform:translate(-50%);position:relative}.avatar-controls[data-v-62dc8dcb]{padding:16px;background-color:#fafafa;border-top:1px solid #d9d9d9}.avatar-interaction[data-v-62dc8dcb]{padding:16px;background-color:#fafafa;border-top:1px solid #d9d9d9;display:flex;gap:8px}.avatar-interaction input[data-v-62dc8dcb]{flex:1}.avatar-messages[data-v-62dc8dcb]{height:200px;overflow-y:auto;padding:16px;background-color:#fafafa;border-top:1px solid #d9d9d9}.message[data-v-62dc8dcb]{margin-bottom:8px;padding:8px 12px;border-radius:4px}.message.user[data-v-62dc8dcb]{background-color:#e6f7ff;align-self:flex-start}.message.avatar[data-v-62dc8dcb]{background-color:#f6ffed;align-self:flex-end}.message.system[data-v-62dc8dcb]{background-color:#fff7e6;align-self:center}.message-sender[data-v-62dc8dcb]{font-weight:700;margin-right:8px}.game-container[data-v-6d4ed3de]{width:100%;display:flex;flex-direction:column;border:1px solid #d9d9d9;border-radius:8px}.game-header[data-v-6d4ed3de]{padding:16px;background-color:#fafafa;border-bottom:1px solid #d9d9d9}.game-header h2[data-v-6d4ed3de]{margin:0 0 16px}.game-stats[data-v-6d4ed3de]{display:flex;gap:24px;flex-wrap:wrap}.stat-item[data-v-6d4ed3de]{display:flex;align-items:center;gap:8px}.stat-label[data-v-6d4ed3de]{font-weight:700;color:#666}.stat-value[data-v-6d4ed3de]{font-size:18px;font-weight:700;color:#1890ff}.time-warning[data-v-6d4ed3de]{color:#ff4d4f;animation:blink-6d4ed3de 1s infinite}@keyframes blink-6d4ed3de{0%,to{opacity:1}50%{opacity:.5}}.game-body[data-v-6d4ed3de]{flex:1;display:flex;overflow:hidden;gap:20px;padding:20px}.game-left[data-v-6d4ed3de]{width:300px;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.game-rules h3[data-v-6d4ed3de],.game-controls h3[data-v-6d4ed3de]{margin:0 0 16px;font-size:20px;color:#333}.game-rules ol[data-v-6d4ed3de]{margin:0;padding-left:20px}.game-rules li[data-v-6d4ed3de]{margin-bottom:8px;line-height:1.5}.game-controls[data-v-6d4ed3de]{flex:1;display:flex;flex-direction:column;gap:16px}.turn-indicator h4[data-v-6d4ed3de]{margin:0 0 16px;font-size:16px;color:#333}.user-input[data-v-6d4ed3de]{display:flex;flex-direction:column;gap:12px}.user-input input[data-v-6d4ed3de]{width:100%}.game-result[data-v-6d4ed3de]{margin:16px 0;padding:16px;background-color:#f0f0f0;border-radius:8px}.result-item[data-v-6d4ed3de]{margin-bottom:8px;display:flex;justify-content:space-between}.result-label[data-v-6d4ed3de]{font-weight:700}.result-value[data-v-6d4ed3de]{font-size:16px;font-weight:700;color:#1890ff}.game-buttons[data-v-6d4ed3de]{display:flex;gap:12px;margin-top:20px}.game-center[data-v-6d4ed3de]{flex:2;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-center h3[data-v-6d4ed3de]{margin:0 0 24px;font-size:24px;color:#333;text-align:center}.game-avatar[data-v-6d4ed3de]{width:100%;max-width:500px;background-color:#fafafa;border-radius:8px;box-shadow:0 4px 16px #00000026}.game-right[data-v-6d4ed3de]{width:350px;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.game-status h3[data-v-6d4ed3de],.game-history h3[data-v-6d4ed3de]{margin:0 0 16px;font-size:20px;color:#333}.game-stats-detail[data-v-6d4ed3de]{display:flex;flex-direction:column;gap:12px}.game-history[data-v-6d4ed3de]{flex:1;min-height:300px;overflow-y:auto;padding:16px;background-color:#fafafa;border-radius:8px}.history-list[data-v-6d4ed3de]{display:flex;flex-direction:column;gap:8px}.history-item[data-v-6d4ed3de]{padding:8px 12px;border-radius:4px;font-size:14px}.history-item.user[data-v-6d4ed3de]{background-color:#e6f7ff;align-self:flex-start;max-width:100%}.history-item.avatar[data-v-6d4ed3de]{background-color:#f6ffed;align-self:flex-end;max-width:100%}.history-item.system[data-v-6d4ed3de]{background-color:#fff7e6;align-self:center;max-width:100%;text-align:center}.history-turn[data-v-6d4ed3de]{font-size:12px;color:#999;margin-right:8px}.history-player[data-v-6d4ed3de]{font-weight:700;margin-right:8px}.history-content[data-v-6d4ed3de]{flex:1}@media (max-width: 1200px){.game-body[data-v-6d4ed3de]{flex-direction:column;align-items:center}.game-left[data-v-6d4ed3de],.game-right[data-v-6d4ed3de]{width:100%;max-width:600px}.game-avatar[data-v-6d4ed3de]{height:400px}}@media (max-width: 768px){.game-container[data-v-6d4ed3de]{height:1200px}.game-header[data-v-6d4ed3de]{padding:16px}.game-stats[data-v-6d4ed3de]{flex-direction:column;gap:8px}.game-body[data-v-6d4ed3de]{flex-direction:column;padding:16px;gap:16px}.game-left[data-v-6d4ed3de],.game-right[data-v-6d4ed3de]{width:100%;padding:16px}.game-center[data-v-6d4ed3de]{padding:16px}.game-avatar[data-v-6d4ed3de]{height:300px}.game-history[data-v-6d4ed3de]{min-height:200px}}.game-page-container[data-v-324806da]{width:100%;min-height:100vh;background-color:#f0f9ff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23a8edea" opacity="0.5"/><circle cx="80" cy="40" r="2" fill="%23fed6e3" opacity="0.5"/><circle cx="40" cy="80" r="2" fill="%23ffd6e3" opacity="0.5"/><circle cx="80" cy="80" r="2" fill="%23fad0c4" opacity="0.5"/><circle cx="60" cy="20" r="2" fill="%23ff9a9e" opacity="0.5"/></svg>')}.game-page-header[data-v-324806da]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333;text-align:center;padding:60px 20px;border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px;box-shadow:0 4px 20px #a8edea4d}.game-page-header h1[data-v-324806da]{margin:0 0 16px;font-size:48px;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;color:#6a0dad;animation:bounce-324806da 2s infinite}.game-page-header p[data-v-324806da]{margin:0 0 24px;font-size:20px;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;color:#666}.btn-back[data-v-324806da]{display:inline-block;padding:12px 24px;background-color:#fff;color:#6a0dad;text-decoration:none;border-radius:50px;font-size:16px;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #6a0dad33}.btn-back[data-v-324806da]:hover{background-color:#f0e6ff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #6a0dad4d}.game-page-content[data-v-324806da]{margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 350px;gap:40px}.game-section[data-v-324806da]{background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;border:3px solid #a8edea}.game-title h2[data-v-324806da]{margin:0 0 24px;font-size:28px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;text-align:center}.game-tips[data-v-324806da]{background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;height:fit-content;border:3px solid #fed6e3}.game-tips h2[data-v-324806da]{margin:0 0 24px;font-size:24px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;text-align:center}.tips-content[data-v-324806da]{display:flex;flex-direction:column;gap:32px}.tip-item h3[data-v-324806da]{margin:0 0 16px;font-size:18px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}.tip-item ul[data-v-324806da]{margin:0;padding-left:20px}.tip-item li[data-v-324806da]{margin-bottom:12px;font-size:16px;line-height:1.5;color:#666;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;list-style-type:none;position:relative;padding-left:24px}.tip-item li[data-v-324806da]:before{content:"✨";position:absolute;left:0;top:0}.word-poetry[data-v-324806da]{display:flex;flex-direction:column;gap:24px}.word-group[data-v-324806da]{background-color:#f9f0ff;border-radius:15px;padding:20px;border-left:5px solid #ff9a9e}.word-group h4[data-v-324806da]{margin:0 0 12px;font-size:18px;color:#6a0dad;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}.word-group ul[data-v-324806da]{margin:0;padding-left:20px}.word-group li[data-v-324806da]{margin-bottom:8px;font-size:14px;line-height:1.5;color:#666;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;list-style-type:none;position:relative;padding-left:20px}.word-group li[data-v-324806da]:before{content:"📜";position:absolute;left:0;top:0;font-size:12px}.game-page-footer[data-v-324806da]{background-color:#6a0dad;color:#fff;text-align:center;padding:24px;margin-top:40px;border-top-left-radius:50% 20px;border-top-right-radius:50% 20px}.game-page-footer p[data-v-324806da]{margin:0;font-size:16px;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}@keyframes bounce-324806da{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 1024px){.game-page-content[data-v-324806da]{grid-template-columns:1fr}.game-tips[data-v-324806da]{order:-1}}@media (max-width: 768px){.game-page-header[data-v-324806da]{padding:40px 20px}.game-page-header h1[data-v-324806da]{font-size:36px}.game-page-content[data-v-324806da]{padding:20px;gap:24px}.game-section[data-v-324806da],.game-tips[data-v-324806da]{padding:24px}.game-title h2[data-v-324806da]{font-size:24px}.game-tips h2[data-v-324806da]{font-size:20px}}.ranking-container[data-v-fd679fc3]{width:100%;min-height:600px;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden}.ranking-header[data-v-fd679fc3]{padding:16px;background-color:#fafafa;border-bottom:1px solid #d9d9d9;display:flex;justify-content:space-between;align-items:center}.ranking-header h2[data-v-fd679fc3]{margin:0}.ranking-body[data-v-fd679fc3]{padding:16px;min-height:400px}.ranking-column-header[data-v-fd679fc3]{font-weight:700;text-align:center}.ranking-rank[data-v-fd679fc3]{text-align:center}.rank-badge[data-v-fd679fc3]{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background-color:#f0f0f0;font-weight:700;font-size:14px}.rank-badge.gold[data-v-fd679fc3]{background-color:gold;color:#fff}.rank-badge.silver[data-v-fd679fc3]{background-color:silver;color:#fff}.rank-badge.bronze[data-v-fd679fc3]{background-color:#cd7f32;color:#fff}.ranking-username[data-v-fd679fc3]{text-align:center}.username[data-v-fd679fc3]{font-size:16px;font-weight:500}.ranking-score[data-v-fd679fc3]{text-align:center}.score[data-v-fd679fc3]{font-size:18px;font-weight:700;color:#1890ff}.ranking-games[data-v-fd679fc3]{text-align:center}.games[data-v-fd679fc3]{font-size:14px;color:#666}.ranking-win-rate[data-v-fd679fc3]{text-align:center}.win-rate[data-v-fd679fc3]{font-size:14px;font-weight:500;color:#52c41a}.ranking-empty[data-v-fd679fc3],.ranking-loading[data-v-fd679fc3]{height:300px;display:flex;justify-content:center;align-items:center}.ranking-error[data-v-fd679fc3]{margin-bottom:20px}.ranking-footer[data-v-fd679fc3]{padding:16px;background-color:#fafafa;border-top:1px solid #d9d9d9}.ranking-tips h3[data-v-fd679fc3]{margin:0 0 16px}.ranking-tips ul[data-v-fd679fc3]{margin:0;padding-left:20px}.ranking-tips li[data-v-fd679fc3]{margin-bottom:8px;line-height:1.5}.ranking-page-container[data-v-97636da8]{width:100%;min-height:100vh;background-color:#fff5f7;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23ff9a9e" opacity="0.5"/><circle cx="80" cy="40" r="2" fill="%23fad0c4" opacity="0.5"/><circle cx="40" cy="80" r="2" fill="%23fecfef" opacity="0.5"/><circle cx="80" cy="80" r="2" fill="%23a8edea" opacity="0.5"/><circle cx="60" cy="20" r="2" fill="%23fed6e3" opacity="0.5"/></svg>')}.ranking-page-header[data-v-97636da8]{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#333;text-align:center;padding:60px 20px;border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px;box-shadow:0 4px 20px #ff9a9e4d}.ranking-page-header h1[data-v-97636da8]{margin:0 0 16px;font-size:48px;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;color:#6a0dad;animation:bounce-97636da8 2s infinite}.ranking-page-header p[data-v-97636da8]{margin:0 0 24px;font-size:20px;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;color:#666}.btn-back[data-v-97636da8]{display:inline-block;padding:12px 24px;background-color:#fff;color:#6a0dad;text-decoration:none;border-radius:50px;font-size:16px;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #6a0dad33}.btn-back[data-v-97636da8]:hover{background-color:#f0e6ff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #6a0dad4d}.ranking-page-content[data-v-97636da8]{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 350px;gap:40px}.ranking-section[data-v-97636da8]{background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;border:3px solid #fecfef}.ranking-title h2[data-v-97636da8]{margin:0 0 24px;font-size:28px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;text-align:center}.ranking-info[data-v-97636da8]{background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;height:fit-content;border:3px solid #fad0c4}.ranking-info h2[data-v-97636da8]{margin:0 0 24px;font-size:24px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;text-align:center}.info-content[data-v-97636da8]{display:flex;flex-direction:column;gap:32px}.info-item h3[data-v-97636da8]{margin:0 0 16px;font-size:18px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}.info-item ul[data-v-97636da8]{margin:0;padding-left:20px}.info-item li[data-v-97636da8]{margin-bottom:12px;font-size:16px;line-height:1.5;color:#666;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;list-style-type:none;position:relative;padding-left:24px}.info-item li[data-v-97636da8]:before{content:"⭐";position:absolute;left:0;top:0}.ranking-page-footer[data-v-97636da8]{background-color:#6a0dad;color:#fff;text-align:center;padding:24px;margin-top:40px;border-top-left-radius:50% 20px;border-top-right-radius:50% 20px}.ranking-page-footer p[data-v-97636da8]{margin:0;font-size:16px;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}@keyframes bounce-97636da8{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 1024px){.ranking-page-content[data-v-97636da8]{grid-template-columns:1fr}.ranking-info[data-v-97636da8]{order:-1}}@media (max-width: 768px){.ranking-page-header[data-v-97636da8]{padding:40px 20px}.ranking-page-header h1[data-v-97636da8]{font-size:36px}.ranking-page-content[data-v-97636da8]{padding:20px;gap:24px}.ranking-section[data-v-97636da8],.ranking-info[data-v-97636da8]{padding:24px}.ranking-title h2[data-v-97636da8]{font-size:24px}.ranking-info h2[data-v-97636da8]{font-size:20px}}.avatar-container[data-v-7b5b18c9]{width:100%;min-height:100vh;background-color:#f9f5ff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23ff9a9e" opacity="0.5"/><circle cx="80" cy="40" r="2" fill="%23fad0c4" opacity="0.5"/><circle cx="40" cy="80" r="2" fill="%23fecfef" opacity="0.5"/><circle cx="80" cy="80" r="2" fill="%23a8edea" opacity="0.5"/><circle cx="60" cy="20" r="2" fill="%23fed6e3" opacity="0.5"/></svg>')}.avatar-header[data-v-7b5b18c9]{background:linear-gradient(135deg,#ff9a9e,#fad0c4 99%,#fad0c4);color:#333;text-align:center;padding:60px 20px;position:relative;border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px;box-shadow:0 4px 20px #ff9a9e4d}.avatar-header h1[data-v-7b5b18c9]{margin:0 0 16px;font-size:48px;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;color:#6a0dad;animation:bounce-7b5b18c9 2s infinite}.avatar-header p[data-v-7b5b18c9]{margin:0 0 24px;font-size:20px;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;color:#666}.btn-back[data-v-7b5b18c9]{display:inline-block;padding:12px 24px;background-color:#fff;color:#6a0dad;text-decoration:none;border-radius:50px;font-size:16px;font-weight:700;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #6a0dad33}.btn-back[data-v-7b5b18c9]:hover{background-color:#f0e6ff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #6a0dad4d}.avatar-content[data-v-7b5b18c9]{max-width:1600px;margin:0 auto;padding:40px 20px}.avatar-main[data-v-7b5b18c9]{display:flex;gap:30px;margin-bottom:40px;align-items:stretch}.avatar-left[data-v-7b5b18c9]{width:300px;background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;border:3px solid #ffd6e3}.avatar-controls-section h2[data-v-7b5b18c9]{margin:0 0 24px;font-size:24px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;text-align:center}.avatar-controls[data-v-7b5b18c9]{display:flex;flex-direction:column;gap:16px}.magic-button[data-v-7b5b18c9]{border-radius:50px!important;font-size:16px!important;font-weight:700!important;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif!important;transition:all .3s ease!important;box-shadow:0 4px 12px #0000001a!important}.magic-button[data-v-7b5b18c9]:hover:not(:disabled){transform:translateY(-3px) scale(1.05)!important;box-shadow:0 6px 16px #00000026!important}.avatar-center[data-v-7b5b18c9]{flex:2;background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;align-items:center;border:3px solid #a8edea}.avatar-center h2[data-v-7b5b18c9]{margin:0 0 24px;font-size:32px;color:#6a0dad;text-align:center;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}.avatar-wrapper[data-v-7b5b18c9]{height:800px;width:100%;max-width:600px;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0003;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar-border[data-v-7b5b18c9]{width:95%;height:95%;border-radius:15px;overflow:hidden;border:5px solid #ffffff;box-shadow:0 0 20px #ffffff80;animation:glow-7b5b18c9 2s ease-in-out infinite alternate}.avatar-right[data-v-7b5b18c9]{width:350px;background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;border:3px solid #fecfef}.status-section h3[data-v-7b5b18c9]{margin:0 0 16px;font-size:22px;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;text-align:center}.status-container[data-v-7b5b18c9]{display:flex;flex-direction:column;gap:16px;flex:1}.status-item[data-v-7b5b18c9]{display:flex;flex-direction:column;gap:8px;padding:20px;background-color:#f9f0ff;border-radius:15px;border-left:5px solid #ff9a9e}.status-label[data-v-7b5b18c9]{font-weight:700;color:#6a0dad;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;font-size:16px}.status-value[data-v-7b5b18c9]{font-size:16px;font-weight:700;color:#333;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif;word-break:break-word}.status-speaking[data-v-7b5b18c9]{color:#ff6b6b;animation:pulse-7b5b18c9 1s infinite}.status-idle[data-v-7b5b18c9]{color:#4ecdc4}.status-recording[data-v-7b5b18c9]{color:#ff4d4f;animation:pulse-7b5b18c9 1s infinite}.avatar-footer[data-v-7b5b18c9]{background-color:#6a0dad;color:#fff;text-align:center;padding:24px;margin-top:40px;border-top-left-radius:50% 20px;border-top-right-radius:50% 20px}.avatar-footer p[data-v-7b5b18c9]{margin:0;font-size:16px;font-family:Comic Sans MS,Arial Rounded MT Bold,sans-serif}@keyframes bounce-7b5b18c9{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes glow-7b5b18c9{0%{box-shadow:0 0 20px #ffffff80}to{box-shadow:0 0 30px #fffc,0 0 40px #ff9a9e80}}@keyframes pulse-7b5b18c9{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 1200px){.avatar-main[data-v-7b5b18c9]{flex-direction:column;align-items:center}.avatar-left[data-v-7b5b18c9],.avatar-right[data-v-7b5b18c9]{width:100%;max-width:600px}.avatar-wrapper[data-v-7b5b18c9]{height:600px}}@media (max-width: 768px){.avatar-header[data-v-7b5b18c9]{padding:40px 20px}.avatar-header h1[data-v-7b5b18c9]{font-size:36px}.avatar-content[data-v-7b5b18c9]{padding:20px}.avatar-main[data-v-7b5b18c9]{flex-direction:column}.avatar-left[data-v-7b5b18c9],.avatar-right[data-v-7b5b18c9]{width:100%;padding:24px}.avatar-center[data-v-7b5b18c9]{padding:24px}.avatar-wrapper[data-v-7b5b18c9]{height:500px;width:100%}.avatar-controls[data-v-7b5b18c9]{flex-direction:column;align-items:stretch}.status-container[data-v-7b5b18c9]{flex-direction:column}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}