*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(135deg,#c084fc,#a855f7 20%,#8b5cf6 40%,#7c3aed 60%,#6d28d9 80%,#5b21b6);box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between;height:60px}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:12px}.nav-brand .brand-link{text-decoration:none;gap:8px}.nav-brand .brand-link,.refresh-btn{color:#fff;display:flex;align-items:center}.refresh-btn{background:transparent;border:none;cursor:pointer;padding:6px;width:36px;height:36px;justify-content:center;transition:all .3s ease}.refresh-btn:hover{transform:scale(1.1)}.refresh-btn:active{transform:scale(.95)}.refresh-icon{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:all .3s ease;animation:simpleRotate 3s linear infinite}.refresh-btn:hover .refresh-icon{transform:scale(1.15);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));animation:simpleRotate 1s linear infinite}@keyframes simpleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brand-icon{width:28px;height:28px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:brandIconFloat 3s ease-in-out infinite}.brand-text{font-size:20px;font-weight:560;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes brandIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.nav-menu{display:flex;align-items:center;gap:20px;flex-direction:row;position:relative;top:auto;right:auto;width:auto;height:auto;background:transparent;box-shadow:none;transition:none;z-index:auto;padding:0;overflow:visible}.nav-menu.active{right:0}.nav-menu-header{display:none;align-items:center;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:20px;cursor:pointer;transition:all .3s ease;border-radius:12px;margin:0 10px 20px 10px}.nav-menu-header:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.nav-menu-avatar{width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;margin-right:15px}.avatar-icon{width:30px;height:300px;color:hsla(0,0%,100%,.9)}.nav-menu-user-info{flex:1}.user-name{color:#fff;font-weight:600;font-size:16px;margin-bottom:4px}.user-status{color:hsla(0,0%,100%,.7);font-size:14px}.nav-menu-footer{display:none;margin-top:auto;padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.nav-link{color:hsla(0,0%,100%,.9);text-decoration:none;padding:12px 20px;border-radius:12px;transition:all .3s ease;font-weight:500;width:auto;text-align:center;margin:0 4px;display:flex;align-items:center;gap:8px}.nav-link:before{content:"";width:4px;height:20px;background:hsla(0,0%,100%,.3);border-radius:2px;transition:all .3s ease;display:none}.nav-link.active,.nav-link:hover{background:transparent;color:#fff;transform:translateY(-2px);box-shadow:none}.nav-link.active:before,.nav-link:hover:before{background:hsla(0,0%,100%,.8);width:6px;display:none}.vip-link{background:transparent;color:hsla(0,0%,100%,.9)!important;font-weight:500}.vip-link.active,.vip-link:hover{background:transparent;color:#fff!important}.auth-section{display:flex;align-items:center;gap:10px}.login-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.user-menu{gap:10px}.profile-link,.user-menu{display:flex;align-items:center}.profile-link{gap:8px;background:hsla(0,0%,100%,.1);padding:6px 12px;border-radius:20px}.user-avatar{width:28px;height:28px;background:hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:hsla(0,0%,100%,.9)}.username{font-size:14px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-profile-link,.desktop-user-status{display:flex;align-items:center;gap:8px}.desktop-profile-link{color:#fff;text-decoration:none;padding:6px 12px;border-radius:20px;background:hsla(0,0%,100%,.1);transition:all .3s ease}.desktop-profile-link:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.desktop-user-avatar{width:28px;height:28px;background:hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:hsla(0,0%,100%,.9)}.desktop-username{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-login-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:20px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease;font-weight:500}.desktop-login-link:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.logout-btn{background:hsla(0,0%,100%,.2);color:#fff;border:none;padding:6px 12px;border-radius:15px;cursor:pointer;font-size:12px;transition:all .3s ease}.logout-btn:hover{background:hsla(0,0%,100%,.3)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:8px;border-radius:8px;background:hsla(0,0%,100%,.1);transition:all .3s ease;width:40px;height:40px;justify-content:center;align-items:center;gap:4px}.hamburger-line{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease;transform-origin:center}.nav-toggle:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.nav-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-content{flex:1;padding-top:0}.global-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:6px solid #f3f3f3;border-top:6px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.global-message{position:fixed;top:80px;right:20px;padding:16px 24px;border-radius:16px;color:#fff;font-weight:600;font-size:14px;z-index:1001;max-width:300px;word-wrap:break-word;box-shadow:0 8px 32px rgba(0,0,0,.12);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);animation:slideInRight .3s ease-out;display:flex;align-items:center;gap:8px}.global-message:before{content:"✓";font-size:16px;font-weight:700}.global-message.success{background:linear-gradient(135deg,#28c2b5,#13665f00 90%)}.global-message.error{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.global-message.warning{background:linear-gradient(135deg,#feca57,#ff9ff3);color:#333}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.nav-toggle{display:flex}.refresh-btn{padding:6px}.refresh-btn,.refresh-btn:hover{background:transparent;border:none}.refresh-btn:hover{transform:scale(1.1)}.refresh-icon{width:20px;height:20px}.nav-menu{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:linear-gradient(135deg,#c084fc,#a855f7 20%,#8b5cf6 40%,#7c3aed 60%,#6d28d9 80%,#5b21b6);flex-direction:column;padding:20px 0;gap:0;transform:none;opacity:1;visibility:visible;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1001;overflow-y:auto}.nav-link{width:calc(100% - 20px);text-align:left;margin:4px 10px;gap:12px}.nav-link.active:before,.nav-link:before,.nav-link:hover:before{display:block}.nav-link.active,.nav-link:hover{background:transparent;color:#fff;transform:translateX(4px)}.nav-link.active:before,.nav-link:hover:before{background:hsla(0,0%,100%,.8);width:6px}.nav-menu-header{display:flex}.nav-menu-footer{display:block;margin-top:auto;padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.profile-link{width:calc(100% - 20px);text-align:left;margin:4px 10px;gap:12px;padding:12px 20px;border-radius:12px;transition:all .3s ease;font-weight:500;display:flex;align-items:center}.profile-link:before{content:"";width:4px;height:20px;background:hsla(0,0%,100%,.3);border-radius:2px;transition:all .3s ease;display:block}.profile-link.active,.profile-link:hover{background:transparent;color:#fff;transform:translateX(4px)}.profile-link.active:before,.profile-link:hover:before{background:hsla(0,0%,100%,.8);width:6px}.user-avatar{width:32px;height:32px;background:hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.username{font-size:16px;color:#fff;font-weight:500}.desktop-user-status{display:none}.nav-menu.active{right:0}.auth-section,.user-menu{width:100%;justify-content:center}.nav-container{padding:0 15px}.global-message{right:10px;left:10px;max-width:none}}@media (max-width:480px){.nav-menu{width:260px}.nav-link{width:calc(100% - 16px);margin:3px 8px;padding:10px 12px;font-size:14px}.nav-menu-footer,.nav-menu-header{padding:15px}.profile-link{padding:10px 12px}.user-avatar{width:28px;height:28px;font-size:12px}.username{font-size:14px}.nav-container{padding:0 10px}}@media (max-width:360px){.nav-menu{width:240px}.nav-link{width:calc(100% - 12px);margin:2px 6px;padding:8px 10px;font-size:13px}.nav-menu-footer,.nav-menu-header{padding:12px}.profile-link{padding:8px 10px}.user-avatar{width:24px;height:24px;font-size:11px}.username{font-size:13px}}.nav-menu-close-btn{display:none;position:absolute;top:18px;left:18px;z-index:10;background:transparent;border:none;font-size:28px;color:#fff;cursor:pointer;transition:color .2s}.nav-menu-close-btn:hover{color:gold}@media (max-width:768px){.nav-menu-close-btn{display:block}}body[data-v-fc242f7a],html[data-v-fc242f7a]{max-width:100vw;overflow-x:hidden}.card-group[data-v-fc242f7a],.card-section[data-v-fc242f7a],.page-content[data-v-fc242f7a]{max-width:100vw;overflow-x:hidden;box-sizing:border-box}.page-content[data-v-fc242f7a]{max-width:800px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box;width:100%}@media (max-width:700px){.page-content[data-v-fc242f7a]{max-width:100%;padding-left:10px;padding-right:10px}.header-section[data-v-fc242f7a]{height:130px}.search-bar[data-v-fc242f7a]{width:90%;max-width:220px;height:38px;padding:0 8px}.search-bar input[data-v-fc242f7a]{font-size:.8rem}.search-bar input[data-v-fc242f7a]::-moz-placeholder{font-size:.75rem}.search-bar input[data-v-fc242f7a]::placeholder{font-size:.75rem}.card-section[data-v-fc242f7a]{gap:2px;padding:3px 0 30px 0}.card-group[data-v-fc242f7a]{margin-bottom:4px}.search-bar .search-icon[data-v-fc242f7a]{min-width:24px;min-height:24px;width:24px;height:24px}.header-section[data-v-fc242f7a]{height:auto;min-height:160px;padding:20px 0}.feature-buttons[data-v-fc242f7a]{gap:8px;margin-top:12px}.feature-btn[data-v-fc242f7a]{padding:8px 12px;font-size:.85rem;min-width:80px}.feature-btn .btn-icon[data-v-fc242f7a]{width:16px;height:16px}}.card-section[data-v-fc242f7a],.header-section[data-v-fc242f7a]{width:100%;box-sizing:border-box;margin:0;padding:32px 0 10px 0}.header-section[data-v-fc242f7a]{width:100%;min-height:220px;background:linear-gradient(135deg,#f8f8f8,#fff);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0}@media (max-width:700px){.header-section[data-v-fc242f7a]{min-height:280px}}@media (min-width:701px){.header-section[data-v-fc242f7a]{min-height:310px}.page-content[data-v-fc242f7a]{max-width:900px;padding-left:24px;padding-right:24px}.card-section[data-v-fc242f7a]{max-width:900px;gap:12px}.card-group[data-v-fc242f7a]{padding:40px 32px 32px 32px}.card-tags[data-v-fc242f7a]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px 16px}.card-tag[data-v-fc242f7a]{padding:12px 20px;font-size:15px}}.header-section h1[data-v-fc242f7a]{font-size:1.4rem;font-weight:900;letter-spacing:2px;margin-bottom:8px;color:#2c3e50;font-family:Poppins,Montserrat,PingFang SC,HarmonyOS Sans,Arial,sans-serif;text-shadow:0 2px 4px hsla(0,0%,100%,.3)}.header-section p[data-v-fc242f7a]{font-size:.9rem;color:#888;font-weight:400;margin-bottom:10px;letter-spacing:1px}.search-bar[data-v-fc242f7a]{width:90%;max-width:260px;min-width:0;background:#fff;border-radius:32px;box-shadow:0 2px 10px rgba(162,89,230,.07),0 0 0 2px rgba(162,89,230,.1),0 0 20px rgba(162,89,230,.15);display:flex;align-items:center;padding:0 14px;height:44px;margin:0 auto;transition:all .3s ease;margin-bottom:0;position:relative}.search-bar[data-v-fc242f7a]:hover{box-shadow:0 4px 20px rgba(162,89,230,.12),0 0 0 3px rgba(162,89,230,.15),0 0 30px rgba(162,89,230,.2);transform:translateY(-1px)}.search-bar input[data-v-fc242f7a]{border:none;outline:none;background:transparent;flex:1 1 0%;font-size:.9rem;color:#6a6a6a;font-family:inherit;padding:0 6px;min-width:0}.search-bar input[data-v-fc242f7a]::-moz-placeholder{color:#c2bada;font-size:.85rem}.search-bar input[data-v-fc242f7a]::placeholder{color:#c2bada;font-size:.85rem}.search-bar .search-icon[data-v-fc242f7a]{min-width:28px;min-height:28px;width:28px;height:28px;margin-left:4px;border-radius:50%;background:linear-gradient(135deg,#fef7ff,#f0f9ff 50%,#fef7ff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 2px 8px rgba(162,89,230,.08);border:none;flex-shrink:0;z-index:2}.card-section[data-v-fc242f7a]{width:100%;max-width:800px;margin:0 auto;padding:8px 0 80px 0;display:flex;flex-direction:column;gap:6px}.card-group[data-v-fc242f7a]{background:#fff;border-radius:24px;box-shadow:0 2px 12px rgba(162,89,230,.04);padding:36px 24px 28px 24px;display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.card-title[data-v-fc242f7a]{font-size:1.13rem;font-weight:800;color:#7f6fff;margin-bottom:2px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer}.card-title[data-v-fc242f7a]:hover{color:#a259e6;transform:translateX(4px)}.vertical-line[data-v-fc242f7a]{width:3px;height:20px;background:linear-gradient(180deg,#a259e6,#7f6fff);border-radius:3px;position:relative}.vertical-line[data-v-fc242f7a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));border-radius:3px}.card-tags[data-v-fc242f7a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px 12px;margin-top:16px;padding:0 4px}.card-tag[data-v-fc242f7a]{background:linear-gradient(135deg,#faf9ff,#f5f7ff 50%,#faf9ff);color:#333;border:1px solid rgba(162,89,230,.1);font-weight:500;border-radius:20px;padding:10px 16px;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:center;min-width:0;font-size:14px;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(162,89,230,.08);position:relative;overflow:hidden}.card-tag[data-v-fc242f7a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s ease}.card-tag[data-v-fc242f7a]:hover{background:linear-gradient(135deg,#e8dfff,#d8c8ff);color:#222;transform:translateY(-2px);box-shadow:0 6px 20px rgba(162,89,230,.15);border-color:rgba(162,89,230,.3)}.card-tag[data-v-fc242f7a]:hover:before{left:100%}.card-tag[data-v-fc242f7a]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(162,89,230,.1)}@media (hover:none) and (pointer:coarse){.card-tag[data-v-fc242f7a]:active{background:linear-gradient(135deg,#e8dfff,#d8c8ff);color:#222;transform:translateY(-1px);box-shadow:0 4px 15px rgba(162,89,230,.15);border-color:rgba(162,89,230,.3)}.card-tag[data-v-fc242f7a]:active:before{left:100%}}.card-tag.too-long[data-v-fc242f7a]{grid-column:span 2;justify-self:stretch;white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word;line-height:1.4}.dialog-mask[data-v-fc242f7a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;align-items:stretch;justify-content:stretch;z-index:1000;border-radius:0;overflow:hidden}.dialog-content[data-v-fc242f7a]{background:#fff;border-radius:0;width:100%;height:100%;overflow-y:auto;box-shadow:none;position:relative;margin:0;border:none;scrollbar-width:none;-ms-overflow-style:none}.dialog-content[data-v-fc242f7a]::-webkit-scrollbar{display:none}.dialog-header-card[data-v-fc242f7a]{position:sticky;top:0;z-index:20;display:flex;justify-content:center;align-items:center;padding:10px 0 10px 0;background:linear-gradient(135deg,#bf94ff,#9dceff 50%,#99bdfa);border-radius:0;box-shadow:0 4px 24px 0 rgba(162,89,230,.15),0 2px 8px rgba(162,89,230,.1);margin-bottom:0;min-height:30px;overflow:hidden}.dialog-header-card[data-v-fc242f7a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer-fc242f7a 3s infinite}@keyframes shimmer-fc242f7a{0%{left:-100%}to{left:100%}}.dialog-header-center[data-v-fc242f7a]{display:flex;align-items:center;justify-content:flex-start;min-width:0;gap:10px;width:auto}.dialog-search-bar.inline[data-v-fc242f7a]{display:flex;align-items:center;white-space:nowrap;min-width:0;width:280px;max-width:340px;background:#fff;border-radius:32px;border:1.5px solid #e3dfff;box-shadow:0 2px 10px rgba(162,89,230,.1);padding:0 4px 0 12px;height:38px;position:relative;transition:box-shadow .18s,border .18s;flex-shrink:0}.dialog-search-bar.inline input[data-v-fc242f7a]{flex:1 1 0%;min-width:0;border:none;outline:none;background:transparent;font-size:.75rem;color:#6a6a6a;padding:0 4px;height:32px;line-height:32px}.dialog-search-bar.inline .search-icon[data-v-fc242f7a]{width:24px;height:24px;margin-left:0;margin-right:2px;border-radius:50%;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 2px 8px rgba(162,89,230,.08)}.close-btn[data-v-fc242f7a],.dialog-search-bar.inline .search-icon[data-v-fc242f7a]{background:linear-gradient(135deg,#f8e1ff,#e3f1ff);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;flex-shrink:0}.close-btn[data-v-fc242f7a]{position:absolute;top:10px;right:16px;width:22px;height:22px;font-size:1.1rem;color:#a259e6;border-radius:50%;box-shadow:0 2px 8px rgba(162,89,230,.1);transition:background .18s,color .18s,transform .18s;margin:0}.close-btn[data-v-fc242f7a]:hover{background:linear-gradient(135deg,#e3f1ff,#f8e1ff);color:#7f6fff;transform:scale(1.12)}.card-section[data-v-fc242f7a],.dialog-body[data-v-fc242f7a]{padding-left:0;padding-right:0}.dialogue-card[data-v-fc242f7a],.vip-lock-card-uniform[data-v-fc242f7a]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.dialog-body.chat-body[data-v-fc242f7a]{padding:14px 8px 32px 8px}.dialogue-card[data-v-fc242f7a]{border-radius:18px;padding:24px;position:relative;overflow:hidden;border:1px solid rgba(240,240,245,.8);box-sizing:border-box;max-width:100%;cursor:pointer;margin-bottom:20px;z-index:2}.dialogue-card[data-v-fc242f7a],.dialogue-card[data-v-fc242f7a]:hover{background:#fff;box-shadow:0 8px 32px rgba(162,89,230,.15),0 4px 16px rgba(162,89,230,.1)}.dialogue-card[data-v-fc242f7a]:before,.dialogue-card[data-v-fc242f7a]:hover:before{display:none}.dialogue-item[data-v-fc242f7a]{background:#f8f6ff;border-radius:12px;padding:15px;margin-bottom:15px}.dialogue-meta[data-v-fc242f7a]{margin-bottom:4px}.avatar[data-v-fc242f7a]{display:inline-block;width:28px;height:28px;border-radius:50%;font-size:15px;color:#fff;text-align:center;line-height:28px;font-weight:700}.avatar.girl[data-v-fc242f7a]{background:#ffb6c1}.avatar.boy[data-v-fc242f7a]{background:#7f6fff}.dialogue-content[data-v-fc242f7a]{font-size:1rem;line-height:1.5;margin-bottom:10px;white-space:pre-line}.dialogue-actions[data-v-fc242f7a]{display:flex;justify-content:flex-end}.chat-body[data-v-fc242f7a]{display:flex;flex-direction:column;gap:18px;padding:32px 24px 32px 24px;min-height:auto;background:none}.chat-row[data-v-fc242f7a]{display:flex;align-items:center;margin-bottom:12px}.chat-row.girl[data-v-fc242f7a]{flex-direction:row;justify-content:flex-start}.chat-row.boy[data-v-fc242f7a]{flex-direction:row;justify-content:flex-end}.chat-avatar[data-v-fc242f7a]{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 12px 0 0;flex-shrink:0;background:#ffb6c1;box-shadow:0 1px 3px rgba(0,0,0,.1)}.chat-row.boy .chat-avatar[data-v-fc242f7a]{margin:0 0 0 12px}.chat-bubble[data-v-fc242f7a]{display:flex;align-items:center;font-size:15px;line-height:1.6;max-width:95%;min-width:40px;min-height:32px;padding:12px 16px;border-radius:8px;box-shadow:none;margin-bottom:12px;margin-left:8px;margin-right:8px;word-break:break-all;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;user-select:text;position:relative;z-index:1}.chat-bubble[data-v-fc242f7a],.chat-bubble[data-v-fc242f7a]:hover{background:#fff;border:1px solid rgba(240,240,245,.6)}.chat-bubble[data-v-fc242f7a]:active{transform:scale(.98);opacity:.9}.chat-bubble.boy[data-v-fc242f7a],.chat-bubble.girl[data-v-fc242f7a]{background:#fff;border-radius:8px;box-shadow:none;border:1px solid rgba(240,240,245,.6)}.chat-bubble.boy[data-v-fc242f7a]{color:#333}.chat-avatar img[data-v-fc242f7a]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;pointer-events:none}.chat-avatar svg[data-v-fc242f7a]{width:22px;height:22px;display:block;pointer-events:none}.wechat-bg[data-v-fc242f7a]{background:#fff;background-size:cover;position:relative}.wechat-bg[data-v-fc242f7a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.05) 0,transparent 50%);pointer-events:none}.copy-tip[data-v-fc242f7a]{position:absolute;top:-24px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#f3eafe,#ffe0f0);color:#d178b6;font-size:.72rem;font-weight:500;padding:1px 6px;border-radius:8px;box-shadow:0 4px 16px rgba(162,89,230,.1);white-space:nowrap;z-index:10;opacity:.98;pointer-events:none;letter-spacing:.5px;border:none}.fade-enter-active[data-v-fc242f7a],.fade-leave-active[data-v-fc242f7a]{transition:opacity .3s}.fade-enter[data-v-fc242f7a],.fade-leave-to[data-v-fc242f7a]{opacity:0}[data-v-fc242f7a] .highlight{color:#a259e6;background:#f3eafd;font-weight:700;border-radius:4px;padding:0 2px}.chat-bubble b[data-v-fc242f7a],.chat-bubble span[data-v-fc242f7a]{margin:0;padding:0}.bubble-text[data-v-fc242f7a]{white-space:pre-line;font-size:14px;line-height:1.8;margin:0;padding:0;font-weight:400;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;text-align:justify;word-break:break-word}.bubble-title[data-v-fc242f7a]{font-weight:400;font-size:14px;display:block;margin-bottom:2px}.bubble-subtext[data-v-fc242f7a]{font-size:13px;color:#222;display:block;white-space:pre-line}.glass-toast-mask[data-v-fc242f7a]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-end;justify-content:flex-end;background:transparent;pointer-events:none}.glass-toast[data-v-fc242f7a]{position:fixed;bottom:100px;right:20px;background:hsla(0,0%,100%,.95);color:#8b5cf6;padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:500;z-index:2000;box-shadow:0 2px 12px rgba(139,92,246,.15);animation:slideIn-fc242f7a .3s ease;backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.1);letter-spacing:.3px;max-width:200px;word-wrap:break-word}@keyframes slideIn-fc242f7a{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.glass-animate[data-v-fc242f7a]{animation:glassFadeIn-fc242f7a .38s cubic-bezier(.4,0,.6,1)}@keyframes glassFadeIn-fc242f7a{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.vip-upgrade-tip[data-v-fc242f7a]{margin-top:20px;padding:20px;background:linear-gradient(135deg,#fff5f5,#fef7ff);border:2px solid #fbbf24;border-radius:16px;box-shadow:0 4px 20px rgba(251,191,36,.15)}.vip-tip-content[data-v-fc242f7a]{display:flex;align-items:center;gap:16px}.vip-tip-icon[data-v-fc242f7a]{font-size:2rem;color:#f59e0b;flex-shrink:0}.vip-tip-text[data-v-fc242f7a]{flex:1}.vip-tip-title[data-v-fc242f7a]{font-size:1.1rem;font-weight:600;color:#92400e;margin:0 0 4px 0}.vip-tip-desc[data-v-fc242f7a]{font-size:.9rem;color:#a16207;margin:0;line-height:1.4}.vip-upgrade-btn[data-v-fc242f7a]{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,158,11,.3);flex-shrink:0;border:none;cursor:pointer}.vip-upgrade-btn[data-v-fc242f7a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4);background:linear-gradient(135deg,#d97706,#b45309)}@media (max-width:700px){.vip-tip-content[data-v-fc242f7a]{flex-direction:column;text-align:center;gap:12px}.vip-tip-icon[data-v-fc242f7a]{font-size:1.5rem}.vip-tip-title[data-v-fc242f7a]{font-size:1rem}.vip-tip-desc[data-v-fc242f7a]{font-size:.85rem}.vip-upgrade-btn[data-v-fc242f7a]{padding:8px 16px;font-size:.85rem}.dialog-content[data-v-fc242f7a]{width:100%;height:100%;margin:0;border-radius:0}.dialog-header-card[data-v-fc242f7a]{border-radius:0}}@media (max-width:500px){.dialog-header-center[data-v-fc242f7a]{gap:6px}.dialog-search-bar.inline[data-v-fc242f7a]{width:180px;max-width:220px;height:34px}.dialog-search-bar.inline .search-icon[data-v-fc242f7a]{width:20px;height:20px}.close-btn[data-v-fc242f7a]{top:6px;right:8px;width:18px;height:18px;font-size:.95rem}}.dialog-pagination[data-v-fc242f7a]{display:flex;justify-content:center;align-items:center;margin:18px 0 0 0}.page-numbers[data-v-fc242f7a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}.page-number[data-v-fc242f7a]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;color:#666;border:1px solid #e0e0e0;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-number[data-v-fc242f7a]:hover:not(.active){background:#f5f0ff;border-color:#d8c8ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(127,111,255,.1)}.page-number.active[data-v-fc242f7a]{background:linear-gradient(90deg,#a259e6,#7f6fff);color:#fff;border-color:#7f6fff;box-shadow:0 2px 12px rgba(127,111,255,.2)}.page-number[data-v-fc242f7a]:active{transform:translateY(1px)}.rocket-loader[data-v-fc242f7a]{width:60px;height:100px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.rocket[data-v-fc242f7a]{width:30px;height:60px;background:linear-gradient(180deg,#a259e6,#7f6fff);border-radius:50% 50% 0 0;position:relative;z-index:2;animation:fly-fc242f7a 1.5s ease-in-out infinite}.rocket[data-v-fc242f7a]:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #7f6fff;z-index:1}.fire[data-v-fc242f7a]{width:20px;height:30px;background:linear-gradient(0deg,#ff8e6b,#ffa26c);border-radius:50% 50% 30% 30%;position:absolute;bottom:-15px;z-index:1;animation:pulse-fire-fc242f7a .6s ease-in-out infinite alternate}@keyframes fly-fc242f7a{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-25px) scale(1.05)}40%{transform:translateY(0) scale(1)}60%{transform:translateY(-15px) scale(1.02)}80%{transform:translateY(0) scale(1)}to{transform:translateY(-20px) scale(1.03)}}@keyframes pulse-fire-fc242f7a{0%{transform:scaleY(1) scaleX(1) opacity(1)}50%{transform:scaleY(1.5) scaleX(.9) opacity(.8)}to{transform:scaleY(1) scaleX(1) opacity(1)}}.loading-overlay[data-v-fc242f7a]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.98);display:flex;align-items:center;justify-content:center;z-index:1001;backdrop-filter:blur(2px);transition:opacity .3s ease-out;opacity:1}.loading-overlay.v-leave-active[data-v-fc242f7a]{opacity:0}.skeleton-chat[data-v-fc242f7a]{width:90%;max-width:480px;padding:20px;box-sizing:border-box}.skeleton-row[data-v-fc242f7a]{display:flex;align-items:flex-end;margin-bottom:18px}.skeleton-row.girl[data-v-fc242f7a]{justify-content:flex-start}.skeleton-avatar[data-v-fc242f7a]{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:#e8e8e8;margin:0 8px;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.skeleton-bubble[data-v-fc242f7a]{max-width:85%;min-width:100px;padding:14px 20px;border-radius:22px;background:#f0f0f0;backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:10px}.skeleton-bubble.girl[data-v-fc242f7a]{border-bottom-left-radius:8px}.skeleton-line[data-v-fc242f7a]{height:15px;background:#d0d0d0;border-radius:6px}.skeleton-line.large[data-v-fc242f7a]{width:85%}.skeleton-line.medium[data-v-fc242f7a]{width:55%}.skeleton-line.small[data-v-fc242f7a]{width:25%}@keyframes ripple-fc242f7a{0%{transform:scale(.8);opacity:.2}50%{opacity:.1}to{transform:scale(1.5);opacity:0}}.category-tag-badge[data-v-fc242f7a]{display:inline-block;margin-right:8px;background:linear-gradient(90deg,rgba(230,225,250,.7),rgba(248,225,255,.7));color:#7f6fff;font-size:.55rem;padding:1px 6px;border-radius:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px;box-shadow:0 1px 3px rgba(127,111,255,.1);backdrop-filter:blur(3px);border:.5px solid rgba(162,89,230,.2);vertical-align:middle}.feature-buttons[data-v-fc242f7a]{display:flex;gap:12px;margin-top:16px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.feature-buttons[data-v-fc242f7a]>*{flex:0 0 auto}.feature-btn[data-v-fc242f7a]{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.98);border:1px solid rgba(162,89,230,.15);border-radius:24px;padding:10px 18px;font-size:.9rem;font-weight:600;color:#7f6fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(162,89,230,.12);backdrop-filter:blur(12px);min-width:100px;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box}.feature-btn[data-v-fc242f7a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s ease}.feature-btn[data-v-fc242f7a]:hover{background:#fff;border-color:rgba(162,89,230,.4);transform:translateY(-4px) scale(1.03);box-shadow:0 12px 32px rgba(162,89,230,.18)}.feature-btn[data-v-fc242f7a]:hover:before{left:100%}.feature-btn[data-v-fc242f7a]:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px rgba(162,89,230,.12)}@media (hover:none) and (pointer:coarse){.feature-btn[data-v-fc242f7a]:active{transform:translateY(-2px) scale(.95);box-shadow:0 6px 20px rgba(162,89,230,.2)}.feature-btn:active .btn-icon[data-v-fc242f7a]{transform:scale(1.2)}.feature-btn[data-v-fc242f7a]:active:before{left:100%}}.btn-icon-wrapper[data-v-fc242f7a]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(162,89,230,.1);transition:all .3s ease}.feature-btn .btn-icon[data-v-fc242f7a]{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}.feature-btn:hover .btn-icon-wrapper[data-v-fc242f7a]{background:rgba(162,89,230,.2);transform:scale(1.1)}.feature-btn:hover .btn-icon[data-v-fc242f7a]{transform:scale(1.1)}.btn-text[data-v-fc242f7a]{white-space:nowrap;font-family:Poppins,PingFang SC,Arial,sans-serif;font-weight:600;letter-spacing:.5px}.random-btn[data-v-fc242f7a]{background:linear-gradient(135deg,#f890d0,#8c2bfa)!important;color:#fff!important;box-shadow:0 6px 20px rgba(245,108,245,.295)!important;border:none!important}.random-btn .btn-icon-wrapper[data-v-fc242f7a]{background:hsla(0,0%,100%,.2)!important}.random-btn[data-v-fc242f7a]:hover{background:linear-gradient(135deg,#f593c4,#852bfa)!important;color:#fff!important;box-shadow:0 12px 32px rgba(245,108,245,.295)!important}.random-btn:hover .btn-icon-wrapper[data-v-fc242f7a]{background:hsla(0,0%,100%,.3)!important}[data-btn-type=random][data-v-fc242f7a]{background:linear-gradient(135deg,#f593c4,#852bfa)!important}.flirting-btn[data-v-fc242f7a]{background:linear-gradient(135deg,#f8cd9b,#f33b1b)!important;color:#fff!important;box-shadow:0 4px 16px rgba(255,154,107,.3)!important;border:none!important}.flirting-btn .btn-icon-wrapper[data-v-fc242f7a]{background:hsla(0,0%,100%,.2)!important}.flirting-btn[data-v-fc242f7a]:hover{background:linear-gradient(135deg,#f8cd9b,#f33b1b)!important;color:#fff!important;box-shadow:0 8px 24px rgba(255,154,107,.3)!important}.flirting-btn:hover .btn-icon-wrapper[data-v-fc242f7a]{background:hsla(0,0%,100%,.2)!important}@media (max-width:700px){.feature-btn[data-v-fc242f7a]{min-width:90px;padding:8px 14px;font-size:.85rem}.btn-icon-wrapper[data-v-fc242f7a]{width:20px;height:20px}.feature-btn .btn-icon[data-v-fc242f7a]{width:14px;height:14px}.feature-buttons[data-v-fc242f7a]{gap:8px}.card-tags[data-v-fc242f7a]{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px 10px}.card-tag[data-v-fc242f7a]{padding:8px 12px;font-size:13px}}.cluster-highlight[data-v-fc242f7a]{background:linear-gradient(90deg,#ffe0f0,#e3f1ff);color:#ff7eb3;border-radius:6px;padding:0 2px;font-weight:700;box-shadow:0 2px 8px #ffb6c133}.category-btn-tag[data-v-fc242f7a]{display:inline-block;margin-bottom:4px;margin-right:8px;background:linear-gradient(90deg,#e3f1ff,#ffe0f0);color:#7f6fff;font-size:.72rem;padding:2px 10px;border-radius:12px;font-weight:700}.error-dialog-mask[data-v-fc242f7a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(5px);animation:fadeIn-fc242f7a .3s ease}.error-dialog[data-v-fc242f7a]{background:#fff;border-radius:20px;padding:32px 24px;max-width:320px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:dialogSlideIn-fc242f7a .3s ease-out;border:1px solid hsla(0,0%,100%,.2)}.error-dialog-icon[data-v-fc242f7a]{margin-bottom:16px;color:#ff6b6b;display:flex;justify-content:center}.error-dialog-title[data-v-fc242f7a]{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.error-dialog-message[data-v-fc242f7a]{font-size:14px;color:#666;line-height:1.5;margin-bottom:24px}.error-dialog-actions[data-v-fc242f7a]{display:flex;gap:12px;justify-content:center}.error-dialog-btn[data-v-fc242f7a]{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.error-dialog-btn.confirm-btn[data-v-fc242f7a]{background:linear-gradient(135deg,#f8cd9b,#f33b1b);color:#fff;box-shadow:0 2px 8px rgba(255,161,107,.3)}.error-dialog-btn.confirm-btn[data-v-fc242f7a]:hover{background:linear-gradient(135deg,#f8cd9b,#f33b1b);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,179,107,.4)}@keyframes fadeIn-fc242f7a{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn-fc242f7a{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.dialog-content[data-v-fc242f7a]{width:100%;height:100%;margin:0;border-radius:0}.dialog-header-card[data-v-fc242f7a]{border-radius:0}.error-dialog[data-v-fc242f7a]{margin:20px;padding:24px 20px;max-width:calc(100vw - 40px)}.error-dialog-title[data-v-fc242f7a]{font-size:18px}.error-dialog-message[data-v-fc242f7a]{font-size:13px}.error-dialog-btn[data-v-fc242f7a]{padding:8px 16px;font-size:13px}}.category-page[data-v-1d17f708]{padding:20px;text-align:center}#app[data-v-35ea0244],.vip-page-content[data-v-35ea0244],[data-v-35ea0244]:root,body[data-v-35ea0244],html[data-v-35ea0244]{background:#fff!important;height:100%}.vip-page-content[data-v-35ea0244]{max-width:480px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:none;box-shadow:none;border-radius:0;padding:40px 20px 0 20px}.vip-modal-title.big[data-v-35ea0244]{font-size:1.5rem;font-weight:900;color:#222;text-align:center;margin-bottom:12px;margin-top:0}.vip-modal-subtitle[data-v-35ea0244]{font-size:1.05rem;color:#b0a7c7;text-align:center;margin-bottom:24px;margin-top:0}.vip-modal-btn.big[data-v-35ea0244],.vip-modal-btn[data-v-35ea0244]{cursor:pointer!important}.vip-modal-btn[data-v-35ea0244]{min-width:200px;padding:18px 36px;font-size:1rem;font-weight:700;border-radius:28px;margin-top:18px;background:#111;color:#fff;box-shadow:0 2px 8px #0002;border:none;outline:none;transition:background .2s,box-shadow .2s;letter-spacing:1px;line-height:1.2}.vip-modal-btn.big[data-v-35ea0244]{width:90%;max-width:360px;background:#111;color:#fff;font-size:1.2rem;font-weight:700;border-radius:28px;padding:16px 0;margin:16px 0 0 0}.vip-modal-btn[data-v-35ea0244]:hover{background:#333;box-shadow:0 4px 12px #0004}.vip-features[data-v-35ea0244]{width:100%;max-width:360px;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.vip-feature-item[data-v-35ea0244]{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:#f8f9fa;border-radius:12px;text-align:center}.feature-icon[data-v-35ea0244]{font-size:20px;margin-bottom:8px;animation:iconFloat-35ea0244 3s ease-in-out infinite;transition:transform .3s ease}.feature-icon[data-v-35ea0244]:hover{transform:scale(1.2) rotate(5deg)}@keyframes iconFloat-35ea0244{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.feature-text[data-v-35ea0244]{font-size:.9rem;color:#333;font-weight:500}.vip-qrcode-container[data-v-35ea0244]{width:280px;margin:24px auto 16px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.vip-qrcode-image[data-v-35ea0244]{width:200px;height:200px;border-radius:12px;margin-bottom:12px;border:3px solid #f0f0f0}.qrcode-info[data-v-35ea0244]{text-align:center}.qrcode-text[data-v-35ea0244]{font-size:1rem;color:#666;margin-bottom:4px}.qrcode-price[data-v-35ea0244]{font-size:1.5rem;font-weight:700;color:#ff6b6b}.vip-modal-agreement[data-v-35ea0244]{font-size:.9rem;color:#b0a7c7;margin:16px 0 0 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.vip-agreement-icon[data-v-35ea0244]{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle}.vip-agreement-icon svg[data-v-35ea0244]{display:block}.vip-recent-list[data-v-35ea0244]{width:100%;max-width:100%;min-height:1.2em;display:flex;align-items:center;justify-content:center;font-size:.92rem;color:#b0a7c7;margin-bottom:20px;text-align:center;height:1.2em}.vip-recent-list span[data-v-35ea0244]{width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vip-modal-close[data-v-35ea0244]{background:none;border:none;color:#b0a7c7;font-size:1rem;margin-top:6px;cursor:pointer;transition:color .2s}.vip-modal-close[data-v-35ea0244]:hover{color:#666}@media (max-width:480px){.vip-page-content[data-v-35ea0244]{padding:32px 12px 0 12px}.vip-modal-title.big[data-v-35ea0244]{font-size:1.3rem;margin-bottom:8px}.vip-modal-subtitle[data-v-35ea0244]{font-size:1rem;margin-bottom:16px}.vip-recent-list[data-v-35ea0244]{margin-bottom:20px}.vip-features[data-v-35ea0244]{margin:16px 0;gap:12px}.vip-feature-item[data-v-35ea0244]{padding:14px 6px}.feature-icon[data-v-35ea0244]{font-size:18px;margin-bottom:6px}.feature-text[data-v-35ea0244]{font-size:.8rem}.vip-qrcode-container[data-v-35ea0244]{margin:16px auto 12px auto}.vip-qrcode-image[data-v-35ea0244]{width:180px;height:180px;margin-bottom:10px}.vip-modal-btn.big[data-v-35ea0244]{font-size:1.1rem;padding:14px 0;margin:12px 0 0 0}.vip-modal-agreement[data-v-35ea0244]{font-size:.9rem;margin:16px 0 0 0}}@media (min-width:700px){#app[data-v-35ea0244],body[data-v-35ea0244]{display:flex;flex-direction:column;min-height:100vh;height:100%}.vip-page-content[data-v-35ea0244]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:0;padding-bottom:0;max-width:480px}.vip-features[data-v-35ea0244]{max-width:400px;gap:20px}.vip-feature-item[data-v-35ea0244]{padding:20px 12px}.feature-icon[data-v-35ea0244]{font-size:28px}.feature-text[data-v-35ea0244]{font-size:1rem}.vip-qrcode-image[data-v-35ea0244]{width:220px;height:220px}}.about-page[data-v-48fce75a]{padding:20px;text-align:center}.login-container[data-v-4f21b8bc]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card[data-v-4f21b8bc]{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.login-header[data-v-4f21b8bc]{text-align:center;margin-bottom:30px}.login-header h2[data-v-4f21b8bc]{color:#333;margin-bottom:8px;font-size:28px}.login-header p[data-v-4f21b8bc]{color:#666;font-size:14px}.form-group[data-v-4f21b8bc]{margin-bottom:20px}.form-input[data-v-4f21b8bc]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s}.form-input[data-v-4f21b8bc]:focus{outline:none;border-color:#667eea}.submit-btn[data-v-4f21b8bc]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:opacity .3s}.submit-btn[data-v-4f21b8bc]:hover{opacity:.9}.submit-btn[data-v-4f21b8bc]:disabled{opacity:.6;cursor:not-allowed}.form-footer[data-v-4f21b8bc]{text-align:center;margin-top:20px}.toggle-link[data-v-4f21b8bc]{color:#667eea;cursor:pointer;text-decoration:none}.toggle-link[data-v-4f21b8bc]:hover{text-decoration:underline}.error-message[data-v-4f21b8bc]{background:#fee;color:#c33;padding:10px;border-radius:6px;margin-top:15px;text-align:center}.success-message[data-v-4f21b8bc]{background:#efe;color:#3c3;padding:10px;border-radius:6px;margin-top:15px;text-align:center}.admin-login-page[data-v-ad5eddd2]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-ad5eddd2]{background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px;width:100%;max-width:400px;position:relative}.login-header[data-v-ad5eddd2]{text-align:center;margin-bottom:30px}.login-header h1[data-v-ad5eddd2]{color:#2c3e50;margin:0 0 10px 0;font-size:24px}.login-header p[data-v-ad5eddd2]{color:#7f8c8d;margin:0;font-size:14px}.login-form[data-v-ad5eddd2]{margin-bottom:30px}.form-group[data-v-ad5eddd2]{margin-bottom:20px}.form-group label[data-v-ad5eddd2]{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.form-group input[data-v-ad5eddd2]{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input[data-v-ad5eddd2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input[data-v-ad5eddd2]:disabled{background-color:#f8f9fa;cursor:not-allowed}.password-input[data-v-ad5eddd2]{position:relative}.password-toggle[data-v-ad5eddd2]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;padding:5px}.captcha-container[data-v-ad5eddd2]{display:flex;gap:10px;align-items:center}.captcha-image[data-v-ad5eddd2]{cursor:pointer;border:1px solid #e9ecef;border-radius:5px;overflow:hidden}.captcha-image canvas[data-v-ad5eddd2]{display:block}.captcha-container input[data-v-ad5eddd2]{flex:1}.error-message[data-v-ad5eddd2]{background:#fee;color:#c33;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px;border:1px solid #fcc}.login-btn[data-v-ad5eddd2]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn[data-v-ad5eddd2]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px rgba(102,126,234,.3)}.login-btn[data-v-ad5eddd2]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-ad5eddd2]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin-ad5eddd2 1s linear infinite}@keyframes spin-ad5eddd2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.security-tips[data-v-ad5eddd2]{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #667eea}.security-tips h3[data-v-ad5eddd2]{margin:0 0 15px 0;color:#2c3e50;font-size:16px}.security-tips ul[data-v-ad5eddd2]{margin:0;padding-left:20px;color:#7f8c8d;font-size:13px;line-height:1.5}.security-tips li[data-v-ad5eddd2]{margin-bottom:5px}@media (max-width:480px){.login-container[data-v-ad5eddd2]{padding:30px 20px;margin:10px}.login-header h1[data-v-ad5eddd2]{font-size:20px}.captcha-container[data-v-ad5eddd2]{flex-direction:column;align-items:stretch}.captcha-image[data-v-ad5eddd2]{align-self:center}}.profile-container[data-v-034b7836]{max-width:800px;margin:0 auto;padding:20px;position:relative;width:100%;box-sizing:border-box}.modal-mask[data-v-034b7836]{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(3px);animation:fadeIn-034b7836 .2s ease-out}@keyframes fadeIn-034b7836{0%{opacity:0}to{opacity:1}}.modal-container[data-v-034b7836]{background:#fff;padding:24px 32px;border-radius:12px;min-width:300px;box-shadow:0 10px 25px rgba(0,0,0,.15);transform:translateY(0);animation:slideUp-034b7836 .3s ease-out}@keyframes slideUp-034b7836{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-input[data-v-034b7836]{width:100%;padding:12px;margin:12px 0;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:border-color .3s}.modal-input[data-v-034b7836]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.modal-actions[data-v-034b7836]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-btn[data-v-034b7836]{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn[data-v-034b7836]:hover{transform:translateY(-2px)}.modal-btn.save[data-v-034b7836]{background:#667eea;color:#fff;box-shadow:0 4px 10px rgba(102,126,234,.3)}.modal-btn.save[data-v-034b7836]:hover{background:#5a6edb;box-shadow:0 6px 15px rgba(102,126,234,.4)}.modal-btn.cancel[data-v-034b7836]{background:#f0f0f0;color:#333}.modal-btn.cancel[data-v-034b7836]:hover{background:#e0e0e0}.logout-modal[data-v-034b7836]{text-align:center;padding:30px 40px}.logout-modal-icon[data-v-034b7836]{margin-bottom:15px;display:flex;justify-content:center}.logout-icon[data-v-034b7836]{font-size:40px;background:#ffecec;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#ff5f6d}.logout-modal h3[data-v-034b7836]{font-size:22px;margin-bottom:10px;color:#333}.logout-message[data-v-034b7836]{color:#666;margin-bottom:20px;font-size:16px}.modal-btn.logout-confirm[data-v-034b7836]{background:linear-gradient(90deg,#ff5f6d,#dc3545);color:#fff;box-shadow:0 4px 10px rgba(220,53,69,.3)}.modal-btn.logout-confirm[data-v-034b7836]:hover{box-shadow:0 6px 15px rgba(220,53,69,.4);background:linear-gradient(90deg,#ff4b5b,#d32535)}.profile-header[data-v-034b7836]{background:linear-gradient(135deg,#667eea,#a24ff5);border-radius:12px;padding:30px;color:#fff;margin-bottom:20px}.user-info h2[data-v-034b7836]{margin:0 0 8px 0;font-size:24px}.user-email[data-v-034b7836]{margin:0 0 10px 0;opacity:.9}.vip-badge[data-v-034b7836]{background:gold;color:#333;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.normal-badge[data-v-034b7836]{background:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:20px;font-size:12px}.action-card[data-v-034b7836],.info-card[data-v-034b7836],.settings-card[data-v-034b7836]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.action-card h3[data-v-034b7836],.info-card h3[data-v-034b7836],.settings-card h3[data-v-034b7836]{margin:0 0 15px 0;color:#333}.info-item[data-v-034b7836]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.info-item[data-v-034b7836]:last-child{border-bottom:none}.vip-text[data-v-034b7836]{color:gold;font-weight:700}.normal-text[data-v-034b7836]{color:#666}.action-buttons[data-v-034b7836]{display:flex;gap:10px;flex-wrap:wrap}.combined-action-btn[data-v-034b7836]{background:#fff;border:2px solid #e0e0e0;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.combined-action-btn[data-v-034b7836]:hover{border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.1)}.action-item[data-v-034b7836]{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease;font-weight:500}.action-item[data-v-034b7836]:hover{background:rgba(102,126,234,.1)}.vip-item[data-v-034b7836]{color:#ff6b35}.chat-item[data-v-034b7836]{color:#667eea}.search-item[data-v-034b7836]{color:#f093fb}.separator[data-v-034b7836]{color:#ccc;font-weight:400}.vip-activation-card[data-v-034b7836]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;box-sizing:border-box}.vip-activation-card h3[data-v-034b7836]{margin:0 0 15px 0;color:#333;font-size:18px;font-weight:600}.activation-section[data-v-034b7836]{width:100%;box-sizing:border-box}.activation-input-group[data-v-034b7836]{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.activation-input[data-v-034b7836]{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s;min-width:0;width:100%;box-sizing:border-box}.activation-input[data-v-034b7836]:focus{border-color:#667eea}.activation-input[data-v-034b7836]:disabled{background:#f8f9fa;color:#6c757d}.activation-btn[data-v-034b7836]{padding:12px 20px;background:linear-gradient(135deg,#667eea,#a24ff5);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.activation-btn[data-v-034b7836]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.activation-btn[data-v-034b7836]:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.activation-message[data-v-034b7836]{padding:8px 12px;border-radius:6px;font-size:13px;text-align:center}.activation-message.success[data-v-034b7836]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.activation-message.error[data-v-034b7836]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.admin-card[data-v-034b7836]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.admin-card h3[data-v-034b7836]{margin:0 0 15px 0;color:#333;font-size:18px;font-weight:600}.admin-buttons[data-v-034b7836]{display:flex;gap:10px}.admin-btn[data-v-034b7836]{padding:12px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.admin-btn[data-v-034b7836]:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}.setting-item[data-v-034b7836]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.setting-item label[data-v-034b7836]{font-weight:500;color:#333;margin-bottom:5px}.input-group[data-v-034b7836]{display:flex;gap:10px;align-items:center;width:100%}.setting-input[data-v-034b7836]{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:0}.setting-input[data-v-034b7836]:disabled{background:#f5f5f5;color:#999}.edit-btn[data-v-034b7836]{padding:12px 20px;background:linear-gradient(90deg,#9caaeb,#a24ff5);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap;min-width:60px}.save-btn[data-v-034b7836]{background:#28a745}.logout-section[data-v-034b7836]{text-align:center}.logout-btn[data-v-034b7836]{width:100%;padding:15px 30px;background:linear-gradient(90deg,#ff5f6d,#dc3545);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500}.loading-overlay[data-v-034b7836]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px}.loading-spinner[data-v-034b7836]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-034b7836 1s linear infinite}@keyframes spin-034b7836{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-toast[data-v-034b7836]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:700;z-index:1000;max-width:300px;word-wrap:break-word}.message-toast.success[data-v-034b7836]{background:#28a745}.message-toast.error[data-v-034b7836]{background:#dc3545}@media (max-width:768px){.profile-container[data-v-034b7836]{padding:15px}.profile-header[data-v-034b7836]{padding:20px}.user-info[data-v-034b7836]{text-align:center}.user-info h2[data-v-034b7836]{font-size:20px}.action-card[data-v-034b7836],.info-card[data-v-034b7836],.settings-card[data-v-034b7836]{padding:15px;margin-bottom:15px}.action-buttons[data-v-034b7836]{flex-direction:column;gap:8px}.combined-action-btn[data-v-034b7836]{width:100%;padding:10px 15px}.setting-item[data-v-034b7836]{margin-bottom:20px}.input-group[data-v-034b7836]{flex-direction:column;gap:8px}.vip-activation-card[data-v-034b7836]{padding:15px;margin-bottom:15px}.activation-input-group[data-v-034b7836]{flex-direction:column;gap:12px}.activation-input[data-v-034b7836]{padding:10px 12px;font-size:16px}.activation-btn[data-v-034b7836]{width:100%;padding:12px;white-space:normal}.edit-btn[data-v-034b7836],.setting-input[data-v-034b7836]{width:100%;padding:12px}.logout-btn[data-v-034b7836]{padding:15px 20px}.message-toast[data-v-034b7836]{right:10px;left:10px;max-width:none}}@media (max-width:480px){.profile-container[data-v-034b7836]{padding:10px}.profile-header[data-v-034b7836]{padding:15px;border-radius:8px}.user-info h2[data-v-034b7836]{font-size:18px}.user-email[data-v-034b7836]{font-size:14px}.action-card[data-v-034b7836],.info-card[data-v-034b7836],.settings-card[data-v-034b7836]{padding:12px;border-radius:8px}.info-item[data-v-034b7836]{padding:8px 0;font-size:14px}.combined-action-btn[data-v-034b7836]{padding:10px 12px}.action-item[data-v-034b7836]{font-size:13px}.vip-activation-card[data-v-034b7836]{padding:12px;border-radius:8px}.activation-input[data-v-034b7836]{padding:8px 10px;font-size:16px}.activation-btn[data-v-034b7836],.setting-input[data-v-034b7836]{padding:10px;font-size:14px}.edit-btn[data-v-034b7836]{padding:10px;font-size:13px}.logout-btn[data-v-034b7836]{padding:12px 16px;font-size:15px}}@media (max-width:360px){.profile-container[data-v-034b7836]{padding:8px}.profile-header[data-v-034b7836]{padding:12px}.user-info h2[data-v-034b7836]{font-size:16px}.user-email[data-v-034b7836]{font-size:13px}.action-card[data-v-034b7836],.info-card[data-v-034b7836],.settings-card[data-v-034b7836]{padding:10px}.info-item[data-v-034b7836]{font-size:13px}.combined-action-btn[data-v-034b7836]{padding:8px 10px}.action-item[data-v-034b7836]{font-size:12px}.vip-activation-card[data-v-034b7836]{padding:10px;border-radius:6px}.activation-input[data-v-034b7836]{padding:6px 8px;font-size:16px;border-width:1px}.activation-btn[data-v-034b7836]{padding:8px;font-size:12px}.setting-input[data-v-034b7836]{padding:8px;font-size:13px}.edit-btn[data-v-034b7836]{padding:8px;font-size:12px}.logout-btn[data-v-034b7836]{padding:10px 12px;font-size:14px}}body[data-v-bef3d5f8],html[data-v-bef3d5f8]{overflow-x:hidden;width:100%;margin:0;padding:0;box-sizing:border-box}.random-quotes-page[data-v-bef3d5f8]{min-height:100vh;background:linear-gradient(135deg,#fff,#f0f2f5);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iZmEiPjxmZXR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmNleT0iLjUiIG51bU9jdGF2ZXM9IjQiIHNlZWQ9IjEwIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iYXF1YSIvPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmYSkib3BhY2l0eT0iLjEiLz48L3N2Zz4=),linear-gradient(135deg,#fff,#f0f2f5);background-size:cover;background-attachment:fixed;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;width:100%;box-sizing:border-box;max-width:100vw}.page-content[data-v-bef3d5f8]{width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;padding:0 10px}.quotes-section[data-v-bef3d5f8]{max-width:100%;margin:0;display:grid;gap:28px;will-change:contents;contain:layout style;box-sizing:border-box;overflow-x:hidden}.header-section[data-v-bef3d5f8]{text-align:center;margin-bottom:30px;padding:24px 30px;background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:20px;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 8px 32px 0 rgba(0,0,0,.08);width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.header-section h1[data-v-bef3d5f8]{font-size:1.3em;color:#222;margin:0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.05);letter-spacing:.5px}.header-section p[data-v-bef3d5f8]{color:#555;margin:0 0 5px 0;font-size:.8em;text-shadow:none;max-width:90%;line-height:1.5}.new-refresh-btn[data-v-bef3d5f8]{display:flex;align-items:center;justify-content:center;padding:9px 20px;background:linear-gradient(135deg,#a259e6,#7c4dff);color:#fff;border:none;border-radius:12px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px rgba(124,77,255,.25),0 2px 4px rgba(124,77,255,.15);margin-top:8px;position:relative;overflow:hidden;z-index:1}.new-refresh-btn[data-v-bef3d5f8]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#9c47ff,#6930c3);opacity:0;z-index:-1;transition:opacity .3s ease}.new-refresh-btn[data-v-bef3d5f8]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px rgba(124,77,255,.35),0 6px 10px rgba(124,77,255,.25)}.new-refresh-btn[data-v-bef3d5f8]:hover:before{opacity:1}.new-refresh-btn[data-v-bef3d5f8]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(124,77,255,.2)}.btn-text[data-v-bef3d5f8]{margin-right:10px;letter-spacing:.5px}.btn-icon-container[data-v-bef3d5f8]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.btn-icon[data-v-bef3d5f8]{width:20px;height:20px;stroke:currentColor;stroke-width:2;transition:transform .5s ease}@keyframes rotate-bef3d5f8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.new-refresh-btn:hover .btn-icon[data-v-bef3d5f8]{animation:rotate-bef3d5f8 1.5s ease infinite}.new-refresh-btn[data-v-bef3d5f8]:focus{outline:none;box-shadow:0 0 0 3px rgba(124,77,255,.4),0 4px 12px rgba(124,77,255,.2)}.new-refresh-btn[data-v-bef3d5f8]:focus:not(:focus-visible){box-shadow:0 4px 12px rgba(124,77,255,.2),0 2px 4px rgba(124,77,255,.1)}.new-refresh-btn[data-v-bef3d5f8]:focus-visible{outline:2px solid #7c4dff;outline-offset:2px}.quote-card[data-v-bef3d5f8]{background:hsla(0,0%,100%,.95);border-radius:18px;padding:24px;transition:all .35s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;opacity:0;animation:fadeIn-bef3d5f8 .5s ease-out forwards;border:1px solid rgba(240,240,245,.8);backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);will-change:transform,background;transform-origin:center center;box-sizing:border-box;max-width:100%;cursor:pointer;background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),rgba(250,250,255,.97));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.quote-card[data-v-bef3d5f8]:hover{transform:translateY(-3px) scale(1.01);background:hsla(0,0%,100%,.98);border:1px solid rgba(162,89,230,.2);background-image:linear-gradient(180deg,hsla(0,0%,100%,.98),#fafaff)}.card-line[data-v-bef3d5f8]{position:absolute;bottom:0;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,rgba(162,89,230,.3),transparent);border-radius:3px;opacity:.5;transition:all .3s ease}.quote-card:hover .card-line[data-v-bef3d5f8]{opacity:.8;left:5%;right:5%;background:linear-gradient(90deg,transparent,rgba(162,89,230,.5),transparent)}.quote-content-text[data-v-bef3d5f8],.quote-text[data-v-bef3d5f8]{word-break:break-all;overflow-wrap:break-word;white-space:normal}.quote-text[data-v-bef3d5f8]{font-size:1.05em;line-height:1.8;color:#2a2f45;margin-bottom:14px;font-weight:400;letter-spacing:.3px}.quote-text span[data-v-bef3d5f8]{display:inline;vertical-align:middle;font-size:inherit}.quote-content-text[data-v-bef3d5f8]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-rendering:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-size:1.1em;vertical-align:-.1em;letter-spacing:normal;font-variant-emoji:emoji;color:inherit;unicode-bidi:normal;text-transform:none;line-height:normal;white-space:normal;word-break:normal;word-spacing:normal;overflow-wrap:break-word}.quote-content-text .emoji[data-v-bef3d5f8]{display:inline-block;height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;background-repeat:no-repeat;background-position:50%;background-size:1em 1em}.quote-meta[data-v-bef3d5f8]{position:relative;min-height:26px}.copy-indicator[data-v-bef3d5f8]{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(162,89,230,.12);border-radius:14px;animation:fadeInUp-bef3d5f8 .35s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 8px rgba(162,89,230,.15)}.copy-indicator span[data-v-bef3d5f8]{color:#8a42d5;font-size:.85em;font-weight:600;letter-spacing:.3px}.copy-icon[data-v-bef3d5f8]{width:16px;height:16px}@keyframes fadeInUp-bef3d5f8{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.loading-container[data-v-bef3d5f8]{text-align:center;padding:60px}.rocket-loader[data-v-bef3d5f8]{position:relative;width:60px;height:60px;margin:0 auto 20px}.rocket[data-v-bef3d5f8]{position:absolute;width:24px;height:24px;background:linear-gradient(135deg,#a259e6,#7c4dff);border-radius:50%;animation:rocket-bef3d5f8 1.2s ease-in-out infinite;box-shadow:0 0 15px rgba(162,89,230,.4),0 0 30px rgba(162,89,230,.2)}.fire[data-v-bef3d5f8]{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:14px;height:24px;background:linear-gradient(0deg,#ff9800,#ffeb3b,transparent);border-radius:50%;animation:fire-bef3d5f8 1.2s ease-in-out infinite;filter:blur(2px)}.loading-text[data-v-bef3d5f8]{color:#555;font-size:1em;text-shadow:none;margin-top:16px;letter-spacing:.4px;font-weight:500}.glass-toast-mask[data-v-bef3d5f8]{background:transparent;position:fixed;left:0;right:0;bottom:25px;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.glass-toast[data-v-bef3d5f8]{background:hsla(0,0%,100%,.92);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);padding:10px 20px;border-radius:30px;box-shadow:0 6px 20px rgba(0,0,0,.08),0 2px 6px rgba(162,89,230,.12);animation:toast-in-bef3d5f8 .35s cubic-bezier(.175,.885,.32,1.275) forwards;border:1px solid hsla(0,0%,100%,.6);display:flex;align-items:center;gap:8px}.toast-icon[data-v-bef3d5f8]{width:16px;height:16px;flex-shrink:0}.glass-toast-msg[data-v-bef3d5f8]{color:#444;font-size:.9em;font-weight:500;letter-spacing:.2px}@keyframes toast-in-bef3d5f8{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn-bef3d5f8{0%{opacity:0;transform:translateY(15px) scale(.97);filter:blur(2px)}40%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rocket-bef3d5f8{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(2px,-8px) rotate(1deg)}50%{transform:translateY(-15px) rotate(0deg)}75%{transform:translate(-2px,-8px) rotate(-1deg)}}@keyframes fire-bef3d5f8{0%,to{height:14px;opacity:.5;width:10px}50%{height:28px;opacity:.8;width:14px}}@media (max-width:768px){.random-quotes-page[data-v-bef3d5f8]{padding:16px 10px}.header-section[data-v-bef3d5f8]{padding:18px 16px;margin-bottom:22px}.header-section h1[data-v-bef3d5f8]{font-size:1.3em}.header-section p[data-v-bef3d5f8]{font-size:.9em;margin-bottom:2px}.quote-card[data-v-bef3d5f8]{padding:20px;border-radius:16px;max-width:100%}.quote-text[data-v-bef3d5f8]{font-size:.95em;line-height:1.6}.new-refresh-btn[data-v-bef3d5f8]{padding:8px 18px;font-size:.9em}.quotes-section[data-v-bef3d5f8]{gap:22px}}@media (max-width:480px){.header-section[data-v-bef3d5f8]{padding:16px 14px}.quote-card[data-v-bef3d5f8]{padding:18px;max-width:100%}}.search-bar[data-v-bef3d5f8]{width:90%;max-width:260px;min-width:0;background:#fff;border-radius:32px;box-shadow:0 2px 10px rgba(162,89,230,.07);display:flex;align-items:center;padding:0 18px 0 16px;height:44px;margin:0 auto 8px auto;transition:box-shadow .2s;position:relative}.search-bar input[type=text][data-v-bef3d5f8]{border:none;outline:none;background:transparent;flex:1 1 0%;font-size:1.13rem;color:#5a5a7a;font-family:inherit;padding:0 8px 0 0;min-width:0;letter-spacing:.5px}.search-bar input[type=text][data-v-bef3d5f8]::-moz-placeholder{color:#c2bada;font-size:.6em;letter-spacing:.5px;opacity:1}.search-bar input[type=text][data-v-bef3d5f8]::placeholder{color:#c2bada;font-size:.6em;letter-spacing:.5px;opacity:1}.search-bar .search-icon[data-v-bef3d5f8]{min-width:28px;min-height:28px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f8e1ff,#e3f1ff);justify-content:center;transition:background .18s,color .18s,box-shadow .18s;flex-shrink:0;z-index:2}.search-bar .search-icon[data-v-bef3d5f8],.search-update-btn[data-v-bef3d5f8]{margin-left:10px;display:flex;align-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(162,89,230,.08);border:none}.search-update-btn[data-v-bef3d5f8]{background:linear-gradient(135deg,#a259e6,#7c4dff);color:#fff;gap:4px;border-radius:20px;padding:0 16px;height:32px;transition:background .18s,box-shadow .18s}.search-update-btn[data-v-bef3d5f8]:hover{background:linear-gradient(135deg,#7c4dff,#a259e6)}.search-update-text[data-v-bef3d5f8]{color:#fff;font-size:1.05em;font-weight:600;letter-spacing:.5px}.search-update-icon[data-v-bef3d5f8]{width:20px;height:20px;stroke:#fff;color:#fff;margin-left:2px}.category-tag-badge[data-v-bef3d5f8]{display:inline-block;background:linear-gradient(90deg,#f8e1ff,#e3f1ff);color:#a259e6;font-size:.92em;font-weight:600;border-radius:10px;padding:2px 10px 2px 10px;margin-bottom:8px;margin-right:0;letter-spacing:.5px;box-shadow:0 1px 4px rgba(162,89,230,.07);border:1px solid #f3eaff}.desktop-sidebar[data-v-21289aec]{position:fixed;left:0;top:0;width:240px;height:100vh;background:#2c3e50;color:#fff;display:flex;flex-direction:column;z-index:1000;box-shadow:2px 0 10px rgba(0,0,0,.1)}.sidebar-header[data-v-21289aec]{padding:20px;border-bottom:1px solid #34495e;flex-shrink:0}.sidebar-header h2[data-v-21289aec]{margin:0 0 15px 0;font-size:1.2rem;font-weight:600;color:#ecf0f1}.user-info[data-v-21289aec]{display:flex;align-items:center;justify-content:space-between}.username[data-v-21289aec]{font-size:.9rem;color:#bdc3c7}.logout-btn[data-v-21289aec]{background:#e74c3c;border:none;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .3s ease}.logout-btn[data-v-21289aec]:hover{background:#c0392b}.sidebar-menu[data-v-21289aec]{flex:1;padding:10px 0;overflow-y:auto}.sidebar-item[data-v-21289aec]{display:flex;align-items:center;padding:12px 20px;color:#bdc3c7;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.sidebar-item[data-v-21289aec]:hover{background:#34495e;color:#fff;border-left-color:#3498db}.sidebar-item.active[data-v-21289aec]{background:#34495e;color:#fff;border-left-color:#2ecc71}.sidebar-item .nav-icon[data-v-21289aec]{font-size:1.1rem;margin-right:12px;width:20px;text-align:center}.sidebar-item .nav-text[data-v-21289aec]{font-size:.9rem;font-weight:500}.sidebar-footer[data-v-21289aec]{padding:15px 20px;border-top:1px solid #34495e;flex-shrink:0}.sidebar-footer .quick-btn[data-v-21289aec]{display:flex;align-items:center;width:100%;background:#34495e;border:none;color:#bdc3c7;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .3s ease;margin-bottom:8px}.sidebar-footer .quick-btn[data-v-21289aec]:hover{background:#2c3e50;color:#fff}.sidebar-footer .quick-btn .nav-icon[data-v-21289aec]{font-size:1rem;margin-right:8px;width:16px;text-align:center}.mobile-header[data-v-21289aec]{display:none;position:fixed;top:0;left:0;right:0;background:#2c3e50;color:#fff;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.mobile-nav-content[data-v-21289aec]{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;height:50px}.mobile-nav-left[data-v-21289aec]{display:flex;align-items:center;gap:10px}.mobile-nav-left h2[data-v-21289aec]{margin:0;font-size:1rem;font-weight:600}.mobile-nav-left .username[data-v-21289aec]{font-size:.8rem;color:#bdc3c7}.mobile-nav-toggle[data-v-21289aec]{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:4px;transition:background .3s ease}.mobile-nav-toggle[data-v-21289aec]:hover{background:hsla(0,0%,100%,.1)}.toggle-icon[data-v-21289aec]{display:flex;flex-direction:column;width:20px;height:16px;justify-content:space-between}.toggle-icon span[data-v-21289aec]{display:block;height:2px;width:100%;background:#fff;border-radius:1px;transition:all .3s ease}.toggle-icon.active span[data-v-21289aec]:first-child{transform:rotate(45deg) translate(5px,5px)}.toggle-icon.active span[data-v-21289aec]:nth-child(2){opacity:0}.toggle-icon.active span[data-v-21289aec]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav-panel[data-v-21289aec]{background:#2c3e50;border-top:1px solid #34495e;animation:slideDown-21289aec .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.2)}.mobile-nav-items[data-v-21289aec]{padding:10px 0;background:#2c3e50}.mobile-nav-btn[data-v-21289aec]{display:flex;align-items:center;width:100%;background:none;border:none;color:#bdc3c7;padding:12px 20px;cursor:pointer;transition:all .3s ease;text-align:left}.mobile-nav-btn[data-v-21289aec]:hover{background:#34495e;color:#fff}.mobile-nav-btn.active[data-v-21289aec]{background:#34495e;color:#fff;border-left:3px solid #2ecc71}.mobile-nav-btn .nav-icon[data-v-21289aec]{font-size:1.1rem;margin-right:12px;width:20px;text-align:center}.mobile-nav-btn .nav-text[data-v-21289aec]{font-size:.9rem;font-weight:500}.mobile-quick-actions[data-v-21289aec]{display:flex;gap:8px;padding:15px 20px;border-top:1px solid #34495e;background:#2c3e50}.mobile-quick-actions .quick-btn[data-v-21289aec]{flex:1;display:flex;align-items:center;justify-content:center;background:#2c3e50;border:none;color:#bdc3c7;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.mobile-quick-actions .quick-btn[data-v-21289aec]:hover{background:#34495e;color:#fff}.mobile-quick-actions .quick-btn .nav-icon[data-v-21289aec]{font-size:1rem;margin-right:6px}@keyframes slideDown-21289aec{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.desktop-sidebar[data-v-21289aec]{display:none}.mobile-header[data-v-21289aec]{display:block}}.create-member-page[data-v-b2a9b62a]{max-width:100vw}.create-member-page[data-v-b2a9b62a],.main-content-wrapper[data-v-b2a9b62a]{min-height:100vh;background-color:#f5f7fa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.main-content-wrapper[data-v-b2a9b62a]{margin-left:240px;width:calc(100% - 240px)}@media (max-width:768px){.main-content-wrapper[data-v-b2a9b62a]{margin-left:0;margin-top:50px;padding:15px;padding-top:20px;width:100%;justify-content:flex-start;align-items:stretch}}.header-section[data-v-b2a9b62a]{text-align:center;margin-bottom:30px;padding:24px 30px;background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:20px;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 8px 32px 0 rgba(0,0,0,.08);width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.header-section h1[data-v-b2a9b62a]{font-size:1.8em;color:#222;margin:0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.05);letter-spacing:.5px}.header-section p[data-v-b2a9b62a]{color:#555;margin:0 0 5px 0;font-size:1em;text-shadow:none;max-width:90%;line-height:1.5}.form-container[data-v-b2a9b62a]{background:hsla(0,0%,100%,.95);border-radius:18px;padding:30px;width:100%;max-width:450px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 24px rgba(0,0,0,.05);border:1px solid rgba(240,240,245,.8)}.form-container input[data-v-b2a9b62a]{width:100%;padding:12px 18px;border:1px solid #e0e0e0;border-radius:12px;font-size:1em;color:#333;transition:all .3s ease;box-sizing:border-box}.form-container input[data-v-b2a9b62a]:focus{outline:none;border-color:#a259e6;box-shadow:0 0 0 3px rgba(162,89,230,.15)}.form-container button[data-v-b2a9b62a]{display:flex;align-items:center;justify-content:center;padding:12px 25px;background:linear-gradient(135deg,#a259e6,#7c4dff);color:#fff;border:none;border-radius:12px;font-size:1em;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px rgba(124,77,255,.25)}.form-container button[data-v-b2a9b62a]:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 18px rgba(124,77,255,.35)}.form-container button[data-v-b2a9b62a]:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.button-group[data-v-b2a9b62a]{display:flex;gap:15px;justify-content:center;width:100%}.button-group button[data-v-b2a9b62a]{flex:1;max-width:200px}.cancel-btn[data-v-b2a9b62a]{background:linear-gradient(135deg,#ff6b6b,#e63946);box-shadow:0 4px 12px rgba(230,57,70,.25)}.cancel-btn[data-v-b2a9b62a]:hover{background:linear-gradient(135deg,#e63946,#ff6b6b);box-shadow:0 6px 18px rgba(230,57,70,.35)}.message[data-v-b2a9b62a]{text-align:center;padding:10px 15px;border-radius:8px;font-size:.95em;font-weight:500}.message.success[data-v-b2a9b62a]{background-color:#e6ffe6;color:#4caf50;border:1px solid #4caf50}.message.error[data-v-b2a9b62a]{background-color:#ffe6e6;color:#f44336;border:1px solid #f44336}.message.info[data-v-b2a9b62a]{background-color:#e0f7fa;color:#00bcd4;border:1px solid #00bcd4}@media (max-width:768px){.create-member-page[data-v-b2a9b62a]{padding:20px 15px}.main-content-wrapper[data-v-b2a9b62a]{padding:0 15px}.header-section[data-v-b2a9b62a]{padding:20px;margin-bottom:25px}.header-section h1[data-v-b2a9b62a]{font-size:1.6em}.form-container[data-v-b2a9b62a]{padding:25px}}@media (max-width:480px){.create-member-page[data-v-b2a9b62a]{padding:15px 10px}.main-content-wrapper[data-v-b2a9b62a]{padding:0 10px}.header-section[data-v-b2a9b62a]{padding:15px}.header-section h1[data-v-b2a9b62a]{font-size:1.4em}.form-container[data-v-b2a9b62a]{padding:20px}}.hidden[data-v-4d64741a]{display:none}.emoji-font[data-v-4d64741a]{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,Android Emoji,sans-serif;font-size:1em}.page-content[data-v-4d64741a]{max-width:700px;margin:0 auto;padding:0 0 60px 0;font-family:SF Pro Display,Inter,PingFang SC,Microsoft YaHei,sans-serif;background-color:#fcfcfc;min-height:100vh;position:relative;box-shadow:0 0 30px rgba(0,0,0,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.particles-container[data-v-4d64741a]{position:absolute;top:0;left:0;width:100%;height:300px;pointer-events:none;overflow:hidden;z-index:1}.particle[data-v-4d64741a]{position:absolute;background:radial-gradient(circle,#8a67e8 0,#6b47dc 100%);border-radius:50%;opacity:.6;animation:float-4d64741a 15s linear infinite}@keyframes float-4d64741a{0%{transform:translateY(300px) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-50px) scale(1.2);opacity:0}}.hero-header[data-v-4d64741a]{position:relative;width:100%;height:220px;background:linear-gradient(135deg,#c4b5fd,#a78bfa 25%,#8b5cf6 50%,#7c3aed 75%,#6d28d9);border-radius:0 0 40px 40px;overflow:hidden;margin-bottom:40px;display:flex;align-items:flex-end;justify-content:center;z-index:2}.hero-glow[data-v-4d64741a]{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:240px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 40%,rgba(196,181,253,.2) 70%,rgba(167,139,250,.25) 100%);filter:blur(48px);z-index:1}.hero-content[data-v-4d64741a]{position:relative;z-index:2;text-align:center;width:100%;padding-bottom:60px}.hero-icon[data-v-4d64741a]{width:64px;height:64px;margin-bottom:10px;filter:drop-shadow(0 4px 16px rgba(138,103,232,.3));animation:popIn-4d64741a .8s cubic-bezier(.68,-.55,.27,1.55)}@keyframes popIn-4d64741a{0%{transform:scale(.7);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.hero-title[data-v-4d64741a]{font-size:2.2rem;font-weight:700;color:#fff;letter-spacing:.5px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-desc[data-v-4d64741a]{color:hsla(0,0%,100%,.85);font-size:1rem;margin-top:10px;letter-spacing:.2px}.search-container[data-v-4d64741a]{display:flex;gap:12px;margin:10px 20px 20px 20px;align-items:center;justify-content:center;z-index:3;position:relative}.search-input[data-v-4d64741a]{flex:1;min-width:0;padding:16px 20px;border:none;border-radius:12px;font-size:1rem;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.08);outline:none;transition:all .3s ease;color:#333;font-weight:500;border:1px solid transparent}.search-input[data-v-4d64741a]:focus{box-shadow:0 6px 24px rgba(107,71,220,.15);border-color:rgba(107,71,220,.2);transform:translateY(-2px)}.search-container[data-v-4d64741a]:after,.search-container[data-v-4d64741a]:before,.search-input[data-v-4d64741a]:after,.search-input[data-v-4d64741a]:before{display:none!important;content:none!important}.search-input[data-v-4d64741a]{background-image:none!important;background:#fff!important}.search-input[data-v-4d64741a]:after,.search-input[data-v-4d64741a]:before{font-family:inherit!important;content:""!important}.search-container[data-v-4d64741a],.search-input[data-v-4d64741a]{background-image:none!important;background:#fff!important}.search-container[data-v-4d64741a]:after,.search-container[data-v-4d64741a]:before,.search-input[data-v-4d64741a] :after,.search-input[data-v-4d64741a] :before,.search-input[data-v-4d64741a]:after,.search-input[data-v-4d64741a]:before{display:none!important;content:""!important;background-image:none!important;background:none!important}.search-input[data-v-4d64741a]{text-indent:0!important;padding-left:20px!important;padding-right:20px!important}.cache-btn-small[data-v-4d64741a]{padding:6px 10px;border:none;border-radius:6px;background:hsla(0,0%,94%,.6);color:#666;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-left:6px;position:relative;overflow:hidden;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.rocket-btn[data-v-4d64741a]:before{content:"🚀";font-size:14px;line-height:1;display:block}.rocket-btn[data-v-4d64741a]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid currentColor;opacity:0}@supports not (content:"🚀"){.rocket-btn[data-v-4d64741a]:before{content:""}.rocket-btn[data-v-4d64741a]:after{opacity:1}}.rocket-icon[data-v-4d64741a]{width:16px;height:16px;transition:all .3s ease}.cache-btn-small[data-v-4d64741a]:hover{background:linear-gradient(135deg,rgba(255,107,53,.8),rgba(255,71,87,.8));color:#fff;transform:translateY(-1px) scale(1.02);box-shadow:0 2px 8px rgba(255,107,53,.15)}.cache-btn-small[data-v-4d64741a]:active{transform:scale(.95)}.cache-btn-small.clearing[data-v-4d64741a]{animation:rocketAnimation-4d64741a .8s ease}.cache-btn-small.clearing[data-v-4d64741a]:before{animation:rocketSpin-4d64741a .8s ease}@keyframes rocketAnimation-4d64741a{0%{transform:translateY(0) scale(1) rotate(0deg);background:hsla(0,0%,94%,.6);color:#666}25%{transform:translateY(-8px) scale(1.1) rotate(-10deg);background:rgba(255,107,53,.8);color:#fff}50%{transform:translateY(-15px) scale(1.15) rotate(0deg);background:rgba(255,71,87,.8);color:#fff}75%{transform:translateY(-8px) scale(1.1) rotate(10deg);background:rgba(107,71,220,.8);color:#fff}to{transform:translateY(0) scale(1) rotate(0deg);background:hsla(0,0%,94%,.6);color:#666}}@keyframes rocketSpin-4d64741a{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(0deg)}75%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.search-btn[data-v-4d64741a]{display:flex;align-items:center;gap:8px;padding:0 24px;height:50px;background:linear-gradient(90deg,#6b47dc,#8a67e8);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(107,71,220,.2);transition:all .2s ease;position:relative;overflow:hidden}.search-btn[data-v-4d64741a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,71,220,.3)}.search-btn[data-v-4d64741a]:active{transform:scale(.98);box-shadow:0 2px 10px rgba(107,71,220,.2)}.search-btn-disabled[data-v-4d64741a]{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important}.search-btn-disabled[data-v-4d64741a],.search-btn-disabled[data-v-4d64741a]:hover{transform:none!important;box-shadow:none!important}.search-btn-icon[data-v-4d64741a]{display:flex;align-items:center}.categories-container[data-v-4d64741a]{display:flex;flex-direction:column;gap:30px;padding:0 20px;margin-bottom:40px}.category-section[data-v-4d64741a]{background:#fff;padding:24px 20px;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.03);transition:all .3s ease;border:1px solid #fff}.category-section[data-v-4d64741a]:hover{box-shadow:0 8px 30px rgba(0,0,0,.08);transform:translateY(-2px)}.category-title[data-v-4d64741a]{margin:0 0 20px 0;font-size:1.4rem;font-weight:600;color:#333;display:flex;align-items:center;padding-bottom:12px;border-bottom:2px solid #f5f5f5}.category-icon[data-v-4d64741a]{margin-right:12px;font-size:1.5em}.category-gradient[data-v-4d64741a]{background:linear-gradient(90deg,#6b47dc,#8a67e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.scenes-grid[data-v-4d64741a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.scene-btn[data-v-4d64741a]{padding:12px 10px;background:#f9f9f9;border:1px solid #fff;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;color:#555;transition:all .2s ease;outline:none;display:flex;align-items:center;justify-content:center;text-align:center}.scene-btn[data-v-4d64741a]:hover{background:linear-gradient(90deg,#6b47dc,#8a67e8);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(107,71,220,.2);border-color:transparent}.scene-icon[data-v-4d64741a]{font-size:1em}.dialog-mask[data-v-4d64741a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;align-items:stretch;justify-content:stretch;z-index:1000;animation:fadeIn-4d64741a .3s}@keyframes fadeIn-4d64741a{0%{opacity:0}to{opacity:1}}@keyframes slideIn-4d64741a{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes bubbleToastFadeIn-4d64741a{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes bubbleToastFadeOut-4d64741a{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.dialog-content[data-v-4d64741a]{background:#fff;border-radius:0;width:100%;height:100%;overflow-y:auto;box-shadow:none;animation:dialogPop-4d64741a .3s cubic-bezier(.68,-.55,.27,1.55);position:relative;margin:0}@keyframes dialogPop-4d64741a{0%{opacity:0}to{opacity:1}}.dialog-header[data-v-4d64741a]{display:flex;justify-content:space-between;align-items:center;padding:20px 6px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10;border-radius:0;gap:12px}.dialog-title[data-v-4d64741a]{flex-shrink:0}.dialog-search[data-v-4d64741a]{display:flex;gap:8px;flex:1;max-width:300px;min-width:0}.dialog-search-input[data-v-4d64741a]{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;min-width:0;width:100%}.dialog-search-input[data-v-4d64741a]:focus{border-color:#6b47dc}.dialog-search-btn[data-v-4d64741a]{padding:8px 16px;background:linear-gradient(90deg,#6b47dc,#8a67e8);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.dialog-search-btn[data-v-4d64741a]:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(107,71,220,.2)}.dialog-header h3[data-v-4d64741a]{font-size:1.15rem;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:10px}.dialog-scene-icon[data-v-4d64741a]{font-size:1.3em;color:#6b47dc}.close-btn[data-v-4d64741a]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .2s,transform .1s;padding:0 5px;line-height:1}.close-btn[data-v-4d64741a]:hover{color:#6b47dc;transform:scale(1.1)}.dialog-body[data-v-4d64741a]{padding:20px 6px 80px 6px;max-height:calc(100vh - 120px);overflow-y:auto}.loading-container[data-v-4d64741a]{text-align:center;padding:40px 0}.pulse-loading[data-v-4d64741a]{width:40px;height:40px;margin:0 auto 15px;border:3px solid rgba(107,71,220,.1);border-radius:50%;border-top-color:#6b47dc;animation:spin-4d64741a 1s ease-in-out infinite}@keyframes spin-4d64741a{to{transform:rotate(1turn)}}.loading-text[data-v-4d64741a]{color:#666;font-size:1rem;font-weight:500}.no-data[data-v-4d64741a]{text-align:center;padding:40px 0}.no-data-icon[data-v-4d64741a]{font-size:3rem;margin-bottom:15px;color:#ddd}.no-data p[data-v-4d64741a]{margin:0 0 8px 0;color:#999;font-size:1.1rem;font-weight:500}.no-data-sub[data-v-4d64741a]{font-size:.9rem;color:#aaa}.dialogue-item[data-v-4d64741a]{margin-bottom:16px;padding:20px;border-radius:16px;position:relative;transition:box-shadow .2s;font-size:1rem;color:#555;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.03)}.dialogue-content[data-v-4d64741a]{position:relative;z-index:2;min-height:24px;overflow:hidden;transition:opacity .2s ease,filter .2s ease}.dialogue-inner[data-v-4d64741a]{position:relative;z-index:1}.dialogue-item.is-collapsed .dialogue-content[data-v-4d64741a]{opacity:1;filter:none;-webkit-mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.3) 80%,transparent);mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.3) 80%,transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.4) 85%,transparent);mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.4) 85%,transparent)}.fade-overlay[data-v-4d64741a],.vip-fade-overlay[data-v-4d64741a]{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(0deg,hsla(0,0%,99%,.98) 0,hsla(0,0%,99%,.85) 25%,hsla(0,0%,99%,.4) 60%,hsla(0,0%,99%,0));pointer-events:none;z-index:3}.dialogue-actions[data-v-4d64741a]{display:flex;justify-content:center;margin-top:8px}.collapse-toggle[data-v-4d64741a]{background:rgba(107,71,220,.08);border:1px solid rgba(107,71,220,.15);color:#6b47dc;cursor:pointer;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;transition:all .15s ease}.collapse-toggle[data-v-4d64741a]:hover{background:rgba(107,71,220,.14);border-color:rgba(107,71,220,.24)}.toggle-icon[data-v-4d64741a]{font-size:.8rem}.highlight[data-v-4d64741a]{background-color:#fef3c7;color:#92400e;font-weight:500;border-radius:3px;padding:1px 3px}.search-highlight[data-v-4d64741a]{background-color:#fef3c7!important;color:#92400e!important;font-weight:500!important;border-radius:3px!important;padding:1px 3px!important;display:inline!important;position:relative!important;z-index:1!important}.toast[data-v-4d64741a]{bottom:100px;background:hsla(0,0%,100%,.95);color:#8b5cf6;padding:8px 16px;border-radius:12px;font-size:.8rem;box-shadow:0 2px 12px rgba(139,92,246,.15);animation:slideIn-4d64741a .3s ease;backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.1);letter-spacing:.3px;max-width:200px;word-wrap:break-word}.egg-popup[data-v-4d64741a],.toast[data-v-4d64741a]{position:fixed;right:20px;font-weight:500;z-index:2000}.egg-popup[data-v-4d64741a]{bottom:20px;padding:12px 20px;background:linear-gradient(90deg,#6b47dc,#8a67e8);color:#fff;border-radius:20px;box-shadow:0 4px 15px rgba(107,71,220,.3)}.fade-enter-active[data-v-4d64741a],.fade-leave-active[data-v-4d64741a]{transition:opacity .25s}.fade-enter[data-v-4d64741a],.fade-leave-to[data-v-4d64741a]{opacity:0}.dialog-pop-enter-active[data-v-4d64741a],.dialog-pop-leave-active[data-v-4d64741a]{transition:transform .25s cubic-bezier(.68,-.55,.27,1.55),opacity .25s}.dialog-pop-enter[data-v-4d64741a],.dialog-pop-leave-to[data-v-4d64741a]{transform:scale(.92) translateY(30px);opacity:0}.slide-up-enter-active[data-v-4d64741a],.slide-up-leave-active[data-v-4d64741a]{transition:transform .3s ease,opacity .3s ease}.slide-up-enter[data-v-4d64741a],.slide-up-leave-to[data-v-4d64741a]{transform:translateY(20px);opacity:0}@media (max-width:700px){.page-content[data-v-4d64741a]{max-width:100vw;padding:0 0 30px 0}.hero-header[data-v-4d64741a]{height:180px;border-radius:0 0 20px 20px}.hero-title[data-v-4d64741a]{font-size:1.8rem}.search-container[data-v-4d64741a]{margin:-30px 15px 20px 15px}.search-count-info[data-v-4d64741a]{margin:0 15px 15px 15px;padding:10px 12px}.search-count-text[data-v-4d64741a]{font-size:.85rem}.search-limit-warning[data-v-4d64741a]{font-size:.8rem;padding:6px 10px}.search-input[data-v-4d64741a]{padding:14px 16px;font-size:.9rem}.search-btn[data-v-4d64741a]{padding:0 18px;height:46px;font-size:.9rem}.categories-container[data-v-4d64741a]{gap:20px;padding:0 15px}.category-section[data-v-4d64741a]{padding:18px 15px;border-radius:12px}.category-title[data-v-4d64741a]{font-size:1.2rem}.scenes-grid[data-v-4d64741a]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.scene-btn[data-v-4d64741a]{padding:10px 0;font-size:.9rem}.dialog-content[data-v-4d64741a]{border-radius:0;width:100%;height:100%;margin:0}.dialog-header[data-v-4d64741a]{padding:16px 6px;gap:8px}.dialog-search[data-v-4d64741a]{max-width:none;flex:1}.dialog-search-input[data-v-4d64741a]{font-size:.85rem;padding:6px 10px}.dialog-search-btn[data-v-4d64741a]{font-size:.85rem;padding:6px 12px;white-space:nowrap}.dialog-header h3[data-v-4d64741a]{font-size:1rem}.dialog-body[data-v-4d64741a]{padding:16px 4px 58px 4px;max-height:calc(100vh - 100px)}}@media (max-width:480px){.dialog-content[data-v-4d64741a]{width:100%;height:100%;margin:0;border-radius:0}.dialog-header[data-v-4d64741a]{padding:12px 4px;flex-wrap:wrap;gap:6px}.dialog-search[data-v-4d64741a]{order:2;width:100%;margin-top:8px}.dialog-search-input[data-v-4d64741a]{font-size:.8rem;padding:5px 8px}.dialog-search-btn[data-v-4d64741a]{font-size:.8rem;padding:5px 10px}.dialog-header h3[data-v-4d64741a]{font-size:.9rem}.dialog-body[data-v-4d64741a]{padding:12px 3px 48px 3px;max-height:calc(100vh - 80px)}.close-btn[data-v-4d64741a]{font-size:1.2rem}}@media (max-width:700px) and (orientation:landscape){.dialog-content[data-v-4d64741a]{max-height:100%;margin:0}.dialog-body[data-v-4d64741a]{max-height:calc(100vh - 140px)}}@supports (padding:max(0px)){.dialog-content[data-v-4d64741a]{margin:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}.search-count-info[data-v-4d64741a]{margin:0 20px 20px 20px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.search-count-text[data-v-4d64741a]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#64748b}.search-count-icon[data-v-4d64741a]{font-size:1rem}.vip-search-text[data-v-4d64741a]{color:#059669;font-weight:600}.normal-search-text[data-v-4d64741a]{color:#64748b}.search-count-number[data-v-4d64741a]{color:#dc2626;font-weight:700;font-size:1.1rem}.search-limit-warning[data-v-4d64741a]{margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:.85rem;color:#92400e}.warning-icon[data-v-4d64741a]{font-size:1rem}.upgrade-link[data-v-4d64741a]{color:#dc2626;font-weight:600;text-decoration:none;margin-left:auto;padding:2px 8px;border-radius:4px;background:rgba(220,38,38,.1);transition:all .2s ease}.upgrade-link[data-v-4d64741a]:hover{background:rgba(220,38,38,.2);transform:translateY(-1px)}.vip-upgrade-tip[data-v-4d64741a]{margin-top:20px;padding:20px;background:linear-gradient(135deg,#fff5f5,#fef7ff);border:2px solid #fbbf24;border-radius:16px;box-shadow:0 4px 20px rgba(251,191,36,.15)}.vip-tip-content[data-v-4d64741a]{display:flex;align-items:center;gap:16px}.vip-tip-icon[data-v-4d64741a]{font-size:2rem;color:#f59e0b;flex-shrink:0}.vip-tip-text[data-v-4d64741a]{flex:1}.vip-tip-title[data-v-4d64741a]{font-size:1.1rem;font-weight:600;color:#92400e;margin:0 0 4px 0}.vip-tip-desc[data-v-4d64741a]{font-size:.9rem;color:#a16207;margin:0;line-height:1.4}.vip-upgrade-btn[data-v-4d64741a]{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,158,11,.3);flex-shrink:0}.vip-upgrade-btn[data-v-4d64741a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4);background:linear-gradient(135deg,#d97706,#b45309)}@media (max-width:700px){.vip-tip-content[data-v-4d64741a]{flex-direction:column;text-align:center;gap:12px}.vip-tip-icon[data-v-4d64741a]{font-size:1.5rem}.vip-tip-title[data-v-4d64741a]{font-size:1rem}.vip-tip-desc[data-v-4d64741a]{font-size:.85rem}.vip-upgrade-btn[data-v-4d64741a]{padding:8px 16px;font-size:.85rem}}[data-v-4d64741a]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dialog-search-input[data-v-4d64741a],.search-input[data-v-4d64741a]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.dialogue-content[data-v-4d64741a],.dialogue-inner[data-v-4d64741a]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto}.admin-activation-codes[data-v-3488c511]{min-height:100vh;background-color:#f5f7fa;overflow:hidden}.main-content-wrapper[data-v-3488c511]{margin-left:240px;padding:20px;min-height:100vh;background-color:#f5f7fa;box-sizing:border-box}.admin-header[data-v-3488c511]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:12px;margin-bottom:30px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.1)}.admin-header h1[data-v-3488c511]{margin:0 0 20px 0;font-size:28px;font-weight:600}.header-stats[data-v-3488c511]{display:flex;gap:30px;flex-wrap:wrap}.stat-item[data-v-3488c511]{display:flex;flex-direction:column;align-items:center;min-width:80px}.stat-label[data-v-3488c511]{font-size:14px;opacity:.8;margin-bottom:5px}.stat-value[data-v-3488c511]{font-size:24px;font-weight:700;margin-top:5px}.stat-value.used[data-v-3488c511]{color:#ff6b6b}.stat-value.unused[data-v-3488c511]{color:#51cf66}.generate-section[data-v-3488c511]{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef}.generate-section h2[data-v-3488c511]{margin:0 0 20px 0;color:#333;font-size:20px;font-weight:600}.quick-generate[data-v-3488c511]{margin-bottom:25px;text-align:center}.quick-generate-btn[data-v-3488c511]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(40,167,69,.3)}.quick-generate-btn[data-v-3488c511]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(40,167,69,.4)}.quick-generate-btn[data-v-3488c511]:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-info[data-v-3488c511]{margin-top:10px;font-size:14px;color:#666;opacity:.8}.advanced-settings[data-v-3488c511]{border-top:1px solid #e9ecef;padding-top:20px}.settings-toggle[data-v-3488c511]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:background-color .3s;margin-bottom:20px}.settings-toggle[data-v-3488c511]:hover{background:#e9ecef}.settings-toggle span[data-v-3488c511]{color:#495057;font-weight:500}.arrow-down[data-v-3488c511]:before{content:"▼";font-size:12px}.arrow-up[data-v-3488c511]:before{content:"▲";font-size:12px}.form-row[data-v-3488c511]{margin-bottom:20px}.form-row[data-v-3488c511],.generate-form[data-v-3488c511]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.generate-form[data-v-3488c511]{align-items:end}.form-group[data-v-3488c511]{display:flex;flex-direction:column}.form-group label[data-v-3488c511]{margin-bottom:8px;font-weight:500;color:#555}.form-input[data-v-3488c511],.form-select[data-v-3488c511]{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s}.form-input[data-v-3488c511]:focus,.form-select[data-v-3488c511]:focus{border-color:#667eea}.generate-btn[data-v-3488c511]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.generate-btn[data-v-3488c511]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.generate-btn[data-v-3488c511]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.search-section[data-v-3488c511]{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.search-box[data-v-3488c511]{display:flex;gap:12px;align-items:center;flex:1;min-width:300px}.search-input[data-v-3488c511]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;outline:none;flex:1;min-width:200px;transition:all .3s ease}.search-input[data-v-3488c511]:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-btn[data-v-3488c511]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;white-space:nowrap}.search-btn[data-v-3488c511]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.filter-options[data-v-3488c511]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-select[data-v-3488c511]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;outline:none;min-width:140px;background:#fff;transition:all .3s ease}.filter-select[data-v-3488c511]:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.column-settings-btn[data-v-3488c511]{padding:12px 20px;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}.column-settings-btn[data-v-3488c511]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,162,184,.3)}.table-section[data-v-3488c511]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef}.table-section h2[data-v-3488c511]{margin:0 0 20px 0;color:#333;font-size:18px;font-weight:600}.codes-table[data-v-3488c511]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.1)}.codes-table th[data-v-3488c511]{padding:15px 12px;text-align:left;color:#495057;border-bottom:2px solid #e9ecef;font-size:14px}.codes-table td[data-v-3488c511]{padding:12px;border-bottom:1px solid #e9ecef;font-size:14px;color:#333}.codes-table tr:last-child td[data-v-3488c511]{border-bottom:none}.checkbox-cell[data-v-3488c511]{width:40px;text-align:center}.code-checkbox[data-v-3488c511],.select-all-checkbox[data-v-3488c511]{width:16px;height:16px;cursor:pointer}.code-checkbox[data-v-3488c511]:disabled{cursor:not-allowed;opacity:.5}.table-container[data-v-3488c511]{overflow-x:auto}.codes-table[data-v-3488c511]{width:100%;border-collapse:collapse;font-size:14px}.codes-table td[data-v-3488c511],.codes-table th[data-v-3488c511]{padding:12px;text-align:left;border-bottom:1px solid #e9ecef}.codes-table th[data-v-3488c511]{background:#f8f9fa;font-weight:600;color:#333}.codes-table tr[data-v-3488c511]:hover{background:#f8f9fa}.used-row[data-v-3488c511]{opacity:.6}.code-text[data-v-3488c511]{font-family:monospace;font-weight:600;color:#667eea}.copy-btn[data-v-3488c511]{margin-left:8px;padding:4px 8px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.status-badge[data-v-3488c511],.type-badge[data-v-3488c511]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.type-vip[data-v-3488c511]{background:gold;color:#333}.type-premium[data-v-3488c511]{background:#ff6b6b;color:#fff}.status-used[data-v-3488c511]{background:#6c757d;color:#fff}.status-unused[data-v-3488c511]{background:#28a745;color:#fff}.action-buttons[data-v-3488c511]{display:flex;gap:4px;align-items:center}.delete-btn[data-v-3488c511]{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.delete-btn[data-v-3488c511]:disabled{background:#6c757d;cursor:not-allowed}.join-btn[data-v-3488c511]{padding:6px 8px;background:#17a2b8;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.join-btn[data-v-3488c511]:hover:not(:disabled){background:#138496;transform:scale(1.1)}.join-btn[data-v-3488c511]:disabled{background:#6c757d;cursor:not-allowed}.pagination[data-v-3488c511]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.page-btn[data-v-3488c511]{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.page-btn[data-v-3488c511]:disabled{background:#6c757d;cursor:not-allowed}.page-info[data-v-3488c511]{font-size:14px;color:#666}.message-toast[data-v-3488c511]{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:slideIn-3488c511 .3s ease}.message-toast.success[data-v-3488c511]{background:#28a745}.message-toast.error[data-v-3488c511]{background:#dc3545}@keyframes slideIn-3488c511{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.modal-overlay[data-v-3488c511]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-3488c511 .3s ease}.modal-content[data-v-3488c511]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:slideUp-3488c511 .3s ease}.modal-header[data-v-3488c511]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-3488c511]{margin:0;color:#333;font-size:20px}.modal-close[data-v-3488c511]{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close[data-v-3488c511]:hover{background:#f8f9fa;color:#333}.modal-body[data-v-3488c511]{padding:25px}.modal-footer[data-v-3488c511]{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px;border-top:1px solid #e9ecef}.modal-btn[data-v-3488c511]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.modal-btn.cancel[data-v-3488c511]{background:#6c757d;color:#fff}.modal-btn.cancel[data-v-3488c511]:hover{background:#5a6268}.modal-btn.confirm[data-v-3488c511]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn.confirm[data-v-3488c511]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.modal-btn.confirm[data-v-3488c511]:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.join-options h4[data-v-3488c511]{margin:0 0 20px 0;color:#333;font-size:16px}.list-options[data-v-3488c511]{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.list-option[data-v-3488c511]{display:flex;align-items:flex-start;gap:12px;padding:15px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s}.list-option[data-v-3488c511]:hover{border-color:#667eea;background:#f8f9ff}.list-option input[type=radio][data-v-3488c511]{margin-top:2px;width:18px;height:18px;accent-color:#667eea}.option-label[data-v-3488c511]{font-weight:600;color:#333;font-size:14px}.option-desc[data-v-3488c511]{color:#6c757d;font-size:12px;margin-top:4px;display:block}.custom-list-input[data-v-3488c511]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px}.custom-list-input label[data-v-3488c511]{display:block;margin-bottom:8px;font-weight:500;color:#333}.join-description[data-v-3488c511]{margin-top:25px;padding:15px;background:#e3f2fd;border-radius:8px;border-left:4px solid #2196f3}.join-description p[data-v-3488c511]{margin:0 0 10px 0;color:#1976d2;font-weight:600}.join-description ul[data-v-3488c511]{margin:0;padding-left:20px;color:#424242}.join-description li[data-v-3488c511]{margin-bottom:5px;font-size:14px}.batch-join-info p[data-v-3488c511]{margin:0 0 20px 0;font-size:16px;color:#333}.column-settings-modal .modal-content[data-v-3488c511]{max-width:800px;max-height:90vh}.column-settings-info[data-v-3488c511]{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.column-settings-info p[data-v-3488c511]{margin:0 0 10px 0;color:#333;font-size:16px;font-weight:600}.column-options[data-v-3488c511]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-bottom:25px}.column-option[data-v-3488c511]{display:flex;align-items:flex-start;gap:15px;padding:18px;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s;background:#fff;min-height:80px}.column-option[data-v-3488c511]:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.1)}.column-option input[type=checkbox][data-v-3488c511]{width:20px;height:20px;accent-color:#667eea;margin:0;flex-shrink:0;margin-top:2px}.column-info[data-v-3488c511]{display:flex;flex-direction:column;gap:6px;flex:1;word-wrap:break-word;overflow-wrap:break-word}.checkbox-label[data-v-3488c511]{font-weight:600;color:#333;font-size:15px;line-height:1.4;cursor:pointer;margin:0}.column-desc[data-v-3488c511]{color:#6c757d;font-size:13px;line-height:1.4;display:block;margin:0}.column-presets[data-v-3488c511]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107}.column-presets h4[data-v-3488c511]{margin:0 0 10px 0;color:#333;font-size:16px;font-weight:600}.preset-buttons[data-v-3488c511]{display:flex;gap:10px;flex-wrap:wrap}.preset-btn[data-v-3488c511]{padding:8px 15px;background:#e0e0e0;color:#333;border:1px solid #ccc;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.preset-btn[data-v-3488c511]:hover{background:#d0d0d0;border-color:#bbb}.preset-btn.mobile[data-v-3488c511]{background:#e0f7fa;color:#007b83;border-color:#b2ebf2}.preset-btn.mobile[data-v-3488c511]:hover{background:#b2ebf2;border-color:#80deea}.preset-btn.desktop[data-v-3488c511]{background:#fff3e0;color:#f57c00;border-color:#ffe0b2}.preset-btn.desktop[data-v-3488c511]:hover{background:#ffe0b2;border-color:#ffcc80}.preset-btn.minimal[data-v-3488c511]{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.preset-btn.minimal[data-v-3488c511]:hover{background:#a5d6a7;border-color:#66bb6a}@keyframes fadeIn-3488c511{0%{opacity:0}to{opacity:1}}@keyframes slideUp-3488c511{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.main-content-wrapper[data-v-3488c511]{margin-left:0;margin-top:50px;padding:15px;padding-top:20px}.admin-header[data-v-3488c511]{padding:15px;margin-bottom:15px}.admin-header h1[data-v-3488c511]{font-size:18px}.generate-section[data-v-3488c511]{padding:15px;margin-bottom:15px}.generate-section h2[data-v-3488c511]{font-size:16px}.quick-generate-btn[data-v-3488c511]{padding:10px 16px;font-size:13px}.search-section[data-v-3488c511]{padding:20px;margin-bottom:15px;flex-direction:column;gap:15px}.search-box[data-v-3488c511]{flex-direction:row;gap:10px;width:100%;min-width:auto}.search-input[data-v-3488c511]{flex:1;min-width:auto;padding:12px 16px}.search-btn[data-v-3488c511]{flex-shrink:0;padding:12px 20px;white-space:nowrap}.filter-options[data-v-3488c511]{flex-direction:row;gap:10px;width:100%;flex-wrap:wrap}.filter-select[data-v-3488c511]{flex:1;min-width:120px;padding:12px 16px}.column-settings-btn[data-v-3488c511]{flex-shrink:0;padding:12px 20px;white-space:nowrap}.generate-form[data-v-3488c511]{grid-template-columns:1fr}.filter-section[data-v-3488c511]{flex-direction:column;align-items:stretch}.table-container[data-v-3488c511]{font-size:11px;overflow-x:auto;margin-top:10px}.codes-table td[data-v-3488c511],.codes-table th[data-v-3488c511]{padding:6px 3px;white-space:nowrap}.column-options[data-v-3488c511]{grid-template-columns:1fr;gap:8px}.column-option[data-v-3488c511]{padding:12px;min-height:60px;gap:10px}.checkbox-label[data-v-3488c511]{font-size:14px}.column-desc[data-v-3488c511]{font-size:12px}.preset-buttons[data-v-3488c511]{flex-direction:column;gap:8px}.preset-btn[data-v-3488c511]{width:100%;text-align:center;padding:12px}.column-settings-modal .modal-content[data-v-3488c511]{width:95%;max-width:none;margin:10px}.column-settings-modal .modal-body[data-v-3488c511]{padding:20px}}.admin-dashboard[data-v-a09b422c],.main-content-wrapper[data-v-a09b422c]{min-height:100vh;background-color:#f5f7fa}.main-content-wrapper[data-v-a09b422c]{margin-left:240px;padding:20px;box-sizing:border-box}.dashboard-header[data-v-a09b422c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.dashboard-header h1[data-v-a09b422c]{margin:0;font-size:28px}.header-actions[data-v-a09b422c]{display:flex;gap:15px}.export-btn[data-v-a09b422c],.refresh-btn[data-v-a09b422c]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.refresh-btn[data-v-a09b422c]{background:hsla(0,0%,100%,.2);color:#fff}.refresh-btn[data-v-a09b422c]:hover:not(:disabled){background:hsla(0,0%,100%,.3)}.export-btn[data-v-a09b422c]{background:#28a745;color:#fff}.export-btn[data-v-a09b422c]:hover{background:#218838}.section-header[data-v-a09b422c]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:12px 12px 0 0;border-bottom:2px solid #f8f9fa;cursor:pointer;transition:all .3s;margin-bottom:0}.section-header[data-v-a09b422c]:hover{background:#f8f9fa}.section-header h2[data-v-a09b422c]{font-size:18px;font-weight:600}.toggle-btn[data-v-a09b422c]{padding:6px 12px;background:#667eea;color:#fff;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-btn[data-v-a09b422c]:hover{background:#5a6fd8;transform:scale(1.05)}.toggle-btn.collapsed[data-v-a09b422c]{background:#28a745}.toggle-btn.collapsed[data-v-a09b422c]:hover{background:#218838}.stats-grid[data-v-a09b422c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:0 0 12px 12px}.stat-card[data-v-a09b422c]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:center;gap:20px;transition:transform .3s}.stat-card[data-v-a09b422c]:hover{transform:translateY(-5px)}.stat-icon[data-v-a09b422c]{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-content h3[data-v-a09b422c]{margin:0 0 10px 0;color:#6c757d;font-size:14px;font-weight:500}.stat-number[data-v-a09b422c]{font-size:32px;font-weight:700;color:#333;margin-bottom:5px}.stat-change[data-v-a09b422c]{font-size:14px;font-weight:500}.stat-change.positive[data-v-a09b422c]{color:#28a745}.stat-change.negative[data-v-a09b422c]{color:#dc3545}.charts-section[data-v-a09b422c]{background:#fff;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.chart-container[data-v-a09b422c]{padding:25px}.chart-filters[data-v-a09b422c]{display:flex;gap:10px;margin-bottom:20px}.period-btn[data-v-a09b422c]{padding:8px 16px;border:2px solid #e9ecef;background:#fff;border-radius:20px;cursor:pointer;transition:all .3s;font-size:14px}.period-btn.active[data-v-a09b422c]{background:#667eea;color:#fff;border-color:#667eea}.chart-placeholder[data-v-a09b422c]{height:300px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px}.chart-mock[data-v-a09b422c]{text-align:center}.chart-bars[data-v-a09b422c]{display:flex;align-items:end;gap:20px;height:200px;margin-bottom:20px}.chart-bar[data-v-a09b422c]{display:flex;flex-direction:column;align-items:center;gap:10px}.bar[data-v-a09b422c]{width:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;min-height:20px}.bar-label[data-v-a09b422c]{font-size:12px;color:#6c757d}.chart-legend[data-v-a09b422c]{display:flex;justify-content:center;gap:20px}.legend-item[data-v-a09b422c]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d}.legend-color[data-v-a09b422c]{width:16px;height:16px;border-radius:2px}.legend-color.visitors[data-v-a09b422c]{background:#667eea}.legend-color.pageviews[data-v-a09b422c]{background:#764ba2}.data-section[data-v-a09b422c]{background:#fff;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.table-filters[data-v-a09b422c]{padding:20px 25px 0 25px;display:flex;justify-content:flex-end}.table-container[data-v-a09b422c]{padding:0 25px 25px 25px}.section-header h2[data-v-a09b422c]{margin:0;color:#333}.date-filter[data-v-a09b422c]{padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px}.data-table[data-v-a09b422c]{width:100%;border-collapse:collapse;font-size:14px}.data-table td[data-v-a09b422c],.data-table th[data-v-a09b422c]{padding:12px;text-align:left;border-bottom:1px solid #e9ecef}.data-table th[data-v-a09b422c]{background:#f8f9fa;font-weight:600;color:#333}.source-badge[data-v-a09b422c]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.source-badge.direct[data-v-a09b422c]{background:#e3f2fd;color:#1976d2}.source-badge.search[data-v-a09b422c]{background:#e8f5e8;color:#2e7d32}.source-badge.social[data-v-a09b422c]{background:#fff3e0;color:#f57c00}.source-badge.referral[data-v-a09b422c]{background:#f3e5f5;color:#7b1fa2}.popular-pages[data-v-a09b422c]{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.popular-pages h2[data-v-a09b422c]{margin:0 0 20px 0;color:#333}.pages-grid[data-v-a09b422c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:25px}.page-card[data-v-a09b422c]{border:2px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s}.page-card[data-v-a09b422c]:hover{border-color:#667eea;transform:translateY(-2px)}.page-info h4[data-v-a09b422c]{margin:0 0 8px 0;color:#333;font-size:16px}.page-path[data-v-a09b422c]{margin:0 0 15px 0;color:#6c757d;font-size:14px;font-family:monospace}.page-stats[data-v-a09b422c]{display:flex;justify-content:space-between}.page-views[data-v-a09b422c],.page-visitors[data-v-a09b422c]{text-align:center}.page-views[data-v-a09b422c]{color:#667eea;font-weight:600}.page-visitors[data-v-a09b422c]{color:#764ba2;font-weight:600}.loading-overlay[data-v-a09b422c]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-a09b422c]{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #667eea;border-radius:50%;animation:spin-a09b422c 1s linear infinite;margin-bottom:15px}@keyframes spin-a09b422c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-content-wrapper[data-v-a09b422c]{margin-left:0;margin-top:50px;padding:10px;padding-top:15px}.dashboard-header[data-v-a09b422c]{flex-direction:column;gap:10px;text-align:center;margin-bottom:15px}.dashboard-header h1[data-v-a09b422c]{font-size:20px;margin:0}.header-actions[data-v-a09b422c]{flex-direction:row;width:100%;gap:10px;justify-content:center}.export-btn[data-v-a09b422c],.refresh-btn[data-v-a09b422c]{padding:8px 12px;font-size:12px;flex:1;max-width:120px}.stats-section[data-v-a09b422c]{margin-bottom:15px}.stats-grid[data-v-a09b422c]{grid-template-columns:1fr 1fr;gap:10px;padding:10px}.stat-card[data-v-a09b422c]{flex-direction:column;text-align:center;padding:12px 8px;min-height:auto}.stat-icon[data-v-a09b422c]{font-size:20px;margin-bottom:5px}.stat-content h3[data-v-a09b422c]{font-size:12px;margin:0 0 5px 0}.stat-number[data-v-a09b422c]{font-size:18px;margin:5px 0}.stat-change[data-v-a09b422c]{font-size:10px;margin-top:3px}.section-header[data-v-a09b422c]{padding:10px 12px;margin-bottom:0}.section-header h2[data-v-a09b422c]{font-size:14px;margin:0}.toggle-btn[data-v-a09b422c]{padding:3px 8px;font-size:10px}.chart-container[data-v-a09b422c]{padding:10px}.chart-filters[data-v-a09b422c]{flex-wrap:wrap;gap:5px;margin-bottom:10px}.period-btn[data-v-a09b422c]{padding:6px 10px;font-size:11px}.table-filters[data-v-a09b422c]{padding:10px 10px 0 10px}.table-container[data-v-a09b422c]{padding:0 10px 10px 10px}.pages-grid[data-v-a09b422c]{grid-template-columns:1fr;gap:10px;padding:10px}.page-card[data-v-a09b422c]{padding:12px}.page-card h3[data-v-a09b422c]{font-size:14px;margin:0 0 8px 0}.data-table[data-v-a09b422c]{font-size:11px}.data-table td[data-v-a09b422c],.data-table th[data-v-a09b422c]{padding:4px 2px}}.main-content-wrapper[data-v-7fa006a6],.system-monitor[data-v-7fa006a6]{min-height:100vh;background-color:#f5f7fa}.main-content-wrapper[data-v-7fa006a6]{margin-left:240px;padding:20px;box-sizing:border-box}.page-header[data-v-7fa006a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.page-header h1[data-v-7fa006a6]{margin:0;color:#333;font-size:24px}.header-actions[data-v-7fa006a6]{display:flex;gap:10px}.auto-refresh-btn[data-v-7fa006a6],.refresh-btn[data-v-7fa006a6]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.refresh-btn[data-v-7fa006a6]{background:#007bff;color:#fff}.refresh-btn[data-v-7fa006a6]:hover:not(:disabled){background:#0056b3}.refresh-btn[data-v-7fa006a6]:disabled{background:#ccc;cursor:not-allowed}.auto-refresh-btn[data-v-7fa006a6]{background:#28a745;color:#fff}.auto-refresh-btn[data-v-7fa006a6]:hover{background:#1e7e34}.overall-status[data-v-7fa006a6]{display:flex;align-items:center;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.status-healthy[data-v-7fa006a6]{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:5px solid #28a745}.status-warning[data-v-7fa006a6]{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #ffc107}.status-critical[data-v-7fa006a6]{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:5px solid #dc3545}.status-icon[data-v-7fa006a6]{font-size:48px;margin-right:20px}.status-info h2[data-v-7fa006a6]{margin:0 0 5px 0;color:#333}.status-info p[data-v-7fa006a6]{margin:2px 0;color:#666;font-size:14px}.status-summary[data-v-7fa006a6]{margin-left:auto;display:flex;gap:20px}.summary-item[data-v-7fa006a6]{text-align:center}.summary-item .label[data-v-7fa006a6]{display:block;font-size:12px;color:#666}.summary-item .value[data-v-7fa006a6]{display:block;font-size:18px;font-weight:700;color:#333}.summary-item.critical .value[data-v-7fa006a6]{color:#dc3545}.summary-item.warning .value[data-v-7fa006a6]{color:#ffc107}.metrics-grid[data-v-7fa006a6]{display:grid;gap:20px;margin-bottom:20px}.metric-section[data-v-7fa006a6]{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.section-header[data-v-7fa006a6]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;cursor:pointer;transition:background .3s}.section-header[data-v-7fa006a6]:hover{background:#e9ecef}.section-header h3[data-v-7fa006a6]{margin:0;color:#333;font-size:16px}.toggle-icon[data-v-7fa006a6]{font-size:12px;color:#666}.section-content[data-v-7fa006a6]{padding:20px}.metric-cards[data-v-7fa006a6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.metric-card[data-v-7fa006a6]{padding:15px;border-radius:8px;border-left:4px solid #ddd;background:#f8f9fa;transition:all .3s}.metric-card.status-healthy[data-v-7fa006a6]{border-left-color:#28a745;background:#d4edda}.metric-card.status-warning[data-v-7fa006a6]{border-left-color:#ffc107;background:#fff3cd}.metric-card.status-critical[data-v-7fa006a6]{border-left-color:#dc3545;background:#f8d7da}.metric-header[data-v-7fa006a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.metric-title[data-v-7fa006a6]{font-weight:700;color:#333}.metric-value[data-v-7fa006a6]{font-size:18px;font-weight:700;color:#333}.metric-bar[data-v-7fa006a6]{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.bar-fill[data-v-7fa006a6]{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s}.metric-card.status-warning .bar-fill[data-v-7fa006a6]{background:linear-gradient(90deg,#ffc107,#fd7e14)}.metric-card.status-critical .bar-fill[data-v-7fa006a6]{background:linear-gradient(90deg,#dc3545,#e83e8c)}.metric-status[data-v-7fa006a6]{font-size:12px;color:#666;text-align:center}.metric-details[data-v-7fa006a6]{margin-top:10px}.detail-item[data-v-7fa006a6]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}.detail-item .label[data-v-7fa006a6]{color:#666}.detail-item .value[data-v-7fa006a6]{font-weight:700;color:#333}.alerts-section[data-v-7fa006a6]{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden}.alerts-list[data-v-7fa006a6]{max-height:400px;overflow-y:auto}.alert-item[data-v-7fa006a6]{padding:15px;border-bottom:1px solid #e9ecef;transition:background .3s}.alert-item[data-v-7fa006a6]:hover{background:#f8f9fa}.alert-item[data-v-7fa006a6]:last-child{border-bottom:none}.alert-item.alert-critical[data-v-7fa006a6]{border-left:4px solid #dc3545;background:#f8d7da}.alert-item.alert-warning[data-v-7fa006a6]{border-left:4px solid #ffc107;background:#fff3cd}.alert-item.alert-info[data-v-7fa006a6]{border-left:4px solid #17a2b8;background:#d1ecf1}.alert-header[data-v-7fa006a6]{display:flex;justify-content:space-between;margin-bottom:5px}.alert-level[data-v-7fa006a6]{font-weight:700;font-size:12px;padding:2px 8px;border-radius:12px;background:rgba(0,0,0,.1)}.alert-time[data-v-7fa006a6]{font-size:12px;color:#666}.alert-title[data-v-7fa006a6]{font-weight:700;color:#333;margin-bottom:5px}.alert-message[data-v-7fa006a6]{font-size:14px;color:#666;line-height:1.4}.trends-section[data-v-7fa006a6]{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.trends-chart[data-v-7fa006a6]{padding:20px;min-height:300px;display:flex;align-items:center;justify-content:center}.chart-placeholder[data-v-7fa006a6]{text-align:center;color:#666}.chart-placeholder p[data-v-7fa006a6]{margin:5px 0}@media (max-width:768px){.main-content-wrapper[data-v-7fa006a6]{margin-left:0;margin-top:50px;padding:15px;padding-top:20px}.page-header[data-v-7fa006a6]{flex-direction:column;gap:10px;align-items:flex-start}.header-actions[data-v-7fa006a6]{width:100%;justify-content:space-between}.overall-status[data-v-7fa006a6]{flex-direction:column;text-align:center}.status-summary[data-v-7fa006a6]{margin-left:0;margin-top:15px}.metric-cards[data-v-7fa006a6]{grid-template-columns:1fr}.section-header[data-v-7fa006a6]{padding:12px 15px}.section-content[data-v-7fa006a6]{padding:15px}}.main-content-wrapper[data-v-4696b40e],.security-defense[data-v-4696b40e]{min-height:100vh;background-color:#f5f7fa}.main-content-wrapper[data-v-4696b40e]{margin-left:240px;padding:20px;box-sizing:border-box}.page-header[data-v-4696b40e]{margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header h1[data-v-4696b40e]{margin:0 0 10px 0;color:#2c3e50;font-size:1.5rem;font-weight:600}.header-description[data-v-4696b40e]{margin:0;color:#6c757d;font-size:.9rem;line-height:1.5}.security-overview[data-v-4696b40e]{margin-bottom:30px}.core-metrics[data-v-4696b40e]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.metric-item[data-v-4696b40e]{text-align:center;flex:1}.metric-number[data-v-4696b40e]{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.metric-label[data-v-4696b40e]{color:#6c757d;font-size:.9rem}.main-dashboard[data-v-4696b40e]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.left-panel[data-v-4696b40e],.right-panel[data-v-4696b40e]{display:flex;flex-direction:column;gap:20px}.panel-section[data-v-4696b40e]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.panel-header[data-v-4696b40e]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.panel-header h3[data-v-4696b40e]{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.panel-stats[data-v-4696b40e]{display:flex;gap:15px;font-size:.8rem;color:#6c757d}.panel-stats span[data-v-4696b40e]{white-space:nowrap}.defense-log[data-v-4696b40e],.ip-table[data-v-4696b40e],.top5-table[data-v-4696b40e]{padding:0 20px 20px}.defense-log table[data-v-4696b40e],.ip-table table[data-v-4696b40e],.top5-table table[data-v-4696b40e]{width:100%;border-collapse:collapse;font-size:.85rem}.defense-log td[data-v-4696b40e],.defense-log th[data-v-4696b40e],.ip-table td[data-v-4696b40e],.ip-table th[data-v-4696b40e],.top5-table td[data-v-4696b40e],.top5-table th[data-v-4696b40e]{padding:8px 12px;text-align:left;border-bottom:1px solid #e9ecef}.defense-log th[data-v-4696b40e],.ip-table th[data-v-4696b40e],.top5-table th[data-v-4696b40e]{background-color:#f8f9fa;font-weight:600;color:#495057;font-size:.8rem}.status-badge[data-v-4696b40e]{padding:2px 6px;border-radius:3px;font-size:.75rem;font-weight:500}.status-badge.blocked[data-v-4696b40e]{background-color:#f8d7da;color:#721c24}.status-badge.unblocked[data-v-4696b40e]{background-color:#d4edda;color:#155724}.detail-btn[data-v-4696b40e]{background:#007bff;color:#fff;border:none;padding:2px 6px;border-radius:3px;font-size:.75rem;cursor:pointer}.attack-map[data-v-4696b40e]{padding:20px}.map-container[data-v-4696b40e]{position:relative;height:200px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.world-map[data-v-4696b40e]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:.9rem}@keyframes pulse-4696b40e{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}to{transform:scale(1);opacity:1}}.map-legend[data-v-4696b40e]{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:8px;color:#fff;font-size:.75rem}.legend-gradient[data-v-4696b40e]{width:60px;height:8px;background:linear-gradient(90deg,#4a90e2,#ff6b6b);border-radius:2px}.trend-chart[data-v-4696b40e]{padding:20px;height:200px}.main-content[data-v-4696b40e]{display:grid;gap:30px}.section[data-v-4696b40e]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.section-header[data-v-4696b40e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.section-header h2[data-v-4696b40e]{margin:0;color:#2c3e50;font-size:1.3rem}.section-actions[data-v-4696b40e]{display:flex;gap:10px}.threats-table[data-v-4696b40e]{overflow-x:auto}table[data-v-4696b40e]{width:100%;border-collapse:collapse}td[data-v-4696b40e],th[data-v-4696b40e]{padding:12px;text-align:left;border-bottom:1px solid #e9ecef}th[data-v-4696b40e]{font-weight:600;color:#495057}th[data-v-4696b40e],tr[data-v-4696b40e]:hover{background-color:#f8f9fa}.threat-type[data-v-4696b40e]{font-weight:500;color:#495057}.threat-info[data-v-4696b40e]{display:flex;flex-direction:column;gap:2px}.threat-message[data-v-4696b40e]{font-weight:500}.attack-count[data-v-4696b40e]{color:#dc3545;font-weight:700;font-size:.85rem}.threat-time-range[data-v-4696b40e]{color:#6c757d;font-size:.75rem;margin-top:2px}.severity-badge[data-v-4696b40e]{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.severity-badge.low[data-v-4696b40e]{background-color:#d4edda;color:#155724}.severity-badge.medium[data-v-4696b40e]{background-color:#fff3cd;color:#856404}.severity-badge.high[data-v-4696b40e]{background-color:#f8d7da;color:#721c24}.severity-badge.critical[data-v-4696b40e]{background-color:#f5c6cb;color:#721c24}.ip-management[data-v-4696b40e]{display:grid;gap:20px}.ip-section h3[data-v-4696b40e]{margin-bottom:15px;color:#2c3e50}.ip-list[data-v-4696b40e]{display:grid;gap:10px}.ip-item[data-v-4696b40e]{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #dc3545}.ip-info[data-v-4696b40e]{display:flex;flex-direction:column;gap:5px}.ip-address[data-v-4696b40e]{font-weight:600;color:#2c3e50}.ip-description[data-v-4696b40e],.ip-reason[data-v-4696b40e]{color:#6c757d;font-size:.9rem}.ip-time[data-v-4696b40e]{color:#6c757d;font-size:.8rem}.config-grid[data-v-4696b40e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.config-item[data-v-4696b40e]{display:flex;flex-direction:column;gap:8px}.config-item label[data-v-4696b40e]{font-weight:500;color:#495057}.form-control[data-v-4696b40e]{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.form-control[data-v-4696b40e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.25)}.form-select[data-v-4696b40e]{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;font-size:.9rem}.trend-chart[data-v-4696b40e]{height:300px;position:relative}.modal-overlay[data-v-4696b40e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-4696b40e]{background:#fff;border-radius:10px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-4696b40e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-4696b40e]{margin:0;color:#2c3e50}.close-btn[data-v-4696b40e]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.modal-body[data-v-4696b40e]{padding:20px}.modal-footer[data-v-4696b40e]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e9ecef}.form-group[data-v-4696b40e]{margin-bottom:15px}.form-group label[data-v-4696b40e]{display:block;margin-bottom:5px;font-weight:500;color:#495057}.btn[data-v-4696b40e]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.btn-primary[data-v-4696b40e]{background-color:#667eea;color:#fff}.btn-primary[data-v-4696b40e]:hover{background-color:#5a6fd8}.btn-success[data-v-4696b40e]{background-color:#28a745;color:#fff}.btn-success[data-v-4696b40e]:hover{background-color:#218838}.btn-warning[data-v-4696b40e]{background-color:#ffc107;color:#212529}.btn-warning[data-v-4696b40e]:hover{background-color:#e0a800}.btn-danger[data-v-4696b40e]{background-color:#dc3545;color:#fff}.btn-danger[data-v-4696b40e]:hover{background-color:#c82333}.btn-secondary[data-v-4696b40e]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-4696b40e]:hover{background-color:#5a6268}.btn-sm[data-v-4696b40e]{padding:4px 8px;font-size:.8rem}.pagination[data-v-4696b40e]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.pagination-info[data-v-4696b40e]{font-size:.9rem;color:#6c757d;font-weight:500}.pagination button[data-v-4696b40e]{min-width:80px}.form-text[data-v-4696b40e]{font-size:.8rem;color:#6c757d;margin-top:5px}.config-item textarea[data-v-4696b40e]{resize:vertical;min-height:80px}.config-item select[data-v-4696b40e]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff}@media (max-width:768px){.main-content-wrapper[data-v-4696b40e]{margin-left:0;margin-top:50px;padding:15px;padding-top:20px}.page-header[data-v-4696b40e]{flex-direction:column;gap:15px;text-align:center}.header-actions[data-v-4696b40e]{flex-wrap:wrap;justify-content:center}.features-bar[data-v-4696b40e]{flex-direction:column;gap:10px}.core-metrics[data-v-4696b40e]{flex-direction:column;gap:15px}.shield-center[data-v-4696b40e]{margin:10px 0}.main-dashboard[data-v-4696b40e]{grid-template-columns:1fr}.panel-header[data-v-4696b40e]{flex-direction:column;gap:10px;text-align:center}.panel-stats[data-v-4696b40e]{justify-content:center}.map-container[data-v-4696b40e]{height:150px}.config-grid[data-v-4696b40e]{grid-template-columns:1fr}.section-header[data-v-4696b40e]{flex-direction:column;gap:10px;text-align:center}.section-actions[data-v-4696b40e]{flex-wrap:wrap;justify-content:center}.ip-item[data-v-4696b40e]{flex-direction:column;gap:10px;text-align:center}.modal[data-v-4696b40e]{width:95%;margin:10px}.pagination[data-v-4696b40e]{flex-direction:column;gap:10px;text-align:center}}