.pinyin-card[data-v-b793c833]{border-radius:24px;box-shadow:0 4px 24px #3c78501a,0 1.5px 6px #3c785014;padding:2.5rem 1.5rem 2rem;margin:.5rem 0;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .2s;background:var(--card-bg, #243329)}.pinyin-card[data-v-b793c833]:hover{box-shadow:0 8px 32px #3c785029,0 3px 12px #3c78501f}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.page-title[data-v-5e3dee74]{text-align:center;font-size:2.2rem;font-weight:700;color:var(--text-color);margin-bottom:.5em;letter-spacing:.1em}.pinyin-swiper[data-v-5e3dee74]{width:100%;max-width:420px;margin:0 auto}.pinyin-label-big[data-v-5e3dee74]{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.3em;letter-spacing:.12em}.pinyin-pinyin[data-v-5e3dee74]{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1.2em;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.tone-btns[data-v-5e3dee74]{display:flex;gap:1.2em;justify-content:center;margin-top:.5em}.pinyin-btn[data-v-5e3dee74]{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:var(--text-color);border:none;border-radius:16px;font-size:1.1em;font-weight:600;padding:.7em 1.5em;box-shadow:0 2px 8px #00000026;transition:background .2s,box-shadow .2s}.pinyin-btn[data-v-5e3dee74]:active{background:var(--primary-color-dark)}.pinyin-btn[data-v-5e3dee74]:disabled{opacity:.4;cursor:not-allowed}.tone-mark[data-v-5e3dee74]{color:#64b5f6;font-size:1.5em;font-weight:700;margin-right:.5em;display:inline-block;vertical-align:middle}.page-title[data-v-d9790482]{text-align:center;font-size:2.2rem;font-weight:700;color:var(--text-color);margin-bottom:.5em;letter-spacing:.1em}.pinyin-swiper[data-v-d9790482]{width:100%;max-width:420px;margin:0 auto}.pinyin-label-big[data-v-d9790482]{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.3em;letter-spacing:.12em}.pinyin-pinyin[data-v-d9790482]{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1.2em;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.tone-btns[data-v-d9790482]{display:flex;gap:1.2em;justify-content:center;margin-top:.5em}.pinyin-btn[data-v-d9790482]{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:var(--text-color);border:none;border-radius:16px;font-size:1.1em;font-weight:600;padding:.7em 1.5em;box-shadow:0 2px 8px #00000026;transition:background .2s,box-shadow .2s}.pinyin-btn[data-v-d9790482]:active{background:var(--primary-color-dark)}.pinyin-btn[data-v-d9790482]:disabled{opacity:.4;cursor:not-allowed}.tone-mark[data-v-d9790482]{color:#64b5f6;font-size:1.5em;font-weight:700;margin-right:.5em;display:inline-block;vertical-align:middle}.page-title[data-v-8a058c4e]{text-align:center;font-size:2.2rem;font-weight:700;color:var(--text-color);margin-bottom:.5em;letter-spacing:.1em}.pinyin-swiper[data-v-8a058c4e]{width:100%;max-width:420px;margin:0 auto}.pinyin-label-big[data-v-8a058c4e]{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.3em;letter-spacing:.12em}.pinyin-pinyin[data-v-8a058c4e]{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1.2em;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.tone-btns[data-v-8a058c4e]{display:flex;gap:1.2em;justify-content:center;margin-top:.5em}.pinyin-btn[data-v-8a058c4e]{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:var(--text-color);border:none;border-radius:16px;font-size:1.1em;font-weight:600;padding:.7em 1.5em;box-shadow:0 2px 8px #00000026;transition:background .2s,box-shadow .2s}.pinyin-btn[data-v-8a058c4e]:active{background:var(--primary-color-dark)}.pinyin-btn[data-v-8a058c4e]:disabled{opacity:.4;cursor:not-allowed}.tone-mark[data-v-8a058c4e]{color:#64b5f6;font-size:1.5em;font-weight:700;margin-right:.5em;display:inline-block;vertical-align:middle}.page-header[data-v-33c50b91]{text-align:center;margin-bottom:2rem}.page-title[data-v-33c50b91]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:.1em}.page-subtitle[data-v-33c50b91]{font-size:1.1rem;color:#666;margin:0;opacity:.8}.pinyin-display-section[data-v-33c50b91]{margin-bottom:2.5rem}.combination-card[data-v-33c50b91]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:2rem;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 40px #667eea4d}.pinyin-combination[data-v-33c50b91]{text-align:center}.combination-parts[data-v-33c50b91]{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.pinyin-part[data-v-33c50b91]{position:relative;display:flex;flex-direction:column;align-items:center;background:#ffffffe6;border:3px solid rgba(255,255,255,.3);border-radius:20px;padding:1.2rem 1.8rem;min-width:90px;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pinyin-part[data-v-33c50b91]:disabled{opacity:.5;cursor:not-allowed;background:#ffffff4d}.pinyin-part.active[data-v-33c50b91]{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#00f2fe;transform:translateY(-3px);box-shadow:0 8px 25px #4facfe66;color:#fff}.pinyin-part.playing[data-v-33c50b91]{animation:pulse-33c50b91 1s infinite}.part-label[data-v-33c50b91]{font-size:.85rem;color:#666;margin-bottom:.4rem;font-weight:600}.pinyin-part.active .part-label[data-v-33c50b91]{color:#ffffffe6}.part-value[data-v-33c50b91]{font-size:2rem;font-weight:700;color:#2e7d32}.pinyin-part.active .part-value[data-v-33c50b91]{color:#fff}.playing-indicator[data-v-33c50b91]{position:absolute;top:-5px;right:-5px;font-size:1rem;animation:bounce-33c50b91 1s infinite}.operator-sign[data-v-33c50b91]{font-size:1.8rem;font-weight:700;color:#fffc;margin:0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pinyin-result[data-v-33c50b91]{position:relative;display:flex;flex-direction:column;align-items:center;background:#fffffff2;border:4px solid rgba(255,193,7,.6);border-radius:24px;padding:1.5rem 2.5rem;min-width:120px;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pinyin-result[data-v-33c50b91]:disabled{opacity:.5;cursor:not-allowed;background:#ffffff4d}.pinyin-result.active[data-v-33c50b91]{background:linear-gradient(135deg,#ffd89b,#19547b);border-color:#ffd89b;transform:translateY(-4px);box-shadow:0 10px 30px #ffd89b80;color:#fff}.pinyin-result.playing[data-v-33c50b91]{animation:pulse-33c50b91 1s infinite}.result-pinyin[data-v-33c50b91]{font-size:2.5rem;font-weight:700;color:#e65100}.pinyin-result.active .result-pinyin[data-v-33c50b91]{color:#fff}.tone-indicator[data-v-33c50b91]{font-size:1.6rem;color:#1976d2;margin-top:.4rem;font-weight:700}.pinyin-result.active .tone-indicator[data-v-33c50b91]{color:#ffffffe6}.tone-selector[data-v-33c50b91]{text-align:center}.tone-label[data-v-33c50b91]{display:block;font-weight:600;color:#ffffffe6;margin-bottom:1rem;font-size:1.1rem}.tone-buttons[data-v-33c50b91]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tone-btn[data-v-33c50b91]{display:flex;flex-direction:column;align-items:center;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.8rem 1.2rem;border-radius:16px;font-size:.9rem;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:70px}.tone-btn[data-v-33c50b91]:hover{background:#ffffff4d;transform:translateY(-2px)}.tone-btn.active[data-v-33c50b91]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748;border-color:#fed6e3;transform:translateY(-2px);box-shadow:0 6px 20px #fed6e366}.tone-symbol[data-v-33c50b91]{font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.tone-name[data-v-33c50b91]{font-size:.8rem;opacity:.9}.selection-section[data-v-33c50b91]{margin-bottom:2.5rem}.section-header[data-v-33c50b91]{text-align:center;margin-bottom:1.5rem}.section-title[data-v-33c50b91]{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.section-subtitle[data-v-33c50b91]{font-size:1rem;color:#666;margin:0;opacity:.8}.selection-card[data-v-33c50b91]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.pinyin-grid[data-v-33c50b91]{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:1rem;max-width:700px;margin:0 auto}.pinyin-item[data-v-33c50b91]{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;color:#495057;padding:1rem .8rem;font-size:1.2rem;font-weight:600;transition:all .3s ease;min-height:55px;display:flex;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;box-shadow:0 2px 8px #0000001a}.pinyin-item[data-v-33c50b91]:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 15px #2196f34d}.shengmu-item.selected[data-v-33c50b91]{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#00f2fe;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #4facfe66}.yunmu-item.selected[data-v-33c50b91]{background:linear-gradient(135deg,#a8edea,#fed6e3);border-color:#fed6e3;color:#2d3748;transform:translateY(-3px);box-shadow:0 6px 20px #fed6e366}.preset-combinations[data-v-33c50b91]{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:1rem;max-width:800px;margin:0 auto}.preset-btn[data-v-33c50b91]{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107;color:#f57c00;padding:1rem .8rem;font-size:1.3rem;font-weight:600;transition:all .3s ease;border-radius:16px;cursor:pointer;box-shadow:0 2px 8px #ffc10733}.preset-btn[data-v-33c50b91]:hover{background:linear-gradient(135deg,#ffd89b,#19547b);border-color:#ffd89b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ffd89b66}.action-section[data-v-33c50b91]{margin:2.5rem 0}.action-buttons[data-v-33c50b91]{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.action-btn[data-v-33c50b91]{padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:20px;transition:all .3s ease;min-width:140px;cursor:pointer;box-shadow:0 4px 15px #0000001a}.clear-btn[data-v-33c50b91]{background:linear-gradient(135deg,#ff9a9e,#fecfef);border:2px solid #ff9a9e;color:#2d3748}.clear-btn[data-v-33c50b91]:hover{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #f4433666}.play-btn[data-v-33c50b91]{background:linear-gradient(135deg,#4facfe,#00f2fe);border:2px solid #00f2fe;color:#fff}.play-btn[data-v-33c50b91]:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.play-btn[data-v-33c50b91]:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#dee2e6;color:#6c757d}.play-btn.playing[data-v-33c50b91]{animation:pulse-33c50b91 1s infinite}.help-section[data-v-33c50b91]{margin-top:3rem}.help-card[data-v-33c50b91]{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #9c27b033}.help-title[data-v-33c50b91]{text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#7b1fa2}.help-content[data-v-33c50b91]{display:flex;flex-direction:column;gap:1rem}.help-item[data-v-33c50b91]{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#ffffff4d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-icon[data-v-33c50b91]{font-size:1.2rem;min-width:30px}.help-text[data-v-33c50b91]{font-size:1rem;color:#4a148c;font-weight:500}@keyframes pulse-33c50b91{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce-33c50b91{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.page-title[data-v-33c50b91]{font-size:2rem}.combination-card[data-v-33c50b91]{padding:1.5rem}.combination-parts[data-v-33c50b91]{gap:1rem}.pinyin-part[data-v-33c50b91],.pinyin-result[data-v-33c50b91]{padding:1rem 1.2rem;min-width:70px}.part-value[data-v-33c50b91]{font-size:1.6rem}.result-pinyin[data-v-33c50b91]{font-size:2rem}.tone-buttons[data-v-33c50b91]{gap:.8rem}.tone-btn[data-v-33c50b91]{min-width:60px;padding:.6rem 1rem}.selection-card[data-v-33c50b91]{padding:1.5rem}.pinyin-grid[data-v-33c50b91]{grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:.8rem}.pinyin-item[data-v-33c50b91]{padding:.8rem .6rem;font-size:1.1rem;min-height:50px}.preset-combinations[data-v-33c50b91]{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.8rem}.preset-btn[data-v-33c50b91]{padding:.8rem .6rem;font-size:1.1rem}.action-buttons[data-v-33c50b91]{flex-direction:column;align-items:center;gap:1rem}.action-btn[data-v-33c50b91]{width:100%;max-width:250px;padding:1rem 2rem}.help-card[data-v-33c50b91]{padding:1.5rem}.help-item[data-v-33c50b91]{padding:.6rem;gap:.8rem}.help-text[data-v-33c50b91]{font-size:.9rem}}.game-header[data-v-7e421ca2]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;color:#fff;box-shadow:0 8px 32px #667eea4d}.level-info h2[data-v-7e421ca2]{margin:0 0 1rem;font-size:1.8rem;text-align:center}.level-progress[data-v-7e421ca2]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar[data-v-7e421ca2]{flex:1;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill[data-v-7e421ca2]{height:100%;background:linear-gradient(90deg,#ffd89b,#19547b);border-radius:4px;transition:width .5s ease}.stats-grid[data-v-7e421ca2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;text-align:center}.stat-item[data-v-7e421ca2]{background:#fff3;border-radius:12px;padding:.8rem .5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value[data-v-7e421ca2]{font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.stat-label[data-v-7e421ca2]{font-size:.8rem;opacity:.9}.mode-selector[data-v-7e421ca2]{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.mode-btn[data-v-7e421ca2]{padding:1rem 2rem;border-radius:16px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748}.mode-btn[data-v-7e421ca2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.mode-btn.active[data-v-7e421ca2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.challenge-btn[data-v-7e421ca2]{background:linear-gradient(135deg,#ff9a9e,#fecfef);animation:pulse-7e421ca2 2s infinite}@keyframes pulse-7e421ca2{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-card[data-v-7e421ca2]{min-height:400px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.question-type[data-v-7e421ca2]{text-align:center;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem;background:#fff3;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-text[data-v-7e421ca2]{text-align:center;font-size:1.3rem;margin-bottom:1.5rem;font-weight:600}.pinyin-display[data-v-7e421ca2]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:2rem;font-weight:700}.shengmu[data-v-7e421ca2]{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#2d3748;padding:.5rem 1rem;border-radius:12px;min-width:60px;text-align:center}.yunmu[data-v-7e421ca2]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748;padding:.5rem 1rem;border-radius:12px;min-width:60px;text-align:center}.plus[data-v-7e421ca2],.equals[data-v-7e421ca2]{font-size:1.5rem;opacity:.8}.question-mark[data-v-7e421ca2]{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff;padding:.5rem 1rem;border-radius:12px;min-width:60px;text-align:center;animation:bounce-7e421ca2 1s infinite}@keyframes bounce-7e421ca2{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.answer-input[data-v-7e421ca2]{width:100%;max-width:300px;margin:0 auto;display:block;padding:1rem;font-size:1.2rem;text-align:center;border:3px solid rgba(255,255,255,.3);border-radius:16px;background:#ffffffe6;color:#2d3748;font-weight:600}.answer-input[data-v-7e421ca2]:focus{outline:none;border-color:#ffd89b;box-shadow:0 0 20px #ffd89b80}.choices-grid[data-v-7e421ca2]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px;margin:0 auto}.choice-btn[data-v-7e421ca2]{padding:1rem;font-size:1.2rem;font-weight:600;border:3px solid rgba(255,255,255,.3);border-radius:16px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.choice-btn[data-v-7e421ca2]:hover{background:#fff3;transform:translateY(-2px)}.choice-btn.selected[data-v-7e421ca2]{background:#ffd89b4d;border-color:#ffd89b}.choice-btn.correct[data-v-7e421ca2]{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#00f2fe;animation:correctPulse-7e421ca2 .6s ease}.choice-btn.wrong[data-v-7e421ca2]{background:linear-gradient(135deg,#ff9a9e,#fecfef);border-color:#ff9a9e;animation:wrongShake-7e421ca2 .6s ease}@keyframes correctPulse-7e421ca2{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wrongShake-7e421ca2{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.audio-player[data-v-7e421ca2]{text-align:center;margin-bottom:2rem}.play-btn[data-v-7e421ca2]{padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease}.play-btn[data-v-7e421ca2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.play-btn.playing[data-v-7e421ca2]{animation:pulse-7e421ca2 1s infinite}.result-display[data-v-7e421ca2]{text-align:center;margin:1.5rem 0;padding:1rem;border-radius:16px;font-weight:600;font-size:1.2rem}.result-display.correct[data-v-7e421ca2]{background:linear-gradient(135deg,#4facfe,#00f2fe);animation:correctPulse-7e421ca2 .6s ease}.result-display.wrong[data-v-7e421ca2]{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#2d3748}.correct-answer[data-v-7e421ca2]{margin-top:.5rem;font-size:1rem;opacity:.9}.action-buttons[data-v-7e421ca2]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.submit-btn[data-v-7e421ca2],.hint-btn[data-v-7e421ca2],.next-btn[data-v-7e421ca2]{padding:.8rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-7e421ca2]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.hint-btn[data-v-7e421ca2]{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}.next-btn[data-v-7e421ca2]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748}.submit-btn[data-v-7e421ca2]:hover,.hint-btn[data-v-7e421ca2]:hover,.next-btn[data-v-7e421ca2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.submit-btn[data-v-7e421ca2]:disabled{opacity:.5;cursor:not-allowed;transform:none}.hint-display[data-v-7e421ca2]{text-align:center;background:#ffd89b33;border:2px solid #ffd89b;border-radius:12px;padding:1rem;margin-top:1rem;animation:fadeIn-7e421ca2 .5s ease}@keyframes fadeIn-7e421ca2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.celebration[data-v-7e421ca2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.celebration-content[data-v-7e421ca2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:celebrationBounce-7e421ca2 2s ease}.celebration-text[data-v-7e421ca2]{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.fireworks[data-v-7e421ca2]{font-size:2rem;animation:fireworksRotate-7e421ca2 2s ease infinite}@keyframes celebrationBounce-7e421ca2{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fireworksRotate-7e421ca2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievement-notification[data-v-7e421ca2]{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight-7e421ca2 .5s ease}.achievement-content[data-v-7e421ca2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0000004d}.achievement-icon[data-v-7e421ca2]{font-size:2rem}.achievement-title[data-v-7e421ca2]{font-weight:700;margin-bottom:.2rem}.achievement-name[data-v-7e421ca2]{font-size:.9rem;opacity:.9}@keyframes slideInRight-7e421ca2{0%{transform:translate(100%)}to{transform:translate(0)}}.achievements-section[data-v-7e421ca2]{margin-top:2rem;text-align:center}.achievements-section h3[data-v-7e421ca2]{color:#667eea;margin-bottom:1rem}.achievements-grid[data-v-7e421ca2]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.achievement-badge[data-v-7e421ca2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #667eea4d}@media (max-width: 600px){.stats-grid[data-v-7e421ca2]{grid-template-columns:repeat(2,1fr)}.mode-selector[data-v-7e421ca2]{flex-direction:column;align-items:center}.mode-btn[data-v-7e421ca2]{width:100%;max-width:300px}.pinyin-display[data-v-7e421ca2]{font-size:1.5rem;gap:.5rem}.choices-grid[data-v-7e421ca2]{grid-template-columns:1fr}.action-buttons[data-v-7e421ca2]{flex-direction:column;align-items:center}.achievement-notification[data-v-7e421ca2]{right:10px;left:10px}}.game-page[data-v-7b3885e8]{padding-bottom:calc(var(--footer-height, 48px) + 3rem)!important;min-height:calc(100vh - var(--header-height, 56px) - var(--footer-height, 48px))}.game-selector[data-v-7b3885e8]{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.game-tab[data-v-7b3885e8]{padding:1rem 1.5rem;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;box-shadow:0 4px 15px #1976d233}.game-tab[data-v-7b3885e8]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d24d}.game-tab.active[data-v-7b3885e8]{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;box-shadow:0 6px 25px #1976d266}.game-message[data-v-7b3885e8]{text-align:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;font-size:1.1rem;box-shadow:0 4px 15px #e6510033;animation:messageSlide-7b3885e8 .5s ease}@keyframes messageSlide-7b3885e8{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-info[data-v-7b3885e8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;gap:1.5rem}.game-info span[data-v-7b3885e8]{font-weight:600;color:#fff}.restart-btn[data-v-7b3885e8],.start-btn[data-v-7b3885e8]{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.restart-btn[data-v-7b3885e8]:hover,.start-btn[data-v-7b3885e8]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.stop-btn[data-v-7b3885e8]{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#ff5722,#d84315);color:#fff}.stop-btn[data-v-7b3885e8]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff57224d}.time-warning[data-v-7b3885e8]{color:#ffeb3b!important;animation:timeWarning-7b3885e8 1s infinite}@keyframes timeWarning-7b3885e8{0%,to{opacity:1}50%{opacity:.5}}.memory-game[data-v-7b3885e8]{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:2rem}.memory-grid[data-v-7b3885e8]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:500px;margin:0 auto;padding:1rem}.memory-card[data-v-7b3885e8]{aspect-ratio:1;position:relative;cursor:pointer;perspective:1000px;transition:transform .3s ease}.memory-card[data-v-7b3885e8]:hover{transform:translateY(-4px)}.memory-card[data-v-7b3885e8]:active{transform:translateY(-2px)}.card-front[data-v-7b3885e8],.card-back[data-v-7b3885e8]{position:absolute;width:100%;height:100%;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;backface-visibility:hidden;transition:transform .6s ease;box-shadow:0 6px 20px #00000040;padding:.5rem}.card-front[data-v-7b3885e8]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.card-back[data-v-7b3885e8]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;transform:rotateY(180deg)}.memory-card.flipped .card-front[data-v-7b3885e8]{transform:rotateY(180deg)}.memory-card.flipped .card-back[data-v-7b3885e8]{transform:rotateY(0)}.memory-card.matched .card-back[data-v-7b3885e8]{background:linear-gradient(135deg,#2196f3,#1976d2);animation:matchPulse-7b3885e8 .6s ease}@keyframes matchPulse-7b3885e8{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(0) scale(1.1)}}.speed-game[data-v-7b3885e8]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.speed-arena[data-v-7b3885e8]{position:relative;height:350px;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;overflow:visible;border:2px solid rgba(255,255,255,.3);z-index:1;box-shadow:inset 0 0 50px #0003}.speed-target[data-v-7b3885e8]{position:absolute;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border-radius:50px;cursor:pointer;font-weight:700;font-size:1.2rem;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.8);-webkit-user-select:none;user-select:none;min-width:80px;min-height:50px;text-align:center;z-index:999;box-shadow:0 8px 25px #ee5a2466,0 0 #ff6b6bb3;animation:targetPulse-7b3885e8 2s ease-in-out infinite;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.speed-target[data-v-7b3885e8]:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);transform:translate(-50%,-50%) scale(1.15);box-shadow:0 12px 35px #4facfe80,0 0 0 8px #4facfe4d;animation:targetHover-7b3885e8 .6s ease infinite}.speed-target[data-v-7b3885e8]:active{transform:translate(-50%,-50%) scale(.95);animation:targetHit-7b3885e8 .3s ease}@keyframes targetPulse-7b3885e8{0%,to{box-shadow:0 8px 25px #ee5a2466,0 0 #ff6b6bb3}50%{box-shadow:0 8px 25px #ee5a2466,0 0 0 10px #ff6b6b4d}}@keyframes targetHover-7b3885e8{0%,to{transform:translate(-50%,-50%) scale(1.15) rotate(0)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(2deg)}}@keyframes targetHit-7b3885e8{0%{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1.3);background:linear-gradient(135deg,#ffd89b,#19547b)}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.game-status-overlay[data-v-7b3885e8]{position:absolute;top:15px;left:15px;z-index:100}.status-card[data-v-7b3885e8]{display:flex;gap:1rem;background:#fffffff2;border-radius:15px;padding:.8rem 1.2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-item[data-v-7b3885e8]{display:flex;flex-direction:column;align-items:center;gap:.2rem}.status-icon[data-v-7b3885e8]{font-size:1.2rem}.status-value[data-v-7b3885e8]{font-size:1.1rem;font-weight:700;color:#2d3748}.status-label[data-v-7b3885e8]{font-size:.7rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.game-placeholder[data-v-7b3885e8]{display:flex;align-items:center;justify-content:center;height:350px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;border:2px dashed rgba(255,255,255,.3)}.placeholder-content[data-v-7b3885e8]{text-align:center;color:#fff;max-width:400px}.placeholder-icon[data-v-7b3885e8]{font-size:4rem;margin-bottom:1rem;animation:placeholderFloat-7b3885e8 3s ease-in-out infinite}.placeholder-title[data-v-7b3885e8]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.placeholder-rules[data-v-7b3885e8]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.rule-item[data-v-7b3885e8]{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rule-icon[data-v-7b3885e8]{font-size:1.5rem;min-width:30px}.rule-text[data-v-7b3885e8]{font-size:1rem;line-height:1.4;text-align:left}.start-hint[data-v-7b3885e8]{padding:1rem;background:#ffffff26;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.hint-text[data-v-7b3885e8]{font-size:1rem;font-weight:600;color:#ffffffe6}@keyframes placeholderFloat-7b3885e8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.puzzle-game[data-v-7b3885e8]{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.puzzle-grid[data-v-7b3885e8]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.5rem;max-width:300px;margin:0 auto;aspect-ratio:1}.puzzle-piece[data-v-7b3885e8]{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff98004d}.puzzle-piece[data-v-7b3885e8]:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff980066}.puzzle-piece.correct[data-v-7b3885e8]{background:linear-gradient(135deg,#4caf50,#45a049);animation:correctPiece-7b3885e8 .6s ease}@keyframes correctPiece-7b3885e8{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.adventure-game[data-v-7b3885e8]{background:linear-gradient(135deg,#795548,#5d4037);color:#fff}.adventure-arena[data-v-7b3885e8]{position:relative;height:300px;background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-radius:16px;overflow:visible;border:3px solid rgba(255,255,255,.3);margin-bottom:1rem;box-shadow:inset 0 0 30px #0000001a;width:100%}.adventure-placeholder[data-v-7b3885e8]{display:flex;align-items:center;justify-content:center;height:300px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;border:2px dashed rgba(255,255,255,.3);margin-bottom:1rem}.adventure-preview[data-v-7b3885e8]{margin-bottom:1rem}.preview-title[data-v-7b3885e8]{text-align:center;color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:.5rem;background:#ffffff1a;border-radius:8px}.adventure-arena-preview[data-v-7b3885e8]{position:relative;height:250px;background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-radius:16px;overflow:visible;border:3px solid rgba(255,255,255,.3);box-shadow:inset 0 0 30px #0000001a;opacity:.8;width:100%}.adventure-status-overlay[data-v-7b3885e8]{position:absolute;top:15px;right:15px;z-index:100}.adventure-player[data-v-7b3885e8]{font-size:2rem;transition:all .3s ease;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));-webkit-user-select:none;user-select:none}.adventure-item[data-v-7b3885e8]{text-align:center;cursor:pointer;transition:all .3s ease;min-width:50px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.adventure-item[data-v-7b3885e8]:hover{transform:translate(-50%,-50%) scale(1.1)}.item-icon[data-v-7b3885e8]{font-size:1.5rem;margin-bottom:.2rem}.item-pinyin[data-v-7b3885e8]{font-size:.7rem;font-weight:700;background:#ffffffe6;color:#333;padding:.2rem .4rem;border-radius:8px;box-shadow:0 2px 8px #0003}.adventure-item.coin .item-icon[data-v-7b3885e8]{animation:coinSpin-7b3885e8 2s linear infinite}.adventure-item.powerup .item-icon[data-v-7b3885e8]{animation:powerupGlow-7b3885e8 1.5s ease-in-out infinite alternate}.adventure-item.enemy .item-icon[data-v-7b3885e8]{animation:enemyBounce-7b3885e8 1s ease-in-out infinite}@keyframes coinSpin-7b3885e8{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes powerupGlow-7b3885e8{0%{filter:brightness(1) drop-shadow(0 0 5px #ffeb3b)}to{filter:brightness(1.3) drop-shadow(0 0 15px #ffeb3b)}}@keyframes enemyBounce-7b3885e8{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.adventure-controls[data-v-7b3885e8]{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1rem}.control-instructions[data-v-7b3885e8]{color:#fffc;font-size:.9rem;text-align:center;margin-bottom:.5rem}.control-row[data-v-7b3885e8]{display:flex;gap:.8rem}.control-btn[data-v-7b3885e8]{width:55px;height:55px;border:none;border-radius:12px;font-size:1.3rem;cursor:pointer;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;transition:all .2s ease;box-shadow:0 4px 15px #2196f34d;-webkit-user-select:none;user-select:none}.control-btn[data-v-7b3885e8]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366;background:linear-gradient(135deg,#42a5f5,#1e88e5)}.control-btn[data-v-7b3885e8]:active{transform:translateY(0);background:linear-gradient(135deg,#1976d2,#1565c0)}.celebration-overlay[data-v-7b3885e8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-7b3885e8 .5s ease}.celebration-content[data-v-7b3885e8]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:celebrationBounce-7b3885e8 1s ease}.celebration-text[data-v-7b3885e8]{font-size:2rem;font-weight:700;margin-bottom:1rem}.celebration-fireworks[data-v-7b3885e8]{font-size:3rem;animation:fireworksRotate-7b3885e8 2s ease infinite}@keyframes celebrationBounce-7b3885e8{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fireworksRotate-7b3885e8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-7b3885e8{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.game-selector[data-v-7b3885e8]{flex-direction:column;align-items:center}.game-tab[data-v-7b3885e8]{width:100%;max-width:300px}.memory-grid[data-v-7b3885e8]{grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:350px;padding:.8rem}.card-front[data-v-7b3885e8],.card-back[data-v-7b3885e8]{font-size:1.1rem;border-radius:12px;padding:.3rem}.speed-arena[data-v-7b3885e8]{height:200px}.puzzle-grid[data-v-7b3885e8]{max-width:250px}.adventure-arena[data-v-7b3885e8],.adventure-placeholder[data-v-7b3885e8]{height:250px}.game-info[data-v-7b3885e8]{flex-direction:column;text-align:center;gap:1rem}.game-page[data-v-7b3885e8]{padding-bottom:calc(var(--footer-height, 48px) + 4rem)!important}.control-btn[data-v-7b3885e8]{width:45px;height:45px;font-size:1rem}.control-instructions[data-v-7b3885e8]{font-size:.8rem}.adventure-item[data-v-7b3885e8]{min-width:40px;min-height:40px}.item-icon[data-v-7b3885e8]{font-size:1.2rem}.item-pinyin[data-v-7b3885e8]{font-size:.6rem;padding:.1rem .3rem}.celebration-content[data-v-7b3885e8]{margin:1rem;padding:2rem}.celebration-text[data-v-7b3885e8]{font-size:1.5rem}}.nav-container[data-v-cddce061]{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-container[data-v-cddce061]::-webkit-scrollbar{display:none}.nav-item[data-v-cddce061]{cursor:pointer;padding:.3rem .8rem;border-radius:8px;transition:all .3s ease;white-space:nowrap;font-weight:600;opacity:.8}.nav-item[data-v-cddce061]:hover{background:#ffffff1a;opacity:1;transform:translateY(-1px)}.nav-item.active[data-v-cddce061]{background:#fff3;opacity:1;box-shadow:0 2px 8px #0000001a}@media (max-width: 600px){.nav-container[data-v-cddce061]{gap:.8rem;justify-content:flex-start}.nav-item[data-v-cddce061]{padding:.2rem .6rem;font-size:.9rem}}@media (max-width: 480px){.nav-container[data-v-cddce061]{gap:.5rem}.nav-item[data-v-cddce061]{padding:.2rem .4rem;font-size:.8rem}}:root{--primary-color: #4a9d6a;--primary-color-dark: #2d5a3d;--bg-color: #1a2e1f;--card-bg: #243329;--text-color: #e8f5e8;--text-secondary: #b8d4b8;--header-height: 56px;--footer-height: 48px;--border-radius: 18px;--shadow: 0 4px 24px 0 rgba(0, 0, 0, .15), 0 1.5px 6px 0 rgba(0, 0, 0, .1)}body{margin:0;padding:0;font-family:PingFang SC,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;font-size:18px;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}#app{min-height:100vh}header,.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:var(--text-color);display:flex;align-items:center;padding:0 1rem;font-size:1.3rem;font-weight:700;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1000}footer,.footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background:linear-gradient(90deg,var(--primary-color-dark) 0%,var(--primary-color) 100%);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.05rem;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1000}.main-content{flex:1 1 auto;padding:calc(var(--header-height) + 1.2rem) 1.5rem calc(var(--footer-height) + 1.2rem) 1.5rem;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box;background:transparent;min-height:100vh}@media (max-width: 600px){.main-content{padding:calc(var(--header-height) + .7rem) .3rem calc(var(--footer-height) + .7rem) .3rem;max-width:100vw}header,.header{font-size:1.05rem;padding:0 .5rem}footer,.footer{font-size:.95rem;padding:0 .5rem}}