.message-page[data-v-b88c3850]{position:relative;width:100%;background:#fff;background-image:linear-gradient(90deg,#f0f0f0 1px,transparent 0),linear-gradient(180deg,#f0f0f0 1px,transparent 0);background-size:20px 20px;overflow:hidden;-webkit-animation:header-effect-data-v-b88c3850 1s;animation:header-effect-data-v-b88c3850 1s}@-webkit-keyframes header-effect-data-v-b88c3850{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes header-effect-data-v-b88c3850{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.message-title[data-v-b88c3850]{color:#4f46e5;font-size:48px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1);-webkit-animation:title-scale-data-v-b88c3850 1s;animation:title-scale-data-v-b88c3850 1s;margin:0}@-webkit-keyframes title-scale-data-v-b88c3850{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes title-scale-data-v-b88c3850{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.message-container[data-v-b88c3850]{position:absolute;width:500px;top:30%;left:50%;transform:translateX(-50%);text-align:center;z-index:5}.message-input-wrapper[data-v-b88c3850]{display:flex;justify-content:center;align-items:center;height:2.5rem;margin-top:2rem}.message-input-wrapper input[data-v-b88c3850]{outline:none;width:70%;border-radius:20px;height:100%;padding:0 1.25rem;color:#333;background:#fff;border:2px solid #4f46e5;font-size:14px;transition:all .3s}.message-input-wrapper input[data-v-b88c3850]:focus{border-color:#4338ca;box-shadow:0 0 15px rgba(79,70,229,.3)}.message-input-wrapper input[data-v-b88c3850]::-webkit-input-placeholder{color:#999}.message-input-wrapper button[data-v-b88c3850]{outline:none;border-radius:20px;height:100%;padding:0 1.5rem;border:none;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;opacity:0;-webkit-animation:fadeIn-data-v-b88c3850 .3s ease forwards;animation:fadeIn-data-v-b88c3850 .3s ease forwards}@-webkit-keyframes fadeIn-data-v-b88c3850{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn-data-v-b88c3850{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.message-input-wrapper button[data-v-b88c3850]:hover{background:#4338ca;transform:scale(1.05)}.barrage-container[data-v-b88c3850]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden}.barrage-items[data-v-b88c3850]{border-radius:100px;color:#fff;padding:8px 20px;align-items:center;display:flex;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;transition:all .3s ease}.barrage-items.barrage-new[data-v-b88c3850]{box-shadow:0 0 20px rgba(255,215,0,.8),0 2px 8px rgba(0,0,0,.2);border:2px solid rgba(255,215,0,.9);font-weight:700;transform:scale(1.1)}.new-badge[data-v-b88c3850]{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;box-shadow:0 0 10px rgba(255,215,0,.6);z-index:10}.ml-2[data-v-b88c3850]{margin-left:8px}.ml-3[data-v-b88c3850]{margin-left:12px}@media (max-width:768px){.message-container[data-v-b88c3850]{width:90%}.message-title[data-v-b88c3850]{font-size:36px}.message-input-wrapper input[data-v-b88c3850]{width:60%}}.animated[data-v-b88c3850]{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInUp[data-v-b88c3850]{-webkit-animation-name:fadeInUp-data-v-b88c3850;animation-name:fadeInUp-data-v-b88c3850}@-webkit-keyframes fadeInUp-data-v-b88c3850{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp-data-v-b88c3850{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}