:root{--neon-pink: #FF6B9D;--neon-yellow: #FECA57;--electric-blue: #48DBFB;--dream-purple: #FF9FF3;--cyber-green: #00FF88;--hot-orange: #FF6348;--bg-cream: #F5F0E6;--bg-light: #EDE8DD;--bg-pink-light: #F0E8E5;--bg-pattern: #E8E0D5;--bg-chat: #FAF7F2;--text-dark: #1A1A2E;--text-medium: #4A4A6A;--text-light: #9A9A9A;--border-light: #E0E0E0;--border-dark: #2D2D44;--shadow-color: rgba(26, 26, 46, 0.15);--shadow-pop: rgba(255, 107, 157, 0.3);--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000}body{font-family:var(--font-primary);background:var(--bg-cream);color:var(--text-dark);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){html{touch-action:manipulation}}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:.3;animation:floatParticle 15s infinite ease-in-out}@keyframes floatParticle{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(30px,-50px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,-100px) rotate(180deg) scale(0.9)}75%{transform:translate(50px,-50px) rotate(270deg) scale(1.05)}}.login-body{min-height:100vh;background:linear-gradient(135deg,var(--bg-cream) 0%,var(--bg-pink-light) 100%)}.login-page{display:flex;min-height:100vh;position:relative;z-index:1}.login-hero{flex:1;background:linear-gradient(135deg,var(--neon-pink) 0%,#ff4d7d 100%);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.pop-decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pop-circle{position:absolute;border-radius:50%;animation:popPulse 3s infinite ease-in-out}.pop-circle-1{width:200px;height:200px;background:#feca574d;top:10%;left:-50px;animation-delay:0s}.pop-circle-2{width:150px;height:150px;background:#48dbfb4d;top:60%;right:-30px;animation-delay:1s}.pop-circle-3{width:100px;height:100px;background:#ff9ff366;bottom:20%;left:20%;animation-delay:2s}.pop-square{position:absolute;transform:rotate(45deg);animation:popRotate 8s infinite linear}.pop-square-1{width:60px;height:60px;background:#00ff884d;top:30%;right:20%}.pop-square-2{width:40px;height:40px;background:#feca5766;bottom:30%;left:30%;animation-direction:reverse}@keyframes popPulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}@keyframes popRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hero-content{text-align:center;color:#fff;position:relative;z-index:1;max-width:500px}.hero-title{margin-bottom:20px;line-height:1.1}.hero-title span{display:block;font-weight:900;text-shadow:4px 4px 0 #0003}.title-pop{font-size:72px;color:var(--neon-yellow);letter-spacing:8px;animation:neonGlow 2s infinite alternate}.title-art{font-size:72px;color:var(--electric-blue);letter-spacing:8px;animation:neonGlow 2s infinite alternate;animation-delay:.5s}.title-gallery{font-size:36px;color:#fff;letter-spacing:12px;margin-top:10px}@keyframes neonGlow{from{text-shadow:4px 4px 0 #0003,0 0 20px currentColor}to{text-shadow:4px 4px 0 #0003,0 0 40px currentColor,0 0 60px currentColor}}.hero-subtitle{font-size:20px;font-weight:600;margin-bottom:16px;opacity:.95}.hero-desc{font-size:16px;opacity:.85;line-height:1.8;margin-bottom:32px}.hero-stats{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.stat-item{text-align:center}.stat-number{display:block;font-size:32px;font-weight:800;margin-bottom:4px}.stat-pink{color:var(--neon-yellow)}.stat-cyan{color:var(--electric-blue)}.stat-purple{color:var(--dream-purple)}.stat-label{font-size:14px;opacity:.9}.warhol-quote{background:#ffffff26;backdrop-filter:blur(10px);padding:20px 24px;border-radius:var(--radius-lg);border:2px solid #fff3}.warhol-quote p{font-size:16px;font-style:italic;margin-bottom:8px}.warhol-quote span{font-size:14px;opacity:.8}.login-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-cream)}.login-box{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:16px}.robot-avatar{width:100px;height:100px;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-pop);animation:avatarBounce 3s infinite ease-in-out}@keyframes avatarBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{font-size:28px;font-weight:800;color:var(--text-dark);margin-bottom:8px}.login-subtitle{font-size:16px;color:var(--text-medium)}.auth-tabs{display:flex;background:#e8e4df;border-radius:var(--radius-full);padding:4px;margin-bottom:24px}.auth-tab{flex:1;padding:12px 20px;border:none;background:0 0;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:var(--text-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px}.auth-tab:hover{color:var(--text-dark)}.auth-tab.active{background:var(--neon-pink);color:#fff;box-shadow:0 4px 16px var(--shadow-pop)}.auth-form{display:none}.auth-form.active{display:block;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-group label i{margin-right:8px;color:var(--neon-pink)}.form-group input{width:100%;padding:14px 16px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:15px;color:var(--text-dark);background:#fff;transition:all var(--transition-normal)}.form-group input::placeholder{color:var(--text-light)}.form-group input:focus{outline:none;border-color:var(--neon-pink);box-shadow:0 0 0 4px #ff6b9d26}.btn-primary{width:100%;padding:16px 24px;border:none;border-radius:var(--radius-md);font-size:17px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-normal)}.btn-pop{background:linear-gradient(135deg,var(--neon-pink) 0%,#ff4d7d 100%);box-shadow:0 4px 20px var(--shadow-pop),0 6px 0 #cc5580;position:relative;top:0}.btn-pop:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--shadow-pop),0 8px 0 #cc5580}.btn-pop:active{transform:translateY(4px);box-shadow:0 2px 10px var(--shadow-pop),0 2px 0 #cc5580}.social-login{margin-top:32px;text-align:center}.social-login p{font-size:14px;color:var(--text-medium);margin-bottom:16px;position:relative}.social-login p::before,.social-login p::after{content:'';position:absolute;top:50%;width:60px;height:1px;background:var(--border-light)}.social-login p::before{left:0}.social-login p::after{right:0}.social-buttons{display:flex;justify-content:center;gap:16px}.social-btn{width:50px;height:50px;border:none;border-radius:var(--radius-full);font-size:20px;color:#fff;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.social-wechat{background:#07c160}.social-qq{background:#12b7f5}.social-google{background:linear-gradient(135deg,#EA4335,#FBBC05,#34A853,#4285F4)}.social-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #0003}@media(max-width:1024px){.login-page{flex-direction:column}.login-hero{padding:60px 20px;min-height:auto}.title-pop,.title-art{font-size:56px}.title-gallery{font-size:28px}.hero-stats{gap:24px}.stat-number{font-size:28px}}@media(max-width:768px){.login-hero{padding:40px 20px}.title-pop,.title-art{font-size:48px;letter-spacing:4px}.title-gallery{font-size:24px;letter-spacing:8px}.hero-stats{flex-wrap:wrap;gap:20px}.stat-item{flex:0 0 calc(33% - 15px)}.login-form-container{padding:30px 20px}.login-box{max-width:100%}.robot-avatar{width:80px;height:80px}.login-title{font-size:24px}.warhol-quote{padding:16px 20px}.pop-circle-1{width:120px;height:120px}.pop-circle-2{width:100px;height:100px}}@media(max-width:480px){.title-pop,.title-art{font-size:36px}.title-gallery{font-size:18px;letter-spacing:6px}.hero-subtitle{font-size:16px}.hero-desc{font-size:14px}.stat-number{font-size:24px}.stat-label{font-size:12px}.auth-tab{padding:10px 16px;font-size:14px}.form-group input{padding:12px 14px;font-size:14px}.btn-primary{padding:14px 20px;font-size:16px}}