body{min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100vh}.article-content p{margin-bottom:1em}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:1em 0}.login-page{max-width:500px;margin:0 auto;padding:2rem}.login-page h2{color:#2c3e50;margin-bottom:1.5rem}.login-form{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#3498db;outline:none}.submit-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:background-color .3s}.submit-btn:hover:not(:disabled){background-color:#2980b9}.submit-btn:disabled{cursor:not-allowed;background-color:#95a5a6}.result-panel{background-color:#f8f9fa;border-radius:4px;margin-top:1.5rem;padding:1rem}.result-panel h4{color:#2c3e50;margin-top:0}.result-panel pre{color:#ecf0f1;background:#2c3e50;border-radius:4px;padding:1rem;font-size:.85rem;overflow-x:auto}.avatar-upload{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.avatar-upload h3{color:#2c3e50;border-bottom:2px solid #3498db;margin-top:0;padding-bottom:.5rem}.current-avatar{text-align:center;margin:1.5rem 0}.current-avatar img{object-fit:cover;border:4px solid #3498db;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 12px #00000026}.no-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;font-size:3rem;display:flex}.upload-section{margin-top:1.5rem}.file-input-wrapper{width:100%;display:inline-block;position:relative;overflow:hidden}.file-input-wrapper input[type=file]{position:absolute;left:-9999px}.file-input-label{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:1rem;transition:all .3s;display:block}.file-input-label:hover{background:#e3f2fd;border-color:#3498db}.file-input-label.has-file{background:#d5f4e6;border-color:#27ae60}.preview-section{text-align:center;margin-top:1rem}.preview-section img{border:2px solid #ddd;border-radius:8px;max-width:200px;max-height:200px}.progress-bar{background:#ecf0f1;border-radius:12px;width:100%;height:24px;margin:1rem 0;overflow:hidden}.progress-fill{color:#fff;background:linear-gradient(90deg,#3498db,#2980b9);justify-content:center;align-items:center;height:100%;font-size:.85rem;font-weight:500;transition:width .3s;display:flex}.upload-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;width:100%;margin-top:1rem;padding:.875rem;font-size:1rem;transition:background .3s}.upload-btn:hover:not(:disabled){background:#2980b9}.upload-btn:disabled{cursor:not-allowed;background:#95a5a6}.status-message{text-align:center;border-radius:6px;margin-top:1rem;padding:.75rem}.status-message.success{color:#27ae60;background:#d5f4e6}.status-message.error{color:#e74c3c;background:#fadbd8}.status-message.info{color:#3498db;background:#e3f2fd}.user-page{max-width:800px;margin:0 auto;padding:2rem}.user-page h2{color:#2c3e50;margin-bottom:1.5rem}.user-info-card{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #0000001a}.info-row{border-bottom:1px solid #eee;padding:.75rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#7f8c8d;width:120px;font-weight:500}.info-value{color:#2c3e50;flex:1}.avatar-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.avatar-section h3{color:#2c3e50;margin-top:0}.current-avatar{margin:1rem 0}.current-avatar img{object-fit:cover;border:3px solid #3498db;border-radius:50%;width:100px;height:100px}.no-avatar{color:#95a5a6;background:#ecf0f1;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.avatar-form{margin-top:1.5rem}.avatar-form input[type=text]{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem}.refresh-btn{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:4px;margin-right:1rem;padding:.75rem 1.5rem}.refresh-btn:hover{background-color:#229954}.update-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:.75rem 1.5rem}.update-btn:hover:not(:disabled){background-color:#2980b9}.update-btn:disabled{cursor:not-allowed;background-color:#95a5a6}.login-tip{text-align:center;color:#7f8c8d;padding:3rem}.login-tip a{color:#3498db;text-decoration:none}.login-tip a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}body{color:#2c3e50;background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:0}.error-message{color:#e74c3c;background-color:#fadbd8;border-radius:4px;margin-top:1rem;padding:.75rem}.success-message{color:#27ae60;background-color:#d5f4e6;border-radius:4px;margin-top:1rem;padding:.75rem}