.auth-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-header{padding:20px 40px;background:#fffffff2;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.platform-title{font-size:24px;font-weight:700;color:#1890ff;text-align:center;margin:0;letter-spacing:1px}.auth-content{padding:40px 0}.auth-left{background:#fffffff2;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px}.auth-left-content{width:100%;max-width:500px}.platform-name{text-align:center;margin-bottom:50px}.platform-name h2{font-size:32px;font-weight:700;color:#1890ff;margin-bottom:10px}.platform-name p{font-size:16px;color:#666;margin:0}.image-gallery{display:flex;flex-direction:column;gap:30px}.image-item{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;background:#f5f5f5;transition:transform .3s ease,box-shadow .3s ease}.image-item:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0003}.image-wrapper{position:relative;width:100%;height:250px;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:contain;display:block;background:#f5f5f5}.image-placeholder{width:100%;height:250px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;padding:20px}.placeholder-icon{font-size:48px;display:block;margin-bottom:10px}.placeholder-content p{font-size:18px;font-weight:700;color:#666;margin:10px 0}.placeholder-content small{font-size:12px;color:#999;display:block;margin-top:10px}.image-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;padding:15px 20px;font-size:16px;font-weight:700;text-align:center}.auth-right{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:calc(100vh - 80px)}.auth-form-wrapper{width:100%;max-width:450px}@media (max-width: 768px){.auth-header{padding:15px 20px}.platform-title{font-size:18px}.platform-name h2{font-size:24px}.auth-left{display:none}.auth-right{padding:20px}}@media (max-width: 576px){.platform-title{font-size:16px;line-height:1.4}.auth-form-wrapper{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}