*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}uni-tabbar{display:block;box-sizing:border-box;width:100%;z-index:998}.uni-tabbar{display:flex;z-index:998;box-sizing:border-box}.uni-tabbar-top,.uni-tabbar-bottom,.uni-tabbar-top .uni-tabbar,.uni-tabbar-bottom .uni-tabbar{position:fixed;left:var(--window-left);right:var(--window-right)}.uni-app--showlayout+.uni-tabbar-top,.uni-app--showlayout+.uni-tabbar-bottom,.uni-app--showlayout+.uni-tabbar-top .uni-tabbar,.uni-app--showlayout+.uni-tabbar-bottom .uni-tabbar{left:var(--window-margin);right:var(--window-margin)}.uni-tabbar-bottom .uni-tabbar{bottom:0;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.uni-tabbar~.uni-placeholder{width:100%;margin-bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.uni-tabbar *{box-sizing:border-box}.uni-tabbar__item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1;font-size:0;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.uni-tabbar__bd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.uni-tabbar__icon{position:relative;display:inline-block;margin-top:5px}.uni-tabbar__icon.uni-tabbar__icon__diff{margin-top:0;width:34px;height:34px}.uni-tabbar__icon img{width:100%;height:100%}.uni-tabbar__iconfont{font-family:UniTabbarIconFont}.uni-tabbar__label{position:relative;text-align:center;font-size:10px}.uni-tabbar-border{position:absolute;left:0;top:0;width:100%;height:1px;transform:scaleY(.5)}.uni-tabbar__reddot{position:absolute;top:2px;right:0;width:12px;height:12px;border-radius:50%;background-color:#f43530;color:#fff;transform:translate(40%)}.uni-tabbar__badge{width:auto;height:16px;line-height:16px;border-radius:16px;min-width:16px;padding:0 2px;font-size:12px;text-align:center;white-space:nowrap}.uni-tabbar__mid{display:flex;justify-content:center;position:absolute;bottom:0;background-size:100% 100%}.uni-app--showtabbar uni-page-wrapper{display:block;height:calc(100% - var(--tab-bar-height));height:calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));height:calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom))}uni-page[data-type] uni-page-wrapper{height:100%}.uni-app--showtabbar uni-page-wrapper:after{content:"";display:block;width:100%;height:var(--tab-bar-height);height:calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}.uni-app--showtabbar uni-page-head[uni-page-head-type=default]~uni-page-wrapper{height:calc(100% - 44px - var(--tab-bar-height));height:calc(100% - 44px - constant(safe-area-inset-top) - var(--tab-bar-height) - constant(safe-area-inset-bottom));height:calc(100% - 44px - env(safe-area-inset-top) - var(--tab-bar-height) - env(safe-area-inset-bottom))}:root{--web-content-width: 1180px;--web-reading-width: 880px;--web-page-gutter: 24px;--web-radius: 18px;--web-shadow: 0 10px 32px rgba(31, 54, 38, .08)}html,body,#app,uni-app{min-width:320px;background:#f4f7f4}.home-page,.learn-page{height:100dvh}.hub-view,.game-play,.login-page,.profile-page,.category-page,.record-page{min-height:100dvh}uni-button,[role=button],.category-card,.random-card,.section-header,.word-item,.game-card,.menu-item,.load-more,.action-btn,.option-btn,.image-option,.sound-btn{cursor:pointer;touch-action:manipulation}uni-button:focus-visible,[role=button]:focus-visible{outline:3px solid rgba(33,150,243,.7);outline-offset:3px}@media (hover: hover) and (pointer: fine){.category-card:hover,.random-card:hover,.category-section:hover,.game-card:hover,.record-card:hover,.menu-section:hover{transform:translateY(-2px);box-shadow:var(--web-shadow)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (min-width: 768px){body uni-page-body{background:#f4f7f4}body{background:#f4f7f4}body .home-page .header,body .hub-view .header{padding:42px 32px 48px;border-radius:0 0 30px 30px}body .home-page .header .subtitle,body .hub-view .header-title{font-size:32px;letter-spacing:1px}body .hub-view .header-emoji{font-size:48px}body .hub-view .header-desc{font-size:16px;margin-top:8px}body .home-page .section,body .home-page .random-section,body .hub-view .game-cards,body .category-page,body .record-page,body .profile-page,body .container,body .play-body,body .game-over{width:calc(100% - 48px);max-width:var(--web-content-width);margin-left:auto;margin-right:auto;box-sizing:border-box}body .home-page .section{padding:32px 0 18px}body .home-page .section-title{padding:0 0 18px}body .home-page .section-title-text,body .record-page .section-title{font-size:24px}body .home-page .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0}body .home-page .category-card{min-height:208px;padding:28px 20px;border-radius:var(--web-radius)}body .home-page .category-icon{font-size:48px;margin-bottom:12px}body .home-page .category-name{font-size:22px;margin-bottom:4px}body .home-page .category-name-en,body .home-page .category-count{font-size:15px}body .home-page .category-count{padding:5px 12px;border-radius:999px}body .home-page .random-section{padding:14px 0 36px}body .home-page .random-card{min-height:84px;padding:20px 24px;border-radius:var(--web-radius)}body .home-page .random-icon{font-size:38px;margin-right:18px}body .home-page .random-title{font-size:20px}body .home-page .random-desc,body .home-page .random-arrow{font-size:16px}body .category-page,body .record-page,body .profile-page,body .container{padding-top:24px;padding-bottom:100px}body .category-page .category-section,body .profile-page .menu-section,body .record-page .stats-section{margin:0 0 18px;border-radius:var(--web-radius)}body .category-page .section-header{min-height:76px;padding:18px 22px}body .category-page .section-icon,body .profile-page .menu-icon{font-size:34px;margin-right:14px}body .category-page .section-name,body .category-page .word-text,body .profile-page .menu-text{font-size:18px}body .category-page .section-name-en,body .category-page .section-count,body .category-page .word-meaning{font-size:14px}body .category-page .word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body .category-page .word-item{min-height:70px;padding:12px 20px}body .category-page .word-image-wrap{width:52px;height:52px;margin-right:14px}body .category-page .learn-all-btn{grid-column:1/-1;min-height:48px;padding:14px;font-size:16px}body .hub-view .game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px 0 100px}body .hub-view .game-card{min-height:286px;margin:0;padding:26px;border-radius:22px}body .hub-view .game-icon{font-size:46px}body .hub-view .game-name{font-size:24px}body .hub-view .game-desc{min-height:48px;font-size:16px;line-height:1.5}body .hub-view .game-start-btn,body .play-body .next-btn,body .game-over .go-btn{min-height:46px;font-size:16px;border-radius:14px}body .game-play .play-header{height:72px;padding:0 28px}body .game-play .play-back,body .game-play .play-title,body .game-play .play-score{font-size:16px}body .play-body,body .game-over{max-width:var(--web-reading-width)}body .play-body .options-grid,body .play-body .image-options-grid{gap:16px}body .play-body .option-btn,body .play-body .sound-btn{min-height:56px}body .record-page .stats-section,body .record-page .record-section{margin-left:0;margin-right:0;padding:24px}body .record-page .stats-grid{margin-bottom:18px}body .record-page .stat-card .stat-num{font-size:32px}body .record-page .stat-card .stat-label,body .record-page .extra-item{font-size:14px}body .record-page .record-item,body .container .record-card{min-height:74px;padding:14px 18px;border-radius:14px}body .record-page .record-img-wrap{width:52px;height:52px}body .record-page .record-word,body .container .card-game{font-size:17px}body .record-page .record-meaning,body .record-page .record-result,body .record-page .record-time,body .container .card-date,body .container .card-total{font-size:13px}body .profile-page .user-card{border-radius:0 0 24px 24px;padding:34px 36px}body .profile-page .avatar{width:82px;height:82px;border-radius:50%;font-size:38px}body .profile-page .nickname{font-size:24px}body .profile-page .user-desc{font-size:15px}body .profile-page .menu-item{min-height:64px;padding:14px 20px}body .profile-page .logout-btn{left:50%;right:auto;width:calc(100% - 96px);max-width:880px;height:52px;line-height:52px;transform:translate(-50%);font-size:16px}body .login-page{padding:48px 24px}body .login-page .login-card{max-width:480px;padding:44px 42px 38px;border-radius:24px}body .login-page .login-icon{font-size:54px}body .login-page .login-title{font-size:30px}body .login-page .login-subtitle,body .login-page .login-desc{font-size:15px}body .login-page .wechat-btn,body .need-login-btn{min-height:50px;height:50px;line-height:50px;font-size:16px}body .container .record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body .container .record-card{margin-bottom:0}}@media screen and (min-width: 1200px){body .home-page .header,body .hub-view .header{padding-top:36px;padding-bottom:42px}body .home-page .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body .home-page .category-card{min-height:220px}body .hub-view .game-cards,body .category-page .word-list{grid-template-columns:repeat(3,minmax(0,1fr))}body .record-page{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px}body .record-page .stats-section{position:sticky;top:68px}body .record-page .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}body .record-page .stats-extra{flex-direction:column;gap:10px}body .record-page .record-section{padding-top:0}}@media screen and (max-width: 420px){body .record-page .record-item{flex-wrap:wrap}body .record-page .record-result{margin-left:2.5rem;margin-top:.375rem}body .record-page .record-time{margin-top:.375rem}}uni-page-body{height:100%;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:#f5f5f5}.plain-back-bar{flex:none;width:100%;min-height:calc(2.75rem + var(--mini-program-safe-top, var(--status-bar-height, 0px)));padding-top:var(--mini-program-safe-top, var(--status-bar-height, 0px));box-sizing:border-box;display:flex;align-items:center}.plain-back-btn{width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;margin:0 0 0 .375rem;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#24582f;background:transparent;line-height:1}.plain-back-btn:after{border:0}.plain-back-btn:active{background:rgba(46,158,73,.12)}.plain-back-icon{margin-top:-.125rem;font-size:1.625rem;font-weight:400}