.card[data-v-f2933f64]{background:#fffffff2;border-radius:8px;box-shadow:0 8px 24px #0000001a;padding:24px;max-width:600px;margin:0 auto;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.card[data-v-f2933f64]:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(0,0,0,.1);border-radius:6px;pointer-events:none}.image-display[data-v-f2933f64]{aspect-ratio:1;position:relative;overflow:hidden;border-radius:4px;background:#f5f5f5;margin-bottom:24px;border:1px solid rgba(0,0,0,.1)}.image-wrapper[data-v-f2933f64]{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.image-wrapper img[data-v-f2933f64]{width:100%;height:100%;object-fit:cover}.controls[data-v-f2933f64]{text-align:center;padding:8px 0;position:relative}.select-button[data-v-f2933f64]{background:transparent;color:#4a4a4a;border:1px solid #4a4a4a;padding:12px 36px;border-radius:4px;font-size:1.1rem;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:2px}.select-button[data-v-f2933f64]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#4a4a4a1a;transition:all .3s ease}.select-button[data-v-f2933f64]:hover:not(.disabled){color:#2c3e50;border-color:#2c3e50}.select-button[data-v-f2933f64]:hover:not(.disabled):before{left:0}.select-button.disabled[data-v-f2933f64]{background:transparent;border-color:#ccc;color:#ccc;cursor:not-allowed}@media (max-width: 768px){.card[data-v-f2933f64]{margin:10px;padding:16px}.select-button[data-v-f2933f64]{padding:10px 28px;font-size:1rem}}.floating-container[data-v-7bc8a7e4]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none}.floating-text[data-v-7bc8a7e4]{position:fixed;font-size:72px;color:#ffd966e6;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-shadow:2px 2px 0 rgba(255,166,0,.4),-2px -2px 0 rgba(255,255,255,.4);transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform;transition:color .2s;pointer-events:auto;cursor:pointer;padding:20px;background:transparent;min-height:1em;display:flex;align-items:center;justify-content:center}.floating-text[data-v-7bc8a7e4]:hover{color:#fb0}@media screen and (max-width: 768px){.floating-text[data-v-7bc8a7e4]{font-size:48px;padding:15px}}@media screen and (max-width: 480px){.floating-text[data-v-7bc8a7e4]{font-size:36px;padding:10px}}html,body{margin:0;padding:0;height:100vh;overflow:hidden}.app-container{min-height:100vh;padding:20px;position:relative;display:flex;align-items:center;justify-content:center}.app-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/nanke-BiMt-tIp.jpg) no-repeat center center fixed;background-size:cover;filter:blur(3px) brightness(.9);z-index:-1}.content-wrapper{max-width:1200px;width:100%;padding:20px;position:relative;z-index:1}.title{font-size:2.5rem;color:#fff;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:#0006;padding:1rem;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:600px;margin-left:auto;margin-right:auto}@media screen and (max-width: 768px){.title{font-size:1.8rem;margin-bottom:20px}}
