#app[data-v-91f68329]{width:100%;min-height:100vh;transition:background-color .3s ease}.fade-enter-active[data-v-91f68329],.fade-leave-active[data-v-91f68329]{transition:opacity .3s ease}.fade-enter-from[data-v-91f68329],.fade-leave-to[data-v-91f68329]{opacity:0}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{border:none;outline:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}input,select,textarea{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fade-in{animation:fadeIn .3s ease}.slide-in-up{animation:slideInUp .4s ease}.bounce{animation:bounce .5s ease}.image-container,.video-container{width:100%;max-width:300px;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:#0000000d;margin:0 auto}.sentence-image-container{max-width:350px;height:220px}.pinyin-image-container,.phonetic-image-container{max-width:280px;height:180px}.card-image,.word-image,.sentence-image,.pinyin-image,.phonetic-image{width:100%;height:100%;object-fit:cover;border-radius:16px;transition:transform .3s ease}.card-image.loading,.word-image.loading,.sentence-image.loading,.pinyin-image.loading,.phonetic-image.loading{opacity:.5}.card-image.loaded,.word-image.loaded,.sentence-image.loaded,.pinyin-image.loaded,.phonetic-image.loaded{opacity:1}.card-image.media-error,.word-image.media-error,.sentence-image.media-error,.pinyin-image.media-error,.phonetic-image.media-error{object-fit:contain}@media (hover: hover){.card-image:hover,.word-image:hover,.sentence-image:hover,.pinyin-image:hover,.phonetic-image:hover{transform:scale(1.05)}}.category-badge,.info-badge{position:absolute;top:-20px;left:20px;padding:8px 20px;border-radius:20px;font-size:20px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.meta-info{position:absolute;top:-20px;left:20px;display:flex;gap:10px;flex-wrap:wrap}.meta-info .info-badge{position:static}.card-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.primary-text{font-size:120px;font-weight:700;text-shadow:4px 4px 8px rgba(0,0,0,.1);transition:color .3s ease;line-height:1.2}.secondary-text{font-size:48px;font-weight:500;transition:color .3s ease}.tertiary-text{font-size:36px;transition:color .3s ease}@media (max-width: 768px){.image-container,.video-container{max-width:280px;height:180px}.sentence-image-container{max-width:320px;height:200px}.category-badge,.info-badge{font-size:18px;padding:6px 16px;top:-18px}.primary-text{font-size:100px}.secondary-text{font-size:40px}.tertiary-text{font-size:32px}}@media (max-width: 480px){.image-container,.video-container{max-width:260px;height:160px}.sentence-image-container{max-width:280px;height:180px}.pinyin-image-container,.phonetic-image-container{max-width:240px;height:150px}.category-badge,.info-badge{font-size:15px;padding:5px 12px;top:-16px;left:15px}.meta-info{top:-16px;left:15px;gap:8px}.primary-text{font-size:80px}.secondary-text{font-size:32px}.tertiary-text{font-size:26px}}@media (min-width: 415px) and (max-width: 440px) and (min-height: 900px){.image-container,.video-container{max-width:270px;height:170px}.category-badge,.info-badge{font-size:16px;padding:6px 14px}}@media (min-width: 385px) and (max-width: 400px) and (min-height: 840px){.image-container,.video-container{max-width:260px;height:165px}.category-badge,.info-badge{font-size:15px;padding:5px 13px}}@media (max-width: 375px){.image-container,.video-container{max-width:240px;height:150px}.sentence-image-container{max-width:260px;height:170px}.category-badge,.info-badge{font-size:14px;padding:4px 10px}}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.responsive-gap{gap:20px}@media (max-width: 768px){.responsive-gap{gap:18px}}@media (max-width: 480px){.responsive-gap{gap:15px}}