body{font-family:'Segoe UI','Microsoft YaHei',sans-serif;max-width:800px;min-height:100vh;margin:20px auto;padding:20px;background:#f0f0ff}.container{background:white;border-radius:15px;padding:20px;box-shadow:0 0 15px rgba(0,0,0,0.1);flex:1}h1{color:#ff69b4;text-align:center;margin-bottom:30px;text-shadow:2px 2px 2px rgba(0,0,0,0.1)}.upload-area{border:3px dashed#aaa;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all 0.3s;background:#f8f8ff}.upload-area:hover{border-color:#ff69b4;background:#fff0f5}.upload-area.dragover{border-color:#00bfff;background:#f0ffff}#preview{max-width:100%;max-height:400px;margin:20px 0;border-radius:10px;display:none}.input-group{margin:20px 0}input[type="text"]{width:100%;padding:10px;border:2px solid#ccc;border-radius:5px;font-size:16px}button{background:#ff69b4;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:all 0.3s}button:hover{background:#ff1493;transform:scale(1.05)}.result-item{background:#fff8f8;padding:15px;margin:10px 0;border-radius:10px;border:1px solid#ffe0e0}.character-avatar{width:100px;height:100px;border-radius:10px;border:2px solid#ff69b4;margin:10px 0;object-fit:cover}.result-item{display:flex;align-items:center;gap:20px}footer{background:#333;color:white;text-align:center;padding:10px;border-top:2px solid#ff69b4}footer a{color:#9be6ff}footer a:hover{color:#0084ff}