.webview-container[data-v-469ab381]{width:100%;height:100vh;position:relative}.webview-frame[data-v-469ab381]{width:100%;height:100%;border:none}.native-webview[data-v-469ab381]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f5f5;color:#333}.loading-content[data-v-469ab381]{text-align:center}.spinner[data-v-469ab381]{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin-469ab381 1s linear infinite;margin:0 auto 20px}@keyframes spin-469ab381{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.native-webview p[data-v-469ab381]{margin:10px 0;font-size:16px;color:#666}.url-hint[data-v-469ab381]{font-size:12px;color:#999;margin-top:20px}.view-enter-active[data-v-fa77f2af]{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.view-leave-active[data-v-fa77f2af]{display:none}.view-enter-active,.view-leave-active{transition:opacity .3s ease,transform .3s ease}.view-enter-from,.view-leave-to{opacity:0;transform:scale(.95)}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}#app{min-height:100vh;width:100%;overflow:hidden;box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box;touch-action:pan-x pan-y}html{touch-action:pan-x pan-y}body{background-color:#4338ca;background-image:radial-gradient(#4F46E5 1px,transparent 1px);background-size:20px 20px;font-family:Fredoka,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;color:#1f2937;margin:0;padding:0;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.box-3d{border:2px solid #111827;box-shadow:4px 4px #111827;transition:all .1s ease-in-out}.btn-3d:active{transform:translate(2px,2px);box-shadow:2px 2px #111827}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.view-enter-active{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.view-leave-active{display:none}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}