*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}@media(min-width:769px){html,body{overflow:hidden}}body:has(.fixed.inset-0.bg-black\/70){overflow:hidden!important}.ai-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.3;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.25) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.25) 0%,transparent 50%);filter:blur(60px)}.glass-card{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;position:relative;z-index:1}.gradient-text{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 15px #3b82f680}}.animate-pulse{animation:pulse-glow 2s infinite}.rotate-180{transform:rotate(180deg)}.form-label{display:block;color:#cbd5e1;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-input::-moz-placeholder{color:#94a3b8}.form-input::placeholder{color:#94a3b8}.form-textarea{resize:none;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em;padding-right:2.5rem}.error-message{color:#f87171;font-size:.75rem;display:flex;align-items:center}.error-input{border-color:#f87171}.error-input:focus{border-color:#f87171;box-shadow:0 0 0 2px #f8717133}.form-section{border:1px solid rgba(51,65,85,.5);border-radius:.5rem;overflow:hidden;margin-bottom:.5rem}.section-header{background:#1e293b80;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s}.section-header:hover{background:#1e293bb3}.section-content{background:#0f172a66}.btn-primary{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-weight:600;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-action{color:#fff;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:36px}.btn-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-action:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#1e40af33;border:1px solid rgba(59,130,246,.3);border-radius:9999px;font-size:.75rem}.content-display{background:#0f172a99;border-radius:.5rem;border:1px solid rgba(71,85,105,.3);min-height:380px;max-height:480px;overflow-y:auto;flex-shrink:0;height:380px}.content-display.empty-content{background:#0f172a66}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}::-webkit-scrollbar-thumb{background:#64748b80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.ml-auto{margin-left:auto}.w-full{width:100%}.text-center{text-align:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.rounded-xl{border-radius:.75rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.content-display.hologram-active{position:relative;background:#0f172a99;border:1px solid rgba(96,165,250,.2);box-shadow:0 0 20px #60a5fa1a,inset 0 0 20px #60a5fa0d;overflow:hidden}.hologram-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(96,165,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5;z-index:1;pointer-events:none}.scan-line{position:absolute;top:-2px;left:-5%;width:110%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,.8) 20%,rgba(167,139,250,.8) 50%,rgba(96,165,250,.8) 80%,transparent 100%);box-shadow:0 0 10px #60a5fa80,0 0 20px #60a5fa4d;animation:hologramScan 4s linear infinite;z-index:2;pointer-events:none}.scan-line.fast-scan{animation:hologramScanFast 1.5s linear infinite;opacity:.9;background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,1) 20%,rgba(167,139,250,1) 50%,rgba(96,165,250,1) 80%,transparent 100%)}.hologram-dots-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hologram-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#60a5facc;box-shadow:0 0 8px #60a5fa99;animation:dotPulse 3s ease-in-out infinite}.hologram-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#a78bfab3;box-shadow:0 0 10px #a78bfa80;animation:particleFloat 15s linear infinite}.loading-dots{display:inline-flex;gap:8px;margin:15px 0}.loading-dots .dot{animation:dotBlink 1.4s infinite;font-size:2rem}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}.ai-status-ready,.ai-status-generating{position:relative;z-index:10;max-width:90%}.status-icon{animation:gentlePulse 3s ease-in-out infinite}.status-title{text-shadow:0 0 10px rgba(96,165,250,.5);background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-subtitle{opacity:.9}.status-details{opacity:.7;line-height:1.5}.generated-content-wrapper{position:relative;z-index:10}.content-header{border-bottom:1px solid rgba(96,165,250,.2);padding-bottom:10px}.content-section{transition:all .3s ease}.content-section:hover{background:#60a5fa1a!important;transform:translate(2px)}@keyframes hologramScan{0%{top:-2px;opacity:0;transform:translate(-5%)}5%{opacity:.7}95%{opacity:.7}to{top:calc(100% + 2px);opacity:0;transform:translate(0)}}@keyframes hologramScanFast{0%{top:-2px;opacity:0;transform:translate(-5%)}5%{opacity:.9}95%{opacity:.9}to{top:calc(100% + 2px);opacity:0;transform:translate(0)}}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes particleFloat{0%{transform:translateY(100%) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%) rotate(360deg);opacity:0}}@keyframes dotBlink{0%,20%{opacity:.2}50%,to{opacity:1}}@keyframes gentlePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media(max-width:768px){.container{padding:0 .75rem}.grid-cols-2,.grid-cols-4,.md\:grid-cols-2{grid-template-columns:1fr}.content-display{min-height:200px;max-height:250px}nav .container{flex-direction:row;gap:.5rem}nav .container>div:first-child{width:auto;justify-content:flex-start}nav h1{font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}nav .container>div:last-child{width:auto;display:flex;justify-content:flex-end;align-items:center;padding-top:0;border-top:none}.status-title{font-size:1rem}.status-subtitle{font-size:.9rem}.status-details{font-size:.75rem}.loading-dots .dot{font-size:1.5rem}.hologram-grid{background-size:15px 15px}}@media(max-width:640px){.p-4{padding:.75rem}.p-5{padding:1rem}.text-xl{font-size:1.125rem}.text-2xl{font-size:1.25rem}.form-input{padding:.5rem .75rem;font-size:.8125rem}.btn-action{min-height:32px;padding:.375rem}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}footer{font-size:.75rem!important;padding-top:.75rem!important}footer p:last-child{font-size:.7rem!important;opacity:.8}.content-display.hologram-active{min-height:250px}.ai-status-ready,.ai-status-generating{padding:10px}.status-title{font-size:.95rem}.scan-line{left:-10%;width:120%}}@media(max-width:480px){nav h1{font-size:1rem;max-width:90%}nav .container>div:first-child .space-x-3{gap:.125rem!important}nav .text-sm{font-size:.9rem}nav button.text-sm{font-size:.9rem;padding:.25rem .5rem}footer{font-size:.75rem!important}footer p:first-child{font-size:.75rem}footer p:last-child{font-size:.7rem!important}.btn-action span{font-size:.75rem}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.optimize-section{margin-bottom:2rem}.optimize-section .section-header{margin-bottom:1rem}.optimize-option input{display:none}.option-card{background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:.75rem;padding:0rem;transition:all .2s ease;height:100%}.option-card:hover{background:#1e293bb3;border-color:#60a5fa4d;transform:translateY(-2px)}.option-selected{background:#4f46e54d!important;border-color:#6366f1cc!important;box-shadow:0 0 0 2px #6366f11a}.optimize-section .section-header h4{color:#fbbf24}.option-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#60a5fa1a;display:flex;align-items:center;justify-content:center;margin:.45rem;font-size:1rem;color:#60a5fa}.option-selected .option-icon{background:#6366f133;color:#818cf8}.option-title{font-weight:600;font-size:.875rem;color:#fff;margin-bottom:.25rem}.option-desc{font-size:.75rem;color:#94a3b8;line-height:1.4}.collection-item{transition:all .2s ease}.collection-item:hover{background:#1e293bb3}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}@media(max-width:768px){.optimize-section .grid{grid-template-columns:1fr!important}.option-card{padding:.75rem}.fixed.inset-0 .flex{flex-direction:column}.fixed.inset-0 .flex>div{width:100%!important;max-width:100%!important}.fixed.inset-0 .border-r{border-right:none;border-bottom:1px solid rgba(71,85,105,.3)}}.overflow-y-auto{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.5) rgba(30,41,59,.3)}.fa-spinner.fa-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:disabled{cursor:not-allowed;opacity:.6}button:disabled:hover{transform:none!important;box-shadow:none!important}.fixed.inset-0{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bg-gradient-to-r.from-purple-600.to-pink-600{background-image:linear-gradient(to right,#7c3aed,#db2777)}.bg-gradient-to-r.from-purple-600.to-pink-600:hover{background-image:linear-gradient(to right,#6d28d9,#be185d)}.tooltip{position:relative}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:100}@media(max-width:768px){div.fixed.inset-0 .bg-gray-800 .sticky.top-0{padding:12px 16px!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0>.flex.items-center.justify-between:first-child{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex-wrap:nowrap!important;width:100%!important;margin-bottom:8px!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0>.flex.items-center.justify-between:first-child>div:first-child{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex:1!important;min-width:0!important;overflow:hidden!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0 .w-10.h-10{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important;margin-right:12px!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0>.flex.items-center.justify-between:first-child>div:first-child>div:last-child{flex:1!important;min-width:0!important;overflow:hidden!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0 h3.text-xl{font-size:16px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:2px!important;width:100%!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0 p.text-gray-400.text-sm{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:0!important;width:100%!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0>.flex.items-center.justify-between:first-child>button:last-child{flex-shrink:0!important;margin-left:12px!important;padding:6px!important;align-self:flex-start!important}div.fixed.inset-0 .bg-gray-800 .sticky.top-0>.mt-4.flex.items-center.justify-between{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(71,85,105,.3)!important}}@media(max-width:768px){div.fixed.inset-0 .bg-gray-800 .p-6 .optimize-section .section-header{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;margin-bottom:12px!important}div.fixed.inset-0 .bg-gray-800 .p-6 .optimize-section .section-header h4{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important}div.fixed.inset-0 .bg-gray-800 .p-6 .optimize-section .section-header h4 i{margin-right:8px!important;font-size:16px!important}div.fixed.inset-0 .bg-gray-800 .p-6 .optimize-section .section-header h4 span.text-sm{font-size:12px!important;color:#94a3b8!important;margin-left:4px!important;white-space:nowrap!important}div.fixed.inset-0 .bg-gray-800 .p-6 .space-y-6{display:flex!important;flex-direction:column!important;gap:20px!important}div.fixed.inset-0 .bg-gray-800 .p-6 .space-y-6>.optimize-section{margin-bottom:0!important}}@media(max-width:768px){.optimize-option .option-card{padding:.75rem!important}.optimize-option .option-card .flex{display:flex!important}.optimize-option .option-card .option-content{display:block!important}.optimize-option .option-card .option-title,.optimize-option .option-card .option-desc{display:block!important;opacity:1!important;visibility:visible!important}.optimize-option .option-card .option-icon{width:1.125rem!important;height:1.125rem!important;margin-right:.5rem!important}.optimize-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.625rem}}@media(max-width:768px){.sticky.bottom-0 .flex{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important}.sticky.bottom-0 button{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:.375rem .75rem!important;font-size:.75rem!important;max-width:65%!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.sticky.bottom-0 button i{font-size:.75rem!important;margin-right:.25rem!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex-wrap:nowrap!important;width:100%!important;margin-bottom:1rem!important;position:relative!important;min-height:48px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6>div.flex.items-center{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex:1!important;min-width:0!important;overflow:hidden!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 .w-10.h-10{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important;margin-right:12px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 .w-10.h-10 i{font-size:18px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6>div.flex.items-center>div:last-child{flex:1!important;min-width:0!important;overflow:hidden!important;padding-top:2px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 h3.text-xl{font-size:16px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:2px!important;width:100%!important;color:#fff!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 p.text-gray-400.text-sm{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:0!important;width:100%!important;color:#94a3b8!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6>button{flex-shrink:0!important;margin-left:12px!important;padding:6px!important;align-self:flex-start!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6>button i{font-size:18px!important}}@media(max-width:480px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6{min-height:44px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 .w-10.h-10{width:36px!important;height:36px!important;min-width:36px!important;margin-right:10px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 h3.text-xl{font-size:15px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6 p.text-gray-400.text-sm{font-size:11px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6>button{margin-left:8px!important;padding:4px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6>button i{font-size:16px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6{display:flex!important;flex-direction:column!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.flex.items-center.justify-between.mb-6{order:1!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.mt-6{order:2!important;margin-top:1rem!important;margin-bottom:1rem!important;width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.mt-6>p.text-xs{order:1!important;font-size:14px!important;text-align:left!important;margin:0!important;flex:1!important;color:#94a3b8!important;line-height:1.4!important;min-width:0!important;overflow:hidden!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.mt-6>button.w-full{order:2!important;width:auto!important;min-width:100px!important;padding:.5rem 1rem!important;font-size:13px!important;margin:0!important;flex-shrink:0!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6>.space-y-4{order:3!important;width:100%!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .w-80{order:4!important;width:100%!important;margin-top:1rem!important;border-top:1px solid rgba(71,85,105,.3)!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl{flex-direction:column!important;max-height:95vh!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .border-r{border-right:none!important;border-bottom:1px solid rgba(71,85,105,.3)!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .w-80.p-6>h4.text-lg.flex.items-center{display:flex!important;flex-direction:row!important;align-items:center!important;font-size:16px!important;margin-bottom:1rem!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .flex-1.p-6{max-height:calc(60vh - 50px)!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl .w-80{height:250px!important}}@media(max-width:768px){.collection-item{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:35px!important;max-height:35px!important;padding:.25rem .5rem!important;margin-bottom:.25rem!important;overflow:hidden!important}.collection-item>div.flex.items-start.justify-between.mb-2{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1!important;margin-bottom:0!important;min-width:0!important}.collection-item>div.flex.items-start.justify-between.mb-2>div.flex-1{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1!important;min-width:0!important;overflow:hidden!important}.collection-item h5.font-medium.text-white.text-sm.truncate{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;flex-shrink:1!important;min-width:60px!important;max-width:120px!important}.collection-item p.text-gray-400.text-xs{display:flex!important;flex-direction:row!important;align-items:center!important;font-size:10px!important;margin:0 .5rem 0 .25rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-shrink:1!important;min-width:80px!important;max-width:150px!important}.collection-item p.text-gray-400.text-xs i{flex-shrink:0!important;font-size:9px!important}.collection-item span.text-gray-500.text-xs.whitespace-nowrap.ml-2{font-size:9px!important;flex-shrink:0!important;margin-left:.25rem!important}.collection-item>div.text-gray-300.text-xs.line-clamp-2{display:none!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.relative .flex-1.p-6>.flex.items-center.mb-6{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex-wrap:nowrap!important;width:100%!important;margin-bottom:1rem!important;position:relative!important;min-height:48px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.relative .flex-1.p-6>.flex.items-center.mb-6{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex:1!important;min-width:0!important;overflow:hidden!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.relative .flex-1.p-6>.flex.items-center.mb-6 .w-12.h-12{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important;margin-right:12px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6>.flex.items-center.mb-6 .w-12.h-12 i{font-size:18px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6>.flex.items-center.mb-6>div:last-child{flex:1!important;min-width:0!important;overflow:hidden!important;padding-top:2px!important;padding-right:40px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6>.flex.items-center.mb-6 h3.text-xl{font-size:16px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:2px!important;width:100%!important;color:#fff!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6>.flex.items-center.mb-6 p.text-gray-400.text-sm{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:0!important;width:100%!important;color:#94a3b8!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .absolute.top-4.right-4{position:absolute!important;top:6px!important;right:6px!important;margin-left:0!important;padding:6px!important;z-index:10!important;background:#1e293bcc!important;border-radius:4px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .absolute.top-4.right-4 i{font-size:18px!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .mb-6 .flex.items-center{flex-direction:row!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .mb-6 .flex.items-center>button{height:38px!important;padding:0 16px!important;font-size:12px!important;white-space:nowrap!important;border-radius:.5rem!important;margin-left:2px!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6>.flex.items-center.mb-6{margin-bottom:8px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .mb-6 h4.font-medium.text-gray-300{font-size:14px!important;margin-bottom:6px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .mb-6{margin-bottom:8px!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .grid.grid-cols-3 .bg-gray-900\/50{height:50px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .bg-blue-900\/20 .flex.items-start{flex-direction:row!important;align-items:flex-start!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full .flex-1.p-6 .bg-blue-900\/20 .flex.items-start i{margin-top:0!important}}@media(max-width:768px){.sticky.top-0.bg-gray-800.border-b.border-gray-700.p-6 button{position:absolute;top:1rem;right:1rem}.space-y-4>.flex.justify-between.pt-4.border-t.border-gray-700{margin-top:1rem;padding-top:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:768px){.space-y-4>div:nth-child(4) .flex.space-x-2{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important}.space-y-4>div:nth-child(4) .flex.space-x-2 .form-input{width:27.5ch!important;min-width:27.5ch!important;flex:none!important;padding:.5rem!important}.space-y-4>div:nth-child(4) .flex.space-x-2 button{flex:1!important;padding:.625rem .75rem!important;font-size:.75rem!important;white-space:nowrap!important}.p-6.space-y-4>button.bg-gradient-to-r.from-purple-600.to-pink-600{padding-top:.4rem!important;padding-bottom:.4rem!important;min-height:auto!important}}@media(max-width:768px){.glass-card .flex.items-center.justify-between.mb-5{flex-wrap:wrap;align-items:flex-start}.glass-card .flex.items-center.justify-between.mb-5>.flex.items-center:first-child{width:100%;margin-bottom:8px}.glass-card .flex.items-center.justify-between.mb-5>.flex.items-center:last-child{width:100%;display:flex;justify-content:space-between;align-items:center}.glass-card .flex.items-center.justify-between.mb-5>.flex.items-center:last-child>.text-yellow-400{margin-right:auto}.glass-card .flex.items-center.justify-between.mb-5>.flex.items-center:last-child>.md\:hidden{margin-left:auto}.glass-card .flex.items-center.justify-between.mb-5 .md\:hidden{display:flex!important}}@media(min-width:769px){.glass-card .flex.items-center.justify-between.mb-5{flex-wrap:nowrap}.glass-card .flex.items-center.justify-between.mb-5>.flex.items-center:first-child,.glass-card .flex.items-center.justify-between.mb-5>.flex.items-center:last-child{width:auto}.glass-card .flex.items-center.justify-between.mb-5 .md\:hidden{display:none!important}}@media(max-width:767px){.glass-card:last-child>.flex.items-center.justify-between.mb-4{flex-direction:column;align-items:stretch}.glass-card:last-child>.flex.items-center.justify-between.mb-4>.flex.items-center.space-x-2{order:1;width:100%;justify-content:flex-end;margin-top:8px;flex-wrap:wrap;gap:4px}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative>.flex-1{height:auto!important;max-height:none!important;min-height:-moz-fit-content!important;min-height:fit-content!important;overflow-y:visible!important;overflow:visible!important;flex:none!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative>.flex-1.p-6{height:auto!important;overflow:visible!important;padding-bottom:2rem!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative{overflow-y:auto!important;height:auto!important;max-height:85vh!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative>.w-80{height:auto!important;max-height:none!important;overflow:visible!important}}@media(max-width:768px){.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t{margin-top:.75rem!important;padding-top:.75rem!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t label{font-size:13px!important;margin-bottom:.375rem!important;display:block}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex.items-start.gap-4{display:grid!important;grid-template-columns:1fr auto!important;gap:.5rem!important;align-items:end!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex-1 input{width:100%!important;height:32px!important;padding:.375rem .5rem!important;font-size:13px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .w-36.h-12{width:80px!important;height:32px!important;min-width:80px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex.items-end.gap-3{display:grid!important;grid-template-columns:1fr auto!important;gap:.5rem!important;margin-top:.75rem!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex.gap-2{display:grid!important;grid-template-columns:1fr auto!important;gap:.375rem!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex.gap-2 input{height:32px!important;padding:.375rem .5rem!important;font-size:13px!important}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex.gap-2 button{height:32px!important;padding:.375rem .75rem!important;font-size:12px!important;white-space:nowrap}.fixed.inset-0 .bg-gray-800.rounded-xl.max-w-4xl.w-full.max-h-\[90vh\].flex.relative .mt-6.pt-6.border-t .flex.items-end.gap-3>button:last-child{height:32px!important;padding:.375rem 1rem!important;font-size:13px!important;min-width:80px!important}}.member-modal{width:1000px;max-width:100%;background:#1e293b;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);height:650px;display:flex;flex-direction:column}.member-modal .modal-header{background:#0f172a;padding:20px 24px;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.member-modal .header-title{display:flex;align-items:center;gap:12px}.member-modal .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center}.member-modal .header-icon i{font-size:24px;color:#fff}.member-modal .header-text h2{color:#fff;font-size:20px;margin-bottom:4px}.member-modal .header-text p{color:#94a3b8;font-size:14px}.member-modal .close-btn{width:36px;height:36px;background:#334155;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0}.member-modal .close-btn:hover{background:#475569;color:#fff}.member-modal .modal-content{display:flex;padding:24px;gap:24px;flex:1;min-height:0}.member-modal .left-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.member-modal .info-card{background:#0f172a;border-radius:12px;padding:20px;border:1px solid #334155}.member-modal .user-email{text-align:center;color:#fff;font-size:16px;font-weight:500;margin-bottom:16px;word-break:break-all}.member-modal .info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #334155}.member-modal .info-item:last-child{border-bottom:none}.member-modal .info-label{color:#94a3b8;font-size:14px}.member-modal .info-value{color:#fff;font-size:14px;font-weight:500}.member-modal .badge{background:#8b5cf6;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.member-modal .promo-link-item{padding:10px 0}.member-modal .promo-link-label{color:#94a3b8;font-size:14px;margin-bottom:8px;display:block}.member-modal .link-box{display:flex;align-items:center;gap:8px}.member-modal .link-text{flex:1;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px;font-size:12px;color:#60a5fa;word-break:break-all}.member-modal .copy-btn{background:#334155;border:none;border-radius:6px;width:32px;height:32px;color:#94a3b8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-modal .copy-btn:hover{background:#3b82f6;color:#fff}.member-modal .logout-sidebar{background:#0f172a;border-radius:12px;border:1px solid #334155;overflow:hidden;margin-top:auto}.member-modal .logout-sidebar-btn{width:100%;padding:16px;background:#dc2626;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.member-modal .logout-sidebar-btn:hover{background:#b91c1c}.member-modal .right-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.member-modal .tabs{display:flex;gap:4px;background:#0f172a;padding:4px;border-radius:10px;margin-bottom:16px;flex-shrink:0}.member-modal .tab{flex:1;padding:8px;text-align:center;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s;font-size:14px}.member-modal .tab i{margin-right:6px}.member-modal .tab.active{background:#3b82f6;color:#fff}.member-modal .tab:hover:not(.active){background:#334155;color:#e2e8f0}.member-modal .tab-content-container{flex:1;display:flex;flex-direction:column;min-height:0}.member-modal .tab-content{display:none;flex:1;overflow:visible}.member-modal .tab-content.active{display:block}.member-modal .message-list{background:#0f172a;border-radius:12px;border:1px solid #334155;overflow:hidden;height:100%;display:flex;flex-direction:column}.member-modal .message-items{flex:1;overflow-y:auto;min-height:0}.member-modal .message-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #334155;cursor:pointer;transition:background .2s;position:relative}.member-modal .message-item:last-child{border-bottom:none}.member-modal .icon-system{background:#3b82f6}.member-modal .icon-reward{background:#eab308}.member-modal .icon-feedback{background:#8b5cf6}.member-modal .message-title{color:#fff;font-size:14px;font-weight:500}.member-modal .unread .message-title{color:#fff;font-weight:700}.member-modal .delete-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#dc2626;border:none;border-radius:6px;color:#fff;opacity:0;transition:opacity .2s;cursor:pointer;display:flex;align-items:center;justify-content:center}.member-modal .delete-btn:hover{background:#b91c1c}.member-modal .compose-box{background:#0f172a;border-radius:12px;border:1px solid #334155;padding:16px;height:100%;display:flex;flex-direction:column}.member-modal .compose-notice{background:#1e3a5f;border-left:4px solid #3b82f6;padding:10px 14px;border-radius:8px;margin-bottom:16px;color:#93c5fd;font-size:13px}.member-modal .compose-notice i{margin-right:8px;color:#3b82f6}.member-modal .compose-title{margin-bottom:12px}.member-modal .compose-title input{width:100%;padding:10px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px}.member-modal .compose-content{flex:1;min-height:0}.member-modal .compose-content textarea{width:100%;height:100%;min-height:120px;padding:10px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px;resize:none;margin-bottom:12px}.member-modal .compose-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.member-modal .btn{padding:8px 16px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:all .2s}.member-modal .btn-primary{background:#3b82f6;color:#fff}.member-modal .btn-primary:hover{background:#2563eb}.member-modal .btn-secondary{background:#334155;color:#fff}.member-modal .btn-secondary:hover{background:#475569}.member-modal .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.member-modal .stat-card{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:12px;text-align:center}.member-modal .stat-value{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.member-modal .stat-label{color:#94a3b8;font-size:12px}.member-modal .commission-detail{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:12px;margin-bottom:16px}.member-modal .commission-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #334155}.member-modal .commission-row:last-child{border-bottom:none}.member-modal .commission-row .value-withdrawn,.member-modal .commission-row .value-available{color:#fff;font-weight:600}.member-modal .withdraw-section{display:flex;gap:10px;align-items:center;margin-bottom:15px}.member-modal .withdraw-input{flex:2;display:flex;gap:8px}.member-modal .withdraw-input input{flex:1;padding:10px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px}.member-modal .withdraw-btn{flex:1;background:#eab308;color:#0f172a;font-weight:700;padding:10px;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.member-modal .withdraw-btn:hover{background:#ca8a04}.member-modal .withdraw-rules{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 12px;margin-top:12px}.member-modal .withdraw-rules p{color:#94a3b8;font-size:12px;margin:4px 0;display:flex;align-items:center;gap:6px}.member-modal .withdraw-rules i{color:#eab308;width:16px;font-size:12px}.member-modal .settings-card{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:16px;height:100%;display:flex;flex-direction:column}.member-modal .settings-notice{background:#1e3a5f;border-left:4px solid #eab308;padding:10px 14px;border-radius:8px;margin-bottom:16px;color:#fcd34d;font-size:13px}.member-modal .settings-notice i{margin-right:8px;color:#eab308}.member-modal .settings-item{margin-bottom:12px}.member-modal .settings-item label{display:block;color:#94a3b8;font-size:12px;margin-bottom:4px}.member-modal .settings-input{width:100%;padding:10px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px}.member-modal .settings-code-section{display:flex;gap:10px;margin:16px 0}.member-modal .settings-code-input{flex:2;padding:10px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px}.member-modal .settings-code-btn{flex:1;background:#334155;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px}.member-modal .settings-code-btn:hover{background:#475569}.member-modal .settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.member-modal .left-sidebar::-webkit-scrollbar,.member-modal .message-items::-webkit-scrollbar{width:6px}.member-modal .left-sidebar::-webkit-scrollbar-track,.member-modal .message-items::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}.member-modal .left-sidebar::-webkit-scrollbar-thumb,.member-modal .message-items::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.member-modal .left-sidebar::-webkit-scrollbar-thumb:hover,.member-modal .message-items::-webkit-scrollbar-thumb:hover{background:#64748b}.member-modal .right-main{display:flex;flex-direction:column;height:100%}.member-modal .tab-content-container{flex:1;min-height:0;display:flex;flex-direction:column}.member-modal .message-list{flex:1;background:#0f172a;border-radius:12px;border:1px solid #334155;overflow:hidden;display:flex;flex-direction:column}.member-modal .message-items{flex:1;overflow-y:auto}.member-modal .message-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #334155;cursor:pointer;position:relative}.member-modal .message-item:hover{background:#1e293b}.member-modal .message-item:hover .delete-btn{opacity:1}.member-modal .message-item.unread{background:#1e3a5f}.member-modal .message-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.member-modal .message-content{flex:1;min-width:0}.member-modal .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.member-modal .message-title{color:#fff;font-size:14px}.member-modal .unread .message-title{font-weight:700}.member-modal .message-time{color:#64748b;font-size:11px}.member-modal .message-preview{color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-modal .unread .message-preview{color:#cbd5e1}.member-modal .unread-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;margin-left:10px;flex-shrink:0}.member-modal .delete-btn{position:absolute;right:0;top:80%;transform:translateY(-50%);width:28px;height:28px;background:#dc2626;border:none;border-radius:6px;color:#fff;opacity:0;transition:opacity .2s;cursor:pointer}.member-modal .text-center{text-align:center}.member-modal .py-8{padding-top:2rem;padding-bottom:2rem}.member-modal .py-12{padding-top:3rem;padding-bottom:3rem}.member-modal .text-white{color:#fff}.member-modal .text-gray-400{color:#9ca3af}.member-modal .text-gray-500{color:#6b7280}.member-modal .text-lg{font-size:1.125rem}.member-modal .text-sm{font-size:.875rem}.member-modal .mb-4{margin-bottom:1rem}.member-modal .mt-2{margin-top:.5rem}@media(max-width:768px){.member-modal{width:95%!important;height:90vh!important;margin:0 auto}.member-modal .modal-header{padding:12px 16px!important}.member-modal .header-icon{width:36px!important;height:36px!important}.member-modal .header-icon i{font-size:18px!important}.member-modal .header-text h2{font-size:16px!important}.member-modal .header-text p{font-size:12px!important}.member-modal .modal-content{flex-direction:column!important;padding:16px!important;gap:16px!important;height:calc(100% - 60px)!important;overflow-y:auto!important}.member-modal .left-sidebar{width:100%!important;height:auto!important;max-height:none!important;overflow-y:visible!important;flex-shrink:0}.member-modal .info-card{padding:16px!important}.member-modal .user-email{font-size:14px!important;margin-bottom:12px!important}.member-modal .info-item{padding:8px 0!important;font-size:13px!important}.member-modal .link-text{font-size:11px!important;padding:6px!important}.member-modal .copy-btn{width:28px!important;height:28px!important}.member-modal .logout-sidebar-btn{padding:12px!important;font-size:13px!important}.member-modal .right-main{width:100%!important;height:auto!important;flex:1!important;min-height:620px;overflow:hidden;display:flex;flex-direction:column}.member-modal .tabs{flex-wrap:wrap!important;gap:4px!important;margin-bottom:12px!important;flex-shrink:0}.member-modal .tab{flex:1 1 auto!important;min-width:70px!important;padding:8px 4px!important;font-size:12px!important}.member-modal .tab i{margin-right:4px!important;font-size:12px!important}.member-modal .tab-content-container{flex:1!important;overflow-y:auto!important;min-height:0;padding-right:4px}.member-modal .message-list{height:100%!important;max-height:none!important}.member-modal .message-item{padding:12px!important}.member-modal .message-header{flex-direction:row!important;align-items:center!important;flex-wrap:wrap}.member-modal .message-title{font-size:13px!important;max-width:70%}.member-modal .message-time{font-size:10px!important;margin-left:auto}.member-modal .message-preview{font-size:11px!important;margin-top:4px!important;width:100%}.member-modal .delete-btn{width:24px!important;height:24px!important;font-size:11px!important;opacity:.5!important;right:8px!important;top:50%!important}.member-modal .compose-box{padding:12px!important;height:100%!important}.member-modal .compose-notice{font-size:12px!important;padding:8px 12px!important;margin-bottom:12px!important}.member-modal .compose-content textarea{min-height:120px!important;font-size:13px!important}.member-modal .compose-actions{flex-direction:row!important;gap:8px!important;margin-top:12px!important}.member-modal .compose-actions button{flex:1!important}.member-modal .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:12px!important}.member-modal .stat-card{padding:10px!important}.member-modal .stat-value{font-size:20px!important}.member-modal .stat-label{font-size:11px!important}.member-modal .withdraw-section{flex-direction:column!important;gap:12px!important;margin-top:12px!important}.member-modal .withdraw-input{width:100%!important;flex-direction:row!important;gap:8px!important}.member-modal .withdraw-input input{flex:2!important}.member-modal .withdraw-input button{flex:1!important;white-space:nowrap}.member-modal .withdraw-btn{width:100%!important;padding:12px!important}.member-modal .withdraw-rules{margin-top:12px!important;padding:10px!important}.member-modal .withdraw-rules p{font-size:11px!important;margin:4px 0!important}.member-modal .settings-subtabs{flex-direction:row!important;gap:8px!important;margin-bottom:12px!important;flex-shrink:0}.member-modal .settings-subtabs button{flex:1!important;padding:8px!important;font-size:12px!important}.member-modal .settings-card{padding:12px!important;height:100%!important;overflow-y:auto!important}.member-modal .settings-item{margin-bottom:12px!important}.member-modal .settings-item label{font-size:12px!important}.member-modal .settings-input{padding:10px!important;font-size:13px!important}.member-modal .settings-code-section{flex-direction:row!important;gap:8px!important;margin:12px 0!important}.member-modal .settings-code-input{flex:2!important}.member-modal .settings-code-btn{flex:1!important;white-space:nowrap}.member-modal .settings-actions{flex-direction:row!important;gap:8px!important;margin-top:12px!important}.member-modal .settings-actions button{flex:1!important}.member-modal .payment-type-selector{flex-direction:row!important;gap:12px!important}.member-modal .payment-type-option{flex:1!important;padding:8px!important}.member-modal .empty-state i{font-size:40px!important}.member-modal .empty-state p{font-size:14px!important}}@media(max-width:480px){.member-modal{width:100%!important;height:100vh!important;border-radius:0!important}.member-modal .modal-content{padding:12px!important}.member-modal .stats-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:12px!important}.member-modal .tab{min-width:50px!important;font-size:11px!important;padding:6px 2px!important}.member-modal .tab i{margin-right:2px!important;font-size:11px!important}.member-modal .withdraw-input{flex-direction:column!important}.member-modal .withdraw-input input,.member-modal .withdraw-input button{width:100%!important}.member-modal .settings-code-section{flex-direction:column!important}.member-modal .settings-code-input,.member-modal .settings-code-btn{width:100%!important}.member-modal .settings-actions{flex-direction:column!important}.member-modal .payment-type-selector{flex-direction:column!important;gap:8px!important}.member-modal .message-header{flex-direction:column!important;align-items:flex-start!important}.member-modal .message-time{margin-left:0!important;margin-top:2px!important}}@media(max-width:768px){.member-modal .withdraw-section{display:flex!important;flex-direction:column!important;gap:12px!important}.member-modal .withdraw-section>div:first-child{display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important}.member-modal .withdraw-section>div:first-child input{flex:2!important;height:42px!important}.member-modal .withdraw-section>div:first-child button{flex:1!important;height:42px!important}.member-modal .withdraw-section>button{width:100%!important;height:44px!important}}.prose[data-v-766ced5c]{font-size:1rem;line-height:1.8}@media(min-width:768px){.prose[data-v-766ced5c]{font-size:1.125rem}}.ball-wrapper[data-v-bc3ad972]{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.close-button[data-v-bc3ad972]{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border-radius:50%;background:#1e293be6;border:2px solid rgba(255,255,255,.3);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;font-size:12px;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d}.close-button[data-v-bc3ad972]:hover{background:#ef4444;border-color:#fffc;transform:scale(1.1);color:#fff}.ring-1[data-v-bc3ad972]{position:absolute;width:130px;height:130px;border-radius:50%;border:3px solid transparent;border-top-color:#60a5fa;border-bottom-color:#c084fc;animation:spin-bc3ad972 3s linear infinite}.ring-2[data-v-bc3ad972]{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.3) 0%,transparent 70%);animation:pulse-bc3ad972 2s ease-in-out infinite}.ring-3[data-v-bc3ad972]{position:absolute;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:rotate-reverse-bc3ad972 8s linear infinite}.ring-4[data-v-bc3ad972]{position:absolute;width:135px;height:135px;border-radius:50%;overflow:hidden}.ring-4[data-v-bc3ad972]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.2),transparent);animation:scan-bc3ad972 4s linear infinite}.ball[data-v-bc3ad972]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #00000080;position:relative;z-index:10;border:none;cursor:pointer;transition:transform .3s ease}.ball[data-v-bc3ad972]:hover{transform:scale(1.05)}.content-wrapper[data-v-bc3ad972]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chinese-text[data-v-bc3ad972]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-weight:900;font-size:26px;line-height:1.5;text-align:center;letter-spacing:4px;text-shadow:0 2px 10px rgba(0,0,0,.5);transform:translateY(2px) translate(2px)}.chinese-text div[data-v-bc3ad972]{margin:0;line-height:1.5;width:100%;text-align:center}.english-text[data-v-bc3ad972]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-weight:500;font-size:16px;line-height:1.4;text-align:center;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.5);transform:translateY(2px) scale(.95);max-width:100%;overflow:hidden}.english-text div[data-v-bc3ad972]:first-child{font-size:18px;font-weight:600;margin-bottom:2px;white-space:nowrap}.english-text div[data-v-bc3ad972]:last-child{font-size:14px;opacity:.95;font-weight:400;white-space:nowrap}.gift-icon[data-v-bc3ad972]{color:#fff;font-size:60px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:bounce-bc3ad972 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;transform:translateY(2px)}.scale-enter-active[data-v-bc3ad972],.scale-leave-active[data-v-bc3ad972]{transition:all .3s ease}.scale-enter-from[data-v-bc3ad972]{opacity:0;transform:scale(.8)}.scale-leave-to[data-v-bc3ad972]{opacity:0;transform:scale(1.2)}@keyframes spin-bc3ad972{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse-bc3ad972{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-bc3ad972{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes scan-bc3ad972{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-bc3ad972{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow-bc3ad972{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow[data-v-bc3ad972]{animation:spin-slow-bc3ad972 8s linear infinite}@media(max-width:768px){.fixed.bottom-8.right-8[data-v-bc3ad972]{bottom:1rem;right:1rem}.ball-wrapper[data-v-bc3ad972]{width:110px;height:110px}.ball[data-v-bc3ad972]{width:90px;height:90px}.ring-1[data-v-bc3ad972]{width:100px;height:100px}.ring-2[data-v-bc3ad972]{width:110px;height:110px}.ring-3[data-v-bc3ad972]{width:120px;height:120px}.ring-4[data-v-bc3ad972]{width:105px;height:105px}.close-button[data-v-bc3ad972]{width:20px;height:20px;font-size:10px;top:-3px;right:-3px}.chinese-text[data-v-bc3ad972]{font-size:20px;letter-spacing:3px}.english-text[data-v-bc3ad972]{font-size:12px;transform:translateY(2px) scale(.9)}.english-text div[data-v-bc3ad972]:first-child{font-size:14px}.english-text div[data-v-bc3ad972]:last-child{font-size:11px}.gift-icon[data-v-bc3ad972]{font-size:45px}}.modal-mask[data-v-ad26225e]{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-wrapper[data-v-ad26225e]{width:100%;max-width:1000px;margin:0 auto}.modal-container[data-v-ad26225e]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;max-height:85vh}.modal-header[data-v-ad26225e]{padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#0003}.modal-header-left[data-v-ad26225e]{display:flex;align-items:center;gap:16px}.modal-icon[data-v-ad26225e]{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -5px #3b82f64d}.modal-icon i[data-v-ad26225e]{color:#fff;font-size:22px}.modal-title[data-v-ad26225e]{font-size:26px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.modal-close-btn[data-v-ad26225e]{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn[data-v-ad26225e]:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.modal-close-btn i[data-v-ad26225e]{font-size:20px}.modal-body[data-v-ad26225e]{padding:28px;overflow-y:auto;flex:1;min-height:200px;max-height:calc(85vh - 180px)}.markdown-content[data-v-ad26225e]{color:#e5e7eb;line-height:1.8;font-size:15px}.markdown-content h1[data-v-ad26225e]{font-size:28px;font-weight:700;margin:0 0 20px;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:2px solid rgba(96,165,250,.2);padding-bottom:10px}.markdown-content h2[data-v-ad26225e]{font-size:22px;font-weight:600;margin:24px 0 16px;color:#93c5fd}.markdown-content h3[data-v-ad26225e]{font-size:18px;font-weight:600;margin:20px 0 12px;color:#c4b5fd}.markdown-content p[data-v-ad26225e]{margin:12px 0;color:#d1d5db}.markdown-content ul[data-v-ad26225e]{margin:12px 0;padding-left:24px}.markdown-content li[data-v-ad26225e]{margin:8px 0;color:#d1d5db}.markdown-content li[data-v-ad26225e]::marker{color:#60a5fa}.markdown-content strong[data-v-ad26225e]{color:#fcd34d;font-weight:600}.markdown-content a[data-v-ad26225e]{color:#60a5fa;text-decoration:none;border-bottom:1px dashed #60a5fa}.markdown-content a[data-v-ad26225e]:hover{color:#93c5fd;border-bottom-style:solid}.markdown-content code[data-v-ad26225e]{background:#0000004d;padding:2px 6px;border-radius:6px;font-family:monospace;color:#fcd34d;font-size:14px}.markdown-content img[data-v-ad26225e]{max-width:100%;border-radius:12px;margin:16px 0;border:2px solid rgba(255,255,255,.1)}.modal-loading[data-v-ad26225e]{text-align:center;padding:60px 0}.loading-spinner[data-v-ad26225e]{display:inline-block;width:50px;height:50px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin-ad26225e .8s linear infinite;margin-bottom:16px}@keyframes spin-ad26225e{to{transform:rotate(360deg)}}.loading-text[data-v-ad26225e]{color:#9ca3af;font-size:15px;margin:0}.modal-footer[data-v-ad26225e]{padding:16px 28px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;background:#0003}.modal-footer-btn[data-v-ad26225e]{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.modal-footer-btn[data-v-ad26225e]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.modal-footer-btn i[data-v-ad26225e]{font-size:14px}